/* Product-led motion direction: orbit, signal, memory, contribution. */
:root{--gold:var(--into-acid-coral);--violet:var(--into-mineral-teal);--line:#9eb8c01c}
body{background:#061320}header{height:86px;position:relative;z-index:5;background:#061320}.brand{font-weight:700}nav{font-size:12px}h2 em{letter-spacing:inherit}.hero{padding:0 7%;min-height:760px;height:min(850px,calc(100svh - 86px));display:flex;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 75% 48%,#0c283b55,transparent 60%)}.hero-copy{position:relative;z-index:2;width:61%;padding-bottom:40px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{font-size:11px;letter-spacing:2px;color:#9eb8c0}.hero h1{font-size:clamp(66px,6.5vw,110px);line-height:1.015;letter-spacing:-.03em;margin:35px 0 26px;font-weight:400}.hero h1 em{color:#20f4e4;white-space:nowrap;font-size:1.02em;text-shadow:0 0 70px #061320}.hero-description{font-size:17px;line-height:1.6;color:var(--into-fog-grey);margin:0 0 32px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:26px}.button{font-size:13px;padding:17px 19px;gap:24px;border-radius:6px;background:#20f4e4}.button span{font-size:21px}.quiet-link{font-size:12px;color:#b5c9c9}.quiet-link span{margin-left:9px}.hero-availability{font-size:10px;color:#789399;margin-top:22px}.world-scene{position:absolute;width:64%;height:110%;right:-9%;top:-5%;z-index:1;isolation:isolate}.world-scene canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s}.globe-ready canvas{opacity:1}.globe-fallback{width:68%;aspect-ratio:1;border-radius:50%;position:absolute;left:16%;top:50%;transform:translateY(-50%);background:radial-gradient(circle at 28% 28%,transparent,#010712 85%),url('/assets/earth.jpg') center/cover;box-shadow:0 0 80px #24699033,inset 0 0 30px #518fba55}.globe-ready .globe-fallback{opacity:0}.world-label{position:absolute;z-index:2;display:flex;align-items:center;gap:14px;pointer-events:none}.world-label>i{display:block;width:6px;height:6px;background:#8ee8d5;border-radius:50%;box-shadow:0 0 22px #20f4e4}.world-label>i:before{content:'';display:block;width:25px;height:25px;border:1px solid #20f4e477;border-radius:50%;transform:translate(-10px,-10px);animation:signal-pulse 4s ease-out infinite}.world-label span{font-size:8px;letter-spacing:1.7px;color:#84b8b7;text-shadow:0 2px 12px #000}.world-label strong{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:8px;color:#d4e8e4}.label-north{top:29%;left:40%}.label-south{top:65%;left:27%}.label-south>i:before{animation-delay:2s}.label-south>i{background:#bdacff;box-shadow:0 0 25px #a2ffe4}.label-south span{color:#b3a3d8}.globe-controls{position:absolute;bottom:16%;left:40%;transform:translateX(-15%);display:flex;gap:3px;background:#07131be0;border:1px solid #668c9355;padding:4px;border-radius:30px;z-index:3}.globe-controls button{background:transparent;color:#8fa9ad;border:0;padding:9px 15px;font-size:10px;border-radius:25px;cursor:pointer;white-space:nowrap}.globe-controls button[aria-pressed=true]{background:#254238;color:#c5eddf}.world-caption{position:absolute;bottom:12%;left:28%;font-size:7px;letter-spacing:1.7px;color:#738b90}.night-mode .world-label{opacity:0;transition:opacity .5s}.hero-foot{position:absolute;bottom:0;left:7%;right:7%;margin:0;z-index:3;padding:23px 0;font-size:8px}.hero-foot a{display:flex;gap:20px}.capability-strip{padding:26px 7%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;letter-spacing:0;color:#c9d8dc;background:#030c18}.capability-strip i{font-size:20px;color:#20f4e47a;font-style:normal}.perspective{padding-top:120px;padding-bottom:105px;background:#f7f5f0}.perspective-heading{max-width:880px}.perspective-heading h2{font-size:clamp(44px,5.5vw,86px)}.perspective-heading>p:last-child{max-width:700px}.discovery-demo{box-shadow:0 40px 80px #0c26251a}.product{padding:110px 7% 55px;background:radial-gradient(ellipse at 80% 10%,#173a333b,transparent 45%),#08141d}.product .section-intro{grid-template-columns:1.3fr 1fr;gap:8%;margin:35px 0 50px}.product .section-intro h2{font-size:clamp(40px,4.4vw,70px)}.section-intro h2 em{color:#a2ffe4}.feature-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:35px;border-bottom:1px solid #68887e44}.feature-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;padding:20px 12px;font-size:13px;color:#90a9ab;cursor:pointer;transition:color .25s,border-color .25s}.feature-tabs button span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:10px;color:#577b7b}.feature-tabs button[aria-selected=true]{color:#c7efdf;border-color:#8ee8ce}.feature-tabs button[aria-selected=true] span{color:#8ee8ce}.feature-tabs button:hover{color:#d4f8eb}.feature-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;min-height:160px;margin-bottom:30px}.feature-story>div>span{font-size:9px;letter-spacing:2px;color:#7fb7a7}.feature-story h3{white-space:pre-line;font-size:clamp(27px,3vw,44px);line-height:1.15;font-weight:400;letter-spacing:-1.5px;margin:15px 0}.feature-story p{font-size:14px;line-height:1.75;color:#a3babb;max-width:470px}.browser-shot{position:relative;border-color:#68887e55;border-radius:10px;box-shadow:0 40px 100px #0007}.browser-shot img{aspect-ratio:1952/1274;object-fit:contain;background:#061320}.window-bar{background:#142a31;height:37px}.browser-shot figcaption{font-size:10px;padding:16px 22px}.feature-panel.switching .browser-shot img{animation:screen-enter .65s cubic-bezier(.22,1,.36,1) both}.feature-panel.switching .feature-story{animation:copy-enter .45s ease both}.browser-basics{border-top:1px solid var(--line);margin-top:45px;padding:25px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.browser-basics>span{font-size:13px;color:#d1e4de}.browser-basics p{font-size:10px;color:#8ba7aa;margin:0}.browser-basics b{padding:0 9px;color:#4d7e72}.depth-section{padding:85px 7% 110px;background:#061320}.depth-heading{margin-bottom:55px}.depth-heading h2{margin-top:30px;font-size:clamp(40px,4.5vw,70px)}.depth-heading h2 em{color:#a2ffe4}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-card{border:1px solid #55777844;border-radius:12px;overflow:hidden;background:#0b1b25;position:relative;isolation:isolate}.card-copy{padding:38px 38px 0;position:relative;z-index:2}.card-copy .eyebrow{font-size:9px;letter-spacing:1.7px;color:#87c8b7}.card-copy h3{font-size:clamp(29px,3.3vw,49px);line-height:1.1;font-weight:400;letter-spacing:-1.9px;margin:24px 0 20px}.card-copy p{font-size:14px;color:#9db5b8;max-width:420px}.signal-visual{margin:45px 28px 18px}.signal-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#84a6a3}.signal-key{display:flex;gap:6px;align-items:center;letter-spacing:0}.signal-key i{height:4px;width:4px;border-radius:50%;background:#20f4e4}.signal-key i:nth-child(2){background:#aa9ae3;margin-left:8px}.signal-visual svg{width:100%;height:auto;overflow:visible;margin-top:20px}.chart-grid{fill:none;stroke:#9eb8b114;stroke-width:1}.chart-area{fill:url('#chart-fill')}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px #20f4e433)}.rising-line{stroke:#6ee4c6;animation:chart-draw 7s cubic-bezier(.33,0,.2,1) infinite}.fading-line{stroke:#aa9ae3;stroke-width:1.5;animation:chart-draw 7s .3s cubic-bezier(.33,0,.2,1) infinite}.chart-axis{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7e9b9b;padding:10px 0}.visual-note{font-size:8px;color:#799399}.card-foot{font-size:10px;color:#809b9d;margin:25px 38px 30px;line-height:1.65}.history-card{background:radial-gradient(ellipse at 70% 75%,#73552d22,transparent 65%),#141e23}.history-card .eyebrow{color:#dbb879}.history-visual{height:252px;position:relative;margin:26px 35px 20px;overflow:hidden}.history-thread{position:absolute;height:1px;left:0;right:0;top:50%;background:linear-gradient(90deg,transparent,#c2a063,#c2a063,transparent)}.history-point{position:absolute;top:50%;display:flex;flex-direction:column;gap:24px;align-items:start;transform:translateY(-50%);font-size:9px}.history-point span{color:#ae9777;font-size:7px;letter-spacing:1.2px}.history-point strong{font-weight:400;font-size:13px;color:#e8d6b8;white-space:nowrap}.history-point i{height:7px;width:7px;border-radius:50%;background:#dfbc7e;box-shadow:0 0 20px #dfbc7e66}.hp-one{left:3%}.hp-two{left:35%}.hp-three{left:79%}.hp-one,.hp-three{padding-top:6px}.history-traveler{position:absolute;left:0;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:#fff3d6;box-shadow:0 0 20px 3px #dfbc7e77;animation:history-travel 9s ease-in-out infinite}.knowledge-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:420px;background:radial-gradient(ellipse at 80% 50%,#695e9d22,transparent 60%),#0f1927}.knowledge-card .card-copy{padding:45px}.knowledge-card .eyebrow{color:#a2ffe4}.text-link{font-size:12px;color:#d4c6f8;display:inline-flex;gap:25px;margin-top:15px}.knowledge-visual{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;width:290px;height:290px;border:1px solid #a2ffe433;border-radius:50%;transform:rotateX(55deg) rotate(-25deg);animation:orbit-breathe 10s ease-in-out infinite}.orbit-two{width:390px;height:390px;transform:rotateX(55deg) rotate(25deg);border-style:dashed;opacity:.5;animation-delay:-5s}.knowledge-core{width:100px;height:100px;border:1px solid #a2ffe455;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c1acf5;font-size:47px;box-shadow:0 0 90px #a58ad444,inset 0 0 35px #a2ffe418;position:relative}.knowledge-core small{position:absolute;bottom:-22px;font-size:7px;letter-spacing:1px;white-space:nowrap}.knowledge-item{position:absolute;padding:13px 15px;border:1px solid #a2ffe433;border-radius:5px;background:#142031e8;font-size:10px;color:#9eb8c0;box-shadow:0 10px 30px #0002;animation:float-note 9s ease-in-out infinite}.ki-one{top:20%;left:9%}.ki-two{right:5%;top:38%;animation-delay:-3s}.ki-three{left:14%;bottom:19%;animation-delay:-6s}.local-label{position:absolute;bottom:25px;font-size:8px;letter-spacing:2px;color:#9789b4}.privacy{position:relative;overflow:hidden}.privacy .beacon i{animation:beacon-turn 12s linear infinite}.share-flow .beacon{position:relative}.share-flow .beacon:after{content:'';position:absolute;inset:-1px;border:1px solid #396e5b;border-radius:2px;animation:beacon-out 5s ease-out infinite;pointer-events:none}.download{position:relative;overflow:hidden;background:linear-gradient(90deg,#0d2131f2 0%,#0d2131d9 45%,#0d2131b3 100%),#0d2131}.download:before{content:none}.download>div{position:relative}.detail-card:not(.in-view) *,.discovery-demo:not(.in-view) *,.privacy:not(.in-view) *,.world-scene:not(.in-view) *{animation-play-state:paused}.page-hidden *,.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none}.motion-toggle{font-size:10px;border-color:#54796f66}.connections{animation-duration:50s}
@keyframes chart-draw{0%,8%{stroke-dashoffset:1;opacity:.3}48%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}
@keyframes history-travel{0%,8%{transform:translateX(0);opacity:0}15%{opacity:1}80%{transform:translateX(400px);opacity:1}95%,100%{transform:translateX(420px);opacity:0}}
@keyframes orbit-breathe{50%{opacity:.35;scale:1.06}}
@keyframes float-note{50%{transform:translateY(-11px)}}
@keyframes signal-pulse{0%{scale:.5;opacity:0}25%{opacity:1}100%{scale:1.7;opacity:0}}
@keyframes beacon-turn{to{transform:rotate(360deg)}}
@keyframes beacon-out{0%,40%{scale:1;opacity:0}50%{opacity:.5}100%{scale:1.07;opacity:0}}
@keyframes screen-enter{from{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:none}}
@keyframes copy-enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.capability-strip{max-width:1800px;margin:auto}}
@media(max-width:1050px){.hero-actions{gap:18px;align-items:start;flex-direction:column}.hero h1{font-size:72px}.world-scene{width:73%;right:-18%}.world-label{display:none}.hero{min-height:740px}.hero-copy{width:68%}.feature-story{gap:6%}.browser-basics{display:block}.browser-basics p{margin-top:15px}.card-copy{padding:28px 25px 0}.card-foot{margin-left:25px;margin-right:25px}.knowledge-item{font-size:9px;padding:10px}.knowledge-card .card-copy{padding:35px}.signal-top{font-size:7px}.capability-strip{gap:15px;font-size:8px;letter-spacing:1px}.history-point strong{font-size:11px}}
@media(max-width:760px){header{height:76px}.hero{min-height:940px;height:auto;display:block;padding:50px 6% 0}.hero-copy{width:100%;padding:0;pointer-events:auto}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:clamp(55px,11.6vw,85px);line-height:1.02;margin:29px 0 22px}.hero-description{font-size:14px;margin-bottom:24px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px}.hero-actions .button{margin-top:0;font-size:11px;padding:14px;gap:17px}.quiet-link{font-size:11px}.hero-availability{font-size:8px;margin-top:18px}.world-scene{width:112%;height:480px;top:440px;right:-6%;pointer-events:auto}.globe-controls{bottom:10%;left:50%;transform:translateX(-50%)}.world-caption{bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:6px}.hero-foot{font-size:7px;padding:18px 0;left:6%;right:6%}.hero-foot a{gap:8px}.capability-strip{display:flex;flex-wrap:wrap;justify-content:center;font-size:7px;gap:16px;padding:23px 6%}.capability-strip i{font-size:13px}.capability-strip i:nth-of-type(3){display:none}.perspective{padding-top:70px;padding-bottom:65px}.product{padding:70px 5% 30px}.product .section-top{padding:0 2%}.product .section-intro{grid-template-columns:1fr;gap:5px;margin:30px 2%}.product .section-intro h2{font-size:43px}.feature-tabs{gap:0;margin-bottom:25px}.feature-tabs button{font-size:10px;padding:15px 4px;line-height:1.4}.feature-tabs button span{font-size:8px}.feature-story{display:block;min-height:220px;margin:0 2% 25px}.feature-story h3{font-size:31px;margin:14px 0}.feature-story p{font-size:13px}.feature-story>div>span{font-size:8px}.browser-shot figcaption{font-size:9px;padding:12px}.window-bar{height:26px}.browser-basics{margin-top:25px;padding:20px 2%}.browser-basics p{font-size:10px;line-height:2}.depth-section{padding:55px 5% 65px}.depth-heading{padding:0 2%;margin-bottom:35px}.depth-heading h2{font-size:39px}.feature-grid{grid-template-columns:1fr;gap:16px}.card-copy{padding:30px 25px 0}.card-copy h3{font-size:38px}.card-copy p{font-size:13px}.knowledge-card{grid-template-columns:1fr}.knowledge-card .card-copy{padding:30px 25px 0}.knowledge-visual{min-height:340px}.signal-visual{margin-top:30px}.history-visual{height:200px;margin-top:25px}.history-point strong{font-size:12px}.history-point span{font-size:7px;letter-spacing:.5px}.hp-two{left:31%}.hp-three{left:82%}.ki-two{right:5%}.ki-one{left:10%}.ki-three{left:10%}.knowledge-item{font-size:10px}.local-label{font-size:7px}.orbit{width:250px;height:250px}.orbit-two{width:330px;height:330px}.download-card{margin-top:30px}.privacy h2{font-size:42px}.privacy{padding:65px 7%}}
@media(max-width:380px){.hero{min-height:930px}.hero h1{font-size:51px}.world-scene{top:440px}.hero .eyebrow{letter-spacing:.8px}.hero-actions{gap:13px}.hero-actions .button{font-size:10px;gap:10px}.quiet-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.chart-line{stroke-dashoffset:0}.history-traveler{display:none}}
.motion-paused *::before,.motion-paused *::after,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}
/* Let the mobile composition grow with text and zoom rather than overlap it. */
@media(max-width:760px){.hero{min-height:0;padding-bottom:65px}.world-scene{position:relative;top:auto;right:auto;width:114%;height:440px;margin:0 -7%}.world-caption{bottom:3%}.globe-controls{bottom:9%}.hero h1{font-size:clamp(42px,11.6vw,85px)}.hero-foot{font-size:6px}}
/* Brand v3: cinematic hero. The Earth is the kit's illustrated artwork (examples, not data). */
.hero{position:relative;overflow:hidden;background:var(--into-abyss)}
.hero-art{position:absolute;inset:0 -8% 0 22%;z-index:0;pointer-events:none}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 35%;transform-origin:72% 30%;animation:earth-drift 90s ease-in-out infinite alternate;will-change:transform}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030c18 0%,#030c18e6 22%,#030c1880 44%,#030c1800 66%),linear-gradient(0deg,#061320 0%,#06132000 26%)}
@keyframes earth-drift{from{transform:scale(1.02)}to{transform:scale(1.07) translate3d(-1.4%,.9%,0)}}
.hero:not(.in-view) .hero-art img{animation-play-state:paused}
.hero-copy{z-index:2}
.hero h1{font-weight:350;letter-spacing:-.042em;line-height:1}
.hero h1 em{color:var(--into-teal);text-shadow:0 0 60px #20f4e433}
.hero-caption{position:absolute;right:7%;bottom:88px;z-index:2;margin:0;font-size:12px;color:#9eb8c0b0}
.hero-foot{font-size:12px;letter-spacing:0;color:#9eb8c0;text-transform:none}
.capability-strip i{color:#20f4e47a}
h2{font-weight:350;letter-spacing:-.036em}
.button{background:var(--into-teal);color:var(--into-abyss)}.button:hover{background:#a2ffe4}
.download{background:linear-gradient(90deg,#061320f0 0%,#061320c0 45%,#06132040 100%),url(/brand/art/signal-horizon-2400.webp) center 70%/cover no-repeat,#061320}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none;transform:scale(1.02)}}
@media(max-width:760px){.hero{min-height:760px}.hero-art{inset:0}.hero-art img{object-position:70% 50%}.hero-art:after{background:linear-gradient(180deg,#030c18f2 0%,#030c18c7 48%,#030c1873 72%,#061320 100%)}.hero-caption{left:6%;right:6%;bottom:28px;font-size:11px}.hero .hero-foot{display:none}.capability-strip{font-size:12px}}