.landing{overflow:hidden;background:#f3f6f7;color:#172630}
.landing h1,.landing h2,.landing h3{letter-spacing:-.045em}
.landing p{line-height:1.65}
.landing .eyebrow{font-size:.76rem;letter-spacing:.16em}
.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(28px,4vw,70px);min-height:670px;padding:clamp(52px,6vw,95px) max(22px,calc((100vw - 1380px)/2));background:radial-gradient(circle at 82% 10%,rgba(213,35,50,.25),transparent 31%),linear-gradient(125deg,#0c151d 18%,#1b2c35 78%,#3a171e);color:#fff}
.landing-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 96%,rgba(255,255,255,.025) 97%);background-size:70px 70px}
.landing-hero-copy,.landing-hero-visual{position:relative;z-index:1}
.landing-kicker{display:inline-flex;align-items:center;gap:10px;margin:0;padding:9px 14px;border:1px solid rgba(141,217,167,.35);border-radius:999px;background:rgba(20,68,48,.32);color:#d1f8dc;font:800 .72rem/1.2 Consolas,monospace;letter-spacing:.08em}
.landing-live-dot{width:8px;height:8px;border-radius:50%;background:#38d876;box-shadow:0 0 0 4px rgba(56,216,118,.15),0 0 15px #38d876}
.landing-hero h1{max-width:690px;margin:26px 0 20px;font-size:clamp(2.8rem,5.1vw,5.55rem);line-height:.99;color:#fff}
.landing-hero h1 em{font-style:normal;color:#ff9ba2}
.landing-lead{max-width:610px;margin:0;color:#d5e1e7;font-size:clamp(1rem,1.4vw,1.18rem)}
.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.landing-actions .btn,.landing-final-actions .btn{min-height:52px;padding-inline:24px}
.landing-hero-footnote{margin:19px 0 0;color:#a9bac4;font-size:.86rem}
.landing-hero-visual{margin:0;overflow:hidden;border:1px solid #50616d;border-radius:18px;background:#101920;box-shadow:0 36px 80px rgba(0,0,0,.4);transform:perspective(1000px) rotateY(-3deg)}
.landing-screen-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #42515c;background:#19252e;color:#d8e4e8;font:700 .7rem/1.3 Consolas,monospace;letter-spacing:.08em}
.landing-window-dots{color:#fa656e;letter-spacing:.12em}
.landing-screen-bar span:last-child{color:#94a5b0}
.landing-hero-visual img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;object-position:center;background:#101820}
.landing-hero-visual figcaption{padding:11px 16px;color:#c2d0d7;font-size:.78rem}
.landing-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border-bottom:1px solid #dce4e7;padding:0 max(22px,calc((100vw - 1380px)/2))}
.landing-proof span{display:flex;flex-direction:column;gap:3px;padding:21px 28px;border-right:1px solid #e1e7e9;color:#62727d;font-size:.84rem}
.landing-proof span:last-child{border-right:0}
.landing-proof strong{font-size:.84rem;letter-spacing:.05em;color:#20303a}
.landing-section{max-width:1280px;margin:auto;padding:clamp(70px,8vw,120px) 24px}
.landing-section-heading{max-width:820px;margin-bottom:35px}
.landing-section-heading h2,.landing-feature h2,.landing-final h2{margin:10px 0 16px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.06}
.landing-section-heading>p:last-child{color:#62727d;font-size:1.07rem}
.landing-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.landing-benefit-grid article{min-height:235px;padding:28px;border:1px solid #dce5e8;border-top:4px solid #d52332;border-radius:14px;background:#fff;box-shadow:0 18px 38px rgba(22,36,48,.06)}
.landing-benefit-grid h3{margin:16px 0 6px;font-size:1.65rem}
.landing-benefit-grid p{margin:0;color:#62727d}
.landing-icon{font:800 1.1rem Consolas,monospace;color:#c21d2b}
.landing-feature{padding:clamp(70px,7vw,110px) 24px}
.landing-feature-inner{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(30px,5vw,90px);max-width:1280px;margin:auto;align-items:center}
.landing-feature-copy>p:not(.eyebrow){font-size:1.06rem}
.landing-feature-dark{background:#101b24;color:#fff}
.landing-feature-dark .eyebrow,.landing-final .eyebrow{color:#ff9ba2!important}
.landing-feature-dark .landing-feature-copy>p:not(.eyebrow){color:#c3d2d9}
.landing-feature-dark h2{color:#fff}
.landing-checks{display:grid;gap:10px;list-style:none;padding:0;margin:25px 0}
.landing-checks li{position:relative;padding-left:28px;color:#dce9ed}
.landing-checks li::before{content:"✓";position:absolute;left:0;color:#55dc91;font-weight:900}
.landing-text-link{display:inline-flex;align-items:center;gap:9px;margin-top:10px;color:#e23a48;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.landing-feature-dark .landing-text-link{color:#ff9ba2}
.landing-text-link:hover{gap:15px}
.landing-stack{display:grid;gap:17px}
.landing-stack figure,.landing-photo-card{margin:0;overflow:hidden;border:1px solid #576774;border-radius:12px;background:#1d2a35;box-shadow:0 23px 50px rgba(0,0,0,.2)}
.landing-stack figure:nth-child(2){max-width:85%;margin-left:auto}
.landing-stack img{display:block;width:100%;height:270px;object-fit:contain;object-position:center;background:#101820}
.landing-stack figcaption{padding:11px 15px;font-size:.8rem;font-weight:800;color:#dce6eb}
.landing-scenario{max-width:1320px}
.landing-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.landing-photo-card{border-color:#d7e0e4;background:#fff;box-shadow:0 16px 35px rgba(26,44,56,.08)}
.landing-photo-card img{display:block;width:100%;height:320px;object-fit:contain;object-position:center;background:#101820}
.landing-photo-card figcaption{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;color:#556a76}
.landing-photo-card strong{color:#172630}
.landing-scenario-note{margin-top:20px;padding:18px 22px;border-left:4px solid #cf2533;border-radius:8px;background:#fff;color:#516470}
.landing-scenario-note strong{color:#192934}
.landing-connected{background:#e6edef}
.landing-connected .landing-feature-copy>p:not(.eyebrow){color:#566a76}
.landing-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}
.landing-mode-grid div{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #cbd8dd;border-radius:10px;background:#fff}
.landing-mode-grid strong{color:#1c303c}
.landing-mode-grid span{color:#667987;font-size:.9rem;line-height:1.5}
.landing-network{padding:clamp(26px,4vw,45px);border:1px solid #344956;border-radius:22px;background:radial-gradient(circle at 50% 0%,#203847,#101c25 72%);box-shadow:0 25px 55px rgba(22,40,50,.18);color:#fff;text-align:center}
.landing-network-lead{max-width:250px;margin:auto;padding:21px;border:1px solid #66cf8b;border-radius:12px;background:#173a30;font:800 .9rem Consolas,monospace}
.landing-network-lead small{display:block;margin-top:7px;color:#a9dabe;font:500 .78rem Arial,sans-serif}
.landing-network-line{width:70%;height:75px;margin:auto;border-left:2px solid #7fa9ba;border-right:2px solid #7fa9ba;border-bottom:2px solid #7fa9ba}
.landing-network-students{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}
.landing-network-students span{padding:19px 8px;border:1px solid #6a8793;border-radius:9px;background:#293d48;font:700 .72rem Consolas,monospace}
.landing-network p{margin:25px 0 0;color:#aec1cc;font-size:.81rem}
.landing-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.landing-offer-grid article{display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:32px;border:1px solid #dbe4e7;border-radius:17px;background:#fff;box-shadow:0 14px 35px rgba(23,42,54,.07)}
.landing-offer-grid .landing-offer-featured{background:linear-gradient(145deg,#1d313d,#111e27);border-color:#1d313d;color:#fff}
.landing-offer-label{font:800 .72rem Consolas,monospace;letter-spacing:.14em;color:#c72030}
.landing-offer-featured .landing-offer-label{color:#ff9ba2}
.landing-offer-grid h3{font-size:1.8rem;margin:15px 0 8px}
.landing-offer-grid p{margin:0 0 20px;color:#657681}
.landing-offer-featured p{color:#c4d3da}
.landing-offer-grid article>strong{font-size:1.05rem}
.landing-offer-grid article>span:not(.landing-offer-label){margin-top:5px;color:#71818b;font-size:.86rem}
.landing-offer-featured>span:not(.landing-offer-label){color:#afc3cd!important}
.landing-offer-grid .btn{margin-top:auto}
.landing-final{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:clamp(45px,6vw,80px) max(22px,calc((100vw - 1280px)/2));background:linear-gradient(120deg,#101a23,#263a44);color:#fff}
.landing-final h2{max-width:820px;margin-bottom:12px;color:#fff;font-size:clamp(1.9rem,3vw,3.2rem)}
.landing-final p:last-child{color:#c4d3da}
.landing-final-actions{display:grid;gap:12px;min-width:220px}
@media(max-width:1050px){.landing-hero,.landing-feature-inner{grid-template-columns:1fr}.landing-hero{padding-inline:24px}.landing-hero-visual{transform:none;max-width:900px}.landing-proof{grid-template-columns:repeat(2,1fr)}.landing-final{grid-template-columns:1fr}}
@media(max-width:700px){.landing-hero{min-height:auto;padding:50px 18px 45px}.landing-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.landing-screen-bar span:last-child{display:none}.landing-proof{grid-template-columns:1fr 1fr;padding:0 10px}.landing-proof span{padding:17px 10px;font-size:.72rem}.landing-benefit-grid,.landing-photo-grid,.landing-offer-grid,.landing-mode-grid{grid-template-columns:1fr}.landing-section,.landing-feature{padding:65px 18px}.landing-stack img,.landing-photo-card img{height:auto;max-height:350px}.landing-stack figure:nth-child(2){max-width:100%}.landing-network-students span{font-size:.61rem;padding:15px 4px}.landing-final{padding:52px 20px}.landing-photo-card figcaption{flex-direction:column;gap:3px}}
