:root{--navy-950:#17154f;--navy-900:#211e71;--navy-800:#2b287f;--navy-700:#3a378f;--aqua-500:#46cce1;--aqua-400:#70d9e8;--aqua-100:#e3f8fb;--ice-50:#f4f9fb;--white:#ffffff;--slate-600:#5c7480;--slate-300:#c9d9df;--shadow:0 24px 70px rgba(33,30,113,.14);--radius-lg:32px;--radius-md:22px;--radius-sm:14px;--container:1180px;--header-container:1680px;--embed-height:1000px} *{box-sizing:border-box} html{width:100%;height:var(--embed-height);max-width:100%;overflow:hidden;scroll-behavior:smooth} body{margin:0;width:100%;height:var(--embed-height);max-width:100%;overflow:hidden;color:var(--navy-900);background:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased} #optilemo-embed-scroll{position:relative;width:100%;height:var(--embed-height);overflow-x:hidden;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch} body.menu-open #optilemo-embed-scroll,body.overlay-open #optilemo-embed-scroll{overflow:hidden} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--aqua-500);outline-offset:3px} h1,h2,h3,p{margin-top:0} h1,h2,h3{line-height:1.08;letter-spacing:-.035em} h1{max-width:820px;margin-bottom:24px;font-size:clamp(3.2rem,7vw,6.2rem)} h2{margin-bottom:20px;font-size:clamp(2.3rem,4.6vw,4.2rem)} h3{margin-bottom:12px;font-size:1.35rem} p{color:var(--slate-600)} section{scroll-margin-top:16px} .announcement{display:flex;min-height:34px;align-items:center;justify-content:center;padding:5px 20px;color:var(--navy-950);background:linear-gradient(90deg,var(--aqua-500),#8be9f1,var(--aqua-500));background-size:200% 100%;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;animation:shimmer 9s linear infinite} .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto} .site-header .container.nav{width:min(calc(100% - 32px),var(--header-container))} .section{padding:112px 0} .section-soft{background:var(--ice-50)} .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#08a9bf;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .eyebrow::before{width:28px;height:2px;content:"";background:currentColor} .lead{max-width:680px;font-size:1.16rem} .section-head{max-width:780px;margin-bottom:54px} .section-head.center{margin-inline:auto;text-align:center} .section-head.center .eyebrow::before{display:none} .section-head.center .lead{margin-inline:auto} .btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease} .btn:hover{transform:translateY(-2px)} .btn-primary{color:var(--navy-950);background:var(--aqua-500);box-shadow:0 14px 32px rgba(70,204,225,.25)} .btn-primary:hover{background:var(--aqua-400);box-shadow:0 18px 38px rgba(70,204,225,.34)} .btn-secondary{color:var(--white);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)} .btn-secondary:hover{background:rgba(255,255,255,.13)} .btn-dark{color:var(--white);background:var(--navy-900)} .btn svg{width:18px;height:18px} .site-header{position:relative;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);color:var(--white);background:var(--navy-950)} .nav{position:relative;display:flex;height:70px;min-width:0;align-items:center;justify-content:space-between;gap:clamp(14px,1.4vw,26px)} .brand{display:grid;min-width:0;width:max-content;flex:0 0 auto;grid-template-rows:auto auto;justify-items:center;align-items:center;gap:3px} .brand img{display:block;width:auto;height:30px;max-width:230px;object-fit:contain} .brand-company{display:block;width:100%;margin:0;padding:0;border:0;color:rgba(255,255,255,.86);font-size:clamp(.52rem,.5vw,.62rem);font-weight:850;letter-spacing:.12em;line-height:1;text-align:center;white-space:nowrap;text-transform:uppercase} .nav-links{display:flex;min-width:0;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:clamp(8px,.72vw,15px);white-space:nowrap} .nav-links>a:not(.btn){flex:0 0 auto;opacity:.8;font-size:clamp(.7rem,.68vw,.84rem);font-weight:750;line-height:1.1} .nav-links .btn{min-height:44px;padding-inline:clamp(14px,1vw,20px);flex:0 0 auto;font-size:clamp(.72rem,.7vw,.86rem);white-space:nowrap} .nav-links>a:not(.btn):hover{opacity:1;color:var(--aqua-400)} .nav-links>a.is-active:not(.btn){opacity:1;color:var(--aqua-400)} .nav-links>a.is-active:not(.btn)::after{display:block;width:100%;height:2px;margin-top:5px;border-radius:999px;content:"";background:var(--aqua-500);box-shadow:0 0 12px var(--aqua-500)} .scroll-progress{position:absolute;right:0;bottom:0;left:0;height:3px;overflow:hidden;background:rgba(255,255,255,.08)} .scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--aqua-500),#b9f4f8);box-shadow:0 0 15px var(--aqua-500)} .menu-toggle{display:none;width:46px;height:46px;padding:0;border:0;color:var(--white);background:transparent} .menu-toggle span,.menu-toggle::before,.menu-toggle::after{display:block;width:24px;height:2px;margin:5px auto;content:"";background:currentColor;transition:.2s ease} .hero{position:relative;display:grid;min-height:900px;align-items:center;overflow:hidden;isolation:isolate;color:var(--white);background:var(--navy-950)} .hero-media{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:var(--navy-950)} .hero-slide{position:absolute;z-index:0;inset:-1.5%;opacity:0;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,0,0) scale(1.045);transform-origin:center center;transition:opacity 2.6s cubic-bezier(.4,0,.2,1),transform 12s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;backface-visibility:hidden} .hero-slide:nth-child(1){background-position:58% center} .hero-slide:nth-child(2){background-position:62% center} .hero-slide:nth-child(3){background-position:64% center} .hero-slide.is-active{z-index:2;opacity:1;transform:translate3d(0,0,0) scale(1)} .hero-slide.is-leaving{z-index:1;opacity:0;transform:translate3d(0,0,0) scale(1.015)} .hero::before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(4,22,32,.97) 0%,rgba(4,22,32,.88) 42%,rgba(4,22,32,.48) 68%,rgba(4,22,32,.16) 100%),linear-gradient(180deg,rgba(4,22,32,.08),rgba(4,22,32,.22))} .hero::after{position:absolute;z-index:1;width:720px;height:720px;top:-160px;right:-190px;border:1px solid rgba(70,204,225,.35);border-radius:50%;content:"";pointer-events:none;box-shadow:0 0 0 56px rgba(70,204,225,.07),0 0 0 112px rgba(70,204,225,.055),0 0 0 168px rgba(70,204,225,.04)} .hero-inner{position:relative;z-index:3;padding-top:40px;padding-bottom:40px} @media(min-width:1241px){.hero-inner{min-height:700px;padding-right:390px} .hero-copy-block{width:100%;max-width:770px} .hero h1{width:100%;max-width:770px} .hero-copy{width:100%;max-width:700px} .hero-metrics{width:100%;max-width:770px}} .hero-copy-block{max-width:860px;opacity:1;transform:translate3d(0,0,0);transition:opacity .82s cubic-bezier(.4,0,.2,1),transform .82s cubic-bezier(.4,0,.2,1);will-change:opacity,transform} .hero-copy-block.is-switching{opacity:0;transform:translate3d(0,8px,0)} .hero .eyebrow{color:var(--aqua-400)} .hero h1 span{color:var(--aqua-500)} .hero h1 .hero-title-firstline{display:block;color:var(--white)} .hero h1 .hero-title-accent{display:block;color:var(--aqua-500)} @media(min-width:960px){.hero h1 .hero-title-firstline{white-space:nowrap}} .hero-copy{max-width:700px;margin-bottom:34px;color:rgba(255,255,255,.8);font-size:clamp(1.1rem,2vw,1.34rem)} .hero-actions{display:flex;flex-wrap:wrap;gap:14px} .hero-slider-nav{position:absolute;z-index:5;left:50%;bottom:34px;display:flex;align-items:center;justify-content:center;gap:9px;transform:translateX(-50%)} .hero-slider-dot{position:relative;width:34px;height:34px;padding:0;border:0;border-radius:50%;color:var(--white);background:transparent;opacity:.64;transition:opacity .25s ease,transform .25s ease} .hero-slider-dot::before{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.64);border-radius:50%;content:"";transition:border-color .25s ease,background .25s ease,box-shadow .25s ease} .hero-slider-dot:hover{opacity:1;transform:scale(1.08)} .hero-slider-dot.is-active{opacity:1} .hero-slider-dot.is-active::before{border-color:var(--aqua-400);background:var(--aqua-500);box-shadow:0 0 0 5px rgba(70,204,225,.12),0 0 18px rgba(70,204,225,.45)} .hero-water-ripples{position:fixed;z-index:2147483645;inset:0;overflow:hidden;pointer-events:none} .hero-water-cursor{position:fixed;z-index:2147483646;top:0;left:0;width:30px;height:34px;opacity:0;pointer-events:none;transform:translate3d(-100px,-100px,0) translate(-50%,-62%);transition:opacity .34s ease;will-change:transform} .hero-water-cursor.is-visible{opacity:.82} .hero-water-drop{position:absolute;top:6px;left:8px;width:14px;height:14px;border:1px solid rgba(229,253,255,.8);border-radius:52% 52% 52% 10%;background:linear-gradient(135deg,rgba(239,254,255,.9) 6%,rgba(112,217,232,.76) 42%,rgba(31,170,198,.78) 100%);box-shadow:inset 2px 2px 4px rgba(255,255,255,.42),0 4px 12px rgba(28,186,211,.22),0 0 16px rgba(70,204,225,.12);transform:rotate(45deg);transform-origin:50% 50%} .hero-water-drop::after{position:absolute;width:4px;height:4px;top:2px;left:2px;border-radius:50%;content:"";background:rgba(255,255,255,.72);filter:blur(.2px)} .hero-water-cursor.is-interactive .hero-water-drop{box-shadow:inset 2px 2px 4px rgba(255,255,255,.48),0 5px 14px rgba(28,186,211,.28),0 0 0 4px rgba(70,204,225,.045),0 0 20px rgba(70,204,225,.15)} .hero-water-drop.is-dropping{animation:heroWaterDrop .62s cubic-bezier(.2,.72,.22,1)} .hero-water-ripple{position:absolute;width:18px;height:7px;border:1px solid rgba(145,225,237,.34);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.3);box-shadow:0 0 8px rgba(70,204,225,.05);animation:heroWaterRipple 2.15s cubic-bezier(.14,.62,.24,1) forwards} .hero-water-ripple::before,.hero-water-ripple::after{position:absolute;inset:-1px;border:1px solid rgba(133,218,232,.2);border-radius:50%;content:""} .hero-water-ripple::before{transform:scale(.72)} .hero-water-ripple::after{transform:scale(1.24);opacity:.3} .hero-water-ripple.is-strong{width:24px;height:9px;border-color:rgba(178,239,247,.48);animation-duration:2.35s} @media(hover:hover) and(pointer:fine){body.has-water-cursor,body.has-water-cursor #optilemo-embed-scroll,body.has-water-cursor #optilemo-embed-scroll *{cursor:none !important} body.has-water-cursor input,body.has-water-cursor textarea,body.has-water-cursor select,body.has-water-cursor [contenteditable="true"]{cursor:auto !important} body.has-water-cursor textarea,body.has-water-cursor input[type="text"],body.has-water-cursor input[type="email"],body.has-water-cursor input[type="tel"],body.has-water-cursor input[type="search"],body.has-water-cursor input[type="number"],body.has-water-cursor input[type="password"]{cursor:text !important}} .hero-metrics{display:grid;max-width:920px;margin-top:62px;grid-template-columns:repeat(3,1fr);gap:14px} .metric{padding:23px 26px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .metric strong{display:block;margin-bottom:4px;font-size:1.12rem} .metric span{color:rgba(255,255,255,.58);font-size:.78rem} .hero-scroll{display:none} .hero-price-card{position:absolute;z-index:4;right:max(20px,calc((100vw - var(--container)) / 2));top:108px;bottom:auto;display:grid;width:272px;min-height:0;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:30px;align-content:start;gap:12px;color:var(--navy-900);background:rgba(255,255,255,.96);box-shadow:0 30px 70px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:floatCard 5s ease-in-out infinite} .hero-price-card::before{position:absolute;width:320px;height:320px;border:1px solid rgba(70,204,225,.34);border-radius:50%;content:"";pointer-events:none;animation:pulseRing 3.5s ease-out infinite} .hero-price-card img{display:block;width:100%;height:176px;border-radius:24px;object-fit:cover;object-position:center center} .hero-price-card small{color:#079fb3;font-weight:900;text-transform:uppercase;letter-spacing:.1em} .hero-price-badge{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;color:var(--white);background:linear-gradient(135deg,#17154f,#46cce1);font-size:.76rem;font-weight:800;line-height:1.25;box-shadow:0 14px 28px rgba(23,21,79,.18)} .hero-price-card strong{margin-top:0;font-size:1.3rem;letter-spacing:-.04em;line-height:1.15} .hero-price-note{color:var(--slate-600);font-size:.92rem;line-height:1.45} .flow-ticker{overflow:hidden;color:var(--aqua-100);background:var(--navy-800)} .flow-track{display:flex;width:max-content;animation:ticker 26s linear infinite} .flow-group{display:flex;min-width:max-content;align-items:center} .flow-group span{display:inline-flex;align-items:center;gap:28px;padding:17px 28px;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .flow-group span::after{width:7px;height:7px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 18px var(--aqua-500)} .human-section{position:relative;padding:96px 0 88px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f4f9fb 100%)} .human-section::before{position:absolute;width:520px;height:520px;top:-270px;right:-210px;border:1px solid rgba(70,204,225,.2);border-radius:50%;content:"";pointer-events:none;box-shadow:0 0 0 70px rgba(70,204,225,.035),0 0 0 140px rgba(70,204,225,.02)} .human-section .container{position:relative;z-index:2} .human-intro{display:grid;margin-bottom:42px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:end;gap:clamp(34px,6vw,90px)} .human-intro h2{max-width:720px;margin-bottom:0} .human-intro-copy{max-width:720px} .human-intro-copy .lead{max-width:720px;margin-bottom:18px} .human-section.personal-water-section{padding:82px 0 78px} .human-section.personal-water-section .human-intro{margin-bottom:0;align-items:center} .human-section.personal-water-section .human-intro h2{max-width:610px;font-size:clamp(2.7rem,5.2vw,5.35rem);line-height:.98;letter-spacing:-.055em} .human-section.personal-water-section .human-intro-copy{max-width:680px} .human-section.personal-water-section .human-intro-copy .lead{margin-bottom:22px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.7} .human-promise{display:flex;flex-wrap:wrap;gap:8px} .human-promise span{display:inline-flex;min-height:36px;padding:7px 12px;border:1px solid #d4e6eb;border-radius:999px;align-items:center;color:var(--navy-800);background:rgba(255,255,255,.84);font-size:.7rem;font-weight:850} .human-story-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px} .human-story{position:relative;min-width:0;min-height:500px;overflow:hidden;border-radius:28px;color:var(--white);background:var(--navy-900);box-shadow:0 24px 58px rgba(33,30,113,.14);isolation:isolate} .human-story img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1)} .human-story:hover img{transform:scale(1.035)} .human-story::after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(3,19,29,.04) 24%,rgba(3,19,29,.38) 58%,rgba(3,19,29,.94) 100%)} .human-story-large::after{background:linear-gradient(180deg,rgba(3,19,29,.02) 18%,rgba(3,19,29,.24) 54%,rgba(3,19,29,.92) 100%)} .human-story-content{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:28px} .human-story-large .human-story-content{padding:34px} .human-story-label{display:inline-flex;margin-bottom:13px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:var(--aqua-100);background:rgba(6,27,39,.44);font-size:.63rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .human-story h3{max-width:560px;margin-bottom:10px;color:var(--white);font-size:clamp(1.45rem,2.2vw,2.25rem);letter-spacing:-.035em} .human-story:not(.human-story-large) h3{font-size:clamp(1.3rem,1.7vw,1.7rem)} .human-story p{max-width:580px;margin:0;color:rgba(255,255,255,.76);font-size:.86rem;line-height:1.6} .human-bottom{display:grid;margin-top:20px;padding:24px 26px;border:1px solid #d9e7eb;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;background:rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(33,30,113,.06)} .human-bottom strong{display:block;margin-bottom:5px;color:var(--navy-900);font-size:1.08rem} .human-bottom p{max-width:760px;margin:0;font-size:.84rem} .human-bottom-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px} .human-bottom .btn{min-height:48px;padding-inline:19px;font-size:.78rem;white-space:nowrap} @media(max-width:1040px){.human-intro{grid-template-columns:1fr;align-items:start;gap:22px} .human-story-grid{grid-template-columns:1fr 1fr} .human-story-large{grid-column:1 / -1;min-height:520px} .human-story:not(.human-story-large){min-height:420px} .human-bottom{grid-template-columns:1fr} .human-bottom-actions{justify-content:flex-start}} @media(max-width:720px){.human-section{padding:68px 0 64px} .human-section.personal-water-section{padding:58px 0 56px} .human-section.personal-water-section .human-intro h2{font-size:clamp(2.35rem,11vw,3.25rem)} .human-intro{margin-bottom:28px} .human-intro h2{font-size:clamp(2rem,10vw,2.8rem)} .human-promise{gap:6px} .human-promise span{min-height:34px;padding-inline:10px;font-size:.64rem} .human-story-grid{grid-template-columns:1fr;gap:12px} .human-story-large,.human-story:not(.human-story-large){grid-column:auto;min-height:410px;border-radius:22px} .human-story-large .human-story-content,.human-story-content{padding:23px 20px} .human-story h3,.human-story:not(.human-story-large) h3{font-size:1.45rem} .human-story p{font-size:.8rem} .human-bottom{margin-top:14px;padding:20px;gap:18px;border-radius:18px} .human-bottom-actions{display:grid;grid-template-columns:1fr} .human-bottom .btn{width:100%;white-space:normal;text-align:center}} @media(prefers-reduced-motion:reduce){.human-story img{transition:none}} .trust-strip{position:relative;z-index:4;margin-top:0;padding-top:34px;background:var(--ice-50)} .trust-strip + .section{padding-top:82px} .trust-card{display:grid;padding:30px 34px;border:1px solid #e7eff2;border-radius:var(--radius-md);grid-template-columns:1.3fr repeat(3,1fr);align-items:center;background:var(--white);box-shadow:var(--shadow)} .trust-card p{margin:0;font-weight:700;color:var(--navy-900)} .trust-item{padding-left:28px;border-left:1px solid #dce8ec} .trust-item strong{display:block;font-size:1.45rem} .trust-item span{font-size:.78rem;color:var(--slate-600)} .system-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:80px} .system-photo{position:relative} .system-photo::before{position:absolute;inset:24px -24px -24px 24px;border-radius:var(--radius-lg);content:"";background:var(--aqua-100)} .system-photo img{position:relative;width:100%;min-height:560px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow);filter:contrast(1.03)} .photo-badge{position:absolute;z-index:2;right:-18px;bottom:32px;max-width:230px;padding:18px 22px;border-radius:var(--radius-sm);color:var(--white);background:var(--navy-900);box-shadow:var(--shadow)} .photo-badge strong{display:block} .photo-badge span{color:rgba(255,255,255,.65);font-size:.82rem} .check-list{display:grid;margin:34px 0;padding:0;gap:16px;list-style:none} .check-list li{display:flex;align-items:flex-start;gap:13px;color:var(--navy-800);font-weight:650} .check-list li::before{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:50%;content:"✓";color:var(--navy-950);background:var(--aqua-500);font-size:.8rem;font-weight:900} .schauberger-quote{margin:24px 0 10px;padding:18px 20px;border-left:3px solid var(--aqua-500);border-radius:0 16px 16px 0;color:var(--navy-800);background:var(--aqua-100);font-size:.88rem;line-height:1.65} .schauberger-quote strong{color:var(--navy-900)} .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .benefit-card{position:relative;min-height:360px;padding:38px;overflow:hidden;border:1px solid #dbe9ee;border-radius:var(--radius-md);background:var(--white)} .benefit-card::after{position:absolute;width:160px;height:160px;right:-80px;bottom:-80px;border:1px solid var(--aqua-400);border-radius:50%;content:"";box-shadow:0 0 0 30px rgba(70,204,225,.08)} .benefit-number{display:grid;width:48px;height:48px;margin-bottom:55px;place-items:center;border-radius:50%;color:#009caf;background:var(--aqua-100);font-size:.8rem;font-weight:900} .benefit-card h3{font-size:1.55rem} .process-wrap{position:relative;overflow:hidden;padding:64px;border-radius:var(--radius-lg);color:var(--white);background:radial-gradient(circle at 82% 12%,rgba(70,204,225,.22),transparent 28%),linear-gradient(145deg,#0b3344,var(--navy-950));box-shadow:0 35px 90px rgba(33,30,113,.24)} .process-wrap::before{position:absolute;width:420px;height:420px;right:-210px;bottom:-260px;border:1px solid rgba(112,217,232,.22);border-radius:50%;content:"";box-shadow:0 0 0 70px rgba(70,204,225,.035),0 0 0 140px rgba(70,204,225,.02);animation:processOrbit 11s ease-in-out infinite alternate} .process-wrap>*{position:relative;z-index:1} .process-wrap p{color:rgba(255,255,255,.68)} .water-journey{position:relative;min-height:470px;margin:50px 0 58px;padding:82px 34px 34px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:radial-gradient(circle at 12% 18%,rgba(70,204,225,.16),transparent 24%),radial-gradient(circle at 88% 20%,rgba(70,204,225,.14),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 55px rgba(0,0,0,.12);isolation:isolate} .water-journey::before{position:absolute;inset:0;content:"";opacity:.17;background-image:linear-gradient(rgba(112,217,232,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(112,217,232,.18) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.8) 65%,transparent 100%);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.8) 65%,transparent 100%)} .water-journey::after{position:absolute;width:360px;height:360px;top:-120px;right:-80px;border-radius:50%;content:"";background:rgba(70,204,225,.14);filter:blur(80px);animation:glowDrift 6s ease-in-out infinite alternate} .journey-kicker{position:absolute;z-index:6;top:22px;left:24px;display:inline-flex;align-items:center;gap:9px;color:var(--aqua-400);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .journey-kicker::before{width:8px;height:8px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 0 6px rgba(70,204,225,.1),0 0 18px var(--aqua-500);animation:livePulse 1.5s ease-in-out infinite} .water-route{position:absolute;z-index:1;top:86px;left:5%;width:90%;height:150px;overflow:visible;pointer-events:none} .route-base,.route-live{fill:none;stroke-linecap:round;stroke-linejoin:round} .route-base{stroke:rgba(255,255,255,.11);stroke-width:18} .route-live{stroke:url(#waterGradient);stroke-width:7;stroke-dasharray:10 18;filter:drop-shadow(0 0 9px rgba(70,204,225,.76));animation:routeDash 1s linear infinite} .route-particle{fill:#d9fcff;stroke:rgba(70,204,225,.95);stroke-width:3;filter:drop-shadow(0 0 11px rgba(70,204,225,.95))} .journey-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:14px} .journey-node{position:relative;display:grid;min-width:0;justify-items:center;gap:18px;text-align:center;animation:nodeSequence 7.5s ease-in-out infinite} .journey-node:nth-child(2){animation-delay:1.5s} .journey-node:nth-child(3){animation-delay:3s} .journey-node:nth-child(4){animation-delay:4.5s} .journey-node:nth-child(5){animation-delay:6s} .journey-visual{position:relative;display:grid;width:112px;height:126px;place-items:center;overflow:hidden;border:1px solid rgba(112,217,232,.36);border-radius:26px;color:var(--aqua-400);background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.035));box-shadow:0 18px 35px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease} .journey-node:hover .journey-visual{border-color:rgba(112,217,232,.78);box-shadow:0 22px 42px rgba(0,0,0,.27),0 0 30px rgba(70,204,225,.2),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-5px)} .journey-copy{display:grid;min-width:0;gap:7px} .journey-step{justify-self:center;padding:5px 9px;border:1px solid rgba(112,217,232,.2);border-radius:999px;color:var(--aqua-400);background:rgba(70,204,225,.06);font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase} .journey-copy strong{color:rgba(255,255,255,.92);font-size:.98rem;line-height:1.15} .journey-copy small{color:rgba(255,255,255,.56);font-size:.68rem;font-weight:700;line-height:1.4} .source-visual{width:104px;height:104px;margin-top:11px;border-radius:50%;box-shadow:0 0 0 9px rgba(70,204,225,.05),0 18px 35px rgba(0,0,0,.22)} .source-ring{position:absolute;width:64px;height:64px;border:2px solid rgba(127,227,239,.42);border-radius:50%;animation:sourceRing 2.6s ease-in-out infinite} .source-drop{width:20px;height:34px;border-radius:52% 52% 52% 8px;background:linear-gradient(180deg,#e6fdff,#55cfe2);box-shadow:0 0 22px rgba(70,204,225,.62);transform:rotate(45deg);animation:sourceDrop 2.6s ease-in-out infinite} .stage-marker{position:absolute;z-index:3;top:10px;left:10px;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:var(--navy-950);background:var(--aqua-500);font-size:.66rem;font-weight:900;box-shadow:0 0 0 6px rgba(70,204,225,.1)} .filter-visual::before{position:absolute;inset:13px 25px;border-radius:18px 18px 29px 29px;content:"";background:linear-gradient(180deg,rgba(216,252,254,.95),rgba(103,215,230,.44) 24%,rgba(28,75,94,.8));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 28px rgba(255,255,255,.12)} .filter-visual::after{position:absolute;width:64px;height:34px;top:-40px;border-radius:50%;content:"";background:linear-gradient(180deg,transparent,rgba(213,251,255,.75),transparent);filter:blur(5px);animation:filterScan 2.4s ease-in-out infinite} .filter-core{position:absolute;inset:28px 34px 22px;display:grid;gap:8px} .filter-core span{border-radius:999px;background:rgba(218,252,255,.28);box-shadow:0 0 10px rgba(70,204,225,.2)} .filter-core span:nth-child(1){height:10px} .filter-core span:nth-child(2),.filter-core span:nth-child(3){height:8px} .filter-core span:nth-child(4){height:6px} .swirl-visual::before{position:absolute;width:72px;height:72px;border:3px solid rgba(210,249,252,.58);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;content:"";animation:swirlSpin 2.4s linear infinite} .swirl-visual::after{position:absolute;width:46px;height:46px;border:3px solid rgba(127,227,239,.7);border-right-color:transparent;border-top-color:transparent;border-radius:50%;content:"";animation:swirlSpinReverse 1.7s linear infinite} .swirl-core{position:absolute;width:15px;height:15px;border-radius:50%;background:linear-gradient(180deg,#e6fdff,#57d1e4);box-shadow:0 0 20px rgba(70,204,225,.75)} .swirl-wave{position:absolute;width:82px;height:22px;border:2px solid transparent;border-top-color:rgba(127,227,239,.52);border-radius:50%;transform:translateY(35px);animation:swirlWave 1.7s ease-in-out infinite} .swirl-wave:nth-of-type(4){opacity:.58;animation-delay:-.8s} .refine-visual{border-color:rgba(255,255,255,.4);background:linear-gradient(105deg,#4a6773,#e1eaed 47%,#486570 53%,#a7bcc4)} .refine-visual::before{position:absolute;width:27px;height:170%;top:-35%;left:-62%;content:"";background:rgba(255,255,255,.66);filter:blur(7px);transform:rotate(18deg);animation:steelShine 3.2s ease-in-out infinite} .refine-visual::after{position:absolute;width:62px;height:62px;border:3px solid rgba(6,27,39,.48);border-radius:50%;content:"";box-shadow:inset 0 0 0 8px rgba(255,255,255,.13)} .refine-core{position:absolute;width:78px;height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(7,31,44,.48),rgba(255,255,255,.9),rgba(7,31,44,.48));box-shadow:0 0 18px rgba(255,255,255,.2)} .refine-spark{position:absolute;width:10px;height:10px;border-radius:2px;background:#f4feff;box-shadow:0 0 16px rgba(255,255,255,.62);transform:rotate(45deg);animation:sparkleFlash 1.8s ease-in-out infinite} .refine-spark.s1{top:18px;left:20px} .refine-spark.s2{top:34px;right:18px;animation-delay:-.8s} .glass-station{width:142px;overflow:visible} .faucet-mini{position:absolute;width:92px;height:68px;top:14px;left:8px;border:13px solid #c8d7db;border-right:0;border-bottom:0;border-radius:52px 0 0;filter:drop-shadow(0 7px 7px rgba(0,0,0,.24))} .faucet-mini::before{position:absolute;width:65px;height:14px;top:-13px;left:67px;border-radius:4px 12px 12px 4px;content:"";background:linear-gradient(#f0f6f7,#829aa3 55%,#dce6e9)} .faucet-mini::after{position:absolute;width:21px;height:28px;top:-5px;left:111px;border-radius:0 0 9px 9px;content:"";background:linear-gradient(90deg,#718c97,#e4edef,#6d8792)} .water-stream-mini{position:absolute;z-index:2;width:9px;height:62px;top:46px;right:11px;overflow:hidden;border-radius:0 0 999px 999px;background:linear-gradient(90deg,rgba(112,217,232,.42),#e2fdff 48%,rgba(70,204,225,.65));box-shadow:0 0 18px rgba(70,204,225,.55);transform-origin:top;animation:streamPulse 1.1s ease-in-out infinite alternate} .water-stream-mini::after{position:absolute;inset:-60% 1px 0;content:"";background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(255,255,255,.82) 10px 14px,transparent 15px 24px);animation:streamFlow .58s linear infinite} .glass-mini{position:absolute;z-index:3;width:62px;height:72px;right:-15px;bottom:4px;overflow:hidden;border:2px solid rgba(226,250,253,.85);border-top-width:4px;border-radius:5px 5px 17px 17px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.24),rgba(255,255,255,.05));box-shadow:inset 7px 0 13px rgba(255,255,255,.08),0 13px 20px rgba(0,0,0,.25);-webkit-clip-path:polygon(5% 0,95% 0,87% 100%,13% 100%);clip-path:polygon(5% 0,95% 0,87% 100%,13% 100%)} .glass-water-mini{position:absolute;right:3px;bottom:3px;left:3px;height:70%;border-radius:0 0 13px 13px;background:linear-gradient(180deg,rgba(145,237,246,.76),rgba(45,181,207,.9));box-shadow:0 -4px 12px rgba(112,217,232,.4);transform-origin:bottom;animation:glassFill 5.4s cubic-bezier(.45,0,.35,1) infinite} .glass-water-mini::before{position:absolute;width:140%;height:10px;top:-5px;left:-20%;border-radius:50%;content:"";background:rgba(217,252,255,.9);animation:waterSurface 1.3s ease-in-out infinite alternate} .glass-bubble-mini{position:absolute;width:var(--bubble-size);height:var(--bubble-size);left:var(--bubble-left);bottom:-10px;border:1px solid rgba(255,255,255,.75);border-radius:50%;animation:glassBubble var(--bubble-speed) linear var(--bubble-delay) infinite} .journey-status{position:relative;z-index:4;display:flex;margin-top:28px;padding:13px 16px;border:1px solid rgba(112,217,232,.16);border-radius:16px;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.7);background:rgba(4,22,32,.34);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-align:center} .journey-status::before{width:9px;height:9px;flex:0 0 9px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 15px var(--aqua-500);animation:livePulse 1.5s ease-in-out infinite} .process-grid{display:grid;margin-top:0;grid-template-columns:repeat(4,1fr)} .process-step{position:relative;padding:24px 26px;border-radius:20px;transition:transform .3s ease,background .3s ease} .process-step:hover{z-index:2;background:rgba(255,255,255,.07);transform:translateY(-8px)} .process-step:first-child{padding-left:24px} .process-step:last-child{padding-right:24px} .process-step:not(:last-child)::after{position:absolute;top:23px;right:-4px;width:36px;height:2px;content:"";background:linear-gradient(90deg,rgba(255,255,255,.16),var(--aqua-500),rgba(255,255,255,.16));background-size:200% 100%;animation:flowLine 2.4s linear infinite} .step-dot{display:grid;width:48px;height:48px;margin-bottom:28px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--aqua-400);background:rgba(70,204,225,.04);font-size:.8rem;font-weight:900;animation:stagePulse 4.8s ease-in-out infinite} .process-step:nth-child(2) .step-dot{animation-delay:1.2s} .process-step:nth-child(3) .step-dot{animation-delay:2.4s} .process-step:nth-child(4) .step-dot{animation-delay:3.6s} .process-step h3{font-size:1.18rem} .principle-lab{position:relative;display:grid;margin-top:56px;padding:34px;border:1px solid rgba(112,217,232,.18);border-radius:30px;grid-template-columns:.84fr 1.16fr;gap:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden} .principle-lab::before{position:absolute;width:360px;height:360px;right:-170px;top:-170px;border:1px solid rgba(112,217,232,.2);border-radius:50%;content:"";box-shadow:0 0 0 55px rgba(70,204,225,.025),0 0 0 110px rgba(70,204,225,.018)} .principle-copy,.principle-visual{position:relative;z-index:2} .principle-copy h3{max-width:520px;margin-bottom:18px;font-size:clamp(1.8rem,3.5vw,3rem)} .principle-copy p{color:rgba(255,255,255,.68)} .principle-tabs{display:flex;margin:28px 0 24px;flex-wrap:wrap;gap:9px} .principle-tab{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.68);background:rgba(255,255,255,.04);font-size:.74rem;font-weight:900;letter-spacing:.04em;transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease} .principle-tab:hover{color:var(--white);transform:translateY(-2px)} .principle-tab.is-active{color:var(--navy-950);border-color:var(--aqua-500);background:var(--aqua-500);box-shadow:0 10px 28px rgba(70,204,225,.2)} .principle-definition{min-height:160px;padding:22px;border:1px solid rgba(112,217,232,.13);border-radius:20px;background:rgba(4,22,32,.34)} .principle-definition strong{display:block;margin-bottom:8px;color:var(--aqua-400);font-size:1.05rem} .principle-definition p{margin-bottom:0} .principle-visual{min-width:0;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(rgba(112,217,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,217,232,.08) 1px,transparent 1px),rgba(4,22,32,.42);background-size:34px 34px;overflow:hidden} .simulation-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(112,217,232,.18);border-radius:999px;color:var(--aqua-400);background:rgba(70,204,225,.06);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .simulation-badge::before{width:7px;height:7px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 12px var(--aqua-500)} .wave-stage{display:block;width:100%;height:250px;margin-top:6px;overflow:visible} .wave-axis{stroke:rgba(255,255,255,.12);stroke-width:1} .wave-guide{fill:none;stroke:rgba(112,217,232,.18);stroke-width:15;stroke-linecap:round} .wave-line{fill:none;stroke:url(#principleWaveGradient);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(70,204,225,.58));stroke-dasharray:14 11;animation:principleFlow 2.4s linear infinite} .wave-dot{fill:#e4fdff;stroke:var(--aqua-500);stroke-width:4;filter:drop-shadow(0 0 12px rgba(70,204,225,.85))} .principle-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px} .principle-control{display:grid;gap:8px} .principle-control label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800} .principle-control output{color:var(--aqua-400)} .principle-control input[type="range"]{width:100%;accent-color:var(--aqua-500)} .principle-legend{display:grid;margin-top:18px;grid-template-columns:repeat(3,1fr);gap:9px} .principle-legend span{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;color:rgba(255,255,255,.58);background:rgba(255,255,255,.035);font-size:.64rem;line-height:1.45} .principle-legend strong{display:block;margin-bottom:3px;color:rgba(255,255,255,.88);font-size:.7rem} .transparency-grid{display:grid;margin-top:24px;grid-template-columns:repeat(4,1fr);gap:12px} .transparency-card{min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.04)} .transparency-card span{display:inline-grid;width:32px;height:32px;margin-bottom:22px;place-items:center;border-radius:50%;color:var(--navy-950);background:var(--aqua-500);font-size:.68rem;font-weight:900} .transparency-card h3{font-size:1rem} .transparency-card p{margin:0;color:rgba(255,255,255,.58);font-size:.78rem} .principle-legal{display:flex;margin-top:22px;padding:18px 20px;border:1px solid rgba(112,217,232,.18);border-radius:18px;align-items:flex-start;gap:13px;color:rgba(255,255,255,.68);background:rgba(70,204,225,.055);font-size:.76rem;line-height:1.55} .principle-legal::before{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:50%;content:"i";color:var(--navy-950);background:var(--aqua-500);font-weight:900} .knowledge-section{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--white),var(--ice-50))} .knowledge-section::before{position:absolute;width:600px;height:600px;left:-330px;top:80px;border:1px solid rgba(70,204,225,.22);border-radius:50%;content:"";box-shadow:0 0 0 80px rgba(70,204,225,.035),0 0 0 160px rgba(70,204,225,.02)} .knowledge-section .container{position:relative;z-index:2} .ci-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start} .ci-copy{position:sticky;top:24px} .ci-copy .lead{margin-bottom:18px} .ci-note{padding:16px 18px;border-left:3px solid var(--aqua-500);color:var(--slate-600);background:var(--aqua-100);font-size:.78rem;line-height:1.55} .palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .palette-card{min-height:220px;padding:24px;border:1px solid #dce9ed;border-radius:24px;background:var(--white);box-shadow:0 16px 38px rgba(33,30,113,.07)} .palette-swatch{display:block;height:82px;margin-bottom:22px;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)} .palette-card strong{display:block;margin-bottom:5px;font-size:1.05rem} .palette-card small{display:block;margin-bottom:12px;color:#079fb3;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .palette-card p{margin:0;font-size:.82rem} .palette-navy{background:#17154f} .palette-aqua{background:#46cce1} .palette-ice{background:#f4f9fb;box-shadow:inset 0 0 0 1px #d9e7eb} .palette-steel{background:linear-gradient(105deg,#496773,#f0f5f6 45%,#67818b 53%,#c7d5d9)} .knowledge-divider{height:1px;margin:80px 0;background:linear-gradient(90deg,transparent,#c8dbe1,transparent)} .glossary-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start} .glossary-intro{position:sticky;top:24px} .glossary-groups{display:grid;gap:38px} .glossary-group-head{display:flex;margin-bottom:18px;align-items:end;justify-content:space-between;gap:20px} .glossary-group-head h3{margin:0;font-size:1.55rem} .glossary-group-head span{color:var(--slate-600);font-size:.74rem} .glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} html:not(.opx-card-registry-ready) #glossary-flow-grid>[data-glossary-id],html:not(.opx-card-registry-ready) #glossary-concept-grid>[data-glossary-id],html:not(.opx-card-registry-ready) #glossary-filter-grid>[data-glossary-id],html:not(.opx-card-registry-ready) #impulses-grid>.impulse-card[data-impulse-id]{display:none !important} #glossary-flow-grid>.glossary-card[hidden],#glossary-concept-grid>.glossary-card[hidden],#glossary-filter-grid>.glossary-card[hidden],#impulses-grid>.impulse-card[hidden]{display:none !important} .glossary-card{position:relative;min-height:245px;padding:26px;border:1px solid #d9e7eb;border-radius:24px;background:var(--white);box-shadow:0 16px 36px rgba(33,30,113,.06);overflow:hidden} .glossary-card::after{position:absolute;width:130px;height:130px;right:-70px;bottom:-70px;border:1px solid rgba(70,204,225,.25);border-radius:50%;content:"";box-shadow:0 0 0 25px rgba(70,204,225,.05)} .glossary-tag{display:inline-flex;margin-bottom:24px;padding:6px 9px;border-radius:999px;color:#068fa3;background:var(--aqua-100);font-size:.6rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .glossary-card h4{position:relative;z-index:2;margin:0 0 11px;color:var(--navy-900);font-size:1.13rem;line-height:1.2} .glossary-card p{position:relative;z-index:2;margin:0;font-size:.8rem;line-height:1.58} .glossary-card .context-note{display:block;position:relative;z-index:2;margin-top:14px;padding-top:12px;border-top:1px solid #e0ebee;color:#6f8791;font-size:.68rem;line-height:1.45} .history-card{min-height:285px} .history-years{display:block;margin-bottom:7px;color:#069eb2;font-size:.66rem;font-weight:900;letter-spacing:.07em} .knowledge-legal{margin-top:24px;padding:18px 20px;border:1px solid #d6e6eb;border-radius:18px;color:var(--slate-600);background:rgba(255,255,255,.76);font-size:.75rem;line-height:1.55} .application-section{position:relative;overflow:hidden} .application-section::before{position:absolute;width:520px;height:520px;right:-250px;top:80px;border:1px solid rgba(70,204,225,.2);border-radius:50%;content:"";box-shadow:0 0 0 70px rgba(70,204,225,.045),0 0 0 140px rgba(70,204,225,.025)} .application-shell{position:relative;z-index:2;padding:22px;border:1px solid #d9e8ed;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow);overflow-anchor:none} .application-tabs{display:grid;margin-bottom:20px;grid-template-columns:repeat(4,1fr);gap:10px} .application-tab{min-height:54px;padding:0 16px;border:1px solid #dce9ed;border-radius:14px;color:var(--slate-600);background:var(--ice-50);font-weight:850;transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease} .application-tab:hover{color:var(--navy-900);transform:translateY(-2px)} .application-tab.is-active{color:var(--navy-950);border-color:var(--aqua-500);background:var(--aqua-500);box-shadow:0 10px 25px rgba(70,204,225,.24)} .application-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:22px} .application-visual{position:relative;height:510px;min-height:0;overflow:hidden;border-radius:24px;background:#dfeef2;isolation:isolate} .application-slide-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;min-height:0;opacity:0;object-fit:cover;pointer-events:none;transform:none;transition:opacity .55s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;will-change:opacity} .application-slide-image.is-active{z-index:1;opacity:1} .application-slide-image.fit-contain{padding:34px;object-fit:contain;background:linear-gradient(145deg,#f6fbfc,#dceff3)} .application-slide-image.fit-cover{padding:0;object-fit:cover} .application-visual::after{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(4,25,36,.58))} .application-bubble{position:absolute;z-index:2;width:var(--size);height:var(--size);bottom:-60px;left:var(--left);border:1px solid rgba(255,255,255,.64);border-radius:50%;background:rgba(112,217,232,.14);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:bubbleRise var(--duration) ease-in infinite;animation-delay:var(--delay)} .application-flow{position:absolute;z-index:3;right:8%;bottom:30px;left:8%;height:5px;overflow:visible;border-radius:999px;background:rgba(255,255,255,.28)} .application-flow::after{position:absolute;width:18px;height:18px;top:50%;left:0;border:3px solid var(--white);border-radius:50% 50% 50% 10%;content:"";background:var(--aqua-500);box-shadow:0 0 22px var(--aqua-500);transform:translateY(-50%) rotate(-45deg);animation:waterTravel 3.2s ease-in-out infinite} .application-copy{display:flex;min-height:510px;padding:34px;border-radius:24px;flex-direction:column;justify-content:center;color:var(--white);background:linear-gradient(160deg,var(--navy-800),var(--navy-950));opacity:1;transition:opacity .45s ease} .application-copy.is-updating{opacity:.38} .application-copy .app-number{color:var(--aqua-400);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .application-copy h3{margin:20px 0 16px;font-size:clamp(2rem,3.6vw,3.2rem)} .application-copy p{color:rgba(255,255,255,.68)} .application-points{display:grid;margin:22px 0 0;padding:0;gap:12px;list-style:none} .application-points li{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.84);font-size:.86rem;font-weight:700} .application-points li::before{width:8px;height:8px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 13px var(--aqua-500)} .application-progress{height:4px;margin-top:20px;overflow:hidden;border-radius:999px;background:#dce9ed} .application-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--aqua-500),var(--navy-700));transform:scaleX(0);transform-origin:left center} .application-progress span.is-running{animation:applicationProgress var(--application-duration,6.5s) linear forwards} .application-scene-chip{position:absolute;z-index:4;top:18px;left:18px;display:inline-flex;min-height:36px;padding:0 14px;align-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:var(--white);background:rgba(4,25,36,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;font-weight:850;letter-spacing:.04em} .application-note{margin-top:18px;color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.55} .specs-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:84px} .spec-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .spec-card{min-height:190px;padding:30px;border:1px solid #dce9ed;border-radius:var(--radius-md);background:var(--white)} .spec-card:nth-child(2),.spec-card:nth-child(3){background:var(--aqua-100)} .spec-card strong{display:block;margin-bottom:10px;color:var(--navy-900);font-size:clamp(2rem,4vw,3.1rem);line-height:1;letter-spacing:-.05em} .spec-card span{color:var(--slate-600);font-weight:700} .source-note{margin-top:22px;font-size:.76rem;line-height:1.55} .shop-bridge{padding:72px 24px 92px;background:var(--white)} .shop-bridge-inner{position:relative;display:grid;width:min(1180px,100%);min-height:176px;margin:0 auto;overflow:hidden;padding:38px 48px;border:1px solid rgba(10,42,58,.1);border-radius:28px;align-items:center;grid-template-columns:minmax(0,1fr) auto;gap:clamp(38px,5vw,72px);color:var(--navy-950);background:linear-gradient(135deg,rgba(235,249,252,.98),rgba(255,255,255,.98));box-shadow:0 22px 56px rgba(7,42,58,.09);isolation:isolate} .shop-bridge-inner::before{position:absolute;z-index:-1;width:250px;height:250px;top:50%;right:-88px;border:42px solid rgba(70,204,225,.12);border-radius:50%;content:"";transform:translateY(-50%)} .shop-bridge-copy{max-width:760px;padding-right:12px} .shop-bridge-kicker{display:block;margin-bottom:10px;color:#087f91;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .shop-bridge h2{margin:0 0 10px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.12} .shop-bridge p{max-width:720px;margin:0;color:var(--slate-600);font-size:.95rem;line-height:1.65} .shop-bridge .btn{position:relative;z-index:1;min-width:210px;min-height:54px;padding-inline:28px;justify-content:center;align-self:center;white-space:nowrap;box-shadow:0 12px 28px rgba(33,30,113,.14)} .shop-bridge--faq{padding-top:58px;background:var(--soft)} .shop-bridge--faq .shop-bridge-inner{border-color:rgba(70,204,225,.22);background:linear-gradient(135deg,var(--navy-950),#103e52);color:var(--white);box-shadow:0 24px 62px rgba(4,29,41,.18)} .shop-bridge--faq .shop-bridge-inner::before{border-color:rgba(70,204,225,.18)} .shop-bridge--faq .shop-bridge-kicker{color:var(--aqua-500)} .shop-bridge--faq p{color:rgba(255,255,255,.72)} .shop-bridge--faq .btn{color:var(--navy-950);background:var(--aqua-500)} .products-section{position:relative;overflow:hidden;color:var(--white);background:var(--navy-950)} .products-section::before{position:absolute;width:760px;height:760px;top:-380px;left:-250px;border:1px solid rgba(70,204,225,.18);border-radius:50%;content:"";box-shadow:0 0 0 90px rgba(70,204,225,.035),0 0 0 180px rgba(70,204,225,.025)} .products-section .container{position:relative;z-index:2} .products-section .section-head p{color:rgba(255,255,255,.62)} .product-toolbar{display:flex;margin-bottom:30px;align-items:center;justify-content:space-between;gap:20px} .product-note{color:rgba(255,255,255,.5);font-size:.78rem} .product-filters{display:flex;flex-wrap:wrap;gap:10px} .product-filter{min-height:42px;padding:0 17px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);font-size:.76rem;font-weight:850;transition:color .2s ease,background .2s ease,transform .2s ease} .product-filter:hover{color:var(--white);transform:translateY(-2px)} .product-filter.is-active{color:var(--navy-950);border-color:var(--aqua-500);background:var(--aqua-500);box-shadow:0 10px 25px rgba(70,204,225,.2)} .product-rail{display:grid;padding:8px 0 28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .product-card{position:relative;display:flex;min-width:0;min-height:560px;overflow:hidden;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:28px;flex-direction:column;color:var(--navy-900);background:var(--white);box-shadow:0 28px 60px rgba(0,0,0,.18);scroll-snap-align:start;transition:transform .35s ease,box-shadow .35s ease;isolation:isolate;contain:paint;transform:translateZ(0)} .product-card[hidden]{display:none} .product-card{cursor:pointer} .product-card.filter-in{animation:cardPop .48s cubic-bezier(.2,.8,.2,1) both} .product-card:hover{transform:translateY(-10px);box-shadow:0 36px 80px rgba(0,0,0,.32)} .product-image{position:relative;display:grid;width:100%;height:280px;min-width:0;flex:0 0 280px;overflow:hidden;border-radius:20px;place-items:center;background:linear-gradient(145deg,#eff8fa,#dbeef2);isolation:isolate;contain:paint;-webkit-clip-path:inset(0 round 20px);clip-path:inset(0 round 20px);transform:translateZ(0)} .product-image img{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;padding:14px;object-fit:contain;object-position:center;backface-visibility:hidden;transform:scale(1) translateZ(0);transform-origin:center;transition:transform .55s cubic-bezier(.2,.8,.2,1)} .product-card:hover .product-image img{transform:scale(1.07) rotate(-1deg)} .product-card[data-crop="cover"] .product-image img{padding:0;object-fit:cover} .product-badge{position:absolute;z-index:2;top:14px;left:14px;padding:8px 12px;border-radius:999px;color:var(--navy-950);background:var(--aqua-500);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .product-content{display:flex;padding:24px 12px 12px;flex:1;flex-direction:column} .product-kicker{margin-bottom:8px;color:#069eb2;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .product-card h3{min-height:58px;margin-bottom:12px;font-size:1.3rem} .product-card p{margin-bottom:20px;font-size:.88rem} .price-row{display:flex;margin-top:auto;padding-top:18px;border-top:1px solid #e1ecef;align-items:flex-end;justify-content:space-between;gap:14px} .price{display:block;font-size:1.72rem;font-weight:900;letter-spacing:-.045em} .price-meta{display:block;color:var(--slate-600);font-size:.65rem} .product-link{display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;border-radius:50%;color:var(--navy-950);background:var(--aqua-500);font-size:1.15rem;transition:transform .2s ease} .product-link:hover{transform:rotate(-12deg) scale(1.08)} .product-actions{display:flex;margin-top:16px;align-items:center;gap:10px} .cart-add{min-height:45px;padding:0 16px;border:0;border-radius:999px;flex:1;color:var(--navy-950);background:var(--aqua-500);font-size:.78rem;font-weight:900;transition:transform .2s ease,background .2s ease} .cart-add:hover{background:var(--aqua-400);transform:translateY(-2px)} .cart-add:disabled{cursor:wait;opacity:.72;transform:none} .product-detail-open{min-height:45px;padding:0 16px;border:1px solid #cfe0e5;border-radius:999px;flex:1;color:var(--navy-900);background:var(--ice-50);font-size:.78rem;font-weight:900;transition:transform .2s ease,border-color .2s ease,background .2s ease} .product-detail-open:hover{border-color:var(--aqua-500);background:var(--aqua-100);transform:translateY(-2px)} .product-detail-overlay{position:fixed;z-index:120;inset:0;display:none;padding:clamp(14px,3vw,36px);overflow-y:auto;background:rgba(4,20,30,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} .product-detail-overlay.is-open{display:grid;place-items:center} .product-detail-shell{width:min(1120px,100%);margin:auto;overflow:hidden;border:1px solid rgba(112,217,232,.26);border-radius:30px;color:var(--navy-900);background:var(--white);box-shadow:0 38px 100px rgba(0,0,0,.36)} .product-detail-topbar{display:flex;padding:22px 24px 0;align-items:center;justify-content:space-between;gap:18px} .product-detail-topbar .eyebrow{margin:0} .product-detail-topbar-main{display:flex;min-width:0;align-items:center;gap:12px} .product-detail-product-nav{display:flex;align-items:center;gap:8px} .product-detail-nav-button{display:grid;width:42px;height:42px;padding:0;border:1px solid #d5e5ea;border-radius:50%;place-items:center;color:var(--navy-900);background:var(--ice-50);font-size:1.25rem;font-weight:900;line-height:1;transition:border-color .2s ease,background .2s ease,transform .2s ease} .product-detail-nav-button:hover{border-color:var(--aqua-500);background:var(--aqua-100);transform:translateY(-1px)} .product-detail-layout{display:grid;padding:24px;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:clamp(28px,4vw,52px);align-items:start} .product-detail-visual{position:sticky;top:0;display:grid;min-height:540px;padding:26px;border-radius:26px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eff8fa,#dbeef2)} .product-detail-visual img{width:100%;height:100%;max-height:520px;object-fit:contain;object-position:center} .product-detail-visual.is-cover img{padding:0;object-fit:cover;border-radius:18px} .product-detail-media-column{position:sticky;top:0;min-width:0} .product-detail-media-column .product-detail-visual{position:relative;top:auto} .product-detail-gallery{display:grid;margin-top:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .product-detail-gallery-button{position:relative;display:grid;min-width:0;aspect-ratio:1 / 1;padding:6px;overflow:hidden;border:1px solid #d5e5ea;border-radius:14px;place-items:center;background:#f6fbfc;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .product-detail-gallery-button:hover{border-color:var(--aqua-500);transform:translateY(-2px)} .product-detail-gallery-button.is-active{border-color:var(--aqua-500);box-shadow:0 0 0 3px rgba(70,204,225,.16)} .product-detail-gallery-button img{display:block;width:100%;height:100%;border-radius:9px;object-fit:contain;object-position:center} .product-detail-gallery-button.is-cover img{object-fit:cover} .product-detail-gallery-index{position:absolute;right:5px;bottom:5px;display:grid;min-width:22px;height:22px;padding:0 5px;border-radius:999px;place-items:center;color:var(--white);background:rgba(6,27,39,.76);font-size:.58rem;font-weight:900} .product-detail-gallery-note{margin:9px 2px 0;color:#718791;font-size:.64rem;line-height:1.45} .product-detail-description-section{margin-top:0;padding:18px 20px;border:1px solid #d9e7eb;border-radius:18px;background:linear-gradient(145deg,#fbfeff,#f1f9fb)} .product-detail-description{display:grid;gap:11px} .product-detail-description p{margin:0;color:#526c77;font-size:.84rem;line-height:1.72} .product-detail-scope{display:grid;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none} .product-detail-scope li{position:relative;min-width:0;padding:12px 13px 12px 36px;border:1px solid #dfeaed;border-radius:14px;color:#526c77;background:#fbfdfe;font-size:.78rem;line-height:1.5} .product-detail-scope li::before{position:absolute;top:12px;left:12px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;content:"✓";color:var(--navy-950);background:var(--aqua-500);font-size:.56rem;font-weight:900} .product-detail-content{min-width:0;padding:6px 0 12px} .product-detail-kicker{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;color:#057f94;background:var(--aqua-100);font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .product-detail-content h2{margin-bottom:14px;font-size:clamp(2rem,3.4vw,3.15rem)} .product-detail-lead{margin-bottom:22px;font-size:1rem;line-height:1.68} .product-detail-pricebar{display:flex;margin-bottom:24px;padding:18px 20px;border:1px solid #d9e7eb;border-radius:18px;align-items:center;justify-content:space-between;gap:18px;background:var(--ice-50)} .product-detail-price{color:var(--navy-900);font-size:1.75rem;font-weight:900;letter-spacing:-.04em} .product-detail-sku{color:var(--slate-600);font-size:.72rem;font-weight:800} .product-detail-section{margin-top:22px} .product-detail-section h3{margin-bottom:12px;font-size:1rem;letter-spacing:-.015em} .product-detail-highlights{display:grid;margin:0;padding:0;gap:9px;list-style:none} .product-detail-highlights li{display:flex;padding:12px 14px;border:1px solid #dfeaed;border-radius:14px;align-items:flex-start;gap:10px;color:#526c77;background:#fbfdfe;font-size:.8rem;line-height:1.55} .product-detail-highlights li::before{width:8px;height:8px;margin-top:.5em;flex:0 0 8px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 10px rgba(70,204,225,.38)} .product-detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .product-detail-spec{padding:13px 14px;border:1px solid #dfeaed;border-radius:14px;background:var(--ice-50)} .product-detail-spec strong{display:block;margin-bottom:3px;color:var(--navy-900);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em} .product-detail-spec span{display:block;color:#526c77;font-size:.78rem;line-height:1.45} .product-detail-note{margin-top:20px;padding:14px 16px;border-left:3px solid var(--aqua-500);border-radius:0 13px 13px 0;color:#58717c;background:var(--aqua-100);font-size:.73rem;line-height:1.55} .product-detail-actions{display:grid;margin-top:24px;grid-template-columns:118px minmax(0,1fr) auto;gap:10px;align-items:center} .product-detail-quantity{display:grid;gap:5px;color:var(--slate-600);font-size:.68rem;font-weight:850} .product-detail-quantity input{width:100%;min-height:46px;padding:8px 10px;border:1px solid #cfe0e5;border-radius:12px;text-align:center;background:var(--ice-50)} .product-detail-cart-link{min-height:46px;padding:0 16px;border:1px solid #cfe0e5;border-radius:999px;color:var(--navy-900);background:var(--white);font-size:.76rem;font-weight:900} .product-detail-status{min-height:22px;margin:10px 0 0;color:#05705d;font-size:.75rem;font-weight:850} .product-more-actions{display:flex;width:100%;margin-top:8px;justify-content:center} .product-more-toggle{min-width:min(100%,250px);min-height:50px;padding:0 24px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--white);background:rgba(255,255,255,.06);font-size:.78rem;font-weight:900;transition:border-color .2s ease,background .2s ease,transform .2s ease} .product-more-toggle:hover{border-color:var(--aqua-500);background:rgba(70,204,225,.13);transform:translateY(-1px)} .product-more-toggle:focus-visible{border-color:var(--aqua-500);outline:3px solid rgba(70,204,225,.22);outline-offset:3px} .products-footnote{margin:20px 0 0;color:rgba(255,255,255,.4);font-size:.7rem} .image-motion-band{width:100%;overflow:hidden;padding:32px 0;border-block:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(70,204,225,.04),rgba(255,255,255,.035),rgba(70,204,225,.04));isolation:isolate} .image-motion-track{display:flex;width:max-content;min-width:100%;align-items:center;gap:18px;animation:imageTicker 42s linear infinite;will-change:transform} .motion-group{display:flex;min-width:max-content;align-items:center;gap:18px} .motion-product{display:grid;width:180px;height:180px;min-width:180px;min-height:180px;padding:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;place-items:center;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(0,0,0,.2);isolation:isolate;contain:layout paint;transform:translateZ(0)} .motion-product img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden;border-radius:16px;object-fit:contain;object-position:center;backface-visibility:hidden;transform:translateZ(0)} .image-motion-band:hover .image-motion-track{animation-play-state:paused} .audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px} .audience-card{position:relative;display:flex;min-height:0;padding:32px;overflow:hidden;border:1px solid rgba(13,58,73,.12);border-radius:28px;flex-direction:column;gap:14px;color:var(--white);background:linear-gradient(160deg,#0c3445,#17154f);box-shadow:0 22px 55px rgba(33,30,113,.14)} .audience-card::before{position:absolute;inset:auto -40px -80px auto;width:220px;height:220px;border-radius:50%;content:"";background:rgba(70,204,225,.12);filter:blur(12px)} .audience-card:nth-child(even){color:var(--navy-900);background:linear-gradient(160deg,#f9fdfe,#def3f7)} .audience-card:nth-child(even)::before{background:rgba(6,27,39,.06)} .audience-icon{position:relative;z-index:1;display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .audience-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round} .audience-card:nth-child(even) .audience-icon{border-color:rgba(8,39,55,.12);background:rgba(255,255,255,.72)} .audience-card h3{position:relative;z-index:1;margin-bottom:0;font-size:1.3rem} .audience-card p{position:relative;z-index:1;margin-bottom:0;color:rgba(255,255,255,.68)} .audience-card:nth-child(even) p{color:var(--slate-600)} .audience-more{position:relative;z-index:1;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)} .audience-card:nth-child(even) .audience-more{border-color:rgba(8,39,55,.12)} .audience-more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:800;list-style:none} .audience-more summary::-webkit-details-marker{display:none} .audience-more summary::after{content:"+";font-size:1.2rem;line-height:1} .audience-more[open] summary::after{content:"–"} .audience-more p{margin-top:12px;font-size:.94rem;line-height:1.55} .section-return{display:flex;justify-content:center;margin-top:28px} .btn-back-top{min-width:220px} .back-to-top-floating{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;width:52px;height:52px;place-items:center;border-radius:50%;color:var(--white);background:linear-gradient(135deg,var(--navy-950),var(--aqua-500));box-shadow:0 16px 34px rgba(7,31,45,.28);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease} .back-to-top-floating.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)} .consult-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px} .timeline{display:grid;margin-top:40px;gap:26px} .timeline-item{display:grid;grid-template-columns:42px 1fr;gap:16px} .timeline-number{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:var(--navy-950);background:var(--aqua-500);font-weight:900} .timeline-item h3{margin:3px 0 5px;font-size:1.05rem} .timeline-item p{margin:0;font-size:.9rem} .contact-card{padding:42px;border:1px solid #e2ecef;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow)} .contact-card h3{margin-bottom:10px;font-size:1.75rem} .contact-card>p{max-width:760px} .form-grid{display:grid;margin-top:26px;grid-template-columns:1fr 1fr;gap:18px} .field{display:grid;min-width:0;gap:7px} .field.full{grid-column:1 / -1} .field label{color:var(--navy-800);font-size:.78rem;font-weight:850} .field input,.field select,.field textarea{width:100%;min-width:0;min-height:54px;padding:13px 15px;border:1px solid #d5e4e9;border-radius:13px;outline:0;color:var(--navy-900);background:var(--ice-50);font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease} .field textarea{min-height:150px;resize:vertical;line-height:1.55} .field input:hover,.field select:hover,.field textarea:hover{border-color:#bfd8df;background:#fbfeff} .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--aqua-500);background:#fff;box-shadow:0 0 0 3px rgba(70,204,225,.17)} .privacy{display:block;grid-column:1 / -1;margin:0;padding:14px 16px;border:1px solid #dce9ed;border-radius:14px;color:var(--slate-600);background:#f8fcfd;font-size:.76rem;line-height:1.6} .turnstile-field{display:grid;min-height:72px;grid-column:1 / -1;align-items:center;gap:8px} .turnstile-slot{min-height:65px} .turnstile-note{margin:0;color:var(--slate-600);font-size:.7rem;line-height:1.45} .turnstile-note a{color:#057f94;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .contact-card .btn{width:100%;min-height:54px;grid-column:1 / -1;justify-content:center;font-size:.82rem} .direct-contact{display:grid;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .direct-contact a{display:flex;min-width:0;min-height:46px;padding:10px 14px;align-items:center;justify-content:center;border:1px solid #d8e8ec;border-radius:13px;color:var(--navy-800);background:#f8fcfd;font-size:.78rem;font-weight:850;text-align:center;overflow-wrap:anywhere;transition:border-color .18s ease,background .18s ease,transform .18s ease} .direct-contact a:hover{border-color:var(--aqua-500);background:#eefafd;transform:translateY(-1px)} .privacy a{color:#057f94;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .contact-honeypot{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} .contact-card .form-message{grid-column:1 / -1;margin:0} .contact-card .form-message.is-info{color:#13556a;background:#e5f5f8} .contact-card .btn[aria-busy="true"]{opacity:.72;cursor:wait;transform:none} .faq-list{max-width:900px;margin-inline:auto} .faq-item{border-bottom:1px solid #dce8ec} .faq-question{display:flex;width:100%;padding:25px 0;border:0;align-items:center;justify-content:space-between;gap:24px;text-align:left;color:var(--navy-900);background:transparent;font-size:1.06rem;font-weight:800} .faq-plus{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:var(--aqua-100);transition:transform .2s ease} .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease} .faq-answer>div{overflow:hidden} .faq-answer p{max-width:760px;padding:0 0 24px;margin:0} .faq-source-link{display:inline-flex;margin-top:10px;color:#057f94;font-weight:900;text-decoration:underline;text-underline-offset:3px} .faq-item.open .faq-answer{grid-template-rows:1fr} .faq-item.open .faq-plus{transform:rotate(45deg)} .knowledge-wide,.faq-wide{position:relative;z-index:2;width:100%;max-width:none;margin:0;padding-inline:clamp(22px,4.5vw,82px)} .knowledge-wide .ci-layout{width:min(100%,1580px);margin-inline:auto} .knowledge-wide .knowledge-divider{width:min(100%,1580px);margin-inline:auto} .glossary-layout{display:block} .glossary-intro{position:relative;top:auto;width:min(100%,1120px);margin-bottom:48px} @media(min-width:1100px){#wissen .glossary-intro{display:grid;width:min(100%,1440px);margin:0 auto 64px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"eyebrow copy" "title copy" "title note";column-gap:clamp(48px,6vw,108px);row-gap:14px;align-items:start} #wissen .glossary-intro>.eyebrow{grid-area:eyebrow;margin:0;align-self:end} #wissen .glossary-intro>h2{grid-area:title;max-width:720px;margin:0;font-size:clamp(3rem,4.4vw,5rem);line-height:.99;letter-spacing:-.045em;text-wrap:balance} #wissen .glossary-intro>.lead{grid-area:copy;max-width:none;margin:0;color:var(--slate-600);font-size:clamp(1rem,1.12vw,1.16rem);line-height:1.72} #wissen .glossary-intro>.knowledge-legal{grid-area:note;max-width:none;margin:8px 0 0;padding:18px 20px;border-left:3px solid var(--aqua-500);background:rgba(255,255,255,.82)}} @media(max-width:1099px){#wissen .glossary-intro{width:min(100%,860px);margin:0 auto 46px} #wissen .glossary-intro>h2{max-width:820px;text-wrap:balance} #wissen .glossary-intro>.lead{max-width:820px;line-height:1.7}} .glossary-groups{display:grid;width:100%;gap:54px} .glossary-group{display:grid;gap:18px} .glossary-group-head{width:100%;padding-bottom:16px;border-bottom:1px solid #d5e5ea} .glossary-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .glossary-card{min-height:290px} .glossary-card.is-evidence{border-color:rgba(70,204,225,.55);background:linear-gradient(160deg,#ffffff,#eef9fb)} .glossary-card.is-caution{border-color:rgba(8,39,55,.2);background:linear-gradient(160deg,#f9fcfd,#edf3f5)} .glossary-definition{display:block;margin-bottom:10px;color:var(--navy-900);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .glossary-deep-note{display:grid;padding:24px;border:1px solid #d6e6eb;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:rgba(255,255,255,.82);box-shadow:0 18px 42px rgba(33,30,113,.06)} .glossary-deep-note article{padding:18px;border-radius:18px;background:var(--ice-50)} .glossary-deep-note strong{display:block;margin-bottom:7px;color:var(--navy-900)} .glossary-deep-note p{margin:0;font-size:.8rem} .history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .history-card{display:flex;min-height:650px;padding:0;flex-direction:column;overflow:hidden} .history-card::after{display:none} .history-card{--history-accent:#46cce1;border-color:rgba(70,204,225,.24);background:linear-gradient(180deg,#ffffff,#f7fbfc);box-shadow:0 20px 48px rgba(33,30,113,.09)} .history-image{position:relative;height:282px;flex:0 0 282px;overflow:hidden;background:radial-gradient(circle at 82% 14%,rgba(70,204,225,.22),transparent 28%),linear-gradient(145deg,#041720 4%,#0a2b39 56%,#081a24 100%);isolation:isolate} .history-image::before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.045),transparent 15%,transparent 85%,rgba(255,255,255,.045)),linear-gradient(180deg,rgba(255,255,255,.015),transparent 32%,rgba(4,20,30,.08) 62%,rgba(4,20,30,.34))} .history-image::after{position:absolute;z-index:2;inset:14px;border:1px solid rgba(255,255,255,.07);border-radius:22px;content:"";pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -30px 48px rgba(4,20,30,.18)} .history-real-photo>img{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:grayscale(.1) sepia(.025) saturate(.82) contrast(1.07) brightness(.96);transition:transform .55s ease,filter .55s ease;backface-visibility:hidden;transform:scale(1.012) translateZ(0)} .portrait-emoto>img{object-position:center 28%} .portrait-pollack>img{object-position:center 32%} .portrait-hildegard>img{object-position:center 28%} .portrait-schauberger>img{object-position:center 24%} .portrait-leonardo>img{object-position:center 18%} .portrait-bernoulli>img{object-position:center 20%} .portrait-chladni>img{object-position:center 18%} .portrait-tesla>img{object-position:center 20%} .portrait-hwp>img{object-position:center 24%} .history-card:hover .history-image img{filter:grayscale(.025) sepia(.01) saturate(.94) contrast(1.08) brightness(.99);transform:scale(1.045) translateZ(0)} .history-body{display:flex;padding:26px;flex:1;flex-direction:column} .history-body .glossary-tag{margin-bottom:14px} .history-body p{font-size:.82rem} .history-relevance{margin-top:16px;padding:14px;border-left:3px solid var(--aqua-500);color:var(--slate-600);background:var(--aqua-100);font-size:.72rem;line-height:1.5} .history-source{display:inline-flex;margin-top:auto;padding-top:18px;color:#078fa3;font-size:.66rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase} .history-source:hover{color:var(--navy-900)} .frequency-model{display:grid;margin-top:24px;padding:28px;border:1px solid rgba(112,217,232,.18);border-radius:26px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:rgba(4,22,32,.34)} .frequency-model-head{grid-column:1 / -1;max-width:980px;margin-bottom:6px} .frequency-model-head h3{margin-bottom:10px;font-size:clamp(1.55rem,3vw,2.35rem)} .frequency-model-head p{margin:0;color:rgba(255,255,255,.64)} .frequency-layer{position:relative;min-height:240px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.045);overflow:hidden} .frequency-layer::after{position:absolute;width:120px;height:120px;right:-68px;bottom:-68px;border:1px solid rgba(70,204,225,.28);border-radius:50%;content:"";box-shadow:0 0 0 24px rgba(70,204,225,.045)} .frequency-layer span{display:inline-grid;width:36px;height:36px;margin-bottom:28px;place-items:center;border-radius:50%;color:var(--navy-950);background:var(--aqua-500);font-size:.7rem;font-weight:900} .frequency-layer h4{margin:0 0 10px;color:var(--white);font-size:1.08rem} .frequency-layer p{position:relative;z-index:2;margin:0;color:rgba(255,255,255,.58);font-size:.76rem} .manufacturer-context{display:grid;margin-top:18px;padding:20px;border:1px solid rgba(112,217,232,.2);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:14px;color:rgba(255,255,255,.7);background:rgba(70,204,225,.06);font-size:.76rem;line-height:1.58} .manufacturer-context::before{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;content:"i";color:var(--navy-950);background:var(--aqua-500);font-weight:900} .principle-legend{grid-template-columns:repeat(4,1fr)} .faq-section{background:linear-gradient(180deg,var(--white),var(--ice-50))} .faq-wide .section-head{width:min(100%,980px)} .faq-list{display:grid;width:100%;max-width:1120px;margin-inline:auto;grid-template-columns:1fr;align-items:start;gap:14px} .faq-item{border:1px solid #d8e7eb;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(33,30,113,.05);overflow:hidden} .faq-question{padding:22px 24px} .faq-answer p{max-width:none;padding:0 24px 24px} .faq-item.open{border-color:rgba(70,204,225,.62);box-shadow:0 18px 38px rgba(33,30,113,.08)} .brand-colors-section{padding-top:94px;padding-bottom:98px;background:linear-gradient(180deg,var(--ice-50) 0%,#ffffff 42%,rgba(230,249,252,.72) 100%);border-top:1px solid rgba(70,204,225,.14)} .brand-colors-section .ci-layout{margin:0 auto} .faq-section{padding-top:104px;padding-bottom:108px;background:linear-gradient(180deg,#ffffff 0%,#f7fbfc 100%)} .faq-wide{display:grid;gap:36px} .faq-section .section-head{width:min(100%,980px);margin:0 auto} .faq-section .section-head h2{max-width:900px;margin:0 auto 18px;font-size:clamp(2.55rem,4.8vw,4.7rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance} .faq-section .section-head .lead{max-width:810px;margin:0 auto;color:var(--slate-600);font-size:1.02rem;line-height:1.72} .faq-list{display:grid;width:100%;max-width:1080px;margin-inline:auto;grid-template-columns:1fr;align-items:start;gap:12px} .faq-item{border:1px solid rgba(33,30,113,.10);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 10px 28px rgba(33,30,113,.045);overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease} .faq-item:hover{border-color:rgba(70,204,225,.36);box-shadow:0 14px 32px rgba(33,30,113,.065)} .faq-item.open{border-color:rgba(70,204,225,.55);box-shadow:0 18px 40px rgba(33,30,113,.075)} .faq-question{display:flex;width:100%;min-height:76px;padding:17px 22px 17px 24px;border:0;align-items:center;justify-content:space-between;gap:22px;text-align:left;color:var(--navy-900);background:transparent;cursor:pointer;font-size:1.08rem;font-weight:850;line-height:1.34;transition:background .2s ease,color .2s ease} .faq-question:hover{background:rgba(70,204,225,.035)} .faq-question:focus-visible{outline:3px solid rgba(70,204,225,.34);outline-offset:-3px} .faq-question>span:first-child{max-width:calc(100% - 68px);align-self:center} .faq-plus{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid rgba(70,204,225,.16);border-radius:50%;color:var(--navy-900);background:linear-gradient(180deg,#f2fbfd 0%,#e2f6f9 100%);font-size:1.28rem;font-weight:900;line-height:1;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease} .faq-item.open .faq-question{border-bottom:1px solid rgba(33,30,113,.08);background:linear-gradient(180deg,rgba(70,204,225,.035),rgba(70,204,225,.015))} .faq-item.open .faq-plus{border-color:rgba(70,204,225,.36);color:var(--navy-950);background:var(--aqua-100);transform:rotate(45deg)} .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease} .faq-answer>div{min-height:0;overflow:hidden;padding:0 24px} .faq-item.open .faq-answer{grid-template-rows:1fr} .faq-item.open .faq-answer>div{padding-top:14px;padding-bottom:24px} .faq-answer p,.faq-answer ul,.faq-answer ol,.faq-answer .faq-note,.faq-answer .faq-term-grid{max-width:880px} .faq-answer p{margin:0 0 13px;padding:0;color:var(--slate-700);font-size:.98rem;line-height:1.72} .faq-answer p:last-child{margin-bottom:0} .faq-answer ul,.faq-answer ol{display:grid;gap:8px;margin:2px 0 15px 2px;padding-left:20px;color:var(--slate-700);font-size:.97rem;line-height:1.68} .faq-answer li{padding-left:3px} .faq-answer li::marker{color:var(--aqua-700)} .faq-answer strong{color:var(--navy-900)} .faq-source-link{display:inline-flex;margin-top:3px;margin-right:12px;align-items:center;gap:4px;color:#057f94;font-weight:900;text-decoration-thickness:1px;text-underline-offset:4px} .faq-term-grid{display:grid;margin:8px 0 15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .faq-term{display:grid;padding:14px 15px;border:1px solid rgba(70,204,225,.16);border-radius:16px;gap:6px;background:linear-gradient(180deg,#fcfeff 0%,#f4fbfd 100%)} .faq-term strong{font-size:.94rem} .faq-term span{color:var(--slate-600);font-size:.88rem;line-height:1.58} .faq-note{margin:10px 0 15px;padding:14px 16px;border:1px solid rgba(70,204,225,.16);border-left:4px solid var(--aqua-500);border-radius:14px;color:var(--slate-700);background:rgba(70,204,225,.065);font-size:.93rem;line-height:1.62} @media(max-width:1280px){.glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .frequency-model{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.glossary-grid,.glossary-deep-note{grid-template-columns:repeat(2,minmax(0,1fr))} .faq-list{grid-template-columns:1fr}} @media(max-width:720px){.knowledge-wide,.faq-wide{padding-inline:14px} .glossary-grid,.glossary-deep-note,.history-grid,.frequency-model{grid-template-columns:1fr} .glossary-card{min-height:0} .history-card{min-height:0} .history-image{height:246px;flex-basis:246px} .frequency-model{padding:18px} .frequency-layer{min-height:0} .principle-legend{grid-template-columns:1fr} .faq-section{padding-top:74px;padding-bottom:78px} .faq-wide{gap:28px} .faq-list{gap:10px} .faq-item{border-radius:18px} .faq-question{min-height:68px;padding:14px 15px 14px 17px;gap:14px;font-size:.98rem;line-height:1.34} .faq-question>span:first-child{max-width:calc(100% - 50px)} .faq-plus{width:36px;height:36px;flex-basis:36px;font-size:1.08rem} .faq-answer>div{padding-right:17px;padding-left:17px} .faq-item.open .faq-answer>div{padding-top:12px;padding-bottom:19px} .faq-answer p{font-size:.94rem;line-height:1.66} .faq-answer ul,.faq-answer ol{font-size:.93rem;line-height:1.62} .faq-term-grid{grid-template-columns:1fr}} .final-cta{padding:82px 0;color:var(--white);background:var(--navy-950)} .final-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px} .final-cta h2{max-width:780px;margin-bottom:14px} .final-cta p{max-width:700px;margin:0;color:rgba(255,255,255,.64)} .qr-card{display:flex;padding:14px;border-radius:22px;align-items:center;gap:16px;color:var(--navy-900);background:var(--white)} .qr-card img{width:105px;height:105px;border-radius:10px} .qr-card strong{display:block;max-width:130px;line-height:1.25} footer{padding:42px 0;color:rgba(255,255,255,.68);background:#04141e} .footer-grid{display:flex;align-items:center;justify-content:space-between;gap:28px} .footer-brand-lockup{display:flex;min-width:0;flex:0 0 auto;align-items:center;gap:16px} .footer-brand-lockup .brand{flex:0 0 auto} .footer-brand-lockup .brand img{height:45px;max-width:345px} .footer-hwp-logo{display:flex;min-width:0;padding-left:16px;border-left:1px solid rgba(255,255,255,.18);align-items:center} .footer-hwp-logo img{display:block;width:auto;height:54px;max-width:207px;object-fit:contain} .footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:.8rem} @media(max-width:720px){.footer-brand-lockup{gap:10px} .footer-brand-lockup .brand img{height:37.5px;max-width:255px} .footer-hwp-logo{padding-left:10px} .footer-hwp-logo img{height:42px;max-width:132px}} .legal{max-width:var(--container);margin:28px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.38);font-size:.67rem;line-height:1.55} .mobile-cta{display:none} .cart-trigger{position:relative;min-height:44px;padding:0 clamp(13px,.9vw,17px);flex:0 0 auto;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:var(--white);background:rgba(255,255,255,.08);font-weight:850;white-space:nowrap} .cart-trigger:hover{background:rgba(255,255,255,.15)} .mobile-cart-trigger{display:none;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;place-items:center;color:var(--white);background:rgba(255,255,255,.08);font-weight:900} .mobile-cart-trigger .cart-count{position:absolute;top:-5px;right:-5px;margin:0} .cart-count{display:inline-grid;min-width:24px;height:24px;margin-left:7px;padding-inline:6px;border-radius:999px;place-items:center;color:var(--navy-950);background:var(--aqua-500);font-size:.7rem} .cart-backdrop{position:fixed;z-index:90;inset:0;visibility:hidden;opacity:0;background:rgba(4,20,30,.66);transition:opacity .25s ease,visibility .25s ease} .cart-backdrop.is-visible{visibility:visible;opacity:1} .cart-drawer{position:fixed;z-index:100;top:0;right:0;display:flex;width:min(680px,100%);height:100vh;height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 24px;flex-direction:column;overflow:hidden;color:var(--navy-900);background:var(--white);box-shadow:-25px 0 65px rgba(4,20,30,.25);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)} .cart-drawer.is-open{transform:translateX(0)} .cart-drawer-head,.checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px} .cart-drawer h2,.checkout-shell h2{margin:0;font-size:clamp(1.8rem,5vw,2.5rem)} .icon-button{display:grid;width:44px;height:44px;padding:0;border:1px solid #d9e7eb;border-radius:50%;place-items:center;color:var(--navy-900);background:var(--white);font-size:1.35rem} .cart-items{display:grid;margin:24px -4px 0 0;padding-right:4px;flex:1;align-content:start;overflow-y:auto;gap:14px} .cart-empty{padding:38px 20px;border:1px dashed #c9dde3;border-radius:18px;text-align:center;color:var(--slate-600);background:var(--ice-50)} .cart-line{display:grid;min-width:0;padding:14px;border:1px solid #dce8ec;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 14px;background:var(--white);box-shadow:0 8px 22px rgba(33,30,113,.05)} .cart-line-product{display:grid;min-width:0;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:13px} .cart-line-image{display:grid;width:74px;height:74px;padding:7px;border:1px solid #dce8ec;border-radius:14px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f8fcfd,#edf7f9)} .cart-line-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center} .cart-line-copy{display:grid;min-width:0;gap:5px;padding-top:3px} .cart-line-name{display:block;min-width:0;color:var(--navy-900);font-size:.84rem;font-weight:900;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;letter-spacing:-.01em} .cart-line-sku{color:var(--slate-600);font-size:.68rem;font-weight:800;line-height:1.35;letter-spacing:.02em} .cart-line-price{min-width:max-content;padding-top:3px;color:var(--navy-900);font-weight:900;white-space:nowrap;text-align:right} .cart-line-controls{display:flex;min-width:0;grid-column:1 / -1;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding-top:11px;border-top:1px solid #edf3f5} .cart-line-controls>span{color:var(--navy-900);white-space:nowrap} .quantity-control{display:flex;align-items:center;gap:7px} .quantity-control button{width:34px;height:34px;border:1px solid #cfe0e5;border-radius:9px;background:var(--ice-50);font-weight:900} .quantity-control input{width:56px;height:34px;padding:4px;border:1px solid #cfe0e5;border-radius:9px;text-align:center} .remove-item,.cart-clear{border:0;color:#a53a43;background:transparent;font-size:.76rem;font-weight:850} .cart-totals{flex:0 0 auto;padding-top:18px;border-top:1px solid #dce8ec;background:var(--white)} .summary-row{display:flex;margin:8px 0;justify-content:space-between;gap:18px} .summary-row.total{margin-top:14px;padding-top:14px;border-top:1px solid #dce8ec;font-size:1.15rem;font-weight:900} .cart-actions{display:grid;margin-top:16px;gap:10px} .cart-actions .btn{width:100%} .checkout-overlay{position:fixed;z-index:110;inset:0;display:none;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));overflow-y:auto;background:rgba(4,20,30,.82)} .checkout-overlay.is-open{display:block} .checkout-shell{width:min(1040px,100%);margin:auto;padding:34px;border-radius:28px;color:var(--navy-900);background:var(--white);box-shadow:var(--shadow)} .checkout-note{margin:8px 0 0;color:var(--slate-600)} .checkout-grid{display:grid;margin-top:28px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:28px} .checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:16px} .checkout-form fieldset{display:contents} .checkout-form legend{width:100%;margin:16px 0 0;grid-column:1 / -1;color:var(--navy-900);font-size:1.05rem;font-weight:900} .checkout-form .full,.checkout-form .consent-row,.checkout-form .form-message{grid-column:1 / -1} .customer-type{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:12px} .choice-chip{display:flex;min-height:48px;padding:10px 16px;border:1px solid #cfe0e5;border-radius:999px;align-items:center;gap:9px;background:var(--ice-50);font-weight:800} .checkout-form input,.checkout-form select{width:100%;min-height:50px;padding:12px 14px;border:1px solid #cfe0e5;border-radius:11px;background:var(--ice-50)} .checkout-form input:focus,.checkout-form select:focus{outline:0;border-color:var(--aqua-500);box-shadow:0 0 0 3px rgba(70,204,225,.17)} .checkout-form label.field-label{display:grid;gap:7px;font-size:.76rem;font-weight:800} .company-field[hidden],.shipping-fields[hidden]{display:none} .shipping-fields{display:contents} .consent-row{display:flex;padding:12px 14px;border:1px solid #dce9ed;border-radius:13px;align-items:flex-start;gap:11px;color:var(--slate-600);background:#f8fcfd;font-size:.76rem;line-height:1.55} .consent-row input{width:20px;height:20px;min-height:20px;margin:1px 0 0;flex:0 0 20px;accent-color:var(--aqua-500)} .consent-copy{min-width:0} .checkout-summary{position:sticky;top:18px;height:fit-content;padding:22px;border-radius:20px;background:var(--ice-50)} .checkout-summary h3{margin-bottom:16px} .checkout-summary-items{display:grid;gap:10px} .checkout-summary-item{display:grid;padding-bottom:10px;border-bottom:1px solid #dce8ec;grid-template-columns:1fr auto;gap:10px;font-size:.82rem} .checkout-submit{width:100%;margin-top:18px} .draft-warning{margin:12px 0 0;color:var(--slate-600);font-size:.7rem;line-height:1.45} .form-message{display:none;padding:13px 15px;border-radius:11px;font-size:.84rem;font-weight:750} .form-message.is-visible{display:block} .form-message.is-error{color:#7e2730;background:#fdebed} .form-message.is-success{color:#075d4c;background:#e3f7f2} body.overlay-open{overflow:hidden} .js .reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)} .js .reveal.is-visible{opacity:1;transform:translateY(0)} @keyframes ticker{to{transform:translateX(-50%)}} @keyframes imageTicker{to{transform:translateX(calc(-50% - 9px))}} @keyframes imageTickerMobile{to{transform:translateX(calc(-50% - 7px))}} @keyframes heroWaterDrop{0%{transform:rotate(45deg) translate3d(0,-5px,0) scale(.9)} 48%{transform:rotate(45deg) translate3d(3px,3px,0) scale(1.08,.9)} 100%{transform:rotate(45deg) translate3d(0,0,0) scale(1)}} @keyframes heroWaterRipple{0%{opacity:.32;transform:translate(-50%,-50%) scale(.3)} 52%{opacity:.16} 100%{opacity:0;transform:translate(-50%,-50%) scale(8.4)}} @keyframes shimmer{to{background-position:-200% 0}} @keyframes floatCard{0%,100%{transform:translateY(0) rotate(1deg)} 50%{transform:translateY(-14px) rotate(-1deg)}} @keyframes pulseRing{0%{opacity:0;transform:scale(.72)} 35%{opacity:.65} 100%{opacity:0;transform:scale(1.12)}} @keyframes heroPan{from{background-position:47% center} to{background-position:53% center}} @keyframes cardPop{from{opacity:0;transform:translateY(18px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)}} @keyframes flowLine{to{background-position:-200% 0}} @keyframes stagePulse{0%,22%,100%{border-color:rgba(255,255,255,.25);box-shadow:none;transform:scale(1)} 10%{border-color:var(--aqua-500);box-shadow:0 0 0 8px rgba(70,204,225,.09),0 0 24px rgba(70,204,225,.42);transform:scale(1.08)}} @keyframes bubbleRise{0%{opacity:0;transform:translateY(0) scale(.8)} 18%{opacity:.75} 100%{opacity:0;transform:translateY(-560px) scale(1.2)}} @keyframes waterTravel{0%{left:0;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:calc(100% - 18px);opacity:0}} @keyframes applicationProgress{from{transform:scaleX(0)} to{transform:scaleX(1)}} @keyframes routeDash{to{stroke-dashoffset:-52}} @keyframes livePulse{0%,100%{opacity:.55;transform:scale(.8)} 50%{opacity:1;transform:scale(1.15)}} @keyframes nodeFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)}} @keyframes filterScan{0%{top:-62%} 55%,100%{top:112%}} @keyframes steelShine{0%,15%{left:-60%} 70%,100%{left:130%}} @keyframes streamPulse{from{opacity:.72;transform:scaleX(.72)} to{opacity:1;transform:scaleX(1.08)}} @keyframes streamFlow{to{transform:translateY(31px)}} @keyframes glassFill{0%,12%{transform:scaleY(.14)} 68%,88%{transform:scaleY(1)} 100%{transform:scaleY(.14)}} @keyframes waterSurface{from{transform:translateX(-5%) rotate(-2deg)} to{transform:translateX(5%) rotate(2deg)}} @keyframes glassBubble{0%{opacity:0;transform:translateY(0) scale(.65)} 18%{opacity:.8} 100%{opacity:0;transform:translateY(-95px) scale(1.15)}} @keyframes glowDrift{from{opacity:.45;transform:translate(-20px,15px) scale(.85)} to{opacity:1;transform:translate(18px,-12px) scale(1.12)}} @keyframes processOrbit{from{transform:translate(0,0) rotate(0)} to{transform:translate(-30px,-24px) rotate(18deg)}} @keyframes dropletTravel{0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 23%{transform:translate(188px,-48px)} 48%{transform:translate(398px,32px)} 74%{transform:translate(600px,-52px)} 100%{transform:translate(780px,-88px);opacity:0}} @keyframes swirlSpin{to{transform:rotate(360deg)}} @keyframes swirlSpinReverse{to{transform:rotate(-360deg)}} @keyframes sparkleFlash{0%,100%{opacity:.25;transform:rotate(45deg) scale(.7)} 50%{opacity:1;transform:rotate(45deg) scale(1.2)}} @keyframes nodeSequence{0%,12%,100%{transform:translateY(0)} 5%,8%{transform:translateY(-7px)}} @keyframes sourceRing{0%,100%{opacity:.35;transform:scale(.82)} 50%{opacity:.95;transform:scale(1.08)}} @keyframes sourceDrop{0%,100%{transform:rotate(45deg) translate(0,0) scale(.9)} 50%{transform:rotate(45deg) translate(4px,-4px) scale(1.08)}} @keyframes swirlWave{0%,100%{opacity:.3;transform:translateY(34px) scaleX(.78)} 50%{opacity:.9;transform:translateY(34px) scaleX(1.08)}} @keyframes calmJourneyGlow{0%,100%{border-color:rgba(112,217,232,.28);box-shadow:0 16px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)} 50%{border-color:rgba(112,217,232,.48);box-shadow:0 18px 34px rgba(0,0,0,.22),0 0 18px rgba(70,204,225,.1),inset 0 1px 0 rgba(255,255,255,.15)}} @keyframes mobileWaterGlow{0%,100%{opacity:.32;transform:scale(.96)} 50%{opacity:.62;transform:scale(1.03)}} @keyframes mobileSoftPulse{0%,100%{opacity:.38;transform:scale(.96)} 50%{opacity:.72;transform:scale(1.03)}} @keyframes mobileSoftDrop{0%,100%{opacity:.78;transform:rotate(45deg) scale(.98)} 50%{opacity:1;transform:rotate(45deg) scale(1.025)}} @keyframes mobileSoftWave{0%,100%{opacity:.32;transform:translateY(34px) scaleX(.92)} 50%{opacity:.62;transform:translateY(34px) scaleX(1.02)}} @keyframes mobileGlassFill{from{transform:scaleY(.28)} to{transform:scaleY(1)}} @keyframes mobileStatusPulse{0%,100%{opacity:.48} 50%{opacity:1}} @keyframes principleFlow{to{stroke-dashoffset:-50}} @media(max-width:1240px){.hero-price-card{display:none}} @media(max-width:1500px){.nav-links{position:absolute;z-index:60;top:100%;left:50%;display:grid;width:100vw;max-height:0;padding:0 28px;overflow:hidden;visibility:hidden;opacity:0;gap:0;background:var(--navy-950);box-shadow:0 24px 50px rgba(0,0,0,.24);transform:translateX(-50%);transition:max-height .3s ease,padding .3s ease,opacity .2s ease,visibility .2s ease} .nav-links>a:not(.btn){display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)} .nav-links .btn{margin-top:12px} .nav-links .cart-trigger{display:none} .menu-open .nav-links{max-height:calc(var(--embed-height) - 110px);padding-top:10px;padding-bottom:24px;overflow-y:auto;visibility:visible;opacity:1} .menu-toggle{display:block} .mobile-cart-trigger{position:relative;display:grid;margin-left:auto}} @media(max-width:1040px){.system-grid,.specs-grid,.consult-grid{grid-template-columns:1fr;gap:60px} .application-layout{grid-template-columns:1fr} .application-copy{min-height:auto} .benefit-grid{grid-template-columns:1fr 1fr} .benefit-card:last-child{grid-column:1 / -1} .process-grid{grid-template-columns:1fr 1fr;gap:38px 10px} .process-step:nth-child(2)::after{display:none} .audience-grid{grid-template-columns:1fr 1fr} .shop-bridge{padding:58px 20px 76px} .shop-bridge-inner{padding:32px;grid-template-columns:1fr;gap:26px} .shop-bridge-copy{padding-right:0} .shop-bridge .btn{width:fit-content;min-width:0} .product-rail{grid-template-columns:repeat(2,minmax(0,1fr))} .trust-card{grid-template-columns:1fr 1fr;gap:24px} .trust-card>p{grid-column:1 / -1} .trust-item:nth-of-type(2){border-left:0} .principle-lab,.ci-layout,.glossary-layout{grid-template-columns:1fr} .principle-copy,.ci-copy,.glossary-intro{position:static} .transparency-grid{grid-template-columns:1fr 1fr}} @media(max-width:720px){.container{width:min(calc(100% - 28px),var(--container))} .section{padding:80px 0} .nav{height:64px;gap:9px} .brand img{height:25px;max-width:170px} .announcement{min-height:30px;padding-inline:12px;font-size:.58rem} .nav-links{position:absolute;z-index:60;top:100%;left:50%;display:grid;width:100vw;max-height:0;padding:0 22px;overflow:hidden;gap:0;background:var(--navy-950);transform:translateX(-50%);transition:max-height .3s ease,padding .3s ease,opacity .2s ease,visibility .2s ease} .nav-links>a:not(.btn){display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)} .nav-links .btn,.nav-links .cart-trigger{margin-top:12px} .nav-links .cart-trigger{display:none} .menu-open .nav-links{max-height:calc(var(--embed-height) - 104px);padding-top:10px;padding-bottom:24px;overflow-y:auto} .menu-toggle{display:block} .mobile-cart-trigger{position:relative;display:grid;margin-left:auto} .nav>.nav-links + .menu-toggle{display:block} .hero{min-height:900px} .hero-slide{inset:-1%} .hero-slide:nth-child(1){background-position:70% center} .hero-slide:nth-child(2){background-position:68% center} .hero-slide:nth-child(3){background-position:68% center} .hero::before{background:linear-gradient(90deg,rgba(4,22,32,.96) 0%,rgba(4,22,32,.84) 58%,rgba(4,22,32,.48) 100%)} .hero::after{width:420px;height:420px;top:70px;right:-280px} .hero-inner{padding-top:36px;padding-bottom:72px} .hero-copy{max-width:32rem} .hero-slider-nav{left:50%;bottom:22px;transform:translateX(-50%)} h1{font-size:clamp(2.7rem,14vw,4rem)} h2{font-size:clamp(2.05rem,11vw,3rem)} .hero-metrics{margin-top:40px;grid-template-columns:1fr} .hero-scroll{display:none} .trust-strip{margin-top:0;padding-top:22px} .trust-card{padding:26px;grid-template-columns:1fr} .trust-card>p{grid-column:auto} .trust-item,.trust-item:nth-of-type(2){padding:16px 0 0;border-top:1px solid #dce8ec;border-left:0} .system-photo img{min-height:420px} .system-photo::before{inset:14px -8px -14px 14px} .photo-badge{right:10px;bottom:18px} .benefit-grid,.spec-card-grid,.audience-grid,.form-grid{grid-template-columns:1fr} .benefit-card,.benefit-card:last-child{grid-column:auto} .benefit-number{margin-bottom:34px} .process-wrap{padding:42px 26px} .process-wrap h2{font-size:clamp(1.95rem,9.5vw,2.65rem);overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual} .motion-explainer-head,.motion-copy,.journey-copy{min-width:0} .motion-explainer-head h3,.motion-copy h3,.journey-copy strong{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto} .water-journey{min-height:0;margin:38px 0 44px;padding:74px 18px 24px;contain:layout paint;overflow-anchor:none} .water-journey::after{animation:mobileWaterGlow 18s ease-in-out infinite} .water-route{display:none} .journey-grid{grid-template-columns:1fr;gap:16px} .journey-grid::before{position:absolute;z-index:-1;top:48px;bottom:48px;left:54px;width:4px;border-radius:999px;content:"";background:linear-gradient(180deg,rgba(70,204,225,.12),rgba(70,204,225,.58),rgba(70,204,225,.12));box-shadow:0 0 12px rgba(70,204,225,.18)} .journey-node{min-height:142px;padding:14px 14px 14px 4px;border:1px solid rgba(255,255,255,.08);border-radius:22px;grid-template-columns:100px minmax(0,1fr);align-items:center;justify-items:start;gap:14px;text-align:left;background:rgba(4,22,32,.34);animation:none;transform:none} .journey-visual,.source-visual{width:92px;height:108px;margin:0;animation:none;transform:none} .source-visual{height:92px} .source-ring{animation:mobileSoftPulse 12s ease-in-out infinite} .source-drop{animation:mobileSoftDrop 12s ease-in-out infinite} .filter-visual::after{animation-duration:13s;animation-timing-function:ease-in-out} .swirl-visual::before{animation-duration:28s} .swirl-visual::after{animation:none;opacity:.48} .swirl-wave{animation:mobileSoftWave 12s ease-in-out infinite} .refine-visual::before{animation-duration:16s;animation-timing-function:ease-in-out} .refine-spark{animation-duration:9s} .water-stream-mini{animation-duration:7s;animation-timing-function:ease-in-out} .water-stream-mini::after{animation-duration:3.2s} .glass-water-mini{animation:mobileGlassFill 16s ease-in-out infinite alternate} .glass-bubble-mini:nth-child(1){animation-duration:9s} .glass-bubble-mini:nth-child(2){animation-duration:11s} .glass-bubble-mini:nth-child(3){animation-duration:8s} .journey-kicker::before,.journey-status::before{animation:mobileStatusPulse 6s ease-in-out infinite;transform:none} .glass-station{width:112px;overflow:hidden;transform:scale(.88);transform-origin:left center} .journey-node:hover .journey-visual{transform:none} .journey-copy{gap:6px} .journey-step{justify-self:start} .journey-copy strong{font-size:.94rem} .journey-copy small{font-size:.68rem} .journey-status{margin-top:20px;align-items:flex-start;text-align:left} .process-grid{grid-template-columns:1fr} .process-step,.process-step:first-child,.process-step:last-child{padding:24px;background:rgba(255,255,255,.045)} .process-step:not(:last-child)::after{display:none} .principle-lab{margin-top:38px;padding:22px 16px;gap:22px} .principle-tabs{display:grid;grid-template-columns:1fr} .principle-tab{width:100%} .principle-definition{min-height:0} .principle-visual{padding:16px 12px} .wave-stage{height:190px} .principle-controls,.principle-legend,.transparency-grid,.palette-grid,.glossary-grid{grid-template-columns:1fr} .transparency-card{min-height:0} .knowledge-divider{margin:58px 0} .glossary-group-head{align-items:flex-start;flex-direction:column;gap:6px} .palette-card,.glossary-card,.history-card{min-height:0} .contact-card{padding:28px 20px} .field.full,.privacy,.contact-card .btn{grid-column:auto} .field input,.field select,.field textarea,.checkout-form input,.checkout-form select{font-size:16px} .privacy{padding:13px 14px} .direct-contact{grid-template-columns:1fr} .final-grid{grid-template-columns:1fr} .qr-card{width:fit-content} .footer-grid{align-items:flex-start;flex-direction:column} .mobile-cta{display:none} .shop-bridge{padding:44px 14px 62px} .shop-bridge--faq{padding-top:42px} .shop-bridge-inner{min-height:0;padding:28px 22px;border-radius:22px;gap:24px} .shop-bridge-inner::before{width:190px;height:190px;right:-96px;border-width:34px} .shop-bridge h2{font-size:1.45rem} .shop-bridge p{font-size:.9rem} .shop-bridge .btn{width:100%;white-space:normal;text-align:center} .product-rail{grid-template-columns:1fr} .product-toolbar{align-items:flex-start;flex-direction:column} .product-card{min-height:540px} .product-detail-overlay{padding:0} .product-detail-shell{min-height:100vh;min-height:100dvh;border-radius:0} .product-detail-topbar{padding:max(20px,env(safe-area-inset-top)) 18px 0} .product-detail-topbar-main{gap:8px} .product-detail-product-nav{gap:6px} .product-detail-nav-button{width:38px;height:38px;font-size:1.08rem} .product-detail-topbar .eyebrow{font-size:.65rem;letter-spacing:.1em} .product-detail-layout{padding:18px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));grid-template-columns:1fr;gap:22px} .product-detail-visual{position:relative;min-height:300px;height:300px;padding:18px} .product-detail-visual img{max-height:270px} .product-detail-specs{grid-template-columns:1fr} .product-detail-actions{grid-template-columns:92px minmax(0,1fr)} .product-detail-media-column{position:relative;top:auto} .product-detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .product-detail-gallery-button{padding:4px;border-radius:11px} .product-detail-gallery-note{font-size:.6rem} .product-detail-scope{grid-template-columns:1fr} .product-detail-description-section{padding:16px} .product-detail-cart-link{grid-column:1 / -1;width:100%} .motion-product{width:142px;height:142px;min-width:142px;min-height:142px;padding:12px;border-radius:22px} .brand-company{margin:0;padding:0 0 0 1px;border:0;font-size:.46rem;letter-spacing:.09em} .application-tabs{grid-template-columns:1fr 1fr} .application-shell{padding:12px;contain:none;overflow-anchor:none} .application-tab:hover,.application-tab.is-active{transform:none} .application-visual{height:auto;min-height:280px;aspect-ratio:4 / 3;contain:none} .application-slide-image{transition-duration:1.05s;transform:none} .application-slide-image.fit-contain{padding:22px} .application-copy{height:420px;min-height:420px;padding:28px 22px;justify-content:center;overflow:hidden;transition-duration:.58s} .application-progress{display:block;height:3px;margin-top:14px} .application-bubble,.application-flow{display:none} .image-motion-band{padding:22px 0} .image-motion-track{width:100%;min-width:0;padding:0;overflow:hidden;gap:0;animation:none;transform:none;will-change:auto} .motion-group{gap:0} .motion-group[aria-hidden="true"]{display:none} .motion-product{scroll-snap-align:none} .application-tab{touch-action:manipulation} .checkout-overlay{padding:0} .checkout-shell{min-height:100vh;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-radius:0} .checkout-grid,.checkout-form{grid-template-columns:1fr} .checkout-form .full,.checkout-form .consent-row,.checkout-form .form-message,.checkout-form legend,.customer-type{grid-column:auto} .checkout-summary{position:static} .cart-drawer{padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))} .cart-line{grid-template-columns:1fr} .cart-line-price{min-width:0;padding-top:0;justify-self:start;text-align:left} .cart-line-controls{align-items:flex-start} .cart-line-controls>span{order:3;width:100%;color:var(--slate-600)} .remove-item{margin-left:auto}} .glossary-card{min-width:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation} .glossary-media{aspect-ratio:16 / 10;height:auto;min-height:190px;flex-basis:auto} .glossary-open-button{appearance:none;-webkit-appearance:none} @supports not(aspect-ratio:16 / 10){.glossary-media{height:210px}} @media(hover:none){.glossary-card:hover{transform:none} .glossary-card:hover .glossary-media img{transform:none}} @media(max-width:720px){.glossary-grid,.history-grid{grid-template-columns:1fr} .glossary-card{width:100%} .glossary-media{min-height:220px} .history-icon-cluster{gap:8px} .history-icon-chip{width:38px;height:38px} .history-icon-chip svg{width:19px;height:19px} .history-theme-icon{width:54px;height:54px} .glossary-detail-media{min-height:300px} .glossary-detail-media .glossary-media,.glossary-detail-media .history-image,.glossary-detail-media .impulse-media{height:300px} .glossary-detail-shell{min-height:100vh;min-height:100dvh;border-radius:0}} @media(prefers-reduced-motion:reduce){.hero-slide,.hero-copy-block{transition:none !important} .hero-water-cursor,.hero-water-ripples{display:none !important} html{scroll-behavior:auto} *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important} .wave-line{stroke-dasharray:none}} .motion-explainer-block{display:grid;margin-top:64px;gap:28px} .motion-explainer-head{max-width:980px;margin-bottom:10px} .motion-explainer-head h3{margin-bottom:14px;font-size:clamp(2rem,4vw,3.5rem)} .motion-explainer-head p{max-width:880px;color:rgba(255,255,255,.66)} .motion-explainer{display:grid;min-height:520px;padding:clamp(28px,4vw,58px);border:1px solid rgba(255,255,255,.13);border-radius:30px;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(30px,5vw,78px);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.13);overflow:hidden} .motion-explainer:nth-child(odd) .motion-copy{order:2} .motion-explainer:nth-child(odd) .motion-canvas{order:1} .motion-number{display:inline-flex;margin-bottom:20px;padding:7px 12px;border:1px solid rgba(112,217,232,.24);border-radius:999px;color:var(--aqua-400);background:rgba(70,204,225,.08);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .motion-copy h3{margin-bottom:16px;color:var(--white);font-size:clamp(1.75rem,3vw,2.7rem)} .motion-copy>p{color:rgba(255,255,255,.66)} .motion-facts{display:grid;margin-top:28px;gap:9px} .motion-facts span{display:grid;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;grid-template-columns:minmax(120px,.42fr) 1fr;gap:14px;color:rgba(255,255,255,.62);background:rgba(4,22,32,.22);font-size:.73rem} .motion-facts strong{color:var(--aqua-400)} .motion-canvas{position:relative;display:grid;min-height:400px;padding:50px 24px 24px;place-items:center;border:1px solid rgba(112,217,232,.17);border-radius:26px;background:radial-gradient(circle at 50% 45%,rgba(70,204,225,.15),transparent 38%),rgba(4,22,32,.42);overflow:hidden;isolation:isolate} .motion-canvas::after{position:absolute;width:260px;height:260px;right:-110px;bottom:-135px;border:1px solid rgba(112,217,232,.18);border-radius:50%;content:"";box-shadow:0 0 0 45px rgba(70,204,225,.025),0 0 0 90px rgba(70,204,225,.015)} .motion-svg{position:relative;z-index:2;display:block;width:100%;height:auto;overflow:visible} .flow-pipe{fill:none;stroke:rgba(255,255,255,.11);stroke-width:56;stroke-linecap:round} .flow-water{fill:none;stroke:url(#flowWater);stroke-width:13;stroke-linecap:round;stroke-dasharray:18 22;filter:drop-shadow(0 0 12px rgba(70,204,225,.62));animation:motionDash 2.2s linear infinite} .flow-orb{r:12;fill:#e3f8fb;stroke:#46cce1;stroke-width:5;filter:drop-shadow(0 0 13px rgba(70,204,225,.9))} .flow-orb.is-small{r:8;opacity:.76} .flow-orb.is-faint{r:6;opacity:.48} .flow-arrows path{fill:none;stroke:rgba(227,248,251,.52);stroke-width:7;stroke-linecap:round} .vortex-ring{transform-box:fill-box;transform-origin:center} .vortex-ring path{fill:none;stroke-linecap:round;stroke-width:12;stroke-dasharray:24 18;filter:drop-shadow(0 0 10px rgba(70,204,225,.55))} .vortex-ring.clockwise{animation:vortexClockwise 13s linear infinite} .vortex-ring.clockwise path{stroke:#70d9e8} .vortex-ring.counterclockwise{animation:vortexCounter 16s linear infinite} .vortex-ring.counterclockwise path{stroke:rgba(227,248,251,.72)} .vortex-pulse{fill:none;stroke:rgba(112,217,232,.45);stroke-width:7;animation:vortexPulse 4.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box} .oscillation-field{position:relative;z-index:2;display:grid;width:min(100%,680px);height:240px;grid-template-columns:repeat(13,1fr);align-items:center} .oscillation-field span{position:relative;display:block;width:17px;height:17px;justify-self:center;border:3px solid #e3f8fb;border-radius:50%;background:#46cce1;box-shadow:0 0 18px rgba(70,204,225,.65);animation:oscillationDot 4.6s ease-in-out infinite;animation-delay:calc(var(--i) * -0.22s)} .oscillation-field span::after{position:absolute;width:2px;height:170px;top:50%;left:50%;content:"";background:linear-gradient(transparent,rgba(112,217,232,.22),transparent);transform:translate(-50%,-50%)} .oscillation-axis{position:absolute;z-index:1;width:82%;height:2px;top:50%;background:rgba(255,255,255,.14)} .frequency-svg{min-height:270px} .frequency-axis{stroke:rgba(255,255,255,.16);stroke-width:2} .frequency-guide{fill:none;stroke:rgba(112,217,232,.16);stroke-width:24;stroke-linecap:round} .frequency-path{fill:none;stroke:#70d9e8;stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(70,204,225,.58))} .frequency-dot{fill:#e3f8fb;stroke:#46cce1;stroke-width:5;filter:drop-shadow(0 0 13px rgba(70,204,225,.9))} .motion-controls{position:relative;z-index:3;display:grid;width:100%;grid-template-columns:1fr 1fr;gap:14px} .motion-controls label{display:grid;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;grid-template-columns:1fr auto;gap:8px 14px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);font-size:.72rem;font-weight:800} .motion-controls output{color:var(--aqua-400)} .motion-controls input{grid-column:1 / -1;accent-color:var(--aqua-500)} .resonance-beam{stroke:rgba(227,248,251,.55);stroke-width:12;stroke-linecap:round} .resonator{transform-box:fill-box;transform-origin:50% 0} .resonator line{stroke:#70d9e8;stroke-width:8} .resonator circle{fill:rgba(70,204,225,.32);stroke:#e3f8fb;stroke-width:7} .resonator-a{animation:resonatorA 4.8s ease-in-out infinite} .resonator-b{animation:resonatorB 4.8s ease-in-out infinite} .coupling-wave{fill:none;stroke:rgba(112,217,232,.5);stroke-width:8;stroke-linecap:round;stroke-dasharray:16 14;animation:motionDash 2.8s linear infinite} .resonance-halo{fill:none;stroke:rgba(112,217,232,.38);stroke-width:7;transform-box:fill-box;transform-origin:center;animation:resonanceHalo 4.8s ease-in-out infinite} .glossary-card{display:flex;padding:0;flex-direction:column;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease} .glossary-card:hover,.glossary-card:focus-within,.glossary-card:focus{border-color:rgba(70,204,225,.72);box-shadow:0 26px 62px rgba(33,30,113,.14);transform:translateY(-6px);outline:none} .glossary-card::after{display:none} .glossary-card{--glossary-glow:70,204,225} .glossary-card[data-glossary-id="bioenergetisches-schwingungsfeld"],.glossary-card[data-glossary-id="positive-frequenzen"],.glossary-card[data-glossary-id="informierte-flussigkeit"],.glossary-card[data-glossary-id="wassergedachtnis"]{--glossary-glow:142,117,216} .glossary-card[data-glossary-id="bergkristall-amethyst-und-rosenquarz"],.glossary-card[data-glossary-id="tropfen-und-kristallfotografie"],.glossary-card[data-glossary-id="hexagonale-struktur"]{--glossary-glow:199,184,255} .glossary-card[data-glossary-id="filtration"],.glossary-card[data-glossary-id="aktivkohle"],.glossary-card[data-glossary-id="mikrometer"],.glossary-card[data-glossary-id="pfas-pfoa-und-pfos"],.glossary-card[data-glossary-id="pfas-versus-fluorid"],.glossary-card[data-glossary-id="nsf-ansi"],.glossary-card[data-glossary-id="kapazitat-und-wechselintervall"],.glossary-card[data-glossary-id="filter-und-modul"]{--glossary-glow:159,180,189} .glossary-media{position:relative;width:100%;height:172px;flex:0 0 172px;overflow:hidden;border-radius:23px 23px 0 0;background:linear-gradient(145deg,#03131d 4%,#211e71 58%,#17154f 100%);box-shadow:inset 0 0 0 1px rgba(227,248,251,.1),0 10px 22px rgba(33,30,113,.08);isolation:isolate} .glossary-card:not(.history-card) .glossary-media{background:linear-gradient(145deg,#03131d 4%,#211e71 58%,#17154f 100%);box-shadow:inset 0 0 0 1px rgba(227,248,251,.12),0 12px 28px rgba(33,30,113,.1)} .glossary-card:not(.history-card) .glossary-media::before{position:absolute;z-index:3;inset:0;content:"";pointer-events:none;opacity:1;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%)} .glossary-card:not(.history-card) .glossary-media::after{position:absolute;z-index:4;inset:0;border-bottom:1px solid rgba(112,217,232,.18);content:"";pointer-events:none;background:none;box-shadow:inset 0 0 0 1px rgba(112,217,232,.08)} .glossary-media svg,.glossary-media img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;-webkit-user-select:none;user-select:none;backface-visibility:hidden;transform:translateZ(0)} .glossary-card:not(.history-card) .glossary-media svg{padding:0;filter:none} .glossary-card:hover .glossary-media svg,.glossary-card:hover .glossary-media img{transform:scale(1.045) translateZ(0)} .glossary-card>.glossary-tag,.glossary-card>.glossary-definition,.glossary-card>h4,.glossary-card>p,.glossary-card>.context-note{margin-right:24px;margin-left:24px} .glossary-card>.glossary-tag{margin-top:24px;margin-bottom:13px;align-self:flex-start} .glossary-card>.glossary-definition{margin-bottom:9px} .glossary-card>.context-note{margin-bottom:18px} .glossary-open-button{display:flex;width:calc(100% - 48px);min-height:46px;margin:auto 24px 24px;padding:0 15px;border:1px solid #d2e5ea;border-radius:999px;align-items:center;justify-content:space-between;color:var(--navy-900);background:var(--ice-50);font-size:.72rem;font-weight:900;transition:color .2s ease,background .2s ease,transform .2s ease} .glossary-open-button:hover{color:var(--navy-950);border-color:var(--aqua-500);background:var(--aqua-500);transform:translateY(-2px)} .history-card{padding:0} .history-card .history-image{border-radius:23px 23px 0 0} .history-card .history-body{display:flex;padding:24px;flex:1;flex-direction:column} .history-card .glossary-open-button{width:calc(100% - 48px);margin-top:0} .glossary-group [data-progressive-item][hidden],.impulses-section [data-progressive-item][hidden]{display:none !important} .progressive-cards-actions{display:flex;width:100%;margin-top:6px;justify-content:center} .progressive-cards-toggle{min-width:min(100%,310px);min-height:50px;padding:0 22px;border:1px solid var(--navy-900);border-radius:999px;color:var(--navy-900);background:transparent;font-size:.76rem;font-weight:900;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease} .progressive-cards-toggle:hover{color:var(--navy-950);border-color:var(--aqua-500);background:var(--aqua-100);transform:translateY(-1px)} .progressive-cards-toggle:focus-visible{border-color:var(--aqua-500);outline:3px solid rgba(70,204,225,.22);outline-offset:3px} .glossary-group [data-progressive-item].is-progressive-revealed,.impulses-section [data-progressive-item].is-progressive-revealed{animation:optilemoCardReveal .34s cubic-bezier(.2,.8,.2,1) both} @keyframes optilemoCardReveal{from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)}} .impulses-section{margin-top:clamp(44px,6vw,78px);padding-top:clamp(36px,5vw,60px);border-top:1px solid rgba(70,204,225,.26)} .impulses-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:clamp(24px,4vw,54px);margin-bottom:28px} .impulses-head h2{margin-bottom:12px} .impulses-head .lead{margin:0} .impulses-legal{padding:18px 20px;border:1px solid rgba(70,204,225,.24);border-radius:18px;color:#45616d;background:rgba(244,249,251,.78);font-size:.78rem;line-height:1.58} .impulses-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:14px} .impulse-card{display:flex;width:100%;min-width:0;min-height:485px;height:100%;overflow:hidden;border:1px solid #d9e7eb;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(33,30,113,.08);flex-direction:column;cursor:pointer} .impulse-card[hidden]{display:none} .impulse-card:focus-visible{border-color:var(--aqua-500);outline:3px solid rgba(70,204,225,.22);outline-offset:3px} .impulse-media{position:relative;width:100%;aspect-ratio:1.52 / 1;overflow:hidden;background:var(--navy-950)} .impulse-media::after{position:absolute;inset:0;content:"";pointer-events:none;box-shadow:inset 0 0 0 1px rgba(112,217,232,.12)} .impulse-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)} .impulse-media-poster img{object-position:50% 7%} .impulse-card:hover .impulse-media img{transform:scale(1.025)} .impulse-body{display:flex;min-height:255px;padding:22px 20px 20px;flex:1;flex-direction:column} .impulse-category{display:inline-flex;margin-bottom:14px;align-self:flex-start;padding:7px 10px;border-radius:999px;color:#057f94;background:#e7f8fb;font-size:.61rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .impulse-body h3{margin:0 0 10px;color:var(--navy-900);font-size:1.16rem;line-height:1.22} .impulse-body p{margin:0 0 18px;color:#55707b;font-size:.78rem;line-height:1.56} .impulse-open-button{display:flex;width:100%;min-height:44px;margin-top:auto;padding:0 15px;border:1px solid #d2e5ea;border-radius:999px;align-items:center;justify-content:space-between;color:var(--navy-900);background:var(--ice-50);font-size:.72rem;font-weight:900} .impulse-open-button:hover{border-color:var(--aqua-500);background:var(--aqua-100)} .impulses-actions{margin-top:24px} .glossary-detail-media .impulse-media{width:100%;height:520px;border-radius:0} .glossary-detail-media .impulse-media-poster{height:auto;aspect-ratio:4 / 5} .glossary-detail-media .impulse-media-poster img{object-fit:contain;object-position:center top;background:var(--navy-950)} .glossary-detail-meta{display:flex;margin-top:16px;padding:14px 16px;border:1px solid #d9e7eb;border-radius:16px;align-items:center;justify-content:space-between;gap:18px;color:#607985;background:#f7fbfc;font-size:.72rem;line-height:1.45} .glossary-detail-meta a{flex:0 0 auto;color:#057f94;font-weight:900} .glossary-detail-source-links{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px} .glossary-detail-source-links>span{color:var(--navy-900);font-weight:900} .glossary-detail-source-links a{display:inline-flex;min-height:34px;padding:7px 10px;align-items:center;border:1px solid #cfe3e8;border-radius:999px;background:#fff;text-decoration:none} .glossary-detail-source-links a:hover{border-color:var(--aqua-500);background:var(--aqua-100)} .glossary-detail-source-text{display:inline-flex;min-height:34px;padding:7px 10px;align-items:center;border:1px solid #dbe8ec;border-radius:999px;color:#607985;background:#f7fbfc} .opti-card-carousel{position:relative;overflow:hidden} .opti-card-carousel-track{display:flex;width:100%;height:100%;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform} .opti-card-carousel-slide{position:relative;width:100%;height:100%;margin:0;flex:0 0 100%;overflow:hidden} .opti-card-carousel-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .history-image .opti-card-carousel-slide img{filter:grayscale(.1) sepia(.025) saturate(.82) contrast(1.07) brightness(.96);transform:scale(1.012) translateZ(0)} .history-card:hover .history-image .opti-card-carousel-slide img{filter:grayscale(.025) sepia(.01) saturate(.94) contrast(1.08) brightness(.99);transform:scale(1.035) translateZ(0)} .opti-card-carousel-button{position:absolute;z-index:8;top:50%;display:grid;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:999px;place-items:center;color:#fff;background:rgba(3,19,29,.7);box-shadow:0 8px 22px rgba(0,0,0,.22);transform:translateY(-50%);transition:background .2s ease,transform .2s ease;backdrop-filter:blur(8px)} .opti-card-carousel-button:hover{background:rgba(33,30,113,.9);transform:translateY(-50%) scale(1.04)} .opti-card-carousel-button:focus-visible{outline:3px solid rgba(70,204,225,.55);outline-offset:2px} .opti-card-carousel-button[data-card-carousel-prev]{left:10px} .opti-card-carousel-button[data-card-carousel-next]{right:10px} .opti-card-carousel-dots{position:absolute;z-index:8;right:0;bottom:10px;left:0;display:flex;justify-content:center;gap:6px;pointer-events:none} .opti-card-carousel-dot{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(3,19,29,.45);box-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:auto;transition:width .2s ease,background .2s ease} .opti-card-carousel-dot[aria-current="true"]{width:24px;background:#46cce1;border-color:#46cce1} @media(max-width:620px){.opti-card-carousel-button{width:34px;height:34px} .opti-card-carousel-button[data-card-carousel-prev]{left:8px} .opti-card-carousel-button[data-card-carousel-next]{right:8px}} @media(prefers-reduced-motion:reduce){.opti-card-carousel-track{transition:none}} @media(max-width:1180px){.impulses-head{grid-template-columns:1fr;align-items:start} .impulses-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .impulse-card{min-height:470px}} @media(max-width:860px){.impulses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.impulses-section{margin-top:38px;padding-top:34px} .impulses-grid{grid-template-columns:1fr} .impulse-card{min-height:0} .impulse-body{min-height:230px} .glossary-detail-media .impulse-media{height:300px} .glossary-detail-meta{align-items:flex-start;flex-direction:column}} @media(prefers-reduced-motion:reduce){.impulse-card,.impulse-open-button,.progressive-cards-toggle{transition:none !important} .glossary-group [data-progressive-item].is-progressive-revealed,.impulses-section [data-progressive-item].is-progressive-revealed{animation:none !important}} .glossary-detail-overlay{position:fixed;z-index:130;inset:0;display:none;padding:clamp(14px,3vw,38px);overflow-y:auto;background:rgba(4,20,30,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} .glossary-detail-overlay.is-open{display:grid;place-items:center} .glossary-detail-shell{width:min(1180px,100%);min-height:min(760px,calc(100vh - 76px));min-height:min(760px,calc(100dvh - 76px));margin:auto;padding:clamp(24px,4vw,48px);border:1px solid rgba(112,217,232,.25);border-radius:30px;color:var(--navy-900);background:var(--white);box-shadow:0 38px 100px rgba(0,0,0,.36)} .glossary-detail-topbar{display:flex;margin-bottom:26px;align-items:center;justify-content:space-between;gap:20px} .glossary-detail-topbar .eyebrow{margin:0} .glossary-detail-layout{display:grid;grid-template-columns:.86fr 1.14fr;align-items:start;gap:clamp(28px,5vw,62px)} .glossary-detail-media{position:sticky;top:0;min-height:520px;overflow:hidden;border-radius:26px;background:var(--navy-950);box-shadow:0 22px 55px rgba(33,30,113,.2)} .glossary-detail-media .glossary-media,.glossary-detail-media .history-image,.glossary-detail-media .impulse-media{width:100%;height:520px;border-radius:0} .glossary-detail-media svg,.glossary-detail-media img{width:100%;height:100%;object-fit:contain;object-position:center;background:var(--navy-950)} .glossary-detail-content{padding:6px 0 20px} .glossary-detail-label{display:inline-flex;margin-bottom:18px;padding:7px 11px;border-radius:999px;color:#058fa4;background:var(--aqua-100);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .glossary-detail-content h2{margin-bottom:18px;font-size:clamp(2.2rem,4vw,4rem)} .glossary-detail-lead{font-size:1.05rem} .glossary-detail-grid{display:grid;margin-top:30px;gap:12px} .glossary-detail-grid article{position:relative;padding:22px 22px 22px 72px;border:1px solid #d9e7eb;border-radius:19px;background:var(--ice-50)} .glossary-detail-grid article.is-highlight{border-color:rgba(70,204,225,.55);background:linear-gradient(145deg,rgba(70,204,225,.12),var(--ice-50))} .glossary-detail-grid article>span{position:absolute;top:20px;left:20px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--navy-950);background:var(--aqua-500);font-size:.68rem;font-weight:900} .glossary-detail-grid h3{margin-bottom:7px;font-size:1rem} .glossary-detail-grid p,.glossary-detail-rich{margin:0;color:var(--slate-600);font-size:.82rem;line-height:1.68} .glossary-detail-rich strong{display:block;margin:0 0 5px;color:var(--navy-900);font-size:.8rem} .glossary-detail-rich .detail-point{position:relative;display:block;margin-top:8px;padding-left:15px} .glossary-detail-rich .detail-point::before{position:absolute;top:.62em;left:0;width:5px;height:5px;border-radius:50%;content:"";background:var(--aqua-500)} .glossary-detail-rich .detail-point:first-child{margin-top:0} .glossary-detail-rich .detail-emphasis{display:block;margin-top:10px;padding:10px 12px;border-radius:11px;color:var(--navy-800);background:rgba(112,217,232,.12);font-weight:760} .glossary-detail-overlay.is-history-detail .glossary-detail-shell{width:min(1240px,100%)} .glossary-detail-overlay.is-history-detail .glossary-detail-media{min-height:600px} .glossary-detail-overlay.is-history-detail .glossary-detail-media .history-image{height:600px} .glossary-detail-overlay.is-history-detail .glossary-detail-media .history-image img{object-fit:cover} .glossary-detail-overlay.is-history-detail .glossary-detail-lead{max-width:740px;color:var(--slate-600);line-height:1.72} .glossary-detail-overlay.is-history-detail .glossary-detail-grid{gap:14px} .glossary-detail-overlay.is-history-detail .glossary-detail-grid article{padding-top:24px;padding-bottom:24px} .glossary-detail-note{margin-top:18px;padding:15px 17px;border-left:4px solid var(--aqua-500);border-radius:0 13px 13px 0;color:var(--slate-600);background:var(--aqua-100);font-size:.75rem} body.glossary-open #optilemo-embed-scroll{overflow:hidden} @keyframes motionDash{to{stroke-dashoffset:-80}} @keyframes vortexClockwise{to{transform:rotate(360deg)}} @keyframes vortexCounter{to{transform:rotate(-360deg)}} @keyframes vortexPulse{0%,100%{opacity:.25;transform:scale(.72)} 50%{opacity:.85;transform:scale(1.25)}} @keyframes oscillationDot{0%,100%{transform:translateY(0) scale(.9);opacity:.68} 25%{transform:translateY(-82px) scale(1.12);opacity:1} 75%{transform:translateY(82px) scale(1.12);opacity:1}} @keyframes resonatorA{0%,100%{transform:rotate(-7deg)} 50%{transform:rotate(7deg)}} @keyframes resonatorB{0%,100%{transform:rotate(4deg)} 50%{transform:rotate(-12deg)}} @keyframes resonanceHalo{0%,100%{opacity:.18;transform:scale(.7)} 50%{opacity:.8;transform:scale(1.25)}} @media(max-width:1040px){.motion-explainer{grid-template-columns:1fr} .motion-explainer:nth-child(odd) .motion-copy,.motion-explainer:nth-child(odd) .motion-canvas{order:initial} .glossary-detail-layout{grid-template-columns:1fr} .glossary-detail-media{position:relative;min-height:360px} .glossary-detail-media .glossary-media,.glossary-detail-media .history-image,.glossary-detail-media .impulse-media{height:360px} .glossary-detail-overlay.is-history-detail .glossary-detail-media{min-height:420px} .glossary-detail-overlay.is-history-detail .glossary-detail-media .history-image{height:420px}} @media(max-width:720px){.motion-explainer-block{margin-top:44px} .motion-explainer{min-height:0;padding:24px 18px;border-radius:24px;gap:26px} .motion-canvas{min-height:300px;padding:42px 10px 16px} .motion-facts span{grid-template-columns:1fr;gap:4px} .motion-controls{grid-template-columns:1fr} .oscillation-field{height:180px} .oscillation-field span{width:13px;height:13px} .oscillation-field span::after{height:115px} .glossary-media{height:190px;flex-basis:190px} .glossary-detail-overlay{padding:0} .glossary-detail-shell{min-height:100vh;min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 16px max(26px,env(safe-area-inset-bottom));border-radius:0} .glossary-detail-media{min-height:270px} .glossary-detail-media .glossary-media,.glossary-detail-media .history-image,.glossary-detail-media .impulse-media{height:270px} .glossary-detail-overlay.is-history-detail .glossary-detail-media{min-height:310px} .glossary-detail-overlay.is-history-detail .glossary-detail-media .history-image{height:310px} .glossary-detail-grid article{padding:62px 18px 20px}} @media(prefers-reduced-motion:reduce){.flow-water,.vortex-ring,.vortex-pulse,.oscillation-field span,.resonator,.coupling-wave,.resonance-halo{animation:none !important}} .legal-center{position:relative;padding:86px 0;overflow:hidden;color:var(--navy-900);background:linear-gradient(180deg,var(--ice-50),var(--white))} .legal-center::before{position:absolute;width:460px;height:460px;top:-260px;right:-220px;border:1px solid rgba(70,204,225,.2);border-radius:50%;content:"";box-shadow:0 0 0 64px rgba(70,204,225,.035),0 0 0 128px rgba(70,204,225,.02);pointer-events:none} .legal-center-inner{position:relative;z-index:1} .legal-center-head{max-width:780px;margin-bottom:32px} .legal-center-head p{margin-bottom:0} .legal-accordions{display:grid;max-width:1040px;gap:14px} .legal-accordion{border:1px solid #d6e6eb;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(33,30,113,.06);overflow:clip;scroll-margin-top:18px} .legal-accordion.is-open{border-color:rgba(70,204,225,.65);box-shadow:0 22px 48px rgba(33,30,113,.1)} .legal-summary{display:flex;width:100%;min-height:76px;padding:20px 24px;align-items:center;justify-content:space-between;gap:22px;border:0;color:var(--navy-900);background:transparent;font-size:1.06rem;font-weight:900;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent} .legal-summary::after{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;content:"+";color:var(--navy-950);background:var(--aqua-100);font-size:1.25rem;line-height:1;transition:transform .2s ease,background .2s ease} .legal-accordion.is-open>.legal-summary::after{background:var(--aqua-500);transform:rotate(45deg)} .legal-summary:focus-visible{outline:3px solid rgba(70,204,225,.28);outline-offset:-3px} .legal-panel{display:block} .legal-panel[hidden]{display:none !important} .legal-document{display:grid;gap:18px;padding:0 24px 30px;border-top:1px solid #e0ebee} .legal-document>:first-child{margin-top:26px} .legal-document>*{max-width:100%} .legal-document h3{margin:8px 0 4px;color:var(--navy-900);font-size:1.12rem;letter-spacing:-.02em} .legal-document h4{margin:16px 0 8px;color:var(--navy-800);font-size:.96rem;letter-spacing:-.01em} .legal-document p,.legal-document li{color:#526c77;font-size:.86rem;line-height:1.7} .legal-document p{margin:0} .legal-document ul,.legal-document ol{margin:-2px 0 0;padding-left:22px} .legal-document li + li{margin-top:7px} .legal-document a{color:#057f94;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .legal-document address{margin:0;padding:16px 18px;border:1px solid #d9e7eb;border-radius:16px;color:#526c77;background:linear-gradient(180deg,#fff 0%,var(--ice-50) 100%);font-size:.86rem;font-style:normal;line-height:1.75} .legal-document details,.legal-document summary{all:revert} .legal-document details{margin:0;padding:0;border:0;background:transparent;box-shadow:none} .legal-document summary{display:block;min-height:0;padding:0;color:var(--navy-900);font-size:1rem;font-weight:800;cursor:default;list-style:none} .legal-document summary::-webkit-details-marker{display:none} .legal-document summary::after{display:none !important;content:none !important} .legal-document .legal-block{display:grid;gap:10px;padding:18px 20px;border:1px solid #dfecef;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fcfd 100%);box-shadow:0 10px 26px rgba(33,30,113,.04)} .legal-status{margin-top:24px;padding:14px 16px;border-left:3px solid var(--aqua-500);border-radius:0 12px 12px 0;color:#58717c;background:var(--aqua-100);font-size:.75rem;line-height:1.55} .legal-center-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .legal-withdraw-button{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;justify-content:center;border:1px solid rgba(33,30,113,.18);border-radius:999px;color:var(--navy-900);background:#fff;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(33,30,113,.06);cursor:pointer} .legal-withdraw-button:hover{border-color:rgba(70,204,225,.8);background:var(--ice-50)} .footer-withdraw-link{display:inline-flex!important;padding:8px 13px!important;border:1px solid rgba(70,204,225,.45);border-radius:999px;color:inherit;background:rgba(70,204,225,.08);font:inherit;font-weight:900!important;cursor:pointer} .legal-inline-action{display:inline;padding:0;border:0;color:#057f94;background:transparent;font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer} .withdrawal-overlay{position:fixed;inset:0;z-index:1200;display:grid;padding:24px;place-items:center;background:rgba(2,19,30,.76);backdrop-filter:blur(12px)} .withdrawal-overlay[hidden]{display:none!important} .withdrawal-dialog{width:min(720px,100%);max-height:min(88vh,840px);overflow:auto;border:1px solid rgba(70,204,225,.24);border-radius:28px;background:#fff;box-shadow:0 32px 90px rgba(2,19,30,.32)} .withdrawal-head{display:flex;padding:24px 26px 18px;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e1edf0;background:linear-gradient(180deg,#f2fbfd 0%,#fff 100%)} .withdrawal-head h2{margin:5px 0 0;color:var(--navy-900);font-size:clamp(1.55rem,4vw,2.15rem)} .withdrawal-body{display:grid;padding:24px 26px 28px;gap:16px} .withdrawal-note{margin:0;padding:13px 14px;border:1px solid #d8e8ec;border-radius:14px;color:#526c77;background:#f8fbfc;font-size:.78rem;line-height:1.6} .withdrawal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .withdrawal-field{display:grid;gap:7px;color:var(--navy-900);font-size:.72rem;font-weight:850} .withdrawal-field.full{grid-column:1/-1} .withdrawal-field input,.withdrawal-field textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cfe0e5;border-radius:12px;color:var(--navy-900);background:#fff;font:inherit;font-weight:650;outline:none} .withdrawal-field textarea{min-height:86px;resize:vertical} .withdrawal-field input:focus,.withdrawal-field textarea:focus{border-color:var(--aqua-500);box-shadow:0 0 0 3px rgba(70,204,225,.14)} .withdrawal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:3px} .withdrawal-review{display:grid;gap:10px;padding:16px;border:1px solid #d8e8ec;border-radius:16px;background:#f8fbfc} .withdrawal-review[hidden]{display:none!important} .withdrawal-review dl{display:grid;margin:0;gap:9px} .withdrawal-review div{display:grid;grid-template-columns:160px 1fr;gap:10px} .withdrawal-review dt{color:#657c85;font-size:.7rem;font-weight:800}.withdrawal-review dd{margin:0;color:var(--navy-900);font-size:.76rem;font-weight:800;overflow-wrap:anywhere} .withdrawal-status{margin:0;color:#526c77;font-size:.76rem;font-weight:750;line-height:1.55} .withdrawal-status.is-success{color:#087f5b}.withdrawal-status.is-error{color:#a13a2b} @media(max-width:680px){.withdrawal-overlay{padding:0}.withdrawal-dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0}.withdrawal-head{padding:max(20px,env(safe-area-inset-top)) 18px 17px}.withdrawal-body{padding:18px max(15px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))}.withdrawal-grid{grid-template-columns:1fr}.withdrawal-field.full{grid-column:1}.withdrawal-review div{grid-template-columns:1fr;gap:2px}.withdrawal-actions>*{flex:1 1 100%}} .legal-contact-box{margin:18px 0;padding:18px;border:1px solid #d9e7eb;border-radius:16px;background:var(--ice-50)} .legal-contact-box p:last-child{margin-bottom:0} .privacy a,.consent-row a{color:#057f94;font-weight:850;text-decoration:underline;text-underline-offset:2px} @media(max-width:720px){.legal-center{padding:72px 0} .legal-accordion{border-radius:18px} .legal-summary{min-height:68px;padding:18px;font-size:.96rem} .legal-summary::after{width:34px;height:34px;flex-basis:34px} .legal-document{padding:0 18px 24px} .legal-document>:first-child{margin-top:22px} .legal-document h3{margin-top:26px}} @media(prefers-reduced-motion:reduce){.legal-summary::after{transition:none}} @media(hover:none) and(pointer:coarse),(max-width:820px){#optilemo-embed-scroll{scroll-behavior:auto;touch-action:pan-x pan-y} .hero-slide{transform:none;transition:opacity 1.75s cubic-bezier(.4,0,.2,1);will-change:opacity} .hero-slide.is-active,.hero-slide.is-leaving{transform:none} .hero-copy-block{min-height:458px;transform:none !important;transition:opacity .68s cubic-bezier(.4,0,.2,1);will-change:opacity} .hero-copy-block.is-switching{opacity:0;transform:none !important} .hero-slider-dot:hover,.btn:hover,.product-filter:hover,.product-card:hover,.product-card:hover .product-image img,.product-link:hover,.cart-add:hover,.process-step:hover,.journey-node:hover .journey-visual,.principle-tab:hover,.application-tab:hover{transform:none} .flow-ticker{min-height:54px} .flow-track{position:relative;display:block;width:100%;min-width:0;height:54px;animation:none !important;transform:none !important} .flow-group:first-child{position:relative;display:block;width:100%;min-width:0;height:54px} .flow-group:first-child span{position:absolute;inset:0;display:flex;width:100%;height:54px;padding:0 20px;align-items:center;justify-content:center;gap:12px;opacity:0;text-align:center;transform:none !important;transition:opacity .82s cubic-bezier(.4,0,.2,1)} .flow-group:first-child span.is-mobile-flow-active{opacity:1} .flow-group[aria-hidden="true"]{display:none !important} .image-motion-band{min-height:190px;padding:22px 0;overflow:hidden} .image-motion-track{position:relative;display:block;width:100%;min-width:0;height:150px;padding:0;overflow:hidden;animation:none !important;transform:none !important;will-change:auto} .image-motion-track>.motion-group:first-child{position:relative;display:block;width:100%;min-width:0;height:150px} .image-motion-track>.motion-group[aria-hidden="true"]{display:none !important} .image-motion-track>.motion-group:first-child .motion-product{position:absolute;top:0;left:50%;width:150px;height:150px;min-width:150px;min-height:150px;margin:0;opacity:0;pointer-events:none;transform:translateX(-50%) !important;transition:opacity .92s cubic-bezier(.4,0,.2,1);will-change:opacity;contain:none} .image-motion-track>.motion-group:first-child .motion-product.is-mobile-product-active{opacity:1;pointer-events:auto} .image-motion-track>.motion-group:first-child .motion-product img{transform:none !important;will-change:auto} .motion-product,.motion-product img,.product-card,.product-image,.product-image img{will-change:auto} .application-shell,.application-visual{contain:none} .application-slide-image{transform:none !important;transition:opacity 1.05s cubic-bezier(.4,0,.2,1);backface-visibility:visible;will-change:opacity} .application-copy{height:420px;min-height:420px;transition:opacity .58s cubic-bezier(.4,0,.2,1);will-change:opacity} .application-copy.is-updating{opacity:0} .application-copy h3{min-height:2.3em} .application-copy p{min-height:3.2em} .application-points{min-height:8.2em} .application-progress span{will-change:transform} .filter-visual::after,.refine-spark,.water-stream-mini::after,.glass-bubble-mini{animation:none} .swirl-visual::before{animation-duration:38s} .source-ring{animation-duration:18s} .source-drop{animation-duration:18s} .swirl-wave{animation-duration:18s} .glass-water-mini{animation-duration:20s} .water-journey::after{animation-duration:24s} [data-mobile-motion-state="paused"],[data-mobile-motion-state="paused"]::before,[data-mobile-motion-state="paused"]::after,[data-mobile-motion-state="paused"] *,[data-mobile-motion-state="paused"] *::before,[data-mobile-motion-state="paused"] *::after{animation-play-state:paused !important}} @media(hover:none) and(pointer:coarse),(max-width:820px){.js .reveal{transform:none;transition:opacity .55s ease} .js .reveal.is-visible{transform:none}} @supports(-webkit-touch-callout:none){@media(max-width:820px){.application-bubble,.application-flow{display:none} .audience-icon{-webkit-backdrop-filter:none;backdrop-filter:none} .route-live,.wave-line,.flow-water,.coupling-wave{filter:none} .application-shell,.application-visual,.motion-product{contain:none} .product-card,.product-image{contain:layout}}} @media(max-width:820px){.hero{height:900px;min-height:900px;max-height:900px} .hero-inner{padding-top:18px;padding-bottom:38px} .hero-copy-block{min-height:0} .hero h1{max-width:100%;margin-bottom:18px;font-size:clamp(2.05rem,8.5vw,2.6rem);line-height:1.03;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance} .hero h1 .hero-title-firstline,.hero h1 .hero-title-accent{white-space:normal} .hero-copy{max-width:100%;min-height:0;margin-bottom:16px;font-size:clamp(.92rem,3.6vw,1rem);line-height:1.45;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty} .hero-actions{gap:8px} .hero-actions .btn{min-height:48px;padding:0 18px;font-size:.82rem} .hero-metrics{margin-top:18px;gap:7px} .metric{padding:10px 14px} .metric strong{font-size:.94rem} .metric span{font-size:.66rem}} @media(min-width:960px){.hero{height:clamp(720px,calc(var(--embed-height) - 122px),820px);min-height:clamp(720px,calc(var(--embed-height) - 122px),820px);max-height:clamp(720px,calc(var(--embed-height) - 122px),820px)} .hero-inner{padding-top:24px;padding-bottom:24px} .hero h1{width:min(100%,760px);max-width:760px;min-height:2.04em;margin-bottom:18px;font-size:clamp(3.7rem,4.65vw,4.8rem);line-height:1.01;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance} .hero h1 .hero-title-firstline,.hero h1 .hero-title-accent{display:block;white-space:normal} .hero-copy-block{width:100%;max-width:760px} .hero-copy{width:min(100%,680px);max-width:680px;min-height:4.45em;margin-bottom:22px;font-size:clamp(1rem,1.15vw,1.14rem);line-height:1.5;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty} h2,h3,h4,h5,h6,.eyebrow,.btn,.product-kicker,.glossary-tag,.glossary-definition,.impulse-category,.shop-bridge-kicker,.journey-copy strong,.journey-copy small,.metric strong,.metric span,.price,.price-meta{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none} h2,h3,h4,h5,h6{text-wrap:balance} p,li{text-wrap:pretty} .hero-actions{gap:10px} .hero-actions .btn{min-height:50px;padding-inline:21px} .hero-metrics{margin-top:26px;gap:10px} .metric{padding:16px 18px} .metric strong{margin-bottom:3px;font-size:1rem;line-height:1.2} .metric span{font-size:.7rem;line-height:1.42} .hero-slider-nav{bottom:14px} .btn,.product-filter,.principle-tab,.application-tab,.progressive-cards-toggle,.product-detail-thumb,.product-detail-cart,.product-detail-open-cart{word-break:keep-all}} .site-header{color:var(--navy-900);border-bottom-color:rgba(33,30,113,.12);background:#fff;box-shadow:0 10px 26px rgba(33,30,113,.08)} .site-header .nav{height:88px;gap:clamp(18px,1.55vw,30px)} .site-header .brand{display:grid;grid-template-rows:auto auto;justify-items:center;align-items:center;width:max-content;min-width:0;gap:3px;line-height:1} .site-header .brand img{height:31px;max-width:235px} .brand-company{display:block;width:100%;margin:0;padding:0;border:0;color:var(--navy-800);font-size:clamp(.54rem,.5vw,.62rem);font-weight:850;letter-spacing:.12em;line-height:1;text-align:center;white-space:nowrap;text-transform:uppercase} .nav-links{gap:clamp(14px,1vw,20px)} .nav-links>a:not(.btn){display:inline-flex;min-height:44px;padding:0 5px;align-items:center;color:var(--navy-900);opacity:.96;font-size:clamp(.8rem,.74vw,.9rem);font-weight:800;line-height:1.2;letter-spacing:.008em;text-shadow:none;cursor:pointer;touch-action:manipulation} .nav-links>a:not(.btn):hover,.nav-links>a.is-active:not(.btn){color:var(--navy-700);opacity:1} .nav-links>a.is-active:not(.btn)::after{margin-top:7px;background:var(--aqua-500);box-shadow:0 0 10px rgba(70,204,225,.4)} .site-header .btn-secondary{color:var(--navy-900);border-color:rgba(33,30,113,.22);background:#f7f8fc} .site-header .btn-secondary:hover{color:var(--navy-900);border-color:rgba(33,30,113,.38);background:#eef1fb} .site-header .cart-trigger{color:var(--navy-900);border-color:rgba(33,30,113,.22);background:#fff} .site-header .cart-trigger:hover{border-color:rgba(33,30,113,.38);background:#f7f8fc} .site-header .mobile-cart-trigger{color:var(--navy-900);border-color:rgba(33,30,113,.22);background:#fff} .menu-toggle{color:var(--navy-900)} .scroll-progress{background:rgba(33,30,113,.08)} .human-section{padding-bottom:44px} .trust-strip{margin-top:0;padding:0 0 34px;background:var(--ice-50)} .trust-strip+.section{padding-top:72px} .trust-card{padding:24px 30px;border:1px solid #dce9ed;border-radius:24px;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,.85fr));gap:0;background:linear-gradient(115deg,#fff 0%,#fff 76%,rgba(70,204,225,.07) 100%);box-shadow:0 18px 48px rgba(33,30,113,.09)} .trust-card>p{padding-right:34px;color:var(--navy-900);font-size:1rem;font-weight:780;line-height:1.48} .trust-item{display:flex;min-height:78px;padding:8px 28px;flex-direction:column;justify-content:center;border-left:1px solid #d9e6ea} .trust-item strong{color:var(--navy-900);font-size:clamp(1.42rem,1.7vw,1.68rem);line-height:1.08;letter-spacing:-.025em} .trust-item span{margin-top:7px;color:var(--slate-600);font-size:.8rem;line-height:1.35} @media(max-width:1500px) and(min-width:1231px){.site-header .nav{gap:14px}.site-header .brand img{height:28px;max-width:205px}.brand-company{font-size:.49rem;letter-spacing:.095em}.nav-links{gap:9px}.nav-links>a:not(.btn){font-size:.73rem}.nav-links .btn,.cart-trigger{font-size:.72rem}} @media(max-width:1230px){.site-header .nav{height:78px} .site-header .brand{display:grid;grid-template-rows:auto auto;justify-items:center;align-items:center;gap:2px} .site-header .brand img{height:27px;max-width:190px} .brand-company{font-size:.44rem;letter-spacing:.08em} .nav-links{background:#fff;box-shadow:0 24px 50px rgba(33,30,113,.14)} .nav-links>a:not(.btn){border-bottom-color:rgba(33,30,113,.1);color:var(--navy-900);font-size:.9rem} .nav-links .btn-secondary,.nav-links .cart-trigger{color:var(--navy-900);border-color:rgba(33,30,113,.22);background:#f7f8fc}} @media(max-width:1040px){.trust-card{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px} .trust-card>p{grid-column:1/-1;padding:0 0 20px} .trust-item{min-height:70px;padding:10px 20px} .trust-item:first-of-type{border-left:0}} @media(max-width:720px){.site-header .nav{height:72px} .site-header .brand img{height:25px;max-width:170px} .brand-company{font-size:.41rem;letter-spacing:.075em} .human-section{padding-bottom:30px} .trust-strip{padding-bottom:24px} .trust-card{grid-template-columns:1fr;padding:22px 20px;border-radius:20px} .trust-card>p{grid-column:auto;padding:0 0 16px;font-size:.94rem} .trust-item,.trust-item:first-of-type{min-height:0;padding:15px 0 0;border-top:1px solid #d9e6ea;border-left:0} .trust-item strong{font-size:1.4rem}} .nav-audience{position:relative;flex:0 0 auto;color:var(--navy-900)} .nav-audience-trigger{display:inline-flex;min-height:44px;padding:0 7px;align-items:center;gap:7px;border:0;color:var(--navy-900);background:transparent;font-size:clamp(.8rem,.74vw,.9rem);font-weight:800;line-height:1.2;cursor:pointer;touch-action:manipulation} .nav-audience-trigger span{font-size:.72rem;transition:transform .2s ease} .nav-audience-trigger[aria-expanded="true"] span{transform:rotate(180deg)} .nav-audience-trigger:hover,.nav-audience-trigger:focus-visible{color:var(--navy-700)} .nav-audience-menu{position:absolute;z-index:80;top:calc(100% + 10px);left:50%;display:grid;width:280px;padding:10px;border:1px solid rgba(33,30,113,.12);border-radius:18px;gap:4px;background:#fff;box-shadow:0 24px 55px rgba(33,30,113,.16);transform:translateX(-50%)} .nav-audience-menu[hidden]{display:none} .nav-audience-menu a,.nav-audience-menu button{display:flex;width:100%;min-height:46px;padding:10px 14px;align-items:center;border:0;border-radius:11px;color:var(--navy-900);background:transparent;font:inherit;font-size:.84rem;font-weight:800;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation} .nav-audience-menu a:hover,.nav-audience-menu a:focus-visible,.nav-audience-menu button:hover,.nav-audience-menu button:focus-visible{color:var(--navy-950);background:var(--aqua-100);outline:none} .audience-showcase-section{position:relative;padding:92px 0 86px;overflow:hidden;background:linear-gradient(180deg,#f7fbfc,#fff)} .audience-showcase-section::before{position:absolute;width:520px;height:520px;top:-300px;right:-250px;border:1px solid rgba(70,204,225,.18);border-radius:50%;content:"";box-shadow:0 0 0 65px rgba(70,204,225,.03),0 0 0 130px rgba(70,204,225,.02)} .audience-showcase-section .container{position:relative;z-index:2} .audience-showcase-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px} .audience-showcase-card{position:relative;grid-column:span 4;overflow:hidden;border:1px solid #d7e7eb;border-radius:28px;background:#fff;box-shadow:0 22px 54px rgba(33,30,113,.08);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .audience-showcase-card:nth-child(1),.audience-showcase-card:nth-child(2){grid-column:span 6} .audience-showcase-media{position:relative;height:280px;overflow:hidden;background:#dbeef2;cursor:pointer;touch-action:manipulation} .audience-showcase-media::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 52%,rgba(5,29,41,.28));pointer-events:none} .audience-showcase-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)} .audience-showcase-card:hover{border-color:rgba(70,204,225,.55);box-shadow:0 26px 62px rgba(33,30,113,.13);transform:translateY(-2px)} .audience-showcase-card:hover .audience-showcase-media img{transform:scale(1.035)} .audience-showcase-card:focus-visible{outline:3px solid rgba(70,204,225,.55);outline-offset:4px;border-color:var(--aqua-500)} .audience-showcase-content{padding:26px} .audience-showcase-number{display:inline-flex;margin-bottom:14px;color:#079fb3;font-size:.68rem;font-weight:900;letter-spacing:.14em} .audience-showcase-content h3{margin-bottom:10px;font-size:1.45rem} .audience-showcase-content>p{min-height:4.8em;margin-bottom:18px;font-size:.9rem;line-height:1.6} .audience-showcase-more{border-top:1px solid #dce9ed;padding-top:14px} .audience-showcase-more summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;color:var(--navy-900);font-size:.84rem;font-weight:900} .audience-showcase-more summary::-webkit-details-marker{display:none} .audience-showcase-more summary::after{content:"+";display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--aqua-100);font-size:1.1rem} .audience-showcase-more[open] summary::after{content:"–";background:var(--aqua-500)} .audience-chambers{display:grid;margin-top:14px;grid-template-columns:1fr;gap:8px} .audience-chambers span{padding:10px 12px;border:1px solid #dce9ed;border-radius:12px;color:#506c78;background:var(--ice-50);font-size:.76rem;font-weight:750} .decision-section{padding:68px 0;background:#fff} .decision-grid{display:grid;padding:38px;border:1px solid #d9e7eb;border-radius:28px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:54px;background:linear-gradient(135deg,#fff,#eff9fb);box-shadow:0 18px 44px rgba(33,30,113,.06)} .decision-grid h2{margin:0;font-size:clamp(2rem,4vw,3.6rem)} .decision-copy p{margin:0 0 22px;color:var(--navy-800);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.65} @media(max-width:1230px){.nav-audience{width:100%}.nav-audience-trigger{width:100%;min-height:52px;padding:0;justify-content:space-between;border-bottom:1px solid rgba(33,30,113,.1);font-size:.9rem}.nav-audience-menu{position:static;width:100%;padding:8px 0 4px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.nav-audience-menu a,.nav-audience-menu button{min-height:48px;padding:10px 14px;color:var(--navy-900);background:#f7f9fc}} @media(max-width:900px){.audience-showcase-card,.audience-showcase-card:nth-child(1),.audience-showcase-card:nth-child(2){grid-column:span 6}.decision-grid{grid-template-columns:1fr;gap:24px}} @media(max-width:620px){.audience-showcase-section{padding:72px 0 66px}.audience-showcase-card,.audience-showcase-card:nth-child(1),.audience-showcase-card:nth-child(2){grid-column:1/-1}.audience-showcase-media{height:240px}.audience-showcase-content{padding:22px}.audience-showcase-content>p{min-height:0}.decision-section{padding:48px 0}.decision-grid{padding:24px;border-radius:22px}} .audience-showcase-grid{align-items:start} .audience-detail-grid{display:grid;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .audience-detail-card{padding:15px;border:1px solid #dce9ed;border-radius:16px;background:#f7fbfc} .audience-detail-card strong{display:block;margin-bottom:6px;color:var(--navy-900);font-size:.84rem} .audience-detail-card p{margin:0;color:var(--slate-600);font-size:.78rem;line-height:1.55} .audience-detail-note{margin-top:12px;padding:16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#17154f,#0c566a)} .audience-detail-note strong{display:block;margin-bottom:6px;font-size:.88rem} .audience-detail-note p{margin:0 0 12px;color:rgba(255,255,255,.8);font-size:.78rem;line-height:1.55} .audience-detail-link{display:inline-flex;color:var(--aqua-400);font-size:.78rem;font-weight:900} .audience-modal-lead{margin:0 0 16px;color:var(--slate-600);font-size:.95rem;line-height:1.72} .audience-module-grid{display:grid;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .audience-module-card{padding:16px;border:1px solid #dce9ed;border-radius:16px;background:linear-gradient(135deg,#fff,#f3fbfc)} .audience-module-card span{display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;color:#079fb3;background:#e9fbff;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .audience-module-card strong{display:block;margin-bottom:6px;color:var(--navy-900);font-size:.9rem} .audience-module-card p{margin:0;color:var(--slate-600);font-size:.8rem;line-height:1.55} .audience-module-link{display:inline-flex;margin-top:12px;color:var(--navy-900);font-size:.8rem;font-weight:900} .major-accordion{width:min(calc(100% - 32px),var(--container));margin:0 auto;border:1px solid #d7e7eb;border-radius:28px;background:#fff;box-shadow:0 20px 48px rgba(33,30,113,.08);overflow:hidden} .section-soft .major-accordion{background:rgba(255,255,255,.82)} .major-accordion>summary{display:grid;min-height:148px;padding:30px 34px;grid-template-columns:1fr auto;grid-template-areas:"eyebrow action" "title action";align-items:center;column-gap:28px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#fff 0%,#f2fafc 100%)} .major-accordion>summary::-webkit-details-marker{display:none} .major-accordion>summary .major-accordion-kicker{grid-area:eyebrow;margin-bottom:8px;color:#079fb3;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .major-accordion>summary strong{grid-area:title;color:var(--navy-900);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;letter-spacing:-.035em} .major-accordion>summary .major-accordion-action{grid-area:action;display:inline-flex;min-width:164px;min-height:46px;padding:0 18px;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#17154f,#46cce1);font-size:.78rem;font-style:normal;font-weight:900;white-space:nowrap} .major-accordion>summary .major-accordion-action::after{margin-left:10px;content:"+";font-size:1.08rem} .major-accordion[open]>summary .major-accordion-action::after{content:"–"} .major-accordion[open]>summary{border-bottom:1px solid #dce9ed} .major-accordion-content{padding:0} .major-accordion-content>.container{width:100%;padding:54px 34px} .major-accordion-content>.section-head.container{width:100%} .section.major-collapsible,.impulses-section.major-collapsible{padding:34px 0} .section-return{display:flex;justify-content:center;margin:22px auto 0} .section-return .btn-back-top{min-width:180px;min-height:42px;padding:0 18px;font-size:.76rem} @media(max-width:720px){.audience-detail-grid{grid-template-columns:1fr}.audience-module-grid{grid-template-columns:1fr}.major-accordion{width:min(calc(100% - 24px),var(--container));border-radius:22px}.major-accordion>summary{min-height:124px;padding:24px;grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "action";gap:10px}.major-accordion>summary .major-accordion-action{width:max-content;min-width:0;min-height:42px;margin-top:8px}.major-accordion-content>.container{padding:38px 22px}.section.major-collapsible,.impulses-section.major-collapsible{padding:24px 0}.section-return{margin-top:18px}} .audience-modal-open{display:flex;width:100%;min-height:46px;margin-top:18px;padding:0 16px;align-items:center;justify-content:space-between;border:1px solid #d4e6eb;border-radius:14px;color:var(--navy-900);background:linear-gradient(135deg,#f7fcfd,#eaf8fa);font-size:.82rem;font-weight:900;transition:transform .2s ease,border-color .2s ease,background .2s ease} .audience-modal-open:hover{border-color:var(--aqua-500);background:#e3f8fb;transform:translateY(-1px)} .audience-modal{position:fixed;z-index:2147483000;inset:0;display:grid;padding:24px;place-items:center;pointer-events:auto} .audience-modal[hidden]{display:none} .audience-modal-backdrop{position:absolute;z-index:0;inset:0;background:rgba(3,19,29,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer} .audience-modal-dialog{position:relative;z-index:2;width:min(1180px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:38px 42px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(70,204,225,.24);border-radius:30px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.35);outline:none;pointer-events:auto} .audience-modal-dialog h2{margin:8px 54px 22px 0;font-size:clamp(1.7rem,3vw,2.5rem)} .audience-modal-hero{margin:0 0 20px;overflow:hidden;border:1px solid #dbe8ec;border-radius:24px;background:linear-gradient(135deg,#f5fbfc,#eaf7fa)} .audience-modal-hero img{display:block;width:100%;aspect-ratio:36/23;object-fit:cover;image-rendering:auto;transform:none;filter:none;backface-visibility:visible} .audience-modal-hero-gallery figure{overflow:hidden;border-radius:16px;background:#eef7f9} .audience-modal-hero-gallery img{transition:transform .35s ease} .audience-modal-hero-gallery figure:hover img{transform:scale(1.025)} .audience-modal-hero figcaption{display:grid;padding:16px 18px;gap:6px} .audience-modal-hero strong{color:var(--navy-900);font-size:.96rem} .audience-modal-hero span{color:var(--slate-600);font-size:.82rem;line-height:1.5} .audience-modal-gallery{display:grid;margin:14px 0 22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .audience-modal-gallery figure{margin:0;overflow:hidden;border:1px solid #dbe8ec;border-radius:18px;background:#f5fbfc;box-shadow:0 10px 24px rgba(33,30,113,.06)} .audience-modal-hero,.audience-modal-gallery figure{isolation:isolate} .audience-modal-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;image-rendering:auto;transform:none;filter:none;backface-visibility:visible} .audience-modal-gallery figure:hover img{transform:none} .audience-modal-gallery figcaption{padding:10px 12px;color:var(--navy-900);font-size:.76rem;font-weight:850;line-height:1.35} .audience-modal-subtitle{display:block;margin:22px 0 10px;color:#079fb3;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .audience-modal-close{position:absolute;top:20px;right:20px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid #d6e6ea;border-radius:50%;color:var(--navy-900);background:#f4fafb;font-size:1.55rem;line-height:1;transition:transform .2s ease,background .2s ease} .audience-modal-close:hover{background:var(--aqua-100);transform:rotate(4deg)} .audience-modal-body .audience-chambers{margin-top:0} .audience-modal-body .audience-detail-grid{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))} .audience-modal-actions{position:sticky;z-index:3;bottom:-38px;display:flex;margin:28px -42px -38px;padding:18px 42px;flex-wrap:wrap;gap:12px;border-top:1px solid #dbe8ec;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .audience-modal-dismiss{color:var(--navy-900);border-color:#cbdde2;background:#fff} .audience-modal a,.audience-modal button,.audience-modal summary{pointer-events:auto} .audience-modal-dialog *{pointer-events:auto} @media(hover:hover) and(pointer:fine){body.has-water-cursor .audience-modal,body.has-water-cursor .audience-modal *{cursor:none!important}} .principle-progress-control{display:grid;margin:32px 0 10px;padding:22px 24px;border:1px solid rgba(70,204,225,.28);border-radius:20px;grid-template-columns:1fr auto;grid-template-areas:"label button" "title button";align-items:center;gap:4px 24px;background:linear-gradient(135deg,rgba(70,204,225,.09),rgba(33,30,113,.06))} .principle-progress-control>span{grid-area:label;color:#079fb3;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .principle-progress-control>strong{grid-area:title;color:var(--navy-900);font-size:1.05rem} .principle-progress-button{grid-area:button;display:inline-flex;min-height:46px;padding:0 18px;align-items:center;gap:10px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#17154f,#46cce1);font-size:.8rem;font-weight:900;box-shadow:0 12px 26px rgba(33,30,113,.16)} .principle-progress-button:hover{transform:translateY(-1px)} .principle-progress-stage[hidden]{display:none} .principle-progress-stage.is-revealed{animation:principleReveal .48s cubic-bezier(.2,.8,.2,1) both} @keyframes principleReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} @media(max-width:900px){.audience-modal-body .audience-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-modal-dialog{width:min(920px,calc(100vw - 28px));padding:32px}.audience-modal-actions{bottom:-32px;margin:26px -32px -32px;padding:16px 32px}} @media(max-width:720px){.audience-modal-gallery{display:flex;margin-right:-20px;padding-right:20px;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}.audience-modal-gallery figure{min-width:78%;scroll-snap-align:start}.audience-modal-gallery figure:hover img{transform:none}.audience-modal{padding:10px}.audience-modal-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:26px 20px;border-radius:22px}.audience-modal-body .audience-detail-grid{grid-template-columns:1fr}.audience-modal-close{top:14px;right:14px}.audience-modal-actions{bottom:-26px;display:grid;margin:24px -20px -26px;padding:14px 20px}.audience-modal-actions .btn{width:100%}.audience-modal-hero{border-radius:20px}.audience-modal-hero figcaption{padding:14px 16px}.principle-progress-control{padding:20px;grid-template-columns:1fr;grid-template-areas:"label" "title" "button";gap:8px}.principle-progress-button{width:100%;margin-top:8px;justify-content:center}} .human-section.personal-water-section .human-intro{margin-bottom:38px} .human-section.personal-water-section .human-promise{margin-top:4px} .human-bottom{margin-top:30px;padding:30px 32px;gap:34px} .human-bottom-actions{display:grid;width:min(100%,440px);grid-template-columns:repeat(2,minmax(190px,1fr));justify-self:end;gap:12px} .human-bottom .btn{min-height:52px;padding-inline:22px;justify-content:center;text-align:center} .flow-ticker+.trust-strip{padding-top:34px} .history-grid+.progressive-cards-actions{margin-top:26px} @media(max-width:1040px){.human-bottom-actions{justify-self:start}} @media(max-width:720px){.human-section.personal-water-section .human-intro{margin-bottom:28px}.human-bottom{margin-top:22px;padding:22px 20px;gap:20px}.human-bottom-actions{width:100%;grid-template-columns:1fr;justify-self:stretch}.flow-ticker+.trust-strip{padding-top:24px}.history-grid+.progressive-cards-actions{margin-top:20px}} .audience-product-recommendations{display:grid;margin:12px 0 26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .audience-product-card{display:grid;min-width:0;overflow:hidden;border:1px solid #d8e7eb;border-radius:20px;background:linear-gradient(180deg,#fff,#f6fbfc);box-shadow:0 14px 32px rgba(33,30,113,.07)} .audience-product-image{display:grid;min-height:168px;padding:16px;place-items:center;background:linear-gradient(135deg,#f4fafb,#e9f7fa)} .audience-product-image img{display:block;width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply} .audience-product-content{display:flex;padding:18px;flex-direction:column;gap:8px} .audience-product-tag{color:#079fb3;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .audience-product-content strong{color:var(--navy-900);font-size:1rem;line-height:1.25} .audience-product-content p{margin:0;color:var(--slate-600);font-size:.78rem;line-height:1.55} .audience-product-buy{display:flex;margin-top:auto;padding-top:8px;align-items:center;justify-content:space-between;gap:10px} .audience-product-price{color:var(--navy-900);font-size:.94rem;font-weight:900;white-space:nowrap} .audience-product-add{min-height:42px;padding:0 14px;border:0;border-radius:999px;color:var(--navy-950);background:var(--aqua-500);font-size:.72rem;font-weight:900;white-space:nowrap;transition:transform .2s ease,background .2s ease} .audience-product-add:hover{background:var(--aqua-400);transform:translateY(-1px)} .audience-product-add:disabled{cursor:default;opacity:.78;transform:none} .bottom-return-zone{padding:52px 20px 86px;border-top:1px solid #e2edf0;background:linear-gradient(180deg,#f9fcfd 0%,#fff 100%)} .bottom-return-zone .section-return{margin:0} .bottom-return-zone .btn-back-top{min-width:230px;min-height:50px;box-shadow:0 16px 34px rgba(33,30,113,.14)} @media(max-width:900px){.audience-product-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-product-card:last-child:nth-child(odd){grid-column:1/-1}.bottom-return-zone{padding:44px 18px 72px}} @media(max-width:720px){.audience-product-recommendations{grid-template-columns:1fr;gap:12px}.audience-product-card:last-child:nth-child(odd){grid-column:auto}.audience-product-image{min-height:150px}.audience-product-image img{height:132px}.audience-product-buy{align-items:stretch;flex-direction:column}.audience-product-add{width:100%}.bottom-return-zone{padding:36px 14px 64px}.bottom-return-zone .btn-back-top{width:min(100%,280px)}} .checkout-overlay{padding:clamp(18px,3vw,42px);background:rgba(3,18,28,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)} .checkout-overlay.is-open{display:grid;place-items:start center} .checkout-shell{position:relative;width:min(1320px,100%);margin:auto;padding:0;overflow:hidden;border:1px solid rgba(112,217,232,.22);border-radius:30px;background:#fff;box-shadow:0 38px 100px rgba(0,0,0,.34)} .checkout-head{position:relative;padding:32px 34px 28px;border-bottom:1px solid #e1ecef;align-items:flex-start;background:linear-gradient(135deg,#f8fdfe 0%,#eef9fb 62%,#fff 100%);overflow:hidden} .checkout-head::after{position:absolute;width:250px;height:250px;top:-150px;right:90px;border:34px solid rgba(70,204,225,.08);border-radius:50%;content:"";pointer-events:none} .checkout-head>div{position:relative;z-index:1;max-width:820px} .checkout-head .eyebrow{margin-bottom:10px} .checkout-shell h2{margin:0 0 10px;font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.02;letter-spacing:-.045em} .checkout-note{max-width:760px;margin:0;color:var(--slate-600);font-size:.93rem;line-height:1.68} .checkout-assurance{display:flex;margin-top:17px;flex-wrap:wrap;gap:8px} .checkout-assurance span{display:inline-flex;min-height:30px;padding:5px 10px;border:1px solid rgba(70,204,225,.2);border-radius:999px;align-items:center;gap:7px;color:#35606e;background:rgba(255,255,255,.72);font-size:.66rem;font-weight:850} .checkout-assurance span::before{width:7px;height:7px;border-radius:50%;content:"";background:var(--aqua-500);box-shadow:0 0 10px rgba(70,204,225,.45)} .checkout-head .icon-button{position:relative;z-index:2;width:46px;height:46px;flex:0 0 46px;border-color:#d3e5ea;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(33,30,113,.07);transition:transform .2s ease,border-color .2s ease,background .2s ease} .checkout-head .icon-button:hover{border-color:var(--aqua-500);background:var(--aqua-100);transform:rotate(4deg)} .checkout-method-view{padding:30px 34px 34px;background:#fbfdfe} .checkout-method-view[hidden],.checkout-grid[hidden]{display:none!important} .checkout-method-panel{width:min(940px,100%);margin:0 auto;padding:26px;border:1px solid #d9e7eb;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f7fbfc 100%);box-shadow:0 16px 38px rgba(33,30,113,.07)} .checkout-method-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #dfeaed} .checkout-method-topline h3{margin:4px 0 0;color:var(--navy-900);font-size:1.5rem;line-height:1.15;letter-spacing:-.035em} .checkout-method-total{display:grid;flex:0 0 auto;justify-items:end;gap:3px;color:#6a818b;font-size:.68rem;font-weight:800} .checkout-method-total strong{color:var(--navy-900);font-size:1.45rem;letter-spacing:-.04em} .checkout-method-lead{max-width:760px;margin:18px 0 20px;color:var(--slate-600);font-size:.82rem;line-height:1.65} .checkout-method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .checkout-method-card{position:relative;display:grid;min-width:0;min-height:255px;padding:22px;border:1px solid #d5e5e9;border-radius:20px;align-content:start;text-align:left;color:var(--navy-900);background:#fff;box-shadow:0 9px 24px rgba(33,30,113,.05);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease} .checkout-method-card:hover{transform:translateY(-2px);border-color:rgba(70,204,225,.72);box-shadow:0 16px 32px rgba(33,30,113,.09)} .checkout-method-card:focus-visible{outline:3px solid rgba(70,204,225,.26);outline-offset:3px} .checkout-method-card.is-recommended{border-color:rgba(0,112,186,.22);background:linear-gradient(180deg,#fff 0%,#f7fcff 100%)} .checkout-method-badge{width:fit-content;margin-bottom:17px;padding:5px 9px;border-radius:999px;color:#fff;background:#0070ba;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .checkout-method-badge.is-neutral{color:#4d6974;background:#edf5f7} .checkout-method-brand{margin-bottom:10px;color:#003087;font-size:1.08rem;font-weight:950;letter-spacing:-.025em} .checkout-method-brand strong{color:#009cde} .checkout-method-brand.is-manual{color:var(--navy-800);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase} .checkout-method-title{display:block;margin-bottom:8px;font-size:1.05rem;font-weight:900;line-height:1.25} .checkout-method-copy{display:block;color:#607983;font-size:.76rem;line-height:1.6} .checkout-method-action{display:flex;margin-top:auto;padding-top:22px;align-items:center;justify-content:space-between;gap:12px;color:#003087;font-size:.76rem;font-weight:900} .checkout-method-action.is-secondary{color:var(--navy-800)} .checkout-method-security{margin:17px 0 0;color:#718892;font-size:.67rem;line-height:1.55;text-align:center} .checkout-grid{display:grid;margin:0;padding:30px 34px 34px;grid-template-columns:minmax(0,1fr) minmax(470px,500px);align-items:start;gap:28px;background:#fbfdfe} .checkout-form{display:grid;grid-template-columns:1fr;gap:16px;counter-reset:checkoutStep} .checkout-form fieldset{display:grid;min-width:0;margin:0;padding:24px 24px 26px;border:1px solid #dce9ed;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px;background:#fff;box-shadow:0 10px 28px rgba(33,30,113,.045);counter-increment:checkoutStep} .checkout-form legend{display:flex;width:auto;max-width:calc(100% - 18px);margin:0 0 5px 4px;padding:0 12px 0 0;grid-column:1/-1;align-items:center;gap:11px;color:var(--navy-900);background:#fff;font-size:1rem;font-weight:900;line-height:1.2;letter-spacing:-.015em;white-space:nowrap} .checkout-form legend::before{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border:1px solid rgba(70,204,225,.34);border-radius:50%;content:counter(checkoutStep);color:var(--navy-950);background:var(--aqua-500);font-size:.7rem;font-weight:900;box-shadow:0 0 0 5px rgba(70,204,225,.08)} .checkout-form .full,.checkout-form .consent-row,.checkout-form .form-message{grid-column:1/-1} .checkout-form label.field-label{display:grid;min-width:0;gap:8px;color:var(--navy-800);font-size:.74rem;font-weight:850;line-height:1.35;white-space:nowrap} .checkout-form input,.checkout-form select{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #d3e3e8;border-radius:12px;outline:0;color:var(--navy-900);background:#f8fbfc;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease} .checkout-form input:hover,.checkout-form select:hover{border-color:#bfd8df;background:#fff} .checkout-form input:focus,.checkout-form select:focus{border-color:var(--aqua-500);background:#fff;box-shadow:0 0 0 3px rgba(70,204,225,.13)} .customer-type{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .choice-chip{position:relative;display:flex;min-height:48px;padding:10px 13px;border:1px solid #d4e4e9;border-radius:14px;align-items:center;gap:9px;color:var(--navy-800);background:#f8fbfc;font-size:.78rem;font-weight:850;white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease} .choice-chip:hover{border-color:rgba(70,204,225,.55);background:#f2fbfd} .choice-chip:has(input:checked){border-color:var(--aqua-500);background:var(--aqua-100);box-shadow:inset 0 0 0 1px rgba(70,204,225,.12)} .choice-chip input{width:17px;min-height:17px;height:17px;margin:0;padding:0;accent-color:var(--navy-900)} .shipping-fields{display:contents} .company-field[hidden],.shipping-fields[hidden]{display:none} .consent-row{display:flex;min-width:0;min-height:52px;padding:14px 15px;border:1px solid #e0eaed;border-radius:14px;align-items:flex-start;gap:11px;color:#607983;background:#fbfdfe;font-size:.74rem;line-height:1.6;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease} .consent-row:hover{border-color:#c9e1e7;background:#f8fcfd} .consent-row:has(input:checked){border-color:rgba(70,204,225,.5);background:rgba(227,248,251,.52);box-shadow:inset 0 0 0 1px rgba(70,204,225,.08)} .consent-row input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0 0;padding:0;accent-color:var(--navy-900)} .consent-copy{display:block;min-width:0;flex:1;color:#607983;line-height:1.6} .consent-row a{display:inline;color:#057f94;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:normal} .legal-consent{min-height:auto;padding:10px 12px;align-items:center;border-color:#d9e6ea;background:#fff;font-size:.7rem;line-height:1.45} .legal-consent input{width:18px;height:18px;min-height:18px;flex-basis:18px;margin:0} .legal-consent .consent-copy{color:#536f79;line-height:1.45} .legal-consent:has(input:checked){border-color:rgba(70,204,225,.58);background:rgba(227,248,251,.45)} .checkout-summary{position:sticky;top:12px;height:fit-content;padding:24px;border:1px solid #d9e7eb;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f4fafb 100%);box-shadow:0 16px 38px rgba(33,30,113,.075)} .checkout-summary-kicker{display:block;margin-bottom:5px;color:#0799ad;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase} .checkout-summary h3{margin:0 0 18px;color:var(--navy-900);font-size:1.24rem;letter-spacing:-.03em;white-space:nowrap} .checkout-summary-items{display:grid;gap:0;border-top:1px solid #dfeaed} .checkout-summary-item{display:grid;padding:15px 0;border-bottom:1px solid #dfeaed;grid-template-columns:1fr;align-items:start;gap:9px;color:#536f7a;font-size:.78rem;line-height:1.45} .checkout-summary-product{display:grid;min-width:0;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:11px} .checkout-summary-image{display:grid;width:58px;height:58px;padding:5px;border:1px solid #dce8ec;border-radius:12px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff,#edf7f9)} .checkout-summary-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center} .checkout-summary-copy{display:grid;min-width:0;gap:4px;padding-top:2px} .checkout-summary-name{display:block;min-width:0;color:var(--navy-900);font-size:.74rem;font-weight:900;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word} .checkout-summary-meta{color:#6a818b;font-size:.64rem;font-weight:750;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word} .checkout-summary-unit{color:#526d78;font-size:.64rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word} .checkout-summary-line-total{justify-self:end;padding-top:0;color:var(--navy-900);font-size:.8rem;font-weight:900;white-space:nowrap} .checkout-summary .summary-row.total{margin:16px 0 0;padding:16px 0 0;border-top:1px solid #cfe0e5;color:var(--navy-900);font-size:1rem;white-space:nowrap} .checkout-summary .summary-row.total strong{font-size:1.28rem;letter-spacing:-.035em} .checkout-submit{width:100%;min-height:52px;margin-top:18px;padding-inline:16px;font-size:.82rem;white-space:nowrap;box-shadow:0 14px 28px rgba(70,204,225,.2)} .paypal-order-commit{margin:16px 0 0;color:var(--navy-800);font-size:.72rem;font-weight:800;line-height:1.45} .paypal-checkout-box{margin-top:9px;display:grid;gap:10px} .paypal-pay-button{width:100%;min-height:52px;margin:0;border:0;border-radius:12px;background:#ffc439;color:#111820;font-size:.86rem;font-weight:900;letter-spacing:-.01em;box-shadow:0 10px 24px rgba(17,24,32,.12);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease} .paypal-pay-button:hover{transform:translateY(-1px);filter:brightness(.985);box-shadow:0 14px 28px rgba(17,24,32,.16)} .paypal-pay-button:focus-visible{outline:3px solid rgba(0,112,186,.28);outline-offset:3px} .paypal-pay-button:disabled{cursor:wait;opacity:.72;transform:none;box-shadow:none} .paypal-pay-button .paypal-wordmark{font-weight:950;color:#003087;margin-right:6px} .checkout-grid.is-express-only{grid-template-columns:minmax(0,680px);justify-content:center} .checkout-grid.is-express-only .checkout-summary{position:relative;top:auto;width:100%;max-width:680px;justify-self:center} .checkout-grid.is-manual .paypal-express-intro,.checkout-grid.is-manual .paypal-order-commit,.checkout-grid.is-manual .paypal-checkout-box{display:none} .checkout-form[hidden]{display:none!important} .paypal-express-intro{display:grid;margin:15px 0 0;padding:14px 15px;border:1px solid #d9e8ec;border-radius:14px;gap:8px;background:#fff;color:#526f79;font-size:.7rem;line-height:1.5} .paypal-express-intro strong{color:var(--navy-900);font-size:.78rem} .paypal-express-points{display:grid;gap:6px;margin:0;padding:0;list-style:none} .paypal-express-points li{position:relative;padding-left:18px} .paypal-express-points li::before{position:absolute;left:0;top:.2em;content:'✓';color:#008c9f;font-weight:950} .express-legal-consent{margin:14px 0 0} .checkout-manual-toggle{width:100%;min-height:44px;margin-top:10px;border:1px solid #cfe1e6;border-radius:12px;color:var(--navy-800);background:#fff;font-size:.72rem;font-weight:850;cursor:pointer;transition:border-color .2s ease,background .2s ease} .checkout-manual-toggle:hover{border-color:var(--aqua-500);background:#f4fbfc} .manual-payment-picker{display:grid;grid-column:1/-1;gap:12px;padding:16px;border:1px solid #dce9ed;border-radius:16px;background:#f8fbfc} .manual-payment-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.manual-payment-picker-head strong{color:var(--navy-900);font-size:.86rem}.manual-payment-picker-head span{color:#6b818a;font-size:.66rem} .manual-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-payment-option{position:relative;display:flex;min-width:0;padding:14px;border:1px solid #d2e2e7;border-radius:14px;gap:11px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.manual-payment-option:hover{border-color:rgba(70,204,225,.7);background:#fbfeff}.manual-payment-option:has(input:checked){border-color:var(--aqua-500);background:#eefbfd;box-shadow:inset 0 0 0 1px rgba(70,204,225,.12)}.manual-payment-option input{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:2px 0 0;padding:0!important;accent-color:var(--navy-900)}.manual-payment-option>span{display:grid;min-width:0;gap:3px}.manual-payment-option small{color:#6b818a;font-size:.58rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.manual-payment-option strong{color:var(--navy-900);font-size:.87rem}.manual-payment-option em{color:#607983;font-size:.65rem;font-style:normal;line-height:1.45}.manual-payment-help{margin:0;color:#607983;font-size:.68rem;line-height:1.55} .manual-checkout-actions{grid-column:1/-1;display:grid;gap:10px} .manual-checkout-submit{min-height:50px;margin:0}.vorkasse-pay-button{border:0;color:#fff;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));box-shadow:0 12px 26px rgba(33,30,113,.18);cursor:pointer}.vorkasse-pay-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(33,30,113,.22)}.vorkasse-pay-button:disabled{cursor:wait;opacity:.72;transform:none;box-shadow:none} .vorkasse-success{display:grid;gap:16px;padding:26px;border:1px solid #cfe4e8;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f3fbfc 100%);box-shadow:0 12px 30px rgba(33,30,113,.06)}.vorkasse-success[hidden]{display:none!important}.vorkasse-success h3{margin:0;color:var(--navy-900);font-size:1.5rem}.vorkasse-success>p{margin:0;color:#58717c;font-size:.8rem;line-height:1.65}.vorkasse-success-total{display:flex;padding:15px 16px;border-radius:14px;align-items:center;justify-content:space-between;gap:18px;background:var(--navy-900);color:#fff}.vorkasse-success-total span{font-size:.72rem;font-weight:800}.vorkasse-success-total strong{font-size:1.2rem}.vorkasse-bank-details{display:grid;margin:0;border:1px solid #dce9ed;border-radius:14px;overflow:hidden;background:#fff}.vorkasse-bank-details div{display:grid;padding:11px 14px;grid-template-columns:145px minmax(0,1fr);gap:12px;border-bottom:1px solid #e7eff1}.vorkasse-bank-details div:last-child{border-bottom:0}.vorkasse-bank-details dt{color:#6b818a;font-size:.66rem;font-weight:800}.vorkasse-bank-details dd{margin:0;color:var(--navy-900);font-size:.76rem;font-weight:850;overflow-wrap:anywhere}.vorkasse-payment-note{padding:12px 13px;border-radius:12px;background:#fff9ea;color:#755a16!important}.vorkasse-invoice-status{font-weight:800}.vorkasse-invoice-status.is-ok{color:#087f5b!important}.vorkasse-invoice-status.is-warning{color:#9a6512!important} .checkout-summary .form-message{margin:12px 0 0} .draft-warning{margin:12px 2px 0;color:#708792;font-size:.67rem;line-height:1.55;text-align:center} .checkout-form .form-message{margin:0} @media(max-width:1040px){.checkout-grid,.checkout-grid.is-express-only{grid-template-columns:1fr}.checkout-summary,.checkout-grid.is-express-only .checkout-summary{position:relative;top:auto;order:-1;max-width:none}.checkout-form{order:2}.checkout-summary-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}.checkout-summary-product{grid-template-columns:58px minmax(0,1fr)}.checkout-summary-line-total{align-self:start;padding-top:2px}} @media(max-width:720px){.checkout-method-view{padding:18px max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.checkout-method-panel{padding:18px;border-radius:18px}.checkout-method-topline{gap:12px}.checkout-method-topline h3{font-size:1.22rem}.checkout-method-total strong{font-size:1.2rem}.checkout-method-options{grid-template-columns:1fr;gap:12px}.checkout-method-card{min-height:220px;padding:19px}.checkout-method-lead{font-size:.77rem}.cart-drawer{width:100%}.cart-line-name{white-space:normal;font-size:.82rem}.checkout-form legend,.checkout-form label.field-label,.choice-chip,.checkout-summary h3,.checkout-summary-name,.checkout-summary-meta,.checkout-summary-unit,.checkout-submit,.checkout-assurance span{white-space:normal}.checkout-overlay{padding:0}.checkout-shell{min-height:100vh;min-height:100dvh;border:0;border-radius:0}.checkout-head{padding:max(22px,env(safe-area-inset-top)) 18px 22px}.checkout-head::after{right:-105px}.checkout-head .icon-button{width:42px;height:42px;flex-basis:42px}.checkout-shell h2{font-size:clamp(1.9rem,9vw,2.55rem)}.checkout-note{font-size:.86rem}.checkout-assurance{gap:6px}.checkout-assurance span{font-size:.61rem;white-space:nowrap}.checkout-grid{padding:18px max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:16px}.checkout-form fieldset{padding:19px 16px 21px;border-radius:18px;grid-template-columns:1fr;gap:14px}.checkout-form legend{grid-column:1;margin-left:2px;padding-right:9px;font-size:.94rem}.checkout-form legend::before{width:30px;height:30px;flex-basis:30px}.checkout-form .full,.checkout-form .consent-row,.checkout-form .form-message,.customer-type{grid-column:1}.manual-payment-options{grid-template-columns:1fr}.manual-payment-picker-head{align-items:flex-start;flex-direction:column;gap:3px}.vorkasse-bank-details div{grid-template-columns:1fr;gap:3px}.customer-type{grid-template-columns:1fr 1fr}.consent-row{min-height:50px;padding:13px 14px;font-size:.72rem}.legal-consent{min-height:auto;padding:10px 11px;font-size:.69rem;line-height:1.45}.checkout-summary{padding:18px;border-radius:18px}.checkout-summary h3{font-size:1.12rem}.checkout-summary-item{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.checkout-summary-product{grid-template-columns:54px minmax(0,1fr);gap:10px}.checkout-summary-image{width:54px;height:54px}.checkout-summary-name{font-size:.7rem}.checkout-summary-meta,.checkout-summary-unit{font-size:.61rem}.checkout-summary-line-total{font-size:.75rem;align-self:start}.checkout-submit{font-size:.78rem}} @media(max-width:430px){.customer-type{grid-template-columns:1fr}.checkout-assurance span{width:fit-content}.checkout-head{gap:12px}.checkout-head .eyebrow{font-size:.66rem}.checkout-summary{padding:16px}.checkout-summary h3{font-size:1rem}.checkout-summary-item{grid-template-columns:1fr;gap:8px}.checkout-summary-product{grid-template-columns:50px minmax(0,1fr);gap:9px}.checkout-summary-image{width:50px;height:50px}.checkout-summary-name{font-size:clamp(.61rem,2.85vw,.69rem);letter-spacing:-.012em}.checkout-summary-meta,.checkout-summary-unit{font-size:.58rem}.checkout-summary-line-total{padding:0;justify-self:end}.checkout-summary .summary-row.total{font-size:.88rem}.checkout-summary .summary-row.total strong{font-size:1.05rem}.checkout-submit{min-height:48px;font-size:clamp(.68rem,3.3vw,.76rem);padding-inline:10px}} @media(max-width:400px){.cart-line{grid-template-columns:1fr}.cart-line-product{grid-template-columns:66px minmax(0,1fr)}.cart-line-image{width:66px;height:66px}.cart-line-price{grid-column:1;padding:0 0 0 79px}.cart-line-controls{grid-column:1}.checkout-summary-name{font-size:clamp(.58rem,2.75vw,.65rem)}.checkout-summary-product{grid-template-columns:46px minmax(0,1fr)}.checkout-summary-image{width:46px;height:46px}.checkout-submit{font-size:.68rem}} .referral-gate-overlay{position:fixed;z-index:116;inset:0;display:none;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;background:rgba(3,18,28,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)} .referral-gate-overlay.is-open{display:grid;place-items:center} .referral-gate-shell{position:relative;width:min(560px,100%);padding:34px;border:1px solid rgba(112,217,232,.26);border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f4fbfc 100%);box-shadow:0 38px 100px rgba(0,0,0,.36);overflow:hidden} .referral-gate-shell::after{position:absolute;width:230px;height:230px;top:-145px;right:-95px;border:30px solid rgba(70,204,225,.09);border-radius:50%;content:"";pointer-events:none} .referral-gate-head{position:relative;z-index:1;padding-right:56px} .referral-gate-head .eyebrow{margin-bottom:10px} .referral-gate-head h2{margin:0 0 12px;color:var(--navy-900);font-size:clamp(2rem,6vw,3rem);line-height:1.02;letter-spacing:-.045em} .referral-gate-head p{margin:0;color:var(--slate-600);font-size:.93rem;line-height:1.7} .referral-gate-close{position:absolute;z-index:3;top:22px;right:22px;width:44px;height:44px;border:1px solid #d3e5ea;border-radius:50%;color:var(--navy-900);background:#fff;font-size:1.35rem;box-shadow:0 8px 24px rgba(33,30,113,.07)} .referral-gate-form{position:relative;z-index:1;display:grid;margin-top:26px;gap:14px} .referral-gate-label{display:grid;gap:8px;color:var(--navy-800);font-size:.78rem;font-weight:900} .referral-gate-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px} .referral-gate-input{width:100%;min-width:0;min-height:54px;padding:12px 15px;border:1px solid #cde0e6;border-radius:14px;outline:0;color:var(--navy-900);background:#fff;font-size:1rem;font-weight:850;letter-spacing:.05em;transition:border-color .2s ease,box-shadow .2s ease} .referral-gate-input:focus{border-color:var(--aqua-500);box-shadow:0 0 0 4px rgba(70,204,225,.14)} .referral-gate-apply{min-height:54px;padding-inline:20px;white-space:nowrap} .referral-gate-help{margin:0;color:#6b818a;font-size:.7rem;line-height:1.55} .referral-persist{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #dce9ed;border-radius:12px;background:#fff;color:#5f7681;font-size:.68rem;line-height:1.5}.referral-persist input{flex:0 0 18px;width:18px;height:18px;margin-top:1px}.referral-persist a{text-decoration:underline;font-weight:800} .referral-gate-message{display:none;margin:0;padding:11px 13px;border-radius:12px;font-size:.74rem;font-weight:750;line-height:1.5} .referral-gate-message.is-visible{display:block} .referral-gate-message.is-error{color:#8d1730;background:#ffe9ee} .referral-gate-message.is-success{color:#086448;background:#e2f8ef} .referral-gate-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#78909a;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em} .referral-gate-divider::before,.referral-gate-divider::after{height:1px;background:#dce9ed;content:""} .referral-gate-none{width:100%;min-height:50px;border:1px solid #cddfe5;border-radius:999px;color:var(--navy-900);background:#fff;font-weight:900;transition:border-color .2s ease,background .2s ease,transform .2s ease} .referral-gate-none:hover{border-color:var(--aqua-500);background:#eefafb;transform:translateY(-1px)} .checkout-referral-status{display:grid;grid-column:1/-1;padding:15px 16px;border:1px solid #dce9ed;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;background:#f7fbfc} .checkout-referral-status-copy{display:grid;gap:3px;min-width:0} .checkout-referral-status-copy small{color:#6b818a;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em} .checkout-referral-status-copy strong{color:var(--navy-900);font-size:.82rem;overflow-wrap:anywhere} .checkout-referral-change{min-height:38px;padding:0 13px;border:1px solid #c9dce2;border-radius:999px;color:var(--navy-900);background:#fff;font-size:.69rem;font-weight:900;white-space:nowrap} @media(max-width:560px){.referral-gate-overlay{padding:0}.referral-gate-shell{width:100%;min-height:100vh;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom));border:0;border-radius:0;align-content:center}.referral-gate-close{top:max(16px,env(safe-area-inset-top));right:16px}.referral-gate-head{padding-right:48px}.referral-gate-head h2{font-size:clamp(2rem,10vw,2.7rem)}.referral-gate-input-wrap{grid-template-columns:1fr}.referral-gate-apply{width:100%}.checkout-referral-status{grid-template-columns:1fr;align-items:start}.checkout-referral-change{width:fit-content}} @media(max-width:820px){.hero .eyebrow{max-width:92%;font-size:.66rem;line-height:1.35;letter-spacing:.12em} .hero-copy{max-width:33rem} .hero-metrics .metric span{line-height:1.35} .section-head .lead,.human-intro-copy .lead{font-size:.98rem;line-height:1.62} .benefit-card p,.process-step p,.frequency-layer p{line-height:1.58}} .hero.hero-story{position:relative;min-height:clamp(720px,88svh,920px);display:flex;align-items:stretch;overflow:hidden;background:#041b2b;isolation:isolate} .hero-story-bg{position:absolute;inset:0;z-index:-4;background-size:cover;background-position:center center;filter:saturate(1.02) contrast(1.03);transform:scale(1.01)} .hero.hero-story::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(2,18,31,.96) 0%,rgba(2,25,42,.90) 42%,rgba(3,40,61,.56) 66%,rgba(2,24,39,.28) 100%)} .hero.hero-story::after{content:"";position:absolute;inset:auto -8vw -28vh auto;width:62vw;height:62vw;border-radius:50%;z-index:-2;background:radial-gradient(circle,rgba(57,205,226,.16),rgba(57,205,226,0) 68%);pointer-events:none} .hero.hero-story .hero-inner{width:100%;display:flex;flex-direction:column;justify-content:center;min-height:inherit;padding-top:clamp(54px,7vh,84px);padding-bottom:34px} .hero-story-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(42px,6vw,96px);width:100%;transition:opacity .28s ease,transform .28s ease} .hero-story-stage.is-switching{opacity:.24;transform:translateY(8px)} .hero.hero-story .hero-copy-block{width:100%;max-width:800px;min-height:0;padding:0;background:none;border:none;box-shadow:none;transform:none} .hero-story-meta{display:flex;align-items:center;gap:16px;margin-bottom:17px} .hero.hero-story .hero-story-meta .eyebrow{margin:0;color:#6ee7f4;font-size:.72rem;line-height:1.35;letter-spacing:.14em} .hero-story-count{margin-left:auto;color:rgba(255,255,255,.56);font-size:.76rem;font-weight:900;letter-spacing:.14em;white-space:nowrap} .hero.hero-story h1{max-width:820px;margin:0 0 20px;font-size:clamp(3rem,5vw,5.7rem);line-height:.96;letter-spacing:-.06em;text-wrap:balance} .hero.hero-story h1 .hero-title-firstline,.hero.hero-story h1 .hero-title-accent{display:block} .hero.hero-story h1 .hero-title-firstline{color:#fff} .hero.hero-story h1 .hero-title-accent{margin-top:5px;color:#51d4e7} .hero.hero-story .hero-copy{max-width:720px;margin:0 0 24px;color:rgba(255,255,255,.83);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.62} .hero-story-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;max-width:720px;margin:0 0 27px;padding:0;list-style:none} .hero-story-bullets li{position:relative;padding:11px 14px 11px 35px;border:1px solid rgba(100,223,240,.15);border-radius:14px;color:rgba(255,255,255,.89);background:rgba(3,32,49,.42);backdrop-filter:blur(10px);font-size:.9rem;font-weight:750;line-height:1.35} .hero-story-bullets li::before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;border-radius:50%;background:#5ad8e9;box-shadow:0 0 0 5px rgba(90,216,233,.10);transform:translateY(-50%)} .hero-story-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .hero-story-actions .btn,.hero-story-actions .hero-story-link{min-height:46px;padding:0 17px;border-radius:999px;font-size:.82rem} .hero-story-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(93,219,236,.32);color:#eaffff;background:rgba(8,45,62,.56);font:inherit;font-weight:850;cursor:pointer;transition:border-color .2s ease,background .2s ease} .hero-story-link:hover{border-color:rgba(93,219,236,.68);background:rgba(20,73,91,.72)} .hero-story-visual{position:relative;display:grid;place-items:center;min-height:460px;padding:34px;border:1px solid rgba(107,222,237,.18);border-radius:34px;background:linear-gradient(145deg,rgba(3,31,50,.38),rgba(8,72,96,.18));box-shadow:0 28px 80px rgba(0,10,20,.24);overflow:hidden} .hero-story-visual::before{content:"";position:absolute;inset:10%;border:1px solid rgba(107,222,237,.12);border-radius:50%;transform:rotate(-13deg)} .hero-visual-halo{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(96,228,240,.20),rgba(84,208,227,.06) 42%,transparent 72%);filter:blur(2px)} .hero-story-svg{position:relative;z-index:2;width:min(100%,590px);height:auto;max-height:390px;filter:drop-shadow(0 24px 42px rgba(0,0,0,.24))} .hero-story-media{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;min-height:330px} .hero-story-images{width:100%;height:100%;display:grid;place-items:center;gap:18px} .hero-story-images.is-single{grid-template-columns:minmax(0,1fr)} .hero-story-images.is-duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center} .hero-story-image-card{display:grid;place-items:center;width:100%;height:100%;min-height:250px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(231,246,250,.92));box-shadow:0 22px 54px rgba(0,12,25,.22);overflow:hidden} .hero-story-image{display:block;width:100%;height:100%;max-width:560px;max-height:350px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 32px rgba(0,0,0,.17))} .hero-story-images.is-duo .hero-story-image-card{min-height:286px;padding:16px} .hero-story-images.is-duo .hero-story-image{max-height:300px} .hero-story-media.has-images .hero-story-svg{display:none} .hero-story-media:not(.has-images) .hero-story-images{display:none} .hero-story-image-card.is-dark-source{background:linear-gradient(145deg,rgba(3,21,32,.96),rgba(8,48,66,.94))} .hero-story-visual-label{position:absolute;left:22px;right:22px;bottom:20px;z-index:3;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;color:rgba(255,255,255,.86);background:rgba(2,22,35,.62);backdrop-filter:blur(12px);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-align:center} .hero-story-controls{display:grid;grid-template-columns:44px auto 44px;align-items:center;justify-content:center;gap:11px;margin-top:27px} .hero-story-arrow{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:white;background:rgba(3,31,49,.54);font-size:1.05rem;cursor:pointer} .hero-story-arrow:hover{border-color:rgba(82,213,231,.7);background:rgba(12,67,85,.72)} .hero.hero-story .hero-slider-nav{position:static;display:flex;align-items:center;gap:8px;transform:none} .hero.hero-story .hero-slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.30);opacity:1;cursor:pointer;transition:width .25s ease,background .25s ease,border-radius .25s ease} .hero.hero-story .hero-slider-dot::before{display:none} .hero.hero-story .hero-slider-dot.is-active{width:28px;border-radius:999px;background:#5ad8e9} .hero-story-progress{width:min(880px,72%);height:2px;margin:16px auto 0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.10)} .hero-story-progress span{display:block;width:11.111%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55d7e8,#a8f6ff);transition:width .45s cubic-bezier(.2,.8,.2,1)} .hero.hero-story .hero-price-card,.hero.hero-story .hero-metrics,.hero.hero-story .hero-media{display:none!important} @media(max-width:1100px){.hero.hero-story{min-height:auto} .hero.hero-story .hero-inner{padding-top:72px;padding-bottom:26px} .hero-story-stage{grid-template-columns:1fr minmax(280px,.78fr);gap:28px} .hero-story-visual{min-height:390px} .hero.hero-story h1{font-size:clamp(2.65rem,6vw,4.6rem)}} @media(max-width:820px){.hero.hero-story{min-height:auto} .hero.hero-story::before{background:linear-gradient(180deg,rgba(2,18,31,.94) 0%,rgba(2,28,44,.88) 56%,rgba(3,45,64,.68) 100%)} .hero.hero-story .hero-inner{padding:52px 18px 24px} .hero-story-stage{grid-template-columns:1fr;gap:22px} .hero.hero-story .hero-copy-block{max-width:none} .hero-story-meta{align-items:flex-start;margin-bottom:13px} .hero.hero-story .hero-story-meta .eyebrow{max-width:78%;font-size:.62rem;letter-spacing:.11em} .hero-story-count{padding-top:1px;font-size:.67rem} .hero.hero-story h1{margin-bottom:14px;font-size:clamp(2.28rem,11vw,3.6rem);line-height:.98;letter-spacing:-.055em} .hero.hero-story .hero-copy{margin-bottom:18px;font-size:.96rem;line-height:1.56} .hero-story-bullets{grid-template-columns:1fr;gap:7px;margin-bottom:20px} .hero-story-bullets li{padding:9px 12px 9px 32px;border-radius:12px;font-size:.82rem} .hero-story-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} .hero-story-actions .btn,.hero-story-actions .hero-story-link{width:100%;min-height:44px;padding:8px 12px;font-size:.76rem;line-height:1.2} .hero-story-visual{min-height:270px;padding:18px;border-radius:24px} .hero-story-svg{width:min(100%,430px);max-height:240px} .hero-story-media{min-height:235px} .hero-story-images{gap:10px} .hero-story-image-card{min-height:205px;padding:12px;border-radius:18px} .hero-story-image{max-height:220px} .hero-story-images.is-duo .hero-story-image-card{min-height:190px;padding:10px} .hero-story-images.is-duo .hero-story-image{max-height:190px} .hero-story-visual-label{left:14px;right:14px;bottom:13px;padding:8px 10px;border-radius:12px;font-size:.68rem} .hero-story-controls{margin-top:18px;gap:8px} .hero-story-arrow{width:38px;height:38px} .hero.hero-story .hero-slider-nav{gap:6px} .hero.hero-story .hero-slider-dot{width:7px;height:7px} .hero.hero-story .hero-slider-dot.is-active{width:22px} .hero-story-progress{width:82%;margin-top:12px}} @media(max-width:480px){.hero.hero-story .hero-inner{padding-inline:14px} .hero-story-actions{grid-template-columns:1fr} .hero-story-visual{min-height:238px} .hero-story-media{min-height:210px} .hero-story-images.is-duo{grid-template-columns:1fr 1fr;gap:8px} .hero-story-images.is-duo .hero-story-image-card{min-height:166px;padding:8px;border-radius:15px} .hero-story-images.is-duo .hero-story-image{max-height:166px} .hero.hero-story h1{font-size:clamp(2.08rem,11.8vw,3rem)}} @media(prefers-reduced-motion:reduce){.hero-story-stage,.hero-story-progress span,.hero-story-link,.hero-story-arrow,.hero.hero-story .hero-slider-dot{transition:none!important}} #opti-ai-root{position:fixed;right:22px;bottom:92px;z-index:2147483600;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:opacity .2s ease,filter .2s ease} body.overlay-open #opti-ai-root{z-index:60;pointer-events:none;opacity:.28;filter:saturate(.8)} #opti-ai-toggle{display:grid;width:64px;height:64px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;place-items:center;color:#fff;background:linear-gradient(145deg,#211e71,#36c6dd);box-shadow:0 20px 45px rgba(23,21,79,.32);transition:transform .2s ease,box-shadow .2s ease} #opti-ai-toggle:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 24px 52px rgba(23,21,79,.38)} #opti-ai-toggle svg{width:28px;height:28px} #opti-ai-panel{position:absolute;right:0;bottom:78px;display:flex;width:min(410px,calc(100vw - 32px));height:min(610px,calc(var(--embed-height) - 120px));min-height:430px;flex-direction:column;overflow:hidden;border:1px solid rgba(33,30,113,.14);border-radius:26px;opacity:0;visibility:hidden;color:#211e71;background:#fff;box-shadow:0 28px 90px rgba(12,35,48,.28);transform:translateY(12px) scale(.98);transform-origin:right bottom;transition:opacity .2s ease,transform .2s ease,visibility .2s ease} #opti-ai-panel.is-open{opacity:1;visibility:visible;transform:none} #opti-ai-panel.is-expanded{position:fixed;right:50%;bottom:50%;width:min(860px,calc(100vw - 42px));height:min(760px,calc(var(--embed-height) - 42px));transform:translate(50%,50%)} #opti-ai-head{position:relative;z-index:3;display:flex;min-height:68px;flex:0 0 auto;align-items:center;justify-content:space-between;padding:14px 15px 13px 18px;color:#fff;background:linear-gradient(135deg,#17154f,#2b287f 62%,#20b7ce)} #opti-ai-head>div:first-child{display:grid;min-width:0;gap:1px} #opti-ai-head strong{font-size:1rem;letter-spacing:.02em} #opti-ai-head span{color:rgba(255,255,255,.76);font-size:.63rem;font-weight:700} .opti-ai-head-actions{display:flex;align-items:center;gap:7px} #opti-ai-close,#opti-ai-expand{display:grid;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;place-items:center;color:#fff;background:rgba(255,255,255,.1);touch-action:manipulation;-webkit-tap-highlight-color:transparent} #opti-ai-close{position:relative;z-index:5;font-size:22px;line-height:1} #opti-ai-close:focus-visible,#opti-ai-expand:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:2px} #opti-ai-expand svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5} #opti-ai-expand .opti-ai-restore-glyph{display:none} #opti-ai-panel.is-expanded #opti-ai-expand .opti-ai-expand-glyph{display:none} #opti-ai-panel.is-expanded #opti-ai-expand .opti-ai-restore-glyph{display:block} #opti-ai-messages{flex:1;min-height:0;overflow-y:auto;padding:17px 16px;background:linear-gradient(180deg,#f4f9fb,#fff);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y} .opti-ai-msg{width:fit-content;max-width:90%;margin:0 0 10px;padding:10px 12px;border-radius:15px;font-size:.8rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere} .opti-ai-msg.bot{border:1px solid #dce9ed;border-top-left-radius:5px;color:#264651;background:#fff;box-shadow:0 5px 15px rgba(33,30,113,.05)} .opti-ai-msg.user{margin-left:auto;border-top-right-radius:5px;color:#fff;background:#211e71;white-space:pre-wrap} .opti-ai-msg.thinking{display:flex;align-items:center;gap:10px;color:#264651} .opti-ai-thinking{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#264651} .opti-ai-thinking-dots{display:inline-flex;gap:5px;align-items:center} .opti-ai-thinking-dots span{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#221f73,#3ec4df);opacity:.28;animation:optiAiDots 1.15s infinite ease-in-out} .opti-ai-thinking-dots span:nth-child(2){animation-delay:.16s} .opti-ai-thinking-dots span:nth-child(3){animation-delay:.32s} @keyframes optiAiDots{0%,80%,100%{transform:translateY(0) scale(.82);opacity:.25}40%{transform:translateY(-3px) scale(1);opacity:1}} .opti-ai-msg p{margin:0 0 .68em} .opti-ai-msg p:last-child{margin-bottom:0} .opti-ai-msg ul,.opti-ai-msg ol{margin:.2em 0 .7em 1.2em;padding:0} .opti-ai-msg li{margin:.16em 0} .opti-ai-msg strong{font-weight:800} .opti-ai-action-row{display:flex;max-width:92%;margin:-3px 0 11px;flex-wrap:wrap;gap:7px} .opti-ai-action{min-height:36px;padding:7px 11px;border:1px solid #c9e4ea;border-radius:999px;color:#087f91;background:#fff;font-size:.66rem;font-weight:850} .opti-ai-action.primary{border-color:#211e71;color:#fff;background:#211e71} #opti-ai-quick{display:flex;gap:7px;overflow-x:auto;padding:0 14px 10px;background:#fff;overscroll-behavior:contain} #opti-ai-quick.is-hidden{display:none} .opti-ai-chip{flex:0 0 auto;padding:7px 10px;border:1px solid #cfe5ea;border-radius:999px;color:#087f91;background:#f5fbfc;font-size:.65rem;font-weight:850} #opti-ai-form{display:flex;padding:11px 13px 8px;border-top:1px solid #e1ecef;gap:8px;background:#fff} #opti-ai-input{min-width:0;flex:1;padding:10px 12px;border:1px solid #cbdde3;border-radius:13px;outline:0;color:#211e71;background:#fff;font-size:.77rem} #opti-ai-input:focus{border-color:#46cce1;box-shadow:0 0 0 3px rgba(70,204,225,.12)} #opti-ai-send{padding:0 13px;border:0;border-radius:13px;color:#fff;background:#2b287f;font-size:.7rem;font-weight:900} #opti-ai-send:disabled{opacity:.5} #opti-ai-note{padding:0 14px 11px;color:#758b94;background:#fff;font-size:.57rem;line-height:1.4} #opti-ai-note a{text-decoration:underline;font-weight:800} #opti-selection-ask{position:fixed;z-index:2147483599;display:flex;max-width:190px;min-height:38px;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(70,204,225,.55);border-radius:999px;opacity:0;visibility:hidden;color:#fff;background:#211e71;box-shadow:0 12px 30px rgba(33,30,113,.26);font-size:.68rem;font-weight:850;transform:translate(-50%,4px);transition:.16s ease} #opti-selection-ask.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)} .opti-selection-drop{font-size:.9rem} @media(max-width:960px) and(min-width:561px){#opti-ai-panel.is-expanded{width:calc(100vw - 30px);height:calc(var(--embed-height) - 30px);min-height:0;border-radius:24px}} #opti-ai-toggle[aria-expanded="true"]{opacity:0;pointer-events:none;transform:scale(.92)}@media(max-width:560px){#opti-ai-root{right:max(12px,env(safe-area-inset-right));bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px))}#opti-ai-toggle{width:58px;height:58px}#opti-ai-panel,#opti-ai-panel.is-expanded{position:fixed;top:calc(var(--opti-ai-vv-top,0px) + max(8px,env(safe-area-inset-top)));left:calc(var(--opti-ai-vv-left,0px) + max(8px,env(safe-area-inset-left)));right:auto;bottom:auto;width:calc(var(--opti-ai-vv-width,100vw) - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right)));height:calc(var(--opti-ai-vv-height,100dvh) - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));max-width:none;max-height:none;min-height:0;border-radius:22px;transform:none}#opti-ai-head{min-height:64px;padding:10px 10px 10px 14px}#opti-ai-head>div:first-child{min-width:0;padding-right:8px}#opti-ai-head strong{overflow-wrap:anywhere}#opti-ai-head span{overflow-wrap:anywhere}.opti-ai-head-actions{flex:0 0 auto}#opti-ai-close{width:44px;height:44px;flex:0 0 44px;font-size:26px;background:rgba(255,255,255,.14)}#opti-ai-expand{display:none}#opti-ai-form{flex-direction:column;align-items:stretch}#opti-ai-send{min-height:44px}body.opti-ai-mobile-open #optilemo-embed-scroll{overflow:hidden!important}} @media(prefers-reduced-motion:reduce){#opti-ai-panel,#opti-ai-toggle,#opti-selection-ask{transition:none}} .hero.hero-story{position:relative;min-height:clamp(760px,86svh,930px);overflow:hidden;background:#031a29;isolation:isolate} .hero.hero-story .hero-inner{width:min(100%,1520px);margin-inline:auto;padding:clamp(52px,6vh,78px) clamp(32px,5vw,82px) 34px!important} .hero-story-bg{background-position:86% center;background-size:cover;filter:saturate(1.04) contrast(1.03) brightness(1.04);transform:scale(1.006);opacity:1} .hero.hero-story::before{background:linear-gradient(90deg,rgba(2,18,31,.985) 0%,rgba(2,22,37,.94) 31%,rgba(2,27,43,.74) 48%,rgba(2,34,50,.34) 67%,rgba(2,25,39,.18) 82%,rgba(2,22,35,.36) 100%)} .hero.hero-story::after{width:44vw;height:44vw;right:-16vw;bottom:-20vw;background:radial-gradient(circle,rgba(78,218,235,.15),rgba(57,205,226,.035) 47%,transparent 73%)} .hero-story-stage{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:clamp(54px,5.2vw,88px)} .hero.hero-story .hero-copy-block{width:100%;max-width:760px;padding:0;background:none;border:0;box-shadow:none} .hero-story-meta{display:flex;align-items:center;gap:14px;margin:0 0 16px} .hero.hero-story .hero-story-meta .eyebrow{max-width:calc(100% - 82px);margin:0;color:#6ee7f4;font-size:.69rem;line-height:1.38;font-weight:900;letter-spacing:.14em} .hero-story-count{margin-left:auto;color:rgba(255,255,255,.6);font-size:.72rem;font-weight:900;letter-spacing:.14em;white-space:nowrap} .hero.hero-story h1{max-width:760px;margin:0 0 18px;font-size:clamp(3rem,4.25vw,5.15rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance} .hero.hero-story h1 .hero-title-firstline,.hero.hero-story h1 .hero-title-accent{display:block} .hero.hero-story h1 .hero-title-firstline{color:#fff}.hero.hero-story h1 .hero-title-accent{margin-top:5px;color:#52d7e9} .hero.hero-story .hero-copy{max-width:680px;margin:0 0 14px;color:rgba(244,251,253,.88);font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.6;white-space:pre-line} .hero-story-bullets{display:grid;grid-template-columns:1fr;gap:7px;max-width:680px;margin:0 0 14px;padding:0;list-style:none} .hero-story-bullets li{position:relative;min-height:42px;padding:9px 13px 9px 34px;border:1px solid rgba(92,219,236,.17);border-radius:12px;color:rgba(255,255,255,.91);background:rgba(3,32,49,.46);backdrop-filter:blur(8px);font-size:.82rem;font-weight:760;line-height:1.42;white-space:pre-line} .hero-story-bullets li::before{content:"";position:absolute;left:14px;top:50%;width:7px;height:7px;border-radius:50%;background:#5ad8e9;box-shadow:0 0 0 4px rgba(90,216,233,.10);transform:translateY(-50%)} .hero-story-after{max-width:680px;margin:0 0 18px;padding:12px 14px;border-left:3px solid #54d8e9;border-radius:0 12px 12px 0;color:rgba(239,250,253,.92);background:linear-gradient(90deg,rgba(12,70,88,.35),rgba(3,32,49,.18));font-size:.9rem;font-weight:560;line-height:1.56;letter-spacing:.002em;white-space:pre-line} .hero-story-after[hidden],.hero-story-bullets[hidden]{display:none!important} .hero-story-actions{display:flex;max-width:680px;flex-wrap:wrap;gap:9px;align-items:center} .hero-story-actions .btn,.hero-story-actions .hero-story-link{min-height:44px;padding:0 16px;border-radius:999px;font-size:.76rem;font-weight:900} .hero-story-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(93,219,236,.30);color:#efffff;background:rgba(8,45,62,.52);font:inherit;font-weight:900;cursor:pointer} .hero-story-link:hover{border-color:rgba(93,219,236,.67);background:rgba(20,73,91,.70)} .hero-story-visual{position:relative;width:100%;max-width:520px;justify-self:end;min-height:420px;padding:18px;border:1px solid rgba(105,223,239,.16);border-radius:28px;background:linear-gradient(145deg,rgba(2,28,44,.18),rgba(7,73,95,.10));box-shadow:0 22px 70px rgba(0,10,20,.17);backdrop-filter:blur(2px);overflow:hidden} .hero-story-visual::before{content:"";position:absolute;inset:8%;border:1px solid rgba(107,222,237,.08);border-radius:50%;pointer-events:none} .hero-visual-halo{position:absolute;inset:14% auto auto 14%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(96,228,240,.16),rgba(84,208,227,.04) 45%,transparent 73%)} .hero-story-media{position:relative;z-index:2;display:grid;min-height:340px;place-items:center} .hero-story-images{display:grid;width:100%;height:100%;place-items:center;gap:12px} .hero-story-images.is-single{grid-template-columns:1fr}.hero-story-images.is-duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch} .hero-story-image-card{display:grid;width:100%;min-height:275px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:19px;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(232,247,250,.92));box-shadow:0 16px 38px rgba(0,12,25,.18);overflow:hidden} .hero-story-image-card.is-dark-source{background:linear-gradient(145deg,rgba(3,21,32,.96),rgba(8,48,66,.94))} .hero-story-image{display:block;width:100%;height:100%;max-height:320px;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 27px rgba(0,0,0,.15))} .hero-story-images.is-duo .hero-story-image-card{min-height:286px;padding:12px}.hero-story-images.is-duo .hero-story-image{max-height:290px} .hero-story-media.has-images .hero-story-svg{display:none}.hero-story-media:not(.has-images) .hero-story-images{display:none} .hero-story-visual-label{position:relative;z-index:3;width:100%;margin-top:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:rgba(255,255,255,.86);background:rgba(2,22,35,.66);backdrop-filter:blur(10px);font-size:.69rem;font-weight:850;line-height:1.35;letter-spacing:.035em;text-align:center} .hero-story-controls{display:grid;grid-template-columns:42px auto 42px;align-items:center;justify-content:center;gap:10px;margin-top:22px} .hero-story-arrow{display:grid;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;place-items:center;color:#fff;background:rgba(3,31,49,.56);font-size:1rem;cursor:pointer} .hero.hero-story .hero-slider-nav{position:static;display:flex;align-items:center;gap:7px;transform:none}.hero.hero-story .hero-slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.3);opacity:1}.hero.hero-story .hero-slider-dot.is-active{width:25px;border-radius:999px;background:#5ad8e9} .hero-story-progress{width:min(620px,62%);height:2px;margin:12px auto 0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.10)}.hero-story-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55d7e8,#a8f6ff)} .hero.hero-story .hero-price-card,.hero.hero-story .hero-metrics,.hero.hero-story .hero-media{display:none!important} @media(min-width:1500px){.hero-story-stage{grid-template-columns:minmax(0,1.06fr) minmax(380px,.68fr)}.hero-story-visual{max-width:500px}.hero-story-bg{background-position:90% center}} @media(max-width:1120px){.hero.hero-story{min-height:auto}.hero.hero-story .hero-inner{padding-inline:clamp(28px,4vw,48px)!important}.hero-story-stage{grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);gap:34px}.hero.hero-story h1{font-size:clamp(2.7rem,5.3vw,4.2rem)}.hero-story-visual{max-width:440px;min-height:360px}.hero-story-media{min-height:290px}.hero-story-image-card{min-height:230px}.hero-story-image{max-height:270px}} @media(max-width:820px){.hero.hero-story{min-height:auto}.hero.hero-story .hero-inner{width:100%;max-width:720px;padding:30px 22px 24px!important}.hero-story-bg{background-size:auto 470px;background-repeat:no-repeat;background-position:84% 235px;opacity:.74;transform:none}.hero.hero-story::before{background:linear-gradient(180deg,rgba(2,18,31,.99) 0%,rgba(2,22,37,.95) 28%,rgba(2,28,44,.76) 51%,rgba(3,42,60,.68) 72%,rgba(2,20,33,.91) 100%)}.hero.hero-story::after{width:380px;height:380px;right:-250px;bottom:13%}.hero-story-stage{grid-template-columns:1fr;gap:20px}.hero.hero-story .hero-copy-block{max-width:none}.hero-story-meta{margin-bottom:11px}.hero.hero-story .hero-story-meta .eyebrow{max-width:calc(100% - 70px);font-size:.6rem;letter-spacing:.105em}.hero-story-count{font-size:.64rem}.hero.hero-story h1{max-width:640px;margin-bottom:12px;font-size:clamp(2.1rem,8.8vw,3.15rem);line-height:1.01;letter-spacing:-.05em;text-wrap:pretty}.hero.hero-story .hero-copy{max-width:none;margin-bottom:11px;font-size:.91rem;line-height:1.53}.hero-story-bullets{max-width:none;gap:6px;margin-bottom:11px}.hero-story-bullets li{min-height:0;padding:8px 10px 8px 29px;border-radius:11px;font-size:.75rem;line-height:1.34}.hero-story-bullets li::before{left:11px}.hero-story-after{max-width:none;margin-bottom:13px;padding:10px 11px;font-size:.82rem;line-height:1.49}.hero-story-actions{max-width:100%;margin:0 -2px;padding:1px 2px 4px;flex-wrap:nowrap;gap:7px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.hero-story-actions::-webkit-scrollbar{display:none}.hero-story-actions .btn,.hero-story-actions .hero-story-link{min-width:max-content;min-height:40px;padding:0 13px;flex:0 0 auto;font-size:.7rem}.hero-story-visual{max-width:100%;justify-self:stretch;min-height:0;padding:11px;border-radius:20px;background:linear-gradient(145deg,rgba(3,31,49,.17),rgba(8,72,96,.09));box-shadow:0 14px 38px rgba(0,10,20,.13)}.hero-story-visual::before{display:none}.hero-story-media{min-height:195px}.hero-story-image-card{min-height:178px;padding:8px;border-radius:14px}.hero-story-image{max-height:215px}.hero-story-images.is-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-story-images.is-duo .hero-story-image-card{min-height:172px;padding:7px}.hero-story-images.is-duo .hero-story-image{max-height:200px}.hero-story-visual-label{margin-top:7px;padding:7px 9px;border-radius:10px;font-size:.61rem}.hero-story-controls{grid-template-columns:38px minmax(0,auto) 38px;max-width:430px;margin:14px auto 0;gap:8px}.hero-story-arrow{width:38px;height:38px}.hero.hero-story .hero-slider-nav{gap:5px}.hero.hero-story .hero-slider-dot{width:7px;height:7px}.hero.hero-story .hero-slider-dot.is-active{width:20px}.hero-story-progress{width:min(86%,420px);margin-top:8px}} @media(max-width:520px){.hero.hero-story .hero-inner{padding:24px 18px 20px!important}.hero-story-bg{background-size:auto 400px;background-position:82% 250px;opacity:.66}.hero.hero-story h1{font-size:clamp(1.95rem,9.9vw,2.65rem)}.hero.hero-story .hero-copy{font-size:.86rem}.hero-story-after{font-size:.79rem}.hero-story-bullets li{font-size:.72rem}.hero-story-media{min-height:168px}.hero-story-image-card{min-height:150px;padding:7px}.hero-story-image{max-height:178px}.hero-story-images.is-duo .hero-story-image-card{min-height:148px}.hero-story-images.is-duo .hero-story-image{max-height:172px}.hero-story-controls{margin-top:11px}} @media(max-width:360px){.hero.hero-story .hero-inner{padding-inline:15px!important}.hero.hero-story h1{font-size:1.88rem}.hero.hero-story .hero-story-meta .eyebrow{font-size:.55rem}.hero-story-actions .btn,.hero-story-actions .hero-story-link{font-size:.66rem}.hero-story-images.is-duo{grid-template-columns:1fr}.hero-story-images.is-duo .hero-story-image-card{min-height:140px}} @media(orientation:landscape) and(max-height:600px) and(max-width:980px){.hero.hero-story .hero-inner{max-width:920px;padding:20px 26px 16px!important}.hero-story-bg{background-size:cover;background-position:90% center}.hero-story-stage{grid-template-columns:minmax(0,1fr) minmax(250px,.62fr);gap:22px}.hero.hero-story h1{font-size:clamp(1.9rem,5.1vw,2.8rem)}.hero.hero-story .hero-copy{font-size:.78rem;margin-bottom:7px}.hero-story-bullets{margin-bottom:7px}.hero-story-bullets li{padding-block:6px}.hero-story-after{font-size:.72rem;margin-bottom:8px;padding-block:7px}.hero-story-visual{min-height:220px}.hero-story-media{min-height:190px}.hero-story-controls{margin-top:8px}} .hero-water-cursor{width:34px;height:42px}.hero-water-cursor.is-visible{opacity:.92}.hero-water-drop{top:2px!important;left:6px!important;width:22px!important;height:32px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;transform:none!important;transform-origin:50% 100%!important;filter:drop-shadow(0 7px 15px rgba(28,186,211,.24)) drop-shadow(0 0 14px rgba(70,204,225,.12))}.hero-water-drop::after{display:none!important}.hero-water-drop .drop-shape{fill:url(#heroCursorDropGradient);stroke:rgba(229,253,255,.88);stroke-width:1.1}.hero-water-drop .drop-highlight-main{fill:rgba(255,255,255,.78)}.hero-water-drop .drop-highlight-soft{fill:rgba(255,255,255,.34)}.hero-water-drop .drop-shadow-inner{fill:rgba(6,116,138,.14)}.hero-water-cursor.is-interactive .hero-water-drop{filter:drop-shadow(0 9px 18px rgba(28,186,211,.3)) drop-shadow(0 0 18px rgba(70,204,225,.18))}@keyframes heroWaterDrop{0%{transform:translate3d(0,-5px,0) scale(.92)}48%{transform:translate3d(0,3px,0) scale(1.06,.92)}100%{transform:translate3d(0,0,0) scale(1)}} #optilemo-glossary-sprite{display:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important} .eyebrow{font-size:clamp(.86rem,.92vw,1rem);font-weight:950;letter-spacing:.12em} .eyebrow::before{display:none!important} .process-wrap .section-head .eyebrow,.process-wrap .motion-explainer-head .eyebrow,.process-wrap .frequency-model-head .eyebrow{color:#8be9f1;font-size:clamp(.9rem,1vw,1.05rem);font-weight:950} .process-wrap .principle-progress-control{border-color:rgba(139,233,241,.34);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(70,204,225,.08))} .process-wrap .principle-progress-control>span{color:#8be9f1;font-size:.76rem;font-weight:950} .process-wrap .principle-progress-control>strong{color:#fff;font-size:clamp(1.02rem,1.3vw,1.2rem);font-weight:900} .process-wrap .principle-progress-button{color:#3b2108;border:1px solid rgba(255,255,255,.34);background:linear-gradient(135deg,#ffd48f,#ff9d45 58%,#ff8733);box-shadow:0 14px 30px rgba(255,145,52,.2)} .process-wrap .principle-progress-button:hover{color:#251300;background:linear-gradient(135deg,#ffe1ad,#ffad5d 58%,#ff9445);box-shadow:0 16px 34px rgba(255,145,52,.28)} .process-wrap .principle-progress-button:focus-visible{outline:3px solid rgba(255,204,127,.5);outline-offset:3px} .process-wrap .principle-progress-control.is-expanded{border-color:rgba(255,184,92,.38);background:linear-gradient(135deg,rgba(255,157,69,.10),rgba(70,204,225,.08))} @media(max-width:720px){.eyebrow{font-size:.82rem;letter-spacing:.105em} .process-wrap .section-head .eyebrow,.process-wrap .motion-explainer-head .eyebrow,.process-wrap .frequency-model-head .eyebrow{font-size:.84rem}} .process-wrap>.section-head{display:block!important;visibility:visible!important;opacity:1!important} .process-wrap>.section-head>.eyebrow{display:inline-flex!important;visibility:visible!important;opacity:1!important} .process-wrap>.section-head>h2{display:block!important;visibility:visible!important;opacity:1!important} .principle-progress-stage{scroll-margin-top:24px} .floating-cart-trigger{position:fixed;z-index:80;right:22px;bottom:172px;display:grid;width:62px;height:62px;padding:0;place-items:center;border:1px solid rgba(33,30,113,.14);border-radius:50%;color:#fff;background:linear-gradient(145deg,#211e71,#46cce1);box-shadow:0 16px 38px rgba(33,30,113,.26),0 0 0 6px rgba(70,204,225,.10);opacity:0;pointer-events:none;transform:translateY(10px) scale(.92);transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;isolation:isolate} .floating-cart-trigger.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)} .floating-cart-trigger:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 20px 44px rgba(33,30,113,.32),0 0 0 7px rgba(70,204,225,.14)} .floating-cart-trigger:focus-visible{outline:3px solid rgba(112,217,232,.72);outline-offset:4px} .floating-cart-trigger svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .floating-cart-count{position:absolute;top:-5px;right:-5px;display:grid;min-width:25px;height:25px;padding:0 6px;place-items:center;border:2px solid #fff;border-radius:999px;color:var(--navy-950);background:var(--aqua-500);font-size:.68rem;font-weight:950;line-height:1;box-shadow:0 5px 14px rgba(3,31,45,.18)} body.overlay-open .floating-cart-trigger,body.opti-ai-mobile-open .floating-cart-trigger{opacity:0;pointer-events:none} @media(max-width:720px){.floating-cart-trigger{right:14px;bottom:164px;width:56px;height:56px}.floating-cart-trigger svg{width:24px;height:24px}.floating-cart-count{min-width:23px;height:23px;font-size:.62rem}} @media(prefers-reduced-motion:reduce){.floating-cart-trigger{transition:none}} .site-header .cart-trigger{display:grid;width:46px;height:46px;min-height:46px;padding:0;place-items:center;border-radius:50%;isolation:isolate} .site-header .cart-trigger svg,.site-header .mobile-cart-trigger svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .site-header .cart-trigger .cart-count,.site-header .mobile-cart-trigger .cart-count{position:absolute;top:-5px;right:-5px;min-width:23px;height:23px;margin:0;padding:0 5px;border:2px solid #fff;font-size:.64rem;font-weight:950;line-height:1;box-shadow:0 4px 12px rgba(3,31,45,.14)} @media(max-width:1500px){.site-header .cart-trigger{display:none}.site-header .mobile-cart-trigger{position:relative;display:grid;flex:0 0 46px;margin-left:0}} @media(max-width:720px){.site-header .mobile-cart-trigger{width:42px;height:42px;flex-basis:42px}.site-header .mobile-cart-trigger svg{width:20px;height:20px}} .signature-section{position:relative;overflow:hidden;padding:92px 0 86px;background:linear-gradient(180deg,#f4f9fb 0%,#f8fbfc 58%,#fff 100%)} .signature-section::before{content:"";position:absolute;width:520px;height:520px;right:-280px;top:-300px;border:1px solid rgba(70,204,225,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(70,204,225,.028),0 0 0 140px rgba(70,204,225,.016);pointer-events:none} .signature-section .container{position:relative;z-index:1} .signature-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.56fr);align-items:start;gap:clamp(28px,5vw,74px)} .signature-copy{max-width:820px} .signature-copy .eyebrow{margin-bottom:14px;color:#079db2;font-size:.72rem;font-weight:950;letter-spacing:.14em} .signature-copy h2{max-width:850px;margin:0;color:#29247f;font-size:clamp(2.7rem,5.2vw,5.4rem);line-height:.97;letter-spacing:-.058em} .signature-copy .lead{max-width:790px;margin:24px 0 0;color:#607781;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.72} .signature-crystal{align-self:start;justify-self:end;width:min(100%,390px);margin:-18px 0 0;pointer-events:none} .signature-crystal img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.9) contrast(1.02)} .signature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px} .signature-card{position:relative;min-height:292px;padding:24px 24px 28px;border:1px solid #dce9ec;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(6,27,39,.055);overflow:hidden} .signature-card::after{content:"";position:absolute;width:118px;height:118px;right:-52px;bottom:-54px;border:1px solid rgba(70,204,225,.35);border-radius:50%;box-shadow:0 0 0 34px rgba(70,204,225,.035)} .signature-number{display:grid;place-items:center;width:36px;height:36px;margin-bottom:38px;border-radius:50%;background:#ddf8fb;color:#079db2;font-size:.64rem;font-weight:950;letter-spacing:.04em} .signature-card h3{margin:0 0 12px;color:#29247f;font-size:1.08rem;letter-spacing:-.025em} .signature-card p{margin:0;color:#657c85;font-size:.82rem;line-height:1.62} @media(max-width:980px){.signature-section{padding:76px 0 72px}.signature-top{grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:28px}.signature-crystal{margin-top:8px}.signature-cards{gap:14px}.signature-card{padding:21px;min-height:280px}} @media(max-width:720px){.signature-section{padding:58px 0 54px}.signature-top{grid-template-columns:1fr;gap:12px}.signature-copy h2{font-size:clamp(2.35rem,11vw,3.25rem)}.signature-copy .lead{margin-top:18px}.signature-crystal{justify-self:center;width:min(78vw,320px);margin:-2px auto 0}.signature-cards{grid-template-columns:1fr;margin-top:24px;gap:12px}.signature-card{min-height:0;padding:20px;border-radius:20px}.signature-number{margin-bottom:22px}.signature-card p{font-size:.86rem}} .ambient-water{position:fixed;inset:0;z-index:6;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;contain:strict} .water-ambient-enabled .ambient-water{opacity:1;visibility:visible;transition:opacity .45s ease} .ambient-water__drops{position:absolute;inset:-10% 0 0;overflow:hidden;pointer-events:none} .ambient-water__drop{position:absolute;top:-16%;left:calc(var(--x,50) * 1%);width:var(--size,12px);height:calc(var(--size,12px) * 1.55);margin-left:calc(var(--size,12px) * -.5);border-radius:52% 52% 60% 60% / 18% 18% 80% 80%;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(191,244,250,.95) 34%,rgba(89,206,225,.92) 68%,rgba(15,150,174,.86));box-shadow:0 0 10px rgba(255,255,255,.34),0 8px 18px rgba(31,180,204,.20);filter:saturate(1.08);transform-origin:50% 0%;animation:ambientDropFall var(--dur,8s) linear infinite;animation-delay:var(--delay,0s);opacity:0;will-change:transform,opacity} .ambient-water__drop::before{position:absolute;top:12%;left:18%;width:42%;height:24%;border-radius:50%;content:"";background:rgba(255,255,255,.86);filter:blur(.35px);opacity:.82} .ambient-water__drop::after{position:absolute;left:50%;top:-22px;width:3px;height:20px;border-radius:999px;content:"";transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(224,252,255,.42),rgba(224,252,255,0));opacity:.54;filter:blur(.2px)} .ambient-water__drop--soft{filter:saturate(1.02) blur(.1px)} .ambient-water__glow{position:absolute;inset:0;background:radial-gradient(ellipse at 14% 0%,rgba(194,242,249,.10),rgba(194,242,249,0) 32%),radial-gradient(ellipse at 88% 0%,rgba(108,216,233,.12),rgba(108,216,233,0) 32%);opacity:.62;animation:ambientGlowDrift 10s ease-in-out infinite alternate} @keyframes ambientDropFall{0%{transform:translate3d(0,-12vh,0) scale(.68) rotate(1deg);opacity:0} 8%{opacity:var(--alpha,.92)} 46%{transform:translate3d(calc(var(--drift,0px) * .45),38vh,0) scale(.96) rotate(calc(var(--tilt,0deg) * .45))} 82%{opacity:calc(var(--alpha,.92) * .9)} 100%{transform:translate3d(var(--drift,0px),122vh,0) scale(1.06) rotate(var(--tilt,0deg));opacity:0}} @keyframes ambientGlowDrift{from{transform:translate3d(0,-1.5%,0);opacity:.44} to{transform:translate3d(0,3%,0);opacity:.68}} @media(max-width:820px){.ambient-water{z-index:5} .ambient-water__drop{width:calc(var(--size,12px) * .82);height:calc(var(--size,12px) * 1.28)} .ambient-water__drop::after{height:14px;top:-16px;opacity:.36} .ambient-water__glow{opacity:.36}} @media(prefers-reduced-motion:reduce){.ambient-water__drop,.ambient-water__glow{animation:none !important} .water-ambient-enabled .ambient-water{opacity:.74}} @media print,(forced-colors:active){.ambient-water{display:none !important}} @media(min-width:981px){.signature-top{position:relative;display:block;min-height:330px;padding-right:clamp(290px,31vw,430px)} .signature-copy{max-width:850px} .signature-crystal{position:absolute;z-index:2;top:clamp(-58px,-3.4vw,-24px);right:clamp(-12px,1vw,12px);width:min(31vw,410px);margin:0;pointer-events:none} .signature-crystal img{max-height:390px}} @media(min-width:721px) and(max-width:980px){.signature-top{grid-template-columns:minmax(0,1fr) minmax(205px,.42fr);gap:24px} .signature-crystal{align-self:start;justify-self:end;width:min(32vw,285px);margin:-12px 0 0}} @media(max-width:720px){.signature-crystal{position:relative;justify-self:center;width:min(74vw,300px);margin:2px auto 0}} .location-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbfc 0%,#eef8fa 100%)} .location-section::before{content:"";position:absolute;inset:auto -12% -34% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(70,204,225,.14),rgba(70,204,225,0) 70%);pointer-events:none} .location-section[hidden]{display:none!important} .location-section .section-head{max-width:860px;margin-bottom:28px} .location-hint{margin-top:12px;color:#587782;font-size:.84rem;font-weight:700} .location-interface{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr);gap:22px;align-items:stretch} .location-map-card,.location-list-card{border:1px solid rgba(26,96,116,.14);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(9,49,66,.09);overflow:hidden} .location-toolbar{display:flex;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #e1eef1;background:rgba(255,255,255,.96)} .location-search{flex:1;min-width:0;height:46px;border:1px solid #cfe1e6;border-radius:13px;padding:0 14px;font:inherit;color:#123a48;background:#fff;outline:none} .location-search:focus{border-color:#46cce1;box-shadow:0 0 0 3px rgba(70,204,225,.16)} .location-reset{height:46px;white-space:nowrap;border:1px solid #cfe1e6;border-radius:13px;padding:0 15px;background:#fff;color:#183f4c;font-weight:850;cursor:pointer} .location-reset:hover{border-color:#46cce1;background:#f1fbfc} .location-map{position:relative;height:520px;background:linear-gradient(145deg,#dff4f7,#edf9fa 48%,#d8eef3)} .location-map-status{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#416b78;font-weight:800;z-index:2} .location-map.is-ready .location-map-status{display:none} .location-list-card{display:flex;flex-direction:column;min-height:520px;max-height:610px} .location-list-head{padding:18px 18px 14px;border-bottom:1px solid #e4eef0} .location-list-head strong{display:block;color:#0d3745;font-size:1rem} .location-list-head span{display:block;margin-top:4px;color:#6d858e;font-size:.76rem} .location-list{display:flex;flex-direction:column;gap:10px;padding:14px;overflow:auto;overscroll-behavior:contain} .location-list-empty{padding:26px 18px;color:#6b818a;text-align:center;font-weight:700} .location-card-button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:13px;border:1px solid #dce9ec;border-radius:16px;background:#fff;text-align:left;color:#123946;cursor:pointer;transition:.2s ease} .location-card-button:hover,.location-card-button:focus-visible{transform:translateY(-1px);border-color:#7bd8e6;box-shadow:0 10px 24px rgba(34,121,145,.10);outline:none} .location-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1caac6,#46cce1);box-shadow:0 8px 18px rgba(28,170,198,.22)} .location-card-icon svg{width:23px;height:23px} .location-card-copy{min-width:0} .location-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;color:#0c3544} .location-card-copy span{display:block;margin-top:3px;color:#6c838c;font-size:.72rem;line-height:1.4} .location-card-arrow{font-size:1.25rem;color:#37b5cb;font-weight:900} .opti-location-divicon{background:none!important;border:0!important} .opti-map-pin{width:44px;height:54px;filter:drop-shadow(0 8px 12px rgba(5,59,76,.28));transform-origin:50% 100%;transition:transform .18s ease} .opti-map-pin:hover{transform:translateY(-2px) scale(1.05)} .opti-map-pin svg{display:block;width:44px;height:54px} .opti-map-pin--group{position:relative} .opti-map-pin--group .opti-map-count{position:absolute;top:-7px;right:-12px;display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:#211e71;color:#fff;font-size:.68rem;font-weight:950;line-height:1;box-shadow:0 5px 12px rgba(4,35,49,.28)} .location-group-intro{margin:0 0 16px;color:#426672;line-height:1.6} .location-group-list{display:grid;gap:10px} .location-group-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:13px 14px;border:1px solid #dce9ec;border-radius:16px;background:#fff;text-align:left;color:#123946;cursor:pointer;transition:.18s ease} .location-group-option:hover,.location-group-option:focus-visible{border-color:#70d7e5;background:#f7fcfd;box-shadow:0 9px 22px rgba(31,124,148,.10);outline:none;transform:translateY(-1px)} .location-group-option strong{display:block;color:#0c3544;font-size:.88rem} .location-group-option span{display:block;margin-top:3px;color:#6c838c;font-size:.72rem} .location-group-option b{font-size:1.25rem;color:#37b5cb} .location-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:22px;background:rgba(2,20,29,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .location-modal[hidden]{display:none!important} .location-modal-dialog{position:relative;width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(255,255,255,.28);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(0,18,28,.34)} .location-modal-close{position:absolute;z-index:3;top:14px;right:14px;width:42px;height:42px;border:1px solid rgba(20,68,82,.15);border-radius:50%;background:rgba(255,255,255,.94);color:#163d49;font-size:1.45rem;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(6,42,54,.10)} .location-modal-hero{position:relative;min-height:154px;padding:30px 76px 26px 28px;background:linear-gradient(135deg,#062839 0%,#075a70 58%,#17a7c2 100%);color:#fff;overflow:hidden} .location-modal-hero::after{content:"";position:absolute;width:210px;height:210px;right:-48px;top:-82px;border-radius:50%;background:radial-gradient(circle,rgba(197,249,255,.34),rgba(197,249,255,0) 70%)} .location-modal-kicker{display:inline-flex;padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.10);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .location-modal-hero h3{max-width:520px;margin:13px 0 7px;color:#fff;font-size:clamp(1.7rem,3.2vw,2.45rem);line-height:1.05} .location-modal-city{color:rgba(255,255,255,.78);font-size:.86rem;font-weight:750} .location-modal-image{width:100%;max-height:290px;object-fit:cover;display:block;background:#eaf5f7} .location-modal-body{padding:24px 28px 28px} .location-modal-description{margin:0 0 20px;color:#365b67;line-height:1.7} .location-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px} .location-detail{padding:14px;border:1px solid #dfebee;border-radius:15px;background:#f9fcfd} .location-detail small{display:block;margin-bottom:5px;color:#78909a;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .location-detail strong,.location-detail a,.location-detail span{display:block;color:#163f4d;font-size:.82rem;line-height:1.5;word-break:break-word} .location-detail a{text-decoration:underline;text-decoration-color:rgba(70,204,225,.55);text-underline-offset:3px} .location-modal-actions{display:flex;flex-wrap:wrap;gap:10px} .location-modal-actions .btn{min-height:48px;justify-content:center} .location-map .leaflet-control-attribution{font-size:9px;background:rgba(255,255,255,.82)} .location-map .leaflet-control-zoom a{color:#174353} @media(max-width:980px){.location-interface{grid-template-columns:1fr}.location-map{height:460px}.location-list-card{min-height:0;max-height:none}.location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}} @media(max-width:640px){.location-section .section-head{margin-bottom:20px}.location-interface{gap:14px}.location-map-card,.location-list-card{border-radius:19px}.location-toolbar{padding:10px;gap:8px}.location-search{height:44px}.location-reset{height:44px;padding:0 11px;font-size:.72rem}.location-map{height:390px}.location-list{grid-template-columns:1fr;padding:10px}.location-modal{align-items:end;padding:0}.location-modal-dialog{width:100%;max-height:88dvh;border-radius:24px 24px 0 0}.location-modal-hero{padding:26px 66px 22px 20px}.location-modal-body{padding:20px}.location-detail-grid{grid-template-columns:1fr}.location-modal-actions{display:grid;grid-template-columns:1fr}.location-modal-actions .btn{width:100%}} .signature-crystal{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,padding .25s ease} .signature-crystal.is-transparent{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:0!important} .signature-crystal.is-transparent img{mix-blend-mode:normal!important;background:transparent!important} .signature-crystal.is-card{background:rgba(255,255,255,.94);border:1px solid rgba(145,205,217,.28);border-radius:26px;padding:clamp(12px,1.4vw,20px);box-shadow:0 18px 50px rgba(12,73,91,.08)} .signature-crystal.is-card img{mix-blend-mode:normal!important;background:transparent!important} @media(max-width:720px){.signature-crystal.is-card{border-radius:22px;padding:12px}} @media(min-width:981px){.signature-top{min-height:315px;padding-right:clamp(300px,28vw,390px)} .signature-copy{max-width:810px} .signature-copy h2{max-width:790px;font-size:clamp(3.05rem,4.15vw,4rem);line-height:.98;letter-spacing:-.052em;text-wrap:balance} .signature-copy .lead{max-width:790px;margin-top:22px;font-size:clamp(.98rem,1.08vw,1.08rem);line-height:1.66} .signature-crystal{top:clamp(-42px,-2.8vw,-22px);right:clamp(-4px,.5vw,8px);width:min(27vw,360px)} .signature-crystal img{max-height:350px} .signature-cards{width:min(100%,1000px);margin:40px 0 0;gap:18px} .signature-card{min-height:344px;padding:24px 28px 28px} .signature-number{margin-bottom:36px} .signature-card p{width:100%;max-width:252px;font-size:.82rem;line-height:1.62}} @media(min-width:981px) and(max-width:1120px){.signature-top{padding-right:300px} .signature-copy h2{max-width:690px;font-size:clamp(3rem,4.75vw,3.45rem)} .signature-crystal{width:270px} .signature-cards{width:min(100%,940px)} .signature-card{padding-inline:24px} .signature-card p{max-width:240px}} @media(max-width:980px){.signature-copy h2{text-wrap:balance}} @media(min-width:981px){#besonders .signature-cards{margin-left:0!important;margin-right:0!important}} .hero.hero-story .hero-copy{display:grid;gap:7px;max-width:690px;margin:0 0 15px;padding:0;color:rgba(244,251,253,.88);font-size:clamp(.96rem,1.05vw,1.06rem);line-height:1.54;white-space:normal} .hero-copy-segment{display:block;max-width:100%;text-wrap:pretty} .hero-copy-segment:first-child{color:#fff;font-weight:780;letter-spacing:-.01em} .hero-copy-segment + .hero-copy-segment{color:rgba(226,241,246,.82)} .hero-copy-segment.is-lead{width:max-content;max-width:100%;padding:5px 10px;border:1px solid rgba(100,223,240,.16);border-radius:999px;background:rgba(4,40,58,.35);color:#bff7ff;font-size:.82em;font-weight:850;letter-spacing:.015em} .hero-story-after{display:grid;gap:7px;max-width:690px;margin:0 0 18px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:rgba(239,250,253,.92);font-size:.88rem;line-height:1.48;white-space:normal} .hero-after-segment{position:relative;display:block;padding:8px 12px 8px 27px;border:1px solid rgba(84,216,233,.12);border-radius:11px;background:linear-gradient(90deg,rgba(12,70,88,.26),rgba(3,32,49,.13));text-wrap:pretty} .hero-after-segment::before{content:"";position:absolute;left:11px;top:1.05em;width:6px;height:6px;border-radius:50%;background:#58dbea;box-shadow:0 0 0 4px rgba(88,219,234,.08)} .hero-after-segment:last-child{border-color:rgba(84,216,233,.22);background:linear-gradient(90deg,rgba(10,79,99,.34),rgba(3,32,49,.16));color:#f6fdff;font-weight:650} .hero-after-segment:last-child::before{background:#8beefa} @media(max-width:820px){.hero.hero-story .hero-copy{gap:5px;max-width:none;margin-bottom:10px;font-size:.88rem;line-height:1.48} .hero-copy-segment.is-lead{padding:4px 8px;font-size:.79em} .hero-story-after{gap:5px;max-width:none;margin-bottom:12px;font-size:.78rem;line-height:1.42} .hero-after-segment{padding:7px 9px 7px 23px;border-radius:9px} .hero-after-segment::before{left:9px;top:.98em;width:5px;height:5px}} @media(max-width:520px){.hero.hero-story .hero-copy{font-size:.84rem} .hero-story-after{font-size:.75rem} .hero-after-segment{padding:6px 8px 6px 21px}} .hero.hero-story .hero-story-stage{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)} .hero.hero-story .hero-story-stage>*{min-width:0} .hero.hero-story .hero-copy-block{min-width:0!important;width:100%!important;max-width:720px!important} .hero.hero-story .hero-copy-block>*,.hero.hero-story .hero-copy,.hero.hero-story .hero-story-bullets,.hero.hero-story .hero-story-after,.hero.hero-story .hero-story-actions{min-width:0;max-width:100%!important} .hero.hero-story .hero-copy-segment,.hero.hero-story .hero-after-segment,.hero.hero-story .hero-story-bullets li{min-width:0;width:100%;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} .hero.hero-story .hero-copy-segment.is-lead{width:100%!important;max-width:100%!important;border-radius:12px} .hero.hero-story .hero-story-actions{display:flex;flex-wrap:wrap;overflow:hidden} .hero.hero-story .hero-story-actions>*{max-width:100%} .hero.hero-story .hero-story-visual{min-width:0;width:100%;max-width:520px;justify-self:end} @media(min-width:821px) and(max-width:1120px){.hero.hero-story .hero-story-stage{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(28px,3.6vw,42px)} .hero.hero-story .hero-copy-block{max-width:100%!important}} @media(max-width:820px){.hero.hero-story .hero-story-stage{grid-template-columns:minmax(0,1fr);gap:20px} .hero.hero-story .hero-copy-block,.hero.hero-story .hero-story-visual{max-width:100%!important;justify-self:stretch} .hero.hero-story .hero-copy-segment.is-lead{border-radius:10px}} .hero.hero-story .hero-copy .hero-config-line.is-framed,.hero.hero-story .hero-copy .hero-copy-segment.is-lead{display:block;width:fit-content!important;max-width:100%!important} .hero.hero-story .hero-story-bullets,.hero.hero-story .hero-story-after{justify-items:start} .hero.hero-story .hero-story-bullets li,.hero.hero-story .hero-after-segment{width:fit-content!important;max-width:100%!important} @supports not(width:fit-content){.hero.hero-story .hero-copy .hero-config-line.is-framed,.hero.hero-story .hero-copy .hero-copy-segment.is-lead,.hero.hero-story .hero-story-bullets li,.hero.hero-story .hero-after-segment{display:inline-block;width:auto!important}} @media(max-width:820px){.hero.hero-story .hero-copy .hero-config-line.is-framed,.hero.hero-story .hero-copy .hero-copy-segment.is-lead,.hero.hero-story .hero-story-bullets li,.hero.hero-story .hero-after-segment{max-width:100%!important}} #main-nav .opx-public-nav-trigger{color:var(--navy-900,#211e71);-webkit-text-fill-color:var(--navy-900,#211e71)}