*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--base-deep:#0f1115;--base-mid:#161a20;--base-soft:#1c2128;--slate-warm:#6b7280;--slate-light:#9ca3af;--graphite:#2a2e35;--graphite-soft:#3d424a;--ivory:#e5e7eb;--ivory-muted:#c9cdd4;--silver:#b0b8c4;--panel-bg:#161a208c;--panel-border:#9ca3af14;--silk-ease:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px}body{background:var(--base-deep);color:var(--ivory);-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif;overflow-x:hidden}.top-nav{z-index:600;transition:background .8s var(--silk-ease), padding .8s var(--silk-ease);justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);font-size:13px;font-weight:700;text-decoration:none}.nav-brand span{color:var(--slate-warm);margin-left:4px;font-weight:300}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{letter-spacing:.18em;text-transform:uppercase;color:var(--slate-warm);transition:color .8s var(--silk-ease);padding:14px 0 6px;font-size:10px;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";border-right:1px solid var(--silver);border-bottom:1px solid var(--silver);opacity:0;width:6px;height:6px;transition:transform .8s var(--silk-ease), opacity .6s var(--silk-ease);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(45deg)translateY(-8px)}.nav-links a:hover{color:var(--ivory)}.nav-links a:hover:after{opacity:.7;transform:translate(-50%)rotate(45deg)translateY(0)}.nav-links a.active{color:var(--ivory-muted)}.nav-links a.active:after{opacity:.4;transform:translate(-50%)rotate(45deg)translateY(0)}.side-panel{z-index:100;flex-direction:column;align-items:center;gap:14px;width:56px;padding:24px 0;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.side-panel.left{left:20px}.side-panel.right{right:20px}.side-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.25em;text-transform:uppercase;color:var(--slate-warm);opacity:.5;font-size:9px;font-weight:500}.side-track{background:#9ca3af0f;border-radius:1px;width:1px;height:160px;position:relative}.side-track-fill{background:linear-gradient(to bottom, var(--silver), #b0b8c426);width:100%;height:0%;transition:height 1.2s var(--silk-ease);border-radius:1px;position:absolute;top:0;left:0}.side-dot{background:var(--slate-warm);opacity:.15;width:6px;height:6px;transition:opacity .8s var(--silk-ease), transform .8s var(--silk-ease), box-shadow .8s var(--silk-ease);border-radius:50%}.side-dot.active{opacity:.8;background:var(--silver);transform:scale(1.3);box-shadow:0 0 12px #b0b8c44d}.side-readout{letter-spacing:.1em;color:var(--slate-warm);opacity:.35;font-variant-numeric:tabular-nums;font-size:9px;font-weight:400}.main{z-index:10;max-width:1120px;margin:0 auto;padding:0 40px;position:relative}.section{padding:120px 0;position:relative}.section-tag{letter-spacing:.3em;text-transform:uppercase;color:var(--slate-warm);opacity:.6;margin-bottom:20px;font-size:9px;font-weight:600}.section-title{letter-spacing:-.04em;color:var(--ivory);margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.15}.section-title strong{font-weight:600}.section-center{text-align:center}.btn-primary{background:linear-gradient(135deg, var(--silver), var(--slate-light));color:var(--base-deep);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:transform .8s var(--silk-ease), box-shadow .8s var(--silk-ease);border:none;border-radius:100px;padding:16px 44px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{transform:scale(1.02);box-shadow:0 8px 40px #b0b8c42e}.btn-secondary{color:var(--ivory-muted);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--panel-border);cursor:pointer;transition:transform .8s var(--silk-ease), border-color .8s var(--silk-ease), background .8s var(--silk-ease);background:0 0;border-radius:100px;padding:16px 44px;font-family:inherit;font-size:11px;font-weight:500;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#9ca3af0a;border-color:#9ca3af33;transform:scale(1.02)}.reveal{opacity:0;transition:opacity 1.2s var(--silk-ease), transform 1.2s var(--silk-ease);transform:translateY(36px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative}.hero-grid{z-index:0;pointer-events:none;--mx:50%;--my:50%;width:100vw;height:80%;-webkit-mask-image:radial-gradient(circle 300px at var(--mx) var(--my), #000 0%, transparent 65%), linear-gradient(to bottom, transparent 0%, transparent 25%, #0000001a 45%, #00000040 70%, #0006 100%);-webkit-mask-image:radial-gradient(circle 300px at var(--mx) var(--my), #000 0%, transparent 65%), linear-gradient(to bottom, transparent 0%, transparent 25%, #0000001a 45%, #00000040 70%, #0006 100%);mask-image:radial-gradient(circle 300px at var(--mx) var(--my), #000 0%, transparent 65%), linear-gradient(to bottom, transparent 0%, transparent 25%, #0000001a 45%, #00000040 70%, #0006 100%);-webkit-mask-composite:source-over;background-image:linear-gradient(90deg,#9ca3af38 1px,#0000 1px),linear-gradient(#9ca3af38 1px,#0000 1px);background-position:bottom;background-size:120px 120px;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-composite:source-over;mask-composite:add}.hero>:not(.hero-grid){z-index:1;position:relative}.hero-badge{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;animation:fadeUp 1.2s var(--silk-ease) .2s forwards;border-radius:100px;align-items:center;gap:10px;margin-bottom:40px;padding:10px 24px;display:inline-flex;transform:translateY(16px)}.hero-badge-dot{background:var(--silver);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite pulse;box-shadow:0 0 8px #b0b8c466}.hero-badge span{letter-spacing:.2em;text-transform:uppercase;color:var(--slate-light);font-size:10px;font-weight:600}.hero h1{letter-spacing:-.05em;opacity:0;animation:fadeUp 1.4s var(--silk-ease) .4s forwards;font-size:clamp(2.8rem,6.5vw,5.5rem);font-weight:300;line-height:1;transform:translateY(24px)}.hero h1 em{background:linear-gradient(135deg, var(--ivory), var(--silver), var(--slate-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:600}.hero-sub{color:var(--slate-light);opacity:0;max-width:520px;animation:fadeUp 1.4s var(--silk-ease) .6s forwards;margin:28px auto 48px;font-size:clamp(.85rem,1.2vw,1rem);font-weight:300;line-height:1.7;transform:translateY(16px)}.hero-ctas{opacity:0;animation:fadeUp 1.4s var(--silk-ease) .8s forwards;gap:14px;display:flex;transform:translateY(16px)}.hero-metrics{opacity:0;animation:fadeUp 1.4s var(--silk-ease) 1s forwards;justify-content:center;gap:56px;margin-top:72px;display:flex;transform:translateY(16px)}.metric{text-align:center}.metric-value{letter-spacing:-.04em;color:var(--ivory);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:300;line-height:1}.metric-value span{color:var(--slate-warm);vertical-align:super;margin-left:2px;font-size:.5em;font-weight:400}.metric-label{letter-spacing:.2em;text-transform:uppercase;color:var(--slate-warm);margin-top:8px;font-size:9px;font-weight:500}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.faq-list{max-width:720px;margin:48px auto 0}.faq-controls{justify-content:flex-end;margin-bottom:8px;display:flex}.faq-toggle-all{border:1px solid var(--panel-border);letter-spacing:.15em;text-transform:uppercase;color:var(--slate-warm);cursor:pointer;transition:color .6s var(--silk-ease), border-color .6s var(--silk-ease);background:0 0;border-radius:100px;padding:8px 20px;font-family:inherit;font-size:9px;font-weight:500}.faq-toggle-all:hover{color:var(--ivory);border-color:#9ca3af33}.faq-item{border-bottom:1px solid var(--panel-border);overflow:hidden}.faq-question{cursor:pointer;width:100%;color:var(--ivory);text-align:left;transition:color .6s var(--silk-ease);background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px 0;font-family:inherit;font-size:.95rem;font-weight:400;display:flex}.faq-question:hover{color:var(--silver)}.faq-icon{flex-shrink:0;width:20px;height:20px;margin-left:20px;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--slate-warm);transition:transform .6s var(--silk-ease), opacity .4s ease;position:absolute}.faq-icon:before{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon:after{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-item.open .faq-icon:after{opacity:0;transform:translate(-50%,-50%)rotate(90deg)}.faq-answer{transition:grid-template-rows 1s var(--silk-ease);grid-template-rows:0fr;display:grid}.faq-answer-inner{color:var(--slate-light);transition:padding .8s var(--silk-ease);padding:0;font-size:.88rem;font-weight:300;line-height:1.8;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer-inner{padding:0 0 24px}@media (width<=1024px){.main{padding:0 32px}.nav-links,.nav-cta{display:none}.nav-toggle{display:block}.side-panel{display:none}.feature{grid-template-columns:1fr;gap:40px}.feature.reverse{direction:ltr}.feature-visual{height:260px}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.testimonials-grid{grid-template-columns:1fr;max-width:520px;margin:48px auto 0}.testimonial-card:nth-child(2){transform:none}.integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.main{padding:0 20px}.top-nav{padding:18px 20px}.top-nav.scrolled{padding:14px 20px}.hero{min-height:100svh;padding:100px 0 60px}.hero-metrics{flex-direction:column;gap:28px}.hero-ctas{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{text-align:center;width:100%;max-width:280px}.section{padding:80px 0}.feature-visual{border-radius:24px;height:240px}.pricing-card{border-radius:28px;padding:32px 24px}.pricing-card.featured{padding-top:52px}.integrations-grid{grid-template-columns:repeat(2,1fr)}.footer-bar{text-align:center;flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-ctas{flex-direction:column;align-items:center}.mobile-menu-inner{padding:90px 20px 40px}}@media (width<=420px){.hero h1{font-size:2.4rem}.section-title{font-size:1.7rem}.integrations-grid{grid-template-columns:repeat(2,1fr)}.mobile-menu-link{font-size:1.4rem}}@media (height<=540px) and (orientation:landscape){.hero{min-height:auto;padding:80px 0 40px}.hero-metrics{flex-direction:row;gap:36px;margin-top:40px}.section{padding:60px 0}.mobile-menu-inner{justify-content:flex-start;padding:64px 32px 24px}.mobile-menu-link{padding:8px 0;font-size:1.2rem}}@media (hover:hover) and (pointer:fine){.pricing-card:hover{transform:scale(1.01);box-shadow:0 12px 60px #00000026}.pricing-card:hover:before{opacity:1}.testimonial-card:hover{transform:scale(1.01)}.testimonial-card:nth-child(2):hover{transform:translateY(24px)scale(1.01)}.integration-item:hover{border-color:#9ca3af26;transform:scale(1.04)}}@media (hover:none){.pricing-card:hover,.testimonial-card:hover,.integration-item:hover{transform:none}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.nav-links a:focus-visible,.nav-toggle:focus-visible,.mobile-menu-link:focus-visible,.faq-question:focus-visible,.toggle-switch:focus-visible,.faq-toggle-all:focus-visible{outline:2px solid var(--silver);outline-offset:3px}