.brand-dna-container{max-width:1200px;margin:0 auto;padding:48px 24px 80px}@media (min-width:768px){.brand-dna-container{padding:64px 40px 120px}}@media (min-width:1024px){.brand-dna-container{padding:80px 56px 140px}}.brand-dna-topbar{border-bottom:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);z-index:60;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}@media (min-width:768px){.brand-dna-topbar{gap:14px;padding:0 32px}}.brand-logo{color:var(--text-primary);letter-spacing:-.025em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.brand-logo-icon{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 8px #0cc0df66,inset 0 1px #fff3}.brand-logo-icon i{font-size:14px;color:var(--text-on-cyan)!important}.brand-crumb{color:var(--text-tertiary);font-size:13px;font-weight:600;display:none}@media (min-width:768px){.brand-crumb{display:block}}.brand-status-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--green-success);background:var(--green-alpha-8);border:1px solid var(--green-alpha-15);border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:10px;font-weight:800;display:flex}.brand-status-dot{background:var(--green-success);width:6px;height:6px;box-shadow:0 0 8px var(--green-success);border-radius:50%;animation:2.2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.section-label{align-items:center;gap:16px;margin-bottom:32px;display:flex}@media (min-width:768px){.section-label{margin-bottom:40px}}.section-label-badge{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:6px 16px 6px 12px;display:flex}.section-label-number{letter-spacing:.08em;color:var(--primary);font-family:monospace;font-size:13px;font-weight:900}.section-label-divider{background:var(--primary-border);width:1px;height:14px}.section-label-text{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:800}.section-label-line{background:var(--border);flex:1;height:1px;display:none}@media (min-width:768px){.section-label-line{display:block}}.hero-badge{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:24px;align-items:center;gap:9px;margin-bottom:24px;padding:6px 16px;display:inline-flex}@media (min-width:768px){.hero-badge{margin-bottom:36px}}.hero-badge-icon{color:var(--primary);font-size:12px}.hero-badge-text{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:10px;font-weight:900}.hero-title{letter-spacing:-.055em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(36px,8vw,56px);font-weight:900;line-height:1.05}@media (min-width:768px){.hero-title{max-width:90%;margin-bottom:28px}}.hero-subtitle{color:var(--text-tertiary);letter-spacing:-.01em;margin-bottom:48px;font-size:15px;font-weight:500;line-height:1.65}@media (min-width:768px){.hero-subtitle{max-width:75%;margin-bottom:64px;font-size:16px}}.hero-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.hero-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.hero-grid{grid-template-columns:repeat(3,1fr)}}.hero-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:24px;position:relative;overflow:hidden}@media (min-width:768px){.hero-card{padding:28px 26px}}.hero-card:before{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px;position:absolute;top:0;left:0;right:0}.hero-card-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);opacity:.7;margin-bottom:16px;font-size:9px;font-weight:800}.hero-card-content{align-items:center;gap:12px;display:flex}.hero-card-icon{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 20px #0cc0df26}.hero-card-icon i{color:var(--primary);font-size:18px}.hero-card-title{color:var(--text-primary);text-transform:capitalize;letter-spacing:-.02em;margin-bottom:4px;font-size:17px;font-weight:800}.hero-card-subtitle{color:var(--text-tertiary);font-size:12px;font-weight:600;line-height:1.4}.hero-card-list{flex-direction:column;gap:6px;display:flex}.hero-card-list-item{align-items:center;gap:10px;display:flex}.hero-card-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 6px #0cc0df99}.hero-card-list-text{color:var(--text-primary);text-transform:capitalize;letter-spacing:-.008em;font-size:14px;font-weight:700}.color-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (min-width:640px){.color-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}@media (min-width:1024px){.color-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.color-card{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);border-radius:16px;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.color-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(145deg,#ffffff14,#0000);border-radius:16px;padding:1px;transition:opacity .28s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.color-card:hover:before{opacity:1}.color-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 8px 16px #0006,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d}.color-swatch{height:140px;position:relative;overflow:hidden}@media (min-width:640px){.color-swatch{height:160px}}.color-swatch:before{content:"";background:linear-gradient(155deg,#ffffff38,#0000 60%);position:absolute;inset:0}.color-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);position:absolute;inset:0;transform:translate(-100%)}.color-card:hover .color-shimmer{animation:.6s shimmer}.color-info{padding:14px 16px 16px}.color-hex{color:var(--text-primary);letter-spacing:.05em;margin-bottom:3px;font-family:monospace;font-size:12px;font-weight:800}.color-name{color:var(--text-tertiary);text-transform:capitalize;font-size:11px;font-weight:600}.typography-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:20px;position:relative;overflow:hidden}.typography-blur-orb{background:radial-gradient(circle,var(--primary-soft),transparent 70%);filter:blur(50px);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.typography-content{z-index:1;padding:32px 28px 28px;position:relative}@media (min-width:768px){.typography-content{padding:40px 38px 32px}}.typography-title{letter-spacing:-.045em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.1}.typography-description{color:var(--text-secondary);font-size:15px;font-weight:500;line-height:1.85}@media (min-width:768px){.typography-description{max-width:82%;font-size:16px}}.typography-footer{border-top:1px solid var(--border);background:var(--bg-secondary);z-index:1;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 28px 22px;display:flex;position:relative}@media (min-width:768px){.typography-footer{padding:18px 38px 22px}}.typography-footer-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-right:6px;font-size:10px;font-weight:800}.typography-font-badge{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.typography-font-badge-primary{background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary)}.sr-section{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.sr-section.sr-visible{opacity:1;transform:translateY(0)}.sr-section:first-child{transition-delay:50ms}.sr-section:nth-child(2){transition-delay:.1s}.sr-section:nth-child(3){transition-delay:.15s}.sr-section:nth-child(4){transition-delay:.2s}.sr-section:nth-child(5){transition-delay:.25s}.sr-section:nth-child(6){transition-delay:.3s}.section-mb-sm{margin-bottom:64px}.section-mb-md{margin-bottom:80px}.section-mb-lg{margin-bottom:96px}@media (min-width:768px){.section-mb-sm{margin-bottom:72px}.section-mb-md{margin-bottom:88px}.section-mb-lg{margin-bottom:96px}}.subsection-mb{margin-bottom:48px}@media (min-width:768px){.subsection-mb{margin-bottom:56px}}.cta-section-gradient{background:linear-gradient(90deg,var(--cyan-primary),var(--cyan-soft),#3bb9dc,var(--green-success),var(--cyan-primary));background-size:300% 100%;height:4px;animation:8s linear infinite gradientFlow;position:absolute;top:0;left:0;right:0}@keyframes gradientFlow{0%,to{background-position:0%}50%{background-position:100%}}.sidebar-nav{background:var(--bg-card);border-right:1px solid var(--border);z-index:50;width:240px;height:calc(100vh - 60px);padding:24px 0;display:none;position:fixed;top:60px;left:0;overflow-y:auto}@media (min-width:1280px){.sidebar-nav{display:block}.brand-dna-container{margin-left:240px}}.sidebar-nav-content{padding:0 16px}.sidebar-nav-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);opacity:.7;margin-bottom:16px;padding:0 12px;font-size:10px;font-weight:800}.sidebar-nav-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-nav-item i{color:var(--text-tertiary);font-size:18px;transition:color .22s}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-item:hover i{color:var(--text-secondary)}.sidebar-nav-item-active{background:var(--primary-soft);color:var(--primary);font-weight:700}.sidebar-nav-item-active i{color:var(--primary)}.sidebar-nav-item-active:hover{background:var(--primary-soft)}