*{box-sizing:border-box}html{scroll-behavior:smooth}body{--accent:#d9ddff;--rgb:217,221,255;margin:0;background:#07080b;color:#f7f7f8;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden}body.legalis{--accent:#f0a34b;--rgb:240,163,75;background:#0d0a08}a{color:inherit}.fx-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 72% 18%,rgba(var(--rgb),.15),transparent 28%),radial-gradient(circle at 12% 62%,rgba(var(--rgb),.08),transparent 34%),#07080b}.legalis .fx-bg{background:radial-gradient(circle at 72% 18%,rgba(var(--rgb),.14),transparent 28%),radial-gradient(circle at 12% 62%,rgba(var(--rgb),.07),transparent 34%),#0d0a08}.fx-stars{position:fixed;inset:0;z-index:-1;pointer-events:none}.fx-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.35;animation:twinkle var(--d) ease-in-out infinite alternate}.fx-progress{position:fixed;top:0;left:0;z-index:200;width:0;height:2px;background:var(--accent);box-shadow:0 0 18px rgba(var(--rgb),.7)}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px max(22px,calc((100vw - 1180px)/2));background:rgba(7,8,11,.72);border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px)}.legalis .nav{background:rgba(13,10,8,.75)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:800}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:26px}.nav-links>a{text-decoration:none;color:#aaa;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--accent);color:#090a0d!important;font-weight:800;text-decoration:none!important;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 42px rgba(var(--rgb),.25)}.button.alt{background:#ffffff0b;color:#fff!important;border:1px solid #ffffff20}.hero{min-height:calc(100svh - 75px);max-width:1180px;margin:auto;padding:82px 24px 64px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.kicker{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.hero h1,.section h2{margin:16px 0 20px;font-size:clamp(48px,6.5vw,92px);line-height:.92;letter-spacing:-.06em;text-wrap:balance}.lead{max-width:650px;color:#a5a7ad;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.device-scene{perspective:1300px}.device{position:relative;transform:rotateX(var(--rx,5deg)) rotateY(var(--ry,-10deg));transform-style:preserve-3d;transition:transform .18s ease-out;filter:drop-shadow(0 42px 58px #000a)}.screen{position:relative;aspect-ratio:16/10;padding:10px;border-radius:22px;background:linear-gradient(145deg,#34363d,#0b0c10 65%);border:1px solid #ffffff26;overflow:hidden}.screen-inner{height:100%;border-radius:14px;background:#111319;overflow:hidden;display:grid;grid-template-columns:27% 1fr}.screen-side{padding:18px 12px;background:#0c0d11;border-right:1px solid #ffffff12}.screen-dot{width:28px;height:28px;margin-bottom:26px;border-radius:9px;background:var(--accent);box-shadow:0 0 30px rgba(var(--rgb),.3)}.screen-line{height:7px;margin:10px 0;border-radius:8px;background:#ffffff18}.screen-line:nth-child(3){width:72%}.screen-main{position:relative;padding:22px}.screen-top{display:flex;justify-content:space-between;color:#8c9099;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.screen-title{margin:16px 0;font-size:clamp(16px,2vw,27px);font-weight:800}.ui-card{padding:13px;margin-top:10px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff08;transform:translateY(10px);opacity:0;animation:cardIn .7s forwards}.ui-card:nth-child(4){animation-delay:.2s}.ui-card:nth-child(5){animation-delay:.4s}.ui-card b{display:block;color:var(--accent);font-size:12px}.ui-card span{font-size:10px;color:#92959e}.pulse{position:absolute;right:22px;top:54px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(var(--rgb),.55);animation:pulse 2s infinite}.base{width:108%;height:18px;margin-left:-4%;border-radius:2px 2px 50% 50%;background:linear-gradient(#565861,#17181d);transform:translateZ(-12px)}.hero-lex{display:flex;align-items:center;gap:12px;margin-top:22px;color:#9b9da5;font-size:13px}.hero-lex img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid rgba(var(--rgb),.55);box-shadow:0 0 34px rgba(var(--rgb),.22)}.hero-lex b{color:#fff}.scroll-cue{display:flex;align-items:center;gap:10px;margin-top:26px;color:#73767e;font-size:12px}.scroll-cue i{width:1px;height:36px;background:linear-gradient(var(--accent),transparent);animation:cue 1.5s infinite}.section{max-width:1180px;margin:auto;padding:112px 24px}.section.tint{max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:#ffffff05;border-block:1px solid #ffffff12}.section h2{max-width:930px;font-size:clamp(42px,5.4vw,74px)}.metrics,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}.metric,.card{position:relative;min-height:150px;padding:25px;border:1px solid #ffffff16;border-radius:22px;background:linear-gradient(145deg,#ffffff0d,#ffffff04);overflow:hidden;transition:.3s}.metric:hover,.card:hover{transform:translateY(-6px);border-color:rgba(var(--rgb),.5)}.metric b{display:block;font-size:38px}.metric span,.card p{color:#8e9199}.cards{grid-template-columns:repeat(3,1fr)}.card{min-height:260px}.card i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(var(--rgb),.13);color:var(--accent);font-style:normal;font-weight:900}.card h3{margin:48px 0 10px;font-size:24px}.flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px}.step{padding:26px;border:1px solid #ffffff16;background:#ffffff05}.step:first-child{border-radius:22px 0 0 22px}.step:last-child{border-radius:0 22px 22px 0}.step b{display:block;margin-bottom:9px;color:var(--accent)}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border:1px solid rgba(var(--rgb),.4);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(var(--rgb),.18),transparent 40%),#101116}.cta h2{font-size:clamp(34px,4.5vw,60px);margin:0}.mascot{width:110px;height:110px;object-fit:cover;border-radius:50%;border:2px solid rgba(var(--rgb),.5);box-shadow:0 0 45px rgba(var(--rgb),.2)}footer{display:flex;justify-content:space-between;max-width:1180px;margin:auto;padding:42px 24px;color:#73767e;border-top:1px solid #ffffff12}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}@keyframes twinkle{to{opacity:.9;transform:scale(1.7)}}@keyframes pulse{70%{box-shadow:0 0 0 18px rgba(var(--rgb),0)}}@keyframes cardIn{to{opacity:1;transform:none}}@keyframes cue{50%{transform:scaleY(.45);transform-origin:top}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.device-scene{max-width:680px}.metrics{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.flow{grid-template-columns:1fr;gap:10px}.step,.step:first-child,.step:last-child{border-radius:16px}.nav-links>a:not(.button){display:none}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.hero h1{font-size:52px}.metrics{grid-template-columns:1fr}.screen-main{padding:14px}.screen-side{padding:12px 8px}.cta{padding:28px}footer{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}