@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Inter:wght@400;500;600&display=swap');
:root{--navy:#1B2440;--silver:#B9BEC7;--lt:#F4F5F7;--line:#D9DCE2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Helvetica,Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1080px;margin:auto;padding:0 24px}
.disp{font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.hero{background:var(--navy);color:#fff;text-align:center;padding:96px 0 104px}
.mark{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.32em;font-size:clamp(18px,2.4vw,24px);color:var(--silver)}
.hero h1{font-size:clamp(38px,7vw,72px);line-height:1.04;margin:28px auto 20px;max-width:900px}
.hero p{color:#C9CDD6;font-size:18px;margin:0 auto 34px;max-width:560px}
.soon{display:inline-block;border:1px solid var(--silver);color:var(--silver);padding:8px 22px;font-family:Oswald;letter-spacing:.35em;font-size:13px}
.hl{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 24px;padding:88px 0;text-align:center}
@media(min-width:800px){.hl{grid-template-columns:repeat(4,1fr)}}
.hl svg{width:40px;height:40px;stroke:var(--navy);fill:none;stroke-width:1.6;margin-bottom:12px}
.hl b{display:block;font-family:Oswald;text-transform:uppercase;letter-spacing:.06em;font-size:16px;font-weight:500}
.tins{background:var(--lt);padding:96px 0;text-align:center}.tins h2{font-size:clamp(28px,4vw,40px);margin:0 0 56px}.tins .sub{color:#5B6480;margin:0 0 56px}
.row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:56px}
.lid{border-radius:50%;padding:14px;background:conic-gradient(from 30deg,#E9EBEF,#9DA3AE,#F6F7F9,#8E949F,#E2E5EA,#A3A9B3,#E9EBEF);box-shadow:0 18px 40px rgba(27,36,64,.22),inset 0 0 0 1px rgba(0,0,0,.08)}
.lid img{display:block;width:100%;border-radius:50%}.l50{width:300px}.l25{width:234px}
.cap{margin-top:22px;font-family:Oswald;letter-spacing:.08em;font-size:18px}.cap span{display:block;font-family:Inter;text-transform:none;letter-spacing:0;font-size:14px;color:#5B6480}
.cta{padding:88px 0;text-align:center}.cta h2{font-size:clamp(26px,4vw,36px);margin:0 0 28px}
.btn{display:inline-block;padding:16px 30px;margin:6px;font-family:Oswald;text-transform:uppercase;letter-spacing:.12em;font-size:15px;text-decoration:none;border:2px solid var(--navy);background:var(--navy);color:#fff;border-radius:2px;cursor:pointer}
.btn.o{background:#fff;color:var(--navy)}
footer{background:var(--navy);color:var(--silver);text-align:center;padding:32px 24px;font-size:13px}footer a{text-decoration:none}
.bar{background:var(--navy);padding:18px 0}.bar a{text-decoration:none;font-family:Oswald;font-weight:700;letter-spacing:.3em;color:#fff;font-size:17px}
.page{max-width:600px;margin:auto;padding:64px 24px 88px}.page h1{font-size:clamp(32px,6vw,44px);margin:0 0 36px;line-height:1.1}
label.f{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;margin:22px 0 7px}.opt{font-weight:400;color:#7A819A}
textarea,input[type=text],input[type=email],input[type=tel],select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:3px;font:inherit;font-size:16px;background:#fff;color:var(--navy)}
input:focus,select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,36,64,.12)}
.ck{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:14px}.ck input{margin-top:3px;accent-color:var(--navy);width:16px;height:16px;flex:none}
.fine{font-size:11.5px;color:#6B7290;line-height:1.5}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{border:1px solid var(--line);border-radius:3px;padding:9px 14px;font-size:14px;display:flex;gap:8px;align-items:center}.chips input{accent-color:var(--navy)}
.page .btn{width:100%;margin:28px 0 0}.priv{text-align:center;font-size:12px;color:#7A819A;margin-top:14px}
hr{border:0;border-top:1px solid var(--line);margin:30px 0 4px}
.fb{margin:28px 0 0;font-size:14px}.fb a{color:#5B6480;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}.fb a:hover{color:var(--navy);border-color:var(--navy)}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.scale label{border:1px solid var(--line);border-radius:3px;text-align:center;padding:11px 0;font-size:15px;cursor:pointer}.scale input{position:absolute;opacity:0}.scale label:has(input:checked){background:var(--navy);color:#fff;border-color:var(--navy)}
.ends{display:flex;justify-content:space-between;font-size:11.5px;color:#7A819A;margin-top:5px}
.thanks{display:none;text-align:center;font-size:18px;padding:40px 0}
.hero-tins{display:block;width:100%;max-width:760px;height:auto;margin:0 auto}
.sizes{margin:-28px 0 0;font-family:Oswald;letter-spacing:.2em;font-size:14px;color:#5B6480}
.tins{padding:88px 0 0;background:#ECEBE8}.tins h2{margin-bottom:40px}
.tins-photo{display:block;width:100%;max-width:1400px;margin:0 auto;height:auto;aspect-ratio:3/2;object-fit:cover}
@media(max-width:600px){.tins-photo{aspect-ratio:1/1}}

.bar .wrap{display:flex;justify-content:space-between;align-items:center}.soon.sm{padding:5px 12px;font-size:11px;letter-spacing:.3em}
.top{background:#ECEBE8;text-align:center}.top .tins-photo{width:min(100%,78vh);max-width:1400px}
.intro{padding:36px 24px 48px}.intro h1{font-size:clamp(30px,6vw,60px);line-height:1.05;margin:0 auto 12px;max-width:900px}
.intro p{color:#5B6480;font-size:17px;margin:0 auto 24px;max-width:560px}.intro .fb{margin:18px auto 0}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ctas .btn{margin:0;min-width:230px}
@media(max-width:600px){.top .tins-photo{aspect-ratio:5/4;max-height:none}.intro{padding:24px 20px 36px}.ctas .btn{width:100%;min-width:0;padding:15px 20px}.bar .soon.sm{display:none}}
.hl{padding:64px 0}
@media(min-width:601px){.top{padding-top:16px}.top .tins-photo{width:auto;height:min(310px,40vh);max-width:100%;aspect-ratio:3/2;object-fit:contain}.intro{padding:24px 24px 40px}.intro h1{font-size:clamp(30px,4vw,48px);max-width:1000px}.intro p{margin-bottom:20px}}
@media(max-width:600px){.intro{padding:20px 20px 32px}.intro h1{font-size:30px;margin-bottom:8px}.intro p{font-size:16px;margin-bottom:18px}.ctas{gap:10px}}

.bar a.brand{display:flex;flex-direction:column;line-height:1.1}.bar .tag{font-family:Inter,sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;color:var(--silver);margin-top:5px}
.intro p.body{color:#3E4766;font-size:17px;line-height:1.6;max-width:620px;margin:0 auto 12px}.intro p.body+.ctas{margin-top:22px}
@media(max-width:600px){.bar{padding:14px 0}.bar a.brand{font-size:18px}.intro p.body{font-size:16px;text-align:left}.intro h1{margin-bottom:14px}.intro p.body+.ctas{margin-top:20px}}