*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4{line-height:1.15;font-weight:700;margin:0 0 .5em;letter-spacing:-.02em}p{margin:0 0 1em}:root{--ink: #0f172a;--ink-soft: #475569;--ink-muted: #64748b;--bg: #fafafa;--bg-card: #ffffff;--bg-dark: #0f172a;--bg-dark-soft: #1e293b;--accent: #06b6d4;--accent-strong: #0891b2;--accent-glow: rgba(6, 182, 212, .15);--highlight: #fbbf24;--border: #e2e8f0;--border-dark: #334155;--max: 1240px;--r: 12px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .12)}.container{max-width:var(--max);margin:0 auto;padding:0 1.5rem}section{padding:5.5rem 0}section.dark{background:var(--bg-dark);color:#e2e8f0}section.dark h2{color:#fff}section.alt{background:var(--bg-card)}.eyebrow{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem}.section-title{font-size:clamp(1.85rem,3.5vw,2.75rem);margin-bottom:.75rem;letter-spacing:-.025em}.section-intro{color:var(--ink-soft);max-width:740px;font-size:1.075rem;margin-bottom:3rem}.text-center{text-align:center}.text-center .section-intro{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.6rem;border-radius:var(--r);font-weight:600;border:2px solid transparent;font-size:1rem;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,color .2s ease;white-space:nowrap}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#1e293b;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 10px 30px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}.btn-ghost-light{background:transparent;color:#fff;border-color:#ffffff4d}.btn-ghost-light:hover{background:#fff;color:var(--ink);border-color:#fff}.site-header{position:sticky;top:0;z-index:100;background:#fafafaeb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 0}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.2rem;color:var(--ink)}.brand-dot{width:.7rem;height:.7rem;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.site-header nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.site-header nav a{font-size:.95rem;font-weight:500;color:var(--ink-soft);transition:color .15s}.site-header nav a:hover{color:var(--ink)}@media (max-width: 880px){.site-header nav{display:none}}.hero{padding:6rem 0 5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 0%,var(--accent-glow),transparent 60%),radial-gradient(600px 300px at 10% 100%,rgba(251,191,36,.08),transparent 60%);pointer-events:none}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--border);color:var(--ink-soft);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:500;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.hero-tag .pulse{width:.5rem;height:.5rem;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05;letter-spacing:-.035em;max-width:14ch;margin-bottom:1.5rem}.hero h1 .highlight{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{font-size:1.2rem;color:var(--ink-soft);max-width:600px;margin-bottom:2rem}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:720px;border-top:1px solid var(--border);padding-top:2.5rem}.hero-stats .stat{display:flex;flex-direction:column;gap:.2rem}.hero-stats .num{font-size:2rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.hero-stats .label{font-size:.85rem;color:var(--ink-muted)}.manifesto{background:var(--ink);color:#e2e8f0;padding:4.5rem 0}.manifesto h2{color:#fff;font-size:clamp(1.6rem,3vw,2.25rem);max-width:22ch;margin:0 auto 1.5rem;text-align:center;letter-spacing:-.02em}.manifesto p{text-align:center;font-size:1.075rem;color:#94a3b8;max-width:720px;margin:0 auto}.manifesto .signature{text-align:center;margin-top:2rem;font-style:italic;color:#64748b;font-size:.95rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:2rem 1.75rem;position:relative;transition:transform .2s,box-shadow .2s}.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step .num{font-size:2.5rem;font-weight:800;color:var(--accent);letter-spacing:-.04em;line-height:1;margin-bottom:1rem}.step h3{font-size:1.15rem;margin-bottom:.5rem}.step p{font-size:.95rem;color:var(--ink-soft);margin:0}.demo-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.demo-tab{padding:.6rem 1.25rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--ink-soft);font-weight:500;font-size:.95rem}.demo-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.demo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.demo-card .preview{height:220px;background:linear-gradient(135deg,var(--ink) 0%,var(--bg-dark-soft) 100%);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;overflow:hidden}.demo-card .preview:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 70% 30%,rgba(6,182,212,.25),transparent 60%),radial-gradient(300px 200px at 30% 80%,rgba(251,191,36,.15),transparent 60%)}.demo-card .preview-inner{position:relative;text-align:center;padding:0 1rem}.demo-card .preview-inner small{display:block;font-weight:400;opacity:.7;font-size:.8rem;margin-top:.5rem;letter-spacing:.05em;text-transform:uppercase}.demo-card .body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.demo-card .body h3{font-size:1.15rem;margin-bottom:.4rem}.demo-card .body .meta{color:var(--ink-muted);font-size:.85rem;margin-bottom:1rem}.demo-card .body p{font-size:.95rem;color:var(--ink-soft);margin-bottom:1.25rem;flex:1}.demo-card .body .actions{display:flex;gap:.5rem;flex-wrap:wrap}.demo-card .body .actions .btn{padding:.55rem 1rem;font-size:.9rem}.demo-stats{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#06b6d40d;border-top:1px solid var(--border);font-size:.825rem;color:var(--ink-muted)}.demo-stats span strong{color:var(--ink);font-weight:600}.verticals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.vertical{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s}.vertical:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.vertical .icon{font-size:2.5rem;margin-bottom:1rem}.vertical h3{font-size:1.25rem;margin-bottom:.5rem}.vertical .audience{color:var(--ink-muted);font-size:.9rem;margin-bottom:1rem;font-style:italic}.vertical p{font-size:.95rem;color:var(--ink-soft);margin-bottom:1rem}.vertical .examples{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.vertical .examples li{font-size:.825rem;padding:.2rem .65rem;background:#06b6d414;color:var(--accent-strong);border-radius:999px;font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:stretch}.tier{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:2.25rem 2rem;display:flex;flex-direction:column;position:relative}.tier.featured{border-color:var(--accent);border-width:2px;box-shadow:0 20px 50px #06b6d426;transform:translateY(-.5rem)}.tier .popular-tag{position:absolute;top:-.85rem;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.3rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.tier-name{font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.25rem}.tier-tagline{color:var(--ink-muted);font-size:.9rem;margin-bottom:1.5rem}.tier-price{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.tier-price small{font-size:1rem;font-weight:500;color:var(--ink-muted)}.tier-setup{font-size:.85rem;color:var(--ink-muted);margin-bottom:1.5rem}.tier-features{list-style:none;padding:0;margin:1.5rem 0 2rem;flex:1}.tier-features li{padding:.5rem 0;font-size:.95rem;display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-soft)}.tier-features li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.tier-features li.no:before{content:"×";color:var(--ink-muted)}.intake{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:20px;padding:3rem;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.intake:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 250px at 100% 0%,rgba(6,182,212,.2),transparent 60%),radial-gradient(400px 200px at 0% 100%,rgba(251,191,36,.1),transparent 60%);pointer-events:none}.intake-inner{position:relative}.intake h3{color:#fff;font-size:1.6rem;margin-bottom:.5rem}.intake p{color:#94a3b8;margin-bottom:2rem}.intake-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.intake-form .full{grid-column:1 / -1}.intake-form label{display:block;font-size:.85rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.intake-form input,.intake-form select,.intake-form textarea{width:100%;padding:.85rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font:inherit;font-size:.95rem;transition:border-color .15s,background .15s}.intake-form input::placeholder,.intake-form textarea::placeholder{color:#64748b}.intake-form input:focus,.intake-form select:focus,.intake-form textarea:focus{outline:none;border-color:var(--accent);background:#ffffff14}.intake-form textarea{min-height:110px;resize:vertical}.intake-form button{width:100%;background:var(--accent);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;font-size:1rem;transition:background .15s,transform .1s}.intake-form button:hover{background:var(--accent-strong)}.intake-form button:active{transform:scale(.98)}.intake-disclaimer{text-align:center;font-size:.825rem;color:#64748b;margin-top:1rem}@media (max-width: 700px){.intake{padding:2rem 1.5rem}.intake-form{grid-template-columns:1fr}}.faq-list{max-width:820px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{padding:1.4rem 0;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.05rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:1.6rem;font-weight:300;transition:transform .2s;flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item .answer{padding:0 0 1.5rem;color:var(--ink-soft);font-size:1rem}.final-cta-section{background:var(--ink);color:#fff;padding:6rem 0;text-align:center}.final-cta-section h2{color:#fff;font-size:clamp(2rem,4vw,3rem);max-width:18ch;margin:0 auto 1rem}.final-cta-section p{color:#94a3b8;font-size:1.1rem;max-width:540px;margin:0 auto 2.5rem}.final-cta-section .ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.site-footer{background:#020617;color:#94a3b8;padding:4rem 0 2rem;font-size:.95rem}.site-footer a{color:#cbd5e1;transition:color .15s}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}@media (max-width: 700px){.footer-grid{grid-template-columns:1fr 1fr}}.site-footer h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{padding:.3rem 0}.footer-brand p{font-size:.95rem;color:#94a3b8;margin:.75rem 0 0;max-width:280px}.footer-bottom{border-top:1px solid #1e293b;padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#475569}*:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero{min-height:clamp(640px,92vh,920px);padding:clamp(4rem,10vh,7rem) 0 clamp(3rem,8vh,5rem);position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fafafa,#f1f5f9)}.hero:before{display:none}.hero-content{position:relative;z-index:3}.hero-mesh{position:absolute;inset:-10%;z-index:0;filter:blur(80px);opacity:.55;pointer-events:none}.hero-mesh-blob{position:absolute;width:50%;height:50%;border-radius:50%;mix-blend-mode:multiply}.hero-mesh-blob-1{background:radial-gradient(circle,#06b6d4 0%,transparent 70%);top:-10%;left:60%;animation:blob-float-1 18s ease-in-out infinite}.hero-mesh-blob-2{background:radial-gradient(circle,#fbbf24 0%,transparent 70%);top:30%;left:-10%;animation:blob-float-2 22s ease-in-out infinite}.hero-mesh-blob-3{background:radial-gradient(circle,#c084fc 0%,transparent 70%);top:50%;left:40%;animation:blob-float-3 26s ease-in-out infinite}@keyframes blob-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-15%,20%) scale(1.15)}66%{transform:translate(10%,-10%) scale(.9)}}@keyframes blob-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20%,-15%) scale(1.2)}}@keyframes blob-float-3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-25%,-20%) scale(.85)}80%{transform:translate(15%,15%) scale(1.1)}}.hero-grid-overlay{position:absolute;inset:0;z-index:1;background-image:linear-gradient(to right,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 70%);pointer-events:none}.hero-spotlight{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),rgba(6,182,212,.18),transparent 40%);opacity:0;transition:opacity .3s ease}.hero-grid-2col{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}@media (max-width: 1100px){.hero-grid-2col{grid-template-columns:1fr;gap:3rem}.hero-3d-col{order:-1;max-width:520px;margin:0 auto;width:100%}}.hero-text-col{min-width:0}.hero-3d-col{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-headline{font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.04em;font-weight:800;max-width:16ch;margin:0 0 1.5rem;color:var(--ink);text-wrap:balance}.hero-headline .highlight{background:linear-gradient(135deg,#06b6d4,#0891b2,#6366f1);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 6s ease infinite;white-space:nowrap}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.rotator{position:relative;display:inline-block;vertical-align:bottom;height:1.05em;min-width:7ch;overflow:visible}.rotator-track{position:relative;display:inline-block}.rotator-word{position:absolute;top:0;left:0;white-space:nowrap;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(.4em) rotateX(-40deg);transform-origin:50% 100%;transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.4,.64,1);border-bottom:4px solid #06b6d4;padding-bottom:.05em}.rotator-word.is-active{opacity:1;transform:translateY(0) rotateX(0)}.rotator-word.is-leaving{opacity:0;transform:translateY(-.4em) rotateX(40deg);transition:opacity .4s ease,transform .4s ease-in}.rotator-word:first-child{position:relative}.hero .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--ink-soft);max-width:640px;margin:0 0 2.25rem;line-height:1.6}.btn-lg{padding:1.1rem 1.9rem;font-size:1.05rem;border-radius:14px}.btn-arrow{display:inline-block;transition:transform .25s ease}.btn:hover .btn-arrow{transform:translate(4px)}.btn-play{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;font-size:.55rem;padding-left:2px}.btn-accent.btn-lg{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 10px 30px #06b6d459,0 0 0 1px #06b6d466}.btn-accent.btn-lg:hover{box-shadow:0 15px 40px #06b6d473,0 0 0 1px #06b6d499;transform:translateY(-2px)}.hero-ctas{gap:.85rem;margin-bottom:2.5rem}.hero-trust-row{display:inline-flex;align-items:center;gap:1rem;background:#ffffffb3;backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;padding:.5rem 1.25rem .5rem .5rem;margin-bottom:3rem}.hero-trust-avatars{display:flex}.hero-trust-avatars .avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;border:2px solid #fff;margin-left:-10px}.hero-trust-avatars .avatar:first-child{margin-left:0}.hero-trust-avatars .avatar-1{background:linear-gradient(135deg,#fb923c,#f97316)}.hero-trust-avatars .avatar-2{background:linear-gradient(135deg,#dc2626,#991b1b)}.hero-trust-avatars .avatar-3{background:linear-gradient(135deg,#65a30d,#4d7c0f)}.hero-trust-text{display:flex;flex-direction:column;line-height:1.2}.hero-trust-text strong{font-size:.9rem;color:var(--ink)}.hero-trust-text span{font-size:.78rem;color:var(--ink-muted)}.hero-stats{border-top:1px solid var(--border);padding-top:2rem;max-width:760px}.hero-stats .num{font-size:clamp(1.85rem,3vw,2.4rem);font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-scroll-cue{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--ink-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;opacity:.7;transition:opacity .2s}.hero-scroll-cue:hover{opacity:1}.hero-scroll-cue-line{width:1px;height:36px;background:linear-gradient(to bottom,transparent,var(--ink-soft));position:relative;overflow:hidden}.hero-scroll-cue-line:after{content:"";position:absolute;top:-36px;left:0;width:100%;height:36px;background:linear-gradient(to bottom,transparent,var(--accent));animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%{transform:translateY(0)}to{transform:translateY(72px)}}@media (max-width: 720px){.hero-scroll-cue{display:none}}.demos-showcase{background:linear-gradient(180deg,#fff,#f8fafc);position:relative;overflow:hidden}.demos-showcase:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(to right,transparent,var(--accent),transparent)}.showcase{margin-top:2.5rem}.showcase-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem;padding:.4rem;background:#0f172a0a;border-radius:999px;width:fit-content;margin-left:auto;margin-right:auto}.showcase-tab{display:inline-flex;align-items:center;gap:.65rem;padding:.65rem 1.1rem .65rem .85rem;border-radius:999px;border:none;background:transparent;color:var(--ink-soft);font-weight:500;font-size:.9rem;cursor:pointer;transition:background .25s,color .25s;--tab-accent: #06b6d4}.showcase-tab:hover{color:var(--ink)}.showcase-tab.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #0f172a14}.showcase-tab-dot{width:9px;height:9px;border-radius:50%;background:var(--tab-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tab-accent) 25%,transparent)}.showcase-tab-label{display:flex;flex-direction:column;line-height:1.1;text-align:left}.showcase-tab-sector{font-weight:700;font-size:.92rem}.showcase-tab-sub{font-size:.72rem;color:var(--ink-muted)}.showcase-tab.is-active .showcase-tab-sub{color:var(--ink-soft)}.showcase-stage{position:relative}.showcase-panel{display:none;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:2.5rem;align-items:stretch;animation:panel-fade .5s ease;--panel-accent: #06b6d4}.showcase-panel.is-active{display:grid}@keyframes panel-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.showcase-panel{grid-template-columns:1fr}}.showcase-info{display:flex;flex-direction:column;gap:1.25rem}.showcase-info-pain{background:color-mix(in srgb,var(--panel-accent) 10%,white);border:1px solid color-mix(in srgb,var(--panel-accent) 30%,transparent);border-radius:14px;padding:1rem 1.25rem}.showcase-pain-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--panel-accent);margin-bottom:.35rem}.showcase-pain-text{margin:0;font-size:1.05rem;font-weight:600;color:var(--ink);line-height:1.35}.showcase-info-name h3{font-size:1.4rem;margin:0 0 .2rem}.showcase-info-name span{color:var(--ink-muted);font-size:.9rem}.showcase-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem}.showcase-features li{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:var(--ink-soft)}.showcase-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--panel-accent) 15%,transparent);color:var(--panel-accent);font-size:.65rem;font-weight:800;flex-shrink:0}.showcase-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.showcase-metric{display:flex;flex-direction:column;gap:.15rem}.showcase-metric-value{font-size:1.45rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.showcase-metric-label{font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em}.browser-frame{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -20px #0f172a40,0 12px 30px -10px #0f172a26;position:relative;transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column}.browser-frame:hover{transform:translateY(-4px);box-shadow:0 40px 80px -20px #0f172a4d,0 16px 40px -10px #0f172a33}.browser-frame:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-accent),transparent 50%);border-radius:16px;z-index:-1;opacity:.4}.browser-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:.4rem}.browser-dots span{width:11px;height:11px;border-radius:50%}.browser-dots span:nth-child(1){background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#10b981}.browser-url{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:1px solid var(--border);border-radius:8px;padding:.4rem .85rem;font-size:.82rem;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,monospace;max-width:360px;margin:0 auto}.browser-lock{font-size:.7rem;opacity:.7}.browser-spacer{width:30px}.browser-viewport{position:relative;aspect-ratio:16 / 10;background:#fafafa}.browser-viewport iframe{width:100%;height:100%;border:0;display:block}.browser-loading{position:absolute;inset:0;background:#fafafa;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease;z-index:1;pointer-events:none}.browser-loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--panel-accent);border-radius:50%;animation:browser-spin .9s linear infinite}@keyframes browser-spin{to{transform:rotate(360deg)}}.browser-open-link{position:absolute;top:.5rem;right:.65rem;background:#0f172ad9;color:#fff;font-size:.72rem;padding:.3rem .65rem;border-radius:6px;text-decoration:none;opacity:0;transition:opacity .2s;font-weight:500;z-index:2}.browser-frame:hover .browser-open-link{opacity:1}@media (max-width: 720px){.showcase-features{grid-template-columns:1fr}.browser-url{max-width:200px;font-size:.72rem}.browser-spacer{display:none}}.frame-3d-scene{position:relative;perspective:1600px;perspective-origin:50% 30%;--enter-progress: 0;--tilt-x: 0deg;--tilt-y: 0deg;isolation:isolate}.frame-3d-stage{position:relative;transform-style:preserve-3d;transform:translateY(calc((1 - var(--enter-progress)) * 60px)) translateZ(calc((1 - var(--enter-progress)) * -160px)) rotateX(calc((1 - var(--enter-progress)) * 22deg + var(--tilt-x))) rotateY(var(--tilt-y)) scale(calc(.88 + var(--enter-progress) * .12));transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.frame-3d-scene .browser-frame{transform-style:preserve-3d;transition:box-shadow .4s ease}@keyframes ambient-orbit{0%,to{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(1.2deg) rotateX(-.5deg)}50%{transform:rotateY(0) rotateX(.4deg)}75%{transform:rotateY(-1.2deg) rotateX(-.3deg)}}.frame-3d-scene:not(.is-hovered):not(.is-immersive) .browser-frame{animation:ambient-orbit 14s ease-in-out infinite}.frame-3d-scene.is-hovered .browser-frame{box-shadow:0 50px 100px -25px #0f172a59,0 25px 60px -15px color-mix(in srgb,var(--panel-accent) 30%,rgba(15,23,42,.15));transform:translateZ(40px);transition:transform .25s ease,box-shadow .4s ease}.frame-3d-glow{position:absolute;inset:-8% -4%;background:radial-gradient(ellipse 70% 50% at 50% 50%,color-mix(in srgb,var(--panel-accent) 40%,transparent),transparent 70%);filter:blur(60px);opacity:calc(.3 + var(--enter-progress) * .5);transition:opacity .6s ease;z-index:-2;animation:glow-breathe 8s ease-in-out infinite;pointer-events:none}@keyframes glow-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.frame-3d-floor{position:absolute;left:5%;right:5%;bottom:-20px;height:30px;background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(15,23,42,.35),transparent 70%);filter:blur(12px);opacity:calc(.3 + var(--enter-progress) * .5);transition:opacity .6s ease;transform:translateZ(-100px);pointer-events:none}.frame-3d-shadow{position:absolute;left:8%;right:8%;bottom:-8px;height:16px;background:#0f172a33;border-radius:50%;filter:blur(20px);opacity:calc(var(--enter-progress) * .6);z-index:-1;pointer-events:none}.frame-3d-enter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%) translateY(8px);display:inline-flex;align-items:center;gap:.5rem;background:#0f172aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease,background .2s;z-index:3;letter-spacing:.01em}.frame-3d-scene.is-hovered .frame-3d-enter,.frame-3d-scene.is-immersive .frame-3d-enter{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.frame-3d-enter:hover{background:var(--panel-accent);border-color:var(--panel-accent)}.frame-3d-enter-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--panel-accent);border-radius:50%;font-size:.85rem;font-weight:800;line-height:1}.frame-3d-scene.is-immersive .frame-3d-stage{transform:translateY(0) translateZ(0) rotateX(0) rotateY(0) scale(1.02);animation:none}.frame-3d-scene.is-immersive .browser-frame{animation:none;box-shadow:0 0 0 1px var(--panel-accent),0 60px 120px -30px #0f172a73,0 0 0 9999px #0f172a8c}.frame-3d-scene.is-hovered{perspective-origin:calc(50% + var(--tilt-y) * 2) calc(40% + var(--tilt-x) * 2)}@media (prefers-reduced-motion: reduce){.frame-3d-stage{transform:none!important;animation:none!important}.frame-3d-glow,.frame-3d-floor,.frame-3d-shadow{opacity:.4!important;animation:none!important}}@media (max-width: 980px){.frame-3d-scene{perspective:2400px}.frame-3d-stage{transform:translateY(calc((1 - var(--enter-progress)) * 30px)) rotateX(calc((1 - var(--enter-progress)) * 10deg)) scale(calc(.94 + var(--enter-progress) * .06))}.frame-3d-scene:not(.is-hovered):not(.is-immersive) .browser-frame{animation:none}}.hero-stage-3d{position:relative;width:100%;max-width:560px;aspect-ratio:5 / 4;perspective:1800px;perspective-origin:50% 45%;isolation:isolate}.hero-stage-orbit{position:absolute;inset:0;transform-style:preserve-3d;--orbit-rx: 0deg;--orbit-ry: 0deg;transform:rotateX(var(--orbit-rx)) rotateY(var(--orbit-ry));transition:transform .4s cubic-bezier(.22,1,.36,1);animation:stage-breathe 12s ease-in-out infinite}@keyframes stage-breathe{0%,to{transform:rotateX(var(--orbit-rx)) rotateY(calc(var(--orbit-ry) - 1.5deg))}50%{transform:rotateX(var(--orbit-rx)) rotateY(calc(var(--orbit-ry) + 1.5deg))}}.hero-stage-glow{position:absolute;inset:5%;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(6,182,212,.45),rgba(99,102,241,.2) 50%,transparent 70%);filter:blur(80px);z-index:-1;animation:stage-glow-pulse 9s ease-in-out infinite;pointer-events:none}@keyframes stage-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero-stage-floor{position:absolute;left:10%;right:10%;bottom:-30px;height:40px;background:radial-gradient(ellipse 40% 100% at 50% 0%,rgba(15,23,42,.3),transparent 70%);filter:blur(16px);pointer-events:none;z-index:-1}.hero-mockup{position:absolute;top:50%;left:50%;width:78%;background:#fff;border-radius:14px;border:1px solid var(--border);box-shadow:0 30px 60px -15px #0f172a4d,0 12px 30px -8px #0f172a2e;overflow:hidden;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,opacity .6s ease,filter .6s ease;--mock-accent: #06b6d4;--mock-accent-dark: #0891b2;--mock-bg: linear-gradient(135deg, #1e293b, #0f172a)}.hero-mockup.is-front{z-index:3;transform:translate(-50%,-50%) translateZ(80px) translate(-2%) rotateY(-6deg) rotateX(2deg);filter:brightness(1) saturate(1);opacity:1}.hero-mockup.is-back-right{z-index:2;transform:translate(-50%,-50%) translateZ(-30px) translate(38%) translateY(-12%) rotateY(-22deg) rotateX(4deg) scale(.82);filter:brightness(.92) saturate(.85);opacity:.88}.hero-mockup.is-back-left{z-index:1;transform:translate(-50%,-50%) translateZ(-90px) translate(-46%) translateY(8%) rotateY(18deg) rotateX(-2deg) scale(.74);filter:brightness(.85) saturate(.7);opacity:.7}.hero-mockup-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border)}.hero-mockup-dots{display:flex;gap:.25rem}.hero-mockup-dots span{width:7px;height:7px;border-radius:50%}.hero-mockup-dots span:nth-child(1){background:#ef4444}.hero-mockup-dots span:nth-child(2){background:#f59e0b}.hero-mockup-dots span:nth-child(3){background:#10b981}.hero-mockup-url{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;background:#fff;border:1px solid var(--border);border-radius:5px;padding:.25rem .5rem;font-size:.62rem;color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:-.01em}.hero-mockup-lock{font-size:.5rem;opacity:.6}.hero-mockup-screen{position:relative;background:var(--mock-bg);color:#fff;padding:1.1rem 1.1rem 1.25rem;min-height:230px;overflow:hidden}.hero-mockup-screen-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--mock-accent) 35%,transparent),transparent 50%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--mock-accent-dark) 25%,transparent),transparent 50%);pointer-events:none}.hero-mockup-nav{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.hero-mockup-brand{font-weight:800;font-size:.78rem;letter-spacing:.05em;background:var(--mock-accent);color:#fff;padding:.25rem .5rem;border-radius:4px}.hero-mockup-nav-links{display:flex;gap:.4rem}.hero-mockup-nav-links span{width:22px;height:5px;background:#fff6;border-radius:2px}.hero-mockup-headline{position:relative;font-size:.95rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;margin-bottom:.5rem;text-wrap:balance}.hero-mockup-sub{position:relative;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.85rem}.hero-mockup-sub span{height:4px;background:#ffffff40;border-radius:2px}.hero-mockup-sub span:nth-child(1){width:90%}.hero-mockup-sub span:nth-child(2){width:65%}.hero-mockup-cta{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:var(--mock-accent);color:#fff;font-size:.72rem;font-weight:700;padding:.4rem .75rem;border-radius:6px;margin-bottom:.9rem;box-shadow:0 4px 12px color-mix(in srgb,var(--mock-accent) 50%,transparent)}.hero-mockup-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.hero-mockup-card{height:38px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:5px}.hero-mockup-badge{position:absolute;top:-10px;right:-8px;background:var(--mock-accent);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .55rem;border-radius:4px;box-shadow:0 6px 16px color-mix(in srgb,var(--mock-accent) 50%,transparent);transform:translateZ(20px);z-index:2}@media (prefers-reduced-motion: reduce){.hero-stage-orbit{animation:none!important;transform:none!important}.hero-stage-glow{animation:none!important}.hero-mockup{transition:none!important}.hero-mockup.is-back-right,.hero-mockup.is-back-left{display:none}.hero-mockup.is-front{transform:translate(-50%,-50%)!important}}@media (max-width: 1100px){.hero-stage-3d{aspect-ratio:4 / 3;max-width:480px}.hero-stage-orbit{animation:none}}@media (max-width: 600px){.hero-stage-3d{aspect-ratio:5 / 4;max-width:380px}.hero-mockup.is-back-right{transform:translate(-50%,-50%) translate(28%) translateY(-10%) rotateY(-18deg) scale(.78)}.hero-mockup.is-back-left{transform:translate(-50%,-50%) translate(-36%) translateY(6%) rotateY(15deg) scale(.72)}.hero-mockup-screen{min-height:180px;padding:.85rem}.hero-mockup-headline{font-size:.82rem}}