{"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\/ja\/","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\/ja\/\" 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=\"Cloudbright\u306e\u30ed\u30b4\"\r\n      >\r\n    <\/a>\r\n    \r\n    <nav class=\"cb-nav\">\r\n      <a href=\"#problem\">\u554f\u984c<\/a>\r\n      <a href=\"#solution\">\u89e3\u6c7a<\/a>\r\n      <a href=\"#features\">\u7279\u5fb4<\/a>\r\n      <a href=\"#bots\">\u30dc\u30c3\u30c8<\/a>\r\n      <a href=\"#security\">\u5b89\u5168<\/a>\r\n      <a href=\"#team\">\u30c1\u30fc\u30e0<\/a>\r\n      <a href=\"#roadmap\">\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/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        \u30b5\u30a4\u30f3\u30a4\u30f3\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/cloudbright.cloud\/ja\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary cb-btn-sm\">\r\n        \u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\r\n      <\/a>\r\n    <\/div>\r\n    \r\n    <button class=\"cb-menu-toggle\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\" 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\">\u554f\u984c<\/a>\r\n    <a href=\"#solution\">\u89e3\u6c7a<\/a>\r\n    <a href=\"#features\">\u7279\u5fb4<\/a>\r\n    <a href=\"#bots\">\u30dc\u30c3\u30c8<\/a>\r\n    <a href=\"#security\">\u5b89\u5168<\/a>\r\n    <a href=\"#team\">\u30c1\u30fc\u30e0<\/a>\r\n    <a href=\"#roadmap\">\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/a>\r\n\r\n    <a href=\"https:\/\/cloudbright.io\/dashboard\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-secondary\">\r\n      \u30b5\u30a4\u30f3\u30a4\u30f3\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/cloudbright.cloud\/ja\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary\">\r\n      \u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\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\">\u30b9\u30de\u30fc\u30c8\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"cb-hero-lead\">\r\n          \u900f\u660e\u6027\u3001\u81ea\u52d5\u5316\u3001\u305d\u3057\u3066\u3088\u308a\u30b9\u30de\u30fc\u30c8\u306a\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u6210\u9577\u306e\u305f\u3081\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u901a\u3058\u3066\u3001\u30d7\u30ed\u4ed5\u69d8\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u6226\u7565\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002.\r\n        <\/p>\r\n        \r\n        <div class=\"cb-hero-actions\">\r\n          <a href=\"https:\/\/cloudbright.cloud\/ja\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary\">\r\n            \u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\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\">\u4ed5\u7d44\u307f\u3092\u898b\u308b<\/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>\u53d6\u5f15\u6240<\/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>\u7a3c\u50cd\u6642\u9593<\/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>\u6700\u4f4e\u30a8\u30f3\u30c8\u30ea\u30fc\u984d<\/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\">\u30e9\u30a4\u30d6\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/div>\r\n            <div class=\"cb-mock-live\">\r\n              <span class=\"cb-live-dot\"><\/span> \u30e9\u30a4\u30d6\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"cb-mock-stat\">\r\n            <span class=\"cb-mock-label\">\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u5168\u4f53<\/span>\r\n            <span class=\"cb-mock-value\">$12,847.32<\/span>\r\n            <span class=\"cb-mock-change\">+24.7% <small>\u4eca\u6708<\/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>\u30a2\u30eb\u30d5\u30a1\u30fb\u30e2\u30e1\u30f3\u30bf\u30e0<\/strong>\r\n                <span>BTC\/USDT \u00b7 \u4fdd\u5b88\u7684<\/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>\u30b0\u30ea\u30c3\u30c9\u30de\u30b9\u30bf\u30fc<\/strong>\r\n                <span>ETH\/USDT \u00b7 \u30d0\u30e9\u30f3\u30b9\u578b<\/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\">\u554f\u984c<\/span>\r\n      <h2>\u500b\u4eba\u6295\u8cc7\u5bb6\u306f <span class=\"cb-gradient-text\">\u7de0\u3081\u51fa\u3055\u308c\u305f<\/span><br>\u30d7\u30ed\u306e\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u6226\u7565<\/h2>\r\n      <p>\u6570\u5341\u5e74\u306b\u308f\u305f\u308a\u3001\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u53d6\u5f15\u306f\u6a5f\u95a2\u6295\u8cc7\u5bb6\u3084\u5bcc\u88d5\u5c64\u306b\u9650\u3089\u308c\u3066\u3044\u305f\u3002\u500b\u4eba\u6295\u8cc7\u5bb6\u304c\u53c2\u5165\u3092\u963b\u307e\u308c\u3066\u304d\u305f\u306e\u306f\u30013\u3064\u306e\u969c\u58c1\u304c\u3042\u3063\u305f\u304b\u3089\u3060\u3002.<\/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>\u6cd5\u5916\u306a\u6700\u4f4e\u8cc3\u91d1<\/h3>\r\n        <p>\u30d7\u30ed\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u53d6\u5f15\u30d5\u30a1\u30f3\u30c9\u3084\u30de\u30cd\u30fc\u30b8\u30c9\u6226\u7565\u306b\u306f\u5de8\u984d\u306e\u8cc7\u91d1\u6295\u5165\u304c\u5fc5\u8981\u3067\u3042\u308a\u300199% \u306e\u6295\u8cc7\u5bb6\u3092\u6392\u9664\u3059\u308b\u3002.<\/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>\u900f\u660e\u6027\u30bc\u30ed<\/h3>\r\n        <p>\u5f93\u6765\u306e\u30d5\u30a1\u30f3\u30c9\u306f\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u4e0a\u306e\u8a87\u5f35\u8868\u73fe\u3084\u56db\u534a\u671f\u5831\u544a\u66f8\u306e\u9670\u306b\u3001\u904b\u7528\u5b9f\u7e3e\u3001\u53d6\u5f15\u5185\u5bb9\u3001\u904b\u7528\u624b\u6cd5\u3092\u96a0\u3057\u3066\u3044\u308b\u3002.<\/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>\u5e02\u5834\u306f\u6c7a\u3057\u3066\u7720\u3089\u306a\u3044<\/h3>\r\n        <p>\u4eee\u60f3\u901a\u8ca8\u5e02\u5834\u306f24\u6642\u9593\u7a3c\u50cd\u3057\u3066\u3044\u308b\u304c\u3001\u4eba\u9593\u306b\u306f\u4f11\u606f\u304c\u5fc5\u8981\u3060\u3002\u624b\u52d5\u30c8\u30ec\u30fc\u30c0\u30fc\u306f\u6bce\u6669\u3001\u91cd\u8981\u306a\u53d6\u5f15\u6a5f\u4f1a\u3092\u9003\u3057\u3066\u3044\u308b\u3002.<\/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\">\u89e3\u6c7a\u7b56<\/span>\r\n        <h2>Cloudbright \u2014 \u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0<br>\u305d\u308c <span class=\"cb-gradient-text\">\u30b7\u30f3\u30d7\u30eb\u306b<\/span><\/h2>\r\n        <p class=\"cb-solution-lead\">\r\n          \u79c1\u305f\u3061\u306f\u3042\u3089\u3086\u308b\u969c\u58c1\u3092\u53d6\u308a\u9664\u304d\u307e\u3057\u305f\u3002Cloudbright\u306f\u3001\u4e16\u754c\u4e2d\u306e\u8ab0\u306b\u3067\u3082\u3001\u691c\u8a3c\u6e08\u307f\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u6226\u7565\u3078\u306e\u5373\u6642\u30a2\u30af\u30bb\u30b9\u3092\u63d0\u4f9b\u3057\u3001\u5b8c\u5168\u306a\u900f\u660e\u6027\u3068\u5229\u76ca\u306e\u4e00\u81f4\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\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>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c9<\/strong>\r\n              <span>\u6280\u8853\u30b9\u30ad\u30eb\u4e0d\u8981\u3001\u8a2d\u5b9a\u4e0d\u8981\u3001API\u306b\u95a2\u3059\u308b\u9762\u5012\u306a\u4f5c\u696d\u3082\u4e0d\u8981<\/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>\u308f\u305a\u304b$50\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046<\/strong>\r\n              <span>\u5f93\u6765\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u30d5\u30a1\u30f3\u30c9\u3088\u308a\u308210,000\u500d\u4f4e\u3044\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8<\/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>\u3042\u3089\u3086\u308b\u30ea\u30b9\u30af\u30ec\u30d9\u30eb\u306b\u5bfe\u5fdc\u3057\u305f\u691c\u8a3c\u6e08\u307f\u30dc\u30c3\u30c8<\/strong>\r\n              <span>\u4fdd\u5b88\u7684\u306a\u53ce\u5165\u304b\u3089\u7a4d\u6975\u7684\u306a\u6210\u9577\u3078<\/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>\u5b8c\u5168\u306a\u900f\u660e\u6027\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0<\/strong>\r\n              <span>\u3059\u3079\u3066\u306e\u53d6\u5f15\u3001\u3059\u3079\u3066\u306e\u6307\u6a19\u304c24\u6642\u9593365\u65e5\u3044\u3064\u3067\u3082\u95b2\u89a7\u53ef\u80fd<\/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>\u51fa\u91d1\u6642\u306e\u307f\u624b\u6570\u6599\u304c\u767a\u751f\u3057\u307e\u3059<\/strong>\r\n              <span>\u304a\u5ba2\u69d8\u304c\u5229\u7528\u3057\u305f\u5834\u5408\u306b\u306e\u307f\u53ce\u76ca\u304c\u767a\u751f\u3057\u307e\u3059\u3002\u5b9a\u671f\u8cfc\u8aad\u6599\u3084\u96a0\u308c\u305f\u6599\u91d1\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002<\/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\">\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/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>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30b3\u30d4\u30fc<\/strong>\r\n            <small>\u30e9\u30a4\u30d6\u914d\u4fe1\u3092\u6570\u79d2\u3067\u4f53\u9a13<\/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>\u691c\u8a3c\u6e08\u307f<\/strong>\r\n            <small>12\u30f6\u6708\u4ee5\u4e0a\u306e\u76e3\u67fb<\/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>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0<\/strong>\r\n            <small>\u3059\u3079\u3066\u306e\u53d6\u5f15\u304c\u53ef\u8996\u5316\u3055\u308c\u3066\u3044\u307e\u3059<\/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>\u30af\u30e9\u30a6\u30c9\u30d6\u30e9\u30a4\u30c8<\/strong>\r\n            <span>\u30b9\u30de\u30fc\u30c8\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0<\/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\">\u4ed5\u7d44\u307f<\/span>\r\n      <h2 class=\"translation-block\"><span class=\"cb-gradient-text\">3\u3064\u306e\u7c21\u5358\u306a\u30b9\u30c6\u30c3\u30d7<\/span>\u3067\u59cb\u3081\u307e\u3057\u3087\u3046<\/h2>\r\n      <p>\u521d\u5fc3\u8005\u3067\u3082\u3001\u30d7\u30ed\u306e\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30dc\u30c3\u30c8\u30925\u5206\u4ee5\u5185\u306b\u30b3\u30d4\u30fc\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u5c02\u9580\u77e5\u8b58\u3082\u8907\u96d1\u306a\u8a2d\u5b9a\u3082\u4e0d\u8981\u3002\u305f\u3063\u305f3\u30af\u30ea\u30c3\u30af\u3067\u59cb\u3081\u3089\u308c\u307e\u3059\u3002.<\/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\">\u30b9\u30c6\u30c3\u30d701<\/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>\u30c1\u30e3\u30fc\u30b8<\/h3>\r\n          <p>\u4eee\u60f3\u901a\u8ca8\u307e\u305f\u306f\u6cd5\u5b9a\u901a\u8ca8\u3067\u8cc7\u91d1\u3092\u5165\u91d1\u3067\u304d\u307e\u3059\u3002\u8907\u6570\u306e\u652f\u6255\u3044\u65b9\u6cd5\u306b\u5bfe\u5fdc\u3001\u5373\u6642\u78ba\u8a8d\u3001\u5165\u91d1\u624b\u6570\u6599\u7121\u6599\u3002.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            \u6700\u5c0f$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\">\u30b9\u30c6\u30c3\u30d702<\/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>\u30dc\u30c3\u30c8\u3092\u30b3\u30d4\u30fc\u3059\u308b<\/h3>\r\n          <p>\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u3092\u95b2\u89a7\u3057\u3001\u30ea\u30b9\u30af\u30ec\u30d9\u30eb\u3068ROI\u3067\u7d5e\u308a\u8fbc\u307f\u3001\u691c\u8a3c\u6e08\u307f\u306e\u30dc\u30c3\u30c8\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u3001\u5b9f\u969b\u306e\u53d6\u5f15\u3092\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            \u691c\u8a3c\u6e08\u307f\u306e\u6226\u7565\u306e\u307f\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\">\u30b9\u30c6\u30c3\u30d703<\/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>\u5229\u76ca\u3092\u56de\u53ce\u3059\u308b<\/h3>\r\n          <p>\u3042\u306a\u305f\u306e\u30dc\u30c3\u30c8\u306f\u3001\u4e16\u754c\u306e\u4eee\u60f3\u901a\u8ca8\u5e02\u5834\u306724\u6642\u9593365\u65e5\u53d6\u5f15\u3092\u884c\u3044\u307e\u3059\u3002\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u8ffd\u8de1\u3057\u3001\u5229\u76ca\u306f\u3044\u3064\u3067\u3082\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            24\u6642\u9593365\u65e5\u53d6\u5f15\u53ef\u80fd\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        \u4eca\u3059\u3050\u59cb\u3081\u307e\u3057\u3087\u3046\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\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u6a5f\u80fd<\/span>\r\n      <h2>\u5b8c\u5168\u7248<br><span class=\"cb-gradient-text\">\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/span><\/h2>\r\n      <p>\u900f\u660e\u6027\u3001\u30a2\u30af\u30bb\u30b9\u6027\u3001\u305d\u3057\u3066\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u8ffd\u6c42\u3057\u3066\u69cb\u7bc9\u3055\u308c\u305f\u3001\u30d7\u30ed\u306e\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u6226\u7565\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u304c\u3001\u4e00\u3064\u306e\u7d71\u5408\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u96c6\u7d04\u3055\u308c\u3066\u3044\u307e\u3059\u3002.<\/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>\u5e02\u5834<\/h3>\r\n        <p>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3001\u30ea\u30b9\u30af\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\u3001\u30ed\u30c3\u30af\u30a4\u30f3\u671f\u9593\u306b\u57fa\u3065\u3044\u3066\u30e9\u30f3\u30af\u4ed8\u3051\u3055\u308c\u305f\u3001\u691c\u8a3c\u6e08\u307f\u306e\u30dc\u30c3\u30c8\u3092\u95b2\u89a7\u3067\u304d\u307e\u3059\u3002\u6700\u9069\u306a\u6226\u7565\u3092\u6570\u79d2\u3067\u898b\u3064\u3051\u307e\u3057\u3087\u3046\u3002.<\/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            \u691c\u8a3c\u6e08\u307f\u306e\u6226\u7565\u306e\u307f\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            \u8907\u6570\u306e\u30ea\u30b9\u30af\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\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            \u67d4\u8edf\u306a\u5951\u7d04\u671f\u9593\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\">\u30e9\u30a4\u30d6<\/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>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/h3>\r\n        <p>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u640d\u76ca\u8ffd\u8de1\u3001\u8cc7\u7523\u66f2\u7dda\u3001\u5b8c\u5168\u306a\u53d6\u5f15\u5c65\u6b74\u306a\u3069\u3001\u3042\u3089\u3086\u308b\u6307\u6a19\u304c\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u66f4\u65b0\u3055\u308c\u3001\u5b8c\u5168\u306b\u900f\u660e\u6027\u304c\u78ba\u4fdd\u3055\u308c\u3066\u3044\u307e\u3059\u3002.<\/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            \u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u640d\u76ca\u8ffd\u8de1\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            \u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u682a\u5f0f\u66f2\u7dda\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            \u5b8c\u5168\u306a\u53d6\u5f15\u5c65\u6b74\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>\u30ea\u30b9\u30af\u30ec\u30d9\u30eb<\/h3>\r\n        <p>\u4fdd\u5b88\u7684\u306a\u53ce\u76ca\u6226\u7565\u304b\u3089\u7a4d\u6975\u7684\u306a\u6210\u9577\u578b\u30dc\u30c3\u30c8\u307e\u3067\u3002\u30b7\u30e3\u30fc\u30d7\u30ec\u30b7\u30aa\u3001ROI\u3001\u30c9\u30ed\u30fc\u30c0\u30a6\u30f3\u3067\u7d5e\u308a\u8fbc\u307f\u3001\u3042\u306a\u305f\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306b\u5408\u3063\u305f\u3082\u306e\u3092\u898b\u3064\u3051\u307e\u3057\u3087\u3046\u3002.<\/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            \u4fdd\u5b88\u7684\u304b\u3089\u653b\u6483\u7684\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            \u30b7\u30e3\u30fc\u30d7\u3068ROI\u3067\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\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            \u30c9\u30ed\u30fc\u30c0\u30a6\u30f3\u6307\u6a19\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>\u30de\u30eb\u30c1\u30a8\u30af\u30b9\u30c1\u30a7\u30f3\u30b8<\/h3>\r\n        <p>1\u3064\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u3067\u4e3b\u8981\u306a\u4eee\u60f3\u901a\u8ca8\u53d6\u5f15\u6240\u3059\u3079\u3066\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002Binance\u3001Bybit\u3001OKX\u3001KuCoin\u3001Kraken\u306a\u3069\u3001\u8907\u6570\u306e\u53d6\u5f15\u6240\u3067\u53d6\u5f15\u304c\u53ef\u80fd\u3067\u3059\u3002.<\/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            \u30d0\u30a4\u30ca\u30f3\u30b9\u3001\u30d0\u30a4\u30d3\u30c3\u30c8\u3001OKX\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\u3001Kraken\u306a\u3069\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            \u6697\u53f7\u5316\u3055\u308c\u305fAPI\u30ad\u30fc\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\">\u30c8\u30e9\u30af\u30b7\u30e7\u30f3\u3068\u6307\u6a19<\/span>\r\n      <h2>2026\u5e741\u6708<br><span class=\"cb-gradient-text\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8<\/span><\/h2>\r\n      <p>\u5b9f\u969b\u306e\u30dc\u30c3\u30c8\u306b\u3088\u308b\u6b63\u78ba\u306a\u6570\u5024\u3092\u6bce\u6708\u76e3\u67fb\u3002\u4ee5\u4e0b\u306e\u3059\u3079\u3066\u306e\u6307\u6a19\u306f\u3001\u691c\u8a3c\u6e08\u307f\u306e\u30aa\u30f3\u30c1\u30a7\u30fc\u30f3\u30c7\u30fc\u30bf\u3068\u53d6\u5f15\u6240\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u7b97\u51fa\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5e38\u306b\u5b8c\u5168\u306a\u900f\u660e\u6027\u3092\u78ba\u4fdd\u3057\u3066\u3044\u307e\u3059\u3002.<\/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\">\u5e73\u5747\u6708\u9593\u53ce\u76ca<\/div>\r\n          <div class=\"cb-metric-sub\">\u691c\u8a3c\u6e08\u307f\u306e\u3059\u3079\u3066\u306e\u30dc\u30c3\u30c8\u306b\u304a\u3044\u3066<\/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\">\u6700\u9ad8\u306e\u30dc\u30c3\u30c8\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/div>\r\n          <div class=\"cb-metric-sub\">\u904e\u53bb30\u65e5\u9593<\/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\">\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u53d6\u5f15\u6240<\/div>\r\n          <div class=\"cb-metric-sub\">\u30d0\u30a4\u30ca\u30f3\u30b9\u3001\u30d0\u30a4\u30d3\u30c3\u30c8\u3001OKX\u306a\u3069<\/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\">\u6700\u4f4e\u6295\u8cc7\u984d<\/div>\r\n          <div class=\"cb-metric-sub\">\u5c0f\u898f\u6a21\u304b\u3089\u59cb\u3081\u3066\u3001\u81ea\u7531\u306b\u898f\u6a21\u3092\u62e1\u5927\u3059\u308b<\/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\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u7a3c\u50cd\u6642\u9593<\/div>\r\n        <div class=\"cb-metric-sub\">\u9280\u884c\u30ec\u30d9\u30eb\u306e\u30a4\u30f3\u30d5\u30e9<\/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\">\u30dc\u30c3\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9<\/span>\r\n      <h2>\u691c\u8a3c\u6e08\u307f\u30dc\u30c3\u30c8\u3001,<br><span class=\"cb-gradient-text\">\u5b9f\u969b\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/span><\/h2>\r\n      <p>\u3059\u3079\u3066\u306e\u30dc\u30c3\u30c8\u306f\u300112\u304b\u6708\u4ee5\u4e0a\u306b\u308f\u305f\u308b\u30d0\u30c3\u30af\u30c6\u30b9\u30c8\u3001\u5b9f\u969b\u306e\u30da\u30fc\u30d1\u30fc\u30c8\u30ec\u30fc\u30c9\u3001\u304a\u3088\u3073\u30ea\u30b9\u30af\u8a55\u4fa1\u3092\u901a\u3058\u3066\u72ec\u7acb\u3057\u3066\u691c\u8a3c\u3055\u308c\u3001\u300c\u691c\u8a3c\u6e08\u307f\u300d\u30d0\u30c3\u30b8\u304c\u4ed8\u4e0e\u3055\u308c\u307e\u3059\u3002.<\/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);\">\u5348\u524d<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \u30a2\u30eb\u30d5\u30a1\u30fb\u30e2\u30e1\u30f3\u30bf\u30e0\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 \u30d0\u30a4\u30ca\u30f3\u30b9<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-low\">\u4f4e\u30ea\u30b9\u30af<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\u65e5\u9593\u8fd4\u54c1\u53ef\u80fd<\/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\u5206<\/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\">\u30b7\u30e3\u30fc\u30d7<\/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\">\u6700\u5927DD<\/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\">\u52dd\u7387<\/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            \u30b3\u30d4\u30fc\u30dc\u30c3\u30c8\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                \u30b0\u30ea\u30c3\u30c9\u30de\u30b9\u30bf\u30fc\u30d7\u30ed\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 Bybit<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-mid\">\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\u65e5\u9593\u8fd4\u54c1\u53ef\u80fd<\/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\u5206<\/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\">\u30b7\u30e3\u30fc\u30d7<\/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\">\u6700\u5927DD<\/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\">\u52dd\u7387<\/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            \u30b3\u30d4\u30fc\u30dc\u30c3\u30c8\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                \u30af\u30a9\u30f3\u30bf\u30e0\u30b5\u30fc\u30b8\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\">SOL\/USDT \u00b7 OKX<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-high\">\u653b\u6483\u7684<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\u65e5\u9593\u8fd4\u54c1\u53ef\u80fd<\/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\">$100\u5206\u3068\u306e\u6bd4\u8f03<\/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\">\u30b7\u30e3\u30fc\u30d7<\/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\">\u6700\u5927DD<\/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\">\u52dd\u7387<\/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            \u30b3\u30d4\u30fc\u30dc\u30c3\u30c8\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);\">SI<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \u5b89\u5b9a\u3057\u305f\u53ce\u5165\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 KuCoin<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-low\">\u4f4e\u30ea\u30b9\u30af<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\u65e5\u9593\u8fd4\u54c1\u53ef\u80fd<\/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\u5206<\/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\">\u30b7\u30e3\u30fc\u30d7<\/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\">\u6700\u5927DD<\/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\">\u52dd\u7387<\/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            \u30b3\u30d4\u30fc\u30dc\u30c3\u30c8\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);\">\u5317\u6771<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \u30cb\u30e5\u30fc\u30e9\u30eb\u30a8\u30c3\u30b8AI\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 \u30de\u30eb\u30c1DEX<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-mid\">\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\u65e5\u9593\u8fd4\u54c1\u53ef\u80fd<\/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\">$100\u5206\u3068\u306e\u6bd4\u8f03<\/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\">\u30b7\u30e3\u30fc\u30d7<\/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\">\u6700\u5927DD<\/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\">\u52dd\u7387<\/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            \u30b3\u30d4\u30fc\u30dc\u30c3\u30c8\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                \u30e2\u30e1\u30f3\u30bf\u30e0\u30b9\u30ad\u30e3\u30eb\u30d1\u30fc\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 Kraken<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-high\">\u653b\u6483\u7684<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">30\u65e5\u9593\u8fd4\u54c1\u53ef\u80fd<\/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\">$100\u5206\u3068\u306e\u6bd4\u8f03<\/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\">\u30b7\u30e3\u30fc\u30d7<\/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\">\u6700\u5927DD<\/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\">\u52dd\u7387<\/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            \u30b3\u30d4\u30fc\u30dc\u30c3\u30c8\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        \u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u5168\u4f53\u3092\u898b\u308b\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>Cloudbright \u2014 \u7b2c9\u7ae0\uff1a\u30d3\u30b8\u30cd\u30b9\u30e2\u30c7\u30eb<\/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\">\u30d3\u30b8\u30cd\u30b9\u30e2\u30c7\u30eb<\/span>\r\n      <h2>\u9023\u643a <span class=\"cb-gradient-text\">\u3042\u306a\u305f\u306e\u6210\u529f<\/span><\/h2>\r\n      <p>\u304a\u5ba2\u69d8\u304c\u5229\u76ca\u3092\u4e0a\u3052\u306a\u3044\u9650\u308a\u3001\u5f53\u793e\u3082\u5229\u76ca\u3092\u5f97\u3089\u308c\u307e\u305b\u3093\u3002\u8cfc\u8aad\u6599\u3001\u96a0\u308c\u305f\u624b\u6570\u6599\u3001\u521d\u671f\u8cbb\u7528\u306f\u4e00\u5207\u4e0d\u8981\u3067\u3059\u3002\u304a\u5ba2\u69d8\u304c\u5229\u76ca\u3092\u5f15\u304d\u51fa\u3059\u969b\u306b\u3001\u305d\u306e\u5229\u76ca\u306b\u5fdc\u3058\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u624b\u6570\u6599\u3092\u3044\u305f\u3060\u304d\u307e\u3059\u3002.<\/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\">\u624b\u6570\u6599<\/div>\r\n          <div class=\"cb-hex-sublabel\">\u5f15\u304d\u51fa\u3057\u306e\u307f<\/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          \u5b9a\u671f\u8cfc\u8aad\u306a\u3057\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          \u96a0\u308c\u305f\u624b\u6570\u6599\u306f\u4e00\u5207\u306a\u3057\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          \u521d\u671f\u8cbb\u7528\u306f\u4e0d\u8981\u3067\u3059\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\">\u304a\u5ba2\u69d8\u306b\u3068\u3063\u3066\u6700\u9069\u306a\u6599\u91d1\u4f53\u7cfb<\/h3>\r\n        <p class=\"cb-bm-subtitle\">\u307b\u3068\u3093\u3069\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306b\u95a2\u4fc2\u306a\u304f\u5229\u7528\u6599\u3092\u5fb4\u53ce\u3057\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u79c1\u305f\u3061\u306f\u3042\u306a\u305f\u304c\u5229\u76ca\u3092\u5f15\u304d\u51fa\u3057\u305f\u6642\u306e\u307f\u53ce\u76ca\u3092\u5f97\u307e\u3059\u3002\u3064\u307e\u308a\u3001\u3042\u306a\u305f\u304c\u52dd\u3066\u3070\u79c1\u305f\u3061\u3082\u52dd\u3061\u3001\u3042\u306a\u305f\u304c\u8ca0\u3051\u308c\u3070\u79c1\u305f\u3061\u3082\u8ca0\u3051\u308b\u306e\u3067\u3059\u3002.<\/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\">\u53ce\u76ca\u306f\u30e6\u30fc\u30b6\u30fc\u306e\u6210\u529f\u5ea6\u306b\u5fdc\u3058\u3066\u62e1\u5927\u3059\u308b<\/div>\r\n              <div class=\"cb-benefit-desc\">\u79c1\u305f\u3061\u306f\u3042\u306a\u305f\u306e\u5229\u76ca\u306e\u4e00\u5b9a\u5272\u5408\u3092\u5831\u916c\u3068\u3057\u3066\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u5143\u91d1\u306f\u4e00\u5207\u53d7\u3051\u53d6\u308a\u307e\u305b\u3093\u3002\u3042\u306a\u305f\u304c\u5229\u76ca\u3092\u4e0a\u3052\u306a\u3051\u308c\u3070\u3001\u79c1\u305f\u3061\u3082\u5229\u76ca\u3092\u5f97\u3089\u308c\u307e\u305b\u3093\u3002.<\/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\">\u67d4\u8edf\u306a\u5951\u7d04\u671f\u9593<\/div>\r\n              <div class=\"cb-benefit-desc\">15\u65e5\u304b\u3089180\u65e5\u307e\u3067\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u5951\u7d04\u671f\u9593\u304c\u9577\u3044\u307b\u3069\u3001\u3088\u308a\u9ad8\u3044\u5229\u56de\u308a\u3068\u8907\u5229\u30dc\u30fc\u30ca\u30b9\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002.<\/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\">\u6599\u91d1\u306e\u5b8c\u5168\u306a\u900f\u660e\u6027<\/div>\r\n              <div class=\"cb-benefit-desc\">\u30dc\u30c3\u30c8\u3092\u30b3\u30d4\u30fc\u3059\u308b\u524d\u306b\u3001\u3059\u3079\u3066\u306e\u6599\u91d1\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u4e88\u671f\u305b\u306c\u8ffd\u52a0\u6599\u91d1\u3084\u7d30\u304b\u3044\u6761\u4ef6\u3001\u6ce8\u91c8\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002.<\/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\">\u5165\u91d1\u4e0d\u8981\uff06\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u624b\u6570\u6599\u7121\u6599<\/div>\r\n              <div class=\"cb-benefit-desc\">\u5165\u91d1\u3001\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u306e\u95b2\u89a7\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u4f7f\u7528\u306f\u3059\u3079\u3066\u7121\u6599\u3067\u3059\u3002\u3044\u3064\u3067\u3082\u7121\u6599\u3067\u3059\u3002.<\/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            \u5b9a\u671f\u8cfc\u8aad\u306a\u3057\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            \u96a0\u308c\u305f\u6599\u91d1\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\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            \u521d\u671f\u8cbb\u7528\u306f\u4e0d\u8981\u3067\u3059\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          \u30ed\u30c3\u30af\u30a4\u30f3\u671f\u9593\u306e\u6bb5\u968e\r\n        <\/div>\r\n        <div class=\"cb-lockin-subtitle\">\u5951\u7d04\u671f\u9593\u304c\u9577\u304f\u306a\u308b\u307b\u3069\u3001\u6f5c\u5728\u7684\u306a\u5229\u56de\u308a\u30ec\u30d9\u30eb\u304c\u9ad8\u304f\u306a\u308a\u307e\u3059\u3002<\/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\">\u30b9\u30bf\u30fc\u30bf\u30fc<\/div>\r\n          <div class=\"cb-lockin-days\">15<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">\u57fa\u672c\u30c6\u30a3\u30a2<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\u6a19\u6e96<\/div>\r\n          <div class=\"cb-lockin-days\">45<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">+ \u30c6\u30a3\u30a22\u30dc\u30fc\u30ca\u30b9<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\u30d7\u30ed<\/div>\r\n          <div class=\"cb-lockin-days\">90<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">+ \u30c6\u30a3\u30a23\u30dc\u30fc\u30ca\u30b9<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\u30a8\u30ea\u30fc\u30c8<\/div>\r\n          <div class=\"cb-lockin-days\">180<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">\u6700\u5927\u30c6\u30a3\u30a2<\/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\">\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/span>\r\n      <h2><span class=\"cb-gradient-text\">\u9280\u884c\u5411\u3051<\/span><br>\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30fc<\/h2>\r\n      <p>\u304a\u5ba2\u69d8\u306e\u8cc7\u91d1\u3068\u30c7\u30fc\u30bf\u306f\u3001\u4e3b\u8981\u91d1\u878d\u6a5f\u95a2\u304c\u63a1\u7528\u3057\u3066\u3044\u308b\u3082\u306e\u3068\u540c\u3058\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\uff08\u8ecd\u4e8b\u30ec\u30d9\u30eb\u306e\u6697\u53f7\u5316\u3001\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u306b\u3088\u308b\u9375\u4fdd\u7ba1\u300124\u6642\u9593\u4f53\u5236\u306e\u76e3\u8996\uff09\u306b\u3088\u3063\u3066\u4fdd\u8b77\u3055\u308c\u3066\u3044\u307e\u3059\u3002.<\/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\">\u8ecd\u4e8b\u30ec\u30d9\u30eb\u306e\u6697\u53f7\u5316<\/div>\r\n          <div class=\"cb-tech-detail\">\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u30c7\u30fc\u30bf\u3068\u8ee2\u9001\u4e2d\u306e\u30c7\u30fc\u30bf\u306b\u306f\u3001256\u30d3\u30c3\u30c8\u306e\u9ad8\u5ea6\u6697\u53f7\u5316\u6a19\u6e96\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002.<\/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\">\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u30ad\u30fc\u30b9\u30c8\u30ec\u30fc\u30b8<\/div>\r\n          <div class=\"cb-tech-detail\">\u6697\u53f7\u9375\u306f\u3001\u6539\u3056\u3093\u9632\u6b62\u6a5f\u80fd\u3092\u5099\u3048\u305f\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u3067\u306e\u307f\u751f\u6210\u304a\u3088\u3073\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002.<\/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            2\u6bb5\u968e\u8a8d\u8a3c\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\u3059\u3079\u3066\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u5fc5\u9808<\/div>\r\n          <div class=\"cb-tech-detail\">\u30ed\u30b0\u30a4\u30f3\u304a\u3088\u3073\u51fa\u91d1\u6642\u306b\u306f\u3001\u4f8b\u5916\u306a\u304f\u4e8c\u6bb5\u968e\u8a8d\u8a3c\u304c\u5fc5\u8981\u3067\u3059\u3002.<\/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            \u30de\u30eb\u30c1\u30b7\u30b0\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\u8907\u6570\u7f72\u540d\u8a8d\u8a3c<\/div>\r\n          <div class=\"cb-tech-detail\">\u6a5f\u5bc6\u6027\u306e\u9ad8\u3044\u696d\u52d9\u306f\u3001\u5b9f\u884c\u524d\u306b\u8907\u6570\u306e\u72ec\u7acb\u3057\u305f\u627f\u8a8d\u3092\u5fc5\u8981\u3068\u3059\u308b\u3002.<\/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            DDoS\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">\u591a\u5c64\u4fdd\u8b77<\/div>\r\n          <div class=\"cb-tech-detail\">\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30a8\u30c3\u30b8\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306f\u3001\u30dc\u30ea\u30e5\u30fc\u30e0\u578b\u653b\u6483\u304a\u3088\u3073\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5c64\u653b\u6483\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u30d6\u30ed\u30c3\u30af\u3057\u307e\u3059\u3002.<\/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\u3092\u3042\u3089\u3086\u308b\u5834\u6240\u3067\u4f7f\u7528<\/div>\r\n          <div class=\"cb-tech-detail\">\u3059\u3079\u3066\u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u30a8\u30f3\u30c9\u30c4\u30fc\u30a8\u30f3\u30c9\u6697\u53f7\u5316\u63a5\u7d9a\u304c\u5f37\u5236\u3055\u308c\u3001\u5e73\u6587\u306e\u901a\u4fe1\u306f\u4e00\u5207\u8a31\u53ef\u3055\u308c\u307e\u305b\u3093\u3002.<\/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\">\u7d99\u7d9a\u7684\u306b\u76e3\u67fb\u304a\u3088\u3073\u76e3\u8996\u3055\u308c\u3066\u3044\u308b<\/h3>\r\n          <p class=\"cb-checklist-subtitle\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306f\u4e00\u5ea6\u30ea\u30ea\u30fc\u30b9\u3059\u308c\u3070\u7d42\u308f\u308a\u306e\u6a5f\u80fd\u3067\u306f\u306a\u304f\u3001\u30b9\u30bf\u30c3\u30af\u306e\u3042\u3089\u3086\u308b\u30ec\u30a4\u30e4\u30fc\u306b\u304a\u3044\u3066\u65e5\u3005\u5b9f\u8df5\u3059\u308b\u898f\u5f8b\u3067\u3059\u3002.<\/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\">\u72ec\u7acb\u6a5f\u95a2\u306b\u3088\u308b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u76e3\u67fb\u306b\u5408\u683c\u3057\u307e\u3057\u305f\u3002<\/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\">SSL\/TLS\u6697\u53f7\u5316\u3092\u3042\u3089\u3086\u308b\u5834\u6240\u3067\u4f7f\u7528<\/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\">\u591a\u5c64DDoS\u9632\u5fa1<\/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\u6642\u9593365\u65e5\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u904b\u7528\u76e3\u8996<\/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\">\u30d0\u30b0\u5831\u5968\u91d1\u30d7\u30ed\u30b0\u30e9\u30e0\u5b9f\u65bd\u4e2d<\/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\">\u7d99\u7d9a\u7684\u306a\u4fb5\u5165\u30c6\u30b9\u30c8<\/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\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u7a3c\u50cd\u6642\u9593<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">200ms\u672a\u6e80<\/div>\r\n        <div class=\"cb-stat-label\">\u5e73\u5747\u5fdc\u7b54\u6642\u9593<\/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\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">256\u30d3\u30c3\u30c8<\/div>\r\n        <div class=\"cb-stat-label\">\u6697\u53f7\u5316\u898f\u683c<\/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\">\u5e02\u5834\u6a5f\u4f1a<\/span>\r\n      <h2><span class=\"cb-gradient-text\">\u5927\u898f\u6a21<\/span> \u305d\u3057\u3066<br>\u6210\u9577\u5e02\u5834<\/h2>\r\n      <p>\u4eee\u60f3\u901a\u8ca8\u53d6\u5f15\u306f\u3082\u306f\u3084\u30cb\u30c3\u30c1\u306a\u5206\u91ce\u3067\u306f\u306a\u304f\u3001\u6570\u5146\u30c9\u30eb\u898f\u6a21\u306e\u53d6\u5f15\u91cf\u3001\u6570\u5104\u4eba\u306e\u30e6\u30fc\u30b6\u30fc\u3001\u305d\u3057\u3066\u6a5f\u95a2\u6295\u8cc7\u5bb6\u306e\u8cc7\u91d1\u6d41\u5165\u3092\u4f34\u3046\u3001\u4e16\u754c\u7684\u306a\u91d1\u878d\u30a4\u30f3\u30d5\u30e9\u3068\u306a\u3063\u3066\u3044\u308b\u3002.<\/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            \u524d\u5e74\u6bd4+112%\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\">\u6697\u53f7\u8cc7\u7523\u5e02\u5834\u5168\u4f53\u306e\u6642\u4fa1\u7dcf\u984d<\/div>\r\n        <div class=\"cb-market-desc\">2026\u5e74\u306b\u304a\u3051\u308b\u3059\u3079\u3066\u306e\u6697\u53f7\u8cc7\u7523\u306e\u5408\u8a08\u6642\u4fa1\u7dcf\u984d\u306f\u3001\u308f\u305a\u304b2\u5e74\u524d\u306e1\u51464000\u5104\u30c9\u30eb\u304b\u30891\u51465000\u5104\u30c9\u30eb\u306b\u5897\u52a0\u3059\u308b\u898b\u8fbc\u307f\u3002.<\/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\">\u51fa\u5178\uff1aCoinGecko \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            \u5236\u5ea6\u7684\u6025\u5897\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">$200B+<\/div>\r\n        <div class=\"cb-market-label\">\u6697\u53f7\u8cc7\u7523ETF\u306e\u904b\u7528\u8cc7\u7523\u7dcf\u984d<\/div>\r\n        <div class=\"cb-market-desc\">\u6a5f\u95a2\u6295\u8cc7\u5bb6\u306e\u8cc7\u91d1\u304c\u672c\u683c\u7684\u306b\u6d41\u5165\u3057\u305f\u3002\u73fe\u7269\u30d3\u30c3\u30c8\u30b3\u30a4\u30f3\u3068\u30a4\u30fc\u30b5\u30ea\u30a2\u30e0\u306eETF\u306e\u904b\u7528\u8cc7\u7523\u7dcf\u984d\u306f\u73fe\u57281\u51464,000\u5104\u30c9\u30eb\u3092\u8d85\u3048\u3066\u3044\u308b\u3002.<\/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\">\u51fa\u5178\uff1a\u30d6\u30eb\u30fc\u30e0\u30d0\u30fc\u30b0ETF\u30c8\u30e9\u30c3\u30ab\u30fc<\/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            \u524d\u5e74\u6bd4+20%\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">5\u5104\u4ee5\u4e0a<\/div>\r\n        <div class=\"cb-market-label\">\u4e16\u754c\u306e\u6697\u53f7\u901a\u8ca8\u30e6\u30fc\u30b6\u30fc<\/div>\r\n        <div class=\"cb-market-desc\">\u4e16\u754c\u4e2d\u30675\u5104\u4eba\u4ee5\u4e0a\u304c\u4eee\u60f3\u901a\u8ca8\u3092\u4fdd\u6709\u307e\u305f\u306f\u53d6\u5f15\u3057\u3066\u304a\u308a\u3001\u305d\u306e\u6570\u306f\u524d\u5e74\u6bd420%\u5897\u52a0\u3057\u3001\u52a0\u901f\u3057\u3066\u3044\u308b\u3002.<\/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\">\u51fa\u5178\uff1aCrypto.com\u30e6\u30fc\u30b6\u30fc\u30ec\u30dd\u30fc\u30c82026<\/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            \u6700\u3082\u6025\u901f\u306b\u6210\u9577\u3057\u3066\u3044\u308b\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0<\/div>\r\n        <div class=\"cb-market-label\">\u6700\u3082\u6210\u9577\u8457\u3057\u3044\u30bb\u30b0\u30e1\u30f3\u30c8<\/div>\r\n        <div class=\"cb-market-desc\">\u6697\u53f7\u8cc7\u7523\u30d5\u30a3\u30f3\u30c6\u30c3\u30af\u5206\u91ce\u306b\u304a\u3044\u3066\u3001\u30bd\u30fc\u30b7\u30e3\u30eb\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3068\u30b3\u30d4\u30fc\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u4ed6\u306e\u3069\u306e\u30ab\u30c6\u30b4\u30ea\u30fc\u3088\u308a\u3082\u6025\u901f\u306b\u6210\u9577\u3057\u3066\u304a\u308a\u30012028\u5e74\u307e\u3067\u306b3\u500d\u306b\u306a\u308b\u3068\u4e88\u6e2c\u3055\u308c\u3066\u3044\u308b\u3002.<\/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\">\u51fa\u5178\uff1aMessari Crypto Theses 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\u5e74\u9593\u306e\u98db\u8e8d\u7684\u306a\u6210\u9577<\/div>\r\n        <div class=\"cb-timeline-subtitle\">\u4e16\u754c\u306e\u4eee\u60f3\u901a\u8ca8\u30e6\u30fc\u30b6\u30fc\u666e\u53ca\u7387\uff08\u767e\u4e07\u5358\u4f4d\uff09<\/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\u30e1\u30fc\u30c8\u30eb<\/div>\r\n          <div class=\"cb-tl-label\">\u521d\u671f\u5c0e\u5165\u6bb5\u968e<\/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\u30e1\u30fc\u30c8\u30eb<\/div>\r\n          <div class=\"cb-tl-label\">\u4e3b\u6d41\u306e\u8a8d\u77e5<\/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\u5104\u4ee5\u4e0a<\/div>\r\n          <div class=\"cb-tl-label\">\u7d44\u7e54\u7684\u306a\u63a1\u7528<\/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\">\u4e88\u6e2c\u3055\u308c\u308b\u7bc0\u76ee<\/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\">\u7d39\u4ecb\u30d7\u30ed\u30b0\u30e9\u30e0<\/span>\r\n      <h2>\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u6d3b\u7528\u3057\u3066\u53ce\u76ca\u3092\u4e0a\u3052\u308b<br><span class=\"cb-gradient-text\">5\u968e\u5c64\u306e\u6df1\u3055<\/span><\/h2>\r\n      <p>\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u69cb\u7bc9\u3057\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u5171\u6709\u3057\u30015\u6bb5\u968e\u306e\u7d39\u4ecb\u30ec\u30d9\u30eb\u306b\u308f\u305f\u308b\u6d3b\u52d5\u306b\u5fdc\u3058\u3066\u30b3\u30df\u30c3\u30b7\u30e7\u30f3\u3092\u7372\u5f97\u3057\u307e\u3057\u3087\u3046\u3002USDT\u3067\u5373\u6642\u652f\u6255\u3044\u3001\u6700\u4f4e\u91d1\u984d\u306a\u3057\u3001\u5f85\u6a5f\u671f\u9593\u306a\u3057\u3002.<\/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\">\u76f4\u63a5\u6599\u91d1\uff08L1\uff09<\/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\">\u6700\u5927\u5408\u8a08<\/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\">\u968e\u5c64\u306e\u5965\u6df1\u304f<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30c8<\/div>\r\n        <div class=\"cb-stat-label\">\u652f\u6255\u3044<\/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\">\u30ec\u30d9\u30eb\u3054\u3068\u306e\u624b\u6570\u6599<\/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\">\u30ec\u30d9\u30eb1<\/div>\r\n              <div class=\"cb-level-desc\">\u76f4\u63a5\u7d39\u4ecb<\/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\">\u30ec\u30d9\u30eb2<\/div>\r\n              <div class=\"cb-level-desc\">\u30bb\u30ab\u30f3\u30c9\u30c6\u30a3\u30a2\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/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\">\u30ec\u30d9\u30eb3<\/div>\r\n              <div class=\"cb-level-desc\">\u7b2c\u4e09\u5c64\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/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\">\u30ec\u30d9\u30eb4<\/div>\r\n              <div class=\"cb-level-desc\">\u7b2c4\u5c64\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/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\">\u30ec\u30d9\u30eb5<\/div>\r\n              <div class=\"cb-level-desc\">\u7b2c5\u5c64\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/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\">\u5373\u6642\u652f\u6255\u3044<\/h4>\r\n          <p class=\"cb-feature-desc\">\u7d39\u4ecb\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u304c\u53d6\u5f15\u30dc\u30c3\u30c8\u3092\u8d77\u52d5\u3057\u305f\u77ac\u9593\u306b\u3001\u624b\u6570\u6599\u304cUSDT\u6b8b\u9ad8\u306b\u52a0\u7b97\u3055\u308c\u307e\u3059\u3002\u9045\u5ef6\u3084\u6700\u4f4e\u5229\u7528\u984d\u306e\u5236\u9650\u306f\u3042\u308a\u307e\u305b\u3093\u3002.<\/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\">\u4fdd\u8a3c\u91d1\u4e0d\u8981<\/h4>\r\n          <p class=\"cb-feature-desc\">\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u5831\u916c\u3092\u7372\u5f97\u3059\u308b\u305f\u3081\u306b\u3001\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u5165\u91d1\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u72ec\u81ea\u306e\u30ea\u30f3\u30af\u3092\u5171\u6709\u3059\u308b\u3060\u3051\u3067\u3001\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u69cb\u7bc9\u3092\u59cb\u3081\u307e\u3057\u3087\u3046\u3002\u3059\u3079\u3066\u7121\u6599\u3067\u3059\u3002.<\/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\">\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30dc\u30ea\u30e5\u30fc\u30e0\u306e\u91cd\u307f\u4ed8\u3051<\/h3>\r\n        <p class=\"cb-impact-subtitle\">\u5404\u30ec\u30d9\u30eb\u306f\u3001\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u5168\u4f53\u306e\u30dc\u30ea\u30e5\u30fc\u30e0\u306b\u7570\u306a\u308b\u5f62\u3067\u8ca2\u732e\u3057\u307e\u3059\u3002\u7d39\u4ecb\u8005\u3068\u306e\u8ddd\u96e2\u304c\u8fd1\u3044\u307b\u3069\u3001\u58f2\u4e0a\u30dc\u30fc\u30ca\u30b9\u30c6\u30a3\u30a2\u3078\u306e\u8ca2\u732e\u5ea6\u304c\u9ad8\u304f\u306a\u308a\u307e\u3059\u3002.<\/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\">\u30ec\u30d9\u30eb1<\/div>\r\n          <div class=\"cb-impact-percent\">100%<\/div>\r\n          <div class=\"cb-impact-label\">\u91cd\u3055<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\u30ec\u30d9\u30eb2<\/div>\r\n          <div class=\"cb-impact-percent\">50%<\/div>\r\n          <div class=\"cb-impact-label\">\u91cd\u3055<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\u30ec\u30d9\u30eb3<\/div>\r\n          <div class=\"cb-impact-percent\">25%<\/div>\r\n          <div class=\"cb-impact-label\">\u91cd\u3055<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\u30ec\u30d9\u30eb4<\/div>\r\n          <div class=\"cb-impact-percent\">10%<\/div>\r\n          <div class=\"cb-impact-label\">\u91cd\u3055<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">\u30ec\u30d9\u30eb5<\/div>\r\n          <div class=\"cb-impact-percent\">10%<\/div>\r\n          <div class=\"cb-impact-label\">\u91cd\u3055<\/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;\">\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30dc\u30ea\u30e5\u30fc\u30e0<\/strong> = \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u5168\u4f53\u3067\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30dc\u30c3\u30c8\u306e\u6d3b\u52d5\u306e\u5408\u8a08\u3067\u3001\u30ec\u30d9\u30eb\u306e\u8fd1\u63a5\u5ea6\u3067\u91cd\u307f\u4ed8\u3051\u3055\u308c\u3066\u3044\u307e\u3059\u3002.<\/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;\">\u8ca9\u58f2\u91cf\u306e\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u9054\u6210<\/strong> USDT\u306e\u53d6\u5f15\u9ad8\u30dc\u30fc\u30ca\u30b9\u3092\u89e3\u9664\u3059\u308b\u306b\u306f\uff08\u4e0b\u8a18\u306e\u30c6\u30a3\u30a2\u3092\u53c2\u7167\uff09\u3002.<\/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\">\u58f2\u4e0a\u30dc\u30fc\u30ca\u30b9<\/div>\r\n            <div class=\"cb-bonus-subtitle\">\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u53d6\u5f15\u91cf\u304c\u5897\u3048\u308b\u306b\u3064\u308c\u3066\u3001USDT\u5831\u916c\u3092\u7372\u5f97\u3067\u304d\u307e\u3059\u3002<\/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\">\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30dc\u30ea\u30e5\u30fc\u30e0<\/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\">\u7372\u5f97\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a21<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a22<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a23<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a24<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a25<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a26<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a27<\/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\u30dc\u30fc\u30ca\u30b9<\/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\">\u30c6\u30a3\u30a28<\/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\u30dc\u30fc\u30ca\u30b9<\/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>\u7d39\u4ecb\u624b\u6570\u6599\u306f\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u624b\u6570\u6599\u304b\u3089\u652f\u6255\u308f\u308c\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u9810\u91d1\u3084\u5143\u672c\u304b\u3089\u306f\u652f\u6255\u308f\u308c\u307e\u305b\u3093\u3002\u30dc\u30fc\u30ca\u30b9\u306f\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u898f\u7d04\u3001\u4e0d\u6b63\u9632\u6b62\u691c\u8a3c\u3001\u304a\u3088\u3073\u304a\u5ba2\u69d8\u306e\u7ba1\u8f44\u533a\u57df\u306b\u304a\u3051\u308b\u9069\u7528\u6cd5\u4ee4\u306e\u5bfe\u8c61\u3068\u306a\u308a\u307e\u3059\u3002Cloudbright\u306f\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u898f\u7d04\u3092\u5909\u66f4\u3059\u308b\u6a29\u5229\u3092\u7559\u4fdd\u3057\u307e\u3059\u3002.<\/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\">\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u30c1\u30fc\u30e0<\/span>\r\n      <h2>40\u540d\u4ee5\u4e0a\u306e\u5c02\u9580\u5bb6\u3001,<br><span class=\"cb-gradient-text\">\u4e00\u3064\u306e\u4f7f\u547d<\/span><\/h2>\r\n      <p>\u6a5f\u95a2\u6295\u8cc7\u5bb6\u5411\u3051\u91d1\u878d\u3001\u9ad8\u983b\u5ea6\u53d6\u5f15\u3001\u30b5\u30a4\u30d0\u30fc\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u5206\u91ce\u3067\u7d4c\u9a13\u3092\u7a4d\u3093\u3060\u30d9\u30c6\u30e9\u30f3\u30c1\u30fc\u30e0\u304c\u3001\u30d7\u30ed\u306e\u53d6\u5f15\u6226\u7565\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u6c11\u4e3b\u5316\u3059\u308b\u3068\u3044\u3046\u4e00\u3064\u306e\u76ee\u6a19\u306e\u3082\u3068\u306b\u7d50\u96c6\u3057\u305f\u3002.<\/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>\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc<\/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>\u56fd\u3005<\/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>\u5408\u8a08\u7d4c\u9a13\u5e74\u6570<\/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          \u5171\u540c\u5275\u696d\u8005\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\">AY<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\u30e4\u30f3\u30fb\u30a2\u30f3\u30e6\u30f3<\/h3>\r\n        <div class=\"cb-team-role\">CEO\u517c\u5171\u540c\u5275\u696d\u8005<\/div>\r\n        <p class=\"cb-team-bio\">\u6a5f\u95a2\u6295\u8cc7\u5bb6\u5411\u3051\u91d1\u878d\u696d\u754c\u306715\u5e74\u306e\u7d4c\u9a13\u3092\u6301\u3061\u3001\u4ee5\u524d\u306f\u30b4\u30fc\u30eb\u30c9\u30de\u30f3\u30fb\u30b5\u30c3\u30af\u30b9\u3068HSBC\u30c7\u30b8\u30bf\u30eb\u30a2\u30bb\u30c3\u30c8\u306b\u52e4\u52d9\u3002\u6226\u7565\u3001\u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u69cb\u60f3\u3092\u63a8\u9032\u3002.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\u30b4\u30fc\u30eb\u30c9\u30de\u30f3\u30fb\u30b5\u30c3\u30af\u30b9<\/span>\r\n          <span class=\"cb-team-tag\">HSBC<\/span>\r\n          <span class=\"cb-team-tag\">\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\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\uff08\u30c4\u30a4\u30c3\u30bf\u30fc\uff09\">\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          \u5171\u540c\u5275\u696d\u8005\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\">\u8463\u611b\u56fd<\/h3>\r\n        <div class=\"cb-team-role\">\u6700\u9ad8\u6280\u8853\u8cac\u4efb\u8005\u517c\u5171\u540c\u5275\u696d\u8005<\/div>\r\n        <p class=\"cb-team-bio\">\u9ad8\u983b\u5ea6\u53d6\u5f15\u30b7\u30b9\u30c6\u30e0\u3068\u6a5f\u68b0\u5b66\u7fd2\u306e\u5c02\u9580\u5bb6\u3002\u30dc\u30c3\u30c8\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u3092\u62c5\u5f53\u3059\u308b\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30c1\u30fc\u30e0\u3068AI\u30c1\u30fc\u30e0\u3092\u7387\u3044\u308b\u3002.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">HFT\u30b7\u30b9\u30c6\u30e0<\/span>\r\n          <span class=\"cb-team-tag\">\u6a5f\u68b0\u5b66\u7fd2<\/span>\r\n          <span class=\"cb-team-tag\">AI<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\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=\"GitHub\">\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          \u5171\u540c\u5275\u696d\u8005\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\">JC<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\u30b8\u30a7\u30fc\u30e0\u30ba\u30fb\u30c1\u30a7\u30f3<\/h3>\r\n        <div class=\"cb-team-role\">\u6700\u9ad8\u57f7\u884c\u8cac\u4efb\u8005\u517c\u5171\u540c\u5275\u696d\u8005<\/div>\r\n        <p class=\"cb-team-bio\">\u904b\u7528\u304a\u3088\u3073\u6226\u7565\u306e\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8\u3002\u53d6\u5f15\u6240\u3068\u306e\u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7\u3001\u30dc\u30c3\u30c8\u5c0e\u5165\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u3001\u304a\u3088\u3073\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u65e5\u5e38\u7684\u306a\u904b\u7528\u3092\u7d71\u62ec\u3059\u308b\u3002.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\u696d\u52d9<\/span>\r\n          <span class=\"cb-team-tag\">\u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7<\/span>\r\n          <span class=\"cb-team-tag\">\u6226\u7565<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\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\uff08\u30c4\u30a4\u30c3\u30bf\u30fc\uff09\">\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\">\u30b5\u30de\u30eb\u30c8\u30fb\u30e9\u30e1\u30b7\u30e5<\/h3>\r\n        <div class=\"cb-team-role\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8cac\u4efb\u8005<\/div>\r\n        <p class=\"cb-team-bio\">\u30b5\u30a4\u30d0\u30fc\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304a\u3088\u3073\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u306e\u5c02\u9580\u5bb6\u3002AES-256\u6697\u53f7\u5316\u3001HSM\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u3001\u304a\u3088\u3073\u5916\u90e8\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u76e3\u67fb\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u7d71\u62ec\u3002.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\u30b5\u30a4\u30d0\u30fc\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/span>\r\n          <span class=\"cb-team-tag\">\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9<\/span>\r\n          <span class=\"cb-team-tag\">\u76e3\u67fb\u76e3\u7763<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\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=\"GitHub\">\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\">\u3059\u308b<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">\u30c7\u30d3\u30c3\u30c9\u30fb\u30aa\u30ab\u30d5\u30a9\u30fc<\/h3>\r\n        <div class=\"cb-team-role\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u8cac\u4efb\u8005<\/div>\r\n        <p class=\"cb-team-bio\">\u4e16\u754c\u4e2d\u306e\u6295\u8cc7\u5bb6\u3092\u3064\u306a\u304e\u300124\u6642\u9593365\u65e5\u306e\u30e6\u30fc\u30b6\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3068\u30b0\u30ed\u30fc\u30d0\u30eb\u306a\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3068\u306e\u67b6\u3051\u6a4b\u3092\u7bc9\u304d\u307e\u3059\u3002.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3<\/span>\r\n          <span class=\"cb-team-tag\">\u30b5\u30dd\u30fc\u30c8<\/span>\r\n          <span class=\"cb-team-tag\">\u30b0\u30ed\u30fc\u30d0\u30eb\u30a2\u30a6\u30c8\u30ea\u30fc\u30c1<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\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\uff08\u30c4\u30a4\u30c3\u30bf\u30fc\uff09\">\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\">\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/span>\r\n      <h2>\u5efa\u8a2d<br><span class=\"cb-gradient-text\">\u9577\u671f<\/span><\/h2>\r\n      <p>\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u7acb\u3061\u4e0a\u3052\u304b\u3089\u3001DeFi\u306e\u5b8c\u5168\u7d71\u5408\u3001\u305d\u3057\u3066\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ac\u30d0\u30ca\u30f3\u30b9\u306b\u81f3\u308b\u307e\u3067\u2015\u2015\u73fe\u72b6\u3001\u4eca\u5f8c\u306e\u5c55\u671b\u3001\u305d\u3057\u3066\u3053\u308c\u307e\u3067\u306e\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002.<\/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\u5e74\u7b2c1\u56db\u534a\u671f<\/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              \u5b8c\u4e86\r\n            <\/div>\r\n            <h3 class=\"cb-milestone-title\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u30ed\u30fc\u30f3\u30c1<\/h3>\r\n            <p class=\"cb-milestone-desc\">9\u3064\u4ee5\u4e0a\u306e\u53d6\u5f15\u6240\u3067\u691c\u8a3c\u6e08\u307f\u306e\u30dc\u30c3\u30c8\u3092\u642d\u8f09\u3057\u305f\u4e00\u822c\u516c\u958b\u7248\u3002\u30bd\u30fc\u30b7\u30e3\u30eb\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u6a5f\u80fd\u3068\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3082\u5b8c\u5099\u3002.<\/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\u5e74\u7b2c2\u56db\u534a\u671f<\/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              \u9032\u884c\u4e2d\r\n            <\/div>\r\n            <h3 class=\"cb-milestone-title\">\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea<\/h3>\r\n            <p class=\"cb-milestone-desc\">\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u3001\u751f\u4f53\u8a8d\u8a3c\u30ed\u30b0\u30a4\u30f3\u3001\u5916\u51fa\u5148\u3067\u3082\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u306b\u30d5\u30eb\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u30cd\u30a4\u30c6\u30a3\u30d6iOS\u304a\u3088\u3073Android\u30a2\u30d7\u30ea\u3002.<\/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\u5e74\u7b2c3\u56db\u534a\u671f<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">\u8a08\u753b<\/div>\r\n            <h3 class=\"cb-milestone-title\">AI\u6226\u7565\u69cb\u7bc9\u30c4\u30fc\u30eb<\/h3>\r\n            <p class=\"cb-milestone-desc\">\u5e73\u6613\u306a\u82f1\u8a9e\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u4f7f\u3063\u3066\u3001\u72ec\u81ea\u306e\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30dc\u30c3\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3082\u3001\u5b9a\u91cf\u5206\u6790\u306e\u77e5\u8b58\u3082\u4e0d\u8981\u3067\u3059\u3002\u6226\u7565\u3092\u8aac\u660e\u3059\u308b\u3060\u3051\u3067\u3001\u3059\u3050\u306b\u30c7\u30d7\u30ed\u30a4\u3067\u304d\u307e\u3059\u3002.<\/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\u5e74\u7b2c4\u56db\u534a\u671f<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">\u8a08\u753b<\/div>\r\n            <h3 class=\"cb-milestone-title\">\u9999\u6e2f\u30b5\u30df\u30c3\u30c8<\/h3>\r\n            <p class=\"cb-milestone-desc\">\u9999\u6e2f\u3067\u958b\u50ac\u3055\u308c\u308b\u7b2c1\u56de\u30af\u30e9\u30a6\u30c9\u30d6\u30e9\u30a4\u30c8\u5e74\u6b21\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b9 \u2015 \u6226\u7565\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u3001\u6a5f\u95a2\u30d1\u30fc\u30c8\u30ca\u30fc\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30e1\u30f3\u30d0\u30fc\u3092\u3064\u306a\u3050\u30a4\u30d9\u30f3\u30c8\u3002.<\/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\">\u672a\u6765<\/div>\r\n            <h3 class=\"cb-milestone-title\">DEX &amp; DAO<\/h3>\r\n            <p class=\"cb-milestone-desc\">DeFi\u30d7\u30ed\u30c8\u30b3\u30eb\u306e\u5b8c\u5168\u7d71\u5408\u3068\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ac\u30d0\u30ca\u30f3\u30b9\u3078\u306e\u79fb\u884c\u3002\u30c8\u30fc\u30af\u30f3\u4fdd\u6709\u8005\u304c\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u672a\u6765\u3092\u5f62\u4f5c\u308a\u307e\u3059\u3002.<\/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\u4eba\u4ee5\u4e0a\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u30e6\u30fc\u30b6\u30fc\u306b\u52a0\u308f\u308d\u3046\r\n    <\/span>\r\n\r\n    <!-- HEADLINE -->\r\n    <h2 class=\"cb-cta-headline\">\u53c2\u52a0\u3059\u308b <span class=\"cb-gradient-text\">\u79c1\u305f\u3061<\/span><\/h2>\r\n\r\n    <!-- TAGLINE -->\r\n    <p class=\"cb-cta-tagline\">\u6700\u9ad8\u306e\u30dc\u30c3\u30c8\u3092\u30b3\u30d4\u30fc\u3057\u3066\u3001\u5229\u76ca\u3092\u4eab\u53d7\u3057\u3088\u3046\u3002.<\/p>\r\n\r\n    <!-- SUBTITLE -->\r\n    <p class=\"cb-cta-subtitle\">\u308f\u305a\u304b2\u5206\u4ee5\u5185\u306b\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u305f\u3063\u305f$50\u304b\u3089\u3001\u691c\u8a3c\u6e08\u307f\u306e\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30dc\u30c3\u30c8\u306e\u30b3\u30d4\u30fc\u3092\u958b\u59cb\u3067\u304d\u307e\u3059\u3002\u5c02\u9580\u7684\u306a\u30b9\u30ad\u30eb\u306f\u4e0d\u8981\u3001\u5951\u7d04\u7fa9\u52d9\u3082\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u3082\u3042\u308a\u307e\u305b\u3093\u3002.<\/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        \u3055\u3042\u59cb\u3081\u307e\u3057\u3087\u3046\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        \u30dc\u30c3\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u3092\u63a2\u7d22\u3059\u308b\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> \u6700\u5c0f\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>\u30bc\u30ed<\/strong> \u8cfc\u8aad\u6599\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\u5206<\/strong> \u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\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\/ja\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\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\/ja\/\" \/>\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\u5206\" \/>\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\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cloudbright.cloud\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@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\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cloudbright | \u516c\u5f0f\u767b\u9332\u30ea\u30f3\u30af | 2026","description":"Cloudbright\u306b\u53c2\u52a0\u3057\u3066\u3001\u691c\u8a3c\u6e08\u307f\u306e\u6697\u53f7\u8cc7\u7523\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30dc\u30c3\u30c8\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u3087\u3046\u3002\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u900f\u660e\u6027\u3001\u4f4e\u3044\u53c2\u5165\u30b3\u30b9\u30c8\u3001\u81ea\u52d5\u53d6\u5f15\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","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\/ja\/","og_locale":"ja_JP","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\/ja\/","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\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cloudbright.cloud\/","url":"https:\/\/cloudbright.cloud\/","name":"Cloudbright | \u516c\u5f0f\u767b\u9332\u30ea\u30f3\u30af | 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\u306b\u53c2\u52a0\u3057\u3066\u3001\u691c\u8a3c\u6e08\u307f\u306e\u6697\u53f7\u8cc7\u7523\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30dc\u30c3\u30c8\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u3087\u3046\u3002\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u900f\u660e\u6027\u3001\u4f4e\u3044\u53c2\u5165\u30b3\u30b9\u30c8\u3001\u81ea\u52d5\u53d6\u5f15\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","breadcrumb":{"@id":"https:\/\/cloudbright.cloud\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudbright.cloud\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@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":"ja"}]}},"_links":{"self":[{"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":37,"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/pages\/28\/revisions\/93"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/media\/75"}],"wp:attachment":[{"href":"https:\/\/cloudbright.cloud\/ja\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}