:root{--brand:#8b01ff;--brand-dark:#5a01a6;--ink:#0d0d12;--muted:#5b5b6b;--line:#e7e7ef;--surface:#fff;--bg:#f7f6fb;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #0d0d120f;--shadow-md:0 10px 30px -12px #0d0d122e;--shadow-brand:0 14px 40px -14px #8b01ff73;--container:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.65}img{max-width:100%;display:block}a{color:var(--brand);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-dark)}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.15}p{color:var(--muted);margin:0 0 1rem}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:24px}.section{padding-block:88px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-block}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:.98rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-2px)}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn .material-icons{font-size:20px}.site-nav{z-index:50;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand-logo img{width:auto;height:34px}.nav-links{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink);border-radius:8px;padding:8px 14px;font-size:.96rem;font-weight:500}.nav-links a:hover{background:var(--bg);color:var(--brand)}.nav-links a.disabled{opacity:.45;pointer-events:none}.nav-links .btn{padding:9px 18px;font-size:.92rem}.nav-toggle{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;padding:8px;display:none}@media (width<=820px){.nav-toggle{display:inline-flex}.nav-links{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px 24px 24px;transition:opacity .18s,transform .18s;position:absolute;top:72px;left:0;right:0;transform:translateY(-8px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a,.nav-links .btn{text-align:center}}.hero{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:48px;padding-block:72px 96px;display:grid}.hero h1{margin-bottom:20px;font-size:clamp(2.4rem,6vw,4rem)}.hero .lead{max-width:30ch;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-media{position:relative}.hero-media img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);aspect-ratio:16/11;object-fit:cover}.hero-frame{border-radius:var(--radius);box-shadow:var(--shadow-md);aspect-ratio:16/11;position:relative;overflow:hidden}.hero-frame video{object-fit:cover;filter:contrast(1.14)saturate(.88)brightness(.96);width:100%;height:100%;position:absolute;inset:0}.hero-tint{background:var(--brand-dark);mix-blend-mode:overlay;opacity:.22;pointer-events:none;position:absolute;inset:0}.hero-grain{mix-blend-mode:overlay;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hero-vignette{pointer-events:none;background:radial-gradient(at 50% 42%,#0000 46%,#00000080 100%);position:absolute;inset:0}.hero-mask{background-color:var(--brand);pointer-events:none;height:34%;position:absolute;bottom:0;left:0;right:0;mask-image:linear-gradient(#0000 0%,#000 100%)}.hero-badge{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex;position:absolute;bottom:-18px;left:-18px}.hero-badge .dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #22c55e2e}@media (width>=900px){.hero-grid{grid-template-columns:1.05fr .95fr}}.section-head{max-width:640px;margin-bottom:56px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{font-size:clamp(1.9rem,4vw,2.6rem)}.section-head p{font-size:1.1rem}.features{background:var(--surface)}.card-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=720px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#8b01ff59;transform:translateY(-4px)}.card-icon{width:56px;height:56px;color:var(--brand);background:#8b01ff1a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.card-icon .material-icons{font-size:28px}.card h3{margin-bottom:10px;font-size:1.25rem}.card p{margin:0;font-size:1rem}.showcase{color:#fff;background-position:50%;background-size:cover;background-attachment:fixed;align-items:center;min-height:420px;display:flex;position:relative}.showcase:before{content:"";background:linear-gradient(100deg,#0d0d12d1 0%,#5a01a68c 100%);position:absolute;inset:0}.showcase .container{z-index:1;position:relative}.showcase p,.showcase h2{color:#fff}.showcase .quote{letter-spacing:-.02em;max-width:22ch;margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:600;line-height:1.3}@media (width<=820px){.showcase{background-attachment:scroll}}.cta{background:var(--bg)}.cta-card{background:var(--ink);text-align:center;border-radius:28px;padding:clamp(40px,6vw,72px);position:relative;overflow:hidden}.cta-card:after{content:"";background:radial-gradient(circle,#8b01ff8c 0%,#8b01ff00 70%);width:420px;height:420px;position:absolute;top:-160px;right:-120px}.cta-card h2{color:#fff;font-size:clamp(1.9rem,4vw,2.7rem);position:relative}.cta-card p{color:#ffffffb8;max-width:58ch;margin-inline:auto;font-size:1.1rem;position:relative}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex;position:relative}.cta-card .btn-ghost{color:#fff;border-color:#ffffff40}.cta-card .btn-ghost:hover{color:#fff;border-color:#fff}.site-footer{background:var(--ink);color:#ffffffb8;padding-block:56px 0}.footer-grid{grid-template-columns:1fr;gap:40px;padding-bottom:48px;display:grid}@media (width>=720px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.site-footer h5{color:#fff;letter-spacing:.02em;margin:0 0 14px;font-size:1rem}.site-footer p{color:#ffffff9e;max-width:42ch;margin:0}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#ffffffb8}.footer-links a:hover{color:#fff}.footer-contact a{color:#fff;font-weight:500}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding-block:24px;font-size:.9rem}.footer-bottom a{color:#ffffffb3}.footer-bottom a:hover{color:#fff}.prose{max-width:760px;margin-inline:auto}.prose h1{margin-bottom:32px;font-size:clamp(1.8rem,4vw,2.4rem)}.prose p{color:var(--ink);font-size:1rem}.prose b{color:var(--ink)}.notfound{text-align:center;padding-block:120px}.notfound h1{margin-bottom:24px;font-size:clamp(2rem,5vw,3rem)}
