:root{--small-text:11px}
@media(max-width:700px){:root{--small-text:10px}}
:root{--stage-height:100svh;--demo-distance:0px;--film-scale:1;--focal-x:50%;--focal-y:50%;--overlay-x:0px;--overlay-y:0px}
/* Recording narration is available to screen readers without a visible overlay. */
.demo-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;min-height:0}.section-wrap{max-width:1400px;margin:auto;padding:94px clamp(24px,6vw,84px)}
.demo-intro{max-width:1100px;margin:auto;padding:28px 24px 20px;text-align:center}.hero-heading{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-intro .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-size:var(--small-text);letter-spacing:.16em}.demo-intro .eyebrow::before,.demo-intro .eyebrow::after{content:"";width:28px;height:1px;background:#a7b29b}.demo-intro h1{font-size:var(--heading-display);line-height:var(--heading-display-line);letter-spacing:-.055em;text-wrap:balance}.demo-intro h1 span{color:var(--olive)}.hero-intro{max-width:500px;font-size:16px;line-height:1.6;text-wrap:balance}.film-label{display:flex;justify-content:center;margin-top:12px;color:var(--muted)}.demo-options{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;line-height:1.4}.demo-provider{display:flex;align-items:center;gap:7px;direction:ltr;font-family:Space,sans-serif;color:var(--ink)}.demo-provider img{width:17px;height:17px;object-fit:contain}.option-divider{height:10px;width:1px;background:#bfc5b6}#view-mode{min-height:36px;padding:7px 0;font:inherit;background:none;border:0}#view-mode:hover{text-decoration:underline;text-underline-offset:4px}.intro-scroll{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:fit-content;margin:5px auto 0;padding:3px 20px;font-size:11px;color:var(--olive)}.intro-scroll-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b7c2ac;border-radius:50%;transition:background .2s,transform .2s}.intro-scroll:hover .intro-scroll-arrow{background:#e7eddf;transform:translateY(3px)}
/* Proven video layout: contained frames, full viewport, independent scroll timing. */
.demo-scene{height:auto;position:relative;overflow-anchor:none}.enhanced .demo-scene{height:calc(var(--stage-height) + var(--demo-distance))}#demo:focus-visible{outline:none}.demo-stage{padding:0;width:100%;height:var(--stage-height);min-height:0;display:block;background:#212121}.enhanced .demo-stage{position:sticky;top:0;height:var(--stage-height);overflow:hidden}.demo-film{width:100%;height:100%;display:block;position:relative;isolation:isolate}.film-window{position:relative;width:100%;height:100%;border:0;border-radius:0;overflow:hidden;background:#212121;contain:layout paint}.film-window video,.opening{position:absolute;inset:0;width:100%;height:100%;transform:scale(var(--film-scale));transform-origin:var(--focal-x) var(--focal-y);pointer-events:none}.film-window video{opacity:0;object-fit:contain}.film-window video.has-frame{opacity:1}.opening img{display:block;width:100%;height:100%;object-fit:contain}.frame-note{position:absolute;inset:auto 14px 14px;background:var(--paper);padding:8px 12px;color:var(--ink);font-size:12px;border-radius:4px}.demo-caption{contain:layout style}.caption-index{font:10px/1.5 Mono,monospace;color:var(--olive)}.demo-caption h2{font-size:21px;line-height:1.2}.demo-caption p{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}.scroll-indicator{position:absolute;z-index:2;inset-inline-end:max(14px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#e7e7e0;pointer-events:none;opacity:.65;mix-blend-mode:difference}.indicator-label{font:9px/1 Mono,monospace;letter-spacing:.14em;writing-mode:vertical-rl}.demo-progress{height:104px;width:2px;background:#ffffff38;border-radius:2px;overflow:hidden}.demo-progress span{display:block;width:100%;height:100%;background:#fff;transform-origin:top;transform:scaleY(0)}.indicator-arrow{font:18px/1 system-ui,sans-serif}.demo-footnote{display:flex;justify-content:space-between;gap:14px;padding:12px 4vw;font-size:var(--small-text);color:var(--muted)}.step-controls{display:flex;gap:10px;justify-content:center;padding:12px}.step-controls button{background:none;border:1px solid var(--line);border-radius:5px;padding:8px 12px;font-size:12px;min-height:40px}.step-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.static-mode .demo-scene{height:auto}.static-mode .demo-stage{position:relative;height:auto;min-height:0;overflow:visible;background:var(--paper)}.static-mode .demo-film{height:auto}.static-mode .film-window{height:100svh;min-height:0}.static-mode .step-controls{width:100%;padding:0 20px 24px}.static-mode .scroll-indicator{display:none}.no-script{font-size:14px;background:var(--paper);padding:12px}.no-script a{text-decoration:underline}#language-transition{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;pointer-events:none;background:#212121}.recording-hotspot{position:absolute;z-index:4;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;touch-action:manipulation}.recording-hotspot:hover{background:#ffffff0c;box-shadow:inset 0 0 0 1px #ffffff55}.recording-hotspot:focus-visible{outline:2px solid #d6f27b;outline-offset:1px;background:#ffffff0c}
/* A sculpted brand object: CSS depth, no rendering library or texture downloads. */
.protection{background:#1c3028;color:var(--paper);overflow:clip}.protection-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center;padding-top:75px;padding-bottom:75px}.protection-copy .eyebrow{color:#b4c5a3;font-size:var(--small-text)}.protection-copy h2{font-size:clamp(42px,4.6vw,66px);line-height:1.06;margin-bottom:29px}.protection-copy em{color:var(--lime)}.value-list article{display:flex;gap:19px;padding:17px 0;border-top:1px solid #ffffff1c}.value-icon{font:10px/1.5 Mono,monospace;color:#afc099;padding-top:5px}.value-list h3{font-size:19px;letter-spacing:-.025em;line-height:1.3}.value-list p{font-size:13px;color:#b6c4b6;line-height:1.6;margin-top:4px}.light-link{color:var(--paper);margin-top:20px;border-color:#6c836f}.light-link:hover{color:var(--lime)}.protection-art{height:440px;position:relative;perspective:900px;isolation:isolate;--tilt-x:0deg;--tilt-y:0deg}.guard-sculpture{position:absolute;left:50%;top:48%;width:228px;height:264px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(calc(13deg + var(--tilt-x))) rotateY(calc(-24deg + var(--tilt-y))) rotateZ(-8deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.glass-layer{position:absolute;inset:0;border-radius:35px;border:1px solid #d4f4bc55;background:linear-gradient(145deg,#c5e3b017,#48755514 50%,#b4d6a51f);box-shadow:inset 1px 1px 1px #e4ffd42b,14px 20px 30px #06120c40;backface-visibility:hidden}.layer-back{transform:translateZ(-70px) translate(-16px,16px);border-color:#94b59b45;background:#173023}.layer-middle{transform:translateZ(-30px) translate(-7px,7px);background:linear-gradient(135deg,#9bb99a17,#315b441a)}.layer-front{display:grid;place-items:center;transform:translateZ(24px);background:linear-gradient(130deg,#e5f7d226,#314e3815 50%,#c4e09b20)}.layer-front svg{width:151px;height:172px;filter:drop-shadow(10px 14px 7px #06140c66);transform:translateZ(22px)}.art-orbit{position:absolute;left:50%;top:48%;width:400px;height:400px;border:1px solid #a3bc981e;border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-25deg)}.orbit-two{width:490px;height:490px;border-style:dashed;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(25deg)}.art-mark{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);white-space:nowrap;font:500 14px/1 Space,sans-serif;letter-spacing:-.03em;color:#dfebd9}.art-mark span{color:#a1b795;margin:0 7px}.art-coordinate{position:absolute;left:0;top:10px;font:8px/1 Mono,monospace;letter-spacing:.18em;color:#9caf9466}.protection-art::after{content:"";position:absolute;width:190px;height:32px;left:50%;top:79%;border-radius:50%;background:#07180c50;filter:blur(14px);transform:translateX(-50%);z-index:-1}
/* One commercial destination. */
.conversion{padding-top:35px;padding-bottom:70px}.conversion-panel{position:relative;overflow:hidden;background:#e6eddb;border:1px solid #d6dfc8;border-radius:26px;padding:64px 7%;isolation:isolate}.conversion-content{position:relative;z-index:1}.conversion-panel .eyebrow{font-size:var(--small-text)}.conversion h2{font-size:clamp(40px,4.8vw,68px);line-height:1.08}.conversion-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.conversion-rings{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.conversion-rings i{position:absolute;width:480px;height:480px;inset-inline-end:-100px;top:-26px;border:40px solid #faffed70;border-radius:50%;box-shadow:14px 14px 22px #aebf9755,inset 8px 8px 15px #aebf9744;transform:rotateX(23deg) rotateY(-25deg)}.conversion-rings i:nth-child(2){width:320px;height:320px;top:54px;inset-inline-end:-20px;border-width:30px}.conversion-rings i:nth-child(3){width:160px;height:160px;top:134px;inset-inline-end:60px;border-width:24px}
/* Gentle, independent drift keeps the closing artwork secondary to the invitation. */
@keyframes conversion-drift{
  0%,100%{transform:translate3d(0,0,0) rotateX(23deg) rotateY(-25deg)}
  35%{transform:translate3d(-8px,-10px,0) rotateX(27deg) rotateY(-21deg)}
  70%{transform:translate3d(6px,5px,0) rotateX(20deg) rotateY(-28deg)}
}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .conversion-rings i{animation:conversion-drift 20s ease-in-out infinite paused}
  .motion-ready .conversion-rings i:nth-child(2){animation-duration:24s;animation-delay:-8s;animation-direction:reverse}
  .motion-ready .conversion-rings i:nth-child(3){animation-duration:18s;animation-delay:-12s}
  .conversion-panel[data-conversion-motion=playing] .conversion-rings i{animation-play-state:running}
  .conversion-panel[data-conversion-motion=static] .conversion-rings i{animation:none}
}
/* Motion enhances readable content, and only runs when the section enters view. */
@keyframes rise-in{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes sculpture-arrive{from{opacity:0;transform:translate(-50%,-44%) rotateX(25deg) rotateY(-48deg) rotateZ(-8deg)}to{opacity:1;transform:translate(-50%,-50%) rotateX(13deg) rotateY(-24deg) rotateZ(-8deg)}}
@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal].is-revealed{animation:rise-in .75s cubic-bezier(.2,.7,.2,1) both}.motion-ready .value-list article:nth-child(2).is-revealed{animation-delay:.08s}.motion-ready .value-list article:nth-child(3).is-revealed{animation-delay:.16s}.motion-ready .protection-art.is-revealed .guard-sculpture{animation:sculpture-arrive 1.5s cubic-bezier(.2,.7,.2,1)}}[dir=rtl] .demo-intro h1{font-size:var(--heading-display);line-height:var(--heading-display-line)}[dir=rtl] .demo-intro .eyebrow{font-size:11px}[dir=rtl] .indicator-label{font-family:Plex,sans-serif;letter-spacing:0}[dir=rtl] .caption-index{font-family:Plex,sans-serif;letter-spacing:0}[dir=rtl] .protection-copy h2{font-size:clamp(40px,4.2vw,58px);margin-bottom:24px}[dir=rtl] .value-list h3{font-size:19px}[dir=rtl] .conversion h2{font-size:clamp(39px,4.5vw,60px)}
@media(max-width:1000px){.protection-grid{gap:5%}.protection-art{height:410px}.guard-sculpture{width:190px;height:230px}.layer-front svg{width:132px;height:155px}.art-orbit{width:330px;height:330px}.orbit-two{width:390px;height:390px}.conversion-rings{opacity:.7}.conversion-rings i{inset-inline-end:-190px}.conversion-rings i:nth-child(2){inset-inline-end:-110px}.conversion-rings i:nth-child(3){inset-inline-end:-30px}}
@media(max-width:700px){
 .section-wrap{padding:58px 22px}.demo-intro{padding:22px 22px 17px}.hero-heading{gap:12px}.demo-intro .eyebrow{font-size:var(--small-text);letter-spacing:.12em;margin-bottom:10px;gap:9px}.demo-intro .eyebrow::before,.demo-intro .eyebrow::after{width:18px}.demo-intro h1{font-size:var(--heading-display);line-height:var(--heading-display-line)}.hero-intro{max-width:310px;font-size:14px;line-height:1.5}.film-label{margin-top:9px}.demo-options{gap:10px;font-size:10px}.intro-scroll{margin-top:3px;font-size:10px;gap:5px}.intro-scroll-arrow{width:29px;height:29px}.scroll-indicator{inset-inline-end:10px;gap:10px}.demo-progress{height:80px}.indicator-label{font-size:8px}.demo-footnote{padding:10px 20px;font-size:var(--small-text);display:block}.demo-footnote #media-status{display:block}.step-controls button{font-size:11px;padding:7px 10px}
 .protection-grid{display:flex;flex-direction:column;gap:0;padding-top:36px;padding-bottom:44px}.protection-art{width:100%;height:255px;order:1;margin-top:27px}.protection-copy{width:100%}.protection-copy .eyebrow{margin-bottom:14px}.protection-copy h2{font-size:42px;margin-bottom:24px}.value-list article{padding:14px 0;gap:16px}.value-list h3{font-size:18px}.value-list p{font-size:12px;margin-top:3px}.light-link{margin-top:16px;font-size:13px}.guard-sculpture{width:148px;height:170px;top:44%;transform:translate(-50%,-50%) rotateX(13deg) rotateY(-24deg) rotateZ(-8deg)}.glass-layer{border-radius:23px}.layer-front svg{width:99px;height:115px}.layer-back{transform:translateZ(-50px) translate(-12px,12px)}.layer-middle{transform:translateZ(-20px) translate(-5px,5px)}.layer-front{transform:translateZ(18px)}.art-orbit{width:280px;height:280px;top:44%}.orbit-two{width:330px;height:330px}.art-mark{bottom:4px;font-size:12px}.art-coordinate{font-size:7px;top:15px}.protection-art::after{width:130px;top:81%;height:20px}
 .conversion{padding-top:30px;padding-bottom:45px}.conversion-panel{padding:35px 24px 40px;border-radius:20px}.conversion-panel .eyebrow{font-size:var(--small-text)}.conversion h2{font-size:40px}.conversion-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:23px}.conversion-actions .button{font-size:14px;gap:35px;padding:14px 20px;min-height:50px}.conversion-actions .text-link{font-size:13px}.conversion-rings{opacity:.33}.conversion-rings i{width:300px;height:300px;border-width:26px;top:80px;inset-inline-end:-210px}.conversion-rings i:nth-child(2){width:190px;height:190px;top:135px;inset-inline-end:-155px;border-width:20px}.conversion-rings i:nth-child(3){width:80px;height:80px;top:190px;inset-inline-end:-100px;border-width:14px}
 [dir=rtl] .demo-intro h1{font-size:var(--heading-display);line-height:var(--heading-display-line)}[dir=rtl] .demo-intro .eyebrow{font-size:var(--small-text)}[dir=rtl] .protection-copy h2{font-size:40px}[dir=rtl] .value-list h3{font-size:18px}[dir=rtl] .conversion h2{font-size:39px}
}
@media(max-width:360px){.demo-options{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.guard-sculpture{transform:translate(-50%,-50%) rotateX(13deg) rotateY(-24deg) rotateZ(-8deg)}}

/* The opening dissolves into a dimensional type field as it leaves the viewport. */
.demo-intro{position:relative;perspective:950px;overflow:clip;isolation:isolate}
.demo-intro .hero-heading,.demo-intro .film-label,.demo-intro .intro-scroll{position:relative;z-index:2}
.demo-intro h1{perspective:850px;transform-style:preserve-3d}
.demo-intro h1 .motion-word{display:inline-block;white-space:nowrap;color:inherit;transform-style:preserve-3d}
.demo-intro h1 .motion-glyph{display:inline-block;color:inherit;transform-origin:center 70%;backface-visibility:hidden}
.demo-intro h1>span:not(.motion-word){color:var(--olive)}
.hero-motion-active .motion-glyph{will-change:transform,opacity}
.hero-glyph-field{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.demo-options>span,.demo-options>button{transform-origin:center}

/* Floating shield assembly: actual layers in 3D, driven only while visible. */
.detection-scope{font-size:11px;line-height:1.65;color:#b6c4b6;margin:8px 0 16px;padding-inline-start:31px}
.health-rules{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c}
.health-rules summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:14px 0;color:#d9eccb;font-size:12px;line-height:1.5}
.health-rules summary::-webkit-details-marker{display:none}
.health-rules summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.details-plus{font:20px/1 Space,sans-serif;transition:transform .2s ease;flex-shrink:0}
.health-rules[open] .details-plus{transform:rotate(45deg)}
.health-rules-body{padding:0 0 17px;font-size:12px;line-height:1.7;color:#c5d0c1}
.health-rules-body p+p{margin-top:12px}
.health-rule-sources{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:15px}
.health-rule-sources a{color:#d9eccb;font-size:10px;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){.details-plus{transition:none}}
.protection-visual{min-width:0;position:relative;align-self:center;width:100%}
.protection-art{height:470px;--guard-yaw:-24deg;--guard-pitch:13deg;--guard-roll:-8deg;--guard-float:0px;--guard-spread:0;--guard-orbit:0deg;--guard-scan:.5;perspective:1100px}
.protection-art .guard-sculpture{width:246px;height:282px;top:45%;transform:translate3d(-50%,calc(-50% + var(--guard-float)),0) rotateX(var(--guard-pitch)) rotateY(var(--guard-yaw)) rotateZ(var(--guard-roll));transition:none;animation:none;will-change:auto}
.protection-art[data-guard-motion=playing] .guard-sculpture,.protection-art[data-guard-motion=playing] .glass-layer,.protection-art[data-guard-motion=playing] .art-orbit{will-change:transform}
.protection-art .glass-layer{transition:none;transform-style:preserve-3d;backface-visibility:visible}
.protection-art .layer-back{transform:translate3d(calc(-15px - var(--guard-spread)*22px),calc(15px + var(--guard-spread)*20px),calc(-70px - var(--guard-spread)*105px));background:linear-gradient(145deg,#254a36e6,#12281fe6);border-color:#9ac68288;overflow:hidden}
.protection-art .layer-middle{transform:translate3d(calc(-5px - var(--guard-spread)*8px),calc(5px + var(--guard-spread)*7px),calc(-25px - var(--guard-spread)*25px));border-color:#cce9b155;background:linear-gradient(145deg,#daffc71a,#89b56808);overflow:hidden}
.protection-art .layer-front{transform:translateZ(calc(35px + var(--guard-spread)*75px));background:linear-gradient(130deg,#e5f7d230,#314e3820 55%,#c4e09b33);border-color:#e4ffc97a}
.shield-core{position:relative;width:151px;height:172px;transform:translateZ(calc(16px + var(--guard-spread)*26px));filter:drop-shadow(10px 14px 8px #06140c70)}
.protection-art .layer-front svg{position:relative;display:block;width:100%;height:100%;filter:none;transform:none}
.shield-sheen{position:absolute;inset:5% 9% 5%;clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%);overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.shield-sheen::after{content:"";position:absolute;inset:-60% -150%;background:linear-gradient(115deg,transparent 43%,#efffdba8 49%,#ffffffed 50%,transparent 57%);transform:translateX(calc((var(--guard-scan) - .5)*60%))}
.plate-grid{position:absolute;inset:15px;border-radius:23px;border:1px solid #9ece7d22;background-image:linear-gradient(#9ece7d12 1px,transparent 1px),linear-gradient(90deg,#9ece7d12 1px,transparent 1px);background-size:19px 19px}
.plate-grid::after{content:"";position:absolute;width:6px;height:6px;border:1px solid #d6f27bb3;top:18%;left:20%;box-shadow:85px 48px 0 -1px #d6f27b,24px 126px 0 -1px #7ca967,110px 160px 0 -1px #7ca967}
.plate-scan{position:absolute;inset:0;opacity:.7;transform:translateY(calc((var(--guard-scan) - .5)*130%));background:linear-gradient(transparent 42%,#d6f27b0a 47%,#d6f27b99 49.8%,#edffc8d9 50%,#d6f27b08 55%,transparent 62%)}
.protection-art .art-orbit{width:415px;height:415px;top:45%;border-color:#b6d49c37;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(var(--guard-orbit));transition:none;transform-style:preserve-3d}
.protection-art .orbit-two{width:490px;height:490px;border-color:#a3bc9826;transform:translate(-50%,-50%) rotateX(69deg) rotateY(15deg) rotateZ(calc(var(--guard-orbit)*-.65))}
.protection-art .orbit-three{width:340px;height:340px;border-style:dotted;border-color:#d5f9aa2b;transform:translate(-50%,-50%) rotateX(24deg) rotateY(62deg) rotateZ(calc(var(--guard-orbit)*.8))}
.art-orbit i{position:absolute;top:-3px;left:50%;width:6px;height:6px;background:#d6f27b;border-radius:50%;box-shadow:0 0 10px #d6f27b6b;transform:rotateX(-45deg)}
.art-orbit i:nth-child(2){top:auto;bottom:-3px;left:48%;width:4px;height:4px;background:#b3d492;box-shadow:none}
.protection-art .art-mark{bottom:30px;letter-spacing:.02em;font-size:12px}
.protection-art::after{transform:translateX(-50%) scale(calc(1 + var(--guard-spread)*.4));opacity:calc(.8 - var(--guard-spread)*.25)}
@media(max-width:1000px){.protection-art .guard-sculpture{width:210px;height:244px}.shield-core{width:135px;height:154px}.protection-art .art-orbit{width:335px;height:335px}.protection-art .orbit-two{width:400px;height:400px}.protection-art .orbit-three{width:300px;height:300px}}
@media(max-width:700px){.demo-intro{perspective:700px}.protection-visual{order:1;margin-top:25px}.protection-art{height:305px;order:initial;margin:0}.protection-art .guard-sculpture{width:172px;height:198px;top:45%}.shield-core{width:112px;height:132px}.protection-art .art-orbit{width:280px;height:280px}.protection-art .orbit-two{width:330px;height:330px}.protection-art .orbit-three{width:250px;height:250px}.protection-art .art-mark{bottom:18px;font-size:11px}.plate-grid{inset:10px;border-radius:18px;background-size:14px 14px}}
@media(prefers-reduced-motion:reduce){.hero-glyph-field{display:none}.demo-intro .motion-glyph,.demo-intro .hero-intro,.demo-intro .eyebrow,.demo-intro .demo-options>*,.demo-intro .intro-scroll{transform:none!important;opacity:1!important}.protection-art .guard-sculpture{transform:translate(-50%,-50%) rotateX(13deg) rotateY(-24deg) rotateZ(-8deg)}.protection-art .glass-layer,.protection-art .art-orbit{will-change:auto!important}}

/* A scroll-shaped constellation. Real marks stay intact; motion belongs to the field. */
.coverage{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#e2ead63d,transparent 62%),var(--paper);--coverage-progress:1}
.coverage-wrap{padding-top:80px;padding-bottom:56px}
.coverage-intro{position:relative;z-index:2;text-align:center;transform:translateY(calc((1 - var(--coverage-progress))*-14px))}
.coverage-intro .eyebrow{font-size:var(--small-text);letter-spacing:.16em;margin-bottom:20px}
.coverage h2{font-size:clamp(46px,5.6vw,78px);line-height:1.02;letter-spacing:-.065em;text-wrap:balance}
/* Keep both heading lines and the subtitle in normal flow. Moving their shared
   container upward preserves every internal gap, including wrapped/Arabic text. */
.coverage h2>span,.coverage h2>em{display:block}
.coverage-intro .lead{font-size:15px;margin-top:22px;letter-spacing:.005em}
.coverage-field{position:relative;height:570px;margin-top:16px;perspective:1100px;isolation:isolate;--coverage-progress:1;--coverage-turn:0deg;--coverage-lift:0px;--pointer-x:0deg;--pointer-y:0deg}
.coverage-field::before{content:"";position:absolute;inset:5% 0 0;z-index:-1;background:radial-gradient(ellipse at center,#d9e6be77,transparent 62%);pointer-events:none}
.coverage-field::after{content:"+";position:absolute;top:49%;left:2%;font:300 17px/1 Mono,monospace;color:#a1ae9566;text-shadow:1120px 0 #a1ae9566;pointer-events:none}
.coverage-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
.coverage-orbits{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;mask-image:radial-gradient(ellipse,#000 30%,transparent 69%)}
.coverage-orbits i{position:absolute;left:50%;top:50%;width:74%;height:68%;border:1px solid #8a9e7826;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(-18deg + var(--coverage-turn)))}
.coverage-orbits i:nth-child(2){width:96%;height:87%;border-style:dashed;border-color:#8a9e781a;transform:translate(-50%,-50%) rotate(calc(22deg - var(--coverage-turn)))}
.coverage-orbits i:nth-child(3){width:47%;height:45%;border-color:#8a9e7820;transform:translate(-50%,-50%) rotate(calc(16deg + var(--coverage-turn)))}
.coverage-hub{position:absolute;z-index:2;left:50%;top:49%;width:160px;text-align:center;transform:translate(-50%,-50%) translateY(var(--coverage-lift));transition:opacity .25s}
.coverage-hub-object{width:132px;height:135px;margin:auto;border-radius:27px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(140deg,#506e44,#253c2e 52%,#1e3328);color:#dfedc3;border:1px solid #607454;box-shadow:inset 1px 1px 0 #f0ffce33,inset -1px -1px 1px #051e1777,0 4px 0 #213629,0 18px 24px -12px #183c2b66;transform:rotateX(calc(8deg + var(--pointer-y))) rotateY(calc(-12deg + var(--pointer-x))) rotateZ(-5deg);transform-style:preserve-3d}
.hub-browser-bar{position:absolute;left:13px;right:13px;top:12px;display:flex;gap:3px;align-items:center;opacity:.55}
.hub-browser-bar i{width:3px;height:3px;border-radius:50%;background:#e7f4d3}
.hub-browser-bar>span{height:4px;width:60%;border:1px solid #e7f4d35c;border-radius:3px;margin-inline-start:3px}
.coverage-hub-object>svg{width:41px;height:46px;margin-top:10px;filter:drop-shadow(3px 3px 2px #00170c30)}
.coverage-hub-object>span{font:500 16px/1 Space,sans-serif;letter-spacing:-.06em}
.coverage-hub-object>span>span{color:#d6f27b;margin-inline-start:2px}
.coverage-hub>p{font-size:11px;margin-top:16px;color:#455a3e}
.platform-grid{position:absolute;inset:0;list-style:none;padding:0;margin:0;z-index:3}
.platform-tile{position:absolute;left:var(--node-x);top:var(--node-top);width:138px;display:flex;flex-direction:column;align-items:center;text-align:center;--node-enter:1;--node-y:0px;--node-rotate:0deg;--node-scale:1;transform:translate(-50%,-50%) translateY(var(--node-y)) rotate(var(--node-rotate)) scale(var(--node-scale));opacity:calc(.4 + var(--node-enter)*.6)}
.platform-grid>.platform-tile:nth-child(1){--node-x:35%;--node-top:29%;--mobile-x:18%;--mobile-top:12%}.platform-grid>.platform-tile:nth-child(2){--node-x:65%;--node-top:29%;--mobile-x:82%;--mobile-top:12%}.platform-grid>.platform-tile:nth-child(3){--node-x:13%;--node-top:14%;--mobile-x:50%;--mobile-top:12%}.platform-grid>.platform-tile:nth-child(4){--node-x:87%;--node-top:14%;--mobile-x:50%;--mobile-top:62%}.platform-grid>.platform-tile:nth-child(5){--node-x:11%;--node-top:53%;--mobile-x:18%;--mobile-top:62%}.platform-grid>.platform-tile:nth-child(6){--node-x:30%;--node-top:65%;--mobile-x:18%;--mobile-top:37%}.platform-grid>.platform-tile:nth-child(7){--node-x:70%;--node-top:65%;--mobile-x:82%;--mobile-top:37%}.platform-grid>.platform-tile:nth-child(8){--node-x:50%;--node-top:86%;--mobile-x:82%;--mobile-top:62%}.platform-grid>.platform-tile:nth-child(9){--node-x:89%;--node-top:53%;--mobile-x:18%;--mobile-top:87%}.platform-grid>.platform-tile:nth-child(10){--node-x:16%;--node-top:87%;--mobile-x:50%;--mobile-top:87%}.platform-grid>.platform-tile:nth-child(11){--node-x:84%;--node-top:87%;--mobile-x:82%;--mobile-top:87%}
.platform-disc{display:grid;place-items:center;width:91px;height:91px;position:relative;border-radius:30%;background:linear-gradient(145deg,#fff,#fbfcf5 45%,#e7edde);border:1px solid #e2e7db;box-shadow:inset 0 2px 1px #fff,0 3px 0 #d8dfce,0 13px 18px -12px #213c3640;transform:rotateX(var(--pointer-y)) rotateY(var(--pointer-x));transition:transform .3s,box-shadow .3s}
.platform-disc::after{content:"";position:absolute;inset:4px;border-radius:inherit;border:1px solid #fff9;pointer-events:none}
.platform-disc img{display:block;width:46px;height:46px;object-fit:contain}
.platform-disc img.platform-wordmark{width:76px;height:44px}
.platform-disc.is-hopping{animation:platform-hop .82s cubic-bezier(.22,.7,.24,1);will-change:translate,rotate}
@keyframes platform-hop{0%,100%{translate:0 0;rotate:0deg}18%{translate:0 -18px;rotate:-8deg}36%{translate:0 -20px;rotate:7deg}52%{translate:0 -13px;rotate:-5deg}70%{translate:0 -4px;rotate:3deg}84%{translate:0 0;rotate:-1deg}}
.platform-name{font:500 13px/1.4 Space,Plex,sans-serif;margin-top:13px;color:#2e3c31;white-space:nowrap}
.platform-status{display:flex;align-items:center;justify-content:center;gap:5px;font-size:var(--small-text);line-height:1.6;color:#687460;margin-top:3px;white-space:nowrap}
.coverage-status-mark{display:inline-block;width:5px;height:5px;border-radius:50%;flex:none}
[data-status=demo] .coverage-status-mark{background:#577c36;box-shadow:0 0 0 2px #ccdda848}
[data-status=evaluation] .coverage-status-mark{border:1px solid #6f7e90;border-radius:1px;transform:rotate(45deg)}
[data-status=planned] .coverage-status-mark{width:6px;height:1px;background:#7a8370;border-radius:0}
.coverage-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;border-top:1px solid #c6d0ba;margin-top:10px}
.coverage-next p{font-size:11px;color:#69745f}
.coverage-next .coverage-roadmap{font:9px/1.5 Mono,monospace;letter-spacing:.13em;color:#455a3e;margin-bottom:6px}
.coverage-next .text-link{font-size:13px;flex:none}
[dir=rtl] .coverage h2{font-size:clamp(41px,5vw,65px);line-height:1.32;letter-spacing:0}
[dir=rtl] .coverage-intro .eyebrow{font-size:11px;letter-spacing:0}
[dir=rtl] .coverage-next .coverage-roadmap{font-family:Plex,sans-serif;letter-spacing:0;font-size:11px}
@media(hover:hover) and (pointer:fine){.platform-tile:hover .platform-disc{transform:translateY(-8px) rotateX(8deg) rotateY(-8deg) scale(1.06);box-shadow:inset 0 2px 1px #fff,0 4px 0 #d8dfce,0 24px 25px -16px #213c3655}}
@media(max-width:1000px){.coverage-field{height:540px;margin-inline:-15px}.platform-disc{width:80px;height:80px}.platform-disc img{width:41px;height:41px}.platform-tile{width:126px}.coverage-hub-object{width:114px;height:120px}.coverage-hub{width:135px}.coverage-wrap{padding-inline:35px}}
@media(max-width:700px){
  .coverage-wrap{padding:48px 20px 36px}.coverage-intro .eyebrow{font-size:var(--small-text);letter-spacing:.12em;margin-bottom:16px}.coverage h2{font-size:clamp(38px,10vw,59px);line-height:1.06;letter-spacing:-.055em}.coverage-intro .lead{font-size:13px;margin-top:17px}
  .coverage-field{height:555px;margin:18px -12px 0;perspective:750px}.coverage-field::after{display:none}.coverage-orbits i{width:90%;height:55%}.coverage-orbits i:nth-child(2){width:100%;height:85%}.coverage-orbits i:nth-child(3){width:75%;height:34%}
  .platform-tile{left:var(--mobile-x);top:var(--mobile-top);width:105px}.platform-disc{width:69px;height:69px;border-radius:23px;box-shadow:inset 0 2px 1px #fff,0 3px 0 #d8dfce,0 10px 18px -12px #213c3640}.platform-disc img{width:34px;height:34px}.platform-disc:has(.platform-wordmark){width:82px}.platform-disc img.platform-wordmark{width:70px;height:39px}.platform-name{font-size:11px;line-height:1.4;margin-top:11px}.platform-status{font-size:var(--small-text);gap:4px;margin-top:3px}
  .coverage-hub{top:37%;width:106px}.coverage-hub-object{width:81px;height:87px;border-radius:21px;gap:4px}.coverage-hub-object>svg{width:28px;height:32px;margin-top:8px}.coverage-hub-object>span{font-size:12px}.hub-browser-bar{left:9px;right:9px;top:10px;gap:2px}.hub-browser-bar i{width:2px;height:2px}.hub-browser-bar>span{height:3px}.coverage-hub>p{font-size:9px;margin-top:11px}
  .coverage-next{align-items:flex-start;gap:18px;margin-top:0;padding-top:21px}.coverage-next p{font-size:10px;max-width:200px}.coverage-next .coverage-roadmap{font-size:var(--small-text);margin-bottom:7px}.coverage-next .text-link{font-size:11px;margin-top:17px}
  [dir=rtl] .coverage h2{font-size:clamp(31px,8.7vw,48px);line-height:1.36}[dir=rtl] .coverage-intro .eyebrow{font-size:var(--small-text)}[dir=rtl] .coverage-next .coverage-roadmap{font-size:var(--small-text)}
}
@media(max-width:360px){.coverage-wrap{padding-inline:16px}.platform-tile{width:93px}.platform-status{font-size:var(--small-text)}.platform-name{font-size:10px}.coverage-next{gap:12px}}
@media(prefers-reduced-motion:reduce){.coverage-intro,.platform-disc,.coverage-hub-object{transform:none}.coverage-canvas{display:none}}
.coverage[data-coverage-motion=static] .coverage-intro{transform:none}
.coverage[data-coverage-motion=static] .coverage-canvas{display:none}