@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#102f4f;--navy-deep:#0a2138;--blue:#245c96;--ink:#17202a;--muted:#68737d;--sand:#f5f1e9;--sand2:#ece4d7;--cream:#fbfaf7;--green:#164b38;--green2:#0f3b2d;--copper:#d89a76;--line:rgba(16,47,79,.14);--white:#fff;--shadow:0 22px 70px rgba(22,38,52,.13);--radius:28px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:100px 0}.serif{font-family:'Libre Caslon Display',Georgia,serif}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:#b97858}.muted{color:var(--muted)}
header{position:sticky;top:0;z-index:60;background:rgba(251,250,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,47,79,.08)}.head{height:74px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:43px;height:43px;object-fit:cover;border-radius:50%}.brand strong{display:block;letter-spacing:.12em;color:var(--navy);font-size:15px}.brand span{display:block;font-size:8px;letter-spacing:.21em;color:#9b694f;margin-top:2px}.nav{display:flex;gap:26px;margin-left:auto;align-items:center;font-size:13px;font-weight:600;color:#4e5963}.nav a:hover{color:var(--navy)}.nav .shop{background:var(--navy);color:white;padding:11px 16px;border-radius:999px}.menu{display:none;margin-left:auto;border:0;background:transparent;font-size:24px;color:var(--navy)}
.hero{background:linear-gradient(120deg,var(--navy-deep) 0%,#123a59 60%,#164b38 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-15%;top:-45%;width:760px;height:760px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.hero-grid{min-height:680px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px;position:relative;z-index:2}.hero h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(56px,6vw,90px);line-height:.96;letter-spacing:-.04em;font-weight:400;margin:18px 0 26px}.hero h1 em{color:#efb99b;font-style:italic}.hero p{font-size:17px;line-height:1.75;color:rgba(255,255,255,.74);max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 19px;font-size:13px;font-weight:700;border:1px solid transparent;transition:.2s}.btn-light{background:white;color:var(--navy)}.btn-ghost{border-color:rgba(255,255,255,.26);color:white}.btn-dark{background:var(--navy);color:white}.btn-outline{border-color:var(--line)}.btn:hover{transform:translateY(-2px)}.hero-media{position:relative}.hero-photo{border-radius:34px;overflow:hidden;box-shadow:0 38px 110px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.18);background:#fff}.hero-photo img{width:100%;aspect-ratio:1.62;object-fit:cover}.hero-card{position:absolute;left:-26px;bottom:-30px;background:white;color:var(--navy);padding:17px 19px;border-radius:18px;box-shadow:var(--shadow);min-width:235px}.hero-card b{display:block;font-family:'Libre Caslon Display',Georgia,serif;font-size:24px;font-weight:400}.hero-card span{font-size:11px;color:#66717b;line-height:1.5}.hero-pill{position:absolute;right:-12px;top:28px;background:#f5eadf;color:#7b4d37;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:700;box-shadow:0 16px 40px rgba(0,0,0,.16)}
.valuebar{background:#fff;border-bottom:1px solid var(--line)}.values{display:grid;grid-template-columns:repeat(4,1fr)}.value{padding:27px 22px;border-right:1px solid var(--line)}.value:last-child{border-right:0}.value b{display:block;color:var(--navy);font-size:14px}.value span{display:block;color:var(--muted);font-size:11px;line-height:1.55;margin-top:5px}
.intro{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:45px}.intro h2,.split-copy h2,.story h2,.company h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(40px,4.4vw,62px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:12px 0 0;color:var(--navy)}.intro p{margin:0;color:var(--muted);line-height:1.75}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 14px 44px rgba(15,34,51,.07);transition:.25s}.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-img{background:#f4f2ed;aspect-ratio:1.42;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:25px}.product-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#b97858;font-weight:700}.product h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:28px;font-weight:400;color:var(--navy);margin:8px 0 12px}.product p{font-size:12.5px;color:var(--muted);line-height:1.65;min-height:62px}.specs{margin:18px 0 4px;border-top:1px solid var(--line)}.spec{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.spec span{color:#7a838b}.spec strong{text-align:right}.product .link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;font-weight:700;color:var(--navy)}
.editorial{background:var(--sand)}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.feature-main,.feature-side{background:white;border-radius:28px;overflow:hidden;border:1px solid var(--line)}.feature-main img{width:100%;height:100%;min-height:520px;object-fit:cover}.feature-side{display:grid;grid-template-rows:1fr 1fr}.feature-side article{padding:30px;display:grid;grid-template-columns:1fr 155px;gap:18px;align-items:center;border-bottom:1px solid var(--line)}.feature-side article:last-child{border-bottom:0}.feature-side img{width:155px;height:135px;object-fit:cover;border-radius:16px}.feature-side h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:24px;font-weight:400;color:var(--navy);margin:8px 0}.feature-side p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.dark{background:var(--green2);color:white}.dark .intro h2{color:white}.dark .intro p{color:rgba(255,255,255,.67)}.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.science-card{border:1px solid rgba(255,255,255,.12);border-radius:25px;overflow:hidden;background:rgba(255,255,255,.035)}.science-card img{width:100%;aspect-ratio:1.25;object-fit:cover}.science-card div{padding:25px}.science-card h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:25px;font-weight:400;margin:0 0 9px}.science-card p{font-size:12px;color:rgba(255,255,255,.65);line-height:1.65}.science-card .tag{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#e1ab88;font-weight:700}
.system{background:#ede9e0}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.media-stack{position:relative;padding:0 24px 30px 0}.media-stack img:first-child{border-radius:28px;box-shadow:var(--shadow)}.media-stack img:last-child{position:absolute;width:48%;right:0;bottom:0;border-radius:22px;box-shadow:0 20px 55px rgba(0,0,0,.22);border:6px solid #ede9e0}.split-copy p{color:var(--muted);line-height:1.75}.checklist{display:grid;gap:12px;margin-top:24px}.check{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.check i{width:28px;height:28px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-style:normal;font-size:11px}.check b{display:block;color:var(--navy);font-size:13px}.check span{display:block;color:var(--muted);font-size:11.5px;margin-top:3px;line-height:1.55}
.manual{background:white}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.manual-card{border-radius:25px;overflow:hidden;border:1px solid var(--line);background:#f5f2eb}.manual-card img{width:100%;aspect-ratio:1.36;object-fit:cover}.manual-copy{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.manual-copy p{color:var(--muted);line-height:1.75;font-size:13px}.manual-copy h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:31px;font-weight:400;margin:0;color:var(--navy)}
.story{background:linear-gradient(135deg,#fff,#f6efe8)}.story-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.story-photo{border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.story-photo img{width:100%;aspect-ratio:1.62;object-fit:cover}.story .quote{font-family:'Libre Caslon Display',Georgia,serif;font-size:28px;line-height:1.3;color:#9c674d;margin:22px 0}.story p{color:var(--muted);line-height:1.75}.dna{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.dna div{border:1px solid var(--line);border-radius:16px;padding:15px;background:rgba(255,255,255,.7)}.dna b{display:block;font-size:10px;letter-spacing:.11em;color:var(--navy)}.dna span{display:block;font-size:10.5px;color:var(--muted);line-height:1.5;margin-top:5px}
.company{background:var(--navy-deep);color:white}.company h2{color:white}.company-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:start}.company p{color:rgba(255,255,255,.65);line-height:1.75}.company-card{border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:28px;background:rgba(255,255,255,.04)}.company-row{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.company-row:last-child{border-bottom:0}.company-row b{color:rgba(255,255,255,.58)}.company-row span{font-weight:600}.company .btn-outline{color:white;border-color:rgba(255,255,255,.23)}
footer{background:#071a2d;color:#fff;padding:48px 0}.foot{display:grid;grid-template-columns:1.3fr .65fr .65fr;gap:40px}.foot-logo{width:130px;border-radius:14px}.foot p,.foot a{font-size:11px;color:rgba(255,255,255,.55);line-height:1.6}.foot h4{font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin:4px 0 13px;color:#d4a081}.links{display:grid;gap:9px}.fineprint{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(255,255,255,.38);display:flex;justify-content:space-between;gap:25px}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.in{opacity:1;transform:none}.lightbox{position:fixed;inset:0;background:rgba(4,14,24,.9);z-index:100;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox img{max-height:90vh;max-width:92vw;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.lightbox button{position:absolute;right:22px;top:18px;border:0;background:white;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer}.zoom{cursor:zoom-in}
@media(max-width:900px){.container{width:min(var(--max),calc(100% - 30px))}.nav{display:none}.menu{display:block}.section{padding:76px 0}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 85px}.hero h1{font-size:58px}.hero-media{margin-top:10px}.hero-card{left:12px}.values{grid-template-columns:1fr 1fr}.value:nth-child(2){border-right:0}.value:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro,.split,.story-grid,.company-grid,.manual-copy{grid-template-columns:1fr}.product-grid,.science-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-main img{min-height:auto}.manual-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.fineprint{flex-direction:column}.dna{grid-template-columns:1fr 1fr 1fr}.feature-side article{grid-template-columns:1fr 120px}.feature-side img{width:120px;height:110px}}
@media(max-width:560px){.hero h1{font-size:47px}.hero p{font-size:15px}.values{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid var(--line)}.product-grid{gap:16px}.feature-side article{grid-template-columns:1fr}.feature-side img{width:100%;height:auto}.dna{grid-template-columns:1fr}.manual-grid{gap:14px}.company-row{flex-direction:column;gap:5px}.hero-card{position:relative;left:auto;bottom:auto;margin:12px 0 0}.hero-pill{right:10px}.media-stack{padding:0}.media-stack img:last-child{position:relative;width:72%;margin:-55px 0 0 auto;border-width:4px}.manual-copy{gap:15px}}

/* ===== EchoLink V5 brand-led layout ===== */
.v5-hero .hero-grid{min-height:760px}.v5-kicker{color:#efc4aa;font-size:13px;font-weight:700;margin:-4px 0 16px}.v5-note{position:absolute;left:-24px;bottom:-26px;background:#fff;color:var(--navy);padding:17px 19px;border-radius:18px;box-shadow:var(--shadow);max-width:290px}.v5-note b{display:block;font-family:'Libre Caslon Display',Georgia,serif;font-size:23px;font-weight:400}.v5-note span{display:block;color:#69747c;font-size:10.5px;line-height:1.55;margin-top:4px}.v5-story{background:#faf8f4}.v5-split{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:center}.v5-story h2,.v5-principles h2,.v5-products h2,.v5-guide h2,.v5-giveback h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(42px,4.8vw,66px);font-weight:400;line-height:1.03;letter-spacing:-.04em;margin:12px 0 20px;color:var(--navy)}.v5-story p,.v5-principles p,.v5-products p,.v5-guide p,.v5-giveback p{color:var(--muted);line-height:1.78}.v5-quote{font-family:'Libre Caslon Display',Georgia,serif;color:#a86c50;font-size:28px;line-height:1.33;margin:24px 0}.v5-manual{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.v5-manual img{width:100%;height:auto}.v5-intro{display:grid;grid-template-columns:1fr .72fr;gap:58px;align-items:end;margin-bottom:38px}.v5-intro p{margin:0}.v5-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v5-principle-grid article{border:1px solid var(--line);border-radius:24px;padding:27px;background:linear-gradient(180deg,#fff,#fbfaf7)}.v5-principle-grid article span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#164a36;color:#fff;font-size:11px;font-weight:700}.v5-principle-grid h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:28px;font-weight:400;color:var(--navy);margin:18px 0 8px}.v5-principle-grid p{font-size:12px;margin:0}.v5-training .v5-intro h2{color:#fff;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(42px,4.8vw,66px);font-weight:400;line-height:1.03;letter-spacing:-.04em;margin:12px 0 0}.v5-training .v5-intro p{color:rgba(255,255,255,.68)}.v5-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v5-steps article{border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.04);padding:24px;min-height:340px}.v5-steps i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4efe5;color:#123a2c;font-style:normal;font-size:12px;font-weight:700}.v5-steps small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#e5b28f;font-size:9px;font-weight:700;margin-top:18px}.v5-steps h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:27px;font-weight:400;line-height:1.08;margin:8px 0 12px}.v5-steps b{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#fff}.v5-steps p{font-size:11px;color:rgba(255,255,255,.65);line-height:1.65;margin-top:8px}.v5-wide-manual{margin-top:28px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#fff}.v5-wide-manual img{width:100%;height:auto}.v5-products{background:var(--sand)}.v5-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v5-product-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 38px rgba(20,37,51,.06)}.v5-product-grid img{width:100%;aspect-ratio:1.36;object-fit:cover}.v5-product-grid article>div{padding:21px}.v5-product-grid small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#b87552;font-weight:700}.v5-product-grid h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:25px;font-weight:400;color:var(--navy);margin:7px 0 5px}.v5-product-grid p{font-size:11px;min-height:36px;margin:0}.v5-product-grid a{display:block;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:11px;font-weight:700;color:var(--navy)}.v5-detail-grid{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:18px;margin-top:20px}.v5-detail-grid article{position:relative;border-radius:22px;overflow:hidden;min-height:250px;background:#fff;border:1px solid var(--line)}.v5-detail-grid img{width:100%;height:100%;min-height:250px;object-fit:cover}.v5-detail-grid article>div{position:absolute;left:15px;right:15px;bottom:15px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:14px;padding:12px}.v5-detail-grid b{display:block;color:var(--navy);font-size:11.5px}.v5-detail-grid span{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.v5-guide-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:center}.v5-guide-list{display:grid;gap:12px;margin-top:22px}.v5-guide-list>div{display:grid;grid-template-columns:30px 1fr;gap:12px}.v5-guide-list i{width:30px;height:30px;border-radius:50%;background:#164a36;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}.v5-guide-list p{margin:0}.v5-guide-list b{display:block;color:var(--navy);font-size:12px}.v5-guide-list span{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}.v5-giveback{background:linear-gradient(135deg,#f6f0e9,#fff)}.v5-give-card{background:#123a2c;color:#fff;border-radius:28px;padding:36px}.v5-give-card>div{font-family:'Libre Caslon Display',Georgia,serif;font-size:72px;line-height:.9}.v5-give-card h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;font-weight:400;margin:14px 0 9px}.v5-give-card p{color:rgba(255,255,255,.7);font-size:11.5px}.foot-logo{background:#fff}.hero h1 em{color:#efc4aa}@media(max-width:930px){.v5-split,.v5-intro,.v5-guide-grid{grid-template-columns:1fr}.v5-steps{grid-template-columns:1fr 1fr}.v5-principle-grid,.v5-product-grid,.v5-detail-grid{grid-template-columns:1fr}.v5-note{left:12px}}@media(max-width:560px){.v5-steps{grid-template-columns:1fr}.v5-note{position:relative;left:auto;bottom:auto;margin-top:12px}.v5-hero .hero-grid{min-height:auto}}
