:root{--navy:#062b5a;--navy2:#0a3b73;--blue:#129dcc;--aqua:#22b8c8;--sky:#dff5fb;--sand:#fff5e5;--sun:#f6a52c;--ink:#10243a;--muted:#617385;--white:#fff;--line:#dfe7ec;--shadow:0 18px 45px rgba(4,42,84,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(6,43,90,.08)}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:baseline;color:var(--navy);font-weight:800;font-size:28px;line-height:1;position:relative;padding-bottom:14px}.brand-two{color:var(--blue);font-size:38px;margin:0 1px}.brand small{position:absolute;left:1px;bottom:0;font-size:7px;letter-spacing:.16em;white-space:nowrap;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:14px;color:var(--navy)}.main-nav a:hover{color:var(--blue)}.cart-link{padding:10px 16px;border:1px solid var(--line);border-radius:999px}.cart-link span{display:inline-grid;place-items:center;margin-left:6px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:white;font-size:11px}.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fef8e9 0%,#dcf7ff 50%,#aee8f5 100%);padding:70px 0 80px}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(255,255,255,.35);right:-180px;top:-220px}.hero-overlay{position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(180deg,transparent,rgba(10,125,173,.13))}
.hero-grid{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:center}.eyebrow{display:inline-block;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:10px}.hero h1,.section h2{font-family:"Playfair Display",Georgia,serif;color:var(--navy);line-height:1.08;margin:0}.hero h1{font-size:clamp(46px,6vw,76px);max-width:760px}.hero-copy>p{font-size:18px;max-width:650px;color:#355268;margin:24px 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;font-weight:800;font-family:inherit;cursor:pointer}.btn-primary{background:var(--navy);color:white;box-shadow:0 12px 25px rgba(6,43,90,.18)}.btn-primary:hover{background:var(--navy2)}.btn-secondary{border:1px solid rgba(6,43,90,.18);background:rgba(255,255,255,.65);color:var(--navy)}
.mini-stats{display:flex;gap:32px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(6,43,90,.12)}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{color:var(--navy)}.mini-stats span{color:var(--muted);font-size:12px}
.hero-card{background:white;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.2deg)}.hero-art{height:305px;position:relative;overflow:hidden;background:linear-gradient(#68c8ef 0 48%,#f4c46d 48% 58%,#0c9bc4 58%)}.hero-art .sun{position:absolute;right:55px;top:35px;width:76px;height:76px;border-radius:50%;background:#fff1a8}.mountain{position:absolute;bottom:42%;width:260px;height:120px;background:#41547c;clip-path:polygon(0 100%,45% 10%,100% 100%)}.mountain-a{left:-35px}.mountain-b{right:-55px;background:#53436d;transform:scale(.8)}.lake{position:absolute;inset:58% 0 0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.25) 0 2px,transparent 2px 15px)}.hero-wordmark{position:absolute;left:32px;top:28px;font-size:30px;color:var(--navy);font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.4)}.hero-wordmark span{color:white;font-size:40px}
.hero-card-body{padding:25px 28px 28px}.hero-card-body span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.hero-card-body h3{color:var(--navy);font-size:23px;margin:6px 0}.hero-card-body p{color:var(--muted);font-size:14px;margin:0 0 12px}.hero-card-body a{color:var(--blue);font-weight:800;font-size:14px}
.section{padding:92px 0}.section-heading{max-width:760px;margin-bottom:42px}.section h2{font-size:clamp(36px,4vw,52px)}.section-heading p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{min-height:320px;padding:28px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,35,70,.72))}.feature-card>*{position:relative;z-index:1}.feature-card .icon{position:absolute;top:24px;left:26px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.86);color:var(--navy);font-size:28px}.feature-card h3{color:white;font-size:25px;margin:0 0 4px}.feature-card p{color:rgba(255,255,255,.85);font-size:14px;margin:0 0 12px}.feature-card a{color:white;font-size:13px;font-weight:800}.water{background:radial-gradient(circle at 70% 20%,#7fe5f3 0 12%,transparent 13%),linear-gradient(155deg,#52d5e5,#087aa9)}.desert{background:radial-gradient(circle at 72% 22%,#ffd57b 0 12%,transparent 13%),linear-gradient(155deg,#f4b65e,#d96932)}.bridge{background:radial-gradient(circle at 72% 20%,#f8ca73 0 12%,transparent 13%),linear-gradient(155deg,#6abfd8,#263d72)}
.plan-section{background:#f7fbfd}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.photo-panel{position:relative;height:500px;border-radius:30px;overflow:hidden;background:linear-gradient(#69c8ef 0 47%,#fac66d 47% 60%,#0a9cc7 60%);box-shadow:var(--shadow)}.photo-panel .sun{position:absolute;left:18%;top:33%;width:92px;height:92px;border-radius:50%;background:#fff1a8}.mountains{position:absolute;left:0;right:0;top:40%;height:120px;background:linear-gradient(135deg,transparent 0 20%,#384a73 20% 32%,transparent 32% 38%,#4b3d68 38% 55%,transparent 55%);opacity:.85}.water-line{position:absolute;inset:60% 0 0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 2px,transparent 2px 13px)}.bridge-shape{position:absolute;left:10%;right:7%;top:48%;height:70px;border-top:18px solid #d9c7aa;border-bottom:9px solid #c2a989;transform:skewY(-1deg)}.bridge-shape span{display:inline-block;width:21%;height:52px;margin:0 1.4%;background:#0a9cc7;border-radius:40px 40px 0 0;border:8px solid #d9c7aa;border-bottom:0}.hero-art .bridge-shape{top:53%;height:46px;border-top-width:13px;border-bottom-width:7px}.hero-art .bridge-shape span{height:34px;border-width:6px;border-bottom:0}.plan-copy>p{color:var(--muted);font-size:16px}.check-list{margin:28px 0}.check-list div{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);align-items:flex-start}.check-list b{color:var(--blue);font-size:12px;letter-spacing:.08em}.check-list span{color:#425d70}.check-list strong{color:var(--navy)}
.shop-section{background:white}.shop-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:50px}.shop-heading p{max-width:480px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;transition:.2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-art{height:290px;display:grid;place-items:center;background:linear-gradient(145deg,#eefbff,#fdf5e5)}.product-info{padding:22px}.product-type{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800}.product-info h3{margin:4px 0;font-size:20px;color:var(--navy)}.product-info p{margin:0 0 18px;color:var(--muted);font-size:13px}.product-bottom{display:flex;align-items:center;justify-content:space-between}.product-bottom strong{color:var(--navy)}.add-cart{border:0;border-radius:999px;padding:10px 15px;background:var(--navy);color:white;font-weight:800;cursor:pointer}
.hat-art{position:relative}.hat-crown{width:180px;height:110px;border-radius:90px 90px 25px 25px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:white;font-weight:800;transform:translateY(15px)}.hat-crown span{font-size:20px}.hat-brim{width:160px;height:35px;border-radius:50%;background:#082446;transform:translate(55px,-14px) rotate(-8deg)}.shirt{width:190px;height:200px;background:white;clip-path:polygon(23% 0,40% 12%,60% 12%,77% 0,100% 17%,86% 42%,77% 33%,77% 100%,23% 100%,23% 33%,14% 42%,0 17%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.08)}.shirt>span{color:var(--navy);font-weight:800;font-size:21px}.shirt>span span{color:var(--blue);font-size:30px}.shirt small{font-size:7px;letter-spacing:.12em;color:var(--navy)}.mug{width:150px;height:160px;border-radius:12px 12px 32px 32px;background:white;border:1px solid #d7e1e7;box-shadow:0 12px 25px rgba(0,0,0,.08);display:grid;place-items:center;position:relative;color:var(--navy);font-weight:800}.mug:after{content:"";position:absolute;right:-50px;top:35px;width:65px;height:75px;border:18px solid white;border-left-width:13px;border-radius:50%}.mug span span{color:var(--blue);font-size:28px}
.story-section{background:var(--navy);color:white}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.story-section h2{color:white}.eyebrow.light{color:#7fe1f0}.story-section p{color:rgba(255,255,255,.85);font-size:17px}.story-section .muted{color:rgba(255,255,255,.55);font-size:14px}.newsletter{background:linear-gradient(120deg,#fff6e6,#e6f9ff)}.newsletter-inner{text-align:center;max-width:800px}.newsletter form{display:flex;gap:10px;max-width:650px;margin:26px auto 0}.newsletter input{flex:1;border:1px solid #cddce5;border-radius:999px;padding:14px 20px;font:inherit;background:white}.signup-msg{min-height:24px;color:var(--navy);font-weight:700;font-size:13px}
footer{background:#041d3c;color:white;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-wordmark{color:white}.footer-wordmark small{color:rgba(255,255,255,.6)}.footer-brand p{color:rgba(255,255,255,.58);max-width:260px;font-size:13px}footer h4{font-size:13px;margin:0 0 15px;text-transform:uppercase;letter-spacing:.1em}footer a{display:block;color:rgba(255,255,255,.68);font-size:13px;margin:8px 0}footer a:hover{color:white}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.45);font-size:12px}
.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:white;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:92px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.story-grid{grid-template-columns:1fr}.feature-grid,.product-grid{grid-template-columns:1fr 1fr}.hero-card{max-width:600px}.shop-heading{display:block}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 26px,1160px)}.nav-wrap{height:78px}.main-nav{top:78px}.brand{font-size:24px}.brand-two{font-size:34px}.hero{padding:48px 0 60px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.mini-stats{gap:16px}.feature-grid,.product-grid,.footer-grid{grid-template-columns:1fr}.photo-panel{height:380px}.section{padding:68px 0}.newsletter form{flex-direction:column}}
.logo-brand{padding:0;display:flex;align-items:center}
.logo-brand img{display:block;width:118px;height:78px;object-fit:contain;border-radius:10px}
.hero-logo-panel{height:305px;display:grid;place-items:center;background:#fff;padding:18px}
.hero-logo-panel img{display:block;width:100%;height:100%;object-fit:contain}
.footer-logo{display:inline-block;margin:0 0 10px}
.footer-logo img{display:block;width:160px;max-height:150px;object-fit:contain;background:#fff;border-radius:16px;padding:6px}
@media(max-width:620px){.logo-brand img{width:96px;height:64px}.hero-logo-panel{height:260px}}