:root{--ink:#152d45;--muted:#627181;--line:#d8ddd9;--paper:#f4f0e7;--white:#fff;--orange:#c7472d;--navy:#17324d;--dark:#16191d}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body{margin:0}
.shell{max-width:1280px;margin:auto;min-height:100vh;background:var(--paper)}
.head{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:Georgia,serif;font-size:24px;font-weight:700;text-decoration:none}
.brand small{display:block;margin-top:2px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.mark{width:40px;height:28px;border:3px solid var(--ink);border-top:0;position:relative}
.mark:before,.mark:after{content:"";position:absolute;bottom:100%;width:10px;height:10px;border:3px solid var(--ink);border-bottom:0}
.mark:before{left:3px}
.mark:after{right:3px}
.home{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
.hero{padding:88px 7vw 54px}
.eyebrow,.number{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.hero h1{max-width:900px;margin:18px 0 24px;font-size:clamp(48px,7vw,94px);line-height:.94;letter-spacing:-.055em}
.lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(20px,2.3vw,30px);line-height:1.42}
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 5vw 82px}
.choice{display:flex;min-height:460px;flex-direction:column;padding:38px;border:1px solid transparent;border-radius:28px;background:var(--white);box-shadow:0 12px 28px rgba(21,45,69,.13);position:relative;overflow:hidden;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease;animation:card-breathe 7s ease-in-out infinite}
.choice:before{content:"";position:absolute;z-index:-1;inset:-40% -25%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);transform:translateX(-70%) rotate(8deg);transition:transform .75s ease}
.choice:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-70px;top:-70px;border:1px solid rgba(255,255,255,.36);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.08),0 0 0 56px rgba(255,255,255,.05)}
.choice:hover{transform:translateY(-9px) rotate(-.35deg);box-shadow:0 24px 44px rgba(21,45,69,.22)}
.choice:hover:before{transform:translateX(70%) rotate(8deg)}
.choice:nth-child(2){animation-delay:-2.2s}
.choice:nth-child(3){animation-delay:-4.4s}
.choice h2{margin:20px 0 18px;font-size:clamp(32px,3.2vw,48px);line-height:1;letter-spacing:-.04em}
.choice>p:not(.number){color:inherit;font-size:19px;line-height:1.55;opacity:.82}
.choice .actions{display:grid;gap:10px;margin-top:auto}
.choice a{display:block;padding:17px 18px;border-radius:14px;font-size:15px;font-weight:800;text-decoration:none}
.choice .primary{background:var(--navy);color:var(--white);transition:transform .25s ease,filter .25s ease}
.choice .primary:hover,.choice .secondary:hover{transform:translateX(4px);filter:brightness(1.08)}
.choice .secondary{border:1px solid currentColor;color:inherit;transition:transform .25s ease,filter .25s ease}
.choice.walls{background:linear-gradient(145deg,#d76543 0%,#a93628 100%);color:#fff}
.choice.walls .number{color:#ffe3b5}
.choice.walls .primary{background:#fff;color:#8f2c22}
.choice.local{background:linear-gradient(145deg,#d9f0df 0%,#88cbb7 48%,#2f8190 100%);color:#102f3a}
.choice.local .number{color:#155b67}
.choice.local .primary{background:#103f4a;color:#fff}
.choice.darker{background:linear-gradient(145deg,#24272c 0%,#111318 62%,#411b1a 100%);color:var(--white);border-color:var(--dark)}
.choice.darker .number{color:#ff725b}
.choice.darker .primary{background:var(--orange)}
@keyframes card-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.note{margin:0 5vw 80px;padding:56px;border-radius:28px;background:var(--navy);color:var(--white)}
.note h2{max-width:760px;margin:15px 0;font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.045em}
.note>p:last-child{max-width:720px;color:#dce3e9;font-size:20px;line-height:1.5}
.foot{display:flex;justify-content:space-between;gap:30px;padding:38px 5vw;background:#111820;color:#fff}
.foot p{color:#b8c0c7;font-size:13px}
.footlinks{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.foot a{color:#fff;font-size:14px;text-decoration:none}
@media(max-width:850px){.head{padding:20px 24px}
.brand{font-size:19px}
.mark{width:34px;height:24px}
.hero{padding:62px 24px 36px}
.hero h1{font-size:51px}
.choices{grid-template-columns:1fr;padding:10px 24px 58px;gap:24px}
.choice{min-height:390px;padding:30px}
.choice h2{font-size:39px}
.note{margin:0 24px 56px;padding:36px 28px}
.foot{flex-direction:column;padding:34px 24px}
}
@media(max-width:390px){.hero h1{font-size:43px}
.lead{font-size:19px}
.choice h2{font-size:35px}
.choice{padding:26px}
}
@media(prefers-reduced-motion:reduce){.choice{animation:none;transition:none}.choice:before,.choice a{transition:none}.choice:hover{transform:none}}