/* Concept 02. Shared palette and controls; the approved source copy is unchanged. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.versions a:not([aria-current]){background:transparent;color:#c9d5c1;border:1px solid #708367}
.versions a:not([aria-current]):hover{background:#ffffff12;color:white}
.review-inner{gap:24px}.review-links{gap:20px}
.desktop-nav .current:after{right:0}.nav-button[aria-expanded=true]{color:#68845b}
.text-link{gap:0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.history-controls .icon-button{width:auto;min-width:65px;flex-basis:auto;padding:0 15px;font-size:13px;border-radius:var(--pill)}

/* A gently moving field of harmonics, with the institute's characteristic curve. */
.hero{grid-template-columns:1.06fr 1fr;gap:clamp(32px,4vw,72px);padding-block:58px 60px}
.hero h1{font-size:clamp(38px,3.45vw,61px);letter-spacing:-.048em;margin-block:22px 26px;line-height:1.1}
.hero-intro{font-size:clamp(15px,1.15vw,18px);line-height:1.7}
.hero-actions{gap:30px;margin-top:30px}
.signal-stage{align-self:stretch;min-height:480px;display:flex;flex-direction:column;position:relative;isolation:isolate;padding:30px 34px 24px;background:#284637;color:#e8efdc;border-radius:110px 22px 110px 22px;overflow:hidden}
.signal-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 58% 48%,#72956d30,transparent 65%),linear-gradient(145deg,#334e3b,#233d31)}
.signal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-left:27px;position:relative;z-index:2}
.signal-header .eyebrow{font-size:11px;letter-spacing:.1em;color:#d0debf}
#signal-motion{min-height:38px;min-width:66px;padding:7px 13px;border:1px solid #adbf9d55;border-radius:var(--pill);font-size:12px;color:#c6d5b7;line-height:1.3}
#signal-motion:hover{background:#dce8cd15}
.signal-stage :focus-visible{outline-color:#e0edcf}
.signal-art{position:relative;min-height:270px;flex:1;margin:0 -34px;display:grid;place-items:center;overflow:hidden}
#signal-canvas{position:absolute;width:100%;height:100%;inset:0;z-index:1}
.signal-orbit{width:52%;aspect-ratio:1;border:1px solid #c9dbb112;border-radius:50%;position:absolute;transform:rotate(-18deg)}
.signal-orbit:before,.signal-orbit:after{content:'';position:absolute;inset:14%;border:1px solid #c9dbb112;border-radius:50%}.signal-orbit:after{inset:-18%;border-style:dashed;border-color:#c9dbb10e}
.signal-caption{display:flex;gap:28px;align-items:center;position:relative;padding-top:20px;border-top:1px solid #bdcfa52e}
.signal-caption img{width:155px;height:auto;max-height:50px;flex-shrink:0;background:#f0f3e7;padding:9px 12px;border-radius:9px}
.signal-caption p{font-size:12px;line-height:1.55;color:#c0d0b4;max-width:220px}
.signal-link{position:relative;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:13px;margin-top:10px;color:#e2ead7;border-bottom:1px solid #b3c49b66;line-height:1.3}
.signal-link:hover{color:white;border-color:white}

.institute-note{grid-template-columns:minmax(0,1fr) 250px;gap:40px;border-top:0;padding:8px 0 34px;align-items:stretch}
.institute-note>div:first-child{border-top:1px solid var(--line);padding-top:26px;align-self:center}
.supplier-plaque{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:25px 28px;border:1px solid var(--line);border-radius:var(--radius);background:#edf1e7;font-size:12px;min-height:132px}
.supplier-plaque img{width:180px;height:42px;object-fit:contain;mix-blend-mode:normal}
.trust-action{justify-content:flex-start}.trust-action:hover{text-decoration:underline;text-underline-offset:5px}

/* A quiet, hand-controlled ribbon; no carousel control strip or visible scrollbar. */
.organizations-section{padding-top:58px}
.org-window{border:0;padding-block:14px 10px;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;user-select:none;scroll-snap-type:x proximity}
.org-window::-webkit-scrollbar{display:none}
.org-window.is-dragging{cursor:grabbing;scroll-snap-type:none}
.org-list li{scroll-snap-align:start;width:210px;flex-basis:210px;padding:12px 23px;gap:16px}
.org-list img{opacity:.67;pointer-events:none}
.org-list span{color:#697761;font-size:11px}
.org-details{display:flex;justify-content:flex-end;padding-top:2px}
.org-details .text-link{font-size:14px;margin:0}

/* The explanation and the two channels share one clear, tactile composition. */
.method-section{display:block;padding-top:72px}
.method-heading{margin-bottom:32px}.method-heading h2{margin:0}
.method-panel{display:grid;grid-template-columns:1.12fr 1fr;gap:0;background:#e9eee0;border:1px solid #dce3d1;border-radius:24px 24px 80px 24px;overflow:hidden}
.method-copy{padding:38px 42px 42px;min-width:0}
.method-definition{display:flex;align-items:center;gap:28px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #cdd7be}
.method-definition>img{width:150px;height:auto;flex-shrink:0}
.method-name{font-size:11px;line-height:1.6;color:#667759;max-width:270px}
.method-name+.method-name{margin-top:3px}
.method-copy>p{font-size:16px;line-height:1.85;color:#4f6149}
.method-demo{padding:38px 34px 30px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;background:#dfe7d4;border-left:1px solid #d1dcc3}
.channel-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:34px}
.channel{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.channel>span{font-size:12px;color:#53684a;text-align:center}
.channel-drawing{width:100%;height:190px;position:relative;display:flex;align-items:center;justify-content:center;background:#d4dfc7;border-radius:70px 12px 70px 12px;overflow:hidden}
.acoustic{gap:5px;padding:20px}
.acoustic i{height:15%;width:3px;border-radius:3px;background:#66845b}
.acoustic i:nth-child(3n){height:36%;background:#88a573}
.acoustic i:nth-child(4n){height:66%}.acoustic i:nth-child(5n){height:91%}.acoustic i:nth-child(7n){height:51%}
.optical i{position:absolute;width:74%;aspect-ratio:1;border:1px solid #66845b88;border-radius:50%;transform:scaleY(.74) rotate(-28deg)}
.optical i:nth-child(2){width:56%;transform:scaleY(.85) rotate(28deg)}.optical i:nth-child(3){width:37%;transform:none;background:#829f6a22}.optical i:nth-child(4){width:11%;transform:none;background:#66845b;border:0}
.sample-player{margin:0;padding-top:26px;border-top:1px solid #bdcca9;gap:18px;align-items:flex-end}
.audio-play{background:var(--green);color:white;min-width:104px;min-height:44px;padding:10px 18px;font-size:13px;order:2}
.audio-play:hover{background:var(--green-hover)}
.sample-track{flex-basis:100%;order:1}
.sample-track label{font-size:13px;color:#526848;line-height:1.65;margin-bottom:18px}
.sample-time{font-size:12px;color:#5f7453;margin-top:5px}
.audio-status{order:3}
.method-demo.is-playing .acoustic i{animation:audio-breathe .9s ease-in-out infinite alternate;transform-origin:center}
.method-demo.is-playing .acoustic i:nth-child(3n){animation-delay:-.25s}.method-demo.is-playing .acoustic i:nth-child(4n){animation-delay:-.55s}
@keyframes audio-breathe{to{transform:scaleY(.35)}}

/* A large, selectable showcase like the approved SOMVI product presentation. */
.offers-section{padding-bottom:90px}
.offer-showcase{background:#2b4434;color:#e8eedf;border-radius:26px 26px 84px 26px;padding:26px 38px 40px;min-width:0;overflow:hidden}
.offer-tabs{display:flex;align-items:stretch;width:fit-content;max-width:100%;padding:5px;border:1px solid #97ae8166;border-radius:var(--pill);gap:4px;margin-bottom:35px}
.offer-tabs button{min-height:48px;padding:12px 22px;border-radius:var(--pill);color:#c8d5bd;font-size:14px;line-height:1.4;white-space:nowrap;border:1px solid transparent}
.offer-tabs button[aria-selected=true]{background:#e0e9d1;color:#2c4432;border-color:#e0e9d1}
.offer-tabs button:hover:not([aria-selected=true]){background:#dfe9d112;color:white}
.offer-showcase :focus-visible{outline-color:#d7e7bf;outline-offset:4px}
.offer-panels{display:grid}
.offer-panel{grid-area:1/1}
.offer-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.offer-panel{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:54px;min-height:445px;padding:16px 18px 5px;outline-offset:-4px!important}
.offer-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.offer-copy h3{font-size:clamp(28px,2.7vw,43px);line-height:1.2;letter-spacing:-.035em;max-width:650px}
.offer-subtitle{color:#bacbb0;font-size:14px;line-height:1.7;margin-top:18px;max-width:570px}
.offer-description{font-size:16px;line-height:1.85;color:#c8d6bf;max-width:610px;margin-block:26px 30px}
.offer-links{margin:0;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}
.offer-primary{background:#e0e9d1;color:#2b4434;min-height:48px;padding-inline:27px;font-size:14px}
.offer-primary:hover{background:#eff4e6}
.offer-links .text-link{color:#dae5ce;font-size:14px;min-height:48px}
.offer-media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:330px;position:relative;isolation:isolate}
.offer-media:before{content:'';position:absolute;z-index:-1;inset:8% 0;background:radial-gradient(ellipse,#a3b86d28,transparent 72%)}
.offer-media>img{width:100%;height:340px;object-fit:contain;filter:drop-shadow(0 18px 18px #12241b33)}
.offer-panel-individual .offer-media{border-radius:60px 16px 60px 16px;background:#e8edde;padding:22px;min-height:280px}
.offer-panel-individual .offer-media>img{height:auto;max-height:280px;filter:none}
.offer-panel-certification .offer-media>img{max-width:300px;height:300px;filter:none}

@media(min-width:1600px){.signal-stage{min-height:550px}.signal-art{min-height:330px}.method-copy{padding:44px 48px}.method-copy>p{font-size:17px}.method-demo{padding:44px 40px 34px}.channel-drawing{height:220px}.offer-panel{min-height:460px}.offer-media>img{height:390px}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:39px}.signal-stage{padding:25px 26px 24px;min-height:465px;border-top-left-radius:75px;border-bottom-right-radius:75px}.signal-header{padding-left:18px}.signal-header .eyebrow{font-size:10px}.signal-art{margin-inline:-26px}.signal-caption{gap:18px}.signal-caption img{width:125px}.signal-caption p{font-size:10px}.institute-note{grid-template-columns:minmax(0,1fr) 220px;gap:26px}.supplier-plaque{padding:23px}.method-copy{padding:30px}.method-definition{display:block}.method-definition>img{width:132px;margin-bottom:20px}.method-demo{padding:30px 26px}.channel-pair{gap:12px}.channel-drawing{height:170px}.acoustic{gap:4px;padding:14px}.offer-showcase{padding:24px 28px 34px}.offer-tabs button{padding:12px 15px;font-size:13px}.offer-panel{gap:28px;padding-inline:8px;min-height:465px}.offer-copy h3{font-size:30px}.offer-description{font-size:15px}.offer-media>img{height:280px}.offer-panel-certification .offer-media>img{height:240px}.offer-panel-individual .offer-media{min-height:240px;padding:15px}}
@media(max-width:800px){.review-links a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:34px;padding-block:38px 42px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(34px,6.4vw,51px);max-width:690px}.hero-intro{font-size:16px}.signal-stage{width:100%;max-width:none;min-height:400px;margin:0;padding:26px 32px 24px;border-radius:80px 20px 80px 20px}.signal-art{min-height:235px;margin-inline:-32px}.signal-caption img{width:150px}.signal-caption p{font-size:12px;max-width:none}.signal-link{margin-top:4px}.institute-note{grid-template-columns:1fr;gap:22px;padding-top:0}.supplier-plaque{flex-direction:row;align-items:center;justify-content:space-between;min-height:90px;padding:20px 25px}.supplier-plaque>span{max-width:none}.supplier-plaque img{width:165px;height:37px}.organizations-section{padding-top:40px}.method-section{padding-top:50px}.method-panel{grid-template-columns:1fr}.method-copy{padding:30px}.method-definition{display:flex;gap:25px}.method-definition>img{margin:0}.method-demo{border-left:0;border-top:1px solid #cdd8bf;padding:30px}.channel-drawing{height:160px}.channel-pair{gap:25px}.channel{gap:12px}.acoustic{gap:7px}.optical i{max-width:150px}.optical i:nth-child(2){max-width:113px}.optical i:nth-child(3){max-width:75px}.optical i:nth-child(4){max-width:23px}.sample-player{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.sample-track{grid-column:1}.audio-play{grid-column:2}.audio-status{grid-column:1/-1}.offer-showcase{padding:20px 25px 32px;border-bottom-right-radius:60px}.offer-tabs{width:100%;border-radius:18px;padding:4px;gap:3px;margin-bottom:26px}.offer-tabs button{white-space:normal;flex:1;padding:12px 8px;font-size:12px;border-radius:14px}.offer-panel{grid-template-columns:1fr;gap:28px;padding:0 3px 8px;min-height:0}.offer-copy h3{font-size:32px}.offer-description{font-size:16px}.offer-media{grid-row:1;min-height:0}.offer-media>img{height:250px}.offer-panel-individual .offer-media{min-height:0;padding:22px}.offer-panel-individual .offer-media>img{max-height:220px;width:100%;height:auto}.offer-panel-certification .offer-media>img{height:220px}.offers-section{padding-bottom:60px}}
@media(max-width:430px){.versions>span{display:none}.versions{gap:6px}.review-inner{gap:10px}.review-links{gap:14px}.review-links a:first-child{display:none}.review-links a:nth-child(2){display:flex}.review-links{margin-left:auto}.versions a{min-width:42px}.hero h1{font-size:34px}.hero-actions{gap:24px}.hero-actions .button{padding-inline:23px}.signal-stage{min-height:355px;padding:22px 24px 20px;border-radius:64px 18px 64px 18px}.signal-header{padding-left:7px;gap:8px}.signal-header .eyebrow{font-size:10px}.signal-art{min-height:190px;margin-inline:-24px}.signal-caption{gap:15px;padding-top:18px}.signal-caption img{width:112px;padding:8px}.signal-caption p{font-size:10px}.signal-link{font-size:12px}.supplier-plaque{gap:18px;padding:20px}.supplier-plaque>span{font-size:11px;max-width:115px}.supplier-plaque img{width:133px;max-width:52%;height:34px}.org-list li{width:170px;flex-basis:170px;padding-inline:17px}.method-heading{margin-bottom:24px}.method-panel{border-radius:20px 20px 54px 20px}.method-copy{padding:25px}.method-definition{display:block;margin-bottom:22px;padding-bottom:22px}.method-definition>img{width:135px;margin-bottom:17px}.method-copy>p{font-size:15px;line-height:1.8}.method-demo{padding:25px}.channel-pair{gap:13px;padding-bottom:25px}.channel-drawing{height:130px;border-radius:48px 10px 48px 10px}.acoustic{gap:3px;padding:12px}.channel>span{font-size:11px}.optical i{max-width:100px}.optical i:nth-child(2){max-width:77px}.optical i:nth-child(3){max-width:49px}.optical i:nth-child(4){max-width:16px}.sample-player{display:flex;align-items:flex-start;gap:18px}.sample-track{flex-basis:100%}.audio-play{order:2}.offer-showcase{padding:16px 20px 30px}.offer-tabs{flex-direction:column;gap:4px;width:100%;margin-bottom:25px;border-radius:19px}.offer-tabs button{min-height:43px;font-size:13px;padding:9px 12px}.offer-copy h3{font-size:29px}.offer-subtitle{font-size:13px;margin-top:16px}.offer-description{font-size:15px;margin-block:23px}.offer-media>img{height:210px}.offer-panel-certification .offer-media>img{height:180px}.offer-links{gap:12px 20px}.history-controls{gap:5px}.history-controls .icon-button{min-width:53px;padding-inline:10px;font-size:12px}.history-section .section-heading{align-items:center}.history-section .section-heading h2{font-size:31px}}
@media(max-width:360px){.hero h1{font-size:31px}.hero-actions{gap:16px}.hero-actions .button{font-size:14px;padding-inline:20px}.hero-actions .text-link{font-size:14px}.method-copy,.method-demo{padding:22px}.offer-showcase{padding-inline:17px}.offer-copy h3{font-size:27px}.signal-caption img{width:101px}.signal-caption p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.method-demo.is-playing .acoustic i{animation:none}.org-window{scroll-snap-type:none}}