:root{--ink:#101820;--ink-2:#1c2b38;--paper:#f5f8fa;--paper-deep:#eaf1f5;--line:#cad7df;--muted:#667984;--accent:#69ccff;--white:#fff;--max:1480px;--home-header-height:61px;--gutter:clamp(20px,4.8vw,76px);--type-caption:12px;--type-small:14px;--type-body:16px;--type-lead:20px;--type-card:24px;--type-section:clamp(32px,3.2vw,48px);--type-page:clamp(40px,4.8vw,64px);--type-display:clamp(48px,5.8vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--accent);color:var(--ink)}
.preview-strip{height:32px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:var(--ink);font-size:var(--type-caption);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.live-dot{width:6px;height:6px;background:var(--ink);border-radius:50%}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,248,250,.97);border-bottom:1px solid rgba(16,24,32,.13);backdrop-filter:blur(18px)}.header-inner{max-width:var(--max);height:75px;margin:auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:var(--type-body);font-weight:700;letter-spacing:.16em;white-space:nowrap}.brand-mark{width:24px;height:24px;display:flex;align-items:flex-end;gap:3px;transform:skew(-14deg)}.brand-mark i{display:block;width:5px;background:var(--ink);border-radius:1px}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:16px}.main-nav{display:flex;align-items:center;gap:clamp(17px,2.8vw,41px)}.main-nav>a{font-size:var(--type-caption);font-weight:600;white-space:nowrap;letter-spacing:.02em;position:relative;padding:12px 0}.main-nav>a:not(.lang-switch)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.main-nav>a:hover::after,.main-nav>a[aria-current=page]::after{transform:scaleX(1)}.main-nav .lang-switch{margin-left:clamp(10px,2vw,29px);border:1px solid var(--ink);padding:8px 11px;display:flex;gap:14px;align-items:center;font-size:var(--type-caption)}.lang-switch:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}
.hero{background:var(--ink);color:var(--paper);overflow:hidden}.hero-grid{max-width:var(--max);margin:auto;min-height:min(780px,calc(100svh - 107px));display:grid;grid-template-columns:58% 42%;padding-left:var(--gutter)}.hero-copy{padding:clamp(75px,9.5vw,152px) 6vw 90px 0;position:relative;z-index:2}.eyebrow,.hero-kicker,.section-label,.flow-number,.card-num,.pending-tag,.hero-bottom,.asset-frame,.hero-asset-label,.review-note,.footer-bottom{font-size:var(--type-caption);letter-spacing:.12em}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--accent);font-weight:700}.eyebrow-dash{display:inline-block;width:25px;height:1px;background:var(--accent)}.hero-kicker{margin:45px 0 18px;opacity:.45;font-weight:700}.hero h1{font-size:var(--type-display);line-height:1.07;letter-spacing:-.065em;margin:0;max-width:850px;font-weight:500}.hero-subtitle{font-size:var(--type-section);line-height:1.35;margin:26px 0 0;color:var(--accent);font-weight:500;letter-spacing:-.045em}.hero-intro{font-size:var(--type-small);line-height:1.8;max-width:500px;color:#b9cbd5;margin:26px 0 0}.hero-anchor{display:inline-flex;align-items:center;gap:27px;margin-top:52px;padding:15px 0;border-bottom:1px solid var(--accent);color:var(--paper);font-size:var(--type-caption);font-weight:700}.hero-anchor span{color:var(--accent);font-size:var(--type-body);line-height:1}.hero-anchor:hover{gap:38px;transition:gap .2s}
.hero-visual{position:relative;min-height:600px;border-left:1px solid rgba(245,248,250,.13);overflow:hidden;background:radial-gradient(circle at 48% 42%,#29445a 0%,#182c3b 36%,#101820 69%)}.hero-visual::before,.hero-visual::after{content:"";position:absolute;left:-30%;right:-30%;top:48%;height:1px;background:rgba(105,204,255,.2);transform:rotate(-30deg)}.hero-visual::after{top:57%;transform:rotate(30deg)}.orbital{position:absolute;border:1px solid rgba(105,204,255,.37);border-radius:50%;width:72%;aspect-ratio:1;left:14%;top:14%;transform:rotateX(55deg) rotate(-35deg)}.orbital-2{width:54%;left:23%;top:23%;border-color:rgba(105,204,255,.16);transform:rotateY(60deg) rotate(28deg)}.orbital-3{width:90%;left:5%;top:6%;border-color:rgba(245,248,250,.08);transform:rotateY(40deg) rotate(-20deg)}.grid-plane{position:absolute;inset:55% -30% -50%;background-image:linear-gradient(rgba(105,204,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(105,204,255,.12) 1px,transparent 1px);background-size:50px 50px;transform:perspective(300px) rotateX(62deg);mask-image:linear-gradient(transparent,#000 40%)}.hero-asset-label{position:absolute;left:50%;top:50%;width:230px;height:230px;border-radius:50%;border:1px dashed rgba(105,204,255,.56);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;color:var(--accent);font-size:var(--type-caption);line-height:1.8;z-index:2;background:rgba(16,24,32,.49);padding:28px}.hero-asset-label strong{font-size:var(--type-caption);letter-spacing:0;font-weight:500;color:var(--paper)}.asset-cross{font-size:var(--type-card);line-height:1}.hero-bottom{max-width:var(--max);margin:auto;height:43px;border-top:1px solid rgba(245,248,250,.14);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#b2c5d0;font-size:var(--type-caption);font-weight:700}
.review-note{max-width:var(--max);margin:auto;padding:29px var(--gutter);display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--type-caption);letter-spacing:0;line-height:1.7}.review-note p{margin:0}.review-icon{flex:0 0 20px;width:20px;height:20px;border:1px solid var(--muted);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-style:italic;font-size:var(--type-caption)}
.sections-wrap{max-width:var(--max);margin:auto;padding:0 var(--gutter)}.content-section{padding:clamp(75px,9vw,132px) 0;border-bottom:1px solid var(--line)}.section-heading{max-width:780px}.section-label{color:#0b6d9f;font-weight:700;margin:0 0 29px;text-transform:uppercase}.content-section h2{font-size:var(--type-section);line-height:1.11;letter-spacing:-.06em;font-weight:500;margin:0}.section-note{font-size:var(--type-small);line-height:1.75;color:var(--muted);margin:25px 0 0;max-width:580px}.flow{list-style:none;padding:0;margin:75px 0 0;display:grid;grid-template-columns:repeat(3,1fr)}.flow li{min-height:220px;border-top:1px solid var(--ink);padding:22px 22px 0 0;position:relative;display:flex;flex-direction:column;gap:54px}.flow li:not(:last-child){margin-right:20px}.flow-number{font-weight:700;color:#6d899b}.flow strong{font-size:var(--type-card);font-weight:500;letter-spacing:-.04em}.flow-line{position:absolute;top:-5px;right:0;width:8px;height:8px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:rotate(45deg)}.flow li:last-child .flow-line{display:none}
.card-grid{margin-top:70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.outline-card{min-height:290px;border:1px solid var(--line);padding:25px 24px;display:flex;flex-direction:column;align-items:flex-start;background:#fafdff}.card-num{color:#7091a4;font-weight:700}.outline-card h3{font-size:var(--type-card);line-height:1.25;font-weight:500;letter-spacing:-.045em;margin:auto 0 36px}.pending-tag{border:1px solid #9db8c8;border-radius:100px;color:#3d6680;padding:7px 11px;display:inline-block;font-weight:700;line-height:1}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:70px}.page-link{display:flex;justify-content:space-between;align-items:end;gap:20px;min-height:232px;background:var(--ink-2);color:var(--paper);padding:31px;transition:background .2s,color .2s}.page-link:hover{background:var(--accent);color:var(--ink)}.page-link span:first-child{font-size:var(--type-section);letter-spacing:-.055em;line-height:1.15;max-width:360px}.page-link span:last-child{font-size:var(--type-card);line-height:1}
.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,112px);align-items:center}.feature-copy h2{max-width:620px}.feature-copy .pending-tag{margin-top:38px}.asset-frame{min-height:clamp(320px,34vw,520px);background:var(--paper-deep);border:1px dashed #a8bfcb;color:#688493;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:19px;text-align:center;padding:35px;line-height:1.6}.asset-symbol{width:80px;height:80px;border:1px solid #acc6d2;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--type-section);color:#7098ab}.feature-section:nth-child(even) .feature-copy{order:2}.feature-section:nth-child(even) .feature-asset{order:1}.cta-placeholder{margin-top:70px;min-height:260px;background:var(--accent);display:flex;align-items:center;justify-content:center;gap:38px;padding:30px;font-size:var(--type-small);font-weight:700;text-align:center}.cta-orbit{width:110px;height:110px;border:1px solid var(--ink);border-radius:50%;position:relative;flex:0 0 auto}.cta-orbit::before,.cta-orbit::after{content:"";position:absolute;inset:15px;border:1px solid var(--ink);border-radius:50%;transform:rotateY(65deg)}.cta-orbit::after{transform:rotateX(65deg)}
.site-footer{background:var(--ink);color:var(--paper);padding:75px var(--gutter) 0}.footer-top,.footer-bottom{max-width:calc(var(--max) - 2*var(--gutter));margin:auto;display:flex;justify-content:space-between}.footer-top{gap:50px;padding-bottom:95px}.footer-brand{font-size:var(--type-display);font-weight:700;letter-spacing:-.065em;line-height:1}.footer-top p{color:#b4c6d1;font-size:var(--type-caption);line-height:1.7;margin:20px 0 0;max-width:350px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:16px 45px;align-content:start}.footer-links a{font-size:var(--type-caption)}.footer-links a:hover{color:var(--accent)}.footer-bottom{gap:20px;align-items:center;padding:24px 0;border-top:1px solid #3e5363;color:#a5bbc8;font-size:var(--type-caption);text-transform:uppercase}.footer-bottom a:hover{color:var(--accent)}
@media(max-width:900px){.header-inner{height:68px}.menu-toggle{display:flex;width:37px;height:37px;padding:8px 4px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px;z-index:22}.menu-toggle span{display:block;height:1px;width:100%;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:18px var(--gutter) 30px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.1);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{font-size:var(--type-lead);padding:15px 0;border-bottom:1px solid var(--line)}.main-nav>a:not(.lang-switch)::after{display:none}.main-nav .lang-switch{margin:18px 0 0;align-self:flex-start;padding:10px 14px;font-size:var(--type-small)}.hero-grid{grid-template-columns:1fr;padding-left:0;min-height:auto}.hero-copy{padding:90px var(--gutter) 70px}.hero-visual{min-height:420px;border-left:0;border-top:1px solid rgba(245,248,250,.13)}.hero-asset-label{width:190px;height:190px}.feature-section{gap:35px}}
@media(max-width:650px){.preview-strip{font-size:var(--type-caption);letter-spacing:.08em;height:29px}.header-inner{height:61px}.brand{font-size:var(--type-small)}.main-nav{top:61px}.hero-copy{padding:80px var(--gutter) 64px}.hero h1{font-size:var(--type-display)}.hero-kicker{margin-top:37px}.hero-subtitle{margin-top:20px;font-size:var(--type-card)}.hero-intro{font-size:var(--type-small)}.hero-anchor{margin-top:39px}.hero-visual{min-height:325px}.hero-asset-label{width:168px;height:168px}.hero-bottom{font-size:var(--type-caption)}.content-section{padding:76px 0}.content-section h2{font-size:var(--type-page)}.section-label{margin-bottom:23px}.section-note{font-size:var(--type-small);margin-top:22px}.flow{grid-template-columns:1fr;margin-top:49px}.flow li{min-height:116px;gap:20px;padding:18px 0 0;border-top:1px solid var(--ink)}.flow li:not(:last-child){margin-right:0}.flow strong{font-size:var(--type-card)}.flow-line{right:7px}.card-grid,.link-grid{grid-template-columns:1fr;margin-top:44px;gap:9px}.outline-card{min-height:190px}.outline-card h3{font-size:var(--type-card);margin:auto 0 24px}.page-link{min-height:165px;padding:24px}.page-link span:first-child{font-size:var(--type-card)}.feature-section{grid-template-columns:1fr}.feature-section:nth-child(even) .feature-copy,.feature-section:nth-child(even) .feature-asset{order:unset}.asset-frame{min-height:280px}.feature-copy .pending-tag{margin-top:25px}.cta-placeholder{margin-top:44px;min-height:240px;flex-direction:column;gap:20px;font-size:var(--type-caption)}.cta-orbit{width:70px;height:70px}.site-footer{padding-top:65px}.footer-top{flex-direction:column;gap:54px;padding-bottom:70px}.footer-brand{font-size:var(--type-page)}.footer-links{gap:15px 22px}.footer-bottom{flex-wrap:wrap;font-size:var(--type-caption);line-height:1.5}.footer-bottom span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.hero h1{text-wrap:balance}

.hero-line{display:block}
@media(max-width:450px){.hero h1{font-size:var(--type-section)}}

/* The homepage is a brand story with one cinematic media stage. */
.home-hero-inner{max-width:var(--max);margin:auto;padding:clamp(68px,7vw,105px) var(--gutter) 0}
.home-hero-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(35px,5vw,80px);align-items:end}
.home-hero .hero-kicker{margin:36px 0 17px}
.home-hero h1{font-size:var(--type-display);max-width:none}
.home-hero-side{border:0;padding:0}
.home-hero-side .hero-subtitle{margin:0;font-size:var(--type-card);text-wrap:balance}
.home-hero-side .hero-intro{margin-top:20px}
.home-hero-side .hero-anchor{margin-top:28px}
.home-hero-stage{position:relative;min-height:clamp(340px,34vw,510px);margin-top:clamp(55px,6vw,90px);overflow:hidden;border:1px solid #536b7b;background:radial-gradient(circle at 52% 70%,#294c65 0%,#1c3345 42%,#101820 78%)}
.home-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(105,204,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(105,204,255,.10) 1px,transparent 1px);background-size:67px 67px;mask-image:linear-gradient(transparent 6%,#000 78%);transform:perspective(450px) rotateX(48deg) scale(1.5) translateY(5%)}
.home-stage-orbit{position:absolute;left:50%;top:48%;width:min(440px,55vw);aspect-ratio:1;border:1px solid rgba(105,204,255,.44);border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg) rotate(-28deg);box-shadow:0 0 0 85px rgba(105,204,255,.025),0 0 0 170px rgba(105,204,255,.022)}
.home-stage-orbit::before,.home-stage-orbit::after{content:"";position:absolute;inset:12%;border:1px solid rgba(105,204,255,.3);border-radius:50%;transform:rotateY(68deg)}
.home-stage-orbit::after{inset:-15%;border-color:rgba(105,204,255,.13);transform:rotateY(40deg)}
.home-stage-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:22px;padding:18px 23px;background:rgba(16,24,32,.82);border:1px dashed rgba(105,204,255,.7);color:var(--accent);font-size:var(--type-caption);line-height:1.9;letter-spacing:.12em;white-space:nowrap}
.home-stage-label strong{font-weight:500;font-size:var(--type-caption);letter-spacing:0;color:var(--paper)}
.home-stage-coordinate{position:absolute;left:25px;bottom:23px;color:#a7c3d0;font-size:var(--type-caption);letter-spacing:.17em}
.home-hero-foot{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-height:58px;color:#a7c3d0;font-size:var(--type-caption);font-weight:700;letter-spacing:.15em}

.feature-link{display:flex;justify-content:space-between;align-items:center;max-width:250px;gap:20px;margin-top:28px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:var(--type-small);font-weight:700}
.feature-link:hover{color:#066ea8;border-color:#066ea8}

@media(max-width:900px){
  .home-hero-top{grid-template-columns:1fr}
  .home-hero-side{max-width:580px;margin-top:5px}
  .home-hero-stage{margin-top:65px}
}
@media(max-width:650px){
  .home-hero-inner{padding-top:73px}
  .home-hero h1{font-size:var(--type-page)}
  .home-hero-side{padding-left:0}
  .home-hero-side .hero-subtitle{font-size:var(--type-card)}
  .home-hero-stage{min-height:290px;margin-top:55px}
  .home-stage-label{gap:12px;padding:12px 14px;font-size:var(--type-caption)}
  .home-stage-label strong{font-size:var(--type-caption)}
  .home-stage-coordinate{font-size:var(--type-caption);left:12px;bottom:13px}
  .home-hero-foot{font-size:var(--type-caption);min-height:65px}
  .home-hero-foot>span{display:block}
}
@media(max-width:450px){.home-hero h1{font-size:var(--type-section)}}

/* Compact navigation with a product dropdown and a language popover. */
.header-inner{height:60px;gap:clamp(16px,2vw,28px)}
.main-nav{margin-left:auto;gap:clamp(18px,2.2vw,32px)}
.main-nav>a,.product-trigger{font-size:var(--type-caption);font-weight:600;white-space:nowrap;letter-spacing:.02em}
.nav-product{position:relative;align-self:stretch;display:flex;align-items:center}
.product-trigger{border:0;background:transparent;color:var(--ink);padding:12px 0;display:flex;align-items:center;gap:7px;position:relative}
.product-trigger::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav-product.is-current .product-trigger::after,.nav-product.is-open .product-trigger::after{transform:scaleX(1)}
.nav-chevron{display:inline-block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.is-open>.product-trigger .nav-chevron,.is-open>.language-trigger .nav-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.product-dropdown,.language-menu{display:none;position:absolute;z-index:25;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 35px rgba(12,31,43,.16)}
.product-dropdown{top:100%;left:-25px;min-width:262px;padding:10px}
.nav-product.is-open .product-dropdown,.language-picker.is-open .language-menu{display:block}
.product-dropdown a{display:flex;justify-content:space-between;gap:18px;padding:13px 14px;font-size:var(--type-small);font-weight:600;white-space:nowrap}
.product-dropdown a:hover,.product-dropdown a[aria-current=page]{background:#dceef8}
.product-dropdown a span{font-size:var(--type-body);line-height:1}
.header-actions{display:flex;align-items:center;gap:14px;margin-left:clamp(8px,1.5vw,24px)}
.language-picker{position:relative}
.language-trigger{display:flex;align-items:center;gap:8px;border:1px solid #9db3bf;background:transparent;color:var(--ink);height:33px;padding:0 10px;font-size:var(--type-caption);font-weight:600;white-space:nowrap}
.language-trigger:hover,.language-picker.is-open .language-trigger{background:#e7f2f8}
.language-globe{width:13px;height:13px;display:inline-block;border:1px solid currentColor;border-radius:50%;position:relative;flex:0 0 auto}
.language-globe::before{content:"";position:absolute;left:3px;right:3px;top:-1px;bottom:-1px;border-left:1px solid currentColor;border-right:1px solid currentColor;border-radius:50%}
.language-globe::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px solid currentColor}
.language-menu{right:0;top:calc(100% + 6px);min-width:145px;padding:7px}
.language-menu a{display:block;padding:11px 12px;font-size:var(--type-caption);white-space:nowrap}
.language-menu a:hover,.language-menu a[aria-current=page]{background:#dceef8}
.icp-row{max-width:calc(var(--max) - 2*var(--gutter));margin:auto;padding:0 0 21px;text-align:center;color:#a5bbc8;font-size:var(--type-caption);letter-spacing:.03em}
.icp-row span,.icp-row a{display:block}
.icp-row a{font-size:var(--type-caption);margin-top:6px}
.icp-row a:hover{color:var(--accent)}

/* Homepage screens: transformation, value, connected products, applications. */
.world-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:62px}
.world-step{position:relative;min-width:0}
.world-step-index{display:block;font-size:var(--type-caption);color:#0b6d9f;font-weight:700;letter-spacing:.13em;margin-bottom:13px}
.world-step-visual{height:clamp(240px,24vw,340px);border:1px dashed #adc8d8;background:linear-gradient(145deg,#eaf3f8,#dcebf2);display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#60859b;font-size:var(--type-caption);letter-spacing:.1em;line-height:1.8}
.world-step:nth-child(2) .world-step-visual{background:linear-gradient(145deg,#d9eaf4,#c6e0ef)}
.world-step:nth-child(3) .world-step-visual{background:linear-gradient(145deg,#c9e4f3,#b5d8eb)}
.world-step:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:47%;right:-20px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--accent);font-size:var(--type-body)}
.world-step h3{font-size:var(--type-card);letter-spacing:-.045em;font-weight:500;margin:21px 0 0}
.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:63px}
.value-panel{min-height:510px;background:#e5eff5;border:1px solid var(--line);display:flex;flex-direction:column}
.value-panel:nth-child(2){background:#d6eaf4}
.value-panel-asset{min-height:305px;flex:1;border-bottom:1px dashed #9dbac9;display:flex;align-items:center;justify-content:center;text-align:center;color:#60859b;font-size:var(--type-caption);letter-spacing:.1em;padding:20px;background:radial-gradient(circle at 50% 50%,rgba(126,186,219,.35),transparent 55%)}
.value-panel-copy{padding:25px 28px 34px}
.value-panel-copy>span{font-size:var(--type-caption);color:#0b6d9f;letter-spacing:.13em;font-weight:700}
.value-panel h3{font-size:var(--type-section);letter-spacing:-.06em;font-weight:500;margin:13px 0 8px}
.value-panel p{font-size:var(--type-small);color:#4e6979;margin:0}
.home-product-pair{display:grid;grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr);align-items:stretch;margin-top:65px}
.home-product{position:relative;min-height:520px;padding:28px;background:#172b3a;color:var(--paper);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}
.home-product:hover{transform:translateY(-4px)}
.home-product:last-child{background:#dceef7;color:var(--ink)}
.home-product-type{font-size:var(--type-caption);letter-spacing:.15em;color:#a7c3d0;font-weight:700}
.home-product:last-child .home-product-type{color:#3b6e89}
.home-product-asset{min-height:230px;margin:27px 0 20px;border:1px dashed rgba(105,204,255,.45);display:flex;align-items:center;justify-content:center;text-align:center;color:#aac9d9;font-size:var(--type-caption);letter-spacing:.1em}
.home-product:last-child .home-product-asset{border-color:#95b8ca;color:#3b6e89}
.home-product h3{font-size:var(--type-section);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:0}
.home-product ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:20px 34px 0 0}
.home-product li{font-size:var(--type-caption);letter-spacing:.03em;padding:7px 9px;border:1px solid rgba(245,248,250,.42)}
.home-product:last-child li{border-color:#93b4c5}
.home-product-arrow{position:absolute;right:27px;bottom:27px;font-size:var(--type-card);line-height:1;color:var(--accent)}
.home-product:last-child .home-product-arrow{color:#216e9c}
.product-bridge{display:flex;align-items:center;justify-content:center;position:relative;color:#286d97;font-size:var(--type-card)}
.product-bridge::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#87aec3}
.product-bridge span{position:relative;z-index:1;width:43px;height:43px;background:var(--paper);border:1px solid #87aec3;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pair-caption{text-align:center;margin:25px 0 0;color:#557c94;font-size:var(--type-caption);font-weight:700;letter-spacing:.15em}
.solution-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:63px}
.solution-summary-card{min-height:380px;background:#e8f1f6;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line)}
.solution-summary-card:nth-child(2){background:#dcebf3}.solution-summary-card:nth-child(3){background:#d1e6f1}
.solution-summary-card>span{font-size:var(--type-caption);color:#517c95;font-weight:700}
.solution-summary-asset{flex:1;display:flex;align-items:center;justify-content:center;color:#688da2;font-size:var(--type-caption);letter-spacing:.1em;border-bottom:1px dashed #a4c1d0}
.solution-summary-card h3{font-size:var(--type-card);font-weight:500;letter-spacing:-.045em;margin:22px 0 4px}
.solution-summary-link{margin-top:35px;margin-left:auto}

@media(max-width:900px){
  .header-inner{height:58px}
  .header-actions{margin-left:auto}
  .main-nav{top:58px;margin:0;gap:0}
  .nav-product{display:block;align-self:stretch;border-bottom:1px solid var(--line)}
  .product-trigger{width:100%;justify-content:space-between;font-size:var(--type-lead);padding:15px 0}
  .product-trigger::after{display:none}
  .product-dropdown{position:static;box-shadow:none;border:0;background:#e9f2f7;min-width:0;padding:4px 10px 9px;margin-bottom:10px}
  .product-dropdown a{font-size:var(--type-small);padding:13px 10px}
  .menu-toggle{display:flex}
  .home-product-pair{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}
}
@media(max-width:650px){
  .header-inner{height:56px}
  .main-nav{top:56px}
  .brand{font-size:var(--type-small);gap:8px}
  .brand-mark{width:20px;height:21px}
  .header-actions{gap:9px}
  .language-trigger{height:31px;padding:0 8px;font-size:var(--type-caption);gap:6px}
  .world-flow,.value-grid,.solution-summary-grid{grid-template-columns:1fr;gap:9px;margin-top:43px}
  .world-step-visual{height:180px}
  .world-step:not(:last-child)::after{top:auto;bottom:-22px;left:calc(50% - 15px);right:auto;transform:rotate(90deg)}
  .world-step{margin-bottom:26px}
  .world-step:last-child{margin-bottom:0}
  .world-step h3{font-size:var(--type-card);margin-top:14px}
  .value-panel{min-height:330px}
  .value-panel-asset{min-height:195px}
  .value-panel-copy{padding:20px}
  .value-panel h3{font-size:var(--type-card)}
  .home-product-pair{grid-template-columns:1fr;margin-top:43px}
  .home-product{min-height:390px;padding:23px}
  .home-product-asset{min-height:165px}
  .home-product h3{font-size:var(--type-section)}
  .product-bridge{height:65px}
  .product-bridge::before{width:1px;height:100%;left:50%;top:0;right:auto}
  .product-bridge span{transform:rotate(90deg)}
  .solution-summary-card{min-height:230px}
  .solution-summary-link{margin-left:0}
  .footer-bottom{padding-bottom:14px}
}

/* Brand system: official artwork on light and dark surfaces. The supplied PNGs
   have generous transparent margins, so the viewport crops only those margins. */
.brand-logo{display:block;position:relative;width:158px;height:48px;overflow:hidden;flex:none}
.brand-logo img{position:absolute;display:block;max-width:none;width:153.94%;height:auto;left:-26.97%;top:-202.8%}
.brand{gap:0}
.footer-brand.brand-logo{width:243px;height:74px;font-size:inherit;letter-spacing:normal;line-height:normal}
.footer-top p{margin-top:16px}
.preview-strip{background:#dceef8;color:#20506c}
.live-dot{background:#0077bf}
.site-header{background:rgba(245,248,250,.97)}
.main-nav>a:hover,.product-trigger:hover{color:#006da8}
.language-trigger{border-color:#a7bfcd}
.site-footer{background:#101820}
:focus-visible{outline:2px solid #0077bf;outline-offset:3px}
.home-hero :focus-visible,.site-footer :focus-visible{outline-color:#69ccff}

/* The opening film is the whole stage; content stays readable as frames change. */
.home-hero{position:relative;isolation:isolate;background:#0e1a25 url('/assets/home-hero-poster.jpg') center/cover no-repeat;color:#f5f8fa}
.home-hero-video,.home-hero-scrim{position:absolute;inset:0;width:100%;height:100%}
.home-hero-video{z-index:-2;display:block;object-fit:cover;object-position:57% 50%;filter:saturate(.94) contrast(1.04)}
.home-hero-scrim{z-index:-1;background:linear-gradient(90deg,rgba(4,15,25,.9) 0%,rgba(4,15,25,.72) 36%,rgba(4,15,25,.29) 74%,rgba(4,15,25,.13) 100%),linear-gradient(0deg,rgba(4,15,25,.69) 0%,transparent 32%,rgba(4,15,25,.12) 100%)}
.home-hero-inner{max-width:var(--max);min-height:calc(100vh - var(--home-header-height));min-height:calc(100dvh - var(--home-header-height));margin:auto;padding:clamp(70px,11vh,125px) var(--gutter) 28px;display:flex;flex-direction:column;justify-content:flex-end}
.home-hero-copy{max-width:1050px;padding:0 0 clamp(55px,10vh,110px);animation:hero-enter .7s ease-out both}
.home-hero .eyebrow{font-size:var(--type-caption);letter-spacing:.16em;color:#8ad7ff}
.home-hero .eyebrow-dash{background:#8ad7ff}
.home-hero .hero-kicker{margin:clamp(22px,4vh,44px) 0 18px;color:#c9e8f8;opacity:1;font-size:var(--type-caption);letter-spacing:.18em;text-transform:uppercase}
.home-hero h1{max-width:1050px;margin:0;color:#fff;font-size:var(--type-display);font-weight:600;line-height:1.09;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 3px 28px rgba(0,0,0,.22)}
.home-hero-side{max-width:685px;margin-top:clamp(28px,4vh,40px);padding:0;border:0}
.home-hero-side .hero-subtitle{margin:0;color:#f5f8fa;font-size:var(--type-card);font-weight:500;line-height:1.4;letter-spacing:-.035em}
.home-hero-side .hero-intro{max-width:610px;margin:13px 0 0;color:#d7e4eb;font-size:var(--type-small);line-height:1.75}
.home-hero-foot{min-height:0;padding-top:18px;border:0;color:#d8e7ee;font-size:var(--type-caption);letter-spacing:.14em}
html[lang=en] .home-hero h1{max-width:1010px;font-size:var(--type-display);letter-spacing:-.05em}
@keyframes hero-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){
  .home-hero-inner{padding-top:75px}
  .home-hero-video{object-position:58% 50%}
  .home-hero-scrim{background:linear-gradient(90deg,rgba(4,15,25,.88),rgba(4,15,25,.55) 60%,rgba(4,15,25,.29)),linear-gradient(0deg,rgba(4,15,25,.72),transparent 55%)}
}
@media(max-width:650px){
  .brand-logo{width:137px;height:42px}
  .header-inner{gap:8px}
  .home-hero-inner{padding:80px var(--gutter) 23px}
  .home-hero-copy{padding-bottom:clamp(58px,10vh,100px)}
  .home-hero h1,html[lang=en] .home-hero h1{font-size:var(--type-page);line-height:1.12;letter-spacing:-.055em}
  .home-hero .hero-kicker{margin:27px 0 16px}
  .home-hero-side{margin-top:28px;padding-left:0}
  .home-hero-side .hero-subtitle{font-size:var(--type-lead)}
  .home-hero-side .hero-intro{font-size:var(--type-small);line-height:1.65}
  .home-hero-foot{font-size:var(--type-caption);letter-spacing:.08em}
  .home-hero-foot span:last-child{display:block}
  .footer-brand.brand-logo{width:205px;height:62px}
}
@media(max-width:420px){
  .brand-logo{width:122px;height:37px}
  .home-hero h1,html[lang=en] .home-hero h1{font-size:var(--type-section)}
  .home-hero-foot>span{display:block}
}
@media(prefers-reduced-motion:reduce){.home-hero-copy{animation:none}.home-hero-video{display:none}}

/* Public-facing pass: dark navigation and content without editorial scaffolding. */
.site-header{background:rgba(16,24,32,.98);border-bottom:1px solid rgba(245,248,250,.12)}
.main-nav>a,.product-trigger{color:#f5f8fa}
.main-nav>a:hover,.product-trigger:hover{color:#8ad7ff}
.main-nav>a:not(.lang-switch)::after,.product-trigger::after{background:#8ad7ff}
.menu-toggle span{background:#f5f8fa}
.language-trigger{border-color:#60798a;color:#f5f8fa}
.language-trigger:hover,.language-picker.is-open .language-trigger{background:#243a4b}
.product-dropdown,.language-menu{background:#192b39;border-color:#385267;box-shadow:0 18px 35px rgba(0,0,0,.25)}
.product-dropdown a,.language-menu a{color:#f5f8fa}
.product-dropdown a:hover,.product-dropdown a[aria-current=page],.language-menu a:hover,.language-menu a[aria-current=page]{background:#284a60}
.hero-grid{min-height:min(780px,calc(100svh - 60px))}

.home-hero .hero-kicker{margin-top:0}
.world-step{min-height:240px;padding:28px;background:linear-gradient(145deg,#edf5f9,#dcebf3);display:flex;align-items:flex-end;border-top:2px solid #5aa7ce}
.world-step:nth-child(2){background:linear-gradient(145deg,#e4f1f8,#d2e7f2)}
.world-step:nth-child(3){background:linear-gradient(145deg,#d9edf7,#c4e2f1)}
.world-step h3{margin:0}
.value-panel{min-height:350px;position:relative;justify-content:flex-end;overflow:hidden}
.value-panel::before{content:"";position:absolute;width:320px;aspect-ratio:1;right:-40px;top:-110px;border:1px solid rgba(23,95,135,.17);border-radius:50%;box-shadow:0 0 0 70px rgba(23,95,135,.04),0 0 0 140px rgba(23,95,135,.025)}
.value-panel-copy{position:relative;padding:36px}
.value-panel h3{margin:0 0 12px}
.home-product-asset{border:0;background:radial-gradient(circle at 50% 60%,rgba(105,204,255,.22),transparent 65%);position:relative}
.home-product-asset::before{content:"";position:absolute;left:50%;top:50%;width:170px;aspect-ratio:1;border:1px solid rgba(105,204,255,.38);border-radius:50%;transform:translate(-50%,-50%) rotateX(55deg);box-shadow:0 0 0 38px rgba(105,204,255,.06)}
.home-product:last-child .home-product-asset{border:0;background:radial-gradient(circle at 50% 60%,rgba(35,124,173,.13),transparent 68%)}
.home-product:last-child .home-product-asset::before{border-color:rgba(35,124,173,.3);box-shadow:0 0 0 38px rgba(35,124,173,.04)}
.solution-summary-card{min-height:290px;background:linear-gradient(145deg,#e8f1f6,#dceaf2)}
.solution-summary-card h3{margin:auto 0 4px}
.asset-frame{border:1px solid #d2e1e9;background:radial-gradient(circle at 50% 50%,#d9eaf3,#eaf1f5 65%);position:relative;overflow:hidden}
.asset-frame::before{content:"";width:230px;aspect-ratio:1;border:1px solid rgba(41,126,171,.3);border-radius:50%;box-shadow:0 0 0 70px rgba(41,126,171,.05)}
.asset-symbol{display:none}
@media(max-width:900px){
  .main-nav{background:#101820;border-bottom-color:#385267}
  .main-nav>a,.nav-product{border-bottom-color:#385267}
  .product-dropdown{background:#192f3e;border:0;box-shadow:none}
  
}
@media(max-width:650px){
  
  .world-step{min-height:160px;margin-bottom:0;padding:22px}
  .world-step:not(:last-child){margin-bottom:25px}
  .value-panel{min-height:260px}
  .value-panel-copy{padding:24px}
  .solution-summary-card{min-height:210px}
}

/* Full-width spatial transformation: three separated, interactive planes. */
.world-section{width:min(1680px,calc(100vw - 2 * var(--gutter)));margin-left:50%;transform:translateX(-50%);padding-top:clamp(88px,8vw,132px);padding-bottom:clamp(86px,8vw,132px)}
.world-section .section-heading{max-width:100%}
.world-flow{--world-slant:clamp(34px,5.5vw,92px);--world-gap:clamp(12px,1.5vw,24px);display:flex;gap:var(--world-gap);align-items:stretch;margin:clamp(44px,5.4vw,78px) 0 0;padding:0 1px 0 0;isolation:isolate}
.world-step{flex:0 0 calc((100% + 2 * var(--world-slant) - 2 * var(--world-gap)) / 3);height:clamp(340px,35vw,520px);min-height:0;margin:0;clip-path:polygon(var(--world-slant) 0,100% 0,calc(100% - var(--world-slant)) 100%,0 100%);border:0;padding:clamp(30px,3vw,50px) calc(var(--world-slant) + 13px) clamp(33px,3.2vw,50px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;color:#f6fbff;background:#15384c;cursor:default;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease;transform-origin:center;will-change:transform}
.world-step+ .world-step{margin-left:calc(-1 * var(--world-slant))}
.world-step:nth-child(2){background:#1e7296}
.world-step:nth-child(3){background:#b7e3f2;color:#112b3a}
.world-step::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 69% 29%,rgba(170,228,255,.3),transparent 34%),repeating-linear-gradient(90deg,transparent 0 45px,rgba(255,255,255,.07) 46px 47px),repeating-linear-gradient(0deg,transparent 0 45px,rgba(255,255,255,.07) 46px 47px);opacity:.6;transition:opacity .35s}
.world-step:nth-child(1)::before{background:radial-gradient(ellipse at 70% 30%,rgba(121,209,249,.36),transparent 41%),linear-gradient(130deg,transparent 30%,rgba(255,255,255,.13) 30.2%,transparent 30.5%,transparent 52%,rgba(255,255,255,.1) 52.2%,transparent 52.5%);opacity:1}
.world-step:nth-child(2)::before{background:radial-gradient(circle at 65% 35%,transparent 0 12%,rgba(225,248,255,.32) 12.2% 12.5%,transparent 12.7% 24%,rgba(225,248,255,.24) 24.2% 24.5%,transparent 24.7% 37%,rgba(225,248,255,.16) 37.2% 37.5%,transparent 37.7%);opacity:1}
.world-step:nth-child(3)::before{background:radial-gradient(circle at 68% 30%,rgba(255,255,255,.95),transparent 38%),repeating-linear-gradient(90deg,transparent 0 45px,rgba(25,104,145,.15) 46px 47px),repeating-linear-gradient(0deg,transparent 0 45px,rgba(25,104,145,.15) 46px 47px);opacity:1}
.world-step::after{display:none!important}
.world-step-content{position:relative;z-index:1;width:100%;max-width:330px}
.world-step h3{font-size:var(--type-section);line-height:1.12;letter-spacing:-.065em;font-weight:500;margin:0}
.world-step p{font-size:var(--type-body);line-height:1.55;letter-spacing:0;margin:17px 0 0;max-width:300px;opacity:0;max-height:0;overflow:hidden;transform:translateY(12px);transition:opacity .28s ease,transform .28s ease,max-height .32s ease}
.world-step-arrow{position:absolute;z-index:1;top:clamp(34px,3vw,52px);right:calc(var(--world-slant) + 20px);font-size:var(--type-section);font-weight:300;line-height:1;opacity:.65;transform:rotate(0);transition:transform .3s,opacity .3s}
.world-step:is(:hover,:focus-visible){z-index:3;transform:scale(1.055);filter:brightness(1.1) saturate(1.1)}
.world-step:is(:hover,:focus-visible) p{opacity:1;max-height:95px;transform:translateY(0)}
.world-step:is(:hover,:focus-visible) .world-step-arrow{opacity:1;transform:translate(5px,-5px)}
.world-step:focus-visible{outline:3px solid #0c759f;outline-offset:4px}
.world-statement{position:relative;margin:0;padding:clamp(25px,2.7vw,40px) 0 0;border-top:0;font-size:var(--type-card);line-height:1.55;letter-spacing:-.035em;color:#1b3646;max-width:100%}
html[lang=en] .world-step h3{font-size:var(--type-section);letter-spacing:-.055em}
html[lang=en] .world-statement{font-size:var(--type-card)}
@media(max-width:900px){
  .world-flow{--world-slant:clamp(30px,7vw,56px);display:flex;flex-direction:column;gap:16px;margin-top:42px;padding:0}
  .world-step{flex:none;width:100%;height:clamp(180px,27vw,260px);margin:0!important;clip-path:polygon(var(--world-slant) 0,100% 0,calc(100% - var(--world-slant)) 100%,0 100%);padding:26px calc(var(--world-slant) + 15px) 25px}
  .world-step:not(:last-child){margin-bottom:0}
  .world-step h3{font-size:var(--type-section)}
  .world-step p{max-height:none;opacity:1;transform:none;margin-top:9px}
  .world-step-arrow{top:25px;right:calc(var(--world-slant) + 12px)}
  .world-step:is(:hover,:focus-visible){transform:scale(1.015)}
  .world-statement{padding-top:25px;margin-top:8px}
}
@media(max-width:650px){
  .world-section{width:calc(100vw - 2 * var(--gutter));padding-top:76px;padding-bottom:78px}
  .world-flow{--world-slant:clamp(24px,7vw,39px);gap:12px;margin-top:38px}
  .world-step{height:clamp(165px,48vw,220px);padding:20px calc(var(--world-slant) + 10px) 19px}
  .world-step h3{font-size:var(--type-card)}
  .world-step p{font-size:var(--type-caption);line-height:1.5;margin-top:8px}
  .world-step-arrow{top:20px;right:calc(var(--world-slant) + 8px);font-size:var(--type-card)}
  .world-statement{font-size:var(--type-body);line-height:1.6}
  html[lang=en] .world-step h3{font-size:var(--type-card)}
  html[lang=en] .world-statement{font-size:var(--type-body)}
}
@media(prefers-reduced-motion:reduce){.world-step,.world-step::before,.world-step p,.world-step-arrow{transition:none}.world-step:is(:hover,:focus-visible){transform:none}}

/* Product reveal and consolidated application scenes. */
.home-product:first-child .home-product-asset{height:clamp(230px,24vw,340px);margin:18px 0 12px;background:radial-gradient(ellipse at 50% 60%,rgba(105,204,255,.14),transparent 68%)}
.home-product:first-child .home-product-asset::before{display:none}
.home-product-asset img{display:block;position:relative;z-index:1;width:100%;height:100%;max-height:340px;object-fit:contain;object-position:center}
.solution-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.solution-summary-card{min-height:310px;overflow:hidden}
.solution-summary-card:nth-child(4){background:#c7e0ed}
.solution-summary-card h3{margin:auto 0 14px}
.solution-summary-card p{margin:0;font-size:var(--type-small);line-height:1.6;color:#4e6979}
@media(max-width:1000px){.solution-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.solution-summary-grid{grid-template-columns:1fr}.solution-summary-card{min-height:210px}.home-product:first-child .home-product-asset{height:210px}}

/* Editorial two-column product stage based on the approved page sketch. */
.product-pair-section .section-heading{max-width:none;text-align:center}
 .product-pair-section h2{font-size:var(--type-section);letter-spacing:-.055em}
.home-product-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,12vw,205px);align-items:start;margin-top:clamp(58px,6vw,92px)}
.home-product,.home-product:last-child{display:block;min-height:0;padding:0;background:transparent;color:var(--ink);overflow:visible;transform:none}
.home-product:hover{transform:none}
.home-product-asset,.home-product:first-child .home-product-asset,.home-product:last-child .home-product-asset{width:100%;height:auto;min-height:0;aspect-ratio:1.04;margin:0 0 27px;border:0;overflow:hidden;background:#dce5eb;display:block;position:relative}
.home-product:last-child .home-product-asset{background:#101d2b}
.home-product-asset::before,.home-product:last-child .home-product-asset::before{display:none}
.home-product-asset img,.home-product:first-child .home-product-asset img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.home-product:last-child .home-product-asset img{object-fit:cover}
.home-product:first-child .home-product-asset{background:#020b13}
.home-product:first-child .home-product-asset img{object-fit:cover}
.home-product:hover .home-product-asset img,.home-product:focus-visible .home-product-asset img{transform:scale(1.035)}
.home-product h3{font-size:var(--type-section);line-height:1.25;letter-spacing:-.05em;font-weight:500;margin:0;color:var(--ink)}
.home-product-slash{color:#557c94;font-weight:300}
 .home-product p{font-size:var(--type-body);line-height:1.55;letter-spacing:-.035em;color:#7d8c96;margin:22px 0 0}
.home-product:focus-visible{outline:2px solid #0b6d9f;outline-offset:8px}
.product-visual-note{position:absolute;z-index:2;bottom:16px;right:16px;padding:5px 8px;background:rgba(16,24,32,.7);color:#d4e5ed;font-size:var(--type-caption);letter-spacing:.06em}
html[lang=en] .home-product h3{font-size:var(--type-section);letter-spacing:-.045em}
@media(max-width:900px){.home-product-pair{gap:clamp(24px,5vw,50px)}.home-product h3{font-size:var(--type-card)}.home-product p{font-size:var(--type-body)}}
@media(max-width:650px){.home-product-pair{grid-template-columns:1fr;gap:58px;margin-top:43px}.home-product-asset,.home-product:first-child .home-product-asset,.home-product:last-child .home-product-asset{height:auto;aspect-ratio:1.04;margin-bottom:22px}.home-product h3,html[lang=en] .home-product h3{font-size:var(--type-section)}.home-product p{font-size:var(--type-body);margin-top:13px}}

/* Second-screen imagery and the aligned photo/scan comparison. */
.world-step--image,.world-step--compare,.world-step--video{background:#101820}
.world-step--video{color:#f6fbff}
.world-step--image::before,.world-step--compare::before,.world-step--video::before{display:none}
.world-step-visual{position:absolute;inset:0;z-index:0;overflow:hidden;border:0;background:#101820}
.world-step-visual>img,.world-step-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.world-step-visual>video{display:block}
.world-step-visual::after{content:"";position:absolute;z-index:2;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,9,15,.18) 24%,rgba(3,9,15,.8) 100%);pointer-events:none}
.world-step--video .world-step-visual{background:#050608 url('/assets/world-application-pointcloud-poster.jpg') center/cover no-repeat}
.world-step--image .world-step-visual>img{filter:saturate(.92)}
.world-step--compare .world-step-visual>img{filter:saturate(.96)}
.world-step--compare .world-compare-after{z-index:1;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.world-step--compare .world-compare-base{z-index:0}
.world-step-content{z-index:3;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.world-step--image .world-step-content,.world-step--compare .world-step-content,.world-step--video .world-step-content{color:#fff}
.world-compare{touch-action:pan-y;cursor:ew-resize}
.world-step--compare,.world-step--compare *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.world-compare-label{position:absolute;z-index:3;top:clamp(25px,2.5vw,42px);padding:6px 9px;background:rgba(4,15,24,.58);color:#f6fbff;font-size:var(--type-caption);font-weight:700;letter-spacing:.06em;white-space:nowrap;pointer-events:none}
.world-compare-label-left{left:calc(var(--world-slant) + 12px)}
.world-compare-label-right{right:calc(var(--world-slant) + 12px)}
.world-compare-divider{position:absolute;z-index:4;left:var(--split);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 16px rgba(5,24,37,.5);transform:translateX(-50%);pointer-events:none}
.world-compare-divider span{position:absolute;top:47%;left:50%;width:42px;height:42px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);background:#123044;color:#fff;font-size:var(--type-lead);line-height:1;box-shadow:0 5px 20px rgba(0,0,0,.25)}
.world-compare input[type=range]{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.world-compare:focus-within .world-compare-divider span{outline:3px solid #69ccff;outline-offset:3px}
.world-step--compare:focus-within p{opacity:1;max-height:95px;transform:translateY(0)}
@media(max-width:900px){.world-compare-label{top:19px}.world-compare-divider span{width:36px;height:36px;font-size:var(--type-body)}}
@media(max-width:650px){.world-compare-label{top:13px;font-size:var(--type-caption);padding:4px 6px}.world-compare-label-left{left:calc(var(--world-slant) + 7px)}.world-compare-label-right{right:calc(var(--world-slant) + 7px)}.world-compare-divider span{width:32px;height:32px;font-size:var(--type-small)}}
@media(prefers-reduced-motion:reduce){.world-step--video video{display:none}}

/* Homepage atmosphere: dark spatial fields that cut across section boundaries. */
main{overflow-x:clip}
.home-sections{position:relative}
.home-sections .content-section{isolation:isolate}
.home-sections .content-section>.section-heading,.home-sections .content-section>.world-flow,.home-sections .content-section>.world-statement,.home-sections .content-section>.home-product-pair,.home-sections .content-section>.solution-summary-grid,.home-sections .content-section>.solution-summary-link{position:relative;z-index:1}
.world-section{position:relative;color:#f3f9fc;border-bottom:0}
.world-section::before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);clip-path:polygon(0 4%,100% 0,100% 98%,0 100%);background:radial-gradient(ellipse at 17% 28%,rgba(31,133,181,.25),transparent 38%),radial-gradient(ellipse at 84% 74%,rgba(28,97,137,.25),transparent 42%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(142,215,246,.035) 90px 91px),repeating-linear-gradient(0deg,transparent 0 89px,rgba(142,215,246,.035) 90px 91px),linear-gradient(128deg,#0a1520 8%,#0d2b3d 54%,#07131f 100%)}
.world-section::after{content:"";position:absolute;z-index:0;top:0;left:47%;width:38vw;height:100%;background:linear-gradient(90deg,transparent,rgba(92,206,255,.11) 48%,rgba(92,206,255,.025) 60%,transparent);transform:skewX(-22deg) translateX(-15vw);pointer-events:none;animation:spatial-beam 18s ease-in-out infinite alternate}
.world-section h2{color:#f4f9fc;text-shadow:0 10px 50px rgba(4,17,27,.38)}
.world-statement{color:#dcecf4}
.world-flow{filter:drop-shadow(0 25px 35px rgba(0,0,0,.18))}
.product-pair-section{position:relative;border-bottom:0;padding-top:clamp(126px,11vw,180px);padding-bottom:clamp(124px,10vw,170px)}
.product-pair-section::before{content:"";position:absolute;z-index:-1;left:50%;top:-50px;width:100vw;height:calc(100% + 100px);transform:translateX(-50%);background:radial-gradient(ellipse at 50% 5%,rgba(64,169,216,.15),transparent 52%),linear-gradient(150deg,transparent 0 42%,rgba(29,107,151,.055) 42.08% 42.15%,transparent 42.23%),linear-gradient(30deg,transparent 0 65%,rgba(29,107,151,.05) 65.08% 65.15%,transparent 65.23%),#f5f8fa}
.product-pair-section::after{content:"";position:absolute;z-index:0;top:-185px;right:-30vw;width:min(78vw,1100px);aspect-ratio:1;border:1px solid rgba(42,132,174,.12);border-radius:50%;box-shadow:0 0 0 75px rgba(42,132,174,.025),0 0 0 170px rgba(42,132,174,.018),0 0 0 285px rgba(42,132,174,.012);pointer-events:none}
.product-pair-section .home-product-asset{box-shadow:0 26px 55px rgba(17,54,76,.13)}
.solutions-section{position:relative;color:#f4f9fc;border-bottom:0;padding-top:clamp(130px,11vw,185px);padding-bottom:clamp(115px,10vw,165px)}
.solutions-section::before{content:"";position:absolute;z-index:-1;left:50%;top:-65px;width:100vw;height:calc(100% + 130px);transform:translateX(-50%);clip-path:polygon(0 0,100% 4%,100% 100%,0 96%);background:radial-gradient(circle at 83% 28%,rgba(32,136,186,.38),transparent 34%),radial-gradient(circle at 5% 82%,rgba(16,82,121,.32),transparent 42%),linear-gradient(130deg,#07131e 4%,#112d40 58%,#081721 100%)}
.solutions-section::after{content:"";position:absolute;z-index:0;left:-12vw;top:0;width:115vw;height:100%;background:repeating-linear-gradient(151deg,transparent 0 88px,rgba(105,204,255,.09) 89px 90px,transparent 91px 178px);mask-image:linear-gradient(90deg,transparent 0%,#000 33%,#000 78%,transparent 100%);transform:translateX(-4vw) skewY(-5deg);pointer-events:none;animation:spatial-grid-drift 24s ease-in-out infinite alternate}
.solutions-section h2{color:#f3f9fc}
.solutions-section .solution-summary-card,.solutions-section .solution-summary-card:nth-child(n){min-height:330px;background:linear-gradient(154deg,rgba(28,75,99,.91),rgba(12,35,51,.93));border:1px solid rgba(148,217,247,.3);color:#f5fbfe;backdrop-filter:blur(8px);transition:transform .3s ease,background .3s ease,border-color .3s ease}
.solutions-section .solution-summary-card:nth-child(2){background:linear-gradient(154deg,rgba(31,87,115,.9),rgba(14,40,57,.93))}
.solutions-section .solution-summary-card:nth-child(3){background:linear-gradient(154deg,rgba(37,99,130,.88),rgba(14,43,61,.93))}
.solutions-section .solution-summary-card:nth-child(4){background:linear-gradient(154deg,rgba(43,107,137,.88),rgba(15,49,69,.93))}
.solutions-section .solution-summary-card:hover{transform:translateY(-8px);border-color:rgba(149,225,255,.75)}
.solutions-section .solution-summary-card p{color:#c1d7e3}
.solutions-section .solution-summary-link{color:#d5effc;border-bottom-color:#69ccff}
.solutions-section .solution-summary-link:hover{color:#69ccff}
@keyframes spatial-beam{from{transform:skewX(-22deg) translateX(-15vw)}to{transform:skewX(-22deg) translateX(16vw)}}
@keyframes spatial-grid-drift{from{transform:translateX(-4vw) skewY(-5deg)}to{transform:translateX(5vw) skewY(-5deg)}}
@media(max-width:900px){.product-pair-section{padding-top:110px;padding-bottom:110px}.solutions-section{padding-top:116px;padding-bottom:116px}.solutions-section .solution-summary-card{min-height:265px}}
@media(max-width:650px){.world-section{padding-top:95px;padding-bottom:105px}.world-section::before{top:-35px;height:calc(100% + 70px)}.world-section::after{width:65vw;left:30%;opacity:.6}.product-pair-section{padding-top:105px;padding-bottom:110px}.product-pair-section::after{top:-70px;right:-55vw;width:115vw}.solutions-section{padding-top:120px;padding-bottom:120px}.solutions-section::before{top:-42px;height:calc(100% + 84px)}.solutions-section .solution-summary-card{min-height:225px}}
@media(prefers-reduced-motion:reduce){.world-section::after,.solutions-section::after{animation:none}.solutions-section .solution-summary-card{transition:none}}

/* Application covers: concept imagery with readable copy on every crop. */
.solutions-section .solution-summary-card{position:relative;isolation:isolate;overflow:hidden;padding:24px}
.solutions-section .solution-summary-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.solutions-section .solution-summary-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,14,23,.12) 0%,rgba(4,14,23,.04) 35%,rgba(4,14,23,.75) 72%,rgba(4,14,23,.93) 100%);pointer-events:none}
.solutions-section .solution-summary-card:hover>img{transform:scale(1.055)}
.solutions-section .solution-summary-card h3{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.solutions-section .solution-summary-card p{color:#e2edf3;max-width:26ch;text-shadow:0 1px 8px rgba(0,0,0,.4)}
@media(max-width:650px){.solutions-section .solution-summary-card{min-height:260px}}
@media(prefers-reduced-motion:reduce){.solutions-section .solution-summary-card>img{transition:none}}

/* Product menu belongs to the dark header, without a framed panel or link arrows. */
.product-dropdown{left:-18px;min-width:188px;padding:7px;background:#101820;border:0;box-shadow:0 18px 32px rgba(0,0,0,.32)}
.product-dropdown a{display:block;padding:12px 11px;color:#eaf3f8;font-size:var(--type-small);font-weight:500;line-height:1.4;transition:background .18s ease,color .18s ease}
.product-dropdown a:hover,.product-dropdown a[aria-current=page]{background:#1d3545;color:#9ddcff}
@media(max-width:900px){.product-dropdown{min-width:0;margin:0 0 10px;padding:3px 10px;background:#162734;box-shadow:none}.product-dropdown a{padding:12px 10px;font-size:var(--type-small)}}

/* The two products share one atmospheric field instead of separate image cards. */
.product-pair-section{color:#f3f8fb;padding-top:clamp(112px,10vw,160px);padding-bottom:clamp(120px,10vw,170px)}
.product-pair-section::before{top:-65px;height:calc(100% + 130px);background:radial-gradient(ellipse 48% 54% at 19% 44%,rgba(20,99,141,.31),transparent 78%),radial-gradient(ellipse 46% 50% at 84% 48%,rgba(15,91,133,.28),transparent 78%),linear-gradient(115deg,#06131f 4%,#0a1c2b 52%,#03101a 100%);clip-path:polygon(0 0,100% 4%,100% 100%,0 96%)}
.product-pair-section::after{top:13%;right:-18vw;width:78vw;height:74%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at center,rgba(62,165,220,.14),transparent 65%);filter:blur(25px)}
.product-pair-section h2{color:#f4f9fc}
.product-pair-section .section-label{color:#89d3f7}
.product-pair-section .home-product-pair{position:relative;gap:clamp(28px,5vw,90px);align-items:stretch;margin-top:clamp(38px,4.5vw,70px)}
.product-pair-section .home-product-pair::before{content:"";position:absolute;z-index:0;left:33%;right:33%;top:43%;height:1px;background:linear-gradient(90deg,transparent,rgba(109,207,255,.48) 50%,transparent);box-shadow:0 0 25px 5px rgba(59,160,214,.12);pointer-events:none}
.product-pair-section .home-product,.product-pair-section .home-product:last-child{position:relative;z-index:1;display:flex;flex-direction:column;color:#f3f8fb;background:transparent}
.product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{width:100%;height:clamp(340px,36vw,550px);min-height:0;aspect-ratio:auto;margin:0 0 5px;overflow:visible;background:transparent;box-shadow:none}
.product-pair-section .home-product-asset img,.product-pair-section .home-product:first-child .home-product-asset img,.product-pair-section .home-product:last-child .home-product-asset img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 72% 69% at 50% 50%,#000 53%,transparent 100%)}
.product-pair-section .home-product h3{display:block;height:2.5em;min-height:0;color:#f7fbfd;font-size:var(--type-section);line-height:1.25}
html[lang=zh] .product-pair-section .home-product h3{height:1.25em}
.product-pair-section .home-product-slash{color:#77bbda}
.product-pair-section .home-product p{margin:18px 0 0;color:#a9bfcd;font-size:var(--type-lead);line-height:1.5}
.product-pair-section .product-visual-note{bottom:7%;right:7%;padding:0;background:transparent;color:#a8c1d0;text-shadow:0 1px 10px #06131f}
.product-pair-section .home-product:focus-visible{outline-color:#9ddcff}
@media(max-width:900px){.product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{height:clamp(265px,36vw,380px)}.product-pair-section .home-product h3{height:3.75em;font-size:var(--type-card)}}
@media(max-width:650px){.product-pair-section{padding-top:100px;padding-bottom:115px}.product-pair-section .home-product-pair{gap:38px;margin-top:34px}.product-pair-section .home-product-pair::before{display:none}.product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{height:auto;aspect-ratio:1.08;margin-bottom:0}.product-pair-section .home-product h3,html[lang=zh] .product-pair-section .home-product h3{height:auto;font-size:var(--type-section)}.product-pair-section .home-product p{margin-top:12px;font-size:var(--type-body)}}

/* Let journey media fill each panel, with captions floating over the image. */
.world-section{width:min(1840px,calc(100vw - 2 * var(--gutter)))}
.world-flow{margin-top:clamp(34px,4vw,62px)}
.world-step{height:clamp(470px,38vw,620px)}
.world-step-visual{height:100%;bottom:0}
@media(max-width:900px){.world-step{height:clamp(280px,40vw,370px)}.world-step-content{max-width:400px}}
@media(max-width:650px){.world-step{height:clamp(235px,64vw,300px);padding:20px calc(var(--world-slant) + 10px) 19px}.world-step-visual{height:100%;bottom:0}.world-step-content{max-width:100%}}

/* Keep the same type roles while scaling their heading ranges for smaller screens. */
@media(max-width:650px){:root{--type-section:clamp(32px,8vw,40px);--type-page:clamp(36px,9vw,56px);--type-display:clamp(40px,10.5vw,62px)}}
@media(max-width:420px){:root{--type-section:clamp(30px,8vw,34px);--type-page:clamp(36px,9.5vw,40px);--type-display:clamp(38px,10vw,42px)}}

/* Keep the section-to-section joins level; angled cuts stay within the cards. */
.home-sections .world-section,.home-sections .product-pair-section,.home-sections .solutions-section{box-shadow:inset 0 1px rgba(137,211,247,.3)}
.world-section::before,.product-pair-section::before,.solutions-section::before{clip-path:none}
.solutions-section::after{transform:translateX(-4vw)}
@keyframes spatial-grid-drift{from{transform:translateX(-4vw)}to{transform:translateX(5vw)}}

/* Keep floating captions inside the angled left edge, without a caption band. */
.world-step-content{position:absolute;left:0;right:0;bottom:clamp(24px,2.5vw,40px);width:auto;height:auto;max-width:none;padding:0 calc(var(--world-slant) + 24px) 0 calc(var(--world-slant) * .35 + clamp(20px,2vw,32px));display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;background:transparent}
.world-step-content p{margin-top:0}
.world-step:is(:hover,:focus-visible) .world-step-content p,.world-step--compare:focus-within .world-step-content p{margin-top:12px}
@media(max-width:650px){.world-step-content{bottom:22px;padding-right:calc(var(--world-slant) + 20px);padding-left:calc(var(--world-slant) * .35 + 20px)}.world-step-content p{margin-top:8px}}

/* Product titles follow the image with breathing room; subtitles follow title content. */
.product-pair-section .home-product-pair{grid-template-rows:auto auto auto;column-gap:clamp(28px,5vw,90px);row-gap:0}
.product-pair-section .home-product,.product-pair-section .home-product:last-child{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start;min-width:0}
.product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{margin-bottom:28px}
.product-pair-section .home-product h3{height:auto;min-height:0;align-self:start}
.product-pair-section .home-product p{margin-top:12px}
@media(max-width:650px){.product-pair-section .home-product-pair{grid-template-columns:1fr;grid-template-rows:none;column-gap:0;row-gap:38px}.product-pair-section .home-product,.product-pair-section .home-product:last-child{grid-row:auto;grid-template-rows:auto auto auto}.product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{margin-bottom:20px}}

/* Add a clearer pause between the last page section and footer content. */
.site-footer{padding-top:clamp(120px,12vw,190px)}
@media(max-width:650px){.site-footer{padding-top:100px}}

/* Keep mobile navigation labels visually consistent, including the product trigger. */
@media(max-width:900px){.main-nav>a,.main-nav .product-trigger{font-size:var(--type-lead);line-height:1.4;font-weight:600}}

/* Keep the first journey background from covering the mobile hero's bottom caption. */
@media(max-width:650px){.world-section::before{top:0;height:100%}}

/* Bring the language picker into the same understated dark navigation system. */
.language-trigger{height:auto;padding:12px 0;border:0;background:transparent;color:#f5f8fa;font-size:var(--type-caption)}
.language-trigger:hover,.language-picker.is-open .language-trigger{background:transparent;color:#8ad7ff}
.language-menu{top:100%;min-width:158px;padding:7px;background:#101820;border:0;box-shadow:0 18px 32px rgba(0,0,0,.32)}
.language-menu a{padding:12px 11px;color:#eaf3f8;font-size:var(--type-small);font-weight:500}
.language-menu a:hover,.language-menu a[aria-current=page]{background:#1d3545;color:#9ddcff}
@media(max-width:900px){.language-trigger{height:auto;padding:8px 0;font-size:var(--type-small)}}

/* Pebble product story: a cinematic silhouette hero followed by five quiet capability stages. */
.pebble-hero{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#f3f8fb}
.pebble-hero::before,.pebble-hero::after,.pebble-hero-glow{display:none}
.pebble-hero-inner{position:relative;z-index:2}
.pebble-hero-copy{position:relative;z-index:2}
.pebble-eyebrow,.pebble-feature-kicker{margin:0 0 25px;color:#83d4fb;font-size:var(--type-caption);font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.pebble-hero-art{position:absolute;inset:0 0 0 42%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pebble-hero-art img{display:block;width:min(100%,780px);height:auto;aspect-ratio:1;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 8% 92%,transparent),linear-gradient(0deg,transparent,#000 8% 92%,transparent);mask-composite:intersect}
.pebble-page-sections{position:relative;isolation:isolate;background:#07141f}
.pebble-page-sections .content-section{border:0}
.pebble-feature-section,.pebble-workflow-section{position:relative;isolation:isolate;color:#f3f8fb;padding:clamp(102px,10vw,156px) 0;border:0}
.pebble-feature-section::before,.pebble-workflow-section::before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:radial-gradient(ellipse 48% 75% at 77% 45%,rgba(14,93,138,.2),transparent 72%),linear-gradient(125deg,#07141f,#0b1e2b 57%,#07141f)}
.pebble-feature-section:first-child::before{background:linear-gradient(180deg,#000,#07141f 55%,#0b1e2b)}
.pebble-feature-section:nth-of-type(even)::before{background:radial-gradient(ellipse 48% 75% at 23% 45%,rgba(15,85,129,.2),transparent 72%),linear-gradient(120deg,#091a27,#0a1924 55%,#07141f)}
.pebble-feature-section::after{content:"";position:absolute;z-index:-1;left:50%;bottom:0;width:100vw;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(128,201,232,.2),transparent)}
.pebble-feature-section .pebble-feature-copy{max-width:590px}
.pebble-feature-kicker{margin-bottom:22px;color:#7ecff5}
.pebble-feature-copy h2,.pebble-workflow-copy h2{margin:0;color:#f4f9fc;font-size:var(--type-page);font-weight:500;line-height:1.12;letter-spacing:-.055em;text-wrap:balance}
.pebble-feature-note,.pebble-workflow-copy>p:not(.pebble-feature-kicker){max-width:54ch;margin:22px 0 0;color:#b2c6d2;font-size:var(--type-lead);line-height:1.75}
.pebble-feature-visual{position:relative;min-width:0;height:clamp(330px,35vw,510px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 56%,rgba(31,124,176,.16),transparent 58%);mask-image:radial-gradient(ellipse 78% 76% at 50% 50%,#000 53%,transparent 100%)}
.pebble-feature-visual::before{content:"";position:absolute;inset:8%;z-index:-1;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(128,211,246,.055) 40px 41px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(128,211,246,.055) 40px 41px);mask-image:radial-gradient(circle,#000 22%,transparent 76%);transform:perspective(460px) rotateX(55deg) rotateZ(-8deg) scale(1.25)}
.pebble-visual-rings{position:absolute;left:50%;top:50%;width:54%;aspect-ratio:1;border:1px solid rgba(112,206,247,.5);border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg) rotate(-28deg);box-shadow:0 0 36px rgba(34,149,205,.19),inset 0 0 30px rgba(34,149,205,.13)}
.pebble-visual-rings i{position:absolute;inset:14%;border:1px solid rgba(139,218,251,.35);border-radius:50%;transform:rotateY(55deg)}
.pebble-visual-rings i:nth-child(2){inset:-16%;border-color:rgba(101,197,238,.2);transform:rotateY(38deg)}
.pebble-visual-rings i:nth-child(3){inset:28%;border-color:rgba(162,228,255,.58);transform:rotateY(76deg)}
.pebble-visual-core{position:absolute;left:50%;top:50%;width:130px;height:130px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(164,225,250,.58);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(37,142,195,.18),rgba(5,19,29,.82) 70%);box-shadow:0 0 55px rgba(46,157,210,.18)}
.pebble-visual-core span{max-width:90px;color:#cceeff;font-size:var(--type-caption);line-height:1.5;text-align:center;letter-spacing:.08em}
.pebble-visual-sensors{position:absolute;left:50%;top:50%;width:min(85%,450px);height:1px;display:flex;align-items:center;justify-content:space-between;transform:translate(-50%,-50%)}
.pebble-visual-sensors span{padding:8px 10px;border:1px solid rgba(108,198,236,.28);background:rgba(6,20,30,.72);color:#b8d7e7;font-size:var(--type-caption);letter-spacing:.08em}
.pebble-visual-scanline{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(112,211,255,.7),transparent);box-shadow:0 0 18px 2px rgba(76,174,223,.34)}
.pebble-visual--precision .pebble-visual-rings{width:43%;border-radius:2px;transform:translate(-50%,-50%) perspective(450px) rotateX(58deg) rotateZ(-16deg)}
.pebble-visual--precision .pebble-visual-rings i{border-radius:2px;transform:none;inset:13%}
.pebble-visual--precision .pebble-visual-rings i:nth-child(2){inset:-20%;transform:translateY(4%)}
.pebble-visual--precision .pebble-visual-rings i:nth-child(3){inset:28%;border-color:rgba(162,228,255,.68)}
.pebble-visual--precision .pebble-visual-sensors{display:none}
.pebble-visual--imaging .pebble-visual-rings{width:58%;border-width:2px;box-shadow:0 0 0 20px rgba(94,185,228,.045),0 0 0 55px rgba(94,185,228,.025),0 0 50px rgba(34,149,205,.2)}
.pebble-visual--imaging .pebble-visual-rings i{inset:22%;border-width:2px}
.pebble-visual--imaging .pebble-visual-rings i:nth-child(2){inset:-20%}
.pebble-visual--imaging .pebble-visual-sensors{display:none}
.pebble-visual--display .pebble-visual-rings{width:62%;aspect-ratio:1.35;border-radius:26px;transform:translate(-50%,-50%);background:linear-gradient(125deg,rgba(8,28,41,.8),rgba(22,91,125,.32));box-shadow:0 0 0 13px rgba(115,206,245,.04),0 0 45px rgba(34,149,205,.18)}
.pebble-visual--display .pebble-visual-rings i{inset:10px;border-radius:18px;transform:none}
.pebble-visual--display .pebble-visual-rings i:nth-child(2){inset:17px 22%;border-radius:8px;transform:translateX(72%)}
.pebble-visual--display .pebble-visual-rings i:nth-child(3){inset:17px 22%;border-radius:8px;transform:translateX(-72%)}
.pebble-visual--display .pebble-visual-sensors{display:none}
.pebble-visual--portable .pebble-visual-rings{width:38%;border-color:rgba(96,183,228,.38);box-shadow:0 0 0 55px rgba(42,139,189,.04),0 0 0 110px rgba(42,139,189,.025)}
.pebble-visual--portable .pebble-visual-sensors{display:none}
.pebble-visual--portable .pebble-visual-core{width:90px;height:90px}
.pebble-workflow-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,8vw,120px);align-items:center;padding:clamp(100px,10vw,150px) 0}
.pebble-workflow-section::before{background:radial-gradient(ellipse 46% 90% at 76% 50%,rgba(17,111,163,.29),transparent 70%),linear-gradient(120deg,#07131e,#0d293b 57%,#07131e)}
.pebble-workflow-copy{max-width:650px}
.pebble-workflow-link{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:0 0 10px;border-bottom:1px solid #69ccff;color:#e7f6fd;font-size:var(--type-small);font-weight:600}
.pebble-workflow-link span{color:#69ccff;font-size:var(--type-body);transition:transform .2s ease}
.pebble-workflow-link:hover span{transform:translate(3px,-3px)}
.pebble-workflow-visual{position:relative;min-height:260px;display:flex;align-items:center;justify-content:space-between;isolation:isolate}
.pebble-workflow-visual::before{content:"";position:absolute;z-index:-1;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,rgba(105,204,255,.12),rgba(105,204,255,.85),rgba(105,204,255,.12));box-shadow:0 0 22px rgba(69,178,231,.3)}
.pebble-workflow-node{width:clamp(112px,12vw,168px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(133,211,248,.54);border-radius:50%;background:radial-gradient(circle,rgba(48,144,191,.25),rgba(5,20,31,.92) 70%);color:#e8f7fe;font-size:var(--type-card);letter-spacing:-.04em;box-shadow:0 0 0 15px rgba(65,159,202,.045),0 0 45px rgba(35,139,190,.18)}
.pebble-workflow-node--cloud{background:radial-gradient(circle,rgba(45,164,220,.27),rgba(5,20,31,.92) 72%)}
.pebble-workflow-connector{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#9ce2ff;box-shadow:0 0 18px 5px rgba(80,192,239,.66);transform:translate(-50%,-50%)}
@media(max-width:900px){.pebble-hero-art{left:35%}.pebble-feature-visual{height:clamp(300px,42vw,390px)}.pebble-workflow-section{gap:35px}}
@media(max-width:650px){.pebble-hero-art{inset:0;align-items:flex-start;justify-content:flex-end;padding-top:24px}.pebble-hero-art img{width:min(85vw,470px)}.pebble-feature-kicker{margin-bottom:18px}.pebble-feature-section,.pebble-workflow-section{padding:76px 0}.pebble-feature-section{grid-template-columns:1fr;gap:24px}.pebble-feature-section .pebble-feature-copy,.pebble-feature-section:nth-of-type(even) .pebble-feature-copy{order:initial}.pebble-feature-section:nth-of-type(even) .pebble-feature-visual{order:initial}.pebble-feature-copy h2,.pebble-workflow-copy h2{font-size:var(--type-section)}.pebble-feature-note,.pebble-workflow-copy>p:not(.pebble-feature-kicker){margin-top:15px;font-size:var(--type-body);line-height:1.7}.pebble-feature-visual{height:clamp(250px,70vw,330px)}.pebble-visual-core{width:94px;height:94px}.pebble-visual-core span{font-size:var(--type-caption)}.pebble-visual-sensors{width:94%}.pebble-visual-sensors span{padding:6px;font-size:10px}.pebble-visual--display .pebble-visual-rings{width:75%}.pebble-visual--portable .pebble-visual-rings{width:46%}.pebble-workflow-section{grid-template-columns:1fr;gap:25px}.pebble-workflow-visual{min-height:190px}.pebble-workflow-node{width:108px;font-size:var(--type-body)}}
@media(prefers-reduced-motion:reduce){.pebble-workflow-link span{transition:none}}

/* Align homepage section headings to the shared content grid. */
.product-pair-section .section-heading{max-width:100%;text-align:left}

/* One black spatial stage: opaque hardware, cloud reconstruction and a quiet data link. */
.home-sections .product-pair-section{box-shadow:none;background:#000}
.product-pair-section::before{top:0;height:100%;background:#000;clip-path:none}
.product-pair-section::after{inset:0;width:auto;height:auto;background:radial-gradient(ellipse 38% 30% at 54% 44%,rgba(61,150,201,.065),transparent 80%);filter:none}
.product-pair-section .home-product-pair{grid-template-columns:minmax(0,1fr) clamp(90px,10vw,150px) minmax(0,1fr);column-gap:0;row-gap:0;margin-top:clamp(44px,5vw,76px)}
.product-pair-section .home-product-pair::before{display:none}
.product-pair-section .home-product{grid-column:1;grid-row:1 / 4}
.product-pair-section .home-product:last-child{grid-column:3;grid-row:1 / 4}
.product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{height:clamp(310px,34vw,510px);margin-bottom:32px;background:#000;overflow:hidden;border:0}
.product-pair-section .home-product-asset img,.product-pair-section .home-product:first-child .home-product-asset img,.product-pair-section .home-product:last-child .home-product-asset img{object-fit:contain;mix-blend-mode:normal;opacity:1;transform:none;transition:none;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
.product-pair-section .home-product h3,html[lang=zh] .product-pair-section .home-product h3,html[lang=en] .product-pair-section .home-product h3{height:auto;min-height:0;font-size:var(--type-card);line-height:1.35;letter-spacing:-.035em}
.product-pair-section .home-product p{margin-top:12px;font-size:var(--type-body);line-height:1.6}
.home-product-tech{position:absolute;bottom:24px;right:8%;color:#a9dfff;font-size:var(--type-caption);letter-spacing:.16em;font-weight:600}
.product-data-flow{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:32px}
.product-data-label{color:#a9bfcd;font-size:var(--type-caption);line-height:1.5;text-align:center}
.product-data-track{position:relative;display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(105,204,255,.4) 24%,rgba(105,204,255,.4) 76%,transparent)}
.product-data-track::after{content:"";position:absolute;right:6px;top:-3px;width:6px;height:6px;border-top:1px solid #8ad7ff;border-right:1px solid #8ad7ff;transform:rotate(45deg)}
.product-data-track i{position:absolute;left:0;top:-1px;width:4px;height:3px;border-radius:50%;background:#b8e8ff;box-shadow:0 0 7px #69ccff;animation:product-data-travel 4.8s linear infinite;opacity:0}
.product-data-track i:nth-child(2){animation-delay:1.6s}
.product-data-track i:nth-child(3){animation-delay:3.2s}
@keyframes product-data-travel{0%{left:0;opacity:0}15%,80%{opacity:.8}100%{left:100%;opacity:0}}
@media(max-width:650px){
 .product-pair-section .home-product-pair{display:flex;flex-direction:column;gap:0}
 .product-pair-section .home-product,.product-pair-section .home-product:last-child{display:grid;grid-template-rows:auto auto auto}
 .product-pair-section .home-product-asset,.product-pair-section .home-product:first-child .home-product-asset,.product-pair-section .home-product:last-child .home-product-asset{height:auto;aspect-ratio:1.12;margin-bottom:24px}
 .product-pair-section .home-product h3,html[lang=zh] .product-pair-section .home-product h3{font-size:var(--type-card)}
 .product-data-flow{height:114px;width:100%;align-self:auto;flex-direction:row;justify-content:center;gap:16px;margin:24px 0;padding:0}
 .product-data-label{position:absolute;left:calc(50% + 20px);max-width:120px;text-align:left}
 .product-data-track{width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(105,204,255,.4) 24%,rgba(105,204,255,.4) 76%,transparent)}
 .product-data-track::after{right:-3px;top:auto;bottom:6px;transform:rotate(135deg)}
 .product-data-track i{left:-1px;top:0;width:3px;height:4px;animation-name:product-data-travel-down}
 @keyframes product-data-travel-down{0%{top:0;opacity:0}15%,80%{opacity:.8}100%{top:100%;opacity:0}}
}
@media(prefers-reduced-motion:reduce){.product-data-track i{animation:none;opacity:0}}
.world-section .section-heading{margin-left:max(0px,calc(max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) - max(var(--gutter),calc((100vw - 1840px)/2))))}

/* Homepage viewport stage and accessible exploration cue. */
.home-explore{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;padding:6px 0;white-space:nowrap;letter-spacing:.08em;transition:color .2s ease}
.home-explore:hover,.home-explore:focus-visible{color:var(--accent)}
.home-explore:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}
.home-explore-arrow{display:inline-block;font-size:var(--type-lead);line-height:1;animation:home-explore-bounce 2s ease-in-out infinite}
.home-sections .world-section{scroll-margin-top:var(--home-header-height)}
@keyframes home-explore-bounce{0%,60%,100%{transform:translateY(0)}75%{transform:translateY(6px)}90%{transform:translateY(0)}}
@media(max-width:900px){:root{--home-header-height:59px}}
@media(max-width:650px){:root{--home-header-height:57px}.home-hero-foot{flex-direction:column;align-items:stretch;gap:8px}.home-explore{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.home-explore-arrow{animation:none}.home-explore{transition:none}}

/* Four core capabilities: open, aligned columns on the same black product stage. */
.pebble-core-section{position:relative;color:#f3f8fb;padding:clamp(88px,9vw,132px) 0;scroll-margin-top:calc(var(--home-header-height) + 20px)}
.pebble-core-section::before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#000}
.pebble-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:20px}
.pebble-core-item{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0;align-content:start}
.pebble-core-item img{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:1;object-fit:contain;justify-self:start}
.pebble-core-item h2{margin:0;color:#f3f8fb;font-size:var(--type-card);font-weight:500;line-height:1.4;letter-spacing:-.035em;overflow-wrap:break-word}
.pebble-core-item p{margin:0;color:#b2c6d2;font-size:var(--type-body);line-height:1.75;overflow-wrap:break-word}
.pebble-core-section + .pebble-feature-section::before{background:linear-gradient(180deg,#000,#07141f 55%,#0b1e2b)}
@media(max-width:900px){.pebble-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:20px}.pebble-core-item:nth-child(n+3){margin-top:32px}.pebble-core-item img{max-width:210px}}
@media(max-width:650px){.pebble-core-section{padding:76px 0}.pebble-core-grid{column-gap:20px;row-gap:14px}.pebble-core-item h2{font-size:var(--type-lead)}.pebble-core-item img{max-width:180px}.pebble-core-item:nth-child(n+3){margin-top:24px}}

/* Pointer hover emphasizes capabilities without introducing card surfaces. */
.pebble-core-item{transition:transform .28s ease}
.pebble-core-item img{transition:filter .28s ease,transform .28s ease;transform-origin:center}
.pebble-core-item h2,.pebble-core-item p{transition:color .28s ease}
@media(hover:hover) and (pointer:fine){
  .pebble-core-item:hover{transform:translateY(-8px)}
  .pebble-core-item:hover img{transform:scale(1.035);filter:brightness(1.14) drop-shadow(0 0 14px rgba(115,208,255,.32))}
  .pebble-core-item:hover h2{color:#9ee2ff}
  .pebble-core-item:hover p{color:#d2e6f0}
}
@media(prefers-reduced-motion:reduce){
  .pebble-core-item,.pebble-core-item img,.pebble-core-item h2,.pebble-core-item p{transition:none}
  .pebble-core-item:hover,.pebble-core-item:hover img{transform:none}
}

/* Decorative motion layers keep the original transparent icons intact. */
.pebble-core-icon{position:relative;width:100%;max-width:240px;aspect-ratio:1;justify-self:start;isolation:isolate;transition:transform .28s ease}
.pebble-core-icon img{width:100%;max-width:none}
.pebble-core-motion{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease}
.pebble-core-motion i{position:absolute;display:block}
.pebble-core-icon--fusion{--core-mask:url('/assets/pebble-core-fusion.png')}
.pebble-core-icon--display{--core-mask:url('/assets/pebble-core-display.png')}
.pebble-core-icon--fusion .pebble-core-motion,.pebble-core-icon--display .pebble-core-motion{mask-image:var(--core-mask);mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--core-mask);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.pebble-core-icon--fusion .pebble-core-motion i:first-child{left:0;right:0;top:20%;height:3px;background:linear-gradient(90deg,transparent,#c5f0ff 30%,#fff 50%,#c5f0ff 70%,transparent);box-shadow:0 0 14px 5px #6bcfff}
.pebble-core-icon--fusion .pebble-core-motion i:nth-child(n+2),.pebble-core-icon--display .pebble-core-motion i:nth-child(n+2),.pebble-core-icon--uhd .pebble-core-motion i:nth-child(n+2){display:none}
.pebble-core-icon--display .pebble-core-motion i:first-child{inset:0;background:linear-gradient(110deg,transparent 37%,rgba(159,227,255,.05) 44%,rgba(223,249,255,.8) 50%,rgba(159,227,255,.05) 56%,transparent 63%);transform:translateX(-100%)}
.pebble-core-icon--uhd .pebble-core-motion i:first-child{left:23.5%;top:33.5%;width:53%;height:36%;border:2px solid #c0efff;box-shadow:0 0 12px rgba(112,208,255,.8),inset 0 0 12px rgba(112,208,255,.2);opacity:.3}
.pebble-core-icon--quality .pebble-core-motion i{width:8%;aspect-ratio:1;transform:rotate(30deg) skewX(-30deg);background:#c9f3ff;box-shadow:0 0 12px #80d6ff;opacity:0}
.pebble-core-icon--quality .pebble-core-motion i:nth-child(1){left:30%;top:37%}
.pebble-core-icon--quality .pebble-core-motion i:nth-child(2){left:42%;top:43%}
.pebble-core-icon--quality .pebble-core-motion i:nth-child(3){left:54%;top:36%}
.pebble-core-icon--quality .pebble-core-motion i:nth-child(4){left:66%;top:43%}
@media(hover:hover) and (pointer:fine){
 .pebble-core-item:hover .pebble-core-icon{transform:scale(1.035)}
 .pebble-core-item:hover .pebble-core-icon img{transform:none}
 .pebble-core-item:hover .pebble-core-motion{opacity:1}
 .pebble-core-item:hover .pebble-core-icon--fusion .pebble-core-motion i:first-child{animation:core-scan 2.4s ease-in-out infinite}
 .pebble-core-item:hover .pebble-core-icon--display .pebble-core-motion i:first-child{animation:core-screen-sweep 2.8s ease-in-out infinite}
 .pebble-core-item:hover .pebble-core-icon--uhd .pebble-core-motion i:first-child{animation:core-frame-pulse 2.2s ease-in-out infinite}
 .pebble-core-item:hover .pebble-core-icon--quality .pebble-core-motion i{animation:core-grid-light 2.4s ease-in-out infinite}
 .pebble-core-item:hover .pebble-core-icon--quality .pebble-core-motion i:nth-child(2){animation-delay:.3s}
 .pebble-core-item:hover .pebble-core-icon--quality .pebble-core-motion i:nth-child(3){animation-delay:.6s}
 .pebble-core-item:hover .pebble-core-icon--quality .pebble-core-motion i:nth-child(4){animation-delay:.9s}
}
@keyframes core-scan{0%,100%{top:20%;opacity:0}12%,88%{opacity:1}50%{top:76%;opacity:1}}
@keyframes core-screen-sweep{0%,15%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@keyframes core-frame-pulse{0%,100%{opacity:.2;filter:brightness(1)}50%{opacity:1;filter:brightness(1.5)}}
@keyframes core-grid-light{0%,12%,80%,100%{opacity:0}32%,55%{opacity:.85}}
@media(max-width:900px){.pebble-core-icon{max-width:210px}}
@media(max-width:650px){.pebble-core-icon{max-width:180px}}
@media(prefers-reduced-motion:reduce){.pebble-core-icon{transition:none}.pebble-core-item:hover .pebble-core-icon{transform:none}.pebble-core-motion{display:none;transition:none}.pebble-core-item:hover .pebble-core-motion i{animation:none}}

/* Full-width, UI-free LiDAR footage under the third-screen heading. */
.pebble-feature-section.pebble-fusion-section{display:block;min-height:clamp(680px,85vh,980px);padding:clamp(88px,8vw,120px) 0;scroll-margin-top:var(--home-header-height)}
.pebble-fusion-section .pebble-feature-copy{position:relative;z-index:1;max-width:920px}
.pebble-fusion-section .pebble-feature-note{max-width:760px}
.pebble-fusion-section .pebble-feature-copy h2{font-size:var(--type-section)}
.pebble-fusion-background{position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);overflow:hidden;background:#020906 url('/assets/pebble-fusion-poster.jpg') center/cover no-repeat;filter:brightness(.65) saturate(.7)}
.pebble-fusion-background video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.pebble-fusion-background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000,rgba(0,0,0,.88) 23%,rgba(0,0,0,.28) 47%,transparent 64%,rgba(0,0,0,.35) 82%,rgba(0,0,0,.9));pointer-events:none}
@media(max-width:900px){.pebble-feature-section.pebble-fusion-section{min-height:700px}.pebble-fusion-background{background-size:contain;background-position:center bottom}.pebble-fusion-background video{object-fit:contain;object-position:center bottom}}
@media(max-width:650px){.pebble-feature-section.pebble-fusion-section{min-height:620px;padding:76px 0}.pebble-fusion-background::after{background:linear-gradient(180deg,#000,rgba(0,0,0,.94) 30%,rgba(0,0,0,.18) 62%,transparent 76%,rgba(0,0,0,.85))}.pebble-fusion-section .pebble-feature-note{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.pebble-fusion-background video{visibility:hidden}}

/* Gausser: the companion cloud story, sharing Pebble's four-screen rhythm. */
.gausser-hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.gausser-hero-art img{position:absolute;width:min(90vw,1250px);max-width:none;right:8%;top:2%;height:90%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 28% 86%,transparent);filter:brightness(.74)}
.gausser-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000,transparent 22%),linear-gradient(90deg,rgba(0,0,0,.72),transparent 75%)}
.gausser-hero .home-hero-copy{max-width:1050px}
.gausser-core-icon{width:100%;max-width:240px;aspect-ratio:1;color:#a1dcfa;transition:filter .28s ease,transform .28s ease}
.gausser-reconstruction-section,.gausser-explore-section{position:relative;isolation:isolate;padding:clamp(88px,8vw,120px) 0;scroll-margin-top:var(--home-header-height);color:#f3f8fb}
.gausser-reconstruction-section::before,.gausser-explore-section::before{content:"";position:absolute;z-index:-2;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#000}
.gausser-section-copy{position:relative;z-index:1;max-width:920px}
.gausser-section-copy h2{margin:0;font-size:var(--type-section);font-weight:500;line-height:1.2;letter-spacing:-.045em;text-wrap:balance;color:#f3f8fb}
.gausser-section-copy>p:not(.pebble-feature-kicker){max-width:760px;margin:22px 0 0;font-size:var(--type-lead);line-height:1.75;color:#b2c6d2}
.gausser-reconstruction-visual{position:relative;margin:20px -5% 0;overflow:hidden;isolation:isolate}
.gausser-reconstruction-visual img{display:block;width:100%;max-height:580px;object-fit:contain;filter:brightness(.78);mask-image:linear-gradient(0deg,transparent,#000 12% 88%,transparent)}
.gausser-reconstruction-sweep{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(107,199,245,.12) 50%,transparent 60%);background-size:250% 100%;mask-image:url('/assets/gausser-reconstruction-church.webp');mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat;animation:gausser-reconstruction-sweep 9s ease-in-out infinite;pointer-events:none}
@keyframes gausser-reconstruction-sweep{0%,100%{background-position:100% 0;opacity:0}15%,85%{opacity:1}80%{background-position:0 0}}
.gausser-process{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:24px 0 0}
.gausser-process li{position:relative;display:flex;align-items:center;gap:12px;color:#b2c6d2;font-size:var(--type-body)}
.gausser-process li:not(:last-child)::after{content:"";height:1px;flex:1;margin-left:12px;background:linear-gradient(90deg,#456d85,transparent)}
.gausser-process-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#97d9fa;box-shadow:0 0 12px rgba(97,201,247,.5)}
.gausser-explore-section{min-height:680px;display:flex;align-items:flex-start}
.gausser-explore-section::before{background:linear-gradient(180deg,#000,#07141f)}
.gausser-explore-visual{position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);overflow:hidden;background:#000 url('/assets/world-application-pointcloud-poster.jpg') center/cover no-repeat}
.gausser-explore-visual video{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.5) saturate(.65)}
.gausser-explore-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000,rgba(0,0,0,.7) 28%,transparent 68%,rgba(0,0,0,.65)),linear-gradient(90deg,rgba(0,0,0,.45),transparent 80%)}
@media(max-width:900px){.gausser-core-icon{max-width:210px}.gausser-hero-art img{width:100vw;right:0}.gausser-reconstruction-visual{margin-left:0;margin-right:0}.gausser-explore-visual video{object-fit:contain;object-position:center bottom}.gausser-explore-visual{background-size:contain;background-position:center bottom}}
@media(max-width:650px){.gausser-hero-art img{width:100vw;height:49%;top:2%;right:0;object-position:center;mask-image:linear-gradient(0deg,transparent,#000 15% 85%,transparent)}.gausser-hero-art::after{background:linear-gradient(0deg,#000 38%,transparent 73%)}.gausser-core-icon{max-width:180px}.gausser-reconstruction-section,.gausser-explore-section{padding:76px 0}.gausser-section-copy>p:not(.pebble-feature-kicker){font-size:var(--type-body);margin-top:20px}.gausser-reconstruction-visual{margin-top:36px}.gausser-process{gap:12px;margin-top:28px}.gausser-process li{gap:8px;font-size:var(--type-small);align-items:flex-start}.gausser-process li::after{display:none}.gausser-process-dot{margin-top:8px}.gausser-explore-section{min-height:620px}}
@media(prefers-reduced-motion:reduce){.gausser-core-icon{transition:none}.gausser-core-item:hover .gausser-core-icon{transform:none}.gausser-reconstruction-sweep{animation:none}.gausser-reconstruction-sweep{display:none}.gausser-explore-visual video{visibility:hidden}}

/* Gausser's illustrated icon family matches the translucent Pebble assets. */
.gausser-core-icon{position:relative;isolation:isolate}
.gausser-core-icon img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1;object-fit:contain}
.gausser-core-icon--upload{--gausser-icon-mask:url('/assets/gausser-core-upload.png')}
.gausser-core-icon--reconstruct{--gausser-icon-mask:url('/assets/gausser-core-reconstruct.png')}
.gausser-core-light{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease;mask-image:var(--gausser-icon-mask);mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--gausser-icon-mask);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.gausser-core-light i{position:absolute;display:block;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(203,240,255,.7) 50%,transparent 65%);transform:translateX(-100%)}
.gausser-core-icon--upload .gausser-core-light i{background:linear-gradient(0deg,transparent 38%,rgba(203,240,255,.7) 50%,transparent 62%);transform:translateY(80%)}
.gausser-core-icon--explore .gausser-core-light i{background:radial-gradient(ellipse at center,rgba(157,225,255,.5),transparent 65%);transform:none}
@media(hover:hover) and (pointer:fine){
 .gausser-core-item:hover .gausser-core-icon{filter:brightness(1.14) drop-shadow(0 0 14px rgba(115,208,255,.32));transform:scale(1.035)}
 .gausser-core-item:hover .gausser-core-icon img{transform:none;filter:none}
 .gausser-core-item:hover .gausser-core-light{opacity:1}
 .gausser-core-item:hover .gausser-core-light i{animation:gausser-data-sweep 2.6s ease-in-out infinite}
 .gausser-core-item:hover .gausser-core-icon--upload .gausser-core-light i{animation:gausser-upload-sweep 2.4s ease-in-out infinite}
 .gausser-core-item:hover .gausser-core-icon--explore .gausser-core-light i{animation:gausser-view-pulse 2.6s ease-in-out infinite}
}
@keyframes gausser-data-sweep{0%,10%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@keyframes gausser-upload-sweep{0%,10%{transform:translateY(80%)}85%,100%{transform:translateY(-80%)}}
@keyframes gausser-view-pulse{0%,100%{opacity:.05}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.gausser-core-light{display:none;transition:none}.gausser-core-item:hover .gausser-core-light i{animation:none}.gausser-core-item:hover .gausser-core-icon{transform:none}}

.gausser-core-icon--cleanup{--gausser-icon-mask:url('/assets/gausser-core-cleanup.png')}
.gausser-core-icon--measure-share{--gausser-icon-mask:url('/assets/gausser-core-measure-share.png')}
.gausser-core-icon--measure-share .gausser-core-light i{background:radial-gradient(ellipse at center,rgba(157,225,255,.5),transparent 65%);transform:none}
@media(hover:hover) and (pointer:fine){.gausser-core-item:hover .gausser-core-icon--measure-share .gausser-core-light i{animation:gausser-view-pulse 2.6s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.gausser-core-item:hover .gausser-core-icon--measure-share .gausser-core-light i{animation:none}}

/* Product names lead the headline as one aligned opening text group. */
.pebble-hero{--type-product-name:clamp(88px,8.8vw,128px)}
.product-hero-name{position:relative;z-index:2;margin:0 0 28px;color:#f3f8fb;font-size:var(--type-product-name);font-weight:600;line-height:1;letter-spacing:-.045em}
@media(max-width:650px){.pebble-hero{--type-product-name:64px}.product-hero-name{margin-bottom:20px}}

/* A full-width cloud reconstruction film, with copy held above the scene. */
.gausser-cloud-video-section{position:relative;isolation:isolate;min-height:clamp(660px,calc(100svh - var(--home-header-height)),900px);padding:clamp(88px,8vw,120px) 0;scroll-margin-top:var(--home-header-height);color:#f3f8fb}
.gausser-cloud-background{position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);overflow:hidden;background:#000 url('/assets/gausser-cloud-training-poster.jpg') center/cover no-repeat}
.gausser-cloud-background video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.65) saturate(.8);pointer-events:none}
.gausser-cloud-background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.75) 28%,rgba(0,0,0,.12) 65%,#000);pointer-events:none}
@media(max-width:650px){.gausser-cloud-video-section{min-height:680px;padding:76px 0}.gausser-cloud-background video{object-fit:contain;object-position:center bottom}.gausser-cloud-background{background-size:contain;background-position:center bottom}.gausser-cloud-background::after{background:linear-gradient(180deg,#000,rgba(0,0,0,.82) 40%,transparent 75%,#000)}}
@media(prefers-reduced-motion:reduce){.gausser-cloud-background video{display:none}}

/* About Bampony: vision, company milestones, and one shared team chapter. */
.about-page{background:#08131d;color:#f3f8fb}
.about-vision{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 86% 38%,rgba(23,106,150,.22),transparent 52%),linear-gradient(135deg,#07121c,#091c29 65%,#06111b);border-bottom:1px solid rgba(137,211,247,.15)}
.about-vision-inner{position:relative;max-width:var(--max);margin:auto;padding:clamp(88px,8vw,120px) var(--gutter);min-height:calc(100svh - var(--home-header-height));display:flex;align-items:center}
.about-vision-copy{position:relative;z-index:2;width:100%}
.about-eyebrow{margin:0 0 32px;color:#a4d8f3;font-size:var(--type-small);font-weight:600;letter-spacing:.12em}
.about-vision h1{max-width:1080px;margin:0;color:#f5faff;font-size:var(--type-display);font-weight:600;line-height:1.2;letter-spacing:-.045em}
.about-vision h1 span{display:block}
.about-vision-lead{margin:24px 0 0;color:#c5e6f8;font-size:var(--type-card);line-height:1.5}
.about-vision-statement{max-width:720px;margin-top:40px;font-size:var(--type-lead);line-height:1.85;color:#aebfcd}
.about-vision-statement p{margin:0 0 16px}
.about-vision-statement p:last-child{margin-bottom:0}
.about-spatial-bridge{position:absolute;z-index:0;right:-130px;bottom:35px;width:630px;height:350px;opacity:.36;pointer-events:none;transform:rotate(-8deg);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.about-physical-plane{position:absolute;left:0;top:90px;width:230px;height:170px;background-image:radial-gradient(circle,rgba(167,220,248,.72) 1px,transparent 1.5px);background-size:15px 15px;transform:skewY(-18deg);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}
.about-bridge-beam{position:absolute;left:110px;right:80px;top:180px;height:1px;background:linear-gradient(90deg,transparent,#6cd0ff,transparent);box-shadow:0 0 32px 7px rgba(50,171,232,.2)}
.about-digital-space{position:absolute;right:0;top:70px;width:280px;height:230px;transform:skewY(-14deg)}
.about-digital-space i{position:absolute;inset:0;border:1px solid rgba(143,218,255,.65);background:linear-gradient(120deg,rgba(51,159,215,.04),transparent)}
.about-digital-space i:nth-child(2){transform:translate(-36px,-28px)}
.about-digital-space i:nth-child(3){transform:translate(-72px,-56px);background:linear-gradient(90deg,transparent,rgba(88,190,240,.08))}
.about-page-sections .content-section{padding:clamp(88px,8vw,128px) 0;border:0;scroll-margin-top:var(--home-header-height)}
.about-page-sections .section-heading{max-width:1050px;text-align:left;margin:0}
.about-page-sections h2{margin:0;color:#f3f8fb;font-size:var(--type-section);font-weight:600;line-height:1.3;letter-spacing:-.035em}
.about-section-intro{max-width:850px;margin:28px 0 0;color:#aebfcd;font-size:var(--type-lead);line-height:1.75}
.about-history-section{position:relative;isolation:isolate}
.about-history-section::before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#0b1b28;border-bottom:1px solid rgba(137,211,247,.15)}
.about-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,7vw,110px);list-style:none;padding:0;margin:64px 0 0}
.about-timeline li{position:relative;padding-top:32px;border-top:1px solid rgba(137,211,247,.3)}
.about-timeline li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#94dfff;box-shadow:0 0 14px rgba(105,204,255,.35)}
.about-year{color:#99d9fb;font-size:var(--type-page);line-height:1.1;letter-spacing:-.045em}
.about-timeline h3{margin:22px 0 0;color:#f0f7fb;font-size:var(--type-card);font-weight:500;line-height:1.4}
.about-timeline p{max-width:480px;margin:14px 0 0;color:#aebfcd;font-size:var(--type-body);line-height:1.8}
.about-founder{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:clamp(40px,6vw,90px);align-items:center;margin-top:64px}
.about-founder-portrait{width:100%;max-width:310px;height:380px;background:#0b1013;overflow:hidden;justify-self:center;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 96%,transparent)}
.about-founder-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.about-person-role{margin:0;color:#9fdafa;font-size:var(--type-small);line-height:1.5;letter-spacing:.04em}
.about-founder-copy h3{margin:12px 0 0;color:#f5faff;font-size:var(--type-section);font-weight:500;line-height:1.2;letter-spacing:-.035em}
.about-founder-summary{max-width:700px;margin:22px 0 0;color:#d1dfe9;font-size:var(--type-lead);line-height:1.7}
.about-founder-experience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:28px 0 0}
.about-founder-experience>div{padding-top:20px;border-top:1px solid rgba(137,211,247,.2)}
.about-founder-experience dt{color:#eaf5fb;font-size:var(--type-body);font-weight:600;line-height:1.5}
.about-founder-experience dd{margin:12px 0 0;color:#aebfcd;font-size:var(--type-body);line-height:1.75}
.about-members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:72px;padding-top:48px;border-top:1px solid rgba(137,211,247,.18)}
.about-member{min-width:0}
.about-member-portrait{height:180px;max-width:220px;margin-bottom:24px;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 88%,transparent)}
.about-member-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:left bottom}
.about-member h3{margin:0 0 10px;color:#edf7fd;font-size:var(--type-card);font-weight:500;line-height:1.3}
.about-member-bio{margin:20px 0 0;color:#aebfcd;font-size:var(--type-body);line-height:1.8}
.about-page .site-footer{border-top:1px solid rgba(137,211,247,.15)}
@media(max-width:900px){.about-vision h1{font-size:var(--type-page)}.about-vision-statement{max-width:640px}.about-spatial-bridge{opacity:.2}.about-founder{grid-template-columns:240px minmax(0,1fr);gap:32px}.about-founder-experience{grid-template-columns:1fr;gap:20px}.about-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}}
@media(max-width:650px){.about-vision-inner{padding:76px var(--gutter) 80px;min-height:calc(100svh - var(--home-header-height))}.about-eyebrow{margin-bottom:28px}.about-vision h1{font-size:var(--type-page);line-height:1.3}.about-vision-lead{font-size:var(--type-lead)}.about-vision-statement{margin-top:32px;font-size:var(--type-body);line-height:1.85}.about-spatial-bridge{right:-330px;bottom:0;opacity:.15}.about-page-sections .content-section{padding:76px 0}.about-section-intro{margin-top:24px;font-size:var(--type-body);line-height:1.85}.about-timeline{grid-template-columns:1fr;gap:40px;margin-top:44px}.about-timeline li{padding-top:24px}.about-year{font-size:var(--type-section)}.about-timeline h3{margin-top:16px}.about-founder{grid-template-columns:1fr;gap:32px;margin-top:44px}.about-founder-portrait{height:330px;max-width:260px;justify-self:start}.about-founder-summary{font-size:var(--type-body);line-height:1.85}.about-founder-experience{margin-top:24px}.about-members{grid-template-columns:1fr;gap:44px;margin-top:48px;padding-top:44px}.about-member-portrait{height:180px;margin-bottom:20px}.about-member-bio{margin-top:16px;max-width:480px}}

/* Closing product experiences: conceptual spatial illustrations, without simulated UI. */
.product-experience-section{position:relative;isolation:isolate;padding:clamp(88px,8vw,120px) 0;scroll-margin-top:var(--home-header-height);color:#f3f8fb}
.product-experience-section::before{content:"";position:absolute;z-index:-2;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#000}
.experience-display{max-width:900px;margin:44px auto 0}
.experience-display img{display:block;width:100%;height:auto;mask-image:linear-gradient(0deg,transparent,#000 8% 92%,transparent),linear-gradient(90deg,transparent,#000 8% 92%,transparent);mask-composite:intersect}
.experience-stages{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.experience-stages li{min-width:0}
.experience-stages h3{font-size:var(--type-card);line-height:1.35;font-weight:500;letter-spacing:-.035em;margin:0;color:#f3f8fb}
.experience-stages p{font-size:var(--type-body);line-height:1.75;color:#b2c6d2;margin:12px 0 0}
.experience-stage-visual{position:relative;aspect-ratio:1;overflow:hidden;margin-bottom:28px;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%)}
.experience-stage-visual img{position:absolute;top:0;left:var(--stage-offset);width:300%;max-width:none;height:100%;object-fit:fill}
@media(max-width:900px){.experience-stages{gap:24px}}
@media(max-width:650px){.product-experience-section{padding:76px 0}.experience-display{margin-top:32px}.experience-stages{grid-template-columns:1fr;gap:36px;margin-top:36px}.experience-stage-visual{max-width:330px;margin:0 auto 24px}.experience-stages h3{font-size:var(--type-card)}.experience-stages p{margin-top:10px}}

/* Shared contact CTA: navigation and cinematic heroes. */
.contact-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:#07131e;font-size:var(--type-body);font-weight:600;line-height:1.4;letter-spacing:0;white-space:nowrap;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.contact-cta:hover{background:#a0e1ff;border-color:#a0e1ff;box-shadow:0 0 24px rgba(105,204,255,.18)}
.contact-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
.contact-cta--hero{margin-top:28px;align-self:flex-start}
.main-nav>a.contact-cta--nav{min-height:44px;padding:9px 18px;background:var(--accent);border:1px solid var(--accent);color:#07131e;font-size:var(--type-small);line-height:1.4;letter-spacing:0}
.main-nav>a.contact-cta--nav::after{display:none}
.main-nav>a.contact-cta--nav:hover{background:#a0e1ff;border-color:#a0e1ff;color:#07131e}
@media(max-width:1100px) and (min-width:901px){.header-inner{gap:16px}.main-nav{gap:18px}.header-actions{margin-left:8px;gap:10px}}
@media(max-width:900px){.main-nav>a.contact-cta--nav{align-self:flex-start;width:auto;margin:20px 0 8px;min-height:48px;padding:12px 24px;font-size:var(--type-body)}}
@media(max-width:650px){.contact-cta--hero{margin-top:24px;min-height:48px;padding:12px 24px}}

/* Release: readable poster fallback, and a real standalone error page. */
video.video-poster-only{visibility:hidden}
.home-hero:not(.pebble-hero){background:#071019 url('/assets/home-hero-poster.jpg') center/cover no-repeat}
.world-flow .world-step--video .world-step-visual{background:#000 url('/assets/world-application-pointcloud-poster.jpg') center/cover no-repeat}
@media(prefers-reduced-motion:reduce){video[data-video]{visibility:hidden}}
.not-found{min-height:100vh;display:grid;place-items:center;padding:32px;background:#101820;color:#f3f8fb}
.not-found main{max-width:720px}.not-found h1{font-size:var(--type-section);line-height:1.4}.not-found p{margin:24px 0;line-height:1.7}.not-found a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);margin-right:24px}.not-found a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:900px){.main-nav{max-height:calc(100vh - var(--home-header-height));max-height:calc(100dvh - var(--home-header-height));overflow-y:auto;overscroll-behavior:contain}}