:root { --ink:#102a39; --blue:#0d516d; --aqua:#78d1ca; --cream:#f5f1e9; --line:rgba(16,42,57,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 64px)); margin:auto; }
.hero { min-height:780px; height:100svh; max-height:920px; position:relative; overflow:hidden; background:#081d28; color:white; }
.hero-image,.hero-shade { position:absolute; inset:0; }
.hero-image { background:url('assets/restoration-hero.png') 70% center/cover no-repeat; transform:scale(1.01); }
.hero-shade { background:linear-gradient(90deg,rgba(3,13,20,.92) 0%,rgba(3,13,20,.73) 36%,rgba(3,13,20,.08) 72%),linear-gradient(0deg,rgba(2,13,19,.62),transparent 38%); }
.nav { height:105px; position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; color:#e9f5f4; font-size:10px; line-height:1.18; letter-spacing:.17em; text-transform:uppercase; }
.brand strong { font-size:11px; font-weight:800; letter-spacing:.105em; }
.brand-mark { display:flex; gap:3px; align-items:end; height:24px; }
.brand-mark i { display:block; width:4px; background:var(--aqua); border-radius:4px; transform:skew(-18deg); }
.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:25px}
.nav-cta { border-bottom:1px solid var(--aqua); padding-bottom:5px; color:#fff; text-transform:uppercase; letter-spacing:.13em; font-size:10px; font-weight:800; }.nav-cta span{color:var(--aqua);margin-left:7px;font-size:15px}
.hero-content { position:relative; z-index:1; padding-top:clamp(110px,16vh,180px); }
.eyebrow { display:flex; align-items:center; gap:10px; color:#b8e5df; text-transform:uppercase; font:500 10px 'DM Mono',monospace; letter-spacing:.14em; }.eyebrow span { display:inline-block;width:26px;height:1px;background:currentColor; }.eyebrow.dark { color:#457983; }
h1,h2 { margin:18px 0; font-family:'Playfair Display',Georgia,serif; font-weight:600; letter-spacing:-.055em; line-height:.98; }
h1 { font-size:clamp(50px,7vw,94px); max-width:800px; } h1 em,h2 em { color:var(--aqua); font-weight:600; }
.hero-copy { max-width:440px; color:#d1dcdf; font-size:15px; line-height:1.7; margin:27px 0 32px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }.button { display:inline-flex; align-items:center; gap:32px; padding:15px 19px; font-size:11px; text-transform:uppercase; letter-spacing:.11em; font-weight:800; transition:.2s ease; }.button span { font-size:19px; line-height:0; }.button-primary { background:var(--aqua); color:#0d3a48; }.button-primary:hover { background:#b4ece4; transform:translateY(-2px); }.button-ghost { border:1px solid rgba(255,255,255,.43); color:#fff; }.button-ghost:hover { background:#fff; color:var(--ink); }
.hero-footer { position:absolute; z-index:1; bottom:33px; left:0; right:0; display:flex; justify-content:space-between; align-items:center; font:10px 'DM Mono',monospace; letter-spacing:.07em; color:#c5d2d4; }.availability { text-transform:uppercase; letter-spacing:.13em; display:flex; align-items:center; gap:8px; }.pulse { width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(120,209,202,.15); }.hero-footer p{margin:0;}
.trust-strip { background:#102f3f; color:#ecf7f5; }.trust-grid { min-height:130px; display:grid; grid-template-columns:2fr repeat(3,1fr); align-items:center; gap:28px; }.trust-grid p { font:600 17px 'Playfair Display',serif; letter-spacing:-.02em; max-width:260px; }.trust-grid div { min-height:45px; border-left:1px solid rgba(255,255,255,.2); padding-left:20px; display:flex;flex-direction:column;justify-content:center;gap:4px }.trust-grid strong { color:var(--aqua); font-size:19px;letter-spacing:-.06em}.trust-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#c7d4d8}
.why { padding:140px 0; }.section-intro { display:grid;grid-template-columns:1fr 2fr;align-items:start }.section-intro h2 { margin:0;font-size:clamp(42px,5vw,66px); }.benefits { display:grid;grid-template-columns:repeat(3,1fr);margin-top:95px;border-top:1px solid var(--line); }.benefits article { padding:28px 30px 0 0;min-height:250px;border-right:1px solid var(--line); }.benefits article+article { padding-left:30px; }.benefits article:last-child {border:0}.number { color:#528e92;font:11px 'DM Mono',monospace; }.benefits h3 { font:700 18px Manrope,sans-serif; letter-spacing:-.04em;margin:62px 0 13px;}.benefits p,.use-copy,.acquire-card>p { color:#59707a;font-size:14px;line-height:1.75; }
.use-case { color:#fff;background:#123a4b;padding:97px 0; }.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.use-case h2{font-size:clamp(40px,4.7vw,62px);margin-bottom:0}.use-copy{color:#d0e0df;max-width:430px;margin:0}
.acquire { padding:120px 0; }.acquire-card { background:#e4eee9; padding:clamp(40px,7vw,90px); text-align:center; position:relative; overflow:hidden; }.acquire-card:before,.acquire-card:after { content:'';position:absolute;width:230px;height:230px;border:1px solid rgba(65,130,132,.14);border-radius:50%; }.acquire-card:before{left:-90px;top:-100px}.acquire-card:after{right:-90px;bottom:-120px}.acquire-card>* {position:relative;z-index:1}.acquire-topline { display:flex;justify-content:center;gap:22px;color:#3f717a;text-transform:uppercase;letter-spacing:.14em;font:10px 'DM Mono',monospace }.acquire-topline span+span:before{content:'•';margin-right:22px}.acquire h2{font-size:clamp(45px,6vw,78px);margin:24px 0 17px}.acquire-card>p{max-width:470px;margin:0 auto 29px}.acquire small{display:block;margin-top:20px;font:10px 'DM Mono',monospace;color:#698087}
.secure-buy{display:block;width:max-content;margin:17px auto 0;border-bottom:1px solid #5e9e9d;padding-bottom:4px;color:#285d68;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.secure-buy span{color:#438f92;margin-left:5px;font-size:13px}
.footer { min-height:100px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#65767c;}.footer-brand{font:800 16px Manrope,sans-serif;color:var(--ink);letter-spacing:-.1em}.footer-brand span{color:#4b9496}.footer>a:last-child{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.footer>a:last-child span{color:#458e91;margin-left:4px}
@media (max-width:700px) { .shell{width:min(100% - 40px,1180px)}.hero{min-height:700px}.nav{height:83px}.nav-cta{font-size:9px}.brand{font-size:8px}.brand strong{font-size:9px}.hero-content{padding-top:105px}.hero-image{background-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(3,13,20,.9),rgba(3,13,20,.42)),linear-gradient(0deg,rgba(2,13,19,.7),transparent 46%)}.hero-footer p{display:none}.trust-grid{grid-template-columns:1fr 1fr;gap:0;padding:24px 0}.trust-grid p{grid-column:1/-1;margin:0 0 25px}.trust-grid div{padding-left:13px}.trust-grid div:last-child{display:none}.section-intro{display:block}.section-intro h2{margin-top:17px}.why{padding:80px 0}.benefits{display:block;margin-top:50px}.benefits article,.benefits article+article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.benefits article:last-child{border-bottom:0}.benefits h3{margin-top:34px}.use-case{padding:70px 0}.use-case-grid{display:block}.use-copy{margin-top:25px}.acquire{padding:70px 0}.footer{padding:24px 0;gap:14px;align-items:flex-start}.footer p{line-height:1.5;margin:0;max-width:170px}.footer>a:last-child{white-space:nowrap}.button{padding:14px 16px}.acquire-topline{gap:13px}.acquire-topline span+span:before{margin-right:13px} }