:root{--color-primary: #0044d7;--color-primary-light: #3366e6;--color-primary-dark: #0033a3;--color-primary-ghost: rgba(0, 68, 215, .08);--color-primary-glow: rgba(0, 68, 215, .15);--color-black: #000000;--color-white: #ffffff;--color-gray-50: #f8f9fc;--color-gray-100: #f0f2f7;--color-gray-200: #e2e5ed;--color-gray-300: #c8cdd8;--color-gray-400: #9aa1b3;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-bg-gradient: linear-gradient( 180deg, var(--color-white) 0%, #eef1fa 50%, #e8ecf8 100% );--color-cta-gradient: linear-gradient(135deg, #0044d7 0%, #1a5ce8 50%, #3a7bff 100%);--font-primary: "Montserrat", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-card: 0 2px 12px rgba(0, 68, 215, .06);--shadow-card-hover: 0 8px 30px rgba(0, 68, 215, .12);--color-warning: #f59e0b;--color-error: #ef4444;--font-logo: "Montserrat", system-ui, sans-serif;--container-max: 1320px;--container-padding: var(--space-lg)}@media(min-width:768px){:root{--container-padding: var(--space-2xl)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.landing-page{color:var(--color-gray-900);background:var(--color-white)}.brand-page{color:var(--color-gray-800);background:var(--color-gray-50)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;background:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.accent{color:var(--color-primary)}.section{padding:var(--space-3xl) 0}@media(min-width:768px){.section{padding:var(--space-5xl) 0}}.section-title{font-size:clamp(1.75rem,5vw,2.75rem);text-align:center;margin-bottom:var(--space-md)}.section-subtitle{text-align:center;color:var(--color-gray-500);font-size:clamp(.938rem,2.5vw,1.125rem);max-width:560px;margin:0 auto var(--space-2xl);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-primary);font-weight:600;font-size:.938rem;padding:.75rem 1.75rem;border-radius:var(--radius-full);transition:all .25s ease;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #0044d74d}.btn-outline{border:1.5px solid var(--color-gray-200);color:var(--color-gray-800);background:var(--color-white)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.app{min-height:100vh;background:var(--color-bg-gradient);overflow-x:hidden}.whatsapp-fab{position:fixed;bottom:1.25rem;right:1.25rem;width:56px;height:56px;border-radius:50%;background:#25d366;color:var(--color-white);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #25d36666;z-index:1000;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:fabFloat 3s ease-in-out infinite}.whatsapp-fab:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 10px 28px #25d36680;color:var(--color-white)}@keyframes fabFloat{0%,to{transform:translateY(0);box-shadow:0 4px 14px #25d36666}50%{transform:translateY(-8px);box-shadow:0 12px 24px #25d36659,0 0 0 6px #25d36614}}.navbar{position:fixed;top:12px;left:12px;right:12px;z-index:100;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 var(--space-xl)}@media(min-width:768px){.navbar{top:16px;left:50%;right:auto;transform:translate(-50%);width:calc(100% - 48px);max-width:var(--container-max)}.navbar-inner{height:92px;padding:0 var(--space-2xl)}}.navbar-logo img{height:42px;width:auto}.navbar-links{display:none;flex-direction:column;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-lg);gap:var(--space-xs);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014}.navbar-links--open{display:flex}.navbar-link{font-size:.875rem;font-weight:600;color:var(--color-gray-600);padding:var(--space-sm) 0;transition:color .2s ease;text-transform:uppercase;letter-spacing:.05em}.navbar-link:hover{color:var(--color-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.navbar-cta-desktop{display:none}.navbar-access-mobile{display:inline-flex;font-size:.813rem;padding:.5rem 1.125rem}.navbar-cta-mobile{margin-top:var(--space-sm)}.navbar-cta-mobile .btn{width:100%}.navbar-toggle{display:flex;flex-direction:column;gap:5px;padding:4px}.navbar-toggle span{display:block;width:22px;height:2px;background:var(--color-gray-800);border-radius:2px;transition:all .3s ease}.navbar-toggle--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle--open span:nth-child(2){opacity:0}.navbar-toggle--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(min-width:768px){.navbar-links{display:flex;flex-direction:row;position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:var(--space-xl);border:none;box-shadow:none}.navbar-cta-desktop{display:inline-flex}.navbar-access-mobile,.navbar-cta-mobile,.navbar-toggle{display:none}}.hero{padding-top:calc(60px + var(--space-4xl));text-align:center;overflow-x:clip}.hero-container{display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-ghost);border:1px solid rgba(0,68,215,.15);padding:.4rem 1rem;border-radius:var(--radius-full);margin-bottom:var(--space-lg);letter-spacing:.02em;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.hero--loaded .hero-badge{opacity:1;transform:translateY(0)}.hero-title{font-size:clamp(2rem,7vw,3.25rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-.02em;opacity:0;transform:translateY(24px);transition:opacity .7s ease .1s,transform .7s ease .1s;--shine-x: -20%;background:linear-gradient(90deg,var(--color-gray-900) 0%,var(--color-gray-900) calc(var(--shine-x) - 8%),var(--color-primary-light) var(--shine-x),var(--color-gray-900) calc(var(--shine-x) + 8%),var(--color-gray-900) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero--loaded .hero-title{opacity:1;transform:translateY(0)}.hero-accent{-webkit-text-fill-color:var(--color-primary)}.hero-description{color:var(--color-gray-500);font-size:clamp(.938rem,2.5vw,1.125rem);max-width:520px;margin-bottom:var(--space-xl);font-weight:400;opacity:0;transform:translateY(24px);transition:opacity .7s ease .2s,transform .7s ease .2s}.hero--loaded .hero-description{opacity:1;transform:translateY(0)}.hero-audience{color:var(--color-gray-400);font-size:.875rem;font-weight:500;margin-bottom:var(--space-md);opacity:0;transform:translateY(20px);transition:opacity .7s ease .25s,transform .7s ease .25s}.hero--loaded .hero-audience{opacity:1;transform:translateY(0)}.hero-proof{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl);opacity:0;transform:translateY(20px);transition:opacity .7s ease .3s,transform .7s ease .3s}.hero--loaded .hero-proof{opacity:1;transform:translateY(0)}.hero-proof-item{display:flex;align-items:center;gap:6px;font-size:.813rem;font-weight:600;color:var(--color-gray-600)}.hero-proof-item svg{color:var(--color-success);flex-shrink:0}.hero-actions{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:320px;margin-bottom:var(--space-3xl);opacity:0;transform:translateY(24px);transition:opacity .7s ease .35s,transform .7s ease .35s}.hero--loaded .hero-actions{opacity:1;transform:translateY(0)}.hero-actions .btn{width:100%}@media(min-width:480px){.hero-actions{flex-direction:row;max-width:none;width:auto}.hero-actions .btn{width:auto}}.hero-dashboard{position:relative;width:100%;max-width:960px;opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1) .5s,transform .9s cubic-bezier(.16,1,.3,1) .5s}.hero--loaded .hero-dashboard{opacity:1;transform:translateY(0)}.hero-dashboard-glow{position:absolute;inset:-80px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s ease}.hero-dashboard--active .hero-dashboard-glow{opacity:1}.hero-dashboard-window{position:relative;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-gray-100);overflow:hidden;transform:perspective(1000px) rotateX(2deg);transition:transform .15s ease,box-shadow .4s ease;will-change:transform}.hero-dashboard--active .hero-dashboard-window{box-shadow:0 20px 60px #0044d726,0 8px 24px #00000014,0 0 0 1px #0044d71a}.hero-dashboard-shine{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.5) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 55%,transparent 60%);opacity:0;transform:translate(-100%);transition:opacity .3s ease}.hero-dashboard--active .hero-dashboard-shine{opacity:1;animation:heroShine .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-dashboard-topbar{display:flex;align-items:center;gap:var(--space-md);padding:.75rem var(--space-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.hero-dashboard-dots{display:flex;gap:6px}.hero-dashboard-dots span{width:10px;height:10px;border-radius:50%;transition:transform .3s ease}.hero-dashboard--active .hero-dashboard-dots span{animation:dotPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.hero-dashboard--active .hero-dashboard-dots span:nth-child(1){animation-delay:.05s}.hero-dashboard--active .hero-dashboard-dots span:nth-child(2){animation-delay:.1s}.hero-dashboard--active .hero-dashboard-dots span:nth-child(3){animation-delay:.15s}@keyframes dotPop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.hero-dashboard-dots span:nth-child(1){background:#ff5f57}.hero-dashboard-dots span:nth-child(2){background:#febc2e}.hero-dashboard-dots span:nth-child(3){background:#28c840}.hero-dashboard-url{flex:1;text-align:center;font-size:.75rem;color:var(--color-gray-400);font-family:var(--font-mono)}.hero-dashboard-content{display:flex;min-height:340px}.hero-icon-rail{display:none;width:40px;flex-shrink:0;background:var(--color-gray-50);border-right:1px solid var(--color-gray-100);flex-direction:column;align-items:center;padding:var(--space-md) 0;gap:var(--space-md)}.hero-rail-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);border-radius:var(--radius-sm);transition:color .2s ease,background .2s ease}.hero-rail-icon--user{color:var(--color-gray-600)}.hero-dashboard--active .hero-rail-icon:hover{color:var(--color-primary);background:var(--color-primary-ghost)}.hero-dashboard-sidebar{display:none;width:170px;flex-shrink:0;border-right:1px solid var(--color-gray-100);padding:var(--space-md) var(--space-sm);overflow:hidden}.hero-dash-logo{display:flex;align-items:center;margin-bottom:var(--space-lg);padding:0 var(--space-xs)}.hero-dash-logo-img{height:34px;width:auto;padding-left:4px;transition:transform .3s ease,filter .3s ease}.hero-dashboard--active .hero-dash-logo-img{transform:scale(1.06);filter:drop-shadow(0 2px 6px rgba(0,68,215,.2))}.hero-dash-nav{display:flex;flex-direction:column;gap:1px}.hero-dash-nav-section{margin-bottom:2px}.hero-dash-nav-item{font-size:.7rem;padding:.3rem .4rem;border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:default;transition:background .2s ease,color .2s ease,transform .2s ease}.hero-dash-nav-item--parent{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--color-gray-700)}.hero-dash-nav-item--active,.hero-dash-nav-link--blue{color:var(--color-primary);font-weight:600}.hero-dash-chevron{margin-left:auto;color:var(--color-primary);transform:rotate(180deg)}.hero-dash-chevron--down{color:var(--color-gray-400);transform:rotate(0)}.hero-dash-subnav{padding-left:22px;margin-top:1px}.hero-dash-nav-sub{font-size:.65rem;padding:.2rem .4rem;color:var(--color-gray-500);cursor:default;transition:color .2s ease,transform .2s ease}.hero-dashboard--active .hero-dash-nav-sub:hover{color:var(--color-primary);transform:translate(2px)}.hero-dashboard-main{flex:1;padding:var(--space-md);overflow:hidden;text-align:left}.hero-dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.hero-dash-title{font-weight:700;font-size:1.1rem;color:var(--color-gray-900)}.hero-dash-date-picker{display:flex;align-items:center;gap:6px;font-size:.65rem;font-family:var(--font-mono);color:var(--color-gray-500);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:.3rem .6rem}.hero-dash-date-sep{color:var(--color-gray-300)}.hero-dash-tab-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.hero-dash-tab{font-size:.7rem;font-weight:500;color:var(--color-gray-700);padding-bottom:4px;border-bottom:2px solid transparent}.hero-dash-tab-actions{display:flex;gap:var(--space-md)}.hero-dash-tab-link{font-size:.65rem;color:var(--color-primary);font-weight:500;cursor:default}.hero-dash-widgets{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.hero-dash-widget{border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-md);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero-dashboard--active .hero-dash-widget:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0044d714;border-color:#0044d726}.hero-dash-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hero-dash-widget-title{font-size:.8rem;font-weight:700;color:var(--color-gray-900)}.hero-dash-widget-link{font-size:.6rem;color:var(--color-primary);font-weight:500;cursor:default}.hero-dash-widget-desc{font-size:.6rem;color:var(--color-gray-400);margin-bottom:var(--space-sm)}.hero-dash-widget-total{display:flex;align-items:baseline;justify-content:space-between;font-size:.65rem;color:var(--color-gray-500);margin-bottom:6px}.hero-dash-widget-amount{font-weight:700;font-family:var(--font-mono);color:var(--color-gray-800);font-size:.75rem}.hero-dash-progress{height:6px;background:var(--color-gray-100);border-radius:var(--radius-full);margin-bottom:var(--space-sm);overflow:hidden}.hero-dash-progress-bar{height:100%;border-radius:var(--radius-full);width:60%;transition:width .6s ease}.hero-dash-progress-bar--cobrar{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.hero-dash-progress-bar--pagar{background:linear-gradient(90deg,var(--color-primary),#6b9bff)}.hero-dashboard--active .hero-dash-progress-bar{animation:progressGrow .8s ease forwards}@keyframes progressGrow{0%{width:0}to{width:60%}}.hero-dash-widget-row{display:flex;gap:var(--space-lg)}.hero-dash-widget-col{display:flex;flex-direction:column;gap:1px}.hero-dash-widget-label{font-size:.6rem;color:var(--color-gray-400)}.hero-dash-widget-val{font-size:.7rem;font-weight:600;color:var(--color-gray-700);font-family:var(--font-mono)}.hero-dash-chart-section{border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-md);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero-dashboard--active .hero-dash-chart-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0044d714;border-color:#0044d726}.hero-dash-chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-sm)}.hero-dash-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-sm)}.hero-dash-legend-item{display:flex;align-items:center;gap:4px;font-size:.55rem;color:var(--color-gray-500)}.hero-dash-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.hero-dash-legend-dot--green{background:#34d399}.hero-dash-legend-dot--pink{background:#f87171}.hero-dash-legend-dot--green-dark{background:#10b981}.hero-dash-legend-dot--pink-dark{background:#ef4444}.hero-dash-chart{display:flex;gap:6px;height:90px}.hero-dash-chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.5rem;color:var(--color-gray-400);font-family:var(--font-mono);text-align:right;flex-shrink:0;padding-bottom:14px}.hero-dash-chart-area{flex:1;display:flex;flex-direction:column;position:relative}.hero-dash-chart-grid{flex:1;display:flex;flex-direction:column;justify-content:space-between}.hero-dash-chart-line{height:1px;background:var(--color-gray-100)}.hero-dash-chart-bars{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:space-around;align-items:flex-end;height:50px}.hero-dash-bar-group{display:flex;gap:2px;align-items:flex-end}.hero-dash-bar{width:6px;border-radius:2px 2px 0 0;transition:height .5s ease}.hero-dash-bar--green{background:#34d399}.hero-dash-bar--pink{background:#f87171}.hero-dashboard--active .hero-dash-bar{animation:barGrow .6s cubic-bezier(.16,1,.3,1) forwards}.hero-dashboard--active .hero-dash-bar-group:nth-child(1) .hero-dash-bar{animation-delay:.05s}.hero-dashboard--active .hero-dash-bar-group:nth-child(2) .hero-dash-bar{animation-delay:.1s}.hero-dashboard--active .hero-dash-bar-group:nth-child(3) .hero-dash-bar{animation-delay:.15s}.hero-dashboard--active .hero-dash-bar-group:nth-child(4) .hero-dash-bar{animation-delay:.2s}.hero-dashboard--active .hero-dash-bar-group:nth-child(5) .hero-dash-bar{animation-delay:.25s}.hero-dashboard--active .hero-dash-bar-group:nth-child(6) .hero-dash-bar{animation-delay:.3s}.hero-dashboard--active .hero-dash-bar-group:nth-child(7) .hero-dash-bar{animation-delay:.35s}.hero-dashboard--active .hero-dash-bar-group:nth-child(8) .hero-dash-bar{animation-delay:.4s}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.hero-dash-chart-x{display:flex;justify-content:space-around;font-size:.5rem;color:var(--color-gray-400);font-family:var(--font-mono);padding-top:4px}@media(min-width:480px){.hero-dash-widgets{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.hero{padding-top:calc(60px + var(--space-5xl))}.hero-icon-rail{display:flex}.hero-dashboard-sidebar{display:block}.hero-dashboard-content{min-height:420px}}.trust-label{display:block;text-align:center;font-size:.813rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.trust-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:880px;margin:0 auto var(--space-2xl)}.trust-flow-step{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.trust-flow-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#0044d726}.trust-flow-icon{width:56px;height:56px;border-radius:50%;background:var(--color-primary-ghost);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);transition:transform .3s ease,box-shadow .3s ease}.trust-flow-step:hover .trust-flow-icon{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-primary-glow)}.trust-flow-title{font-size:1rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-gray-900)}.trust-flow-desc{font-size:.813rem;color:var(--color-gray-500);line-height:1.5}.trust-indicators{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.trust-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:.813rem;color:var(--color-gray-600);background:var(--color-white);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--color-gray-200);transition:border-color .2s ease,color .2s ease}.trust-indicator:hover{border-color:var(--color-primary);color:var(--color-primary)}.trust-indicator svg{color:var(--color-success);flex-shrink:0}.trust-indicator:hover svg{color:var(--color-primary)}@media(min-width:768px){.trust-flow{grid-template-columns:repeat(4,1fr)}}@media(max-width:479px){.trust-flow-step{padding:var(--space-lg) var(--space-md)}.trust-indicator{font-size:.75rem;padding:.4rem .75rem}}.features{background:linear-gradient(180deg,transparent 0%,var(--color-gray-50) 50%,transparent 100%)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:480px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}}.feature-card{text-align:center;padding:var(--space-xl)}.feature-icon{width:72px;height:72px;border-radius:50%;background:var(--color-primary-ghost);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover .feature-icon{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-primary-glow)}.feature-metric{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-success);background:#10b98114;padding:.2rem .7rem;border-radius:var(--radius-full);margin-bottom:var(--space-sm);letter-spacing:.01em}.feature-title{font-size:1rem;font-weight:700;margin-bottom:var(--space-sm)}.feature-description{font-size:.875rem;color:var(--color-gray-500);line-height:1.5}.how-it-works{overflow:hidden}.how-it-works-label{display:block;text-align:center;font-size:.813rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.timeline{position:relative;max-width:800px;margin:var(--space-2xl) auto 0;padding:var(--space-md) 0}.timeline-line{position:absolute;left:20px;top:21px;bottom:21px;width:3px;background:var(--color-gray-200);border-radius:2px}.timeline-line-fill{width:100%;height:100%;background:var(--color-primary);border-radius:2px;transform:scaleY(0);transform-origin:top;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.timeline-line-fill.line-grow{transform:scaleY(1)}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-lg);position:relative;padding-bottom:var(--space-3xl);opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.timeline-item:last-child{padding-bottom:0}.timeline-item.revealed{opacity:1;transform:translateY(0)}.timeline-dot{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;order:-1;box-shadow:0 0 0 4px var(--color-white),0 0 0 6px var(--color-primary-ghost);transition:box-shadow .4s ease}.timeline-item.revealed .timeline-dot{animation:dotPulse .6s ease forwards}@keyframes dotPulse{0%{box-shadow:0 0 0 4px var(--color-white),0 0 0 6px var(--color-primary-ghost)}50%{box-shadow:0 0 0 6px var(--color-white),0 0 0 14px var(--color-primary-glow)}to{box-shadow:0 0 0 4px var(--color-white),0 0 0 6px var(--color-primary-ghost)}}.timeline-dot-number{color:var(--color-white);font-weight:700;font-size:1rem}.timeline-content{flex:1;padding-top:var(--space-xs)}.timeline-spacer{display:none}.timeline-step-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-gray-900)}.timeline-step-description{font-size:.938rem;color:var(--color-gray-500);line-height:1.6;max-width:300px}.how-it-works-cta{text-align:center;margin-top:var(--space-2xl)}@media(min-width:768px){.timeline{padding:var(--space-xl) 0}.timeline-line{left:50%;transform:translate(-50%)}.timeline-item{display:grid;grid-template-columns:1fr 42px 1fr;gap:var(--space-xl);align-items:start;padding-bottom:var(--space-3xl)}.timeline-dot{order:0;justify-self:center}.timeline-spacer{display:block}.timeline-left .timeline-content{text-align:right;justify-self:end}.timeline-left .timeline-spacer{order:3}.timeline-right .timeline-content{order:3;text-align:left;justify-self:start}.timeline-right .timeline-spacer{order:-1}.timeline-left .timeline-step-description{margin-left:auto}.timeline-left{transform:translate(-30px)}.timeline-left.revealed{transform:translate(0)}.timeline-right{transform:translate(30px)}.timeline-right.revealed{transform:translate(0)}}.pricing-trial-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:.85rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-ghost);padding:.6rem 1.2rem;border-radius:var(--radius-full);max-width:fit-content;margin:0 auto var(--space-2xl)}.pricing-trial-badge svg{flex-shrink:0;color:var(--color-success)}.pricing-billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.pricing-billing-label{font-size:.875rem;font-weight:500;color:var(--color-gray-400);transition:color .3s ease;display:flex;align-items:center;gap:var(--space-sm)}.pricing-billing-label--active{color:var(--color-gray-800);font-weight:600}.pricing-billing-save{font-size:.65rem;font-weight:700;color:var(--color-success);background:#10b98114;padding:.15rem .45rem;border-radius:var(--radius-full)}.pricing-toggle-switch{position:relative;width:52px;height:28px;background:var(--color-gray-300);border:none;border-radius:var(--radius-full);cursor:pointer;padding:0;transition:background .3s ease}.pricing-toggle-switch--yearly{background:var(--color-primary)}.pricing-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--color-white);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000026}.pricing-toggle-switch--yearly .pricing-toggle-knob{transform:translate(24px)}.pricing-savings{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-success);background:#10b98114;padding:.2rem .7rem;border-radius:var(--radius-full);margin-bottom:var(--space-xs)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:1100px;margin:0 auto;align-items:start}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.pricing-card{position:relative;background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);text-align:center;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0044d71a}.pricing-card--starter{box-shadow:var(--shadow-sm)}.pricing-card--starter:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.pricing-card--pro{border-color:var(--color-primary);box-shadow:var(--shadow-card),0 0 0 1px var(--color-primary);padding-top:calc(var(--space-2xl) + 12px)}.pricing-card--pro:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.pricing-card--pro:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,68,215,.03),transparent);animation:cardShimmer 4s ease-in-out infinite;pointer-events:none}@media(min-width:768px){.pricing-card--pro{transform:scale(1.04);z-index:2}.pricing-card--pro:hover{transform:scale(1.04) translateY(-6px)}}.pricing-card--enterprise{box-shadow:var(--shadow-sm)}.pricing-card--enterprise:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.pricing-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-white);font-size:.7rem;font-weight:700;padding:.3rem 1.2rem;border-radius:0 0 var(--radius-md) var(--radius-md);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.pricing-card-header{margin-bottom:var(--space-lg)}.pricing-name{font-size:1.1rem;font-weight:800;margin-bottom:.25rem;letter-spacing:.04em}.pricing-card--pro .pricing-name{color:var(--color-primary)}.pricing-tagline{font-size:.8rem;color:var(--color-gray-500)}.pricing-price{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-bottom:var(--space-sm)}.pricing-original{font-size:.9rem;color:var(--color-gray-400);text-decoration:line-through;font-weight:500}.pricing-price-row{display:flex;align-items:baseline;gap:var(--space-xs)}.pricing-discount-tag{display:inline-block;font-size:.65rem;font-weight:700;color:var(--color-success);background:#10b98114;padding:.15rem .5rem;border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;margin-left:.15rem}.pricing-amount{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--color-gray-900);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pricing-card:hover .pricing-amount{transform:scale(1.05)}.pricing-card--pro .pricing-amount{color:var(--color-primary);font-size:2.5rem}.pricing-period{font-size:.813rem;color:var(--color-gray-400);font-weight:400}.pricing-social-proof{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-ghost);padding:.3rem .9rem;border-radius:var(--radius-full);margin-bottom:var(--space-xs)}.pricing-divider{height:1px;background:var(--color-gray-200);margin:var(--space-lg) 0}.pricing-card--pro .pricing-divider{background:linear-gradient(90deg,transparent,var(--color-primary-ghost),transparent)}.pricing-features{text-align:left;margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:.65rem;flex:1}.pricing-feature{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.788rem;color:var(--color-gray-700);line-height:1.4}.pricing-feature svg{color:var(--color-success);flex-shrink:0;margin-top:1px;transition:transform .25s ease}.pricing-feature:hover svg{transform:scale(1.2)}.pricing-feature--excluded{color:var(--color-gray-400)}.pricing-feature--excluded svg{color:var(--color-gray-300)}.pricing-highlight{font-size:.75rem;font-weight:500;color:var(--color-success);background:#10b98114;padding:.5rem .8rem;border-radius:var(--radius-md);margin-bottom:var(--space-md);line-height:1.4}.pricing-btn{width:100%;font-size:.85rem;padding:.75rem 1rem;margin-top:auto}.pricing-nudge{font-size:.7rem;color:var(--color-gray-400);margin-top:var(--space-md);font-style:italic;line-height:1.4}.pricing-card--pro .pricing-nudge{color:var(--color-primary-light);font-style:normal;font-weight:500}@keyframes cardShimmer{0%,to{left:-100%}50%{left:150%}}.pricing-faq{max-width:640px;margin:var(--space-3xl) auto 0}.pricing-faq-title{font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:var(--space-lg);color:var(--color-gray-800)}.pricing-faq-list{display:flex;flex-direction:column;gap:var(--space-xs)}.pricing-faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s ease}.pricing-faq-item--open{border-color:#0044d733}.pricing-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:none;border:none;font-family:var(--font-primary);font-size:.85rem;font-weight:600;color:var(--color-gray-700);text-align:left;cursor:pointer;transition:color .2s ease}.pricing-faq-question:hover{color:var(--color-primary)}.pricing-faq-chevron{flex-shrink:0;color:var(--color-gray-400);transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease}.pricing-faq-item--open .pricing-faq-chevron{transform:rotate(180deg);color:var(--color-primary)}.pricing-faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.pricing-faq-item--open .pricing-faq-answer-wrapper{grid-template-rows:1fr}.pricing-faq-answer{overflow:hidden;padding:0 var(--space-lg);font-size:.825rem;color:var(--color-gray-500);line-height:1.6}.pricing-faq-item--open .pricing-faq-answer{padding-bottom:var(--space-md)}@media(max-width:479px){.pricing-card{padding:var(--space-lg)}.pricing-amount{font-size:1.75rem}.pricing-card--pro .pricing-amount{font-size:2rem}}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);max-width:960px;margin:0 auto}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.testimonial-rating{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.testimonial-stars{display:flex;gap:2px;color:#f59e0b}.testimonial-score{font-size:.75rem;font-weight:600;color:var(--color-gray-500)}.testimonial-text{font-size:.938rem;color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--space-lg);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-md)}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-primary-ghost);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.813rem;font-weight:700;flex-shrink:0;border:2px solid var(--color-primary-glow)}.testimonial-name{font-size:.875rem;font-weight:600}.testimonial-role{font-size:.75rem;color:var(--color-gray-400)}.faq{background:linear-gradient(180deg,transparent 0%,var(--color-gray-50) 50%,transparent 100%)}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.faq-item:hover{border-color:var(--color-gray-300)}.faq-item--open{border-color:#0044d733;box-shadow:0 4px 16px #0044d70f}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:none;border:none;font-family:var(--font-primary);font-size:.938rem;font-weight:600;color:var(--color-gray-800);text-align:left;cursor:pointer;transition:color .2s ease}.faq-question:hover{color:var(--color-primary)}.faq-chevron{flex-shrink:0;color:var(--color-gray-400);transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease}.faq-item--open .faq-chevron{transform:rotate(180deg);color:var(--color-primary)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.faq-item--open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden;padding:0 var(--space-xl);font-size:.875rem;color:var(--color-gray-500);line-height:1.7}.faq-item--open .faq-answer{padding-bottom:var(--space-lg)}.cta{position:relative;overflow:hidden}.cta-layout{position:relative;display:flex;flex-direction:column;align-items:flex-end}.cta-mascot{width:160px;margin-right:8%;margin-bottom:-30px;z-index:2;animation:mascotFloat 3s ease-in-out infinite}.cta-mascot svg{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.06));overflow:visible}.cta-pupil{transition:transform .1s ease-out}.cta-mascot-arm-down,.cta-mascot-arm-up{transition:opacity .3s ease}.cta-arm-hidden{opacity:0;pointer-events:none}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:599px){.cta-mascot{width:100px;margin-right:5%;margin-bottom:-20px}}@media(min-width:600px)and (max-width:1023px){.cta-mascot{width:130px;margin-right:6%;margin-bottom:-25px}}@media(min-width:1024px){.cta-mascot{width:160px;margin-right:8%;margin-bottom:-30px}}.cta-box{width:100%;background:var(--color-cta-gradient);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;position:relative;overflow:visible}.cta-box:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.cta-title{font-size:clamp(1.5rem,5vw,2.25rem);color:var(--color-white);margin-bottom:var(--space-md);position:relative}.cta-description{color:#fffc;font-size:clamp(.938rem,2.5vw,1.063rem);max-width:480px;margin:0 auto var(--space-xl);position:relative}.cta-actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;justify-content:center;position:relative}.cta-btn-primary{background:var(--color-white);color:var(--color-primary)}.cta-btn-primary:hover{background:var(--color-gray-50);box-shadow:0 4px 20px #00000026}.cta-btn-secondary{color:#ffffffe6;border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-full);padding:.75rem 1.75rem}.cta-btn-secondary:hover{border-color:#fff9;background:#ffffff1a}.cta-note{margin-top:var(--space-lg);font-size:.813rem;color:#fff9;position:relative}@media(min-width:480px){.cta-actions{flex-direction:row}}@media(min-width:768px){.cta-box{padding:var(--space-5xl) var(--space-3xl)}}.footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-100);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl);text-align:center}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;text-align:left}}.footer-brand{display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.footer-brand{align-items:flex-start}}.footer-logo{height:42px;width:auto;margin-bottom:var(--space-md)}.footer-description{font-size:.875rem;color:var(--color-gray-500);max-width:320px;line-height:1.6;margin-left:auto;margin-right:auto}@media(min-width:768px){.footer-description{margin-left:0;margin-right:0}}.footer-column-title{font-size:.813rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-800);margin-bottom:var(--space-md)}.footer-link-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}@media(min-width:768px){.footer-link-list{align-items:flex-start}}.footer-link{font-size:.875rem;color:var(--color-gray-500);transition:color .2s ease}.footer-link:hover{color:var(--color-primary)}.footer-contact-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-gray-400)}.footer-contact-text{font-size:.875rem;color:var(--color-gray-500)}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--color-gray-100)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:.813rem;color:var(--color-gray-400)}.footer-credits{font-size:.75rem;color:var(--color-gray-400)}.footer-credit-link{color:var(--color-gray-600);font-weight:600;transition:color .2s ease}.footer-credit-link:hover{color:var(--color-primary)}.footer-socials{display:flex;gap:var(--space-md)}.footer-social{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s ease}.footer-social:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-ghost)}.brand-app{min-height:100vh}.brand-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);padding:var(--space-lg) var(--space-2xl)}.brand-nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand-nav-logo{display:flex;align-items:center;text-decoration:none}.brand-nav-logo img{height:48px;width:auto}.brand-nav-links{display:flex;gap:var(--space-xs)}.brand-nav-link{padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;color:var(--color-gray-600);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease}.brand-nav-link:hover{color:var(--color-primary);background:var(--color-primary-ghost)}.brand-nav-link.active{color:var(--color-white);background:var(--color-primary)}.brand-main{padding-top:100px}@media(max-width:768px){.brand-nav-links{display:none}}.brand-section{padding:var(--space-4xl) var(--space-xl);max-width:1400px;margin:0 auto}.brand-section:first-of-type{padding-top:var(--space-3xl)}.brand-footer{background:var(--color-white);padding:var(--space-4xl) var(--space-xl);margin-top:var(--space-4xl);border-top:1px solid var(--color-gray-200)}.brand-footer-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);text-align:center}.brand-footer-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.brand-footer-logo{height:60px;width:auto}.brand-footer-tagline{font-size:.9375rem;color:var(--color-gray-500);font-weight:400}.brand-footer-divider{width:60px;height:2px;background:var(--color-primary);border-radius:1px}.brand-footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.brand-footer-credits{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.brand-footer-credits p{font-size:.875rem;color:var(--color-gray-500)}.brand-footer-credits a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.brand-footer-credits a:hover{color:var(--color-primary-dark);text-decoration:underline}.brand-footer-dot{color:var(--color-gray-300)}.brand-footer-version{font-size:.8125rem;color:var(--color-gray-400)}.brand-footer-link{display:inline-block;padding:var(--space-sm) var(--space-xl);font-size:.875rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-ghost);border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease}.brand-footer-link:hover{background:var(--color-primary);color:var(--color-white)}.brand-section-header{margin-bottom:var(--space-2xl)}.brand-section-title{font-family:var(--font-primary);font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-sm)}.brand-section-subtitle{font-size:1.125rem;color:var(--color-gray-500);max-width:600px}.brand-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-200),transparent);margin:0 var(--space-xl)}@media(max-width:768px){.brand-nav-links{display:none}.brand-section{padding:var(--space-2xl) var(--space-lg)}.brand-section-title{font-size:1.5rem}}.brand-hero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-4xl) var(--space-xl)}.brand-hero-bg{position:absolute;inset:0;z-index:0}.brand-hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0044d7,#0033a3,#001d5c)}.brand-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.brand-hero-content{position:relative;z-index:1;text-align:center;max-width:700px}.brand-hero-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.brand-hero-title{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.brand-hero-logo-text{font-family:var(--font-logo);font-size:4.5rem;font-weight:800;color:var(--color-white);letter-spacing:-.02em;line-height:1}.brand-hero-title-sub{font-family:var(--font-primary);font-size:1.5rem;font-weight:300;color:#ffffffb3;letter-spacing:.2em;text-transform:uppercase}.brand-hero-description{font-size:1.125rem;color:#ffffffb3;line-height:1.7;margin-bottom:var(--space-2xl)}.brand-hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.brand-hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.brand-hero-stat-value{font-family:var(--font-logo);font-size:2rem;font-weight:700;color:var(--color-white)}.brand-hero-stat-label{font-size:.75rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.brand-hero{min-height:400px;padding:var(--space-3xl) var(--space-lg)}.brand-hero-logo-text{font-size:3rem}.brand-hero-title-sub{font-size:1rem}.brand-hero-stats{flex-wrap:wrap;gap:var(--space-lg)}}.logo-main-display{margin-bottom:var(--space-3xl)}.logo-group-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-md)}.logo-group-desc{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--space-lg)}.logo-display-card{display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:var(--radius-xl);margin-bottom:var(--space-lg);transition:all .4s ease;position:relative;overflow:hidden}.logo-display-white{background:var(--color-white);border:1px solid var(--color-gray-200)}.logo-display-dark{background:linear-gradient(135deg,var(--color-gray-900) 0%,#0a0f1a 100%)}.logo-main-image{max-width:400px;max-height:160px;width:auto;height:auto;object-fit:contain}.logo-download-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-primary);font-size:.75rem;font-weight:600;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.logo-download-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.logo-download-btn svg{width:16px;height:16px}.logo-display-dark .logo-download-btn{background:#ffffff1a;border-color:#fff3;color:#fffc}.logo-display-dark .logo-download-btn:hover{background:#fff3;color:var(--color-white)}.logo-variant-tabs{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.logo-variant-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary);font-size:.875rem;font-weight:500;color:var(--color-gray-500);background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.logo-variant-tab:hover{color:var(--color-primary);border-color:var(--color-primary-light)}.logo-variant-tab.active{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.logo-tab-dot{width:12px;height:12px;border-radius:50%;border:2px solid currentColor}.logo-tab-dot-original{background:linear-gradient(135deg,#0044d7 50%,#00c2ff 50%);border:none}.logo-tab-dot-azul{background:var(--color-primary);border:none}.logo-tab-dot-negro{background:var(--color-gray-900);border:none}.logo-tab-dot-blanco{background:var(--color-white);border:2px solid var(--color-gray-300)}.logo-variant-tab.active .logo-tab-dot-blanco{border-color:#ffffff80}.logo-variants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-3xl)}.logo-variant-group{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.logo-variant-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.logo-variant-cards-4{grid-template-columns:repeat(4,1fr)}.logo-variant-card{border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.logo-variant-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.logo-variant-card-white{background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.logo-variant-card-dark{background:var(--color-gray-900)}.logo-variant-image{display:block;width:100%;height:100px;object-fit:contain;padding:var(--space-lg)}.logo-variant-icon{height:80px;padding:var(--space-md)}.logo-variant-text{height:70px;padding:var(--space-md) var(--space-lg)}.logo-variant-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-white);border-top:1px solid var(--color-gray-200)}.logo-variant-card-dark .logo-variant-info{background:var(--color-gray-800);border-top-color:var(--color-gray-700)}.logo-variant-name{font-size:.8125rem;font-weight:500;color:var(--color-gray-700)}.logo-variant-card-dark .logo-variant-name{color:var(--color-gray-300)}.logo-variant-download{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-gray-500);background:var(--color-gray-100);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.logo-variant-download:hover{color:var(--color-primary);background:var(--color-primary-ghost)}.logo-variant-card-dark .logo-variant-download{background:var(--color-gray-700);color:var(--color-gray-400)}.logo-variant-card-dark .logo-variant-download:hover{background:var(--color-gray-600);color:var(--color-white)}.logo-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-3xl)}.logo-spec-card{padding:var(--space-xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center}.logo-spec-icon{width:48px;height:48px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-ghost);border-radius:var(--radius-md);color:var(--color-primary)}.logo-spec-icon svg{width:24px;height:24px}.logo-spec-title{font-size:.75rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.logo-spec-value{font-family:var(--font-logo);font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-xs)}.logo-spec-detail{font-size:.875rem;color:var(--color-gray-500)}.logo-mascot{margin-bottom:var(--space-3xl)}.logo-mascot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.logo-mascot-variant{display:flex;flex-direction:column}.logo-mascot-card{background:var(--color-primary-ghost);border:1px solid rgba(0,68,215,.15);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;min-height:280px}.logo-mascot-card-error{background:#ef444414;border-color:#ef444426}.logo-mascot-image{height:220px;width:auto}.logo-mascot-variant-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.logo-mascot-variant-name{font-size:.9375rem;font-weight:600;color:var(--color-gray-800)}.logo-mascot-download-sm{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-gray-500);background:var(--color-gray-100);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.logo-mascot-download-sm:hover{color:var(--color-primary);background:var(--color-primary-ghost)}.logo-mascot-info{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.logo-mascot-info h4{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-sm)}.logo-mascot-info p{font-size:.9375rem;color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--space-lg)}.logo-mascot-info ul{list-style:none;margin:0}.logo-mascot-info li{font-size:.875rem;color:var(--color-gray-600);padding-left:var(--space-lg);position:relative;margin-bottom:var(--space-sm)}.logo-mascot-info li:last-child{margin-bottom:0}.logo-mascot-info li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}@media(max-width:768px){.logo-mascot-grid{grid-template-columns:1fr}.logo-mascot-image{height:180px}.logo-mascot-card{min-height:220px}}.logo-usage-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-lg)}.logo-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg)}.logo-usage-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200)}.logo-usage-preview{display:flex;align-items:center;justify-content:center;height:120px;background:var(--color-white);padding:var(--space-lg)}.logo-usage-preview-dark{background:var(--color-gray-900)}.logo-usage-img{max-width:140px;max-height:60px;width:auto;height:auto;object-fit:contain}.logo-usage-stretched{transform:scaleX(1.5)}.logo-usage-rotated{transform:rotate(15deg)}.logo-usage-label{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);font-size:.875rem;font-weight:500}.logo-usage-label svg{width:18px;height:18px}.logo-usage-correct .logo-usage-label{background:#10b9811a;color:var(--color-success)}.logo-usage-wrong .logo-usage-label{background:#ef44441a;color:var(--color-error)}@media(max-width:1024px){.logo-variants-grid{grid-template-columns:1fr}}@media(max-width:768px){.logo-main-image{max-width:280px;max-height:120px}.logo-display-card{min-height:200px}.logo-variant-cards{grid-template-columns:repeat(2,1fr)}.logo-download-btn{top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm)}}.color-group{margin-bottom:var(--space-3xl)}.color-group-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-xs)}.color-group-description{font-size:.9375rem;color:var(--color-gray-500);margin-bottom:var(--space-lg)}.color-grid{display:grid;gap:var(--space-md)}.color-grid-4{grid-template-columns:repeat(4,1fr)}.color-grid-3{grid-template-columns:repeat(3,1fr)}.color-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s ease}.color-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.color-card-light .color-swatch{border-bottom:1px solid var(--color-gray-200)}.color-swatch{height:80px;position:relative;display:flex;align-items:center;justify-content:center}.color-copied{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;animation:fadeIn .2s ease}.color-copied svg{width:32px;height:32px;color:var(--color-white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.color-info{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.color-name{font-size:.875rem;font-weight:600;color:var(--color-gray-900)}.color-value{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-500)}.color-var{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-gray-400);background:var(--color-gray-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);width:fit-content}.color-gradients{margin-top:var(--space-3xl)}.gradient-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.gradient-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.gradient-preview{height:120px}.gradient-bg{background:linear-gradient(180deg,#fff,#eef1fa,#e8ecf8);border-bottom:1px solid var(--color-gray-200)}.gradient-cta{background:linear-gradient(135deg,#0044d7,#1a5ce8,#3a7bff)}.gradient-info{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.gradient-name{font-size:.9375rem;font-weight:600;color:var(--color-gray-900)}.gradient-value{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-500);background:var(--color-gray-50);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);word-break:break-all}@media(max-width:768px){.color-grid-4,.color-grid-3{grid-template-columns:repeat(2,1fr)}}.type-fonts{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-3xl)}.type-font-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden}.type-font-badge{display:inline-block;margin:var(--space-lg) 0 0 var(--space-lg);padding:var(--space-xs) var(--space-md);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full)}.type-font-primary .type-font-badge{background:var(--color-primary-ghost);color:var(--color-primary)}.type-font-mono .type-font-badge{background:#f59e0b1a;color:var(--color-warning)}.type-font-preview{padding:var(--space-2xl) var(--space-lg);text-align:center;border-bottom:1px solid var(--color-gray-100)}.type-font-sample{font-size:3rem;line-height:1.2;color:var(--color-gray-900)}.type-logo-image{max-height:80px;width:auto}.type-font-sample.outfit{font-family:var(--font-primary);font-weight:600}.type-font-sample.mono{font-family:var(--font-mono);font-weight:500;font-size:2.5rem}.type-font-info{padding:var(--space-lg);border-bottom:1px solid var(--color-gray-100)}.type-font-name{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-sm)}.type-font-description{font-size:.9375rem;color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--space-md)}.type-font-meta{display:flex;gap:var(--space-lg);font-size:.75rem;color:var(--color-gray-400)}.type-weights{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1px;background:var(--color-gray-100)}.type-weight{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-sm);background:var(--color-white);text-align:center}.type-weight-sample{font-size:2rem;color:var(--color-gray-900)}.type-weight-sample{font-family:var(--font-primary)}.type-weight-active{background:var(--color-primary-ghost)}.type-weight-value{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-gray-700)}.type-weight-name{font-size:.6875rem;color:var(--color-gray-400)}.type-mono-samples{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-gray-900)}.type-mono-samples code{font-family:var(--font-mono);font-size:.875rem;color:#a5d6ff}.type-scale{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden}.type-scale-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);padding:var(--space-lg);border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.type-scale-list{display:flex;flex-direction:column}.type-scale-item{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-gray-100)}.type-scale-item:last-child{border-bottom:none}.type-scale-sample{color:var(--color-gray-900)}.type-scale-sample{font-family:var(--font-primary)}.type-scale-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-400);white-space:nowrap}@media(max-width:768px){.type-font-sample{font-size:2rem}.type-font-sample.mono{font-size:1.5rem}.type-scale-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.spacing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.spacing-block{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.spacing-block-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-lg)}.spacing-list{display:flex;flex-direction:column;gap:var(--space-sm)}.spacing-item{display:flex;align-items:center;gap:var(--space-lg)}.spacing-visual{width:160px;display:flex;align-items:center}.spacing-bar{height:24px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-sm);min-width:8px}.spacing-info{display:flex;align-items:center;gap:var(--space-md)}.spacing-var{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-700);background:var(--color-gray-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.spacing-value{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-500);min-width:60px}.spacing-px{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-gray-400)}.radius-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md)}.radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.radius-visual{width:64px;height:64px;background:var(--color-primary)}.radius-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.radius-var{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-gray-600)}.radius-value{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-400)}.shadow-list{display:flex;flex-direction:column;gap:var(--space-md)}.shadow-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.shadow-visual{width:64px;height:48px;background:var(--color-white);border-radius:var(--radius-md);flex-shrink:0}.shadow-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.shadow-var{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-700)}.shadow-value{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-gray-400);word-break:break-all}@media(max-width:1024px){.spacing-grid{grid-template-columns:1fr}}@media(max-width:768px){.spacing-visual{width:80px}.spacing-info{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.components-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-sm)}.components-tab{padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary);font-size:.875rem;font-weight:500;color:var(--color-gray-500);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.components-tab:hover,.components-tab.active{color:var(--color-primary);background:var(--color-primary-ghost)}.components-panel{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.components-showcase{display:flex;flex-direction:column;gap:var(--space-2xl)}.showcase-group{display:flex;flex-direction:column;gap:var(--space-md)}.showcase-label{font-size:.75rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.1em}.showcase-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.showcase-row-vertical{flex-direction:column;align-items:stretch;max-width:400px}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.demo-btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1rem;border-radius:var(--radius-lg)}.demo-btn-sm{padding:var(--space-sm) var(--space-lg);font-size:.8125rem}.demo-btn-primary{background:var(--color-primary);color:var(--color-white)}.demo-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.demo-btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.demo-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.demo-btn-ghost{background:transparent;color:var(--color-primary);padding:var(--space-sm) var(--space-md)}.demo-btn-ghost:hover{background:var(--color-primary-ghost)}.demo-btn-icon svg{width:18px;height:18px}.demo-btn-whatsapp{background:#25d366;color:var(--color-white)}.demo-btn-whatsapp:hover{background:#1da851}.demo-btn-whatsapp svg{width:20px;height:20px}.demo-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.demo-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.demo-input{padding:var(--space-md) var(--space-lg);font-family:var(--font-primary);font-size:.9375rem;color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.demo-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ghost)}.demo-input::placeholder{color:var(--color-gray-400)}.demo-hint{font-size:.75rem;color:var(--color-gray-400)}.demo-select{padding:var(--space-md) var(--space-lg);font-family:var(--font-primary);font-size:.9375rem;color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;min-width:200px}.demo-checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.demo-checkbox input{display:none}.demo-checkbox-mark{width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);position:relative;transition:all .2s ease}.demo-checkbox input:checked+.demo-checkbox-mark{background:var(--color-primary);border-color:var(--color-primary)}.demo-checkbox input:checked+.demo-checkbox-mark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.demo-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-gray-600)}.demo-toggle-input{appearance:none;width:48px;height:26px;background:var(--color-gray-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background .2s ease}.demo-toggle-input:after{content:"";position:absolute;width:20px;height:20px;background:var(--color-white);border-radius:50%;top:3px;left:3px;transition:transform .2s ease}.demo-toggle-input:checked{background:var(--color-primary)}.demo-toggle-input:checked:after{transform:translate(22px)}.showcase-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.demo-card{padding:var(--space-xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all .2s ease}.demo-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.demo-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-ghost);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-lg)}.demo-card-icon svg{width:24px;height:24px}.demo-card-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-sm)}.demo-card-description{font-size:.875rem;color:var(--color-gray-500);line-height:1.6}.demo-card-featured{background:linear-gradient(135deg,#0044d7,#1a5ce8,#3a7bff);border:none;position:relative}.demo-card-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);background:#fff3;color:var(--color-white);font-size:.6875rem;font-weight:600;text-transform:uppercase;border-radius:var(--radius-full)}.demo-card-title-white{color:var(--color-white)}.demo-card-price{display:flex;align-items:baseline;gap:2px;margin-bottom:var(--space-lg)}.demo-card-currency{font-size:1rem;font-weight:500;color:#fffc}.demo-card-amount{font-family:var(--font-logo);font-size:3rem;font-weight:700;color:var(--color-white);line-height:1}.demo-card-period{font-size:.875rem;color:#fff9}.demo-card-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.demo-card-features li{font-size:.875rem;color:#ffffffe6;padding-left:var(--space-lg);position:relative}.demo-card-features li:before{content:"✓";position:absolute;left:0;color:#fff9}.demo-card-testimonial{background:var(--color-gray-50)}.demo-card-stars{color:#f59e0b;font-size:1rem;letter-spacing:2px;margin-bottom:var(--space-md)}.demo-card-quote{font-size:.9375rem;color:var(--color-gray-700);line-height:1.6;font-style:italic;margin-bottom:var(--space-lg)}.demo-card-author{display:flex;align-items:center;gap:var(--space-md)}.demo-card-avatar{width:40px;height:40px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.demo-card-name{font-size:.875rem;font-weight:600;color:var(--color-gray-900)}.demo-card-role{font-size:.75rem;color:var(--color-gray-500)}.demo-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.demo-badge-success{background:#10b9811a;color:var(--color-success)}.demo-badge-warning{background:#f59e0b1a;color:var(--color-warning)}.demo-badge-error{background:#ef44441a;color:var(--color-error)}.demo-badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.demo-badge-primary{background:var(--color-primary);color:var(--color-white)}.demo-badge-discount{background:var(--color-success);color:var(--color-white)}.demo-badge-popular{background:linear-gradient(135deg,#f59e0b,#f97316);color:var(--color-white)}.demo-pill{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-lg);font-size:.8125rem;font-weight:500;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.demo-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.demo-pill-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}@media(max-width:768px){.components-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.showcase-cards-grid{grid-template-columns:1fr}}.terms-page{min-height:100vh;background:var(--color-gray-50);color:var(--color-gray-800)}.terms-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-gray-200);padding:var(--space-md) var(--space-2xl)}.terms-nav-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.terms-nav-logo{display:flex;align-items:center;text-decoration:none}.terms-nav-logo img{height:36px;width:auto}.terms-nav-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-gray-600);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:all .2s ease}.terms-nav-back:hover{color:var(--color-primary);background:var(--color-primary-ghost)}.terms-hero{padding-top:100px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.terms-hero-inner{position:relative;max-width:var(--container-max);margin:0 auto;padding:var(--space-4xl) var(--space-2xl) var(--space-5xl);text-align:center}.terms-hero-badge{display:inline-block;padding:var(--space-xs) var(--space-lg);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-ghost);border:1px solid var(--color-primary-glow);border-radius:var(--radius-full);margin-bottom:var(--space-xl)}.terms-hero-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;color:var(--color-gray-900);letter-spacing:-.02em;margin-bottom:var(--space-md)}.terms-hero-meta{font-size:.875rem;font-weight:500;color:var(--color-gray-400);margin-bottom:var(--space-lg);font-family:var(--font-mono)}.terms-hero-summary{font-size:clamp(.9375rem,2vw,1.0625rem);color:var(--color-gray-500);max-width:640px;margin:0 auto;line-height:1.7}.terms-layout{max-width:var(--container-max);margin:0 auto;padding:var(--space-3xl) var(--space-2xl) var(--space-4xl);display:grid;grid-template-columns:260px 1fr;gap:var(--space-3xl);align-items:start}.terms-toc{position:relative}.terms-toc-sticky{position:sticky;top:90px}.terms-toc-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-400);margin-bottom:var(--space-md);padding-left:var(--space-md)}.terms-toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.terms-toc-link{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:7px var(--space-md);font-size:.8125rem;font-weight:500;color:var(--color-gray-500);text-align:left;border-radius:var(--radius-sm);transition:all .2s ease;border:none;background:none;cursor:pointer;font-family:var(--font-primary)}.terms-toc-link:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.terms-toc-link--active{color:var(--color-primary);background:var(--color-primary-ghost);font-weight:600}.terms-toc-number{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;opacity:.5;min-width:18px}.terms-toc-link--active .terms-toc-number{opacity:.8}.terms-content{min-width:0}.terms-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:var(--space-2xl);margin-bottom:var(--space-xl);transition:box-shadow .3s ease}.terms-section:hover{box-shadow:var(--shadow-card)}.terms-section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-100)}.terms-section-number{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-ghost);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);min-width:36px;text-align:center}.terms-section-title{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:var(--color-gray-900)}.terms-section-body{font-size:.9375rem;line-height:1.8;color:var(--color-gray-600)}.terms-section-body p{margin-bottom:var(--space-md)}.terms-section-body p:last-child{margin-bottom:0}.terms-section-body strong{color:var(--color-gray-800);font-weight:600}.terms-list{list-style:none;margin:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.terms-list li{position:relative;padding-left:var(--space-xl);line-height:1.7}.terms-list li:before{content:"";position:absolute;left:6px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--color-primary-light)}.terms-definitions{list-style:none;margin:var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-md)}.terms-definitions li{padding:var(--space-md) var(--space-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);line-height:1.7}.terms-features{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin:var(--space-lg) 0}.terms-feature{padding:var(--space-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100)}.terms-feature h4{font-size:.9375rem;font-weight:700;color:var(--color-gray-800);margin-bottom:var(--space-sm)}.terms-feature p{margin-bottom:0}.terms-highlight{padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-primary-ghost),rgba(0,68,215,.04));border-radius:var(--radius-md);border:1px solid rgba(0,68,215,.1);margin:var(--space-lg) 0}.terms-highlight h4{font-size:.9375rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-sm)}.terms-highlight p{margin-bottom:var(--space-sm)}.terms-highlight p:last-child{margin-bottom:0}.terms-highlight .terms-list{margin-top:var(--space-sm);margin-bottom:0}.terms-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.terms-contact-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100);transition:all .2s ease}.terms-contact-card:hover{border-color:var(--color-primary-glow);box-shadow:0 2px 8px #0044d70f}.terms-contact-card svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.terms-contact-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin-bottom:4px}.terms-contact-value{font-size:.9375rem;font-weight:500;color:var(--color-gray-800);text-decoration:none;transition:color .2s ease}a.terms-contact-value:hover{color:var(--color-primary)}.terms-footer{background:var(--color-white);padding:var(--space-4xl) var(--space-xl);margin-top:var(--space-2xl);border-top:1px solid var(--color-gray-200)}.terms-footer-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);text-align:center}.terms-footer-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.terms-footer-logo{height:48px;width:auto}.terms-footer-tagline{font-size:.9375rem;color:var(--color-gray-500);font-weight:400}.terms-footer-divider{width:60px;height:2px;background:var(--color-primary);border-radius:1px}.terms-footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.terms-footer-credits{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.terms-footer-credits p{font-size:.875rem;color:var(--color-gray-500)}.terms-footer-credits a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.terms-footer-credits a:hover{color:var(--color-primary-dark);text-decoration:underline}.terms-footer-dot{color:var(--color-gray-300)}.terms-footer-copy{font-size:.8125rem;color:var(--color-gray-400)}.terms-footer-link{display:inline-block;padding:var(--space-sm) var(--space-xl);font-size:.875rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-ghost);border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease}.terms-footer-link:hover{background:var(--color-primary);color:var(--color-white)}@media(max-width:1024px){.terms-layout{grid-template-columns:220px 1fr;gap:var(--space-xl)}}@media(max-width:768px){.terms-nav{padding:var(--space-md) var(--space-lg)}.terms-hero-inner{padding:var(--space-2xl) var(--space-lg) var(--space-4xl)}.terms-layout{grid-template-columns:1fr;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.terms-toc{position:relative}.terms-toc-sticky{position:relative;top:auto;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:var(--space-lg)}.terms-toc-list{display:grid;grid-template-columns:1fr 1fr;gap:2px}.terms-section{padding:var(--space-xl)}.terms-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.terms-contact-grid,.terms-features{grid-template-columns:1fr}}@media(max-width:480px){.terms-toc-list{grid-template-columns:1fr}.terms-section{padding:var(--space-lg);border-radius:var(--radius-md)}.terms-section-title{font-size:1.125rem}.terms-section-body{font-size:.875rem}.terms-definitions li{padding:var(--space-sm) var(--space-md)}.terms-highlight{padding:var(--space-md) var(--space-lg)}}.cb-page{min-height:100vh;background:var(--color-gray-50);color:var(--color-gray-800);display:flex;flex-direction:column}.cb-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-gray-200);padding:var(--space-md) var(--space-2xl)}.cb-nav-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.cb-nav-logo{display:flex;align-items:center;text-decoration:none}.cb-nav-logo img{height:36px;width:auto}.cb-nav-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-gray-600);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:all .2s ease}.cb-nav-back:hover{color:var(--color-primary);background:var(--color-primary-ghost)}.cb-main{flex:1;padding-top:80px;padding-bottom:var(--space-4xl)}.cb-container{max-width:720px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.cb-header{text-align:center;margin-bottom:var(--space-3xl)}.cb-badge{display:inline-block;padding:var(--space-xs) var(--space-lg);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-ghost);border:1px solid var(--color-primary-glow);border-radius:var(--radius-full);margin-bottom:var(--space-md)}.cb-title{font-family:var(--font-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--color-gray-900);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.cb-subtitle{font-size:.875rem;font-weight:500;color:var(--color-gray-400);font-family:var(--font-mono)}.cb-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-gray-200)}.cb-section--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.cb-section-title{font-family:var(--font-primary);font-size:1.0625rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-lg)}.cb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.cb-field{display:flex;flex-direction:column;gap:var(--space-xs)}.cb-field--full{grid-column:1 / -1}.cb-label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700);display:flex;align-items:center;gap:var(--space-xs)}.cb-label-required{color:var(--color-error);font-weight:700}.cb-input,.cb-select,.cb-textarea{width:100%;padding:10px var(--space-md);font-family:var(--font-primary);font-size:.9375rem;font-weight:400;color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.cb-input::placeholder,.cb-textarea::placeholder{color:var(--color-gray-400);font-weight:400}.cb-input:focus,.cb-select:focus,.cb-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ghost)}.cb-input--error,.cb-select--error,.cb-textarea--error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444414}.cb-input--error:focus,.cb-select--error:focus,.cb-textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441f}.cb-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.cb-textarea{min-height:100px;resize:vertical;line-height:1.6}.cb-error{font-size:.75rem;font-weight:500;color:var(--color-error);display:flex;align-items:center;gap:4px;margin-top:2px}.cb-field-hint{font-size:.75rem;color:var(--color-gray-400);margin-top:2px}.cb-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.cb-radio-option{position:relative;padding:var(--space-lg);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.cb-radio-option:hover{border-color:var(--color-gray-300)}.cb-radio-option--active{border-color:var(--color-primary);background:var(--color-primary-ghost)}.cb-radio-option--active:hover{border-color:var(--color-primary)}.cb-radio-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.cb-radio-title{font-size:.9375rem;font-weight:700;color:var(--color-gray-800);display:flex;align-items:center;gap:var(--space-sm)}.cb-radio-option--active .cb-radio-title{color:var(--color-primary-dark)}.cb-radio-indicator{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.cb-radio-option--active .cb-radio-indicator{border-color:var(--color-primary)}.cb-radio-indicator-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:background .2s ease}.cb-radio-option--active .cb-radio-indicator-dot{background:var(--color-primary)}.cb-radio-description{font-size:.8125rem;color:var(--color-gray-500);line-height:1.6;margin-top:var(--space-sm);padding-left:26px}.cb-radio-option--active .cb-radio-description{color:var(--color-gray-600)}.cb-checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);cursor:pointer;transition:all .2s ease}.cb-checkbox-wrapper:hover{border-color:var(--color-gray-300)}.cb-checkbox-wrapper--error{border-color:var(--color-error)}.cb-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-gray-300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px;cursor:pointer}.cb-checkbox--checked{background:var(--color-primary);border-color:var(--color-primary)}.cb-checkbox-label{font-size:.875rem;color:var(--color-gray-600);line-height:1.6;cursor:pointer}.cb-submit-btn{width:100%;padding:14px var(--space-xl);font-family:var(--font-primary);font-size:1rem;font-weight:700;color:var(--color-white);background:var(--color-cta-gradient);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;margin-top:var(--space-lg)}.cb-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0044d740}.cb-submit-btn:active{transform:translateY(0)}.cb-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4xl) var(--space-xl)}.cb-success-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid var(--color-success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xl)}.cb-success-icon svg{color:var(--color-success)}.cb-success-title{font-size:1.5rem;font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-md)}.cb-success-code{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.9375rem;font-weight:500;color:var(--color-primary-dark);background:var(--color-primary-ghost);border:1px solid var(--color-primary-glow);border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.cb-success-message{font-size:.9375rem;color:var(--color-gray-500);line-height:1.7;max-width:480px;margin-bottom:var(--space-xl)}.cb-success-note{font-size:.8125rem;color:var(--color-gray-400);font-style:italic;padding:var(--space-md) var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-bottom:var(--space-xl);max-width:480px}.cb-success-back{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);font-size:.9375rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-ghost);border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease}.cb-success-back:hover{background:var(--color-primary);color:var(--color-white)}.cb-footer{background:var(--color-white);padding:var(--space-2xl) var(--space-lg);border-top:1px solid var(--color-gray-200)}.cb-footer-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.cb-footer-logo{height:36px;width:auto}.cb-footer-copy{font-size:.8125rem;color:var(--color-gray-400)}.cb-footer-credits{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;font-size:.8125rem;color:var(--color-gray-400)}.cb-footer-credits a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.cb-footer-credits a:hover{color:var(--color-primary-dark)}.cb-footer-dot{color:var(--color-gray-300)}@media(max-width:768px){.cb-nav{padding:var(--space-md) var(--space-lg)}.cb-form-grid,.cb-radio-group{grid-template-columns:1fr}}@media(max-width:480px){.cb-container{padding:var(--space-xl) var(--space-md)}.cb-radio-option{padding:var(--space-md)}.cb-radio-description{padding-left:0;margin-top:var(--space-xs)}.cb-checkbox-wrapper{padding:var(--space-md)}.cb-success-title{font-size:1.25rem}}.blog-page{min-height:100vh;background:var(--color-white);color:var(--color-gray-900)}.blog-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100)}.blog-nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:64px;display:flex;align-items:center;justify-content:space-between}.blog-nav-logo img{height:28px}.blog-nav-back{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-gray-500);transition:color .2s ease}.blog-nav-back:hover{color:var(--color-primary)}.blog-hero{padding:calc(120px + var(--space-3xl)) 0 var(--space-3xl);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%);text-align:center}.blog-hero-inner{max-width:640px;margin:0 auto;padding:0 var(--container-padding)}.blog-hero-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-ghost);padding:.375rem 1rem;border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.blog-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-md);letter-spacing:-.02em}.blog-hero-subtitle{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--color-gray-500);line-height:1.7;font-weight:400}.blog-listing{padding:var(--space-2xl) 0 var(--space-4xl)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}}.blog-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-card)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-glow)}.blog-card-header{padding:var(--space-lg) var(--space-xl) 0;display:flex;align-items:center;justify-content:space-between}.blog-card-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);background:var(--color-primary-ghost);padding:.25rem .75rem;border-radius:var(--radius-full)}.blog-card-time{display:flex;align-items:center;gap:.375rem;font-size:.813rem;color:var(--color-gray-400);font-weight:500}.blog-card-body{padding:var(--space-lg) var(--space-xl);flex:1}.blog-card-title{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;color:var(--color-gray-900);line-height:1.35;margin-bottom:var(--space-sm);letter-spacing:-.01em}.blog-card:hover .blog-card-title{color:var(--color-primary)}.blog-card-excerpt{font-size:.938rem;color:var(--color-gray-500);line-height:1.6}.blog-card-footer{padding:var(--space-md) var(--space-xl) var(--space-lg);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-gray-50)}.blog-card-date{font-size:.813rem;color:var(--color-gray-400);font-weight:500}.blog-card-read{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--color-primary);transition:gap .2s ease}.blog-card:hover .blog-card-read{gap:.625rem}.blog-cta-section{padding:0 0 var(--space-4xl)}.blog-cta-box{background:var(--color-cta-gradient);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center}.blog-cta-title{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;color:var(--color-white);margin-bottom:var(--space-sm)}.blog-cta-text{font-size:1rem;color:#ffffffd9;margin-bottom:var(--space-xl)}.blog-cta-btn{background:var(--color-white);color:var(--color-primary)}.blog-cta-btn:hover{background:var(--color-gray-50);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.blog-footer{border-top:1px solid var(--color-gray-100);padding:var(--space-2xl) var(--container-padding)}.blog-footer-inner{max-width:var(--container-max);margin:0 auto}.blog-footer-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.blog-footer-logo{height:24px}.blog-footer-tagline{font-size:.875rem;color:var(--color-gray-400);text-align:center}.blog-footer-divider{height:1px;background:var(--color-gray-100);margin-bottom:var(--space-lg)}.blog-footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.blog-footer-credits{display:flex;align-items:center;gap:var(--space-sm);font-size:.813rem;color:var(--color-gray-400);flex-wrap:wrap;justify-content:center}.blog-footer-credits a{color:var(--color-gray-600);transition:color .2s ease}.blog-footer-credits a:hover{color:var(--color-primary)}.blog-footer-dot{color:var(--color-gray-300)}.blog-footer-copy{font-size:.75rem;color:var(--color-gray-400)}@media(max-width:767px){.blog-hero{padding:calc(80px + var(--space-xl)) 0 var(--space-lg)}.blog-listing{padding:var(--space-lg) 0 var(--space-2xl)}}.blogpost-page{min-height:100vh;background:var(--color-white);color:var(--color-gray-900)}.blogpost-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100)}.blogpost-nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:64px;display:flex;align-items:center;justify-content:space-between}.blogpost-nav-logo img{height:28px}.blogpost-nav-back{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-gray-500);transition:color .2s ease}.blogpost-nav-back:hover{color:var(--color-primary)}.blogpost-breadcrumbs{padding-top:calc(100px + var(--space-lg));padding-bottom:var(--space-sm);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.blogpost-breadcrumb-nav{display:flex;align-items:center;gap:var(--space-sm);font-size:.813rem;color:var(--color-gray-400);flex-wrap:wrap}.blogpost-breadcrumb-nav a{color:var(--color-gray-500);transition:color .2s ease}.blogpost-breadcrumb-nav a:hover{color:var(--color-primary)}.blogpost-breadcrumb-sep{color:var(--color-gray-300)}.blogpost-breadcrumb-current{color:var(--color-gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.blogpost-header{padding:var(--space-2xl) 0 var(--space-xl);background:var(--color-gray-50)}.blogpost-header-inner{max-width:760px}.blogpost-category{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-ghost);padding:.375rem 1rem;border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.blogpost-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-gray-900);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.blogpost-meta{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.blogpost-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-gray-500);font-weight:500}.blogpost-layout{max-width:var(--container-max);margin:0 auto;padding:var(--space-2xl) var(--container-padding) var(--space-4xl);display:flex;gap:var(--space-3xl)}.blogpost-toc{display:none}@media(min-width:1024px){.blogpost-toc{display:block;width:260px;flex-shrink:0}}.blogpost-toc-sticky{position:sticky;top:96px}.blogpost-toc-label{display:block;font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);margin-bottom:var(--space-md);padding-left:var(--space-md)}.blogpost-toc-list{display:flex;flex-direction:column;gap:2px}.blogpost-toc-link{display:flex;align-items:flex-start;gap:var(--space-sm);padding:.5rem var(--space-md);border-radius:var(--radius-sm);font-size:.813rem;font-weight:500;color:var(--color-gray-500);text-align:left;cursor:pointer;transition:all .2s ease;line-height:1.4;border-left:2px solid transparent}.blogpost-toc-link:hover{color:var(--color-gray-700);background:var(--color-gray-50)}.blogpost-toc-link--active{color:var(--color-primary);background:var(--color-primary-ghost);border-left-color:var(--color-primary)}.blogpost-toc-number{font-family:var(--font-mono);font-size:.688rem;font-weight:500;color:var(--color-gray-300);flex-shrink:0;margin-top:1px}.blogpost-toc-link--active .blogpost-toc-number{color:var(--color-primary-light)}.blogpost-main{flex:1;min-width:0;max-width:760px}.blogpost-content h2{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;color:var(--color-gray-900);margin:var(--space-2xl) 0 var(--space-md);letter-spacing:-.01em;padding-top:var(--space-md)}.blogpost-content h3{font-size:clamp(1.125rem,2.5vw,1.313rem);font-weight:600;color:var(--color-gray-800);margin:var(--space-xl) 0 var(--space-sm)}.blogpost-content p{font-size:1.0625rem;line-height:1.8;color:var(--color-gray-700);margin-bottom:var(--space-md)}.blogpost-content .blog-intro{font-size:1.125rem;color:var(--color-gray-600);line-height:1.8;border-left:3px solid var(--color-primary);padding-left:var(--space-lg);margin-bottom:var(--space-xl)}.blogpost-content ul,.blogpost-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blogpost-content ul{list-style:disc}.blogpost-content ol{list-style:decimal}.blogpost-content li{font-size:1.0625rem;line-height:1.8;color:var(--color-gray-700);margin-bottom:var(--space-xs)}.blogpost-content li::marker{color:var(--color-primary)}.blogpost-content strong{font-weight:600;color:var(--color-gray-900)}.blogpost-content a{color:var(--color-primary);font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.blogpost-content a:hover{color:var(--color-primary-dark)}.blogpost-content .blog-image{margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden}.blogpost-content .blog-image img{width:100%;height:auto;display:block;object-fit:cover;max-height:400px;border-radius:var(--radius-lg)}.blogpost-content .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-lg) 0;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.blogpost-content table{width:100%;min-width:500px;border-collapse:collapse;font-size:.938rem;overflow:hidden}.blogpost-content thead{background:var(--color-gray-50)}.blogpost-content th{font-weight:600;color:var(--color-gray-800);text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--color-gray-200);font-size:.875rem}.blogpost-content td{padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);line-height:1.5}.blogpost-content tbody tr:last-child td{border-bottom:none}.blogpost-content tbody tr:hover{background:var(--color-gray-50)}.blogpost-content .blog-callout{background:var(--color-primary-ghost);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-lg);margin:var(--space-lg) 0}.blogpost-content .blog-callout p{color:var(--color-gray-800);margin-bottom:0}.blogpost-content .blog-callout p+p{margin-top:var(--space-sm)}.blogpost-content .blog-callout strong{color:var(--color-primary-dark)}.blogpost-content .blog-callout-warning{background:#f59e0b14;border-left-color:var(--color-warning)}.blogpost-content .blog-callout-warning strong{color:#b45309}.blogpost-content .blog-callout-error{background:#ef44440f;border-left-color:var(--color-error)}.blogpost-content .blog-callout-error strong{color:#b91c1c}.blogpost-content .blog-steps{counter-reset:blog-step;margin:var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-md)}.blogpost-content .blog-step{counter-increment:blog-step;display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100)}.blogpost-content .blog-step:before{content:counter(blog-step);display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-weight:700;font-size:.875rem;flex-shrink:0}.blogpost-content .blog-step-content h4{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-xs)}.blogpost-content .blog-step-content p{font-size:.938rem;margin-bottom:0;color:var(--color-gray-600)}.blogpost-faq{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-gray-100)}.blogpost-faq h2{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-lg)}.blogpost-faq-list{display:flex;flex-direction:column;gap:var(--space-xs)}.blogpost-faq-item{border:1px solid var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.blogpost-faq-item--open{border-color:var(--color-primary-glow)}.blogpost-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;color:var(--color-gray-800);text-align:left;cursor:pointer;transition:color .2s ease}.blogpost-faq-question:hover{color:var(--color-primary)}.blogpost-faq-icon{flex-shrink:0;transition:transform .3s ease;color:var(--color-gray-400)}.blogpost-faq-item--open .blogpost-faq-icon{transform:rotate(180deg);color:var(--color-primary)}.blogpost-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.blogpost-faq-item--open .blogpost-faq-answer{grid-template-rows:1fr}.blogpost-faq-answer-inner{overflow:hidden}.blogpost-faq-answer-inner p{padding:0 var(--space-lg) var(--space-lg);font-size:.938rem;line-height:1.7;color:var(--color-gray-600)}.blogpost-cta{margin-top:var(--space-2xl)}.blogpost-cta-inner{background:var(--color-cta-gradient);border-radius:var(--radius-xl);padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-xl)}@media(min-width:768px){.blogpost-cta-inner{flex-direction:row;align-items:center}}.blogpost-cta-content{flex:1}.blogpost-cta-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--color-white);margin-bottom:var(--space-sm)}.blogpost-cta-text{font-size:.938rem;color:#ffffffd9;line-height:1.6}.blogpost-cta-actions{display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0}.blogpost-cta-btn{background:var(--color-white);color:var(--color-primary);font-weight:700;white-space:nowrap}.blogpost-cta-btn:hover{background:var(--color-gray-50);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.blogpost-cta-btn-secondary{border-color:#ffffff4d;color:var(--color-white);background:transparent}.blogpost-cta-btn-secondary:hover{border-color:var(--color-white);color:var(--color-white);background:#ffffff1a}.blogpost-related{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-gray-100)}.blogpost-related-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-lg)}.blogpost-related-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.blogpost-related-grid{grid-template-columns:repeat(2,1fr)}}.blogpost-related-card{padding:var(--space-lg);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--space-sm)}.blogpost-related-card:hover{border-color:var(--color-primary-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.blogpost-related-category{display:inline-block;font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);background:var(--color-primary-ghost);padding:.2rem .625rem;border-radius:var(--radius-full);width:fit-content}.blogpost-related-card-title{font-size:1.063rem;font-weight:600;color:var(--color-gray-900);line-height:1.35}.blogpost-related-card:hover .blogpost-related-card-title{color:var(--color-primary)}.blogpost-related-excerpt{font-size:.875rem;color:var(--color-gray-500);line-height:1.6;flex:1}.blogpost-related-read{display:flex;align-items:center;gap:.375rem;font-size:.813rem;font-weight:600;color:var(--color-primary);margin-top:var(--space-xs)}.blogpost-footer{border-top:1px solid var(--color-gray-100);padding:var(--space-2xl) var(--container-padding)}.blogpost-footer-inner{max-width:var(--container-max);margin:0 auto}.blogpost-footer-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.blogpost-footer-logo{height:24px}.blogpost-footer-tagline{font-size:.875rem;color:var(--color-gray-400);text-align:center}.blogpost-footer-divider{height:1px;background:var(--color-gray-100);margin-bottom:var(--space-lg)}.blogpost-footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.blogpost-footer-credits{display:flex;align-items:center;gap:var(--space-sm);font-size:.813rem;color:var(--color-gray-400);flex-wrap:wrap;justify-content:center}.blogpost-footer-credits a{color:var(--color-gray-600);transition:color .2s ease}.blogpost-footer-credits a:hover{color:var(--color-primary)}.blogpost-footer-dot{color:var(--color-gray-300)}.blogpost-footer-copy{font-size:.75rem;color:var(--color-gray-400)}@media(max-width:480px){.blogpost-content .blog-step{flex-direction:column;gap:var(--space-sm)}.blogpost-content table{font-size:.813rem}.blogpost-content th,.blogpost-content td{padding:.5rem .625rem}.blogpost-breadcrumb-current{max-width:180px}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 50%,var(--color-gray-50) 100%);padding:var(--space-xl);position:relative;overflow:hidden}.not-found-page:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--color-primary-ghost) 0%,transparent 70%);pointer-events:none}.not-found-container{text-align:center;max-width:640px;position:relative;z-index:1}.not-found-code{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.not-found-4{font-family:var(--font-primary);font-size:clamp(7rem,18vw,12rem);font-weight:800;color:var(--color-gray-100);line-height:1;-webkit-text-stroke:2px var(--color-primary);paint-order:stroke fill;animation:subtlePulse 3s ease-in-out infinite;-webkit-user-select:none;user-select:none}.not-found-4:first-child{animation-delay:0s}.not-found-4:last-child{animation-delay:.5s}@keyframes subtlePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.not-found-mascot-wrapper{flex-shrink:0;width:clamp(100px,22vw,160px);filter:drop-shadow(0 16px 40px rgba(0,68,215,.2));animation:floatMascot 4s ease-in-out infinite}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.not-found-mascot{width:100%;height:auto;display:block}.not-found-content{margin-bottom:var(--space-3xl)}.not-found-title{font-family:var(--font-primary);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-md);letter-spacing:-.02em}.not-found-description{font-size:clamp(.938rem,2.5vw,1.125rem);color:var(--color-gray-500);line-height:1.7;max-width:460px;margin:0 auto var(--space-xl)}.not-found-actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;justify-content:center}.not-found-actions .btn{min-width:200px}.not-found-hint{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-gray-100);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;border:1px solid var(--color-gray-200)}.not-found-hint-code{color:var(--color-error);font-weight:600}.not-found-hint-separator{color:var(--color-gray-300)}.not-found-hint-text{color:var(--color-gray-400)}@media(min-width:480px){.not-found-actions{flex-direction:row}.not-found-actions .btn{min-width:auto}.not-found-code{gap:var(--space-md)}}@media(max-width:479px){.not-found-4{-webkit-text-stroke:1.5px var(--color-primary)}.not-found-mascot-wrapper{width:90px}.not-found-hint{flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.not-found-hint-separator{display:none}}