/* Motion edition: petrol, amber, depth. */
html{scroll-behavior:smooth;scroll-padding-top:90px}.wrap,nav .navin{max-width:1280px}.grain{opacity:.23}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--amber);z-index:99}.motion-toggle{font:inherit;font-size:12px;color:var(--muted);border:1px solid #36606a;border-radius:30px;background:transparent;padding:7px 12px;cursor:pointer}.motion-toggle:hover{color:var(--amber);border-color:var(--amber)}.motion-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.hero{min-height:900px;height:100svh;max-height:1250px;background:radial-gradient(ellipse at 77% 48%,#164755 0, #082a35 30%,#041820 72%)}.hero .wrap{padding-top:110px;padding-bottom:120px;pointer-events:none}.hero a{pointer-events:auto}.hero h1{font-size:clamp(52px,5.7vw,88px);max-width:10ch;color:var(--ink);background:none;letter-spacing:-.055em;line-height:1.02}.hero h1 span{color:var(--amber);font-weight:500}.hero .eyebrow{font-size:11px;max-width:38ch;color:#9bb9bd}.hero .dek{max-width:43ch;font-size:17px;color:#a4bdc0}.hero .foot{font-size:12px;max-width:43ch;margin-top:35px;color:#92aeb3}#signal-scene{position:absolute;right:-3%;top:9%;width:65%;height:85%;z-index:2;pointer-events:none;opacity:0;transition:opacity 1s}#signal-scene.ready{opacity:1}#signal-scene canvas{width:100%;height:100%;display:block}.scene-caption{position:absolute;right:5%;bottom:13%;z-index:3;width:260px;display:flex;flex-direction:column;gap:10px;color:#88b1b5;font-size:12px;line-height:1.5}.scene-caption>span:first-child{font-size:10px;letter-spacing:.15em;color:var(--amber)}.scroll-cue{position:absolute;left:calc((100% - min(1280px,100%))/2 + 28px);right:5%;bottom:35px;z-index:5;display:flex;justify-content:space-between;border-top:1px solid #335963;padding-top:19px;text-decoration:none;color:#98b5ba;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.scroll-cue span:last-child{font-size:20px;color:var(--amber)}a.cta{border-radius:4px;padding:16px 24px;box-shadow:0 5px 24px #ffc24b20;transition:box-shadow .25s,translate .25s}.cta:hover{translate:0 -3px}a.cta:after{content:'↗';margin-left:22px;font-size:17px}nav{background:#041820cc;backdrop-filter:blur(18px);padding-top:17px;padding-bottom:17px}.hero:after{content:'';position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#041820);pointer-events:none;z-index:3}
.problem,.how,.cap,.why,.modes{padding-top:130px;padding-bottom:130px;position:relative}h2.sec{font-size:clamp(34px,4.2vw,61px);letter-spacing:-.047em}.kick{font-size:12px}.probgrid,.whygrid,.modegrid,.pillars{gap:24px;perspective:1200px}.prob,.whycard,.mode,.pillar{position:relative;transform-style:preserve-3d;transition:rotate .3s ease,translate .3s ease,box-shadow .4s,border-color .4s;rotate:var(--tilt-x,0deg) var(--tilt-y,0deg);border-radius:9px;padding:32px;will-change:auto}.prob,.whycard{background:linear-gradient(145deg,#1b5e73,#104052);border-color:#387388;box-shadow:inset 0 1px #ffffff1a,0 20px 40px #02151e30}.prob h3,.whycard h3{font-size:21px}.prob p,.whycard p,.pillar p,.mode .desc,.mode li{font-size:15px;line-height:1.7}.prob .no{display:block;margin-bottom:38px;font-weight:400;font-size:40px;letter-spacing:-.05em}.prob:hover,.whycard:hover{translate:0 -8px;box-shadow:0 30px 70px #02151e60}.whycard .big{font-size:70px;font-weight:400;color:#ffc24b80}.pillar{box-shadow:0 22px 35px #09292116!important}.pillar h3{font-size:20px}.pillar .lampwell{margin-bottom:38px}.how .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:10%}.how .kick,.how h2,.how p.sub{grid-column:1}.how .pillars{grid-column:2;grid-row:1 / span 4;display:flex;flex-direction:column;margin-top:0;gap:18px}.how .pillar:nth-child(2){margin-left:25px}.how .pillar:nth-child(3){margin-left:50px}.how .pillar .lampwell{float:right;margin:0 0 8px 12px}.how .pillar{padding:25px 30px}.cap .wrap{perspective:1800px}.switchboard{transform:rotateX(var(--board-tilt,0deg));transform-origin:center top;box-shadow:0 50px 100px #0005,inset 0 1px #fff2;border-radius:14px}.srow{border:1px solid #44809440;padding:20px 24px;transition:translate .3s,background .3s,border-color .3s}.srow:hover{translate:5px 0;border-color:#d9ac4c}.srow h3{font-size:16px}.srow p{font-size:14px}.lampwell{perspective:200px}.lm-on .lamp{box-shadow:inset 0 2px 2px #fff,0 0 12px #ffcb6070}.mode{min-height:440px}.mode.featured{translate:0 -18px;box-shadow:0 30px 55px #09292130!important}.mode h3{font-size:27px}.mode .price{font-size:16px}.mode .mno{margin-bottom:20px}.final{padding:150px 0 170px}.final h2{font-size:clamp(40px,5.7vw,80px);max-width:20ch}.final .glow{width:1200px;height:1000px;top:-90%;opacity:var(--contact-glow,.5)}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(32px)}.motion-enabled .reveal.on{opacity:1;transform:none}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .switchboard{transform:none}
@media(min-width:1450px){#signal-scene{right:0;width:63%}.hero .dek{max-width:47ch}}
@media(max-width:1000px){.hero{min-height:840px}.hero h1{font-size:64px}.hero .dek{max-width:35ch;font-size:16px}#signal-scene{right:-15%;width:75%;opacity:.8}.scene-caption{right:3%;width:190px}.how .wrap{column-gap:5%}.how .pillar:nth-child(n){margin-left:0}.probgrid,.whygrid,.modegrid{gap:16px}.prob,.whycard,.mode{padding:25px}}
@media(max-width:760px){nav{padding:12px 18px}nav .navin{gap:10px}nav .draft{display:none}nav .right{gap:8px}.motion-toggle{font-size:11px;padding:7px 9px}nav .client{font-size:12px;padding:7px 9px}.wrap{padding:0 23px}.hero{height:auto;min-height:1100px;align-items:flex-start}.hero .wrap{padding:135px 23px 0}.hero h1{font-size:clamp(49px,9.5vw,70px);max-width:14ch}.hero h1 br:nth-child(1){display:none}.hero h1 span br{display:none}.hero .dek{max-width:43ch}.hero .foot{margin-top:25px;max-width:38ch}.hero .ctarow{gap:20px}.hero a.cta{padding:13px 17px;font-size:13px}.hero a.quiet{font-size:13px}#signal-scene{top:auto;bottom:65px;right:-5%;width:110%;height:430px}.scene-caption{bottom:112px;right:25px;font-size:10px;width:170px}.scene-caption>span:first-child{font-size:8px}.scroll-cue{left:23px;right:23px;bottom:24px}.how .wrap{display:block}.how .pillars{margin-top:35px}.how .pillar:nth-child(n){margin-left:0}.problem,.how,.cap,.why,.modes{padding:80px 0}.prob .no{margin-bottom:18px}.mode.featured{translate:none}.srow{grid-template-columns:25px 1fr 64px;padding:15px 12px}.srow h3{font-size:14px}.srow .state{font-size:9px}.srow p{display:block;grid-column:2 / 4;grid-row:2;padding:8px 0 0;font-size:13px}.sb-group{padding:7px}.switchboard{transform:none!important}.final{padding:95px 0}.final h2{font-size:45px}footer .links{gap:15px}.mode .desc{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.switchboard{transform:none!important}}
/* Concept 02: a dimensional company brain and its specialist team. */
#signal-scene{right:-5%;width:68%;height:88%;top:5%}.scene-caption{bottom:10%;right:5%;width:260px}.hero{background:radial-gradient(ellipse at 77% 45%,#154653 0,#082a35 32%,#041820 75%)}
@media(max-width:1000px){#signal-scene{right:-17%;width:80%}.scene-caption{right:4%;width:210px}}
@media(max-width:760px){#signal-scene{top:auto;bottom:50px;right:-7%;width:114%;height:470px}.scene-caption{bottom:91px;right:20px;width:180px;font-size:10px}.hero{min-height:1150px}}
.scene-links{position:absolute;inset:0;pointer-events:none}.scene-links a{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent}.scene-links a:focus-visible{outline:2px solid #a8ffed;outline-offset:4px;background:#8af7dd10}.brain-label{position:absolute;transform:translate(-50%,0);color:#aefff0;font:600 11px Inter,Arial,sans-serif;letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 14px #48eacb;pointer-events:none}.scene-caption{pointer-events:none}#signal-scene{transition:opacity .5s,filter .5s}#signal-scene.departing{opacity:0;filter:blur(5px)}@media(prefers-reduced-motion:reduce){#signal-scene.departing{filter:none}}
/* Logo orange sampled from the supplied ional.ai logo: #f19e38. */
.brain-label{color:#ffc375;text-shadow:0 0 16px #f19e3899}.scene-links a:focus-visible{outline-color:#f19e38;background:#f19e3812}
/* Shared brand accent, sampled from the ional.ai logo. */
:root{--amber:#F19E38;--amber-hot:#FFB75A;--ember:#C47A21}
.hero h1 span,.scene-caption>span:first-child,.scroll-cue span:last-child,.mode .price,.whycard .big{color:#F19E38}
.lightsec .kick,.lightsec2 .kick,.lightsec2 .mode .price{color:#92530D}
a.cta{background:#F19E38;color:#07222C;box-shadow:0 5px 24px #f19e3820}
a.cta:hover{background:#FFB75A;box-shadow:0 5px 30px #f19e3838}