@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101211;--panel:#1b1e1b;--line:#343b32;--lime:#d4f56b;--muted:#a7afa4;--ink:#f5f5ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{max-width:1360px;margin:auto;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#brand{font-family:Manrope,sans-serif;font-weight:800;font-size:32px;letter-spacing:-2px;color:var(--ink);text-decoration:none}#brand>span{font-size:20px;letter-spacing:-1px}#brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:3px}.text{border:0;color:var(--ink);background:none;padding:10px;font-size:13px}main{max-width:1240px;margin:0 auto;padding:52px 5%;min-height:75vh;outline:0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:700;margin-bottom:25px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,5.5vw,72px);line-height:1.07;letter-spacing:-3px;margin:0 0 25px;font-weight:500}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);line-height:1.7;font-size:15px;max-width:570px}.primary{background:var(--lime);color:#17200c;border:1px solid var(--lime);padding:17px 24px;border-radius:7px;font-weight:700;display:inline-flex;justify-content:space-between;gap:35px;align-items:center}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:15px 20px;border-radius:7px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.micro{font-size:12px;color:var(--muted);margin-top:16px}.visual{height:510px;border-radius:12px;overflow:hidden;position:relative;background:#273125}.visual img,.card img{width:100%;height:100%;object-fit:cover}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c160be0,transparent 65%)}.photo-caption{position:absolute;z-index:1;bottom:25px;left:25px;right:25px}.photo-caption strong{font-size:25px;display:block}.photo-caption span{font-size:11px;letter-spacing:2px;color:var(--lime)}.stamp{position:absolute;top:20px;right:20px;z-index:2;background:#101211bb;border:1px solid #ffffff30;border-radius:25px;padding:10px 15px;font-size:11px}.strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:45px;color:var(--muted);font-size:12px;gap:15px}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.progress{display:flex;gap:6px}.progress i{width:25px;height:3px;background:var(--line)}.progress i.on{background:var(--lime)}.intro{max-width:760px;margin-bottom:35px}.intro h1{font-size:clamp(35px,4vw,52px);letter-spacing:-2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--ink);text-align:left;padding:0;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--lime)}.card.selected{border:2px solid var(--lime)}.card .image{height:180px;overflow:hidden;position:relative}.card img{filter:saturate(.65)}.card-body{padding:22px}.card h3{font-size:19px;margin:0 0 8px}.card p{font-size:13px;margin:0}.arrow{float:right;color:var(--lime)}.number{color:var(--lime);font-size:12px;margin-bottom:25px;display:block}.choice{padding:27px;min-height:160px}.choice .icon{font-size:24px;display:block;color:var(--lime);margin-bottom:25px}.pill{display:inline-block;color:var(--lime);background:#d4f56b12;border:1px solid #d4f56b40;border-radius:30px;padding:6px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.offer .visual{height:490px}.price{font-family:Manrope;font-size:50px;letter-spacing:-2px;margin:20px 0 5px}.price small{font-size:17px;letter-spacing:0}.features{padding:0;list-style:none;color:var(--muted);font-size:14px;line-height:2.2}.features li:before{content:'↗';color:var(--lime);padding-right:12px}.upgrade{background:#d4f56b0a;border:1px solid #d4f56b40;border-radius:8px;padding:20px;margin-top:25px}.upgrade h3{margin:8px 0}.upgrade p{font-size:13px;margin:5px 0 15px}.plans .card-body{padding:27px}.plans .price{font-size:40px}.plans .primary,.plans .secondary{width:100%;margin-top:15px}.full{width:100%}.note{padding:20px;background:var(--panel);border-left:2px solid var(--lime);font-size:13px;line-height:1.7;color:var(--muted);margin-top:25px}.count{color:var(--lime);font-size:45px;font-family:Manrope}.back{color:var(--muted);background:none;border:0;padding:8px 0;font-size:13px}footer{max-width:1240px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;gap:20px;color:#7c8478;font-size:11px;border-top:1px solid var(--line)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:35px;max-width:580px;width:92%}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:30px;letter-spacing:-1px}.close{float:right;background:none;border:0;color:white;font-size:28px}.check{display:flex;gap:12px;font-size:13px;line-height:1.6;color:var(--muted);margin:20px 0}.demo-photo{max-height:220px;width:100%;object-fit:contain;background:#080a08;border-radius:8px}input[type=file]{max-width:100%;margin:15px 0;color:var(--muted)}.subhead{display:flex;justify-content:space-between;align-items:end;margin:45px 0 20px}.subhead h2{margin:0}.link{color:var(--lime);text-decoration:underline;background:none;border:0;padding:0}.fade{animation:enter .3s ease}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{padding:20px 6%}main{padding:30px 6%}.hero,.offer{grid-template-columns:1fr;gap:30px}.hero .visual{height:340px}.hero h1{font-size:49px}.grid{grid-template-columns:repeat(2,1fr)}.grid.plans{grid-template-columns:1fr}.card .image{height:125px}.card-body{padding:16px}.card h3{font-size:16px}.choice{padding:20px;min-height:145px}.strip{flex-wrap:wrap}.offer .visual{height:300px;order:2}.intro{margin-bottom:25px}footer{flex-direction:column}.text{font-size:12px}.subhead{align-items:start;gap:15px}.actions .primary{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}