@import url("./components.css");
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f7f8fb;background:#090d16;--muted:#9ba6bc;--line:rgba(255,255,255,.11);--card:rgba(255,255,255,.055);--green:#9dff78;--blue:#79e6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(93,71,255,.19),transparent 30%),radial-gradient(circle at 90% 5%,rgba(39,225,170,.12),transparent 27%),#090d16}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{width:min(1240px,calc(100% - 32px));height:76px;margin:12px auto 0;padding:0 20px;border:1px solid var(--line);background:rgba(10,14,24,.76);backdrop-filter:blur(18px);border-radius:20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:12px;z-index:5}.brand{display:flex;align-items:center;gap:10px}.mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--green);color:#10170d;font-weight:950}.topbar nav{display:flex;gap:28px;color:#c6cede;font-size:14px}.language{display:flex;padding:3px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:10px}.language button{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:7px;font-weight:900;cursor:pointer}.language button.active{background:#fff;color:#0b1019}.hero{min-height:680px;padding:94px 0 76px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;color:#d8feca;border:1px solid rgba(157,255,120,.24);background:rgba(157,255,120,.08);border-radius:100px;padding:9px 13px;font-size:13px;font-weight:760}.hero h1{margin:24px 0;font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.065em}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:#aeb8ca;max-width:630px;font-size:19px;line-height:1.65}.actions{display:flex;gap:12px;margin-top:32px}.button{min-height:51px;padding:0 19px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-weight:850}.primary{background:var(--green);color:#10160d}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.04)}.proof{display:flex;flex-wrap:wrap;gap:18px;color:#8894aa;font-size:13px;margin-top:28px}.preview{background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);border-radius:25px;padding:16px;box-shadow:0 35px 90px rgba(0,0,0,.35);transform:rotate(1deg)}.browser{height:35px;display:flex;align-items:center;gap:6px;color:#79859a;font-size:11px}.browser i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}.browser span{margin-left:7px}.preview-title{display:flex;justify-content:space-between;align-items:end;padding:16px 13px}.preview-title strong{font-size:21px}.preview-title small{color:var(--muted)}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photos div{aspect-ratio:1;border-radius:14px;position:relative;background:linear-gradient(135deg,#4f7896,#e2a978)}.photos div:nth-child(2){background:linear-gradient(135deg,#20384f,#8dc3af)}.photos div:nth-child(3){background:linear-gradient(135deg,#6a4955,#d19a65)}.photos div:nth-child(4){background:linear-gradient(135deg,#25364e,#987b61)}.photos div:nth-child(5){background:linear-gradient(135deg,#4e6b73,#cdd2a5)}.photos div:nth-child(6){background:linear-gradient(135deg,#3f2f4e,#c4858f)}.photos div:first-child{outline:2px solid var(--green)}.photos b{position:absolute;left:9px;bottom:8px;font-size:11px}.result{margin-top:10px;padding:16px;background:#101725;border-radius:15px;display:flex;justify-content:space-between;align-items:center}.result span{display:grid;gap:4px}.result small{color:var(--muted)}.result>b{color:var(--green);font-size:23px}.section{padding:94px 0}.section-head{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:end;margin-bottom:40px}.kicker{color:var(--green);text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:850}.section h2{margin:11px 0 0;font-size:clamp(36px,4.6vw,58px);letter-spacing:-.045em;line-height:1.04}.section-head>p,.why>p{color:var(--muted);line-height:1.72}