@font-face{font-family:Exo;src:url("fonts/exo-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Exo;src:url("fonts/exo-semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Exo;src:url("fonts/exo-black-italic.ttf") format("truetype");font-style:italic;font-weight:900;font-display:swap}
@font-face{font-family:"Passion One";src:url("fonts/passion-one-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}

:root{
  --navy:#061765;--water:#53a1d5;--vital:#b1e681;--white:#fff;--ink:#061765;
  --mist:#edf8ff;--gray:rgba(190,190,189,.5);--line:rgba(83,161,213,.35);
  --glass:rgba(255,255,255,.08);--page:clamp(1rem,3.5vw,4.5rem);--radius:1.6rem;
  --shadow:0 30px 80px rgba(3,14,64,.24);--ease:cubic-bezier(.2,.75,.25,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;min-width:320px;background:var(--navy);color:var(--white);font-family:Exo,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
img,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.22em}
p,h1,h2,h3{margin-top:0}
h1,h2,h3{font-family:Exo,system-ui,sans-serif;font-style:italic;font-weight:900;line-height:.9;letter-spacing:-.055em;text-wrap:balance}
h1{font-size:clamp(3.35rem,9.2vw,9rem)}
h2{font-size:clamp(2.5rem,6.2vw,6.2rem)}
h3{font-size:clamp(1.6rem,3vw,2.8rem)}
::selection{background:var(--vital);color:var(--navy)}
:focus-visible{outline:3px solid var(--vital);outline-offset:4px}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:var(--vital);color:var(--navy);padding:.75rem 1rem;font-weight:700;border-radius:.5rem;transition:top .2s}
.skip-link:focus{top:1rem}
.container{width:min(100%,96rem);margin-inline:auto;padding-inline:var(--page)}
.narrow{width:min(100%,72rem);margin-inline:auto;padding-inline:var(--page)}
.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;color:var(--water);font-family:"Passion One",sans-serif;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{content:"";width:2.3rem;height:2px;background:currentColor}
.eyebrow--vital{color:var(--vital)}
.lede{max-width:54rem;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.65;color:rgba(255,255,255,.78)}
.display-accent{color:var(--vital)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(6,23,101,.58);backdrop-filter:blur(18px);transition:background .3s,transform .3s}
.site-header.is-scrolled{background:rgba(6,23,101,.92)}
.nav-shell{display:flex;align-items:center;min-height:5.25rem;gap:1.25rem}
.brand{display:inline-flex;align-items:center;width:10.5rem;min-height:3.6rem;flex:0 0 auto}
.brand img{width:100%;height:3.4rem;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:clamp(.9rem,2.2vw,2rem);margin-left:auto}
.site-nav a{position:relative;text-decoration:none;font-family:"Passion One",sans-serif;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}
.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.45rem;height:2px;background:var(--vital);transition:right .28s var(--ease)}
.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{right:0}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.45rem 1rem;border:1px solid var(--vital);border-radius:999px;background:var(--vital);color:var(--navy);font-family:"Passion One",sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.menu-toggle{display:none;margin-left:auto;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff}

.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 76% 135% at 0% 50%,rgba(6,23,101,.96),rgba(6,23,101,.7) 45%,rgba(6,23,101,.15) 76%,transparent),radial-gradient(circle at 78% 42%,rgba(83,161,213,.1),transparent 38%)}
.hero::after{content:"";position:absolute;inset:0;z-index:1;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.75) .6px,transparent .7px);background-size:5px 5px;mix-blend-mode:soft-light}
.hero-content{position:relative;z-index:2;width:100%;padding-top:9rem;padding-bottom:clamp(3rem,8vh,6rem)}
.hero-brand-lockup{width:clamp(12rem,15vw,17rem);margin-bottom:1.4rem;filter:drop-shadow(0 .9rem 1.8rem rgba(3,16,68,.38))}
.hero-brand-lockup img{width:100%;height:auto}
.hero h1{max-width:11ch;margin-bottom:1.4rem}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.55fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.hero-copy .lede{margin-bottom:1.5rem}
.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.75rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.2rem;padding:.7rem 1.2rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-family:"Passion One",sans-serif;font-size:1rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .2s var(--ease),background .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button--primary{border-color:var(--vital);background:var(--vital);color:var(--navy)}
.button--store{border-color:#fff;background:#fff;color:var(--navy)}
.button--light{border-color:#fff;background:#fff;color:var(--navy)}
.button--line{border-color:rgba(255,255,255,.42)}
.hero-meta{position:absolute;z-index:3;right:var(--page);bottom:1.3rem;display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.65);font-family:"Passion One",sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.video-toggle{display:inline-grid;place-items:center;width:2.65rem;height:2.65rem;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(6,23,101,.42);color:#fff;cursor:pointer}
.scroll-cue{position:absolute;z-index:3;left:var(--page);bottom:1.4rem;width:7rem;height:1px;background:rgba(255,255,255,.42)}
.scroll-cue::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}

.promise-ribbon{position:relative;overflow:hidden;border-block:1px solid rgba(6,23,101,.2);background:var(--vital);color:var(--navy)}
.promise-ribbon-track{display:flex;width:max-content;animation:promise-flow 34s linear infinite}
.promise-ribbon:hover .promise-ribbon-track{animation-play-state:paused}
.promise-ribbon-group{display:flex;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:1.35rem clamp(1rem,2.5vw,2.5rem)}
.promise-ribbon-group span{display:flex;align-items:center;gap:clamp(1.5rem,4vw,4rem);white-space:nowrap;font-family:"Passion One",sans-serif;font-size:clamp(1.55rem,3.1vw,3.35rem);line-height:1;letter-spacing:.025em;text-transform:uppercase}
.promise-ribbon-group span::after{content:"✦";font-size:.5em;color:#23658f}
.promise-ribbon-note{margin:0;padding:.45rem var(--page);border-top:1px solid rgba(6,23,101,.16);background:rgba(255,255,255,.16);font-size:.72rem;line-height:1.4;text-align:center}
@keyframes promise-flow{to{transform:translateX(-50%)}}

.page-hero{position:relative;min-height:72svh;display:flex;align-items:flex-end;padding:11rem 0 5rem;overflow:hidden;background:var(--navy)}
.page-hero::before{content:"";position:absolute;width:50vw;height:50vw;right:-12vw;top:-12vw;border-radius:50%;border:1px solid rgba(83,161,213,.36);box-shadow:0 0 9rem rgba(83,161,213,.16)}
.page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,161,213,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(83,161,213,.1) 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(to bottom,black,transparent 82%);opacity:.45}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{max-width:12ch;margin-bottom:1.25rem}

.section{position:relative;padding-block:clamp(5rem,11vw,10rem)}
.section--water{background:var(--water);color:var(--navy)}
.section--mist{background:var(--mist);color:var(--navy)}
.section--white{background:#fff;color:var(--navy)}
.section--vital{background:var(--vital);color:var(--navy)}
.section--white .eyebrow,.section--mist .eyebrow{color:#23658f}
.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.55fr);gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,7vw,5rem)}
.section-head h2{margin-bottom:0;max-width:12ch}
.section-head p{margin:0;max-width:36rem}
.hairline{border-top:1px solid currentColor;opacity:.28}

.oracle{display:grid;grid-template-columns:.82fr 1.18fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.oracle-intro{padding:clamp(2rem,4vw,4rem) clamp(1rem,4vw,4rem) clamp(2rem,4vw,4rem) 0;border-right:1px solid var(--line)}
.oracle-intro h2{font-size:clamp(2.8rem,5.8vw,6rem);max-width:9ch}
.oracle-list{display:grid}
.oracle-option{position:relative;display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:center;min-height:7rem;padding:1.2rem 0 1.2rem clamp(1.5rem,4vw,4rem);border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left;cursor:pointer}
.oracle-option:last-child{border-bottom:0}
.oracle-option strong{font-family:"Passion One",sans-serif;font-size:clamp(1.5rem,3vw,2.7rem);font-weight:400;letter-spacing:.02em;text-transform:uppercase}
.oracle-option .num{color:var(--water);font-family:"Passion One",sans-serif}
.oracle-option .arrow{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--water);border-radius:50%;transition:background .25s,transform .25s}
.oracle-option:hover .arrow,.oracle-option[aria-pressed="true"] .arrow{background:var(--vital);border-color:var(--vital);color:var(--navy);transform:rotate(45deg)}
.oracle-result{grid-column:1/-1;min-height:3rem;padding:1rem 0;color:var(--vital);font-weight:600}

.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.featured-card,.product-card{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.featured-card{min-height:34rem;display:flex;flex-direction:column;padding:1.5rem}
.featured-card img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.86);transition:transform .6s var(--ease)}
.featured-card:hover img{transform:scale(1.045)}
.featured-card h3{font-size:clamp(1.8rem,3vw,3rem);margin:1.5rem 0 .7rem}
.featured-card p{color:rgba(255,255,255,.72)}
.featured-card .featured-price{display:block;margin:auto 0 .7rem;color:var(--vital);font-family:"Passion One",sans-serif;font-size:1.35rem;letter-spacing:.035em}
.featured-card a{margin-top:auto;color:var(--vital);font-family:"Passion One",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.featured-card .featured-price+a{margin-top:0}

.split-media{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;min-height:42rem}
.split-media figure{margin:0;min-height:32rem;overflow:hidden}
.split-media figure img{width:100%;height:100%;object-fit:cover}
.split-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,7rem)}
.split-copy h2{max-width:10ch}
.split-copy p{max-width:34rem;font-size:1.1rem}

.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(6,23,101,.24);border-bottom:1px solid rgba(6,23,101,.24)}
.metric{padding:2rem 1.5rem;border-right:1px solid rgba(6,23,101,.24)}
.metric:last-child{border-right:0}
.metric strong{display:block;font-family:"Passion One",sans-serif;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.9}
.metric span{font-weight:600}

.catalog-tools{display:grid;grid-template-columns:minmax(15rem,1fr) auto;gap:1rem;align-items:center;margin-bottom:2rem}
.search-field{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;border:1px solid var(--line);border-radius:999px;padding:0 1.1rem;background:rgba(255,255,255,.06)}
.search-field input{width:100%;border:0;outline:0;background:transparent;color:#fff}
.search-field input::placeholder{color:rgba(255,255,255,.5)}
.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.filter-button{min-height:2.85rem;border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;background:transparent;color:#fff;cursor:pointer}
.filter-button[aria-pressed="true"]{background:var(--vital);border-color:var(--vital);color:var(--navy);font-weight:700}
.result-count{color:rgba(255,255,255,.65);text-align:right}
.section--mist .search-field{border-color:rgba(6,23,101,.28);background:rgba(255,255,255,.62);color:var(--navy)}
.section--mist .search-field input{color:var(--navy)}
.section--mist .search-field input::placeholder{color:rgba(6,23,101,.58)}
.section--mist .filter-button{border-color:rgba(6,23,101,.28);color:var(--navy)}
.section--mist .result-count{color:rgba(6,23,101,.68)}
.product-index{margin:0 0 2rem;border-top:1px solid rgba(6,23,101,.22);border-bottom:1px solid rgba(6,23,101,.22);color:var(--navy)}
.product-index summary{padding:1rem 0;cursor:pointer;font-family:"Passion One",sans-serif;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}
.product-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem 2rem;margin:0;padding:0 0 1.4rem 1.4rem}
.product-index a{color:var(--navy);text-underline-offset:.2em}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.product-card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--line);border-radius:var(--radius)}
.product-card-media{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}
.product-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .55s var(--ease)}
.product-card:hover img{transform:scale(1.035)}
.product-card-body{display:flex;flex:1;flex-direction:column;padding:1.3rem}
.product-card .tag{align-self:flex-start;margin-bottom:1rem;color:var(--water);font-family:"Passion One",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.product-card h2,.product-card h3{font-size:clamp(1.45rem,2.4vw,2.25rem);margin-bottom:.8rem;line-height:1}
.product-card p{color:rgba(255,255,255,.7)}
.product-card .product-card-price{margin:.2rem 0 .7rem;color:var(--vital);font-family:"Passion One",sans-serif;font-size:1.35rem;letter-spacing:.035em}
.product-card .card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1rem}
.text-button{border:0;background:transparent;color:var(--vital);font-family:"Passion One",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.empty-state{grid-column:1/-1;padding:4rem 1rem;border:1px dashed var(--line);text-align:center;color:rgba(255,255,255,.7)}

dialog{width:min(92vw,62rem);max-height:90svh;border:1px solid var(--water);border-radius:1.4rem;padding:0;background:var(--navy);color:#fff;box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(1,8,42,.82);backdrop-filter:blur(8px)}
.dialog-shell{display:grid;grid-template-columns:.9fr 1.1fr;max-height:90svh;overflow:auto}
.dialog-media{min-height:24rem;background:var(--water)}
.dialog-media img{width:100%;height:100%;object-fit:cover}
.dialog-content{position:relative;padding:clamp(1.5rem,4vw,3.5rem)}
.dialog-content h2{font-size:clamp(2.2rem,4.5vw,4.8rem)}
.dialog-close{position:absolute;right:1rem;top:1rem;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.presentation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1.25rem 0 1.5rem;padding:0;list-style:none}
.presentation-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--line);border-radius:.8rem;padding:.65rem .8rem;font-size:.88rem}
.presentation-list li span{color:rgba(255,255,255,.72)}
.presentation-list li strong{color:var(--vital);white-space:nowrap;font-family:"Passion One",sans-serif;font-size:1rem;letter-spacing:.035em}
.notice{padding:1rem;border-left:3px solid var(--vital);background:rgba(177,230,129,.1);font-size:.9rem}

.calculator{display:grid;grid-template-columns:.86fr 1.14fr;border:1px solid rgba(6,23,101,.24);background:#fff;color:var(--navy);box-shadow:var(--shadow)}
.calculator-form{padding:clamp(1.5rem,4vw,4rem);border-right:1px solid rgba(6,23,101,.2)}
.calculator-form h3,.calculator-output h3{margin:.25rem 0 1rem;font-size:clamp(1.75rem,3vw,3rem);line-height:1}
.calculator-kicker{margin:0;color:#23658f;font-family:"Passion One",sans-serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.calculator-output .calculator-kicker{color:var(--vital)}
.field{margin-bottom:1.6rem}
.field label{display:block;margin-bottom:.5rem;font-weight:700}
.field input,.field textarea,.field select{width:100%;min-height:3.2rem;border:1px solid rgba(6,23,101,.28);border-radius:.7rem;padding:.75rem;background:#fff;color:var(--navy)}
.field input[type="range"]{padding:0;accent-color:var(--navy)}
.range-value{display:flex;justify-content:space-between;color:rgba(6,23,101,.65);font-size:.9rem}
.calculator-tip{padding:1rem;border-left:3px solid var(--water);background:rgba(83,161,213,.1);font-size:.92rem}
.calculator-output{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem);background:var(--navy);color:#fff}
.calculator-output small{margin-top:1.2rem;color:rgba(255,255,255,.65)}
.savings-table-wrap{overflow-x:auto;margin-top:.8rem}
.savings-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.savings-table th,.savings-table td{padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.18);text-align:left;vertical-align:middle}
.savings-table thead th{padding-top:0;color:rgba(255,255,255,.62);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.savings-table thead th:last-child,.savings-table td{text-align:right}
.savings-table tbody th{font-family:"Passion One",sans-serif;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:400;line-height:.9}
.savings-table tbody th span{display:block;margin-bottom:.3rem;color:var(--water);font-family:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.savings-table output{color:var(--vital);font-family:"Passion One",sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:.9;white-space:nowrap}

.timeline{border-top:1px solid var(--line)}
.timeline-row{display:grid;grid-template-columns:9rem 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}
.timeline-row .year{font-family:"Passion One",sans-serif;font-size:2.4rem;color:var(--water)}
.timeline-row h3{font-size:clamp(1.5rem,3vw,2.8rem);margin-bottom:.6rem}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(6,23,101,.2)}
.value-card{min-height:19rem;padding:2rem;background:var(--white)}
.value-card .num{display:block;margin-bottom:4rem;font-family:"Passion One",sans-serif;font-size:1.25rem;color:#23658f}

.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.trust-card{padding:clamp(1.5rem,3vw,3rem);background:var(--navy)}
.trust-card span{display:block;color:var(--vital);font-family:"Passion One",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.trust-card strong{display:block;margin-top:1rem;color:#fff;font-size:1.05rem;line-height:1.5;overflow-wrap:anywhere}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.contact-card{padding:clamp(1.5rem,4vw,4rem);background:var(--navy)}
.contact-card h2{font-size:clamp(2.4rem,5vw,5rem)}
.contact-list{margin:2rem 0;padding:0;list-style:none}
.contact-list li{padding:1rem 0;border-bottom:1px solid var(--line)}
.contact-list span{display:block;color:var(--water);font-family:"Passion One",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.contact-card a{overflow-wrap:anywhere}
.contact-form{padding:clamp(1.5rem,4vw,4rem);background:#fff;color:var(--navy)}
.form-status{min-height:1.5rem;margin-top:1rem;font-weight:700}
.section--compact{padding-top:0}
.distributor-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid rgba(6,23,101,.18);background:rgba(255,255,255,.68);color:var(--navy)}
.distributor-strip h2{font-size:clamp(2rem,4vw,3.6rem);margin-bottom:.45rem}
.distributor-strip p{max-width:42rem;margin:0}
.distributor-card{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding-left:clamp(1rem,3vw,2.5rem);border-left:1px solid rgba(6,23,101,.2)}
.distributor-card span,.distributor-card strong{grid-column:1/-1}
.distributor-card span{color:#23658f;font-family:"Passion One",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.distributor-card a{font-size:.92rem;overflow-wrap:anywhere}

.store-gateway{overflow:hidden;background:#fff;color:var(--navy)}
.store-gateway-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(28rem,1.22fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.store-gateway-copy h2{max-width:9ch}
.store-gateway-copy .lede{color:rgba(6,23,101,.72)}
.store-scale{display:flex;align-items:center;gap:1rem;max-width:34rem;margin:2rem 0;padding:1rem 0;border-block:1px solid rgba(6,23,101,.18)}
.store-scale span{display:grid;color:#23658f;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.store-scale strong{color:var(--navy);font-family:"Passion One",sans-serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:400;line-height:1}
.store-scale i{position:relative;flex:1;height:1px;background:linear-gradient(90deg,var(--water),var(--vital))}
.store-scale i::after{content:"";position:absolute;right:0;top:50%;width:.55rem;height:.55rem;border-top:2px solid var(--navy);border-right:2px solid var(--navy);transform:translateY(-50%) rotate(45deg)}
.store-window{position:relative;isolation:isolate;min-height:clamp(33rem,48vw,45rem);overflow:hidden;border-radius:var(--radius);background:radial-gradient(circle at 80% 24%,rgba(177,230,129,.28),transparent 28%),linear-gradient(145deg,#061765 8%,#0b287d 58%,#53a1d5);color:#fff;text-decoration:none;box-shadow:var(--shadow)}
.store-window::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.store-window::after{content:"COMPRA DIRECTA";position:absolute;z-index:-1;right:-.05em;bottom:-.12em;color:rgba(255,255,255,.055);font-family:"Passion One",sans-serif;font-size:clamp(6rem,13vw,13rem);line-height:.75;white-space:nowrap}
.store-window-copy{position:absolute;z-index:3;left:clamp(1.4rem,4vw,3rem);top:clamp(1.4rem,4vw,3rem);max-width:calc(100% - clamp(7rem,12vw,10rem));padding:clamp(.85rem,1.6vw,1.25rem) clamp(1rem,2vw,1.6rem);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:1rem;background:linear-gradient(135deg,rgba(3,16,68,.94),rgba(7,33,116,.84));box-shadow:0 1.2rem 3rem rgba(3,16,68,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.store-window-copy::after{content:"";position:absolute;right:-1.8rem;bottom:-2.7rem;width:7rem;height:7rem;border:1px solid rgba(177,230,129,.22);border-radius:50%;box-shadow:0 0 0 1.1rem rgba(177,230,129,.055);pointer-events:none}
.store-window-copy span{display:block;margin-bottom:.45rem;color:var(--vital);font-family:"Passion One",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.store-window-copy strong{position:relative;z-index:1;display:block;color:#fff;font-family:Exo,sans-serif;font-size:clamp(3.4rem,7vw,7.4rem);font-style:italic;font-weight:900;line-height:.72;letter-spacing:-.075em;text-shadow:0 .18rem .8rem rgba(0,0,0,.22)}
.store-window-products{position:absolute;z-index:1;left:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);bottom:4.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1.3vw,1rem);align-items:end}
.store-window-products img{width:100%;aspect-ratio:4/5.2;object-fit:cover;border:1px solid rgba(255,255,255,.26);border-radius:1rem;box-shadow:0 1.5rem 3rem rgba(3,16,68,.35);transition:transform .5s var(--ease),filter .3s}
.store-window-products img:first-child{transform:rotate(-4deg) translateY(1rem)}
.store-window-products img:nth-child(2){position:relative;z-index:2;transform:translateY(-.5rem)}
.store-window-products img:last-child{transform:rotate(4deg) translateY(1rem)}
.store-window:hover .store-window-products img:first-child{transform:rotate(-7deg) translate(-.4rem,.3rem)}
.store-window:hover .store-window-products img:nth-child(2){transform:translateY(-1.2rem)}
.store-window:hover .store-window-products img:last-child{transform:rotate(7deg) translate(.4rem,.3rem)}
.store-window-arrow{position:absolute;z-index:4;right:1.5rem;top:1.5rem;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--vital);color:var(--navy);font-family:"Passion One",sans-serif;font-size:2rem;transition:transform .3s var(--ease)}
.store-window:hover .store-window-arrow{transform:rotate(45deg) scale(1.06)}
.store-window-url{position:absolute;z-index:3;right:1.5rem;bottom:1rem;color:rgba(255,255,255,.72);font-size:.72rem;letter-spacing:.06em}

.story-home-teaser{overflow:hidden;background:radial-gradient(circle at 76% 35%,rgba(83,161,213,.18),transparent 30%),linear-gradient(120deg,#031044,#061765 68%,#062b43);color:#fff}
.story-home-grid{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,8rem);align-items:center}
.story-home-portrait{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid rgba(177,230,129,.28);border-radius:50% 50% 48% 52%/58% 42% 58% 42%;box-shadow:0 2rem 6rem rgba(0,0,0,.28)}
.story-home-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 45%,rgba(6,23,101,.46))}
.story-home-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.82) contrast(1.04)}
.story-home-copy h2{max-width:12ch}
.story-home-copy>p:not(.eyebrow){max-width:48rem;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.5vw,1.2rem)}
.story-home-stats{display:flex;gap:1px;margin:2rem 0;background:rgba(255,255,255,.15)}
.story-home-stats span{display:grid;align-content:center;flex:1;min-height:7.5rem;padding:1rem 1.25rem;background:rgba(3,16,68,.78);color:rgba(255,255,255,.7)}
.story-home-stats strong{display:block;color:var(--vital);font-family:"Passion One",sans-serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:.85}

.story-hero h1{max-width:13ch}
.story-chapters{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.story-chapters a{padding:.55rem 1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-family:"Passion One",sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:background .25s,color .25s}
.story-chapters a:hover{background:var(--vital);border-color:var(--vital);color:var(--navy)}
.story-shark{background:#fff;color:var(--navy)}
.shark-feature-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1.25rem;margin-bottom:1.25rem}
.video-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(83,161,213,.35);border-radius:var(--radius);background:var(--navy);color:#fff;box-shadow:0 1.2rem 4rem rgba(6,23,101,.12)}
.video-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020a2d}
.video-card-media iframe{width:100%;height:100%;border:0}
.video-launch{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;overflow:hidden}
.video-launch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,16,68,.62));transition:opacity .3s}
.video-launch img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform .55s var(--ease),filter .35s}
.video-launch:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.04)}
.video-launch:focus-visible{outline:3px solid var(--vital);outline-offset:-5px}
.video-launch:focus-visible .play-disc{background:var(--vital);color:var(--navy)}
.play-disc{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:4.2rem;height:4.2rem;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(6,23,101,.76);box-shadow:0 0 0 .65rem rgba(255,255,255,.08);transform:translate(-50%,-50%);transition:transform .3s,background .3s}
.video-launch:hover .play-disc{background:var(--vital);color:var(--navy);transform:translate(-50%,-50%) scale(1.08)}
.video-card-copy{display:flex;flex:1;flex-direction:column;padding:1.35rem}
.video-card-copy .eyebrow{margin-bottom:.6rem}
.video-card-copy>span{color:var(--water);font-family:"Passion One",sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.video-card-copy h3{margin:.2rem 0 .55rem;font-size:clamp(1.45rem,2.2vw,2.3rem)}
.video-card-copy p{color:rgba(255,255,255,.7)}
.video-library .video-card-copy p{margin:.25rem 0 .9rem;font-size:.88rem;line-height:1.5}
.video-card-copy a{margin-top:auto;color:var(--vital);font-family:"Passion One",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.story-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:15rem;gap:1rem}
.story-photo{position:relative;min-width:0;padding:0;border:0;border-radius:var(--radius);overflow:hidden;background:var(--navy);cursor:zoom-in}
.story-photo::after{content:"Ver momento +";position:absolute;left:1rem;bottom:1rem;padding:.35rem .65rem;border-radius:999px;background:rgba(6,23,101,.78);color:#fff;font-family:"Passion One",sans-serif;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(.5rem);transition:opacity .25s,transform .25s}
.story-photo:hover::after,.story-photo:focus-visible::after{opacity:1;transform:none}
.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .35s}
.story-photo:hover img{transform:scale(1.035);filter:saturate(1.08)}
.story-photo-grid--shark{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:17rem}
.story-photo-grid--shark .story-photo:first-child,.story-photo-grid--shark .story-photo:nth-child(2){grid-column:span 3}
.story-photo-grid--shark .story-photo:nth-child(n+3){grid-column:span 2}
.story-award{overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(177,230,129,.22),transparent 28%),linear-gradient(135deg,#061765,#07134d 62%,#062c40);color:#fff}
.story-award::before{content:"10 / 450+";position:absolute;right:-.03em;top:.12em;color:rgba(177,230,129,.055);font-family:"Passion One",sans-serif;font-size:clamp(8rem,22vw,24rem);line-height:1;pointer-events:none}
.award-intro{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(3rem,7vw,6rem)}
.award-intro h2{max-width:13ch;margin:0}
.award-intro>div:last-child{padding-bottom:.5rem}
.award-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:end}
.award-photo{aspect-ratio:4/5;border:1px solid rgba(177,230,129,.28)}
.award-photo:nth-child(2){aspect-ratio:1/1}
.award-photo:nth-child(4){aspect-ratio:9/16}
.video-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.video-library .video-card{box-shadow:none}
.story-lightbox{width:min(92vw,72rem);max-height:90vh;padding:0;border:1px solid rgba(255,255,255,.2);background:#020a2d;color:#fff;box-shadow:var(--shadow)}
.story-lightbox::backdrop{background:rgba(2,10,45,.88);backdrop-filter:blur(10px)}
.story-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;height:min(86vh,60rem);margin:0}
.story-lightbox img{width:100%;height:100%;min-height:0;object-fit:contain;background:#020a2d}
.story-lightbox figcaption{padding:1rem 3.5rem 1rem 1.25rem;color:rgba(255,255,255,.78)}
.story-lightbox .dialog-close{z-index:2;color:#fff;background:rgba(6,23,101,.82)}

.liquid-orb{position:fixed;z-index:10;left:0;top:0;width:2.8rem;height:2.8rem;border-radius:55% 45% 63% 37%/46% 56% 44% 54%;border:1px solid rgba(255,255,255,.42);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.72),rgba(83,161,213,.45) 32%,rgba(6,23,101,.32) 72%);box-shadow:inset 0 0 1.1rem rgba(255,255,255,.28),0 0 1.6rem rgba(83,161,213,.2);pointer-events:none;transform:translate3d(calc(100vw - 6rem),8rem,0);opacity:.38;transition:opacity .25s}

.reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

.spot-wrap{position:relative;border:1px solid rgba(6,23,101,.28);background:var(--navy);box-shadow:var(--shadow)}
.spot-wrap video{width:100%;aspect-ratio:16/9;background:var(--navy)}
.spot-placeholder{display:grid;place-items:center;aspect-ratio:16/9;color:rgba(255,255,255,.7)}

.site-footer{padding:4rem 0 2rem;background:#031044;color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.footer-grid{display:grid;grid-template-columns:1.1fr .65fr .65fr;gap:2rem}
.footer-brand img{width:12rem;height:auto}
.footer-brand p{max-width:29rem;color:rgba(255,255,255,.66)}
.footer-links h2{margin-bottom:1rem;font-family:"Passion One",sans-serif;font-style:normal;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}
.footer-links ul{margin:0;padding:0;list-style:none}
.footer-links a{display:inline-block;padding:.28rem 0;color:rgba(255,255,255,.72)}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:rgba(255,255,255,.55)}

@media (max-width:1120px){
  .menu-toggle{display:grid;place-items:center}
  .site-nav{position:fixed;left:1rem;right:1rem;top:5.7rem;display:none;max-height:calc(100dvh - 6.7rem);overflow-y:auto;align-items:stretch;flex-direction:column;padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:rgba(6,23,101,.98);box-shadow:var(--shadow)}
  .site-nav.is-open{display:flex}.site-nav a{padding:.7rem}.site-nav .nav-cta{margin-top:.4rem}
  .hero-copy,.section-head,.oracle,.split-media,.calculator,.contact-grid,.distributor-strip,.store-gateway-grid,.story-home-grid,.shark-feature-grid,.award-intro{grid-template-columns:1fr}
  .store-window{min-height:40rem}
  .story-home-portrait{width:min(100%,32rem);justify-self:center}
  .oracle-intro{border-right:0;border-bottom:1px solid var(--line);padding-right:0}
  .oracle-option{padding-left:0}.featured-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.product-index ol{grid-template-columns:repeat(2,1fr)}
  .dialog-shell{grid-template-columns:1fr}.dialog-media{min-height:18rem;max-height:32rem}
  .calculator-form{border-right:0;border-bottom:1px solid rgba(6,23,101,.2)}
  .distributor-card{padding-left:0;border-left:0;border-top:1px solid rgba(6,23,101,.2);padding-top:1rem}
  .video-library{grid-template-columns:repeat(2,minmax(0,1fr))}
  .award-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

@media (max-width:640px){
  .nav-shell{min-height:4.7rem}.brand{width:8.5rem}.brand img{height:3rem}
  .hero-brand-lockup{width:11.5rem;margin-bottom:1rem}
  .hero-content{padding-top:8rem;padding-bottom:7rem}.hero-copy{gap:1rem}.hero h1{font-size:clamp(3.1rem,17vw,5.8rem)}
  .hero-meta{right:1rem}.scroll-cue{left:1rem}
  .page-hero{padding-top:9rem;min-height:64svh}.page-hero h1{font-size:clamp(3rem,16vw,5.3rem)}
  .featured-grid,.product-grid,.metrics,.values-grid,.trust-grid,.product-index ol{grid-template-columns:1fr}
  .video-library{grid-template-columns:1fr}
  .presentation-list{grid-template-columns:1fr}
  .store-window{min-height:31rem}
  .store-window-copy strong{font-size:3.3rem}
  .store-window-products{bottom:3.7rem}
  .story-home-stats{flex-direction:column}
  .story-home-stats span{min-height:auto}
  .story-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:13rem}
  .story-photo-grid--shark .story-photo:first-child{grid-column:1/-1;grid-row:auto}
  .story-photo-grid--shark .story-photo:nth-child(2){grid-column:1/-1}
  .story-photo-grid--shark .story-photo:nth-child(n+3){grid-column:auto}
  .metric{border-right:0;border-bottom:1px solid rgba(6,23,101,.24)}.metric:last-child{border-bottom:0}
  .catalog-tools{grid-template-columns:1fr}.result-count{text-align:left}
  .timeline-row{grid-template-columns:1fr;gap:.4rem}.timeline-row .year{font-size:1.5rem}
  .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
  .liquid-orb{display:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}.liquid-orb{display:none}.hero-media{display:none}.promise-ribbon-track{animation:none}
}