:root{--ink:#101316;--muted:#6e767e;--lime:#dbff3f;--cloud:#edf0ed;--line:#d5dad6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f4;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar,main,footer{max-width:1240px;margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{text-decoration:none;color:var(--ink);font-size:1.08rem;font-weight:850;letter-spacing:-.06em}.brand i{display:inline-grid;place-items:center;font-style:normal;font-size:.66rem;width:25px;height:25px;border-radius:7px;background:var(--ink);color:var(--lime);margin-right:5px}.brand span{color:#72837b}.topbar nav{display:flex;gap:28px}.topbar nav a{font-size:.87rem;text-decoration:none;color:#4d5658}.topbar nav a:hover{color:#000}.account{border:1px solid var(--ink);padding:10px 13px;border-radius:8px;background:transparent;font:650 .82rem inherit;cursor:pointer}.account b{margin-left:9px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:40px;padding:57px 28px 80px;align-items:center}.eyebrow{font-size:.65rem;letter-spacing:.15em;font-weight:850;color:#68716e;margin:0 0 17px}.eyebrow span{display:inline-block;width:7px;height:7px;background:#97ba22;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(3.5rem,6.4vw,6.55rem);line-height:.89;letter-spacing:-.085em;margin:0}.hero h1 em{font-style:normal;color:#8caf00}.intro{line-height:1.7;max-width:540px;color:var(--muted);font-size:1.04rem;margin:27px 0}.actions{display:flex;gap:11px;align-items:center}.button{padding:14px 16px;border-radius:8px;text-decoration:none;border:0;font:750 .85rem inherit;cursor:pointer}.solid{background:var(--ink);color:white}.solid b{color:var(--lime);font-size:1.1rem;margin-left:12px}.clear{background:transparent;color:#202728}.clear i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#86a900;margin-right:7px;box-shadow:0 0 0 4px #dbe4bd}.numbers{display:flex;gap:27px;margin-top:42px}.numbers div{border-left:1px solid var(--line);padding-left:13px}.numbers b{display:block;font-size:1rem}.numbers span{color:#737b7c;font-size:.7rem}.hero-image{height:500px;position:relative;overflow:hidden;border-radius:14px;box-shadow:0 25px 60px #49504122}.hero-image>img,.media-card img,.delivery-image>img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101316c4,transparent 62%)}.image-panel{position:absolute;z-index:1;bottom:19px;left:19px;right:19px;color:white;display:flex;gap:10px;align-items:center;padding:14px;background:#15191add;border:1px solid #ffffff24;border-radius:9px;backdrop-filter:blur(8px)}.image-panel small{display:block;font-size:.58rem;letter-spacing:.13em;color:#c8cec8}.image-panel b{font-size:.83rem}.image-panel>span{margin-left:auto;font-size:.76rem;color:var(--lime)}.pulse{width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #dbff3f31}.library{background:#e9ece7;padding:72px 28px 84px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2,.delivery h2,.callout h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1;letter-spacing:-.065em;margin:0}.section-title a{font-size:.85rem;text-decoration:none;color:#4b5553}.section-title a b{color:#719100;margin-left:6px}.media-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}.media-card{height:348px;position:relative;overflow:hidden;border-radius:11px;background:#383d3c}.media-card img{transition:transform .5s}.media-card:hover img{transform:scale(1.045)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a0d0ddd,transparent 57%)}.media-copy{position:absolute;bottom:18px;left:18px;right:18px;color:white}.media-copy p{font-size:.6rem;font-weight:800;letter-spacing:.13em;margin:0 0 8px;color:#edf1ec}.media-copy h3{font-size:1.3rem;line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}.media-copy span{font-size:.68rem;color:#d4d8d6}.media-copy span b{background:var(--lime);color:#283000;padding:3px 5px;border-radius:4px;font-size:.58rem;margin-right:5px}.delivery{padding:87px 28px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.delivery-copy>p:not(.eyebrow){line-height:1.72;color:var(--muted);margin:24px 0}.flow{border-top:1px solid var(--line)}.flow div{display:flex;gap:17px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.84rem}.flow b{color:#86a800}.delivery-image{height:430px;position:relative;overflow:hidden;border-radius:13px}.resolution-stack{position:absolute;right:17px;bottom:17px;display:grid;gap:6px}.resolution-stack span{padding:8px 11px;border-radius:5px;background:#0e1112dc;color:white;font-size:.68rem;backdrop-filter:blur(7px)}.resolution-stack span:first-child{color:var(--lime)}.callout{margin:0 28px 78px;background:var(--ink);color:white;padding:49px 53px;display:flex;align-items:center;justify-content:space-between;border-radius:14px}.callout .eyebrow{color:#a8b0a9}.callout .solid{background:var(--lime);color:#151b10}.callout .solid b{color:#415300}footer{padding:27px 28px 39px;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;color:#6a7472;font-size:.75rem}footer small{margin-left:auto}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,130px);padding:12px 17px;background:#152014;color:#e7ffc4;border-radius:8px;font-size:.82rem;font-weight:700;transition:transform .25s;box-shadow:0 13px 35px #0003}.toast.show{transform:translate(-50%,0)}@media(max-width:800px){.topbar nav{display:none}.topbar{padding:0 18px}.hero{grid-template-columns:1fr;padding:36px 18px 65px}.hero-image{height:360px}.library{padding:60px 18px}.media-grid{grid-template-columns:1fr}.media-card{height:290px}.delivery{padding:65px 18px;grid-template-columns:1fr;gap:35px}.delivery-image{height:340px}.callout{margin:0 18px 58px;padding:34px 25px;display:block}.callout .button{display:inline-block;margin-top:25px}footer{margin:0 18px;padding-left:0;padding-right:0}.numbers{gap:12px}.numbers div{padding-left:8px}.section-title h2{font-size:2rem}}