@font-face{font-family:Inter;src:url('./fonts/Inter-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/Inter-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/Inter-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--bg:#101116;--text:#f5f6f8;--muted:#a4a9b5;--line:#30333d;--lime:#b7f36b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.site-header{height:78px;max-width:1160px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}
.brand img{width:158px;display:block}.site-header nav{display:flex;align-items:center;gap:28px;color:#c5c9d1;font-size:13px}.site-header nav a:hover,footer nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #424650;border-radius:10px;padding:9px 14px}.nav-cta span{color:var(--lime);margin-left:7px}
main{max-width:1160px;margin:auto;padding:0 26px}.hero{min-height:510px;padding:70px 0 55px;display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center}
.eyebrow, .closing label{color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.15em}.eyebrow i,.screen-head i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #b7f36b88}
h1{font-size:clamp(44px,5.6vw,70px);line-height:1.06;letter-spacing:-.065em;margin:22px 0 18px}h1 span{color:var(--lime)}.intro{max-width:480px;color:#b1b6c1;line-height:1.8;margin:0}
.actions{display:flex;align-items:center;gap:20px;margin-top:28px}.primary{display:inline-flex;align-items:center;gap:24px;background:var(--lime);color:#18200f;font-weight:700;padding:14px 18px;border-radius:10px;min-height:48px;font-size:13px}.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.secondary{font-size:12px;color:#d2d5dc}.micro{color:#7f8794;font-size:10px;margin-top:18px}.micro b{color:var(--lime);padding:0 5px}
.preview{position:relative}.preview:before{content:'';position:absolute;inset:8% 4%;background:#b7f36b22;filter:blur(65px)}.screen{position:relative;background:#08090d;border:1px solid #373b46;border-radius:17px;padding:0 22px 16px;box-shadow:0 25px 70px #0007}
.screen-head{height:45px;border-bottom:1px solid #252832;display:flex;justify-content:space-between;align-items:center;color:#8b919d;font-size:9px;letter-spacing:.12em}.screen-head span:last-child{font-size:9px}.reading-line{height:105px;border-bottom:1px solid #b7f36b77;display:flex;align-items:flex-end;padding-bottom:8px;color:#9bc65e;font-size:9px;letter-spacing:.15em}
.script-preview{font-size:29px;line-height:1.4;font-weight:600;letter-spacing:-.04em;padding:24px 5px}.script-preview em{font-style:normal;color:var(--lime)}.script-preview small{display:block;font-size:12px;line-height:1.7;color:#7e8592;font-weight:400;letter-spacing:0;margin-top:13px}
.controls{display:flex;align-items:center;gap:13px;border-top:1px solid #252832;padding-top:12px;color:#a6abb5;font-size:11px}.controls span{border:1px solid #343843;border-radius:7px;padding:3px 9px}.controls small{margin-right:auto;font-size:9px}.controls b{background:var(--lime);color:#18200f;border-radius:7px;padding:7px 12px;font-size:9px;letter-spacing:.08em}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.features article{display:flex;gap:13px}.features article>i{font-style:normal;flex:0 0 34px;width:34px;height:34px;border:1px solid #b7f36b55;border-radius:9px;display:grid;place-items:center;color:var(--lime);font-weight:600}.features b{font-size:12px}.features p{font-size:11px;line-height:1.65;color:#8e95a2;margin:5px 0 0}
.closing{display:flex;align-items:center;justify-content:space-between;padding:40px 0 45px}.closing h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 0}
footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:22px 26px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer> a img{width:110px}footer nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}footer nav a,footer p{font-size:10px;color:#858b98}footer p{margin:0;white-space:nowrap}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:36px;padding:55px 0}.preview{max-width:580px;width:100%;margin:auto}.features{gap:15px}footer{flex-wrap:wrap}footer nav{order:3;width:100%;justify-content:flex-start}}
@media(max-width:600px){.site-header{height:66px;padding:0 17px}.brand img{width:132px}.site-header nav{gap:9px}.site-header nav>a:first-child{display:none}.nav-cta{font-size:11px;padding:8px 11px}main{padding:0 18px}.hero{padding:48px 0 38px;gap:29px}h1{font-size:clamp(43px,12vw,58px);margin:18px 0 15px}.intro{font-size:14px}.actions{gap:14px;margin-top:23px}.primary{font-size:11px;padding:12px 14px;gap:15px;min-height:44px}.secondary{font-size:11px}.micro{font-size:9px;line-height:1.7}.screen{padding:0 15px 14px}.reading-line{height:85px}.script-preview{font-size:25px;padding:19px 4px}.features{grid-template-columns:1fr;gap:17px;padding:22px 0}.closing{align-items:flex-start;flex-direction:column;gap:17px;padding:31px 0}.closing h2{font-size:21px}footer{padding:19px 18px 23px;gap:14px}footer nav{gap:11px 15px}footer p{width:100%}}