:root { --ink:#081b2a; --paper:#f4f1e9; --orange:#ff6b35; --blue:#173f5f; --line:#9fb1bc; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; }
.site-header { position:sticky; top:0; z-index:20; display:flex; justify-content:space-between; align-items:center; padding:18px 4vw; background:rgba(244,241,233,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:.08em; }.brand-mark { display:grid; place-items:center; width:34px; height:34px; color:white; background:var(--orange); clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%); }
nav { display:flex; gap:26px; font-size:14px; font-weight:700; } nav a:hover { color:var(--orange); }
.hero { min-height:690px; display:grid; grid-template-columns:1.1fr .9fr; border-bottom:1px solid var(--line); }.hero-copy { padding:9vw 6vw 7vw; background-image:linear-gradient(#173f5f16 1px,transparent 1px),linear-gradient(90deg,#173f5f16 1px,transparent 1px); background-size:40px 40px; }
.eyebrow { margin:0 0 18px; color:var(--orange); font:700 12px/1.3 ui-monospace,monospace; letter-spacing:.18em; text-transform:uppercase; } h1,h2,h3,p { margin-top:0; } h1 { max-width:760px; margin-bottom:24px; font-size:clamp(54px,7vw,104px); line-height:.9; letter-spacing:-.065em; } h2 { font-size:clamp(36px,4.2vw,64px); line-height:1; letter-spacing:-.045em; }
.lede { max-width:630px; font-size:20px; line-height:1.65; color:#385363; }.actions { display:flex; flex-wrap:wrap; gap:12px; margin:34px 0 48px; }.button { padding:15px 20px; border:1px solid var(--ink); font-weight:800; }.button.primary { color:white; background:var(--ink); }.button.primary:hover { background:var(--orange); border-color:var(--orange); }.button.ghost:hover { background:white; }
.mini-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:var(--paper); }.mini-grid span { padding:17px; font-size:13px; border-right:1px solid var(--line); }.mini-grid span:last-child { border-right:0; }.mini-grid b { color:var(--orange); margin-right:6px; }
.hero-visual { position:relative; min-height:540px; overflow:hidden; background:var(--blue); }.hero-visual>img { width:100%; height:100%; object-fit:cover; object-position:center; }.route-card { position:absolute; left:28px; right:28px; bottom:28px; display:grid; gap:6px; padding:24px; background:var(--orange); color:var(--ink); box-shadow:10px 10px 0 #071a29; }.route-card span,.route-card small { font:700 11px ui-monospace,monospace; letter-spacing:.12em; }.route-card strong { font-size:25px; }
.section { padding:100px 6vw; border-bottom:1px solid var(--line); }.split { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }.split p { font-size:18px; line-height:1.75; color:#385363; }.roles { background:var(--ink); color:white; }.roles h2 { max-width:850px; }.role-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; border:1px solid #ffffff44; }.role-grid article { min-height:300px; padding:28px; border-right:1px solid #ffffff44; }.role-grid article:last-child { border-right:0; }.role-grid article p { color:#bcd0dc; line-height:1.65; }.role-number { display:inline-block; margin-bottom:70px; color:var(--orange); font:700 13px ui-monospace,monospace; }.role-grid h3 { font-size:26px; }
.sms { display:grid; grid-template-columns:1fr 1fr; gap:8vw; background:#e7edf0; }.sms p { line-height:1.7; color:#385363; }.sample { padding:18px; border-left:4px solid var(--orange); background:white; font-size:14px; }.enroll-form { display:grid; gap:16px; padding:28px; background:white; border:1px solid var(--line); box-shadow:12px 12px 0 var(--blue); } label { display:grid; gap:7px; font-weight:700; font-size:13px; } input,select { width:100%; padding:13px; border:1px solid var(--line); background:#fbfaf7; color:var(--ink); font:inherit; }.consent { grid-template-columns:20px 1fr; align-items:start; font-weight:400; line-height:1.5; }.consent input { width:18px; height:18px; } button { padding:15px; border:0; background:var(--orange); color:var(--ink); font-weight:900; cursor:pointer; }
.contact { display:grid; grid-template-columns:1fr 1fr; gap:7vw; }.contact a { font-size:24px; font-weight:800; text-decoration:underline; text-decoration-color:var(--orange); }.contact p { margin-top:20px; line-height:1.7; } footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; padding:25px 4vw; background:var(--ink); color:#c4d3dc; font-size:12px; }
@media (max-width:800px){ nav{display:none}.hero,.split,.sms,.contact{grid-template-columns:1fr}.hero-copy{padding:90px 6vw}.hero-visual{min-height:440px}.mini-grid,.role-grid{grid-template-columns:1fr}.role-grid article{border-right:0;border-bottom:1px solid #ffffff44}.role-number{margin-bottom:30px}.section{padding:74px 6vw} }
.legal-wrap{max-width:1120px;margin:auto;padding:90px 6vw 110px}.legal-wrap>h1{max-width:900px}.legal-wrap>section{max-width:820px}.legal-wrap h2{margin-top:48px;font-size:30px}.legal-wrap p{font-size:16px;line-height:1.75;color:#385363}.legal-wrap a{text-decoration:underline;text-decoration-color:var(--orange)}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.sms-page .enroll-form{align-self:start}.hidden{position:absolute;left:-9999px}.promo{align-content:center}.status-page{max-width:820px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:auto;padding:8vw}.status-page p{max-width:650px;font-size:18px;line-height:1.7;color:#385363}textarea{width:100%;padding:13px;border:1px solid var(--line);background:#fbfaf7;color:var(--ink);font:inherit;resize:vertical}@media(max-width:800px){.legal-grid{grid-template-columns:1fr}.legal-wrap{padding-top:70px}}