{"id":28,"date":"2026-05-22T13:56:12","date_gmt":"2026-05-22T16:56:12","guid":{"rendered":"https:\/\/cloudbright.cloud\/?page_id=28"},"modified":"2026-06-02T00:01:21","modified_gmt":"2026-06-02T03:01:21","slug":"cloudbright","status":"publish","type":"page","link":"https:\/\/cloudbright.cloud\/ko\/","title":{"rendered":"Cloudbright"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f7a25 e-con-full e-flex e-con e-parent\" data-id=\"44f7a25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b59be elementor-widget elementor-widget-html\" data-id=\"f2b59be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - HEADER \/ NAVIGATION\r\n     ============================================ -->\r\n<header class=\"cb-header\" id=\"cb-header\">\r\n  <div class=\"cb-header-inner\">\r\n    <a href=\"https:\/\/cloudbright.cloud\/ko\/\" class=\"cb-logo\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/Cloudbright-logo-white.webp\" \r\n        alt=\"\ud074\ub77c\uc6b0\ub4dc\ube0c\ub77c\uc774\ud2b8 \ub85c\uace0\"\r\n      >\r\n    <\/a>\r\n    \r\n    <nav class=\"cb-nav\">\r\n      <a href=\"#problem\">\ubb38\uc81c<\/a>\r\n      <a href=\"#solution\">\ud574\uacb0\ucc45<\/a>\r\n      <a href=\"#features\">\ud2b9\uc9d5<\/a>\r\n      <a href=\"#bots\">\ubd07<\/a>\r\n      <a href=\"#security\">\ubcf4\uc548<\/a>\r\n      <a href=\"#team\">\ud300<\/a>\r\n      <a href=\"#roadmap\">\ub85c\ub4dc\ub9f5<\/a>\r\n    <\/nav>\r\n    \r\n    <div class=\"cb-header-actions\">\r\n      <a href=\"https:\/\/cloudbright.io\/dashboard\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-secondary cb-btn-sm\">\r\n        \ub85c\uadf8\uc778\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/cloudbright.cloud\/ko\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary cb-btn-sm\">\r\n        \uacc4\uc815\uc744 \ub9cc\ub4dc\uc138\uc694\r\n      <\/a>\r\n    <\/div>\r\n    \r\n    <button class=\"cb-menu-toggle\" aria-label=\"\uba54\ub274\" onclick=\"this.classList.toggle('active');document.querySelector('.cb-nav-mobile').classList.toggle('open')\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n  \r\n  <div class=\"cb-nav-mobile\">\r\n    <a href=\"#problem\">\ubb38\uc81c<\/a>\r\n    <a href=\"#solution\">\ud574\uacb0\ucc45<\/a>\r\n    <a href=\"#features\">\ud2b9\uc9d5<\/a>\r\n    <a href=\"#bots\">\ubd07<\/a>\r\n    <a href=\"#security\">\ubcf4\uc548<\/a>\r\n    <a href=\"#team\">\ud300<\/a>\r\n    <a href=\"#roadmap\">\ub85c\ub4dc\ub9f5<\/a>\r\n\r\n    <a href=\"https:\/\/cloudbright.io\/dashboard\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-secondary\">\r\n      \ub85c\uadf8\uc778\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/cloudbright.cloud\/ko\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary\">\r\n      \uacc4\uc815\uc744 \ub9cc\ub4dc\uc138\uc694\r\n    <\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n.cb-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1000;\r\n  background: rgba(10, 14, 39, 0.85);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border-bottom: 1px solid var(--cb-border-soft);\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.cb-header-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 14px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n}\r\n\r\n.cb-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-logo img {\r\n  height: 42px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n.cb-nav {\r\n  display: flex;\r\n  gap: 32px;\r\n  flex: 1;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-nav a {\r\n  color: var(--cb-text-secondary);\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.cb-nav a:hover {\r\n  color: var(--cb-text-primary);\r\n}\r\n\r\n.cb-header-actions {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.cb-btn-sm {\r\n  padding: 10px 20px !important;\r\n  font-size: 0.9rem !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-menu-toggle {\r\n  display: none;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  padding: 8px;\r\n}\r\n\r\n.cb-menu-toggle span {\r\n  width: 24px;\r\n  height: 2px;\r\n  background: #fff;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.cb-menu-toggle.active span:nth-child(1) {\r\n  transform: translateY(7px) rotate(45deg);\r\n}\r\n\r\n.cb-menu-toggle.active span:nth-child(2) {\r\n  opacity: 0;\r\n}\r\n\r\n.cb-menu-toggle.active span:nth-child(3) {\r\n  transform: translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n.cb-nav-mobile {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  padding: 24px;\r\n  background: var(--cb-bg-secondary);\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-nav-mobile.open {\r\n  display: flex;\r\n}\r\n\r\n.cb-nav-mobile a {\r\n  color: var(--cb-text-secondary);\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n}\r\n\r\n.cb-nav-mobile .cb-btn {\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .cb-nav,\r\n  .cb-header-actions {\r\n    display: none;\r\n  }\r\n\r\n  .cb-menu-toggle {\r\n    display: flex;\r\n  }\r\n\r\n  .cb-logo img {\r\n    height: 38px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nwindow.addEventListener('scroll', function(){\r\n  var h = document.getElementById('cb-header');\r\n  if(h){\r\n    h.style.background = window.scrollY > 50 \r\n      ? 'rgba(10,14,39,0.95)' \r\n      : 'rgba(10,14,39,0.85)';\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea54b8 elementor-widget elementor-widget-html\" data-id=\"9ea54b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - HERO SECTION\r\n     ============================================ -->\r\n<section class=\"cb-section cb-hero\" id=\"hero\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-hero-orb cb-hero-orb-1\"><\/div>\r\n  <div class=\"cb-hero-orb cb-hero-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-hero-grid\">\r\n      <div class=\"cb-hero-content\">\r\n        <h1>\r\n          Cloudbright<br>\r\n          <span class=\"cb-gradient-text\">\uc2a4\ub9c8\ud2b8 \uce74\ud53c \ud2b8\ub808\uc774\ub529 \ud50c\ub7ab\ud3fc<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"cb-hero-lead\">\r\n          \ud22c\uba85\uc131, \uc790\ub3d9\ud654 \ubc0f \ub354\uc6b1 \uc2a4\ub9c8\ud2b8\ud55c \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc131\uc7a5\uc744 \uc704\ud574 \uc124\uacc4\ub41c \uac04\ud3b8\ud55c \uce74\ud53c \ud2b8\ub808\uc774\ub529 \ud50c\ub7ab\ud3fc\uc744 \ud1b5\ud574 \uc804\ubb38\uc801\uc778 \uc54c\uace0\ub9ac\uc998 \uc804\ub7b5\uc744 \uc774\uc6a9\ud574 \ubcf4\uc138\uc694.\r\n        <\/p>\r\n        \r\n        <div class=\"cb-hero-actions\">\r\n          <a href=\"https:\/\/cloudbright.cloud\/ko\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary\">\r\n            \uacc4\uc815\uc744 \ub9cc\ub4dc\uc138\uc694\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"#how\" class=\"cb-btn cb-btn-secondary\">\uc791\ub3d9 \ubc29\uc2dd\uc744 \ud655\uc778\ud574 \ubcf4\uc138\uc694<\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"cb-hero-trust\">\r\n          <div class=\"cb-trust-item\">\r\n            <strong>9+<\/strong>\r\n            <span>\uac70\ub798\uc18c<\/span>\r\n          <\/div>\r\n          <div class=\"cb-trust-divider\"><\/div>\r\n          <div class=\"cb-trust-item\">\r\n            <strong>99.9%<\/strong>\r\n            <span>\uac00\ub3d9 \uc2dc\uac04<\/span>\r\n          <\/div>\r\n          <div class=\"cb-trust-divider\"><\/div>\r\n          <div class=\"cb-trust-item\">\r\n            <strong>$50<\/strong>\r\n            <span>\ucd5c\uc18c \uc785\uc7a5\ub8cc<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n    \r\n      <\/div>\r\n      \r\n      <!-- Visual: Mock dashboard card -->\r\n      <div class=\"cb-hero-visual\">\r\n        <div class=\"cb-mock-card\">\r\n          <div class=\"cb-mock-header\">\r\n            <div class=\"cb-mock-dots\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n            <div class=\"cb-mock-title\">\ub77c\uc774\ube0c \uacf5\uc5f0<\/div>\r\n            <div class=\"cb-mock-live\">\r\n              <span class=\"cb-live-dot\"><\/span> \uc0b4\ub2e4\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"cb-mock-stat\">\r\n            <span class=\"cb-mock-label\">\uc804\uccb4 \ud3ec\ud2b8\ud3f4\ub9ac\uc624<\/span>\r\n            <span class=\"cb-mock-value\">$12,847.32<\/span>\r\n            <span class=\"cb-mock-change\">+24.7% <small>\uc774\ubc88 \ub2ec<\/small><\/span>\r\n          <\/div>\r\n          \r\n          <svg class=\"cb-mock-chart\" viewbox=\"0 0 300 100\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-chart-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#5b4bff\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,80 L30,70 L60,75 L90,55 L120,60 L150,40 L180,45 L210,30 L240,35 L270,15 L300,20 L300,100 L0,100 Z\" fill=\"url(#cb-chart-grad)\"\/>\r\n            <path d=\"M0,80 L30,70 L60,75 L90,55 L120,60 L150,40 L180,45 L210,30 L240,35 L270,15 L300,20\" fill=\"none\" stroke=\"#5b4bff\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n          \r\n          <div class=\"cb-mock-bots\">\r\n            <div class=\"cb-mock-bot\">\r\n              <div class=\"cb-mock-bot-icon\" style=\"background:linear-gradient(135deg,#5b4bff,#4dd0e1)\"><\/div>\r\n              <div class=\"cb-mock-bot-info\">\r\n                <strong>\uc54c\ud30c \ubaa8\uba58\ud140<\/strong>\r\n                <span>BTC\/USDT \u00b7 \ubcf4\uc218\uc801<\/span>\r\n              <\/div>\r\n              <span class=\"cb-mock-bot-roi cb-positive\">+18.4%<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cb-mock-bot\">\r\n              <div class=\"cb-mock-bot-icon\" style=\"background:linear-gradient(135deg,#4dd0e1,#00d68f)\"><\/div>\r\n              <div class=\"cb-mock-bot-info\">\r\n                <strong>\uadf8\ub9ac\ub4dc \ub9c8\uc2a4\ud130<\/strong>\r\n                <span>ETH\/USDT \u00b7 \uade0\ud615<\/span>\r\n              <\/div>\r\n              <span class=\"cb-mock-bot-roi cb-positive\">+32.1%<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.cb-hero {\r\n  padding: 150px 0 100px !important;\r\n  min-height: 90vh;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.cb-hero-logo {\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.cb-hero-logo img {\r\n  max-width: 220px;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.cb-hero h1 {\r\n  font-size: clamp(2.8rem, 5vw, 5rem) !important;\r\n  line-height: 1.05 !important;\r\n  letter-spacing: -0.04em !important;\r\n  margin-bottom: 24px !important;\r\n  max-width: 720px;\r\n}\r\n\r\n.cb-hero h1 .cb-gradient-text {\r\n  font-size: 0.72em;\r\n  display: inline-block;\r\n  margin-top: 8px;\r\n  line-height: 1.1;\r\n}\r\n\r\n.cb-hero-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 1;\r\n}\r\n\r\n.cb-hero-orb-1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  background: rgba(91, 75, 255, 0.25);\r\n  top: -100px;\r\n  left: -100px;\r\n}\r\n\r\n.cb-hero-orb-2 {\r\n  width: 500px;\r\n  height: 500px;\r\n  background: rgba(77, 208, 225, 0.15);\r\n  bottom: -150px;\r\n  right: -150px;\r\n}\r\n\r\n.cb-hero-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 64px;\r\n  align-items: center;\r\n}\r\n\r\n.cb-hero-content {\r\n  animation: cb-fadeUp 0.8s ease-out;\r\n}\r\n\r\n.cb-hero-lead {\r\n  font-size: 1.15rem !important;\r\n  color: var(--cb-text-secondary);\r\n  max-width: 560px;\r\n  margin-bottom: 32px !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n.cb-hero-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  margin-bottom: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-hero-trust {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n  padding: 20px 0;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n  border-bottom: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-trust-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-trust-item strong {\r\n  font-size: 1.5rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1;\r\n}\r\n\r\n.cb-trust-item span {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n  margin-top: 4px;\r\n}\r\n\r\n.cb-trust-divider {\r\n  width: 1px;\r\n  height: 32px;\r\n  background: var(--cb-border-soft);\r\n}\r\n\r\n.cb-hero-disclaimer {\r\n  font-size: 0.8rem !important;\r\n  color: var(--cb-text-muted) !important;\r\n  margin-top: 20px !important;\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Mock dashboard *\/\r\n.cb-hero-visual {\r\n  animation: cb-fadeUp 1s ease-out 0.2s backwards;\r\n}\r\n\r\n.cb-mock-card {\r\n  background: linear-gradient(145deg, rgba(26,33,71,0.9), rgba(19,25,56,0.9));\r\n  border: 1px solid var(--cb-border);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 28px;\r\n  backdrop-filter: blur(20px);\r\n  box-shadow: var(--cb-shadow-lg);\r\n  position: relative;\r\n}\r\n\r\n.cb-mock-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-mock-dots {\r\n  display: flex;\r\n  gap: 6px;\r\n}\r\n\r\n.cb-mock-dots span {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: rgba(184,193,236,0.3);\r\n}\r\n\r\n.cb-mock-title {\r\n  flex: 1;\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-mock-live {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  color: var(--cb-success);\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.cb-live-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: var(--cb-success);\r\n  border-radius: 50%;\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n.cb-mock-stat {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-mock-label {\r\n  display: block;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-mock-value {\r\n  display: block;\r\n  font-size: 2.25rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cb-mock-change {\r\n  display: inline-block;\r\n  color: var(--cb-success);\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.cb-mock-change small {\r\n  color: var(--cb-text-muted);\r\n  font-weight: 400;\r\n  margin-left: 4px;\r\n}\r\n\r\n.cb-mock-chart {\r\n  width: 100%;\r\n  height: 80px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-mock-bots {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-mock-bot {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n}\r\n\r\n.cb-mock-bot-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 10px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-mock-bot-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-mock-bot-info strong {\r\n  font-size: 0.9rem;\r\n  color: #fff;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-mock-bot-info span {\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n.cb-mock-bot-roi {\r\n  font-weight: 700;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.cb-positive {\r\n  color: var(--cb-success);\r\n}\r\n\r\n.cb-negative {\r\n  color: var(--cb-danger);\r\n}\r\n\r\n@media (max-width: 968px) {\r\n  .cb-hero {\r\n    padding: 120px 0 80px !important;\r\n  }\r\n\r\n  .cb-hero-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n\r\n  .cb-hero h1 {\r\n    font-size: clamp(2.35rem, 10vw, 3.6rem) !important;\r\n  }\r\n\r\n  .cb-hero-logo img {\r\n    max-width: 190px;\r\n  }\r\n\r\n  .cb-hero-trust {\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n.cb-hero-content {\r\n    text-align: left !important;\r\n}\r\n\r\n.cb-hero h1 {\r\n    text-align: left !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e8dc72 elementor-widget elementor-widget-html\" data-id=\"6e8dc72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - THE PROBLEM\r\n     ============================================ -->\r\n<section class=\"cb-section cb-section-alt\" id=\"problem\">\r\n  <div class=\"cb-bg-dots\"><\/div>\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ubb38\uc81c\uc810<\/span>\r\n      <h2>\uac1c\uc778 \ud22c\uc790\uc790\ub4e4\uc740 <span class=\"cb-gradient-text\">\uc7a0\uaca8\ubc84\ub838\uc2b5\ub2c8\ub2e4<\/span><br>\uc804\ubb38 \ud2b8\ub808\uc774\ub529 \uc804\ub7b5<\/h2>\r\n      <p>\uc218\uc2ed \ub144 \ub3d9\uc548 \uc54c\uace0\ub9ac\uc998 \uac70\ub798\ub294 \uae30\uad00 \ud22c\uc790\uc790\uc640 \uace0\uc561 \uc790\uc0b0\uac00\ub4e4\uc758 \uc804\uc720\ubb3c\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uc138 \uac00\uc9c0 \uc7a5\ubcbd\uc774 \uac1c\uc778 \ud22c\uc790\uc790\ub4e4\uc744 \uad00\ub9dd\ud558\uac8c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"cb-problem-grid\">\r\n      <div class=\"cb-problem-card\">\r\n        <div class=\"cb-problem-icon cb-problem-icon-red\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cb-problem-stat\">$500K+<\/div>\r\n        <h3>\uacfc\ub3c4\ud55c \ucd5c\uc18c \uae30\uc900<\/h3>\r\n        <p>\uc804\ubb38 \uc54c\uace0\ub9ac\uc998 \ud2b8\ub808\uc774\ub529 \ud380\ub4dc\uc640 \uad00\ub9ac\ud615 \uc804\ub7b5\uc740 \ub9c9\ub300\ud55c \uc790\ubcf8 \ud22c\uc785\uc744 \ud544\uc694\ub85c \ud558\uae30 \ub54c\ubb38\uc5d0 991,000\uc870 \ub2ec\ub7ec(TP3T)\uc5d0 \ub2ec\ud558\ub294 \ud22c\uc790\uc790\ub4e4\uc774 \ud22c\uc790 \uae30\ud68c\ub97c \ub193\uce58\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"cb-problem-card\">\r\n        <div class=\"cb-problem-icon cb-problem-icon-orange\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cb-problem-stat\">0%<\/div>\r\n        <h3>\ud22c\uba85\uc131 \uc81c\ub85c<\/h3>\r\n        <p>\uc804\ud1b5\uc801\uc778 \ud380\ub4dc\ub4e4\uc740 \ub9c8\ucf00\ud305 \ubb38\uad6c\uc640 \ubd84\uae30\ubcc4 \ubcf4\uace0\uc11c \ub4a4\uc5d0 \uc131\uacfc, \uac70\ub798 \ub0b4\uc5ed, \ubc29\ubc95\ub860\uc744 \uc228\uae41\ub2c8\ub2e4.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"cb-problem-card\">\r\n        <div class=\"cb-problem-icon cb-problem-icon-purple\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><polyline points=\"12 6 12 12 16 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cb-problem-stat\">24\/7<\/div>\r\n        <h3>\uc2dc\uc7a5\uc740 24\uc2dc\uac04 \uc26c\uc9c0 \uc54a\ub294\ub2e4<\/h3>\r\n        <p>\uc554\ud638\ud654\ud3d0 \uc2dc\uc7a5\uc740 24\uc2dc\uac04 \ub0b4\ub0b4 \uc6c0\uc9c1\uc774\uc9c0\ub9cc, \uc0ac\ub78c\uc5d0\uac8c\ub294 \ud734\uc2dd\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc218\ub3d9 \uac70\ub798\uc790\ub294 \ub9e4\uc77c \ubc24 \uc911\uc694\ud55c \uae30\ud68c\ub97c \ub193\uce58\uace4 \ud569\ub2c8\ub2e4.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.cb-problem-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n.cb-problem-card {\r\n  background: var(--cb-bg-card);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 36px 32px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cb-problem-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, transparent 0%, rgba(91, 75, 255, 0.05) 100%);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.cb-problem-card:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-4px);\r\n  box-shadow: var(--cb-shadow-md);\r\n}\r\n.cb-problem-card:hover::before { opacity: 1; }\r\n.cb-problem-card > * { position: relative; z-index: 2; }\r\n\r\n.cb-problem-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n}\r\n.cb-problem-icon-red {\r\n  background: rgba(255, 94, 126, 0.15);\r\n  color: var(--cb-danger);\r\n}\r\n.cb-problem-icon-orange {\r\n  background: rgba(255, 181, 71, 0.15);\r\n  color: var(--cb-warning);\r\n}\r\n.cb-problem-icon-purple {\r\n  background: rgba(91, 75, 255, 0.15);\r\n  color: var(--cb-accent);\r\n}\r\n.cb-problem-stat {\r\n  font-size: 2.75rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  line-height: 1;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n@media (max-width: 968px) {\r\n  .cb-problem-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0f5e97 elementor-widget elementor-widget-html\" data-id=\"f0f5e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - THE SOLUTION\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"solution\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-solution-grid\">\r\n      <div class=\"cb-solution-content\">\r\n        <span class=\"cb-eyebrow\">\ud574\uacb0\ucc45<\/span>\r\n        <h2>\ud074\ub77c\uc6b0\ub4dc\ube0c\ub77c\uc774\ud2b8 \u2014 \uce74\ud53c \ud2b8\ub808\uc774\ub529<br>\uc800\uac83 <span class=\"cb-gradient-text\">\uac04\ub2e8\ud558\uac8c \ub9cc\ub4e4\uc5b4\uc90d\ub2c8\ub2e4<\/span><\/h2>\r\n        <p class=\"cb-solution-lead\">\r\n          \uc6b0\ub9ac\ub294 \ubaa8\ub4e0 \uc7a5\ubcbd\uc744 \uc81c\uac70\ud588\uc2b5\ub2c8\ub2e4. Cloudbright\ub294 \ub204\uad6c\uc5d0\uac8c\ub098, \uc5b4\ub514\uc5d0\uc11c\ub098, \uac80\uc99d\ub41c \uc54c\uace0\ub9ac\uc998 \uc804\ub7b5\uc5d0 \uc989\uc2dc \uc811\uadfc\ud560 \uc218 \uc788\ub294 \uae30\ud68c\ub97c \uc81c\uacf5\ud558\uba70 \uc644\uc804\ud55c \ud22c\uba85\uc131\uacfc \uc774\ud574\uad00\uacc4\uc758 \uc77c\uce58\ub97c \ubcf4\uc7a5\ud569\ub2c8\ub2e4.\r\n        <\/p>\r\n        \r\n        <ul class=\"cb-solution-list\">\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>\uc6d0\ud074\ub9ad \uce74\ud53c \ud2b8\ub808\uc774\ub529<\/strong>\r\n              <span>\uae30\uc220\uc801\uc778 \uc9c0\uc2dd\ub3c4 \ud544\uc694 \uc5c6\uace0, \uc124\uc815\ub3c4 \ud544\uc694 \uc5c6\uace0, API \uad00\ub828 \ubb38\uc81c\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4.<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>\ub2e8 $50\ubd80\ud130 \uc2dc\uc791\ud558\uc138\uc694<\/strong>\r\n              <span>\uae30\uc874 \uc54c\uace0\ub9ac\uc998 \ud380\ub4dc\ubcf4\ub2e4 \uc9c4\uc785 \uc7a5\ubcbd\uc774 10,000\ubc30 \ub0ae\uc74c<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>\ubaa8\ub4e0 \uc704\ud5d8 \uc218\uc900\uc5d0 \uac78\uccd0 \uac80\uc99d\ub41c \ubd07<\/strong>\r\n              <span>\ubcf4\uc218\uc801\uc778 \uc18c\ub4dd\uc5d0\uc11c \uacf5\uaca9\uc801\uc778 \uc131\uc7a5\uc73c\ub85c<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>\uc644\uc804\ud55c \ud22c\uba85\uc131, \uc2e4\uc2dc\uac04<\/strong>\r\n              <span>\ubaa8\ub4e0 \uac70\ub798, \ubaa8\ub4e0 \uc9c0\ud45c\ub97c 24\uc2dc\uac04 \ub0b4\ub0b4 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>\uc778\ucd9c \uc2dc\uc5d0\ub9cc \uc218\uc218\ub8cc\uac00 \ubd80\uacfc\ub429\ub2c8\ub2e4.<\/strong>\r\n              <span>\uc800\ud76c\ub294 \uace0\uac1d\ub2d8\uc774 \uc774\uc6a9\ud558\uc2e4 \ub54c\ub9cc \uc218\uc775\uc744 \uc5bb\uc2b5\ub2c8\ub2e4. \uad6c\ub3c5\ub8cc\ub098 \uc228\uaca8\uc9c4 \uc218\uc218\ub8cc\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/span>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n        \r\n        <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-btn cb-btn-primary\">\uacc4\uc815\uc744 \ub9cc\ub4dc\uc138\uc694<\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"cb-solution-visual\">\r\n        <div class=\"cb-floating-badge cb-fb-1\">\r\n          <span class=\"cb-fb-icon\">\u26a1<\/span>\r\n          <div>\r\n            <strong>\uc6d0\ud074\ub9ad \ubcf5\uc0ac<\/strong>\r\n            <small>\uba87 \ucd08 \ub9cc\uc5d0 \ub77c\uc774\ube0c \ubc29\uc1a1\uc744 \uc2dc\uccad\ud558\uc138\uc694<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cb-floating-badge cb-fb-2\">\r\n          <span class=\"cb-fb-icon\">\ud83d\udd12<\/span>\r\n          <div>\r\n            <strong>\ud655\uc778\ub428<\/strong>\r\n            <small>12\uac1c\uc6d4 \uc774\uc0c1 \uac10\uc0ac<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cb-floating-badge cb-fb-3\">\r\n          <span class=\"cb-fb-icon\">\ud83d\udcca<\/span>\r\n          <div>\r\n            <strong>\uc2e4\uc2dc\uac04<\/strong>\r\n            <small>\ubaa8\ub4e0 \uac70\ub798\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Hex\u00e1gono central decorativo -->\r\n        <div class=\"cb-solution-hex\">\r\n          <svg viewbox=\"0 0 200 200\">\r\n            <defs>\r\n              <lineargradient id=\"cb-sol-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <polygon points=\"50,10 150,10 190,100 150,190 50,190 10,100\" fill=\"url(#cb-sol-grad)\" opacity=\"0.15\"\/>\r\n            <polygon points=\"50,10 150,10 190,100 150,190 50,190 10,100\" fill=\"none\" stroke=\"url(#cb-sol-grad)\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n          <div class=\"cb-solution-hex-content\">\r\n            <svg width=\"48\" height=\"48\" viewbox=\"0 0 36 36\" fill=\"none\">\r\n              <defs>\r\n                <lineargradient id=\"cb-sol-logo\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <path d=\"M28 18c0-3-2-5-5-5-1-3-4-5-7-5-4 0-7 3-7 7v1c-3 0-5 2-5 5s2 5 5 5h17c3 0 5-2 5-5 0-1 0-2-1-3z\" fill=\"url(#cb-sol-logo)\"\/>\r\n              <rect x=\"15\" y=\"14\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#4dd0e1\"\/>\r\n            <\/svg>\r\n            <strong>\ud074\ub77c\uc6b0\ub4dc\ube0c\ub77c\uc774\ud2b8<\/strong>\r\n            <span>\uc2a4\ub9c8\ud2b8 \uce74\ud53c \ud2b8\ub808\uc774\ub529<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - THE SOLUTION\r\n   SINGLE COLUMN VERSION\r\n   ============================================ *\/\r\n\r\n.cb-solution-grid {\r\n  display: block !important;\r\n}\r\n\r\n.cb-solution-content {\r\n  width: 100% !important;\r\n  max-width: 1100px !important;\r\n  text-align: left !important;\r\n}\r\n\r\n.cb-solution-content .cb-eyebrow {\r\n  text-align: left !important;\r\n}\r\n\r\n.cb-solution-content h2 {\r\n  text-align: left !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n\r\n.cb-solution-lead {\r\n  font-size: 1.15rem !important;\r\n  text-align: left !important;\r\n  margin-bottom: 32px !important;\r\n  max-width: 900px !important;\r\n}\r\n\r\n.cb-solution-list {\r\n  list-style: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 0 40px 0 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 18px !important;\r\n  align-items: flex-start !important;\r\n}\r\n\r\n.cb-solution-list li {\r\n  display: flex !important;\r\n  gap: 16px !important;\r\n  align-items: flex-start !important;\r\n  justify-content: flex-start !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.cb-check {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  border-radius: 8px !important;\r\n  background: var(--cb-gradient) !important;\r\n  color: #fff !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n  margin-top: 2px !important;\r\n}\r\n\r\n.cb-solution-list li strong {\r\n  display: block !important;\r\n  color: #fff !important;\r\n  font-weight: 600 !important;\r\n  font-size: 1.05rem !important;\r\n  margin-bottom: 2px !important;\r\n}\r\n\r\n.cb-solution-list li span {\r\n  color: var(--cb-text-muted) !important;\r\n  font-size: 0.95rem !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n.cb-solution-content .cb-btn {\r\n  margin-top: 10px !important;\r\n}\r\n\r\n\/* REMOVE COMPLETAMENTE A COLUNA DIREITA *\/\r\n\r\n.cb-solution-visual {\r\n  display: none !important;\r\n}\r\n\r\n.cb-solution-hex {\r\n  display: none !important;\r\n}\r\n\r\n.cb-floating-badge {\r\n  display: none !important;\r\n}\r\n\r\n.cb-fb-1,\r\n.cb-fb-2,\r\n.cb-fb-3 {\r\n  display: none !important;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 968px) {\r\n\r\n  .cb-solution-grid {\r\n    display: block !important;\r\n  }\r\n\r\n  .cb-solution-content {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .cb-solution-content h2 {\r\n    text-align: left !important;\r\n  }\r\n\r\n  .cb-solution-lead {\r\n    text-align: left !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61ff527 elementor-widget elementor-widget-html\" data-id=\"61ff527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS (igual ao CSS global)\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-accent-hover: #4a3ce6;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-gradient-soft: linear-gradient(135deg, rgba(91, 75, 255, 0.15) 0%, rgba(77, 208, 225, 0.15) 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-danger: #ff5e7e;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n  --cb-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius: 12px;\r\n  --cb-radius-lg: 20px;\r\n  --cb-radius-xl: 32px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 5: HOW IT WORKS\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 20% 20%, rgba(91, 75, 255, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 80%, rgba(77, 208, 225, 0.06) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 80px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Steps Grid *\/\r\n.cb-steps-wrapper {\r\n  position: relative;\r\n}\r\n\r\n\/* Linha conectora horizontal (desktop) *\/\r\n.cb-steps-line {\r\n  position: absolute;\r\n  top: 80px;\r\n  left: 16.66%;\r\n  right: 16.66%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg,\r\n    transparent 0%,\r\n    rgba(91, 75, 255, 0.4) 15%,\r\n    rgba(77, 208, 225, 0.4) 50%,\r\n    rgba(91, 75, 255, 0.4) 85%,\r\n    transparent 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.cb-steps-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 32px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-step-card {\r\n  background: linear-gradient(145deg, rgba(26,33,71,0.7), rgba(19,25,56,0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 40px 32px;\r\n  text-align: center;\r\n  position: relative;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-step-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-step-card:hover .cb-step-icon-wrap {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.cb-step-card:hover .cb-step-icon-wrap svg {\r\n  filter: drop-shadow(0 0 20px rgba(91, 75, 255, 0.5));\r\n}\r\n\r\n\/* Step Number Badge *\/\r\n.cb-step-number {\r\n  position: absolute;\r\n  top: -16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  font-weight: 700;\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.2em;\r\n  padding: 8px 20px;\r\n  border-radius: 100px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(91, 75, 255, 0.35);\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Icon hexagon *\/\r\n.cb-step-icon-wrap {\r\n  width: 120px;\r\n  height: 120px;\r\n  margin: 24px auto 32px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-step-hex {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-step-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: #fff;\r\n  transition: filter 0.4s ease;\r\n}\r\n\r\n.cb-step-card h3 {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-step-card p {\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n  font-size: 0.98rem;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-step-feature {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 16px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border: 1px solid rgba(91, 75, 255, 0.25);\r\n  border-radius: 100px;\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  color: var(--cb-text-primary);\r\n}\r\n\r\n.cb-step-feature .cb-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--cb-cyan);\r\n  box-shadow: 0 0 8px var(--cb-cyan);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(1.2); }\r\n}\r\n\r\n\/* CTA bottom *\/\r\n.cb-steps-cta {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 16px 32px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  box-shadow: 0 8px 24px rgba(91, 75, 255, 0.35);\r\n}\r\n\r\n.cb-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 32px rgba(91, 75, 255, 0.5);\r\n}\r\n\r\n.cb-steps-note {\r\n  margin-top: 20px;\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* Orbs decorativos *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  top: 10%; left: -200px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  bottom: 10%; right: -150px;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 968px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-steps-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n  .cb-steps-line { display: none; }\r\n  .cb-section-header { margin-bottom: 48px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 5: HOW IT WORKS\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"how\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\uc791\ub3d9 \ubc29\uc2dd<\/span>\r\n      <h2 class=\"translation-block\"><span class=\"cb-gradient-text\">3\uac00\uc9c0 \uac04\ub2e8\ud55c \ub2e8\uacc4<\/span>\ub85c \uc2dc\uc791\ud558\uc138\uc694<\/h2>\r\n      <p>\ub2e8 5\ubd84 \ub9cc\uc5d0 \uc804\ubb38 \ud2b8\ub808\uc774\ub529 \ubd07\uc744 \ub530\ub77c\ud558\ub294 \ubc29\ubc95\uc744 \ubc30\uc6b0\uc138\uc694. \uae30\uc220\uc801\uc778 \uc9c0\uc2dd\ub3c4, \ubcf5\uc7a1\ud55c \uc124\uc815\ub3c4 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4. \ub2e8 \uc138 \ubc88\uc758 \ud074\ub9ad\ub9cc\uc73c\ub85c \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-steps-wrapper\">\r\n      <div class=\"cb-steps-line\"><\/div>\r\n\r\n      <div class=\"cb-steps-grid\">\r\n\r\n        <!-- STEP 1: TOP UP -->\r\n        <div class=\"cb-step-card\">\r\n          <span class=\"cb-step-number\">1\ub2e8\uacc4<\/span>\r\n\r\n          <div class=\"cb-step-icon-wrap\">\r\n            <svg class=\"cb-step-hex\" viewbox=\"0 0 120 120\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hex1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.3\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.15\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"60,8 108,34 108,86 60,112 12,86 12,34\" fill=\"url(#cb-hex1)\" stroke=\"#5b4bff\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n            <svg class=\"cb-step-icon\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>\ucda9\uc804<\/h3>\r\n          <p>\uc554\ud638\ud654\ud3d0 \ub610\ub294 \ubc95\uc815\ud654\ud3d0\ub85c \uc785\uae08\ud558\uc138\uc694. \ub2e4\uc591\ud55c \uacb0\uc81c \uc218\ub2e8 \uc9c0\uc6d0, \uc989\uc2dc \ud655\uc778, \uc785\uae08 \uc218\uc218\ub8cc \uc5c6\uc74c.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            \ucd5c\uc18c $50\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 2: COPY A BOT -->\r\n        <div class=\"cb-step-card\">\r\n          <span class=\"cb-step-number\">2\ub2e8\uacc4<\/span>\r\n\r\n          <div class=\"cb-step-icon-wrap\">\r\n            <svg class=\"cb-step-hex\" viewbox=\"0 0 120 120\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hex2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.35\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.2\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"60,8 108,34 108,86 60,112 12,86 12,34\" fill=\"url(#cb-hex2)\" stroke=\"#5b4bff\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n            <svg class=\"cb-step-icon\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"\/>\r\n              <path d=\"M17.5 17.5l-1.5 1.5 3 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>\ubd07\uc744 \ubcf5\uc0ac\ud558\uc138\uc694<\/h3>\r\n          <p>\uc2dc\uc7a5\uc744 \ub458\ub7ec\ubcf4\uace0 \uc704\ud5d8 \uc218\uc900\uacfc \ud22c\uc790 \uc218\uc775\ub960(ROI)\ubcc4\ub85c \ud544\ud130\ub9c1\ud55c \ud6c4 \uac80\uc99d\ub41c \ubd07\uc744 \uc120\ud0dd\ud558\uc138\uc694. \ub2e8 \ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \uc2e4\uc2dc\uac04 \uac70\ub798\ub97c \ubcf5\uc0ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            \uac80\uc99d\ub41c \uc804\ub7b5\ub9cc \uc0ac\uc6a9\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 3: COLLECT PROFITS -->\r\n        <div class=\"cb-step-card\">\r\n          <span class=\"cb-step-number\">3\ub2e8\uacc4<\/span>\r\n\r\n          <div class=\"cb-step-icon-wrap\">\r\n            <svg class=\"cb-step-hex\" viewbox=\"0 0 120 120\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hex3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.25\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"60,8 108,34 108,86 60,112 12,86 12,34\" fill=\"url(#cb-hex3)\" stroke=\"#5b4bff\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n            <svg class=\"cb-step-icon\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 17l6-6 4 4 8-8M14 7h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>\uc218\uc775\uae08 \uc218\ub839<\/h3>\r\n          <p>\uc774 \ubd07\uc740 \uc804 \uc138\uacc4 \uc554\ud638\ud654\ud3d0 \uc2dc\uc7a5\uc5d0\uc11c 24\uc2dc\uac04 \ub0b4\ub0b4 \uac70\ub798\ud569\ub2c8\ub2e4. \uc2e4\uc2dc\uac04\uc73c\ub85c \uc131\uacfc\ub97c \ucd94\uc801\ud558\uace0 \uc5b8\uc81c\ub4e0\uc9c0 \uc218\uc775\uc744 \uc778\ucd9c\ud558\uc138\uc694.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            24\uc2dc\uac04 \uc5f0\uc911\ubb34\ud734 \uac70\ub798\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cb-steps-cta\">\r\n      <a href=\"#\" class=\"cb-btn\">\r\n        \uc9c0\uae08 \uc2dc\uc791\ud558\uc138\uc694\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n   \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f65ca46 elementor-widget elementor-widget-html\" data-id=\"f65ca46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 6: PLATFORM FEATURES\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 15% 30%, rgba(91, 75, 255, 0.1) 0%, transparent 50%),\r\n    radial-gradient(circle at 85% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-dots {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle, rgba(91, 75, 255, 0.12) 1px, transparent 1px);\r\n  background-size: 32px 32px;\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Features Grid *\/\r\n.cb-features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.cb-feature-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 36px 28px;\r\n  position: relative;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-feature-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-feature-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 50% 0%, rgba(91, 75, 255, 0.12) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-feature-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-feature-card:hover::before { opacity: 1; }\r\n.cb-feature-card:hover::after { opacity: 1; }\r\n.cb-feature-card:hover .cb-feature-icon-wrap { transform: scale(1.08); }\r\n.cb-feature-card:hover .cb-feature-icon svg {\r\n  filter: drop-shadow(0 0 16px rgba(91, 75, 255, 0.6));\r\n}\r\n\r\n.cb-feature-card > * { position: relative; z-index: 2; }\r\n\r\n\/* Icon *\/\r\n.cb-feature-icon-wrap {\r\n  width: 72px;\r\n  height: 72px;\r\n  margin-bottom: 24px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-feature-icon-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.2) 0%, rgba(77, 208, 225, 0.1) 100%);\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  border-radius: 18px;\r\n  transform: rotate(-6deg);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.cb-feature-card:hover .cb-feature-icon-bg {\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.cb-feature-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: var(--cb-cyan);\r\n  transition: filter 0.4s ease;\r\n}\r\n\r\n.cb-feature-card h3 {\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.01em;\r\n  color: #fff;\r\n}\r\n\r\n.cb-feature-card p {\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n  font-size: 0.95rem;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Sub-features list *\/\r\n.cb-feature-tags {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-feature-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-feature-tag svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-cyan);\r\n}\r\n\r\n\/* Highlight badge *\/\r\n.cb-feature-badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n  border-radius: 100px;\r\n  z-index: 3;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 380px; height: 380px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 20%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 320px; height: 320px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  bottom: 5%; right: -120px;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 1100px) {\r\n  .cb-features-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-features-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-section-header { margin-bottom: 40px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 6: PLATFORM FEATURES\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"features\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-dots\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ud50c\ub7ab\ud3fc \uae30\ub2a5<\/span>\r\n      <h2>\uc644\uc804\ud310<br><span class=\"cb-gradient-text\">\uce74\ud53c \ud2b8\ub808\uc774\ub529 \ud50c\ub7ab\ud3fc<\/span><\/h2>\r\n      <p>\uc804\ubb38\uc801\uc778 \uac70\ub798 \uc804\ub7b5\uc5d0 \ud544\uc694\ud55c \ubaa8\ub4e0 \uac83\uc744 \ud558\ub098\uc758 \ud1b5\ud569 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uc774\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud22c\uba85\uc131, \uc811\uadfc\uc131, \uadf8\ub9ac\uace0 \ub6f0\uc5b4\ub09c \uc131\ub2a5\uc744 \uc704\ud574 \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-features-grid\">\r\n\r\n      <!-- FEATURE 1: MARKETPLACE -->\r\n      <div class=\"cb-feature-card\">\r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 9l1-5h16l1 5M3 9v11a1 1 0 001 1h16a1 1 0 001-1V9M3 9h18M9 13h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>\uc2dc\uc7a5<\/h3>\r\n        <p>\uc131\ub2a5, \uc704\ud5d8 \ud504\ub85c\ud544 \ubc0f \ud22c\uc790 \uc720\uc9c0 \uae30\uac04\ubcc4\ub85c \uc21c\uc704\uac00 \ub9e4\uaca8\uc9c4 \uac80\uc99d\ub41c \ubd07\uc744 \uc0b4\ud3b4\ubcf4\uc138\uc694. \uba87 \ucd08 \ub9cc\uc5d0 \uc801\ud569\ud55c \uc804\ub7b5\uc744 \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uac80\uc99d\ub41c \uc804\ub7b5\ub9cc \uc0ac\uc6a9\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \ub2e4\uc591\ud55c \uc704\ud5d8 \ud504\ub85c\ud544\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uc720\uc5f0\ud55c \uacc4\uc57d \uc870\uac74\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FEATURE 2: REAL-TIME DASHBOARD -->\r\n      <div class=\"cb-feature-card\">\r\n        <span class=\"cb-feature-badge\">\uc0b4\ub2e4<\/span>\r\n        \r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"6\" height=\"18\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"11\" y=\"8\" width=\"6\" height=\"13\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"6\" y1=\"7\" x2=\"6\" y2=\"9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"14\" y1=\"12\" x2=\"14\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M19 14v7M19 11v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>\uc2e4\uc2dc\uac04 \ub300\uc2dc\ubcf4\ub4dc<\/h3>\r\n        <p>\uc2e4\uc2dc\uac04 \uc190\uc775 \ucd94\uc801, \uc790\uc0b0 \uac00\uce58 \ucd94\uc774, \uc804\uccb4 \uac70\ub798 \ub0b4\uc5ed \ub4f1 \ubaa8\ub4e0 \uc9c0\ud45c\uac00 \uc2e4\uc2dc\uac04\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ub418\uc5b4 \uc644\ubcbd\ud558\uac8c \ud22c\uba85\ud558\uac8c \uc81c\uacf5\ub429\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uc2e4\uc2dc\uac04 \uc190\uc775 \ucd94\uc801\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \ub300\ud654\ud615 \uc8fc\uc2dd \uace1\uc120\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uc804\uccb4 \uac70\ub798 \ub0b4\uc5ed\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FEATURE 3: RISK LEVELS -->\r\n      <div class=\"cb-feature-card\">\r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <line x1=\"4\" y1=\"7\" x2=\"20\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(77,208,225,0.2)\"\/>\r\n              <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"15\" cy=\"12\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(77,208,225,0.2)\"\/>\r\n              <line x1=\"4\" y1=\"17\" x2=\"20\" y2=\"17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"11\" cy=\"17\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(77,208,225,0.2)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>\uc704\ud5d8 \uc218\uc900<\/h3>\r\n        <p>\ubcf4\uc218\uc801\uc778 \uc218\uc775 \uc804\ub7b5\ubd80\ud130 \uacf5\uaca9\uc801\uc778 \uc131\uc7a5 \uc804\ub7b5\uae4c\uc9c0. \uc0e4\ud504 \ube44\uc728, ROI, \uc190\uc2e4\ub960 \ub4f1\uc744 \uae30\uc900\uc73c\ub85c \ud544\ud130\ub9c1\ud558\uc5ec \uc790\uc2e0\uc5d0\uac8c \ub9de\ub294 \uc804\ub7b5\uc744 \ucc3e\uc544\ubcf4\uc138\uc694.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \ubcf4\uc218\uc801\uc778 \uac83\ubd80\ud130 \uacf5\uaca9\uc801\uc778 \uac83\uae4c\uc9c0\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uc0e4\ud504 \uc9c0\uc218 \ubc0f ROI\ub85c \ud544\ud130\ub9c1\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uac10\uc18c \uc9c0\ud45c\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FEATURE 4: MULTI-EXCHANGE -->\r\n      <div class=\"cb-feature-card\">\r\n        <span class=\"cb-feature-badge\">9+<\/span>\r\n        \r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M17 1l4 4-4 4M3 11V9a4 4 0 014-4h14M7 23l-4-4 4-4M21 13v2a4 4 0 01-4 4H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>\uba40\ud2f0 \uc775\uc2a4\uccb4\uc778\uc9c0<\/h3>\r\n        <p>\ud558\ub098\uc758 \uacc4\uc815\uc73c\ub85c \ubaa8\ub4e0 \uc8fc\uc694 \uc554\ud638\ud654\ud3d0 \uac70\ub798\uc18c\uc5d0 \uc5f0\uacb0\ud558\uc138\uc694. \ubc14\uc774\ub0b8\uc2a4, \ubc14\uc774\ube57, OKX, \ucfe0\ucf54\uc778, \ud06c\ub77c\ucf04 \ub4f1\uc5d0\uc11c \uac70\ub798\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \ubc14\uc774\ub0b8\uc2a4, \ubc14\uc774\ube57, OKX\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            KuCoin, Kraken \ub4f1\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            \uc554\ud638\ud654\ub41c API \ud0a4\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ae4a43 elementor-widget elementor-widget-html\" data-id=\"0ae4a43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 7: PERFORMANCE METRICS\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 50% 50%, rgba(91, 75, 255, 0.12) 0%, transparent 60%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-circuit {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 70%);\r\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 70%);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 80px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   CENTRAL CIRCUIT LAYOUT\r\n   ============================================ *\/\r\n.cb-metrics-stage {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1fr 360px 1fr;\r\n  align-items: center;\r\n  gap: 40px;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  min-height: 560px;\r\n}\r\n\r\n\/* Cluster esquerdo *\/\r\n.cb-metrics-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  align-items: flex-end;\r\n}\r\n\r\n\/* Cluster direito *\/\r\n.cb-metrics-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* Cluster central *\/\r\n.cb-metrics-center {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n\/* Hub central com logo *\/\r\n.cb-hub {\r\n  position: relative;\r\n  width: 280px;\r\n  height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  animation: cb-hub-float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-hub-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n}\r\n\r\n.cb-hub-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-hub-bg svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  filter: drop-shadow(0 0 40px rgba(91, 75, 255, 0.5));\r\n}\r\n\r\n.cb-hub-logo {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 130px;\r\n  height: 130px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-hub-rings {\r\n  position: absolute;\r\n  inset: -40px;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-hub-rings svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  animation: cb-ring-rotate 30s linear infinite;\r\n}\r\n\r\n@keyframes cb-ring-rotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Metric hexagonal card *\/\r\n.cb-metric {\r\n  position: relative;\r\n  width: 260px;\r\n  padding: 28px 24px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.85), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-metric::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 4px; height: 100%;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-metric:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-metric:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cb-metric:hover .cb-metric-value {\r\n  background-position: 100% center;\r\n}\r\n\r\n.cb-metric-value {\r\n  font-size: 2.75rem;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: 8px;\r\n  background: linear-gradient(90deg, #5b4bff 0%, #4dd0e1 50%, #5b4bff 100%);\r\n  background-size: 200% auto;\r\n  background-position: 0% center;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  transition: background-position 0.6s ease;\r\n}\r\n\r\n.cb-metric-label {\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-metric-sub {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* Indicador pulsante *\/\r\n.cb-metric-pulse {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cb-success);\r\n  box-shadow: 0 0 12px var(--cb-success);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============================================\r\n   LINHAS CONECTORAS (SVG overlay)\r\n   ============================================ *\/\r\n.cb-connectors {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-connectors svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-connector-line {\r\n  fill: none;\r\n  stroke: rgba(91, 75, 255, 0.4);\r\n  stroke-width: 1.5;\r\n  stroke-dasharray: 4 4;\r\n  animation: cb-dash 20s linear infinite;\r\n}\r\n\r\n@keyframes cb-dash {\r\n  to { stroke-dashoffset: -100; }\r\n}\r\n\r\n.cb-connector-dot {\r\n  fill: var(--cb-cyan);\r\n  filter: drop-shadow(0 0 6px var(--cb-cyan));\r\n}\r\n\r\n\/* Disclaimer bottom *\/\r\n.cb-perf-disclaimer {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n  padding: 20px 28px;\r\n  background: rgba(26, 33, 71, 0.4);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.cb-perf-disclaimer svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-metrics-stage {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n    min-height: auto;\r\n  }\r\n  .cb-metrics-left,\r\n  .cb-metrics-right {\r\n    align-items: center;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n  .cb-metrics-center {\r\n    order: -1;\r\n  }\r\n  .cb-connectors { display: none; }\r\n  .cb-metric { width: 280px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-section-header { margin-bottom: 48px; }\r\n  .cb-metric { width: 100%; max-width: 320px; }\r\n  .cb-hub { width: 220px; height: 220px; }\r\n  .cb-hub-logo { width: 110px; height: 110px; }\r\n  .cb-metric-value { font-size: 2.25rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 7: PERFORMANCE METRICS\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"metrics\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-circuit\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\uacac\uc778\ub825 \ubc0f \uce21\uc815 \uc9c0\ud45c<\/span>\r\n      <h2>2026\ub144 1\uc6d4<br><span class=\"cb-gradient-text\">\uc131\ub2a5 \uc2a4\ub0c5\uc0f7<\/span><\/h2>\r\n      <p>\uc2e4\uc81c \ubd07\uc5d0\uc11c \uc218\uc9d1\ub41c \uc2e4\uc81c \ub370\uc774\ud130\uc774\uba70, \ub9e4\uc6d4 \uac80\uc99d\ub429\ub2c8\ub2e4. \uc544\ub798 \ubaa8\ub4e0 \uc9c0\ud45c\ub294 \uac80\uc99d\ub41c \uc628\uccb4\uc778 \ubc0f \uac70\ub798\uc18c \ub370\uc774\ud130\ub97c \uae30\ubc18\uc73c\ub85c \uacc4\uc0b0\ub418\uc5c8\uc73c\uba70, \ud56d\uc0c1 \ud22c\uba85\ud558\uac8c \uacf5\uac1c\ub429\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-metrics-stage\">\r\n\r\n      <!-- Connector lines SVG overlay -->\r\n      <div class=\"cb-connectors\">\r\n        <svg viewbox=\"0 0 1180 560\" preserveaspectratio=\"none\">\r\n          <!-- Linhas do hub central para os cards -->\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 400 140\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 400 420\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 780 140\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 780 420\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 400 280\"\/>\r\n          \r\n          <!-- Pontos nas conex\u00f5es -->\r\n          <circle class=\"cb-connector-dot\" cx=\"400\" cy=\"140\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"400\" cy=\"420\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"780\" cy=\"140\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"780\" cy=\"420\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"400\" cy=\"280\" r=\"4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- LEFT CLUSTER (2 metrics) -->\r\n      <div class=\"cb-metrics-left\">\r\n        \r\n        <!-- METRIC: AVERAGE MONTHLY RETURN -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">45.4%<\/div>\r\n          <div class=\"cb-metric-label\">\uc6d4\ud3c9\uade0 \uc218\uc775\ub960<\/div>\r\n          <div class=\"cb-metric-sub\">\ubaa8\ub4e0 \uac80\uc99d\ub41c \ubd07\uc5d0\uc11c<\/div>\r\n        <\/div>\r\n\r\n        <!-- METRIC: BEST BOT 30 DAYS -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">90.8%<\/div>\r\n          <div class=\"cb-metric-label\">\ucd5c\uace0\uc758 \ubd07 \uc131\ub2a5<\/div>\r\n          <div class=\"cb-metric-sub\">\uc9c0\ub09c 30\uc77c<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CENTER HUB -->\r\n      <div class=\"cb-metrics-center\">\r\n        <div class=\"cb-hub\">\r\n          <div class=\"cb-hub-rings\">\r\n            <svg viewbox=\"0 0 400 400\">\r\n              <defs>\r\n                <lineargradient id=\"cb-ring-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.6\"\/>\r\n                  <stop offset=\"50%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.4\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#5b4bff\" stop-opacity=\"0.6\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <circle cx=\"200\" cy=\"200\" r=\"180\" fill=\"none\" stroke=\"url(#cb-ring-grad)\" stroke-width=\"1\" stroke-dasharray=\"6 8\"\/>\r\n              <circle cx=\"200\" cy=\"200\" r=\"150\" fill=\"none\" stroke=\"url(#cb-ring-grad)\" stroke-width=\"1\" stroke-dasharray=\"3 12\" opacity=\"0.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"cb-hub-bg\">\r\n            <svg viewbox=\"0 0 280 280\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hub-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.35\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.15\"\/>\r\n                <\/lineargradient>\r\n                <lineargradient id=\"cb-hub-stroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"140,20 240,75 240,205 140,260 40,205 40,75\" fill=\"url(#cb-hub-grad)\" stroke=\"url(#cb-hub-stroke)\" stroke-width=\"2\"\/>\r\n              <polygon points=\"140,40 220,82 220,198 140,240 60,198 60,82\" fill=\"none\" stroke=\"rgba(77,208,225,0.3)\" stroke-width=\"1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"cb-hub-logo\">\r\n            <svg width=\"100%\" height=\"100%\" viewbox=\"0 0 36 36\" fill=\"none\">\r\n              <defs>\r\n                <lineargradient id=\"cb-logo-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <path d=\"M28 18c0-3-2-5-5-5-1-3-4-5-7-5-4 0-7 3-7 7v1c-3 0-5 2-5 5s2 5 5 5h17c3 0 5-2 5-5 0-1 0-2-1-3z\" fill=\"url(#cb-logo-grad)\"\/>\r\n              <rect x=\"15\" y=\"14\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#4dd0e1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CLUSTER (2 metrics) -->\r\n      <div class=\"cb-metrics-right\">\r\n        \r\n        <!-- METRIC: EXCHANGES -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">9+<\/div>\r\n          <div class=\"cb-metric-label\">\uc9c0\uc6d0\ub418\ub294 \uac70\ub798\uc18c<\/div>\r\n          <div class=\"cb-metric-sub\">\ubc14\uc774\ub0b8\uc2a4, \ubc14\uc774\ube57, OKX \ub4f1<\/div>\r\n        <\/div>\r\n\r\n        <!-- METRIC: MIN INVESTMENT -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">$50<\/div>\r\n          <div class=\"cb-metric-label\">\ucd5c\uc18c \ud22c\uc790 \uae08\uc561<\/div>\r\n          <div class=\"cb-metric-sub\">\uc791\uac8c \uc2dc\uc791\ud574\uc11c \uc790\uc720\ub86d\uac8c \ud655\uc7a5\ud558\uc138\uc694.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- 5th metric (centered below) \u2014 UPTIME -->\r\n    <div style=\"display: flex; justify-content: center; margin-top: 48px;\">\r\n      <div class=\"cb-metric\" style=\"width: 280px;\">\r\n        <span class=\"cb-metric-pulse\"><\/span>\r\n        <div class=\"cb-metric-value\">99.9%<\/div>\r\n        <div class=\"cb-metric-label\">\ud50c\ub7ab\ud3fc \uac00\ub3d9 \uc2dc\uac04<\/div>\r\n        <div class=\"cb-metric-sub\">\uc740\ud589 \uc218\uc900\uc758 \uc778\ud504\ub77c<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e17403a elementor-widget elementor-widget-html\" data-id=\"e17403a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-danger: #ff5e7e;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 8: BOT MARKETPLACE\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 10% 20%, rgba(91, 75, 255, 0.1) 0%, transparent 40%),\r\n    radial-gradient(circle at 90% 80%, rgba(77, 208, 225, 0.08) 0%, transparent 40%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 48px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   FILTER BAR (decorative)\r\n   ============================================ *\/\r\n.cb-filter-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  padding: 16px 24px;\r\n  background: rgba(10, 14, 39, 0.6);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 16px;\r\n  margin-bottom: 32px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-filter-tabs {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-filter-tab {\r\n  padding: 8px 16px;\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  color: var(--cb-text-secondary);\r\n  background: transparent;\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-filter-tab:hover {\r\n  border-color: var(--cb-border);\r\n  color: #fff;\r\n}\r\n\r\n.cb-filter-tab.active {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-filter-info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-filter-info-dot {\r\n  width: 6px; height: 6px;\r\n  background: var(--cb-success);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px var(--cb-success);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.4; }\r\n}\r\n\r\n\/* ============================================\r\n   BOT GRID\r\n   ============================================ *\/\r\n.cb-bots-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.cb-bot-card {\r\n  background: linear-gradient(160deg, rgba(26, 33, 71, 0.9), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-bot-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-bot-card.featured {\r\n  border: 1.5px solid rgba(91, 75, 255, 0.5);\r\n}\r\n\r\n.cb-bot-card.featured::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  z-index: 3;\r\n}\r\n\r\n\/* Header do card *\/\r\n.cb-bot-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  padding: 20px 20px 16px;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bot-identity {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-bot-avatar {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-weight: 800;\r\n  font-size: 0.95rem;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cb-bot-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-bot-name {\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.cb-bot-name svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-cyan);\r\n}\r\n\r\n.cb-bot-pair {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  font-family: 'JetBrains Mono', monospace;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.cb-bot-badge {\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  border-radius: 100px;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-badge-low {\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n}\r\n\r\n.cb-badge-mid {\r\n  background: rgba(255, 181, 71, 0.15);\r\n  color: var(--cb-warning);\r\n  border: 1px solid rgba(255, 181, 71, 0.3);\r\n}\r\n\r\n.cb-badge-high {\r\n  background: rgba(255, 94, 126, 0.15);\r\n  color: var(--cb-danger);\r\n  border: 1px solid rgba(255, 94, 126, 0.3);\r\n}\r\n\r\n\/* ROI principal *\/\r\n.cb-bot-roi {\r\n  padding: 0 20px 16px;\r\n}\r\n\r\n.cb-roi-label {\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.cb-roi-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 2.25rem;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  color: var(--cb-success);\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 8px;\r\n}\r\n\r\n.cb-roi-value.negative { color: var(--cb-danger); }\r\n\r\n.cb-roi-arrow {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.cb-roi-period {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  font-weight: 400;\r\n  font-family: 'Inter', sans-serif;\r\n  letter-spacing: 0;\r\n}\r\n\r\n\/* Sparkline *\/\r\n.cb-bot-chart {\r\n  padding: 0 20px;\r\n  margin-bottom: 16px;\r\n  height: 80px;\r\n  position: relative;\r\n}\r\n\r\n.cb-bot-chart svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n\/* M\u00e9tricas inferiores *\/\r\n.cb-bot-metrics {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 0;\r\n  padding: 16px 20px;\r\n  background: rgba(10, 14, 39, 0.4);\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-bot-metric {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  text-align: center;\r\n}\r\n\r\n.cb-bot-metric:not(:last-child) {\r\n  border-right: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-bot-metric-label {\r\n  font-size: 0.65rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-bot-metric-value {\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  font-family: 'JetBrains Mono', monospace;\r\n}\r\n\r\n\/* CTA do card *\/\r\n.cb-bot-footer {\r\n  padding: 16px 20px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bot-cta {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  padding: 11px 16px;\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  border-radius: 100px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 6px 18px rgba(91, 75, 255, 0.25);\r\n}\r\n\r\n.cb-bot-cta:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 10px 24px rgba(91, 75, 255, 0.4);\r\n}\r\n\r\n.cb-bot-copiers {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 0.78rem;\r\n  color: var(--cb-text-muted);\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-bot-copiers svg {\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* ============================================\r\n   BOTTOM CTA\r\n   ============================================ *\/\r\n.cb-marketplace-cta {\r\n  text-align: center;\r\n  margin-top: 56px;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 16px 32px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-btn-primary {\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  box-shadow: 0 8px 24px rgba(91, 75, 255, 0.35);\r\n}\r\n\r\n.cb-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 32px rgba(91, 75, 255, 0.5);\r\n}\r\n\r\n.cb-btn-secondary {\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 1.5px solid var(--cb-border);\r\n  margin-left: 12px;\r\n}\r\n\r\n.cb-btn-secondary:hover {\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border-color: var(--cb-accent);\r\n}\r\n\r\n.cb-marketplace-note {\r\n  margin-top: 20px;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 380px; height: 380px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 10%; right: -150px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 320px; height: 320px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; left: -120px;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 1024px) {\r\n  .cb-bots-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-bots-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  .cb-filter-bar {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 12px;\r\n  }\r\n  .cb-filter-tabs { justify-content: center; }\r\n  .cb-filter-info { justify-content: center; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 8: BOT MARKETPLACE\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"bots\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ubd07 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4<\/span>\r\n      <h2>\uac80\uc99d\ub41c \ubd07,<br><span class=\"cb-gradient-text\">\uc2e4\uc81c \uc131\ub2a5<\/span><\/h2>\r\n      <p>\ubaa8\ub4e0 \ubd07\uc740 12\uac1c\uc6d4 \uc774\uc0c1\uc758 \ubc31\ud14c\uc2a4\ud305, \uc2e4\uc81c \ubaa8\uc758 \ud22c\uc790, \uc704\ud5d8 \ud3c9\uac00\ub97c \ud1b5\ud574 \ub3c5\ub9bd\uc801\uc73c\ub85c \uac80\uc99d\ub41c \ud6c4\uc5d0 &quot;\uac80\uc99d\ub428&quot; \ubc30\uc9c0\ub97c \ud68d\ub4dd\ud569\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n \r\n\r\n    <!-- BOTS GRID -->\r\n    <div class=\"cb-bots-grid\">\r\n\r\n      <!-- ========= BOT 1: ALPHA MOMENTUM ========= -->\r\n      <div class=\"cb-bot-card featured\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #5b4bff, #4dd0e1);\">\uc624\uc804<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \uc54c\ud30c \ubaa8\uba58\ud140\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">BTC\/USDT \u00b7 \ubc14\uc774\ub0b8\uc2a4<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-low\">\ub0ae\uc740 \uc704\ud5d8<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\uc77c \ubc18\ud488 \uac00\ub2a5<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+18.4%\r\n            <span class=\"cb-roi-period\">vs $50\ubd84<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,60 L20,55 L40,58 L60,48 L80,52 L100,42 L120,46 L140,38 L160,40 L180,32 L200,36 L220,28 L240,30 L260,20 L280,24 L300,12 L300,80 L0,80 Z\" fill=\"url(#cb-spark1)\"\/>\r\n            <path d=\"M0,60 L20,55 L40,58 L60,48 L80,52 L100,42 L120,46 L140,38 L160,40 L180,32 L200,36 L220,28 L240,30 L260,20 L280,24 L300,12\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"12\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"12\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc0e4\ud504<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.84<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\ub9e5\uc2a4 DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-4.2%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc2b9\ub960<\/span>\r\n            <span class=\"cb-bot-metric-value\">68%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            \uce74\ud53c\ubd07\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            1.2k\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 2: GRID MASTER ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #4dd0e1, #00d68f);\">GM<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \uadf8\ub9ac\ub4dc \ub9c8\uc2a4\ud130 \ud504\ub85c\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">ETH\/USDT \u00b7 \ubc14\uc774\ube57<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-mid\">\uade0\ud615 \uc7a1\ud78c<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\uc77c \ubc18\ud488 \uac00\ub2a5<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+32.1%\r\n            <span class=\"cb-roi-period\">vs $50\ubd84<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,65 L20,60 L40,62 L60,50 L80,55 L100,40 L120,48 L140,30 L160,38 L180,22 L200,28 L220,18 L240,24 L260,14 L280,18 L300,8 L300,80 L0,80 Z\" fill=\"url(#cb-spark2)\"\/>\r\n            <path d=\"M0,65 L20,60 L40,62 L60,50 L80,55 L100,40 L120,48 L140,30 L160,38 L180,22 L200,28 L220,18 L240,24 L260,14 L280,18 L300,8\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc0e4\ud504<\/span>\r\n            <span class=\"cb-bot-metric-value\">3.12<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\ub9e5\uc2a4 DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-8.7%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc2b9\ub960<\/span>\r\n            <span class=\"cb-bot-metric-value\">62%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            \uce74\ud53c\ubd07\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            847\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 3: QUANTUM SURGE ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #ff5e7e, #ffb547);\">QS<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \uc591\uc790 \uc11c\uc9c0\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">\uc194\/USDT \u00b7 OKX<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-high\">\uacf5\uaca9\uc801\uc778<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\uc77c \ubc18\ud488 \uac00\ub2a5<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+58.6%\r\n            <span class=\"cb-roi-period\">vs $100\ubd84<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark3\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,68 L20,55 L40,65 L60,45 L80,58 L100,32 L120,42 L140,25 L160,38 L180,18 L200,30 L220,12 L240,22 L260,8 L280,18 L300,4 L300,80 L0,80 Z\" fill=\"url(#cb-spark3)\"\/>\r\n            <path d=\"M0,68 L20,55 L40,65 L60,45 L80,58 L100,32 L120,42 L140,25 L160,38 L180,18 L200,30 L220,12 L240,22 L260,8 L280,18 L300,4\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"4\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"4\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc0e4\ud504<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.45<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\ub9e5\uc2a4 DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-18.3%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc2b9\ub960<\/span>\r\n            <span class=\"cb-bot-metric-value\">54%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            \uce74\ud53c\ubd07\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            523\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 4: STABLE INCOME ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #00d68f, #4dd0e1);\">\uc2dc<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \uc548\uc815\uc801\uc778 \uc18c\ub4dd\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">USDT \u00b7 \ucfe0\ucf54\uc778<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-low\">\ub0ae\uc740 \uc704\ud5d8<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\uc77c \ubc18\ud488 \uac00\ub2a5<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+12.7%\r\n            <span class=\"cb-roi-period\">vs $50\ubd84<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark4\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,55 L20,52 L40,54 L60,48 L80,50 L100,44 L120,46 L140,40 L160,42 L180,36 L200,38 L220,32 L240,34 L260,28 L280,30 L300,22 L300,80 L0,80 Z\" fill=\"url(#cb-spark4)\"\/>\r\n            <path d=\"M0,55 L20,52 L40,54 L60,48 L80,50 L100,44 L120,46 L140,40 L160,42 L180,36 L200,38 L220,32 L240,34 L260,28 L280,30 L300,22\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"22\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"22\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc0e4\ud504<\/span>\r\n            <span class=\"cb-bot-metric-value\">3.65<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\ub9e5\uc2a4 DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-2.1%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc2b9\ub960<\/span>\r\n            <span class=\"cb-bot-metric-value\">74%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            \uce74\ud53c\ubd07\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            2.1k\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 5: NEURAL EDGE ========= -->\r\n      <div class=\"cb-bot-card featured\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #5b4bff, #ff5e7e);\">\ubd81\ub3d9\ucabd<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \ub274\ub7f4 \uc5e3\uc9c0 AI\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">BTC\/ETH \u00b7 \uba40\ud2f0 DEX<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-mid\">\uade0\ud615 \uc7a1\ud78c<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\uc77c \ubc18\ud488 \uac00\ub2a5<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+27.9%\r\n            <span class=\"cb-roi-period\">vs $100\ubd84<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark5\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,62 L20,58 L40,60 L60,52 L80,54 L100,44 L120,48 L140,38 L160,42 L180,30 L200,34 L220,24 L240,28 L260,16 L280,22 L300,10 L300,80 L0,80 Z\" fill=\"url(#cb-spark5)\"\/>\r\n            <path d=\"M0,62 L20,58 L40,60 L60,52 L80,54 L100,44 L120,48 L140,38 L160,42 L180,30 L200,34 L220,24 L240,28 L260,16 L280,22 L300,10\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"10\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"10\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc0e4\ud504<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.98<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\ub9e5\uc2a4 DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-6.8%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc2b9\ub960<\/span>\r\n            <span class=\"cb-bot-metric-value\">65%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            \uce74\ud53c\ubd07\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            976\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 6: MOMENTUM SCALPER ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #ffb547, #ff5e7e);\">MS<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \ubaa8\uba58\ud140 \uc2a4\uce98\ud37c\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">XRP\/USDT \u00b7 \ud06c\ub77c\ucf04<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-high\">\uacf5\uaca9\uc801\uc778<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\uc77c \ubc18\ud488 \uac00\ub2a5<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+44.2%\r\n            <span class=\"cb-roi-period\">vs $100\ubd84<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark6\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,60 L20,68 L40,55 L60,62 L80,48 L100,56 L120,40 L140,50 L160,32 L180,42 L200,24 L220,34 L240,18 L260,28 L280,14 L300,8 L300,80 L0,80 Z\" fill=\"url(#cb-spark6)\"\/>\r\n            <path d=\"M0,60 L20,68 L40,55 L60,62 L80,48 L100,56 L120,40 L140,50 L160,32 L180,42 L200,24 L220,34 L240,18 L260,28 L280,14 L300,8\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc0e4\ud504<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.18<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\ub9e5\uc2a4 DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-14.5%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">\uc2b9\ub960<\/span>\r\n            <span class=\"cb-bot-metric-value\">58%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            \uce74\ud53c\ubd07\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            412\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM CTA -->\r\n    <div class=\"cb-marketplace-cta\">\r\n      <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-btn cb-btn-primary\">\r\n        \uc804\uccb4 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4\ub97c \uc0b4\ud3b4\ubcf4\uc138\uc694\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n  \r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4409a76 elementor-widget elementor-widget-html\" data-id=\"4409a76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\ud074\ub77c\uc6b0\ub4dc\ube0c\ub77c\uc774\ud2b8 \u2014 \uc139\uc158 9: \ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-danger: #ff5e7e;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 9: BUSINESS MODEL\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 30% 50%, rgba(91, 75, 255, 0.1) 0%, transparent 50%),\r\n    radial-gradient(circle at 70% 50%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-circuit {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.03) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   MAIN LAYOUT \u2014 Hexagon + Benefits\r\n   ============================================ *\/\r\n.cb-bm-grid {\r\n  display: grid;\r\n  grid-template-columns: 460px 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\/* HEXAGON FEATURE \u2014 2% *\/\r\n.cb-hex-feature {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1;\r\n  max-width: 460px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-hex-rings {\r\n  position: absolute;\r\n  inset: -20px;\r\n  pointer-events: none;\r\n  animation: cb-rings-rotate 40s linear infinite;\r\n}\r\n\r\n@keyframes cb-rings-rotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.cb-hex-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at center, rgba(91, 75, 255, 0.25) 0%, transparent 60%);\r\n  filter: blur(40px);\r\n  z-index: 0;\r\n}\r\n\r\n.cb-hex-svg {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n  animation: cb-hex-float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-hex-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n}\r\n\r\n.cb-hex-content {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 40px;\r\n}\r\n\r\n.cb-hex-percent {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: clamp(5rem, 12vw, 7.5rem);\r\n  font-weight: 900;\r\n  line-height: 0.9;\r\n  letter-spacing: -0.05em;\r\n  background: linear-gradient(135deg, #ffffff 0%, #4dd0e1 50%, #5b4bff 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-hex-label {\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  letter-spacing: 0.02em;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cb-hex-sublabel {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-cyan);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Floating tags around hexagon *\/\r\n.cb-floating-tag {\r\n  position: absolute;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.95), rgba(19, 25, 56, 0.95));\r\n  border: 1px solid var(--cb-border);\r\n  border-radius: 100px;\r\n  padding: 10px 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  backdrop-filter: blur(10px);\r\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n  z-index: 3;\r\n  animation: cb-tag-float 4s ease-in-out infinite;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-floating-tag svg {\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-tag-1 {\r\n  top: 8%;\r\n  left: -8%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.cb-tag-2 {\r\n  top: 50%;\r\n  right: -10%;\r\n  animation-delay: 1.5s;\r\n}\r\n\r\n.cb-tag-3 {\r\n  bottom: 8%;\r\n  left: -5%;\r\n  animation-delay: 3s;\r\n}\r\n\r\n@keyframes cb-tag-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-8px); }\r\n}\r\n\r\n\/* ============================================\r\n   BENEFITS LIST\r\n   ============================================ *\/\r\n.cb-bm-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-bm-title {\r\n  font-size: clamp(1.5rem, 3vw, 2rem);\r\n  font-weight: 700;\r\n  margin-bottom: 16px;\r\n  letter-spacing: -0.01em;\r\n  color: #fff;\r\n}\r\n\r\n.cb-bm-subtitle {\r\n  font-size: 1.05rem;\r\n  color: var(--cb-text-secondary);\r\n  margin-bottom: 32px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.cb-benefits-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 32px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.cb-benefit {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n  padding: 18px 20px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.5), rgba(19, 25, 56, 0.5));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-benefit:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateX(6px);\r\n}\r\n\r\n.cb-benefit-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 10px;\r\n  background: var(--cb-gradient);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  color: #fff;\r\n}\r\n\r\n.cb-benefit-text {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-benefit-title {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-benefit-desc {\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ============================================\r\n   NO-FEES BANNER\r\n   ============================================ *\/\r\n.cb-nofees {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  gap: 12px;\r\n  padding: 18px 24px;\r\n  background: linear-gradient(135deg, rgba(0, 214, 143, 0.08) 0%, rgba(77, 208, 225, 0.08) 100%);\r\n  border: 1px solid rgba(0, 214, 143, 0.25);\r\n  border-radius: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-nofees-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n}\r\n\r\n.cb-nofees-item svg {\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ============================================\r\n   LOCK-IN BAR (bottom)\r\n   ============================================ *\/\r\n.cb-lockin-bar {\r\n  margin-top: 64px;\r\n  padding: 32px 36px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.6), rgba(19, 25, 56, 0.6));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-lockin-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 24px;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-lockin-title {\r\n  font-size: 1.15rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-lockin-title svg {\r\n  color: var(--cb-cyan);\r\n}\r\n\r\n.cb-lockin-subtitle {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n.cb-lockin-timeline {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 16px;\r\n  position: relative;\r\n}\r\n\r\n.cb-lockin-period {\r\n  text-align: center;\r\n  padding: 16px 12px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-lockin-period::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.cb-lockin-period:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cb-lockin-period:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.cb-lockin-days {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-lockin-days small {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  font-weight: 500;\r\n  margin-left: 2px;\r\n}\r\n\r\n.cb-lockin-tier {\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 8px;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-lockin-yield {\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  color: var(--cb-success);\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 15%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; right: -150px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-bm-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n  .cb-hex-feature {\r\n    max-width: 380px;\r\n  }\r\n  .cb-lockin-timeline {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-floating-tag {\r\n    font-size: 0.75rem;\r\n    padding: 8px 14px;\r\n  }\r\n  .cb-tag-1 { top: 2%; left: -2%; }\r\n  .cb-tag-2 { right: -2%; }\r\n  .cb-tag-3 { bottom: 2%; left: -2%; }\r\n  .cb-nofees {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n  .cb-lockin-bar { padding: 24px 20px; }\r\n  .cb-lockin-timeline {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 9: BUSINESS MODEL\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"business-model\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-circuit\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378<\/span>\r\n      <h2>~\uc640 \uc77c\uce58\ud568 <span class=\"cb-gradient-text\">\ub2f9\uc2e0\uc758 \uc131\uacf5<\/span><\/h2>\r\n      <p>\uace0\uac1d\ub2d8\uc774 \uc218\uc775\uc744 \ub0b4\uc9c0 \ubabb\ud558\uba74 \uc800\ud76c\ub3c4 \uc218\uc775\uc744 \ub0b4\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uad6c\ub3c5\ub8cc\ub3c4 \uc5c6\uace0, \uc228\uaca8\uc9c4 \uc218\uc218\ub8cc\ub3c4 \uc5c6\uace0, \ucd08\uae30 \ube44\uc6a9\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4. \uace0\uac1d\ub2d8\uaed8\uc11c \uc218\uc775\uc744 \uc778\ucd9c\ud558\uc2e4 \ub54c \ubc1c\uc0dd\ud558\ub294 \uc218\uc775\uc5d0 \ub300\ud55c \uac04\ub2e8\ud55c \uc218\uc218\ub8cc\ub9cc \uc9c0\ubd88\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-bm-grid\">\r\n\r\n      <!-- LEFT: HEXAGON 2% -->\r\n      <div class=\"cb-hex-feature\">\r\n        <div class=\"cb-hex-glow\"><\/div>\r\n        \r\n        <!-- Decorative rings -->\r\n        <div class=\"cb-hex-rings\">\r\n          <svg viewbox=\"0 0 500 500\">\r\n            <defs>\r\n              <lineargradient id=\"cb-bm-ring\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.5\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.3\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <circle cx=\"250\" cy=\"250\" r=\"240\" fill=\"none\" stroke=\"url(#cb-bm-ring)\" stroke-width=\"1\" stroke-dasharray=\"4 8\"\/>\r\n            <circle cx=\"250\" cy=\"250\" r=\"210\" fill=\"none\" stroke=\"url(#cb-bm-ring)\" stroke-width=\"1\" stroke-dasharray=\"2 14\" opacity=\"0.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- Hexagon shape -->\r\n        <svg class=\"cb-hex-svg\" viewbox=\"0 0 460 460\">\r\n          <defs>\r\n            <lineargradient id=\"cb-bm-hex-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n              <stop offset=\"50%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.25\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n            <\/lineargradient>\r\n            <lineargradient id=\"cb-bm-hex-stroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n            <\/lineargradient>\r\n          <\/defs>\r\n          <!-- Outer hex -->\r\n          <polygon points=\"230,30 400,125 400,335 230,430 60,335 60,125\" \r\n                   fill=\"url(#cb-bm-hex-grad)\" \r\n                   stroke=\"url(#cb-bm-hex-stroke)\" \r\n                   stroke-width=\"2\"\/>\r\n          <!-- Inner hex outline -->\r\n          <polygon points=\"230,60 374,140 374,320 230,400 86,320 86,140\" \r\n                   fill=\"none\" \r\n                   stroke=\"rgba(77,208,225,0.3)\" \r\n                   stroke-width=\"1\"\/>\r\n        <\/svg>\r\n\r\n        <!-- Content overlay -->\r\n        <div class=\"cb-hex-content\">\r\n          <div class=\"cb-hex-percent\">2%<\/div>\r\n          <div class=\"cb-hex-label\">\uc218\uc218\ub8cc<\/div>\r\n          <div class=\"cb-hex-sublabel\">\ucd9c\uae08 \uc2dc\uc5d0\ub9cc \ud574\ub2f9<\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating tags -->\r\n        <div class=\"cb-floating-tag cb-tag-1\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          \uad6c\ub3c5\ub8cc \uc5c6\uc74c\r\n        <\/div>\r\n        <div class=\"cb-floating-tag cb-tag-2\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          \uc228\uaca8\uc9c4 \uc218\uc218\ub8cc \uc5c6\uc74c\r\n        <\/div>\r\n        <div class=\"cb-floating-tag cb-tag-3\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          \uc120\ubd88 \ube44\uc6a9 \uc5c6\uc74c\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: BENEFITS -->\r\n      <div class=\"cb-bm-content\">\r\n        <h3 class=\"cb-bm-title\">\uace0\uac1d\uc5d0\uac8c \ucd5c\uc801\ud654\ub41c \uc218\uc218\ub8cc \uccb4\uacc4<\/h3>\r\n        <p class=\"cb-bm-subtitle\">\ub300\ubd80\ubd84\uc758 \ud50c\ub7ab\ud3fc\uc740 \uc131\uacfc\uc640 \uad00\uacc4\uc5c6\uc774 \uad6c\ub3c5\ub8cc\ub97c \ubd80\uacfc\ud569\ub2c8\ub2e4. \uc800\ud76c\ub294 \uace0\uac1d\ub2d8\uc774 \uc218\uc775\uc744 \uc778\ucd9c\ud560 \ub54c\ub9cc \uc218\uc775\uc744 \uc5bb\uc2b5\ub2c8\ub2e4. \uc989, \uace0\uac1d\ub2d8\uc774 \uc774\uae30\uba74 \uc800\ud76c\ub3c4 \uc774\uae30\uace0, \uace0\uac1d\ub2d8\uc774 \uc9c0\uba74 \uc800\ud76c\ub294 \uc190\ud574\ub97c \ubd05\ub2c8\ub2e4.<\/p>\r\n\r\n        <ul class=\"cb-benefits-list\">\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">\uc0ac\uc6a9\uc790 \uc131\uacf5\ub960\uc5d0 \ub530\ub77c \uc218\uc775\uc774 \uc99d\uac00\ud569\ub2c8\ub2e4.<\/div>\r\n              <div class=\"cb-benefit-desc\">\uc800\ud76c\ub294 \uace0\uac1d\ub2d8\uc758 \uc218\uc775\uc758 \uc77c\uc815 \ube44\uc728\uc744 \uc218\uc218\ub8cc\ub85c \ubc1b\uc73c\uba70, \uc6d0\uae08\uc740 \uc808\ub300 \uac00\uc838\uac00\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uace0\uac1d\ub2d8\uaed8\uc11c \uc218\uc775\uc744 \ub0b4\uc9c0 \ubabb\ud558\uc2dc\uba74 \uc800\ud76c\ub3c4 \uc218\uc775\uc744 \ub0b4\uc9c0 \ubabb\ud569\ub2c8\ub2e4.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">\uc720\uc5f0\ud55c \uacc4\uc57d \uae30\uac04<\/div>\r\n              <div class=\"cb-benefit-desc\">15\uc77c\ubd80\ud130 180\uc77c\uae4c\uc9c0 \uc6d0\ud558\ub294 \uae30\uac04\uc744 \uc120\ud0dd\ud558\uc138\uc694. \uae30\uac04\uc774 \uae38\uc218\ub85d \ub354 \ub192\uc740 \uc218\uc775\ub960\uacfc \ubcf5\ub9ac \ubcf4\ub108\uc2a4\ub97c \ub204\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">\uc218\uc218\ub8cc\uc5d0 \ub300\ud55c \uc644\uc804\ud55c \ud22c\uba85\uc131<\/div>\r\n              <div class=\"cb-benefit-desc\">\ubd07\uc744 \ubcf5\uc0ac\ud558\uae30 \uc804\uc5d0 \ubaa8\ub4e0 \uc218\uc218\ub8cc\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc608\uc0c1\uce58 \ubabb\ud55c \ucd94\uac00 \uc694\uae08\uc774\ub098 \uc228\uaca8\uc9c4 \uc870\ud56d, \ubcc4\ud45c \ud45c\uc2dc\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <polyline points=\"22 4 12 14.01 9 11.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">\ubcf4\uc99d\uae08 \ubc0f \ud50c\ub7ab\ud3fc \uc218\uc218\ub8cc \uc5c6\uc74c<\/div>\r\n              <div class=\"cb-benefit-desc\">\uc785\uae08, \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4 \ub458\ub7ec\ubcf4\uae30, \ub300\uc2dc\ubcf4\ub4dc \uc0ac\uc6a9\uc740 \ubaa8\ub450 \uc644\uc804 \ubb34\ub8cc\uc785\ub2c8\ub2e4. \uc5b8\uc81c\ub098 \uadf8\ub807\uc2b5\ub2c8\ub2e4.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n        <!-- No-fees banner -->\r\n        <div class=\"cb-nofees\">\r\n          <div class=\"cb-nofees-item\">\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            \uad6c\ub3c5\ub8cc \uc5c6\uc74c\r\n          <\/div>\r\n          <div class=\"cb-nofees-item\">\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            \uc228\uaca8\uc9c4 \uc218\uc218\ub8cc \uc5c6\uc74c\r\n          <\/div>\r\n          <div class=\"cb-nofees-item\">\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            \uc120\ubd88 \ube44\uc6a9 \uc5c6\uc74c\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         LOCK-IN PERIODS BAR\r\n         ============================================ -->\r\n    <div class=\"cb-lockin-bar\">\r\n      <div class=\"cb-lockin-header\">\r\n        <div class=\"cb-lockin-title\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          \uacc4\uc57d \uae30\uac04 \ub4f1\uae09\r\n        <\/div>\r\n        <div class=\"cb-lockin-subtitle\">\ud22c\uc790 \uae30\uac04\uc774 \uae38\uc218\ub85d \uc7a0\uc7ac\uc801 \uc218\uc775\ub960\uc774 \ub192\uc544\uc9d1\ub2c8\ub2e4.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-lockin-timeline\">\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\uae30\ub3d9\uae30<\/div>\r\n          <div class=\"cb-lockin-days\">15<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">\uae30\ubcf8 \ub4f1\uae09<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\uae30\uc900<\/div>\r\n          <div class=\"cb-lockin-days\">45<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">+ 2\ub2e8\uacc4 \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\ucc2c\uc131<\/div>\r\n          <div class=\"cb-lockin-days\">90<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">+ 3\ub2e8\uacc4 \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\uc5d8\ub9ac\ud2b8<\/div>\r\n          <div class=\"cb-lockin-days\">180<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">\ucd5c\uace0 \ub4f1\uae09<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d065ac elementor-widget elementor-widget-html\" data-id=\"6d065ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 10: SECURITY\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 80% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 20% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-shield {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 800px;\r\n  height: 800px;\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0.04;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-shield svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   MAIN GRID: tech cards (left) + checklist (right)\r\n   ============================================ *\/\r\n.cb-sec-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 48px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n\/* TECH CARDS \u2014 left column *\/\r\n.cb-tech-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px;\r\n  align-content: start;\r\n}\r\n\r\n.cb-tech-card {\r\n  position: relative;\r\n  padding: 24px 22px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 16px;\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-tech-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-tech-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-tech-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cb-tech-card:hover .cb-tech-icon {\r\n  transform: scale(1.1) rotate(-5deg);\r\n}\r\n\r\n.cb-tech-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.25), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-tech-label {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  letter-spacing: 0.02em;\r\n  margin-bottom: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.cb-tech-status {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cb-success);\r\n  box-shadow: 0 0 8px var(--cb-success);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.4; }\r\n}\r\n\r\n.cb-tech-name {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-tech-detail {\r\n  font-size: 0.78rem;\r\n  color: var(--cb-text-muted);\r\n  padding-top: 12px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* CHECKLIST \/ RIGHT COLUMN *\/\r\n.cb-checklist-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-checklist-header {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-checklist-title {\r\n  font-size: clamp(1.5rem, 2.5vw, 1.85rem);\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.01em;\r\n  color: #fff;\r\n}\r\n\r\n.cb-checklist-subtitle {\r\n  font-size: 1rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n.cb-checklist {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-check-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 14px 18px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.5), rgba(19, 25, 56, 0.5));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-check-item:hover {\r\n  border-color: rgba(0, 214, 143, 0.3);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.cb-check-icon {\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 7px;\r\n  background: linear-gradient(135deg, rgba(0, 214, 143, 0.2), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(0, 214, 143, 0.35);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-check-text {\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  color: #fff;\r\n}\r\n\r\n\/* ============================================\r\n   STATS STRIP (bottom)\r\n   ============================================ *\/\r\n.cb-stats-strip {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-stat {\r\n  text-align: center;\r\n  padding: 32px 24px;\r\n  position: relative;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.cb-stat:hover {\r\n  background: rgba(91, 75, 255, 0.05);\r\n}\r\n\r\n.cb-stat:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: 25%;\r\n  width: 1px;\r\n  height: 50%;\r\n  background: linear-gradient(to bottom, transparent, var(--cb-border-soft), transparent);\r\n}\r\n\r\n.cb-stat-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 2rem;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cb-stat-label {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  top: 5%; right: -150px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; left: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-sec-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n  .cb-stats-strip {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-stat:not(:last-child)::after { display: none; }\r\n  .cb-stat:nth-child(odd)::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0; top: 25%;\r\n    width: 1px; height: 50%;\r\n    background: linear-gradient(to bottom, transparent, var(--cb-border-soft), transparent);\r\n  }\r\n  .cb-stat:nth-child(1), .cb-stat:nth-child(2) {\r\n    border-bottom: 1px solid var(--cb-border-soft);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-tech-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-stats-strip {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-stat:not(:last-child) {\r\n    border-bottom: 1px solid var(--cb-border-soft);\r\n  }\r\n  .cb-stat:nth-child(odd)::after { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 10: SECURITY & TECH\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"security\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <!-- Background shield decorative -->\r\n  <div class=\"cb-bg-shield\">\r\n    <svg viewbox=\"0 0 800 800\" fill=\"none\">\r\n      <path d=\"M400 80 L680 200 L680 440 C680 580 540 680 400 720 C260 680 120 580 120 440 L120 200 Z\" \r\n            stroke=\"url(#cb-shield-grad)\" stroke-width=\"2\"\/>\r\n      <path d=\"M400 160 L600 260 L600 440 C600 540 500 620 400 650 C300 620 200 540 200 440 L200 260 Z\" \r\n            stroke=\"url(#cb-shield-grad)\" stroke-width=\"1.5\"\/>\r\n      <defs>\r\n        <lineargradient id=\"cb-shield-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n        <\/lineargradient>\r\n      <\/defs>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\uae30\uc220 \ubc0f \ubcf4\uc548<\/span>\r\n      <h2><span class=\"cb-gradient-text\">\uc740\ud589 \ub4f1\uae09<\/span><br>\ud558\ubd80 \uad6c\uc870<\/h2>\r\n      <p>\uace0\uac1d\ub2d8\uc758 \uc790\uae08\uacfc \ub370\uc774\ud130\ub294 \uc8fc\uc694 \uae08\uc735 \uae30\uad00\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \uac83\uacfc \ub3d9\uc77c\ud55c \ubcf4\uc548 \uc2dc\uc2a4\ud15c(\uad70\uc0ac\uae09 \uc554\ud638\ud654, \ud558\ub4dc\uc6e8\uc5b4 \ud0a4 \uc800\uc7a5, 24\uc2dc\uac04 \ubaa8\ub2c8\ud130\ub9c1)\uc73c\ub85c \ubcf4\ud638\ub429\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-sec-grid\">\r\n\r\n      <!-- LEFT: TECH CARDS GRID -->\r\n      <div class=\"cb-tech-grid\">\r\n\r\n        <!-- AES-256 -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            AES-256\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\uad70\uc0ac\uae09 \uc554\ud638\ud654<\/div>\r\n          <div class=\"cb-tech-detail\">\uc800\uc7a5\ub41c \ubaa8\ub4e0 \ub370\uc774\ud130\uc640 \uc804\uc1a1 \uc911\uc778 \ud2b8\ub798\ud53d\uc5d0 256\ube44\ud2b8 \uace0\uae09 \uc554\ud638\ud654 \ud45c\uc900\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/div>\r\n        <\/div>\r\n\r\n        <!-- HSM -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"6\" y1=\"10\" x2=\"6\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"18\" y1=\"10\" x2=\"18\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            HSM\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\ud558\ub4dc\uc6e8\uc5b4 \ud0a4 \uc800\uc7a5\uc18c<\/div>\r\n          <div class=\"cb-tech-detail\">\uc554\ud638\ud654 \ud0a4\ub294 \ubcc0\uc870 \ubc29\uc9c0 \ud558\ub4dc\uc6e8\uc5b4 \ubaa8\ub4c8 \ub0b4\ubd80\uc5d0\ub9cc \uc0dd\uc131 \ubc0f \uc800\uc7a5\ub429\ub2c8\ub2e4.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 2FA -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M9 7l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            2FA\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\ubaa8\ub4e0 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud544\uc218 \uc0ac\ud56d\uc785\ub2c8\ub2e4.<\/div>\r\n          <div class=\"cb-tech-detail\">\ubaa8\ub4e0 \ub85c\uadf8\uc778 \ubc0f \ucd9c\uae08 \uc2dc 2\ub2e8\uacc4 \uc778\uc99d\uc774 \ud544\uc218\uc785\ub2c8\ub2e4. \uc608\uc678\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Multi-Sig -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            \ub2e4\uc911 \uc2dc\uadf8\ub9c8\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\ub2e4\uc911 \uc11c\uba85 \uc778\uc99d<\/div>\r\n          <div class=\"cb-tech-detail\">\ubbfc\uac10\ud55c \uc791\uc5c5\uc740 \uc2e4\ud589 \uc804\uc5d0 \uc5ec\ub7ec \ub3c5\ub9bd\uc801\uc778 \uc2b9\uc778\uc744 \ubc1b\uc544\uc57c \ud569\ub2c8\ub2e4.<\/div>\r\n        <\/div>\r\n\r\n        <!-- DDoS -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            \ub514\ub3c4\uc2a4 \uacf5\uaca9\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\ub2e4\uc911 \ub808\uc774\uc5b4 \ubcf4\ud638<\/div>\r\n          <div class=\"cb-tech-detail\">\uc5d4\ud130\ud504\ub77c\uc774\uc988 \uc5e3\uc9c0 \ud544\ud130\ub9c1\uc740 \ub300\uc6a9\ub7c9 \uacf5\uaca9 \ubc0f \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uacc4\uce35 \uacf5\uaca9\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \ucc28\ub2e8\ud569\ub2c8\ub2e4.<\/div>\r\n        <\/div>\r\n\r\n        <!-- TLS -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            TLS 1.3\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">SSL\/TLS \ubaa8\ub4e0 \uacf3\uc5d0\uc11c \uc0ac\uc6a9<\/div>\r\n          <div class=\"cb-tech-detail\">\ubaa8\ub4e0 \uc5d4\ub4dc\ud3ec\uc778\ud2b8\uc5d0\uc11c \uc885\ub2e8 \uac04 \uc554\ud638\ud654 \uc5f0\uacb0\uc774 \uc801\uc6a9\ub418\uba70, \ud3c9\ubb38 \ud2b8\ub798\ud53d\uc740 \ud5c8\uc6a9\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT: CHECKLIST -->\r\n      <div class=\"cb-checklist-wrap\">\r\n        <div class=\"cb-checklist-header\">\r\n          <h3 class=\"cb-checklist-title\">\uc9c0\uc18d\uc801\uc778 \uac10\uc0ac \ubc0f \ubaa8\ub2c8\ud130\ub9c1<\/h3>\r\n          <p class=\"cb-checklist-subtitle\">\ubcf4\uc548\uc740 \ud55c \ubc88 \ucd9c\uc2dc\ud558\uace0 \ub9c8\ub294 \uae30\ub2a5\uc774 \uc544\ub2c8\ub77c, \uc2a4\ud0dd\uc758 \ubaa8\ub4e0 \uacc4\uce35\uc5d0 \uac78\uccd0 \ub9e4\uc77c \uc2e4\ucc9c\ud558\ub294 \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4.<\/p>\r\n        <\/div>\r\n\r\n        <ul class=\"cb-checklist\">\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">\ub3c5\ub9bd\uc801\uc778 \ubcf4\uc548 \uac10\uc0ac\ub97c \ud1b5\uacfc\ud588\uc2b5\ub2c8\ub2e4.<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">\ubaa8\ub4e0 \uacf3\uc5d0\uc11c SSL\/TLS \uc554\ud638\ud654<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">\ub2e4\uc911 \uacc4\uce35 DDoS \ubcf4\ud638<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">24\uc2dc\uac04 \uc5f0\uc911\ubb34\ud734 \ubcf4\uc548 \uc6b4\uc601 \ubaa8\ub2c8\ud130\ub9c1<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">\ud65c\ubc1c\ud788 \uc6b4\uc601 \uc911\uc778 \ubc84\uadf8 \ubc14\uc6b4\ud2f0 \ud504\ub85c\uadf8\ub7a8<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">\uc5f0\uc18d \uce68\ud22c \ud14c\uc2a4\ud2b8<\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STATS STRIP -->\r\n    <div class=\"cb-stats-strip\">\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">99.9%<\/div>\r\n        <div class=\"cb-stat-label\">\ud50c\ub7ab\ud3fc \uac00\ub3d9 \uc2dc\uac04<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">&lt;200ms<\/div>\r\n        <div class=\"cb-stat-label\">\ud3c9\uade0 \uc751\ub2f5 \uc2dc\uac04<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">24\/7<\/div>\r\n        <div class=\"cb-stat-label\">SOC \ubaa8\ub2c8\ud130\ub9c1<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">256\ube44\ud2b8<\/div>\r\n        <div class=\"cb-stat-label\">\uc554\ud638\ud654 \ud45c\uc900<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c43d0e2 elementor-widget elementor-widget-html\" data-id=\"c43d0e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 11: MARKET OPPORTUNITY\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 50% 50%, rgba(91, 75, 255, 0.12) 0%, transparent 60%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Globo decorativo de fundo *\/\r\n.cb-bg-globe {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: -200px;\r\n  width: 700px;\r\n  height: 700px;\r\n  transform: translateY(-50%);\r\n  opacity: 0.08;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  animation: cb-globe-rotate 60s linear infinite;\r\n}\r\n\r\n@keyframes cb-globe-rotate {\r\n  from { transform: translateY(-50%) rotate(0deg); }\r\n  to { transform: translateY(-50%) rotate(360deg); }\r\n}\r\n\r\n.cb-bg-globe svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   MARKET CARDS GRID (4 big stats)\r\n   ============================================ *\/\r\n.cb-market-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.cb-market-card {\r\n  position: relative;\r\n  padding: 36px 32px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.85), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-market-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-market-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%; right: -30%;\r\n  width: 300px; height: 300px;\r\n  background: radial-gradient(circle, rgba(91, 75, 255, 0.15) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-market-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-market-card:hover::before { opacity: 1; }\r\n.cb-market-card:hover::after { opacity: 1; }\r\n\r\n.cb-market-card > * { position: relative; z-index: 2; }\r\n\r\n.cb-market-top {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  margin-bottom: 24px;\r\n  gap: 16px;\r\n}\r\n\r\n.cb-market-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 14px;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.25), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-market-trend {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 12px;\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n  border-radius: 100px;\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.02em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-market-trend svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-market-value {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: clamp(3rem, 6vw, 4.5rem);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.04em;\r\n  background: linear-gradient(135deg, #ffffff 0%, #4dd0e1 50%, #5b4bff 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-market-label {\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.cb-market-desc {\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Mini progress bar *\/\r\n.cb-market-bar {\r\n  height: 6px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border-radius: 100px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.cb-market-bar-fill {\r\n  height: 100%;\r\n  background: var(--cb-gradient);\r\n  border-radius: 100px;\r\n  position: relative;\r\n  animation: cb-bar-shine 3s ease-in-out infinite;\r\n}\r\n\r\n.cb-market-bar-fill::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n  animation: cb-shine 2s linear infinite;\r\n}\r\n\r\n@keyframes cb-shine {\r\n  from { transform: translateX(-100%); }\r\n  to { transform: translateX(100%); }\r\n}\r\n\r\n@keyframes cb-bar-shine {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.85; }\r\n}\r\n\r\n.cb-market-source {\r\n  margin-top: 10px;\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n  font-style: italic;\r\n}\r\n\r\n\/* ============================================\r\n   GROWTH TIMELINE (bottom)\r\n   ============================================ *\/\r\n.cb-timeline-section {\r\n  padding: 40px 36px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.6), rgba(19, 25, 56, 0.6));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-timeline-header {\r\n  text-align: center;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.cb-timeline-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-timeline-subtitle {\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-timeline {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.cb-timeline::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 28px;\r\n  left: 12%;\r\n  right: 12%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, \r\n    rgba(91, 75, 255, 0.2) 0%, \r\n    rgba(91, 75, 255, 0.6) 30%, \r\n    rgba(77, 208, 225, 0.8) 60%, \r\n    rgba(77, 208, 225, 1) 100%);\r\n  z-index: 0;\r\n}\r\n\r\n.cb-tl-item {\r\n  position: relative;\r\n  text-align: center;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-tl-dot {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 50%;\r\n  background: var(--cb-bg-primary);\r\n  border: 2px solid var(--cb-border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 16px;\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  color: var(--cb-text-secondary);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-tl-item.current .cb-tl-dot {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  box-shadow: 0 0 24px rgba(91, 75, 255, 0.6);\r\n}\r\n\r\n.cb-tl-item.current .cb-tl-dot::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -6px;\r\n  border-radius: 50%;\r\n  border: 2px solid var(--cb-cyan);\r\n  opacity: 0.4;\r\n  animation: cb-tl-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-tl-pulse {\r\n  0% { transform: scale(1); opacity: 0.5; }\r\n  100% { transform: scale(1.4); opacity: 0; }\r\n}\r\n\r\n.cb-tl-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.25rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 4px;\r\n  line-height: 1;\r\n}\r\n\r\n.cb-tl-label {\r\n  font-size: 0.78rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 5%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 900px) {\r\n  .cb-market-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-timeline {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 32px 20px;\r\n  }\r\n  .cb-timeline::before { display: none; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-market-card {\r\n    padding: 28px 24px;\r\n  }\r\n  .cb-timeline-section {\r\n    padding: 32px 20px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 11: MARKET OPPORTUNITY\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"market\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <!-- Globo wireframe decorativo -->\r\n  <div class=\"cb-bg-globe\">\r\n    <svg viewbox=\"0 0 700 700\" fill=\"none\">\r\n      <defs>\r\n        <lineargradient id=\"cb-globe-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n        <\/lineargradient>\r\n      <\/defs>\r\n      <!-- Globo principal -->\r\n      <circle cx=\"350\" cy=\"350\" r=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n      <!-- Meridianos -->\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"280\" ry=\"100\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"280\" ry=\"180\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"280\" ry=\"250\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <!-- Paralelos -->\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"100\" ry=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"180\" ry=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"250\" ry=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <!-- Linhas equador\/centrais -->\r\n      <line x1=\"70\" y1=\"350\" x2=\"630\" y2=\"350\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\"\/>\r\n      <line x1=\"350\" y1=\"70\" x2=\"350\" y2=\"630\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\uc2dc\uc7a5 \uae30\ud68c<\/span>\r\n      <h2><span class=\"cb-gradient-text\">\uc5c4\uccad\ub09c<\/span> \uadf8\ub9ac\uace0<br>\uc131\uc7a5\ud558\ub294 \uc2dc\uc7a5<\/h2>\r\n      <p>\uc554\ud638\ud654\ud3d0 \uac70\ub798\ub294 \ub354 \uc774\uc0c1 \ud2c8\uc0c8\uc2dc\uc7a5\uc774 \uc544\ub2d9\ub2c8\ub2e4. \uc218\uc870 \ub2ec\ub7ec \uaddc\ubaa8\uc758 \uac70\ub798\ub7c9, \uc218\uc5b5 \uba85\uc758 \uc0ac\uc6a9\uc790, \uadf8\ub9ac\uace0 \uae30\uad00 \uc790\ubcf8\uc758 \uc720\uc785\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9c4 \uae00\ub85c\ubc8c \uae08\uc735 \uc778\ud504\ub77c\uc785\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <!-- MARKET STATS GRID (4 big cards) -->\r\n    <div class=\"cb-market-grid\">\r\n\r\n      <!-- CARD 1: TOTAL CRYPTO MARKET CAP -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            +112% \uc804\ub144 \ub300\ube44\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">$3.2T<\/div>\r\n        <div class=\"cb-market-label\">\uc554\ud638\ud654\ud3d0 \uc2dc\uc7a5 \ucd1d \uc2dc\uac00\ucd1d\uc561<\/div>\r\n        <div class=\"cb-market-desc\">2026\ub144 \ubaa8\ub4e0 \uc554\ud638\ud654\ud3d0 \uc790\uc0b0\uc758 \ucd1d \uc2dc\uac00\ucd1d\uc561\uc740 \ubd88\uacfc 2\ub144 \uc804 1\uc870 4\ucc9c\uc5b5 1500\uc5b5 \ub2ec\ub7ec\uc5d0\uc11c \uae09\uc99d\ud560 \uac83\uc73c\ub85c \uc608\uc0c1\ub429\ub2c8\ub2e4.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 92%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">\ucd9c\ucc98: CoinGecko \u00b7 2026<\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 2: CRYPTO ETF AUM -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11M20 10v11M8 14v3M12 14v3M16 14v3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            \uae30\uad00 \ud22c\uc790 \uae09\uc99d\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">$200B+<\/div>\r\n        <div class=\"cb-market-label\">\uc554\ud638\ud654\ud3d0 ETF \uc6b4\uc6a9\uc790\uc0b0<\/div>\r\n        <div class=\"cb-market-desc\">\uae30\uad00 \uc790\uae08 \uc720\uc785\uc774 \ubcf8\uaca9\uc801\uc73c\ub85c \uc2dc\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud604\uc7ac \ube44\ud2b8\ucf54\uc778\uacfc \uc774\ub354\ub9ac\uc6c0 ETF\uc758 \uc6b4\uc6a9\uc790\uc0b0\uc740 14\uc870 2\ucc9c\uc5b5 \ub2ec\ub7ec\ub97c \ub118\uc5b4\uc130\uc2b5\ub2c8\ub2e4.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 76%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">\ucd9c\ucc98: \ube14\ub8f8\ubc84\uadf8 ETF \ud2b8\ub798\ucee4<\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 3: GLOBAL CRYPTO USERS -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            +20% \uc804\ub144 \ub300\ube44\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">5\uc5b5+<\/div>\r\n        <div class=\"cb-market-label\">\uae00\ub85c\ubc8c \uc554\ud638\ud654\ud3d0 \uc0ac\uc6a9\uc790<\/div>\r\n        <div class=\"cb-market-desc\">\uc804 \uc138\uacc4\uc801\uc73c\ub85c 5\uc5b5 \uba85\uc774 \ub118\ub294 \uc0ac\ub78c\ub4e4\uc774 \uc554\ud638\ud654\ud3d0\ub97c \ubcf4\uc720\ud558\uac70\ub098 \uac70\ub798\ud558\uace0 \uc788\uc73c\uba70, \uadf8 \uaddc\ubaa8\ub294 \ub9e4\ub144 20%\uc529 \uc99d\uac00\ud558\uace0 \uc788\uc73c\uba70 \uadf8 \uc18d\ub3c4\ub294 \ub354\uc6b1 \ube68\ub77c\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 68%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">\ucd9c\ucc98: Crypto.com \uc0ac\uc6a9\uc790 \ubcf4\uace0\uc11c 2026<\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 4: COPY TRADING GROWTH -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 17l6-6 4 4 8-8M14 7h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            \uac00\uc7a5 \ube60\ub974\uac8c \uc131\uc7a5\ud558\ub294\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">\uce74\ud53c \ud2b8\ub808\uc774\ub529<\/div>\r\n        <div class=\"cb-market-label\">\uac00\uc7a5 \ube60\ub974\uac8c \uc131\uc7a5\ud558\ub294 \ubd80\ubb38<\/div>\r\n        <div class=\"cb-market-desc\">\uc554\ud638\ud654\ud3d0 \ud540\ud14c\ud06c \ubd84\uc57c \ub0b4\uc5d0\uc11c \uc18c\uc15c \ud2b8\ub808\uc774\ub529 \ubc0f \uce74\ud53c \ud2b8\ub808\uc774\ub529 \ud50c\ub7ab\ud3fc\uc740 \ub2e4\ub978 \uc5b4\ub5a4 \ubd84\uc57c\ubcf4\ub2e4 \ube60\ub974\uac8c \uc131\uc7a5\ud558\uace0 \uc788\uc73c\uba70, 2028\ub144\uae4c\uc9c0 \uc138 \ubc30\ub85c \uc99d\uac00\ud560 \uac83\uc73c\ub85c \uc608\uc0c1\ub429\ub2c8\ub2e4.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 100%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">\ucd9c\ucc98: \uba54\uc0ac\ub9ac \uc554\ud638\ud654\ud3d0 \uba85\uc81c 2026<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         GROWTH TIMELINE\r\n         ============================================ -->\r\n    <div class=\"cb-timeline-section\">\r\n      <div class=\"cb-timeline-header\">\r\n        <div class=\"cb-timeline-title\">10\ub144\uac04\uc758 \uae30\ud558\uae09\uc218\uc801 \uc131\uc7a5<\/div>\r\n        <div class=\"cb-timeline-subtitle\">\uc804 \uc138\uacc4 \uc554\ud638\ud654\ud3d0 \uc0ac\uc6a9\uc790 \uc218 (\ubc31\ub9cc \uba85)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-timeline\">\r\n        <div class=\"cb-tl-item\">\r\n          <div class=\"cb-tl-dot\">2020<\/div>\r\n          <div class=\"cb-tl-value\">100\ubbf8\ud130<\/div>\r\n          <div class=\"cb-tl-label\">\ucd08\uae30 \ub3c4\uc785 \ub2e8\uacc4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-tl-item\">\r\n          <div class=\"cb-tl-dot\">2023<\/div>\r\n          <div class=\"cb-tl-value\">300\ubbf8\ud130<\/div>\r\n          <div class=\"cb-tl-label\">\uc8fc\ub958 \uc778\uc2dd<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-tl-item current\">\r\n          <div class=\"cb-tl-dot\">2026<\/div>\r\n          <div class=\"cb-tl-value\">5\uc5b5+<\/div>\r\n          <div class=\"cb-tl-label\">\uae30\uad00 \ucc44\ud0dd<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-tl-item\">\r\n          <div class=\"cb-tl-dot\">2028<\/div>\r\n          <div class=\"cb-tl-value\">1B+<\/div>\r\n          <div class=\"cb-tl-label\">\uc608\uc0c1\ub418\ub294 \uc8fc\uc694 \ub2e8\uacc4<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8b0a25 elementor-widget elementor-widget-html\" data-id=\"e8b0a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 12: REFERRAL\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 15% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 85% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 56px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   TOP STATS BAR\r\n   ============================================ *\/\r\n.cb-stats-bar {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(10px);\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.cb-stat {\r\n  text-align: center;\r\n  padding: 24px 20px;\r\n  position: relative;\r\n}\r\n\r\n.cb-stat:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: 25%;\r\n  width: 1px; height: 50%;\r\n  background: linear-gradient(to bottom, transparent, var(--cb-border-soft), transparent);\r\n}\r\n\r\n.cb-stat-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.75rem;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.cb-stat-label {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n\/* ============================================\r\n   MAIN GRID \u2014 5 Level Commission + 2 Feature Cards\r\n   ============================================ *\/\r\n.cb-ref-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n  gap: 24px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* LEFT: Commission per Level Card *\/\r\n.cb-level-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.8), rgba(19, 25, 56, 0.8));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 32px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-level-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  color: #fff;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-levels {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-level {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 14px 18px;\r\n  background: rgba(10, 14, 39, 0.4);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-level:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.cb-level.highlight {\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.18), rgba(77, 208, 225, 0.08));\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n}\r\n\r\n.cb-level-badge {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-level.highlight .cb-level-badge {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n}\r\n\r\n.cb-level-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-level-name {\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.2;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.cb-level-desc {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n.cb-level-rate {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-level.highlight .cb-level-rate {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* RIGHT: 2 Feature Cards stacked *\/\r\n.cb-features-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.cb-feature-mini {\r\n  flex: 1;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.8), rgba(19, 25, 56, 0.8));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 28px;\r\n  backdrop-filter: blur(10px);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-feature-mini:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.cb-feature-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.25), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cb-feature-title {\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-feature-desc {\r\n  font-size: 0.92rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ============================================\r\n   CASHFLOW IMPACT TABLE\r\n   ============================================ *\/\r\n.cb-impact-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 32px;\r\n  margin-bottom: 40px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-impact-header {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-impact-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-impact-subtitle {\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-impact-table {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-impact-col {\r\n  padding: 20px 16px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-impact-col.highlight {\r\n  background: linear-gradient(160deg, rgba(91, 75, 255, 0.2), rgba(77, 208, 225, 0.08));\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n}\r\n\r\n.cb-impact-col:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cb-impact-col-header {\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 12px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-impact-percent {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: clamp(1.5rem, 3vw, 2.25rem);\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cb-impact-col:not(.highlight) .cb-impact-percent {\r\n  color: #fff;\r\n  background: none;\r\n  -webkit-text-fill-color: #fff;\r\n}\r\n\r\n.cb-impact-label {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-impact-notes {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-impact-note {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-impact-note svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-cyan);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* ============================================\r\n   TURNOVER BONUSES TABLE\r\n   ============================================ *\/\r\n.cb-bonus-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 32px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-bonus-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-bonus-title-group {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bonus-crown {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 10px;\r\n  background: linear-gradient(135deg, rgba(255, 181, 71, 0.25), rgba(91, 75, 255, 0.15));\r\n  border: 1px solid rgba(255, 181, 71, 0.4);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-warning);\r\n}\r\n\r\n.cb-bonus-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-bonus-subtitle {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n  margin-top: 2px;\r\n}\r\n\r\n.cb-bonus-summary {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bonus-sumcard {\r\n  padding: 10px 18px;\r\n  background: rgba(10, 14, 39, 0.6);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  text-align: center;\r\n}\r\n\r\n.cb-bonus-sumcard-label {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-bonus-sumcard-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n}\r\n\r\n.cb-bonus-sumcard-value.success {\r\n  color: var(--cb-success);\r\n}\r\n\r\n\/* Bonus grid *\/\r\n.cb-bonus-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bonus-tier {\r\n  position: relative;\r\n  padding: 18px 16px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-bonus-tier::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.cb-bonus-tier:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cb-bonus-tier:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.cb-bonus-tier-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-bonus-tier-num {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  padding: 3px 8px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  color: var(--cb-cyan);\r\n  border-radius: 6px;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.cb-bonus-turnover {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-bonus-amount {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.5rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cb-bonus-amount-label {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Disclaimer *\/\r\n.cb-ref-disclaimer {\r\n  margin-top: 32px;\r\n  padding: 18px 24px;\r\n  background: rgba(26, 33, 71, 0.4);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  font-size: 0.82rem;\r\n  color: var(--cb-text-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.cb-ref-disclaimer svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-text-muted);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(255, 181, 71, 0.06);\r\n  bottom: 10%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-ref-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-bonus-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-impact-table {\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 8px;\r\n  }\r\n  .cb-impact-col { padding: 14px 8px; }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .cb-stats-bar {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-stat:nth-child(2)::after { display: none; }\r\n  .cb-stat:nth-child(1), .cb-stat:nth-child(2) {\r\n    border-bottom: 1px solid var(--cb-border-soft);\r\n  }\r\n  .cb-impact-table {\r\n    grid-template-columns: repeat(5, minmax(80px, 1fr));\r\n    overflow-x: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-level-card, .cb-feature-mini, .cb-impact-card, .cb-bonus-card {\r\n    padding: 24px 20px;\r\n  }\r\n  .cb-bonus-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n  .cb-bonus-summary { width: 100%; }\r\n  .cb-bonus-sumcard { flex: 1; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 12: REFERRAL PROGRAM\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"referral\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ucd94\ucc9c \ud504\ub85c\uadf8\ub7a8<\/span>\r\n      <h2>\ub124\ud2b8\uc6cc\ud06c\ub97c \ud65c\uc6a9\ud558\uc5ec \uc218\uc775\uc744 \ucc3d\ucd9c\ud558\uc138\uc694<br><span class=\"cb-gradient-text\">5\ub2e8\uacc4 \uae4a\uc774<\/span><\/h2>\r\n      <p>\ub124\ud2b8\uc6cc\ud06c\ub97c \uad6c\ucd95\ud558\uace0 \ud50c\ub7ab\ud3fc\uc744 \uacf5\uc720\ud558\uc5ec 5\ub2e8\uacc4 \ucd94\ucc9c\uc744 \ud1b5\ud574 \ud65c\ub3d9\uc5d0 \ub300\ud55c \uc218\uc218\ub8cc\ub97c \ubc1b\uc73c\uc138\uc694. \uc989\uc2dc USDT\ub85c \uc9c0\uae09\ub418\uba70, \ucd5c\uc18c \uae08\uc561\uc774\ub098 \ub300\uae30 \uae30\uac04\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <!-- TOP STATS BAR -->\r\n    <div class=\"cb-stats-bar\">\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">5%<\/div>\r\n        <div class=\"cb-stat-label\">\uc9c1\uc811 \uc694\uae08(L1)<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">11.5%<\/div>\r\n        <div class=\"cb-stat-label\">\ucd5c\ub300 \ud569\uacc4<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">5<\/div>\r\n        <div class=\"cb-stat-label\">\ub808\ubca8 \ub525<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">\uc989\uac01\uc801\uc778<\/div>\r\n        <div class=\"cb-stat-label\">\uc9c0\ubd88\uae08<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- MAIN GRID: Levels + 2 Features -->\r\n    <div class=\"cb-ref-grid\">\r\n\r\n      <!-- LEFT: COMMISSION PER LEVEL -->\r\n      <div class=\"cb-level-card\">\r\n        <h3 class=\"cb-level-title\">\ub808\ubca8\ubcc4 \uc218\uc218\ub8cc<\/h3>\r\n\r\n        <div class=\"cb-levels\">\r\n          <div class=\"cb-level highlight\">\r\n            <div class=\"cb-level-badge\">L1<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">\ub808\ubca8 1<\/div>\r\n              <div class=\"cb-level-desc\">\uc9c1\uc811 \ucd94\ucc9c<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">5%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L2<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">\ub808\ubca8 2<\/div>\r\n              <div class=\"cb-level-desc\">2\ucc28 \ub124\ud2b8\uc6cc\ud06c<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">3%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L3<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">\ub808\ubca8 3<\/div>\r\n              <div class=\"cb-level-desc\">3\ub2e8\uacc4 \ub124\ud2b8\uc6cc\ud06c<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">2%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L4<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">\ub808\ubca8 4<\/div>\r\n              <div class=\"cb-level-desc\">4\ub2e8\uacc4 \ub124\ud2b8\uc6cc\ud06c<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">1%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L5<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">\ub808\ubca8 5<\/div>\r\n              <div class=\"cb-level-desc\">5\ub2e8\uacc4 \ub124\ud2b8\uc6cc\ud06c<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">0.5%<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: 2 STACKED FEATURE CARDS -->\r\n      <div class=\"cb-features-col\">\r\n\r\n        <!-- Instant Payment -->\r\n        <div class=\"cb-feature-mini\">\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h4 class=\"cb-feature-title\">\uc989\uc2dc \uc9c0\uae09<\/h4>\r\n          <p class=\"cb-feature-desc\">\ucd94\ucc9c\uc778\uc774 \uac70\ub798 \ubd07\uc744 \ud65c\uc131\ud654\ud558\ub294 \uc989\uc2dc \uc218\uc218\ub8cc\uac00 \uadc0\ud558\uc758 USDT \uc794\uc561\uc5d0 \uc801\ub9bd\ub429\ub2c8\ub2e4. \uc9c0\uc5f0\uc774\ub098 \ucd5c\uc18c \uae08\uc561 \uc870\uac74\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\r\n        <\/div>\r\n\r\n        <!-- No Deposit Required -->\r\n        <div class=\"cb-feature-mini\">\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h4 class=\"cb-feature-title\">\ubcf4\uc99d\uae08 \ubd88\ud544\uc694<\/h4>\r\n          <p class=\"cb-feature-desc\">\uc81c\ud734 \uc218\uc218\ub8cc\ub97c \ubc1b\uae30 \uc704\ud574 \uc2e4\uc81c \uc785\uae08\uc774 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uace0\uc720 \ub9c1\ud06c\ub97c \uacf5\uc720\ud558\uace0 \ub124\ud2b8\uc6cc\ud06c\ub97c \uad6c\ucd95\ud574 \ubcf4\uc138\uc694. \uc644\uc804 \ubb34\ub8cc\uc785\ub2c8\ub2e4.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         CASHFLOW IMPACT TABLE\r\n         ============================================ -->\r\n    <div class=\"cb-impact-card\">\r\n      <div class=\"cb-impact-header\">\r\n        <h3 class=\"cb-impact-title\">\ub124\ud2b8\uc6cc\ud06c \ubcfc\ub968 \uac00\uc911\uce58<\/h3>\r\n        <p class=\"cb-impact-subtitle\">\uac01 \ub808\ubca8\uc740 \uc804\uccb4 \ub124\ud2b8\uc6cc\ud06c \ubcfc\ub968\uc5d0 \uc11c\ub85c \ub2e4\ub978 \ubc29\uc2dd\uc73c\ub85c \uae30\uc5ec\ud569\ub2c8\ub2e4. \ucd94\ucc9c\uc778\uc774 \uac00\uae4c\uc6b8\uc218\ub85d \ub9e4\ucd9c \ubcf4\ub108\uc2a4 \ub2e8\uacc4\uc5d0 \ub300\ud55c \uae30\uc5ec\ub3c4\uac00 \ub192\uc544\uc9d1\ub2c8\ub2e4.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cb-impact-table\">\r\n        <div class=\"cb-impact-col highlight\">\r\n          <div class=\"cb-impact-col-header\">\ub808\ubca8 1<\/div>\r\n          <div class=\"cb-impact-percent\">100%<\/div>\r\n          <div class=\"cb-impact-label\">\ubb34\uac8c<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\ub808\ubca8 2<\/div>\r\n          <div class=\"cb-impact-percent\">50%<\/div>\r\n          <div class=\"cb-impact-label\">\ubb34\uac8c<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\ub808\ubca8 3<\/div>\r\n          <div class=\"cb-impact-percent\">25%<\/div>\r\n          <div class=\"cb-impact-label\">\ubb34\uac8c<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\ub808\ubca8 4<\/div>\r\n          <div class=\"cb-impact-percent\">10%<\/div>\r\n          <div class=\"cb-impact-label\">\ubb34\uac8c<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\ub808\ubca8 5<\/div>\r\n          <div class=\"cb-impact-percent\">10%<\/div>\r\n          <div class=\"cb-impact-label\">\ubb34\uac8c<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-impact-notes\">\r\n        <div class=\"cb-impact-note\">\r\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          <span><strong style=\"color:#fff;\">\ub124\ud2b8\uc6cc\ud06c \ubcfc\ub968<\/strong> = \ub124\ud2b8\uc6cc\ud06c \uc804\uccb4\uc5d0\uc11c \ud65c\uc131\ud654\ub41c \ubaa8\ub4e0 \ubd07 \ud65c\ub3d9\uc758 \ud569\uacc4\uc774\uba70, \ub808\ubca8 \uadfc\uc811\ub3c4\uc5d0 \ub530\ub77c \uac00\uc911\uce58\uac00 \ubd80\uc5ec\ub429\ub2c8\ub2e4.<\/span>\r\n        <\/div>\r\n        <div class=\"cb-impact-note\">\r\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          <span><strong style=\"color:#fff;\">\ud310\ub9e4\ub7c9 \ubaa9\ud45c \ub2ec\uc131<\/strong> USDT \uac70\ub798 \ubcf4\ub108\uc2a4\ub97c \ubc1b\uc73c\ub824\uba74 (\uc544\ub798 \ub4f1\uae09 \ucc38\uc870).<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         TURNOVER BONUSES\r\n         ============================================ -->\r\n    <div class=\"cb-bonus-card\">\r\n      <div class=\"cb-bonus-header\">\r\n        <div class=\"cb-bonus-title-group\">\r\n          <div class=\"cb-bonus-crown\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"cb-bonus-title\">\ub9e4\ucd9c \ubcf4\ub108\uc2a4<\/div>\r\n            <div class=\"cb-bonus-subtitle\">\ub124\ud2b8\uc6cc\ud06c \uac70\ub798\ub7c9\uc774 \uc99d\uac00\ud568\uc5d0 \ub530\ub77c USDT \ubcf4\uc0c1\uc744 \ubc1b\uc73c\uc138\uc694.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-summary\">\r\n          <div class=\"cb-bonus-sumcard\">\r\n            <div class=\"cb-bonus-sumcard-label\">\ub124\ud2b8\uc6cc\ud06c \ubcfc\ub968<\/div>\r\n            <div class=\"cb-bonus-sumcard-value\">$0.00<\/div>\r\n          <\/div>\r\n          <div class=\"cb-bonus-sumcard\">\r\n            <div class=\"cb-bonus-sumcard-label\">\ud68d\ub4dd\ud55c \ubcf4\ub108\uc2a4<\/div>\r\n            <div class=\"cb-bonus-sumcard-value success\">$0.00<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 8 TIERS GRID -->\r\n      <div class=\"cb-bonus-grid\">\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">\ud2f0\uc5b4 1<\/span>\r\n            <span class=\"cb-bonus-turnover\">$1K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$20<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">\ud2f0\uc5b4 2<\/span>\r\n            <span class=\"cb-bonus-turnover\">$5K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$100<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">3\ub2e8\uacc4<\/span>\r\n            <span class=\"cb-bonus-turnover\">$10K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$200<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">4\ub2e8\uacc4<\/span>\r\n            <span class=\"cb-bonus-turnover\">$50K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$1,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">\ud2f0\uc5b4 5<\/span>\r\n            <span class=\"cb-bonus-turnover\">$100K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$2,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">\ud2f0\uc5b4 6<\/span>\r\n            <span class=\"cb-bonus-turnover\">$250K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$5,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">\ud2f0\uc5b4 7<\/span>\r\n            <span class=\"cb-bonus-turnover\">$500K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$10,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">\ud2f0\uc5b4 8<\/span>\r\n            <span class=\"cb-bonus-turnover\">$1M<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$20,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">USDT \ubcf4\ub108\uc2a4<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Disclaimer -->\r\n      <div class=\"cb-ref-disclaimer\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        <span>\ucd94\ucc9c \uc218\uc218\ub8cc\ub294 \uc0ac\uc6a9\uc790 \uc608\uce58\uae08\uc774\ub098 \uc6d0\uae08\uc774 \uc544\ub2cc \ud50c\ub7ab\ud3fc \uc218\uc218\ub8cc\uc5d0\uc11c \uc9c0\uae09\ub429\ub2c8\ub2e4. \ubcf4\ub108\uc2a4\ub294 \ud504\ub85c\uadf8\ub7a8 \uc57d\uad00, \uc0ac\uae30 \ubc29\uc9c0 \uac80\uc99d \ubc0f \ud574\ub2f9 \uad00\ud560 \uc9c0\uc5ed\uc758 \uad00\ub828 \uaddc\uc815\uc744 \ub530\ub985\ub2c8\ub2e4. Cloudbright\ub294 \ud504\ub85c\uadf8\ub7a8 \uc57d\uad00\uc744 \uc218\uc815\ud560 \uad8c\ub9ac\ub97c \ubcf4\uc720\ud569\ub2c8\ub2e4.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8702972 elementor-widget elementor-widget-html\" data-id=\"8702972\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 13: TEAM\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 20% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-dots {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle, rgba(91, 75, 255, 0.1) 1px, transparent 1px);\r\n  background-size: 40px 40px;\r\n  opacity: 0.4;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   TEAM HEADLINE STATS\r\n   ============================================ *\/\r\n.cb-team-headline {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 40px;\r\n  margin-bottom: 56px;\r\n  padding: 24px 32px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.6), rgba(19, 25, 56, 0.6));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  backdrop-filter: blur(10px);\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-team-headline-stat {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-team-headline-stat svg {\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-team-headline-stat strong {\r\n  font-size: 1.15rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cb-team-headline-stat span {\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n}\r\n\r\n.cb-team-headline-divider {\r\n  width: 1px;\r\n  height: 24px;\r\n  background: var(--cb-border-soft);\r\n}\r\n\r\n\/* ============================================\r\n   TEAM GRID\r\n   ============================================ *\/\r\n.cb-team-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.cb-team-grid-bottom {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 28px;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Team card *\/\r\n.cb-team-card {\r\n  position: relative;\r\n  padding: 36px 28px 28px;\r\n  background: linear-gradient(160deg, rgba(26, 33, 71, 0.85), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-team-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-team-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -40%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(91, 75, 255, 0.15) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-team-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-team-card:hover::before { opacity: 1; }\r\n.cb-team-card:hover::after { opacity: 1; }\r\n\r\n.cb-team-card:hover .cb-team-avatar {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.cb-team-card:hover .cb-team-avatar-ring {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.cb-team-card > * { position: relative; z-index: 2; }\r\n\r\n\/* Avatar *\/\r\n.cb-team-avatar-wrap {\r\n  position: relative;\r\n  width: 120px;\r\n  height: 120px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.cb-team-avatar-ring {\r\n  position: absolute;\r\n  inset: -6px;\r\n  border-radius: 50%;\r\n  background: conic-gradient(from 0deg, #5b4bff, #4dd0e1, #5b4bff);\r\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n  z-index: 1;\r\n}\r\n\r\n.cb-team-avatar-ring::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: var(--cb-bg-primary);\r\n  border-radius: 50%;\r\n}\r\n\r\n.cb-team-avatar {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: -0.02em;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Avatar variants \u2014 different gradient per person *\/\r\n.cb-avatar-1 { background: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%); }\r\n.cb-avatar-2 { background: linear-gradient(135deg, #4dd0e1 0%, #00d68f 100%); }\r\n.cb-avatar-3 { background: linear-gradient(135deg, #5b4bff 0%, #ff5e7e 100%); }\r\n.cb-avatar-4 { background: linear-gradient(135deg, #ffb547 0%, #5b4bff 100%); }\r\n.cb-avatar-5 { background: linear-gradient(135deg, #00d68f 0%, #4dd0e1 100%); }\r\n\r\n\/* Founder badge *\/\r\n.cb-team-badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 4px 10px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  border: 1px solid rgba(91, 75, 255, 0.35);\r\n  border-radius: 100px;\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: var(--cb-cyan);\r\n  z-index: 3;\r\n}\r\n\r\n.cb-team-badge svg {\r\n  width: 10px; height: 10px;\r\n}\r\n\r\n\/* Name + role *\/\r\n.cb-team-name {\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 6px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-team-role {\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.cb-team-bio {\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n  margin-bottom: 20px;\r\n  min-height: 84px;\r\n}\r\n\r\n\/* Expertise tags *\/\r\n.cb-team-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-team-tag {\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  padding: 4px 10px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  color: var(--cb-text-secondary);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n\/* Social links *\/\r\n.cb-team-social {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-team-social a {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 8px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border: 1px solid var(--cb-border-soft);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-text-secondary);\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-team-social a:hover {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-team-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-team-grid-bottom {\r\n    grid-template-columns: 1fr;\r\n    max-width: 380px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-team-grid,\r\n  .cb-team-grid-bottom {\r\n    grid-template-columns: 1fr;\r\n    max-width: 380px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n  .cb-team-headline {\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    padding: 24px;\r\n    border-radius: 20px;\r\n  }\r\n  .cb-team-headline-divider { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 13: TEAM\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"team\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-dots\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ub9ac\ub354\uc2ed \ud300<\/span>\r\n      <h2>40\uba85 \uc774\uc0c1\uc758 \uc804\ubb38\uac00,<br><span class=\"cb-gradient-text\">\ud558\ub098\uc758 \uc0ac\uba85<\/span><\/h2>\r\n      <p>\uae30\uad00 \uae08\uc735, \uace0\ube48\ub3c4 \uac70\ub798 \ubc0f \uc0ac\uc774\ubc84 \ubcf4\uc548 \ubd84\uc57c\uc758 \ubca0\ud14c\ub791\ub4e4\ub85c \uad6c\uc131\ub41c \ud300\uc774 \uc804\ubb38\uc801\uc778 \uac70\ub798 \uc804\ub7b5\uc5d0 \ub300\ud55c \uc811\uadfc\uc131\uc744 \ubbfc\uc8fc\ud654\ud55c\ub2e4\ub294 \ub2e8 \ud558\ub098\uc758 \ubaa9\ud45c\ub97c \uc704\ud574 \ubb49\ucce4\uc2b5\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <!-- HEADLINE STATS -->\r\n    <div class=\"cb-team-headline\">\r\n      <div class=\"cb-team-headline-stat\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>40+<\/strong>\r\n        <span>\ud300 \uad6c\uc131\uc6d0<\/span>\r\n      <\/div>\r\n      <div class=\"cb-team-headline-divider\"><\/div>\r\n      <div class=\"cb-team-headline-stat\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n        <\/svg>\r\n        <strong>12+<\/strong>\r\n        <span>\uad6d\uac00<\/span>\r\n      <\/div>\r\n      <div class=\"cb-team-headline-divider\"><\/div>\r\n      <div class=\"cb-team-headline-stat\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>100+<\/strong>\r\n        <span>\uacbd\ub825 (\ucd1d \uacbd\ub825 \uc5f0\uc218)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TEAM GRID \u2014 Top row: 3 founders -->\r\n    <div class=\"cb-team-grid\">\r\n\r\n      <!-- TEAM MEMBER 1: ANYUN YANG (CEO) -->\r\n      <div class=\"cb-team-card\">\r\n        <span class=\"cb-team-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          \uacf5\ub3d9 \ucc3d\uc5c5\uc790\r\n        <\/span>\r\n\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-1\">\uc544\uc544<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\uc548\uc724 \uc591<\/h3>\r\n        <div class=\"cb-team-role\">CEO \uacb8 \uacf5\ub3d9 \ucc3d\uc5c5\uc790<\/div>\r\n        <p class=\"cb-team-bio\">\uae30\uad00 \uae08\uc735 \ubd84\uc57c\uc5d0\uc11c 15\ub144\uac04 \uacbd\ub825\uc744 \uc313\uc558\uc73c\uba70, \uc774\uc804\uc5d0\ub294 \uace8\ub4dc\ub9cc\uc0ad\uc2a4\uc640 HSBC \ub514\uc9c0\ud138 \uc790\uc0b0\uc5d0\uc11c \uadfc\ubb34\ud588\uc2b5\ub2c8\ub2e4. \uc804\ub7b5, \ud30c\ud2b8\ub108\uc2ed \ubc0f \ud50c\ub7ab\ud3fc \ube44\uc804\uc744 \uc8fc\ub3c4\ud569\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\uace8\ub4dc\ub9cc\uc0ad\uc2a4<\/span>\r\n          <span class=\"cb-team-tag\">HSBC<\/span>\r\n          <span class=\"cb-team-tag\">\ub514\uc9c0\ud138 \uc790\uc0b0<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"\ub9c1\ud06c\ub4dc\uc778\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"X (\ud2b8\uc704\ud130)\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h3l-7 8 8 12h-6l-5-7-6 7H2l8-9-8-11h6l4 6 6-6z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TEAM MEMBER 2: DONG AIGUO (CTO) -->\r\n      <div class=\"cb-team-card\">\r\n        <span class=\"cb-team-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          \uacf5\ub3d9 \ucc3d\uc5c5\uc790\r\n        <\/span>\r\n\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-2\">DA<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\ub3d9\uc544\uc774\uad88<\/h3>\r\n        <div class=\"cb-team-role\">\ucd5c\uace0\uae30\uc220\ucc45\uc784\uc790(CTO) \uacb8 \uacf5\ub3d9 \ucc3d\uc5c5\uc790<\/div>\r\n        <p class=\"cb-team-bio\">\uace0\ube48\ub3c4 \uac70\ub798 \uc2dc\uc2a4\ud15c \ubc0f \uba38\uc2e0\ub7ec\ub2dd \uc804\ubb38\uac00. \ubd07 \uc778\ud504\ub77c\ub97c \ub2f4\ub2f9\ud558\ub294 \uc5d4\uc9c0\ub2c8\uc5b4\ub9c1 \ubc0f AI \ud300\uc744 \uc774\ub04c\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">HFT \uc2dc\uc2a4\ud15c<\/span>\r\n          <span class=\"cb-team-tag\">\uba38\uc2e0\ub7ec\ub2dd<\/span>\r\n          <span class=\"cb-team-tag\">\uc77c\uccb4 \ud3ec\ud568<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"\ub9c1\ud06c\ub4dc\uc778\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"\uae43\ud5c8\ube0c\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.4 3.4 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.4 5.4 0 0020 4.77 5 5 0 0019.91 1S18.73.65 16 2.48a13.4 13.4 0 00-7 0C6.27.65 5.09 1 5.09 1A5 5 0 005 4.77a5.4 5.4 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TEAM MEMBER 3: JAMES CHEN (COO) -->\r\n      <div class=\"cb-team-card\">\r\n        <span class=\"cb-team-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          \uacf5\ub3d9 \ucc3d\uc5c5\uc790\r\n        <\/span>\r\n\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-3\">\uc81c\uc774\uc528<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\uc81c\uc784\uc2a4 \uccb8<\/h3>\r\n        <div class=\"cb-team-role\">\ucd5c\uace0\uc6b4\uc601\ucc45\uc784\uc790(COO) \uacb8 \uacf5\ub3d9 \ucc3d\uc5c5\uc790<\/div>\r\n        <p class=\"cb-team-bio\">\uc6b4\uc601 \ubc0f \uc804\ub7b5 \uc804\ubb38\uac00. \uac70\ub798\uc18c \ud30c\ud2b8\ub108\uc2ed, \ubd07 \uc628\ubcf4\ub529 \ud30c\uc774\ud504\ub77c\uc778 \ubc0f \ud50c\ub7ab\ud3fc \uc77c\uc0c1 \uc6b4\uc601\uc744 \ucd1d\uad04\ud569\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\uc6b4\uc601<\/span>\r\n          <span class=\"cb-team-tag\">\ud30c\ud2b8\ub108\uc2ed<\/span>\r\n          <span class=\"cb-team-tag\">\uc804\ub7b5<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"\ub9c1\ud06c\ub4dc\uc778\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"X (\ud2b8\uc704\ud130)\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h3l-7 8 8 12h-6l-5-7-6 7H2l8-9-8-11h6l4 6 6-6z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM ROW: 2 Department Heads -->\r\n    <div class=\"cb-team-grid-bottom\">\r\n\r\n      <!-- TEAM MEMBER 4: SAMARTH RAMESH (Security) -->\r\n      <div class=\"cb-team-card\">\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-4\">SR<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\uc0ac\ub9c8\ub974\ud2b8 \ub77c\uba54\uc26c<\/h3>\r\n        <div class=\"cb-team-role\">\ubcf4\uc548 \ucc45\uc784\uc790<\/div>\r\n        <p class=\"cb-team-bio\">\uc0ac\uc774\ubc84 \ubcf4\uc548 \ubc0f \uaddc\uc815 \uc900\uc218 \uc804\ubb38\uac00. AES-256 \uc554\ud638\ud654, HSM \uc778\ud504\ub77c \ubc0f \uc678\ubd80 \ubcf4\uc548 \uac10\uc0ac \ud504\ub85c\uadf8\ub7a8\uc744 \ucd1d\uad04\ud569\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\uc0ac\uc774\ubc84 \ubcf4\uc548<\/span>\r\n          <span class=\"cb-team-tag\">\uaddc\uc815 \uc900\uc218<\/span>\r\n          <span class=\"cb-team-tag\">\uac10\uc0ac \uac10\ub3c5<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"\ub9c1\ud06c\ub4dc\uc778\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"\uae43\ud5c8\ube0c\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.4 3.4 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.4 5.4 0 0020 4.77 5 5 0 0019.91 1S18.73.65 16 2.48a13.4 13.4 0 00-7 0C6.27.65 5.09 1 5.09 1A5 5 0 005 4.77a5.4 5.4 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TEAM MEMBER 5: DAVID OKAFOR (Community) -->\r\n      <div class=\"cb-team-card\">\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-5\">~\ud558\ub2e4<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\ub370\uc774\ube44\ub4dc \uc624\uce74\ud3ec<\/h3>\r\n        <div class=\"cb-team-role\">\ucee4\ubba4\ub2c8\ud2f0 \ucc45\uc784\uc790<\/div>\r\n        <p class=\"cb-team-bio\">\uc804 \uc138\uacc4 \ud22c\uc790\uc790\ub4e4\uc744 \uc5f0\uacb0\ud558\uace0 \uc5f0\uc911\ubb34\ud734 24\uc2dc\uac04 \uc0ac\uc6a9\uc790 \uc9c0\uc6d0\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud50c\ub7ab\ud3fc\uacfc \uae00\ub85c\ubc8c \uac70\ub798 \ucee4\ubba4\ub2c8\ud2f0 \uac04\uc758 \uac00\uad50 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\uc9c0\uc5ed \uc0ac\ud68c<\/span>\r\n          <span class=\"cb-team-tag\">\uc9c0\uc6d0\ud558\ub2e4<\/span>\r\n          <span class=\"cb-team-tag\">\uae00\ub85c\ubc8c \uc544\uc6c3\ub9ac\uce58<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"\ub9c1\ud06c\ub4dc\uc778\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"X (\ud2b8\uc704\ud130)\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h3l-7 8 8 12h-6l-5-7-6 7H2l8-9-8-11h6l4 6 6-6z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44b3c01 elementor-widget elementor-widget-html\" data-id=\"44b3c01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 14: ROADMAP\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 50% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 50% 80%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-circuit {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.04) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 72px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   ROADMAP TIMELINE\r\n   ============================================ *\/\r\n.cb-roadmap {\r\n  position: relative;\r\n  padding: 40px 0 20px;\r\n}\r\n\r\n\/* Horizontal connecting line *\/\r\n.cb-roadmap-line {\r\n  position: absolute;\r\n  top: 64px;\r\n  left: 6%;\r\n  right: 6%;\r\n  height: 3px;\r\n  background: linear-gradient(90deg,\r\n    rgba(0, 214, 143, 0.6) 0%,\r\n    rgba(0, 214, 143, 0.5) 20%,\r\n    rgba(91, 75, 255, 0.4) 40%,\r\n    rgba(91, 75, 255, 0.3) 70%,\r\n    rgba(77, 208, 225, 0.2) 100%);\r\n  border-radius: 3px;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-roadmap-line-progress {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 22%;\r\n  background: linear-gradient(90deg, #00d68f, #4dd0e1);\r\n  border-radius: 3px;\r\n  box-shadow: 0 0 16px rgba(0, 214, 143, 0.5);\r\n}\r\n\r\n.cb-roadmap-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 16px;\r\n}\r\n\r\n\/* Each milestone *\/\r\n.cb-milestone {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n\/* Dot connector *\/\r\n.cb-milestone-dot {\r\n  position: relative;\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 50%;\r\n  background: var(--cb-bg-secondary);\r\n  border: 2.5px solid var(--cb-border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  z-index: 3;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-milestone-dot svg {\r\n  color: var(--cb-text-muted);\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n\/* Status: completed *\/\r\n.cb-milestone.completed .cb-milestone-dot {\r\n  background: linear-gradient(135deg, #00d68f, #4dd0e1);\r\n  border-color: transparent;\r\n  box-shadow: 0 0 24px rgba(0, 214, 143, 0.5);\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-dot svg {\r\n  color: #fff;\r\n}\r\n\r\n\/* Status: current (live) *\/\r\n.cb-milestone.current .cb-milestone-dot {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  box-shadow: 0 0 28px rgba(91, 75, 255, 0.6);\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-dot svg {\r\n  color: #fff;\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-dot::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -8px;\r\n  border-radius: 50%;\r\n  border: 2px solid var(--cb-cyan);\r\n  opacity: 0.5;\r\n  animation: cb-rm-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-rm-pulse {\r\n  0% { transform: scale(1); opacity: 0.6; }\r\n  100% { transform: scale(1.5); opacity: 0; }\r\n}\r\n\r\n\/* Status: upcoming *\/\r\n.cb-milestone.upcoming .cb-milestone-dot {\r\n  background: var(--cb-bg-tertiary);\r\n  border-color: var(--cb-border-soft);\r\n}\r\n\r\n\/* Quarter badge *\/\r\n.cb-milestone-quarter {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  color: var(--cb-text-muted);\r\n  padding: 4px 12px;\r\n  background: rgba(10, 14, 39, 0.6);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-quarter {\r\n  color: var(--cb-success);\r\n  border-color: rgba(0, 214, 143, 0.3);\r\n  background: rgba(0, 214, 143, 0.1);\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-quarter {\r\n  color: var(--cb-cyan);\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n  background: rgba(91, 75, 255, 0.15);\r\n}\r\n\r\n\/* Card *\/\r\n.cb-milestone-card {\r\n  width: 100%;\r\n  padding: 24px 20px;\r\n  background: linear-gradient(160deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 16px;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-milestone-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-card {\r\n  border-color: rgba(0, 214, 143, 0.25);\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-card::before {\r\n  background: linear-gradient(90deg, #00d68f, #4dd0e1);\r\n  opacity: 1;\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-card {\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n  background: linear-gradient(160deg, rgba(91, 75, 255, 0.12), rgba(19, 25, 56, 0.7));\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-card::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cb-milestone-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-milestone-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Status badge inside card *\/\r\n.cb-milestone-status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  padding: 3px 10px;\r\n  border-radius: 100px;\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-milestone-status.completed {\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n}\r\n\r\n.cb-milestone-status.live {\r\n  background: rgba(77, 208, 225, 0.15);\r\n  color: var(--cb-cyan);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n}\r\n\r\n.cb-milestone-status.live .cb-status-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--cb-cyan);\r\n  box-shadow: 0 0 8px var(--cb-cyan);\r\n  animation: cb-blink 1.5s infinite;\r\n}\r\n\r\n@keyframes cb-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.3; }\r\n}\r\n\r\n.cb-milestone-status.planned {\r\n  background: rgba(184, 193, 236, 0.08);\r\n  color: var(--cb-text-muted);\r\n  border: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n\/* Title + description *\/\r\n.cb-milestone-title {\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.cb-milestone-desc {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.55;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* Mobile horizontal scroll *\/\r\n.cb-roadmap-scroll {\r\n  display: none;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(0, 214, 143, 0.05);\r\n  bottom: 5%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   BOTTOM CTA\r\n   ============================================ *\/\r\n.cb-rm-cta {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n}\r\n\r\n.cb-rm-cta-text {\r\n  font-size: 1rem;\r\n  color: var(--cb-text-secondary);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 14px 28px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 1.5px solid var(--cb-border);\r\n}\r\n\r\n.cb-btn:hover {\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border-color: var(--cb-accent);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-roadmap-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px 16px;\r\n  }\r\n  .cb-roadmap-line { display: none; }\r\n  .cb-milestone-dot { margin-bottom: 16px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-roadmap-grid {\r\n    grid-template-columns: 1fr;\r\n    max-width: 360px;\r\n    margin: 0 auto;\r\n  }\r\n  .cb-section-header { margin-bottom: 48px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 14: ROADMAP\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"roadmap\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-circuit\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\ub85c\ub4dc\ub9f5<\/span>\r\n      <h2>\uac74\ucd95\uc6a9<br><span class=\"cb-gradient-text\">\uc7a5\uae30<\/span><\/h2>\r\n      <p>\ud50c\ub7ab\ud3fc \ucd9c\uc2dc\ubd80\ud130 \uc644\ubcbd\ud55c DeFi \ud1b5\ud569 \ubc0f \ucee4\ubba4\ub2c8\ud2f0 \uac70\ubc84\ub10c\uc2a4\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0, \ud604\uc7ac \uc0c1\ud669, \ud5a5\ud6c4 \uacc4\ud68d, \uadf8\ub9ac\uace0 \uadf8 \uacfc\uc815\uc5d0\uc11c \ub2ec\uc131\ud574\uc57c \ud560 \uc8fc\uc694 \uc774\uc815\ud45c\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-roadmap\">\r\n      <!-- Horizontal line connecting dots -->\r\n      <div class=\"cb-roadmap-line\">\r\n        <div class=\"cb-roadmap-line-progress\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-roadmap-grid\">\r\n\r\n        <!-- Q1 2026: COMPLETED -->\r\n        <div class=\"cb-milestone completed\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2026\ub144 1\ubd84\uae30<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status completed\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              \uc644\uc804\ud55c\r\n            <\/div>\r\n            <h3 class=\"cb-milestone-title\">\ud50c\ub7ab\ud3fc \ucd9c\uc2dc<\/h3>\r\n            <p class=\"cb-milestone-desc\">9\uac1c \uc774\uc0c1\uc758 \uac70\ub798\uc18c\uc5d0\uc11c \uac80\uc99d\ub41c \ubd07\uacfc \uc18c\uc15c \ud2b8\ub808\uc774\ub529 \uae30\ub2a5 \ubc0f \uc2e4\uc2dc\uac04 \ub300\uc2dc\ubcf4\ub4dc\ub97c \ud3ec\ud568\ud55c \uc815\uc2dd \ucd9c\uc2dc \ubc84\uc804\uc785\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Q2 2026: CURRENT \/ LIVE -->\r\n        <div class=\"cb-milestone current\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2026\ub144 2\ubd84\uae30<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status live\">\r\n              <span class=\"cb-status-dot\"><\/span>\r\n              \uc9c4\ud589 \uc911\r\n            <\/div>\r\n            <h3 class=\"cb-milestone-title\">\ubaa8\ubc14\uc77c \uc571<\/h3>\r\n            <p class=\"cb-milestone-desc\">\ud478\uc2dc \uc54c\ub9bc, \uc0dd\uccb4 \uc778\uc2dd \ub85c\uadf8\uc778, \uadf8\ub9ac\uace0 \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4\uc5d0 \uc644\ubcbd\ud558\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub294 \ub124\uc774\ud2f0\ube0c iOS \ubc0f Android \uc571.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Q3 2026: UPCOMING -->\r\n        <div class=\"cb-milestone upcoming\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M12 2a14.5 14.5 0 010 20 14.5 14.5 0 010-20zM2 12h20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2026\ub144 3\ubd84\uae30<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">\uacc4\ud68d\ub41c<\/div>\r\n            <h3 class=\"cb-milestone-title\">AI \uc804\ub7b5 \ube4c\ub354<\/h3>\r\n            <p class=\"cb-milestone-desc\">\ucf54\ub529\uc774\ub098 \uc99d\uad8c \ubd84\uc11d \uc9c0\uc2dd \uc5c6\uc774\ub3c4, \uc804\ub7b5\uc744 \uc124\uba85\ud558\uace0 \ubc14\ub85c \uc2e4\ud589\ud560 \uc218 \uc788\ub294 \ub9de\ucda4\ud615 \ud2b8\ub808\uc774\ub529 \ubd07\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc138\uc694.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Q4 2026: UPCOMING -->\r\n        <div class=\"cb-milestone upcoming\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2026\ub144 4\ubd84\uae30<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">\uacc4\ud68d\ub41c<\/div>\r\n            <h3 class=\"cb-milestone-title\">\ud64d\ucf69 \uc815\uc0c1\ud68c\ub2f4<\/h3>\r\n            <p class=\"cb-milestone-desc\">\ud64d\ucf69\uc5d0\uc11c \uac1c\ucd5c\ub418\ub294 \uc81c1\ud68c \ud074\ub77c\uc6b0\ub4dc\ube0c\ub77c\uc774\ud2b8 \uc5f0\ub840 \ucee8\ud37c\ub7f0\uc2a4 - \uc804\ub7b5 \uc81c\uacf5\uc5c5\uccb4, \uae30\uad00 \ud30c\ud2b8\ub108 \ubc0f \ucee4\ubba4\ub2c8\ud2f0 \uad6c\uc131\uc6d0\uc744 \uc5f0\uacb0\ud569\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2027+: UPCOMING -->\r\n        <div class=\"cb-milestone upcoming\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2027+<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">\ubbf8\ub798<\/div>\r\n            <h3 class=\"cb-milestone-title\">\ub371\uc2a4 &amp; \ub2e4\uc624<\/h3>\r\n            <p class=\"cb-milestone-desc\">\uc644\uc804\ud55c DeFi \ud504\ub85c\ud1a0\ucf5c \ud1b5\ud569 \ubc0f \ucee4\ubba4\ub2c8\ud2f0 \uac70\ubc84\ub10c\uc2a4\ub85c\uc758 \uc804\ud658. \ud1a0\ud070 \ubcf4\uc720\uc790\uac00 \ud50c\ub7ab\ud3fc\uc758 \ubbf8\ub798\ub97c \ub9cc\ub4e4\uc5b4\uac11\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6028d95 elementor-widget elementor-widget-html\" data-id=\"6028d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 15: FINAL CTA\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 140px 0 120px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n\/* Multiple radial gradients for depth *\/\r\n.cb-bg-gradient {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: \r\n    radial-gradient(ellipse at center, rgba(91, 75, 255, 0.3) 0%, transparent 55%),\r\n    radial-gradient(ellipse at 20% 80%, rgba(77, 208, 225, 0.15) 0%, transparent 50%),\r\n    radial-gradient(ellipse at 80% 20%, rgba(91, 75, 255, 0.18) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Subtle grid *\/\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.06) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);\r\n  -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);\r\n}\r\n\r\n\/* Floating hexagons *\/\r\n.cb-floating-hex {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  opacity: 0.4;\r\n}\r\n\r\n.cb-floating-hex svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-hex-tl {\r\n  width: 140px; height: 140px;\r\n  top: 10%; left: 6%;\r\n  animation: cb-hex-float 8s ease-in-out infinite;\r\n}\r\n\r\n.cb-hex-tr {\r\n  width: 100px; height: 100px;\r\n  top: 18%; right: 8%;\r\n  animation: cb-hex-float 6s ease-in-out infinite reverse;\r\n}\r\n\r\n.cb-hex-bl {\r\n  width: 110px; height: 110px;\r\n  bottom: 14%; left: 10%;\r\n  animation: cb-hex-float 7s ease-in-out infinite;\r\n}\r\n\r\n.cb-hex-br {\r\n  width: 130px; height: 130px;\r\n  bottom: 8%; right: 6%;\r\n  animation: cb-hex-float 9s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes cb-hex-float {\r\n  0%, 100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(-20px) rotate(15deg); }\r\n}\r\n\r\n\/* Glow orb behind logo *\/\r\n.cb-bg-orb {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(91, 75, 255, 0.25) 0%, transparent 60%);\r\n  filter: blur(60px);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  animation: cb-orb-pulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-orb-pulse {\r\n  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }\r\n  50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }\r\n}\r\n\r\n.cb-container {\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 3;\r\n  text-align: center;\r\n}\r\n\r\n\/* ============================================\r\n   LOGO BIG\r\n   ============================================ *\/\r\n.cb-cta-logo {\r\n  width: 96px;\r\n  height: 96px;\r\n  margin: 0 auto 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  filter: drop-shadow(0 0 40px rgba(91, 75, 255, 0.6));\r\n  animation: cb-logo-pulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-logo-pulse {\r\n  0%, 100% { transform: scale(1); }\r\n  50% { transform: scale(1.06); }\r\n}\r\n\r\n.cb-cta-logo svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\/* Eyebrow tag *\/\r\n.cb-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 28px;\r\n  padding: 8px 18px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-eyebrow-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cb-cyan);\r\n  box-shadow: 0 0 10px var(--cb-cyan);\r\n  animation: cb-blink 1.5s infinite;\r\n}\r\n\r\n@keyframes cb-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.3; }\r\n}\r\n\r\n\/* HEADLINE GIGANTE *\/\r\n.cb-cta-headline {\r\n  font-size: clamp(3rem, 8vw, 6rem);\r\n  font-weight: 900;\r\n  line-height: 0.95;\r\n  letter-spacing: -0.04em;\r\n  margin-bottom: 28px;\r\n  background: linear-gradient(180deg, #ffffff 0%, #b8c1ec 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-cta-tagline {\r\n  font-size: clamp(1.25rem, 2.5vw, 1.75rem);\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-cta-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--cb-text-secondary);\r\n  max-width: 620px;\r\n  margin: 0 auto 48px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   CTA BUTTONS\r\n   ============================================ *\/\r\n.cb-cta-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  margin-bottom: 48px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 18px 36px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1.05rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-btn-primary {\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  box-shadow: 0 12px 32px rgba(91, 75, 255, 0.4);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-btn-primary::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.cb-btn-primary:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 16px 40px rgba(91, 75, 255, 0.55);\r\n}\r\n\r\n.cb-btn-primary:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.cb-btn-secondary {\r\n  background: rgba(26, 33, 71, 0.6);\r\n  color: #fff;\r\n  border: 1.5px solid var(--cb-border);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-btn-secondary:hover {\r\n  background: rgba(91, 75, 255, 0.15);\r\n  border-color: var(--cb-accent);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Quick trust signals below CTA *\/\r\n.cb-trust-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 28px;\r\n  flex-wrap: wrap;\r\n  padding: 18px 32px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.5), rgba(19, 25, 56, 0.5));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n}\r\n\r\n.cb-trust-item svg {\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-trust-item strong {\r\n  color: #fff;\r\n  font-weight: 700;\r\n}\r\n\r\n.cb-trust-divider {\r\n  width: 1px;\r\n  height: 16px;\r\n  background: var(--cb-border-soft);\r\n}\r\n\r\n\/* Mini risk note *\/\r\n.cb-risk-note {\r\n  margin-top: 32px;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  max-width: 540px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 768px) {\r\n  .cb-section { padding: 100px 0 80px; }\r\n  .cb-cta-actions {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n  .cb-cta-actions .cb-btn {\r\n    width: 100%;\r\n    max-width: 320px;\r\n  }\r\n  .cb-trust-row {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    padding: 20px 24px;\r\n    border-radius: 20px;\r\n  }\r\n  .cb-trust-divider { display: none; }\r\n  .cb-floating-hex { opacity: 0.2; }\r\n  .cb-hex-tl, .cb-hex-tr { width: 80px; height: 80px; }\r\n  .cb-hex-bl, .cb-hex-br { width: 70px; height: 70px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 15: FINAL CTA\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"join\">\r\n  <!-- Background layers -->\r\n  <div class=\"cb-bg-gradient\"><\/div>\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-orb\"><\/div>\r\n\r\n  <!-- Floating hexagons -->\r\n  <div class=\"cb-floating-hex cb-hex-tl\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(91,75,255,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n      <polygon points=\"100,40 152,72 152,128 100,160 48,128 48,72\" stroke=\"rgba(77,208,225,0.3)\" stroke-width=\"1\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"cb-floating-hex cb-hex-tr\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(77,208,225,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"cb-floating-hex cb-hex-bl\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(91,75,255,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"cb-floating-hex cb-hex-br\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(77,208,225,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n      <polygon points=\"100,40 152,72 152,128 100,160 48,128 48,72\" stroke=\"rgba(91,75,255,0.3)\" stroke-width=\"1\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"cb-container\">\r\n\r\n    <!-- LOGO BIG -->\r\n    <div class=\"cb-cta-logo\">\r\n      <svg viewbox=\"0 0 36 36\" fill=\"none\">\r\n        <defs>\r\n          <lineargradient id=\"cb-cta-logo-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n          <\/lineargradient>\r\n        <\/defs>\r\n        <path d=\"M28 18c0-3-2-5-5-5-1-3-4-5-7-5-4 0-7 3-7 7v1c-3 0-5 2-5 5s2 5 5 5h17c3 0 5-2 5-5 0-1 0-2-1-3z\" fill=\"url(#cb-cta-logo-grad)\"\/>\r\n        <rect x=\"15\" y=\"14\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#4dd0e1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- EYEBROW -->\r\n    <span class=\"cb-eyebrow\">\r\n      <span class=\"cb-eyebrow-dot\"><\/span>\r\n      24,000\uba85 \uc774\uc0c1\uc758 \ud65c\uc131 \uc0ac\uc6a9\uc790\ub4e4\uacfc \ud568\uaed8\ud558\uc138\uc694\r\n    <\/span>\r\n\r\n    <!-- HEADLINE -->\r\n    <h2 class=\"cb-cta-headline\">\uac00\uc785\ud558\ub2e4 <span class=\"cb-gradient-text\">\uc6b0\ub9ac\ub97c<\/span><\/h2>\r\n\r\n    <!-- TAGLINE -->\r\n    <p class=\"cb-cta-tagline\">\ucd5c\uace0\uc758 \ubd07\ub4e4\uc744 \ub530\ub77c\ud558\uace0 \uc218\uc775\uc744 \uac70\ub450\uc138\uc694.<\/p>\r\n\r\n    <!-- SUBTITLE -->\r\n    <p class=\"cb-cta-subtitle\">2\ubd84 \uc548\uc5d0 \ubb34\ub8cc \uacc4\uc815\uc744 \ub9cc\ub4dc\uc138\uc694. \ub2e8 $50\ubd80\ud130 \uac80\uc99d\ub41c \ud2b8\ub808\uc774\ub529 \ubd07\uc744 \ubcf5\uc0ac\ud558\uc5ec \uc0ac\uc6a9\ud574 \ubcf4\uc138\uc694. \uae30\uc220\uc801\uc778 \uc9c0\uc2dd\uc740 \ud544\uc694 \uc5c6\uace0, \uc57d\uc815\uc774\ub098 \uad6c\ub3c5\ub8cc\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n    <!-- CTA BUTTONS -->\r\n    <div class=\"cb-cta-actions\">\r\n      <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-btn cb-btn-primary\">\r\n        \uc2dc\uc791\ud558\uae30\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"#bots\" class=\"cb-btn cb-btn-secondary\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <polygon points=\"10 8 16 12 10 16 10 8\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        \ubd07 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4\ub97c \uc0b4\ud3b4\ubcf4\uc138\uc694\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- TRUST SIGNALS -->\r\n    <div class=\"cb-trust-row\">\r\n      <div class=\"cb-trust-item\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>$50<\/strong> \ucd5c\uc800\ud55c\uc758\r\n      <\/div>\r\n      <div class=\"cb-trust-divider\"><\/div>\r\n      <div class=\"cb-trust-item\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>\uc601<\/strong> \uad6c\ub3c5\ub8cc\r\n      <\/div>\r\n      <div class=\"cb-trust-divider\"><\/div>\r\n      <div class=\"cb-trust-item\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>2\ubd84<\/strong> \ud68c\uc6d0\uac00\uc785\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Problem Solution Features Bots Security Team Roadmap Sign In Create Your Account Problem Solution Features Bots Security Team Roadmap Sign [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":75,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cloudbright | Official Registration Link | 2026<\/title>\n<meta name=\"description\" content=\"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudbright.cloud\/ko\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cloudbright\" \/>\n<meta property=\"og:description\" content=\"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudbright.cloud\/ko\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-02T03:01:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"57\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/\",\"url\":\"https:\\\/\\\/cloudbright.cloud\\\/\",\"name\":\"Cloudbright | Official Registration Link | 2026\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cloudbright.cloud\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cloudbright-banner.webp\",\"datePublished\":\"2026-05-22T16:56:12+00:00\",\"dateModified\":\"2026-06-02T03:01:21+00:00\",\"description\":\"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cloudbright.cloud\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cloudbright.cloud\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cloudbright-banner.webp\",\"contentUrl\":\"https:\\\/\\\/cloudbright.cloud\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cloudbright-banner.webp\",\"width\":1080,\"height\":1080,\"caption\":\"cloudbright banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/cloudbright.cloud\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cloudbright\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#website\",\"url\":\"https:\\\/\\\/cloudbright.cloud\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cloudbright.cloud\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cloudbright | \uacf5\uc2dd \uac00\uc785 \ub9c1\ud06c | 2026","description":"Cloudbright\uc5d0 \uac00\uc785\ud558\uace0 \uac80\uc99d\ub41c \uc554\ud638\ud654\ud3d0 \ud2b8\ub808\uc774\ub529 \ubd07\uc744 \ubcf5\uc0ac\ud558\uc138\uc694. \uc2e4\uc2dc\uac04 \ud22c\uba85\uc131, \ub0ae\uc740 \uc9c4\uc785 \uc7a5\ubcbd, \uadf8\ub9ac\uace0 \uc790\ub3d9\ud654\ub41c \uac70\ub798\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudbright.cloud\/ko\/","og_locale":"ko_KR","og_type":"article","og_title":"Cloudbright","og_description":"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.","og_url":"https:\/\/cloudbright.cloud\/ko\/","article_modified_time":"2026-06-02T03:01:21+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"57\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cloudbright.cloud\/","url":"https:\/\/cloudbright.cloud\/","name":"Cloudbright | \uacf5\uc2dd \uac00\uc785 \ub9c1\ud06c | 2026","isPartOf":{"@id":"https:\/\/cloudbright.cloud\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudbright.cloud\/#primaryimage"},"image":{"@id":"https:\/\/cloudbright.cloud\/#primaryimage"},"thumbnailUrl":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","datePublished":"2026-05-22T16:56:12+00:00","dateModified":"2026-06-02T03:01:21+00:00","description":"Cloudbright\uc5d0 \uac00\uc785\ud558\uace0 \uac80\uc99d\ub41c \uc554\ud638\ud654\ud3d0 \ud2b8\ub808\uc774\ub529 \ubd07\uc744 \ubcf5\uc0ac\ud558\uc138\uc694. \uc2e4\uc2dc\uac04 \ud22c\uba85\uc131, \ub0ae\uc740 \uc9c4\uc785 \uc7a5\ubcbd, \uadf8\ub9ac\uace0 \uc790\ub3d9\ud654\ub41c \uac70\ub798\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.","breadcrumb":{"@id":"https:\/\/cloudbright.cloud\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudbright.cloud\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/cloudbright.cloud\/#primaryimage","url":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","contentUrl":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","width":1080,"height":1080,"caption":"cloudbright banner"},{"@type":"BreadcrumbList","@id":"https:\/\/cloudbright.cloud\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/cloudbright.cloud\/"},{"@type":"ListItem","position":2,"name":"Cloudbright"}]},{"@type":"WebSite","@id":"https:\/\/cloudbright.cloud\/#website","url":"https:\/\/cloudbright.cloud\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudbright.cloud\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"}]}},"_links":{"self":[{"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":37,"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/pages\/28\/revisions\/93"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/media\/75"}],"wp:attachment":[{"href":"https:\/\/cloudbright.cloud\/ko\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}