:root{--ink:#081b33;--ink-2:#102b4e;--paper:#f4f7fa;--white:#fff;--orange:#f26722;--green:#16785d;--muted:#5f6f80;--line:#dbe3eb;--radius:22px;--shadow:0 24px 70px rgba(8,27,51,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);background:rgba(244,247,250,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.05em;font-size:1.1rem}.brand>span:last-child span{color:var(--orange)}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.6rem}.site-header nav{display:flex;gap:28px;font-size:.93rem;font-weight:650}.site-header nav a:hover{color:var(--orange)}main{overflow:hidden}.hero{min-height:calc(100vh - 82px);padding:80px max(6vw,32px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:8vw;align-items:center;background:radial-gradient(circle at 75% 20%,rgba(242,103,34,.13),transparent 29%),linear-gradient(145deg,#f8fafc,#e9f0f6)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-size:.74rem;font-weight:850;margin:0 0 18px}.hero h1{font-size:clamp(3.1rem,6.2vw,6.8rem);line-height:.92;letter-spacing:-.06em;margin:0;max-width:900px}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);color:var(--muted);max-width:650px;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{padding:14px 20px;border-radius:12px;font-weight:750;border:1px solid var(--ink);display:inline-flex}.button-primary{background:var(--orange);border-color:var(--orange);color:#fff}.button-secondary{background:transparent}.route-card{background:var(--white);border:1px solid #dce4ec;border-radius:28px;padding:20px;box-shadow:var(--shadow);transform:rotate(1deg)}.route-topline{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 18px;color:var(--muted);font-size:.84rem}.route-topline strong{color:var(--ink)}.map-grid{height:360px;border-radius:18px;overflow:hidden;position:relative;background-color:#dfe9e0;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:36px 36px}.road{position:absolute;background:#fff;border:7px solid #c8d2d9;border-radius:999px}.road-one{width:150%;height:40px;left:-24%;top:46%;transform:rotate(-12deg)}.road-two{width:95%;height:25px;left:32%;top:20%;transform:rotate(68deg)}.route-line{position:absolute;width:76%;height:10px;left:9%;top:50%;background:var(--orange);border:3px solid #fff;border-radius:99px;transform:rotate(-12deg);box-shadow:0 3px 12px rgba(8,27,51,.28)}.point{position:absolute;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;border:4px solid #fff;display:grid;place-items:center;font-weight:850;box-shadow:0 5px 18px rgba(8,27,51,.3)}.point-a{left:7%;top:58%}.point-b{right:8%;top:30%}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px}.route-stats div{display:flex;flex-direction:column}.route-stats span{font-size:.75rem;color:var(--muted)}.route-stats strong{font-size:.96rem}.route-stats .status{color:var(--green)}.section{padding:110px max(6vw,32px);background:#fff}.section-heading{max-width:760px}.section h2,.vial-section h2,.contact h2{font-size:clamp(2.3rem,4vw,4.4rem);line-height:1;letter-spacing:-.045em;margin:0 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:60px}.feature-grid article{border-top:2px solid var(--ink);padding:24px 4px}.feature-grid article>span{color:var(--orange);font-weight:800;font-size:.8rem}.feature-grid h3{font-size:1.2rem;margin:35px 0 12px}.feature-grid p{color:var(--muted);margin:0}.vial-section{padding:110px max(6vw,32px);background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.vial-section>div:first-child>p:not(.eyebrow){color:#c4d1dd;font-size:1.1rem}.vial-section ul{padding:0;margin:30px 0 0;list-style:none}.vial-section li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.15)}.vial-section li:before{content:"✓";color:#ff894c;margin-right:12px}.product-panel{background:#fff;color:var(--ink);padding:26px;border-radius:var(--radius);box-shadow:0 30px 80px rgba(0,0,0,.28)}.panel-header,.metric{display:flex;justify-content:space-between;gap:20px}.panel-header{font-weight:750;border-bottom:1px solid var(--line);padding-bottom:20px}.signal{font-size:.76rem;color:var(--green)}.metric{align-items:end;padding-top:34px}.metric span{color:var(--muted)}.metric strong{font-size:2rem}.progress{height:10px;background:#e7edf2;border-radius:99px;margin:14px 0 30px}.progress span{display:block;width:72%;height:100%;background:var(--orange);border-radius:inherit}.module-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-list span{display:flex;flex-direction:column;background:#f2f5f8;border-radius:12px;padding:14px;font-size:.76rem;color:var(--muted)}.module-list b{font-size:1.25rem;color:var(--ink)}.product-panel>p{color:var(--orange);font-size:.78rem;font-weight:800;margin:22px 0 0}.contact{padding:110px max(6vw,32px);background:#ecf2f6}.contact p:last-child{color:var(--muted)}footer{padding:30px max(6vw,32px);display:flex;justify-content:space-between;background:#050f1c;color:#b9c6d3;font-size:.84rem}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:clamp(3rem,14vw,5.5rem)}.route-card{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.vial-section{grid-template-columns:1fr}}@media(max-width:560px){.hero{padding-left:22px;padding-right:22px}.route-card{padding:12px}.map-grid{height:280px}.route-stats{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.module-list{grid-template-columns:1fr}.section,.vial-section,.contact{padding:78px 22px}footer{flex-direction:column;gap:8px;padding:26px 22px}}