:root{--bg:#0c0d10;--bg-raised:#121316;--bg-hover:#17181c;--border:#202125;--border-strong:#2d2f35;--text:#ededf0;--text-dim:#a0a4ad;--text-faint:#686d76;--accent:#d9fbdf;--accent-ink:#0b1f14;--accent-soft:#a3e6bd1a;--danger:#f87171;--font-base:"Sora", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition-fast:.12s cubic-bezier(.23, 1, .32, 1);--transition-normal:.2s cubic-bezier(.23, 1, .32, 1);--ease-standard:cubic-bezier(.23, 1, .32, 1);--z-modal:100}html[data-theme=light]{--bg:#fbfbfc;--bg-raised:#fff;--bg-hover:#f2f3f5;--border:#e6e7ea;--border-strong:#d5d7dc;--text:#17181c;--text-dim:#565a63;--text-faint:#8a8f99;--accent:#12271a;--accent-ink:#f0fdf4;--accent-soft:#12271a0f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-base);background:var(--bg);color:var(--text);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.55}.mono{font-family:var(--font-mono);letter-spacing:0}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:2px}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.demo-root{--primary:#0080ff;--secondary:#ff1493;--accent-cyan:#0ff;--accent-purple:#8a2be2;--accent-orange:#ff8c00;--accent-yellow:gold;--bg-primary:#f7f5ff;--bg-secondary:#fff;--text-primary:#171a2b;--text-secondary:#55597a;--text-success:#157347;--text-error:#b02a37;--border-default:#171a2b1f;--border-error:#b02a37;--border-success:#157347;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 2px 8px #171a2b14;--shadow-md:0 12px 32px #171a2b24;--glow-aurora:0 8px 40px #0080ff40;--glass-blur:18px;--spacing-gap:1.5rem;--transition-fast:.15s cubic-bezier(.23, 1, .32, 1);--transition-normal:.3s cubic-bezier(.23, 1, .32, 1);--ease-standard:cubic-bezier(.23, 1, .32, 1);--z-dropdown:100;--z-modal:200;--z-toast:300;--font-base:"Inter", system-ui, sans-serif;--font-heading:"Sora", system-ui, sans-serif;--aurora-blue:#0080ff;--aurora-magenta:#ff1493;--aurora-cyan:#0ff;font-family:var(--font-base);color:var(--text-primary);background:var(--bg-primary);min-height:100dvh;line-height:1.55}.demo-root[data-mode=dark]{--bg-primary:#0a0e1a;--bg-secondary:#141a2eb8;--text-primary:#eef1ff;--text-secondary:#9aa3c7;--border-default:#eef1ff24;--shadow-sm:0 2px 8px #0006;--shadow-md:0 12px 32px #00000080;--glow-aurora:0 8px 40px #0080ff66}.demo-root h1,.demo-root h2,.demo-root h3{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.1}.demo-nav{z-index:var(--z-dropdown);justify-content:space-between;gap:var(--spacing-gap);background:var(--bg-secondary);height:64px;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-default);padding:0 1.5rem;position:sticky;top:0}.demo-nav,.demo-nav__actions,.demo-nav__brand,.demo-nav__link,.demo-nav__links{align-items:center;display:flex}.demo-nav__brand{font-family:var(--font-heading);color:var(--text-primary);gap:.5rem;font-size:1.0625rem;font-weight:700;text-decoration:none}.demo-nav__mark{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--aurora-blue),var(--aurora-magenta) 55%,var(--accent-cyan));background-size:200% 200%;width:28px;height:28px;animation:10s ease-in-out infinite demo-aurora}.demo-nav__links{gap:.25rem}.demo-nav__link{height:40px;color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast);border-radius:999px;padding:0 .875rem;font-size:.875rem;text-decoration:none}.demo-nav__link:hover{color:var(--text-primary);background:color-mix(in srgb,var(--aurora-blue) 12%,transparent)}.demo-nav__link--active{color:var(--primary);font-weight:600}.demo-nav__actions{gap:.5rem}.demo-btn{cursor:pointer;min-height:44px;transition:filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-normal);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.375rem;font-family:inherit;font-size:.9063rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-btn:active{transform:scale(.97)}.demo-btn--primary{color:#fff;background:linear-gradient(120deg,var(--aurora-blue),var(--aurora-magenta));box-shadow:var(--glow-aurora);background-size:180% 180%;animation:9s ease-in-out infinite demo-aurora}.demo-btn--primary:hover{filter:brightness(1.12);box-shadow:0 10px 48px #ff149359}.demo-btn--ghost{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-default);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.demo-btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.demo-btn--lg{min-height:52px;padding:0 1.75rem;font-size:1rem}.demo-theme-toggle{border:1px solid var(--border-default);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);background:0 0;border-radius:999px;justify-content:center;align-items:center;display:flex}.demo-theme-toggle:hover{color:var(--accent-yellow);border-color:var(--accent-yellow)}.demo-theme-toggle:active{transform:scale(.94)}.demo-aurora-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.demo-blob{filter:saturate(1.2)blur(70px);opacity:.55;mix-blend-mode:multiply;border-radius:50%;animation:12s ease-in-out infinite demo-drift;position:absolute}.demo-root[data-mode=dark] .demo-blob{mix-blend-mode:screen;opacity:.5}.demo-blob--1{background:radial-gradient(circle,var(--aurora-blue),transparent 70%);width:480px;height:480px;top:-160px;left:-100px}.demo-blob--2{background:radial-gradient(circle,var(--aurora-magenta),transparent 70%);width:420px;height:420px;animation-delay:-4s;top:-80px;right:-120px}.demo-blob--3{background:radial-gradient(circle,var(--accent-cyan),transparent 70%);width:380px;height:380px;animation-delay:-8s;bottom:-180px;left:30%}@keyframes demo-drift{0%,to{transform:translateZ(0)scale(1)}33%{transform:translate(60px,30px)scale(1.12)}66%{transform:translate(-40px,50px)scale(.94)}}@keyframes demo-aurora{0%,to{background-position:0}50%{background-position:100%}}.demo-section{max-width:1080px;margin:0 auto;padding:5.5rem 1.5rem;position:relative}.demo-section__title{max-width:30ch;font-size:calc(clamp(1.6rem,3.2vw,2.25rem))}.demo-section__sub{color:var(--text-secondary);max-width:58ch;margin-top:.75rem}.demo-hero{padding:7rem 1.5rem 6rem;position:relative;overflow:hidden}.demo-hero__inner{z-index:1;align-items:center;gap:3.5rem;max-width:1080px;margin:0 auto;display:flex;position:relative}.demo-hero__copy{flex:1.2;min-width:0}.demo-hero__title{font-size:calc(clamp(2.25rem,5.5vw,3.5rem));line-height:1.05}.demo-hero__title em{background:linear-gradient(120deg,var(--aurora-blue),var(--aurora-magenta),var(--accent-cyan));color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:10s ease-in-out infinite demo-aurora}.demo-hero__sub{color:var(--text-secondary);max-width:34rem;margin-top:1.125rem;font-size:1.0625rem}.demo-hero__ctas{flex-wrap:wrap;align-items:center;gap:.875rem;margin-top:2rem;display:flex}.demo-hero__art{flex:1;min-width:0}.demo-hero__art,.demo-orb{justify-content:center;align-items:center;display:flex}.demo-orb{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#00ffffd9,transparent 45%),radial-gradient(circle at 70% 40%,#ff1493e6,transparent 50%),radial-gradient(circle at 45% 75%,#0080fff2,transparent 55%),linear-gradient(135deg,var(--accent-purple),var(--aurora-blue));width:min(340px,80%);box-shadow:var(--glow-aurora),inset 0 0 60px #ffffff24;background-size:200% 200%;border-radius:50%;animation:11s ease-in-out infinite demo-aurora,7s ease-in-out infinite demo-float;position:relative}@keyframes demo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.demo-orb__icon{color:#ffffffeb;font-variation-settings:"FILL" 1,"wght" 500;font-size:64px}.demo-grid{gap:var(--spacing-gap);flex-wrap:wrap;margin-top:2.25rem;display:flex}.demo-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);flex-direction:column;flex:260px;gap:.75rem;padding:1.5rem;display:flex}.demo-card:hover{box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--aurora-blue) 35%,transparent);transform:translateY(-4px)}.demo-card__icon{border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--aurora-blue) 22%,transparent),color-mix(in srgb,var(--aurora-magenta) 22%,transparent));width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;display:flex}.demo-card__title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:600}.demo-card__text{color:var(--text-secondary);font-size:.9063rem}.demo-steps{counter-reset:step;flex-direction:column;gap:0;margin-top:2.25rem;display:flex}.demo-step{border-bottom:1px solid var(--border-default);align-items:center;gap:1.25rem;padding:1.375rem 0;display:flex}.demo-step:last-child{border-bottom:none}.demo-step__num{width:44px;height:44px;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,var(--aurora-blue),var(--aurora-magenta));border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.demo-step__title{font-family:var(--font-heading);font-weight:600}.demo-step__text{color:var(--text-secondary);font-size:.9063rem}.demo-quote__text{color:var(--text-primary);font-size:.9688rem}.demo-quote__who{color:var(--text-secondary);margin-top:auto;font-size:.8125rem}.demo-price-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-direction:column;flex:250px;gap:.875rem;padding:1.75rem 1.5rem;display:flex;position:relative}.demo-price-card--hot{border:1px solid var(--primary);box-shadow:var(--glow-aurora);background:linear-gradient(160deg,color-mix(in srgb,var(--aurora-blue) 10%,var(--bg-secondary)),var(--bg-secondary))}.demo-price-card__tag{letter-spacing:.08em;color:#fff;background:linear-gradient(120deg,var(--aurora-blue),var(--aurora-magenta));white-space:nowrap;border-radius:999px;padding:.25rem .875rem;font-size:.6875rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.demo-price-card__name{font-family:var(--font-heading);font-weight:600}.demo-price-card__amount{font-family:var(--font-heading);font-size:2rem;font-weight:700}.demo-price-card__amount span{color:var(--text-secondary);font-size:.875rem;font-weight:400}.demo-price-card__list{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.demo-price-card__list li{align-items:center;gap:.5rem;display:flex}.demo-price-card__list .material-symbols-rounded{color:var(--text-success);font-size:18px}.demo-price-card .demo-btn{margin-top:auto}.demo-faq{flex-direction:column;gap:.75rem;max-width:720px;margin-top:2.25rem;display:flex}.demo-faq details{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);padding:0}.demo-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.demo-faq summary::-webkit-details-marker{display:none}.demo-faq summary .material-symbols-rounded{color:var(--primary);transition:transform var(--transition-normal)}.demo-faq details[open] summary .material-symbols-rounded{transform:rotate(180deg)}.demo-faq p{color:var(--text-secondary);padding:0 1.25rem 1.125rem;font-size:.9063rem}.demo-contact{flex-wrap:wrap;align-items:flex-start;gap:3rem;display:flex}.demo-contact__info{flex:1;min-width:260px}.demo-contact__form{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);min-width:min(420px,100%);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-sm);flex-direction:column;flex:1.3;gap:1.125rem;padding:1.75rem;display:flex}.demo-input-group{flex-direction:column;gap:.375rem;display:flex}.demo-input-group label{font-size:.8438rem;font-weight:600}.demo-input-group input,.demo-input-group textarea{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.75rem .9375rem;font-family:inherit;font-size:.9375rem}.demo-input-group input:focus,.demo-input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--aurora-blue) 25%,transparent);outline:none}.demo-input-group--error input,.demo-input-group--error textarea{border-color:var(--border-error)}.demo-input-group__error{color:var(--text-error);align-items:center;gap:.375rem;font-size:.7813rem;display:flex}.demo-input-group__error .material-symbols-rounded{font-size:16px}.demo-contact__success{border:1px solid var(--border-success);border-radius:var(--radius-md);color:var(--text-success);align-items:center;gap:.625rem;padding:.875rem 1.125rem;font-size:.9063rem;display:flex}.demo-band{text-align:center;padding:5rem 1.5rem}.demo-band__title{font-size:calc(clamp(1.5rem,3vw,2.125rem))}.demo-band__sub{color:var(--text-secondary);margin-top:.625rem}.demo-band .demo-hero__ctas{justify-content:center}.demo-footer{border-top:1px solid var(--border-default);background:var(--bg-secondary);padding:2.5rem 1.5rem}.demo-footer__inner{justify-content:space-between;gap:var(--spacing-gap);max-width:1080px;margin:0 auto}.demo-footer__inner,.demo-footer__links{flex-wrap:wrap;align-items:center;display:flex}.demo-footer__links{gap:1.25rem}.demo-footer__links a{color:var(--text-secondary);font-size:.8438rem;text-decoration:none}.demo-footer__links a:hover{color:var(--primary)}.demo-footer__social{align-items:center;gap:.375rem;display:flex}.demo-footer__social a{width:40px;height:40px;color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;display:flex}.demo-footer__social a:hover{color:var(--primary);background:color-mix(in srgb,var(--aurora-blue) 12%,transparent)}.demo-footer__copy{color:var(--text-secondary);text-align:center;width:100%;margin-top:1.25rem;font-size:.75rem}.demo-pagehead{text-align:center;padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}.demo-pagehead__inner{z-index:1;max-width:46rem;margin:0 auto;position:relative}.demo-pagehead__title{font-size:calc(clamp(2rem,4.5vw,2.875rem))}.demo-pagehead__sub{color:var(--text-secondary);margin-top:1rem;font-size:1.0625rem}.demo-board{gap:var(--spacing-gap);flex-wrap:wrap;margin-top:2.25rem;display:flex}.demo-board__panel{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-direction:column;flex:300px;gap:1rem;padding:1.5rem;display:flex}.demo-board__stat{font-family:var(--font-heading);font-size:2rem;font-weight:700}.demo-board__label{color:var(--text-secondary);font-size:.8125rem}.demo-board__trend{color:var(--text-success);align-items:center;gap:.375rem;font-size:.8438rem;font-weight:600;display:flex}.demo-board__trend--down{color:var(--text-error)}.demo-step__num--icon{font-size:22px}@media (width<=820px){.demo-hero{padding:4rem 1.25rem 3.5rem}.demo-hero__inner{text-align:center;flex-direction:column;align-items:stretch}.demo-hero__ctas{justify-content:center}.demo-hero__sub{margin-inline:auto}.demo-orb{width:min(240px,70%);margin:0 auto}.demo-nav__links{display:none}.demo-section{padding:3.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.demo-root .demo-blob,.demo-root .demo-btn--primary,.demo-root .demo-hero__title em,.demo-root .demo-nav__mark,.demo-root .demo-orb{animation:none}}
