/* Latento is scoped to its portfolio chapter and Home invitation. */
body[data-world=latento]{--bg:#fff;--ink:#172b45;--muted:#5a6b82;--line:#e8edf4;--accent:#159b8d;background:#fff;color:#172b45}
body[data-world=latento] .header{background:#fff;color:#142338;border-color:#e8edf4}
body[data-world=landing] .header nav [data-go=latento]{display:inline-flex;color:#bde9e0}
.latento-page,.latento-home{--lt-navy:#142338;--lt-ink:#172b45;--lt-muted:#5a6b82;--lt-teal:#159b8d;--lt-hover:#128271;--lt-mint:#e9f5f2;--lt-line:#e8edf4;--lt-paper:#f4f6fa;background:#fff;color:var(--lt-ink);font-family:'Space Grotesk',sans-serif}
.latento-page section{scroll-margin-top:24px}
.lt-eyebrow{display:block;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-teal)}
.latento-page h1,.latento-page h2,.latento-home h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;margin:0;line-height:1}
.latento-page h2,.latento-home h2{font-size:clamp(43px,4.5vw,69px)}
.latento-page em,.latento-home em{font-style:normal;color:var(--lt-teal)}
.latento-page p,.latento-home p{font-size:16px;line-height:1.7;margin:0;color:var(--lt-muted)}
.lt-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:500;min-height:48px;padding:12px 0;color:var(--lt-ink);border-bottom:1px solid var(--lt-teal);line-height:1.4}
.lt-link .ui-arrow{width:20px;height:20px}
.lt-primary{padding:14px 22px;border:1px solid var(--lt-teal);background:var(--lt-hover);color:white;border-radius:3px;transition:background .2s,transform .2s;box-shadow:none}
.lt-primary:hover{background:var(--lt-navy);border-color:var(--lt-navy);color:#fff;transform:translateY(-2px)}
.latento-page button,.latento-home a{-webkit-tap-highlight-color:transparent}
.latento-page button:focus-visible,.latento-page a:focus-visible,.latento-home a:focus-visible,.latento-page summary:focus-visible,.latento-page [role=tabpanel]:focus-visible{outline:2px solid var(--lt-teal);outline-offset:5px}
.lt-text-button{font:inherit;font-size:12px;color:var(--lt-muted);min-height:44px;border-bottom:1px solid var(--lt-line);padding:10px 0}
.lt-hero{position:relative;display:grid;grid-template-columns:1.3fr .85fr;gap:3vw;align-items:center;padding:65px var(--pad) 30px;min-height:calc(100svh - 100px);max-height:none}
.lt-hero-copy{padding-bottom:45px;max-width:740px}
.lt-hero h1{font-size:clamp(65px,7.4vw,114px);margin:24px 0 26px;max-width:850px}
.lt-hero-copy>p{font-size:17px;max-width:560px;line-height:1.7}
.lt-hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}
.lt-origin-note{display:flex;align-items:center;gap:12px;max-width:450px;font-size:10px;line-height:1.7;color:var(--lt-muted);margin-top:35px}
.lt-origin-note>span{width:6px;height:6px;background:var(--lt-teal);border-radius:50%;flex-shrink:0}
.lt-hero-brand{margin:0;max-width:430px;justify-self:end;width:100%;padding-bottom:45px}
.lt-hero-brand img{width:100%;height:auto;display:block;mix-blend-mode:normal}
.lt-hero-brand figcaption{text-align:center;color:var(--lt-muted);font-size:11px;line-height:1.5;margin-top:12px}
.lt-hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--lt-line);padding-top:20px;font-size:9px;color:var(--lt-muted);letter-spacing:.04em}
.lt-story{padding:70px var(--pad) 55px;background:var(--lt-paper);border-block:1px solid var(--lt-line)}
.lt-section-heading{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;align-items:end;margin-bottom:35px}
.lt-section-heading .lt-eyebrow{padding-bottom:5px}
.lt-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;border-bottom:1px solid #cbd5df;margin-bottom:38px}
.lt-chapters button{position:relative;display:flex;align-items:center;gap:15px;min-height:52px;padding:12px 0 17px;font-size:13px;color:var(--lt-muted);text-align:left}
.lt-chapters button>span{font-size:10px;color:#758196}
.lt-chapters button i{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--lt-teal);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lt-chapters button[aria-selected=true]{color:var(--lt-navy)}.lt-chapters button[aria-selected=true] i{transform:scaleX(1)}
.lt-story-panel{display:grid;grid-template-columns:1fr 1fr;gap:8vw;min-height:265px;outline-offset:8px}
.lt-story-copy h3{font-size:clamp(24px,2.6vw,37px);line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:16px 0}
.lt-story-copy p{font-size:15px;line-height:1.7;max-width:530px}
.lt-story-copy small{display:block;font-size:10px;line-height:1.7;margin-top:22px;color:var(--lt-muted);max-width:470px}
.lt-story-question{border-left:1px solid #cbd5df;padding:8px 0 10px 4vw;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
.lt-story-question>span{font-size:9px;line-height:1.6;color:var(--lt-muted)}
.lt-story-question strong{font:600 clamp(40px,4.3vw,68px)/1.04 'Barlow Condensed',sans-serif;letter-spacing:-.015em;color:var(--lt-teal)}
.lt-story-rule{height:3px;background:#d8e5e3;max-width:330px}.lt-story-rule i{display:block;background:var(--lt-teal);height:100%;transition:width .35s ease}
.lt-story-controls{display:flex;gap:25px;align-items:center;margin-top:25px;font-size:10px;color:var(--lt-muted)}
.lt-story-count{min-width:55px;font-variant-numeric:tabular-nums;color:var(--lt-ink)}
.lt-story-controls>div{display:flex;gap:9px;margin-left:auto}
.lt-story-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #cbd5df;font-size:20px;color:var(--lt-ink)}
.lt-story-controls button:hover{background:#fff}
.lt-full-story{border-top:1px solid #cbd5df;margin-top:24px}
.lt-full-story summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--lt-muted);min-height:52px}
.lt-full-story summary::-webkit-details-marker{display:none}.lt-full-story summary>span{font-size:22px;font-weight:400;transition:transform .2s}.lt-full-story[open] summary>span{transform:rotate(45deg)}
.lt-full-story>div{max-width:760px;margin:20px auto 0}.lt-full-story p{font-size:15px;line-height:1.85;margin-bottom:20px}.lt-full-story p:last-child{margin-bottom:0}.lt-full-signature{color:var(--lt-teal)!important;font-weight:500}
.lt-how{display:grid;grid-template-columns:1fr 1.05fr;gap:7vw;padding:80px var(--pad);align-items:center}
.lt-how-copy h2{margin:22px 0}.lt-how-copy>p{max-width:500px}
.lt-method{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--lt-line);font-size:11px;line-height:1.7;color:var(--lt-ink)}
.lt-method i{font-style:normal;color:var(--lt-teal)}
.lt-how-copy .lt-how-note{font-size:12px;margin-top:17px;max-width:390px}
.lt-example{background:#fff;border:1px solid var(--lt-line);border-top:3px solid var(--lt-teal);border-radius:12px;box-shadow:0 24px 55px #1423380e;padding:25px;min-width:0}
.lt-example-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.lt-example-top .lt-eyebrow{font-size:8px;max-width:120px}
.lt-example-status{font-size:8px;line-height:1.5;color:#128271;background:var(--lt-mint);padding:6px 8px;border-radius:4px;text-align:center}
.lt-example h3{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:22px 0 6px;color:var(--lt-ink)}
.lt-example .lt-example-meta{font-size:11px;margin-bottom:24px}
.lt-example-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.lt-example-tabs button{min-height:42px;padding:8px 10px;font-size:10px;color:var(--lt-muted);background:#f4f6fa;border:1px solid transparent;border-radius:4px;text-align:left;line-height:1.4}
.lt-example-tabs button[aria-selected=true]{background:var(--lt-mint);color:#128271;border-color:#159b8d44}
.lt-example-panel{min-height:200px;padding:25px 0 18px;outline-offset:6px}
.lt-example-panel>.lt-eyebrow{font-size:8px}.lt-example-panel p{font-size:15px;line-height:1.65;margin:12px 0 15px;color:var(--lt-ink)}
.lt-example-panel small{font-size:10px;line-height:1.6;color:var(--lt-muted);display:block}
.lt-example .lt-example-disclaimer{border-top:1px solid var(--lt-line);font-size:9px;line-height:1.65;padding-top:15px;color:var(--lt-muted)}
.lt-pilot{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;background:var(--lt-mint);padding:65px var(--pad);align-items:center;border-block:1px solid #d6e8e1}
.lt-pilot-number{font:600 clamp(110px,17vw,245px)/.8 'Barlow Condensed',sans-serif;color:var(--lt-teal);letter-spacing:-.035em;text-align:left;align-self:center}
.lt-pilot-number>span{display:block;font:400 12px/1.5 'Space Grotesk',sans-serif;letter-spacing:.04em;color:var(--lt-muted);margin-top:24px}
.lt-pilot-copy h2{margin:19px 0}.lt-pilot-copy>p{max-width:650px;font-size:15px}
.lt-pilot-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.lt-pilot-actions small{font-size:10px;line-height:1.7;color:var(--lt-muted);max-width:210px}
.lt-page-return{display:flex;justify-content:space-between;gap:25px;padding:28px var(--pad);font-size:11px;color:var(--lt-muted);border-bottom:1px solid var(--lt-line)}
.lt-page-return button,.lt-page-return a{display:inline-flex;align-items:center;gap:9px;min-height:44px}
body[data-world=latento] .footer{background:#fff;color:var(--lt-muted);border-color:var(--lt-line);padding-block:25px}
.latento-home{display:grid;grid-template-columns:1.6fr .8fr;gap:6vw;align-items:center;padding:65px var(--pad);border-block:1px solid var(--lt-line);position:relative;isolation:isolate}
.latento-home:before{content:'';position:absolute;top:0;left:var(--pad);width:75px;height:3px;background:var(--lt-teal)}
.lt-home-copy h2{margin:20px 0;font-size:clamp(43px,4.6vw,72px)}.lt-home-copy>p{max-width:590px;font-size:15px;line-height:1.7}
.lt-home-actions{display:flex;align-items:center;gap:20px;margin-top:26px;flex-wrap:wrap}.lt-home-actions>span{font-size:10px;line-height:1.6;color:var(--lt-muted)}
.lt-home-brand{max-width:290px;width:100%;justify-self:end}.lt-home-brand img{width:100%;height:auto;display:block}.lt-home-brand>span{display:block;text-align:center;font-size:10px;line-height:1.5;color:var(--lt-muted);margin-top:12px}
[data-latento-reveal].lt-reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-latento-reveal].lt-in-view{opacity:1;transform:none}
body[data-world=latento].route-arriving .lt-hero-copy{animation:arrival .75s .12s both}
body[data-world=latento].route-arriving .lt-hero-brand{animation:arrival .75s .2s both}
body[data-world=latento].route-arriving .lt-hero-footer{animation:arrival .7s .28s both}
@media(max-width:1000px){.lt-hero{gap:15px}.lt-hero h1{font-size:8.1vw}.lt-hero-copy>p{font-size:15px}.lt-hero-brand{max-width:320px}.lt-section-heading{grid-template-columns:.35fr 1fr}.lt-story-panel{gap:5vw}.lt-how{gap:4vw}.lt-example{padding:20px}.lt-pilot{grid-template-columns:.55fr 1.45fr;gap:4vw}}
@media(max-width:650px){
 body[data-world=landing] .header nav [data-go=latento]{font-size:12px}
 .lt-hero{display:grid;grid-template-columns:1fr;padding:35px var(--pad) 24px;gap:0;min-height:0}
 .lt-hero-copy{padding-bottom:0}.lt-hero-copy>.lt-eyebrow{font-size:8px;max-width:290px}.lt-hero h1{font-size:clamp(52px,14vw,84px);margin:22px 0}.lt-hero-copy>p{font-size:15px;line-height:1.65}
 .lt-hero-actions{gap:17px;margin-top:24px}.lt-link{font-size:12px;gap:16px}.lt-primary{padding:13px 16px}.lt-text-button{font-size:11px}.lt-origin-note{font-size:9px;margin-top:23px;max-width:270px}
 .lt-hero-brand{max-width:210px;justify-self:center;padding-bottom:0;margin:25px 0 27px}.lt-hero-brand figcaption{font-size:9px;margin-top:4px}.lt-hero-footer{font-size:8px;padding-top:17px}
 .lt-story{padding:42px var(--pad) 25px}.lt-section-heading{display:block;margin-bottom:24px}.lt-section-heading .lt-eyebrow{padding:0}.latento-page h2,.latento-home h2{font-size:clamp(35px,9.5vw,52px);line-height:1.03}.lt-section-heading h2{margin-top:17px}
 .lt-chapters{gap:8px;margin-bottom:25px}.lt-chapters button{display:grid;gap:5px;font-size:10px;min-height:57px;padding:8px 0 13px}.lt-chapters button>span{font-size:8px}
 .lt-story-panel{display:grid;grid-template-columns:1fr;gap:22px;min-height:390px;align-content:start}
 .lt-story-copy h3{font-size:25px;margin:13px 0}.lt-story-copy p{font-size:14px;line-height:1.65}.lt-story-copy small{font-size:9px;margin-top:16px}
 .lt-story-question{border-left:0;border-top:1px solid #cbd5df;padding:17px 0 0;gap:13px}.lt-story-question>span{font-size:8px}.lt-story-question strong{font-size:clamp(34px,9.4vw,47px)}.lt-story-question strong br{display:none}.lt-story-rule{max-width:none;height:2px}
 .lt-story-controls{gap:12px;margin-top:15px;font-size:9px;line-height:1.6}.lt-story-controls>span:nth-child(2){max-width:120px}.lt-story-controls>div{gap:7px}.lt-story-count{min-width:45px}.lt-full-story{margin-top:18px}.lt-full-story summary{font-size:10px}.lt-full-story p{font-size:14px}
 .lt-how{display:grid;grid-template-columns:1fr;padding:45px var(--pad);gap:30px}.lt-how-copy h2{margin:18px 0}.lt-how-copy>p{font-size:14px}.lt-method{margin-top:22px;padding-top:17px;font-size:10px;gap:9px}.lt-how-copy .lt-how-note{font-size:11px;margin-top:14px}
 .lt-example{padding:19px;border-radius:8px}.lt-example-top .lt-eyebrow{font-size:7px}.lt-example-status{font-size:7px;padding:5px 7px;max-width:110px}.lt-example h3{font-size:23px;margin-top:20px}.lt-example .lt-example-meta{font-size:10px;margin-bottom:20px}.lt-example-tabs{gap:6px}.lt-example-tabs button{font-size:10px;min-height:44px}
 .lt-example-panel{min-height:214px;padding-top:22px}.lt-example-panel p{font-size:14px}.lt-example-panel small{font-size:9px}.lt-example .lt-example-disclaimer{font-size:8px}
 .lt-pilot{grid-template-columns:1fr;gap:25px;padding:42px var(--pad)}.lt-pilot-number{font-size:100px;display:flex;align-items:end;gap:17px}.lt-pilot-number>span{font-size:11px;margin:0 0 7px}.lt-pilot-copy .lt-eyebrow{font-size:8px}.lt-pilot-copy h2{margin:17px 0}.lt-pilot-copy>p{font-size:14px;line-height:1.7}.lt-pilot-actions{gap:15px;margin-top:23px}.lt-pilot-actions small{max-width:none;font-size:9px}
 .lt-page-return{font-size:10px;padding-block:17px;gap:12px}.latento-page .footer{font-size:11px}
 .latento-home{grid-template-columns:1fr;gap:22px;padding:38px var(--pad) 40px}.lt-home-brand{order:-1;width:145px;justify-self:start}.lt-home-brand>span{display:none}.lt-home-copy .lt-eyebrow{font-size:8px}.lt-home-copy h2{margin:16px 0}.lt-home-copy>p{font-size:14px}.lt-home-actions{margin-top:22px;gap:13px}.lt-home-actions>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){[data-latento-reveal].lt-reveal-ready{opacity:1;transform:none;transition:none}.lt-primary,.lt-chapters button i,.lt-story-rule i,.lt-full-story summary>span{transition:none}.lt-primary:hover{transform:none}body[data-world=latento].route-arriving .lt-hero-copy,body[data-world=latento].route-arriving .lt-hero-brand,body[data-world=latento].route-arriving .lt-hero-footer{animation:none}}

.lt-story-panels,.lt-example-panels{display:grid}.lt-story-panel,.lt-example-panel{grid-area:1/1}.lt-story-panel[aria-hidden=true],.lt-example-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}

.lt-full-story summary:after,.lt-full-story[open] summary:after{content:none}
body[data-world=latento] .header nav [aria-current=page]{color:#128271}
body #ap-chat-btn.ap-latento-reading:not(.ap-is-open){visibility:hidden;pointer-events:none}

@media(max-width:650px){.lt-hero-brand{max-width:175px;margin-top:20px;margin-bottom:20px}.lt-story-question>span{display:none}.lt-story-question{gap:12px;padding-top:13px}.lt-story-question strong{font-size:clamp(30px,8.8vw,42px)}}

/* Contrast and motion live in their own layers, away from reading text. */
.lt-hero{background:radial-gradient(ellipse at 0 100%,#e9f5f280,transparent 55%),#fff}
.lt-hero-footer{position:relative;padding-top:24px}
.lt-flow-line{position:absolute;left:0;right:0;top:-1px;height:1px;overflow:hidden;background:var(--lt-line)}
.lt-flow-line i{position:absolute;left:-12%;width:12%;height:1px;background:linear-gradient(90deg,transparent,#159b8d);animation:lt-flow 7s linear infinite}
@keyframes lt-flow{to{left:100%}}
.lt-story{--lt-ink:#fff;--lt-muted:#c5d4df;--lt-teal:#5fd3bf;--lt-line:#ffffff24;position:relative;isolation:isolate;background:#142338;color:#fff;border:0;overflow:clip;border-radius:28px 28px 0 0}
.lt-story:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 45%,#159b8d22,transparent 55%)}
.lt-story .lt-chapters,.lt-story .lt-full-story{border-color:#ffffff26}
.lt-story .lt-chapters button{color:#bacbd7;transition:color .3s}
.lt-story .lt-chapters button>span{color:#97b0c1}
.lt-story .lt-chapters button[aria-selected=true]{color:#fff}
.lt-story .lt-chapters button i{height:3px;box-shadow:0 0 16px #5fd3bf66}
.lt-story .lt-story-question{border:0;padding:24px 28px;position:relative;perspective:900px;isolation:isolate;border-radius:15px;background:linear-gradient(135deg,#ffffff09,#5fd3bf0d);box-shadow:inset 0 0 0 1px #ffffff18,0 26px 50px #00000018}
.lt-question-float{transform-origin:center;animation:lt-question-gravity 7s ease-in-out infinite;will-change:transform}
.lt-story-question strong{display:block;text-wrap:balance;transform:perspective(900px) rotateX(var(--lt-tilt-x,0deg)) rotateY(var(--lt-tilt-y,0deg));transition:transform .3s ease}
.lt-story .lt-story-rule{background:#ffffff1f}
.lt-story-controls button{border-color:#ffffff40;color:#fff;transition:background .25s,border-color .25s}
.lt-story-controls button:hover{background:#5fd3bf22;border-color:#5fd3bf}
.lt-how{position:relative;isolation:isolate;overflow:clip;padding-block:95px}
.lt-how:before{content:'';position:absolute;right:1%;top:12%;width:44%;height:70%;z-index:-1;background:radial-gradient(ellipse,#159b8d12,transparent 65%);pointer-events:none}
.lt-example-stack{position:relative;animation:lt-card-gravity 8s ease-in-out infinite;transform-origin:center;box-shadow:0 35px 65px #14233818,0 8px 18px #14233808;border-color:#159b8d30}
.lt-example-stack:before,.lt-example-stack:after{content:'';position:absolute;inset:12px -9px -12px 9px;border:1px solid #159b8d25;border-radius:inherit;z-index:-1;background:#e9f5f2;pointer-events:none}
.lt-example-stack:after{inset:23px -16px -23px 16px;z-index:-2;background:#f4f6fa;border-color:#e8edf4}
.lt-example-stack{transform-style:preserve-3d}
.lt-example-stack:focus-within{animation-play-state:paused}
.lt-example-tabs button{transition:background .3s,color .3s,border-color .3s}
.lt-pilot{--lt-ink:#fff;--lt-muted:#c5d4df;--lt-teal:#5fd3bf;position:relative;isolation:isolate;overflow:clip;background:#0f1c2e;color:#fff;border:0;padding-block:80px}
.lt-pilot:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 80%,#159b8d48,transparent 65%)}
.lt-pilot-number{position:relative;animation:lt-number-gravity 6s ease-in-out infinite;text-shadow:0 18px 35px #00000026}
.lt-pilot-number:after{content:'';position:absolute;left:0;bottom:-30px;width:65%;height:15px;border-radius:50%;background:#5fd3bf18;filter:blur(8px);animation:lt-ground-shadow 6s ease-in-out infinite;pointer-events:none}
.lt-pilot .lt-primary{color:#0f1c2e;background:#5fd3bf;border-color:#5fd3bf}
.lt-pilot .lt-primary:hover{background:#e9f5f2;border-color:#e9f5f2;color:#0f1c2e}
.lt-page-return{background:#fff}
.lt-home-copy,.lt-home-brand{transition:opacity .6s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
.latento-home.lt-reveal-ready:not(.lt-in-view) .lt-home-brand{opacity:0;translate:0 18px}
.latento-home.lt-in-view .lt-home-brand{transition-delay:.14s}
@keyframes lt-question-gravity{0%,100%{transform:translateY(3px)}50%{transform:translateY(-7px)}}
@keyframes lt-card-gravity{0%,100%{transform:perspective(1000px) translateY(4px) rotateX(var(--lt-tilt-x,0deg)) rotateY(var(--lt-tilt-y,0deg)) rotate(-.35deg)}50%{transform:perspective(1000px) translateY(-7px) rotateX(var(--lt-tilt-x,0deg)) rotateY(var(--lt-tilt-y,0deg)) rotate(.35deg)}}
@keyframes lt-number-gravity{0%,100%{transform:translateY(3px)}50%{transform:translateY(-9px)}}
@keyframes lt-ground-shadow{0%,100%{scale:1;opacity:.7}50%{scale:.8;opacity:.4}}
.lt-question-float,.lt-example-stack,.lt-pilot-number,.lt-pilot-number:after,.lt-flow-line i{animation-play-state:paused}
.lt-motion-active .lt-question-float,.lt-motion-active .lt-example-stack,.lt-motion-active .lt-pilot-number,.lt-motion-active .lt-pilot-number:after,.lt-motion-active .lt-flow-line i{animation-play-state:running}
.lt-motion-active .lt-example-stack:focus-within{animation-play-state:paused}
@media(max-width:650px){
 .lt-story{border-radius:20px 20px 0 0;padding-top:42px}
 .lt-story .lt-story-question{padding:18px 19px 16px;min-height:128px;gap:16px}
 .lt-story-question strong{font-size:clamp(30px,8.8vw,42px)}
 .lt-story-panel{gap:24px;min-height:420px}
 .lt-how{padding-block:50px 65px;gap:35px}
 .lt-example-stack{animation-name:lt-card-gravity-mobile;animation-duration:7s}
 .lt-example-stack:before{inset:9px -5px -9px 5px}.lt-example-stack:after{inset:17px -9px -17px 9px}
 .lt-pilot{padding-block:48px 50px;gap:33px}
 .lt-pilot-number:after{bottom:-18px;width:95px;height:9px}
}
@keyframes lt-card-gravity-mobile{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){
 .lt-question-float,.lt-example-stack,.lt-pilot-number,.lt-pilot-number:after,.lt-flow-line i{animation:none!important;transform:none!important;will-change:auto}
 .lt-story-question strong,.lt-home-copy,.lt-home-brand,.lt-chapters button,.lt-story-controls button,.lt-example-tabs button{transition:none;transform:none}
 .latento-home.lt-reveal-ready:not(.lt-in-view) .lt-home-brand{opacity:1;translate:none}
}
.lt-method{position:relative}
.lt-method:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;transform-origin:left;background:linear-gradient(90deg,#159b8d00,#159b8d,#5fd3bf);animation:lt-connection 5.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes lt-connection{0%,12%{transform:scaleX(0);opacity:0}40%,70%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.lt-story:before,.lt-pilot:before{animation:lt-atmosphere 8s ease-in-out infinite;animation-play-state:paused}
.lt-pilot:before{animation-delay:-4s}
@keyframes lt-atmosphere{0%,100%{opacity:.45}50%{opacity:1}}
.lt-motion-active.lt-story:before,.lt-motion-active.lt-pilot:before{animation-play-state:running}
.lt-method:before{animation-play-state:paused}.lt-motion-active .lt-method:before{animation-play-state:running}
.lt-story-panel[aria-hidden=true] .lt-question-float{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.lt-story:before,.lt-pilot:before,.lt-method:before{animation:none!important}.lt-method:before{opacity:0}}

.lt-example-stack{min-width:0;border-radius:12px;position:relative;isolation:isolate;background:transparent;transform-style:flat}
.lt-example-stack .lt-example{animation:none;transform:none;transform-style:flat;position:relative;z-index:1;background:#fff;border-color:#159b8d30;box-shadow:0 16px 45px #14233812}
.lt-example-stack .lt-example:before,.lt-example-stack .lt-example:after{content:none}
.lt-example-stack:before,.lt-example-stack:after{z-index:0}
.lt-motion-active .lt-example-stack:focus-within{animation-play-state:running}
.lt-motion-active .lt-example-stack:has(:focus-visible){animation-play-state:paused}
/* The dark surfaces stay in place while their content enters. */
.lt-story.lt-reveal-ready,.lt-pilot.lt-reveal-ready{opacity:1;transform:none}
.lt-story.lt-reveal-ready>*,.lt-pilot.lt-reveal-ready>*{transition:opacity .65s ease,translate .75s cubic-bezier(.2,.7,.2,1)}
.lt-story.lt-reveal-ready:not(.lt-in-view)>*,.lt-pilot.lt-reveal-ready:not(.lt-in-view)>*{opacity:0;translate:0 18px}
.lt-story.lt-in-view>*,.lt-pilot.lt-in-view>*{opacity:1;translate:0 0}
.lt-story.lt-in-view>:nth-child(2){transition-delay:.06s}.lt-story.lt-in-view>:nth-child(3),.lt-pilot.lt-in-view>:nth-child(2){transition-delay:.12s}
@media(prefers-reduced-motion:reduce){.lt-story.lt-reveal-ready>*,.lt-pilot.lt-reveal-ready>*{opacity:1!important;translate:none!important;transition:none!important}}
/* An upright phone receives illustrative alerts. Its frame never tilts or floats. */
.lt-hero{grid-template-columns:1.15fr 1fr;min-height:0;padding-top:45px;padding-bottom:28px;row-gap:28px;column-gap:5vw;overflow:clip}
.lt-hero-copy{padding-bottom:0}.lt-hero h1{font-size:clamp(62px,6.7vw,106px)}
.lt-product-scene{max-width:490px;padding:0;width:100%;perspective:none;margin:0;justify-self:center}
.lt-scroll-ready .lt-product-scene{transform:none;translate:none;rotate:none}
.lt-scroll-ready .lt-hero-copy{translate:0 calc(var(--lt-travel,0)*-32px)}
.lt-phone-stage{position:relative;isolation:isolate;width:100%;height:500px;display:grid;justify-items:center;align-items:start;padding-top:10px}
.lt-phone-halo{position:absolute;z-index:-1;inset:25px -8px 0;border-radius:50%;background:radial-gradient(ellipse,#5fd3bf30,transparent 66%);pointer-events:none}
.lt-phone-device{position:relative;width:254px;max-width:calc(100% - 30px);height:474px;border:5px solid #142338;border-radius:38px;background:#142338;box-shadow:0 18px 32px #1423381f,0 0 0 1px #738594;transform:none}
.lt-phone-device:before,.lt-phone-device:after{content:'';position:absolute;left:-7px;width:3px;height:27px;top:89px;border-radius:3px;background:#142338}.lt-phone-device:after{top:127px;height:42px}
.lt-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:32px;background:linear-gradient(165deg,#fff 25%,#edf8f5 95%);padding:14px 17px;color:#142338}
.lt-phone-status{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;line-height:14px}
.lt-phone-status-icons svg{width:36px;height:12px;stroke:#142338;stroke-width:1.5;stroke-linecap:round;fill:none}
.lt-phone-island{position:absolute;top:12px;left:50%;translate:-50% 0;width:64px;height:17px;border-radius:20px;background:#142338}
.lt-phone-app{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:29px}
.lt-phone-app .lt-phone-wordmark{width:92px;height:20px;flex-shrink:0}
.lt-phone-app>span{font-size:8px;line-height:1.4;color:#5a6b82;max-width:65px;text-align:right}
.lt-phone-intro{margin-top:23px}
.lt-phone-intro>strong{display:block;font-size:23px;line-height:1.13;letter-spacing:-.05em;font-weight:600}
.lt-phone-intro>span{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:9px;color:#128271;line-height:1.4}
.lt-phone-intro i{width:5px;height:5px;background:#159b8d;border-radius:50%}
.lt-phone-notifications{position:absolute;z-index:2;top:208px;left:50%;translate:-50% 0;width:min(302px,100%);display:grid;gap:10px}
.lt-phone-notice{display:flex;align-items:center;gap:10px;min-height:67px;padding:11px 13px;background:rgb(255 255 255 / .98);border:1px solid #b7ded6;border-radius:12px;box-shadow:0 7px 18px #14233812;animation:lt-phone-alert 13s cubic-bezier(.2,.65,.3,1) infinite both;animation-delay:calc(var(--notice-order)*1.4s);animation-play-state:paused}
.lt-phone-notice-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:32px;border-radius:9px;background:#e9f5f2;color:#128271}
.lt-phone-notice-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.lt-phone-notice>div{min-width:0;flex:1}
.lt-phone-notice-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;line-height:1.4;color:#128271}
.lt-phone-notice-label i{width:4px;height:4px;background:#159b8d;border-radius:50%}
.lt-phone-notice strong{display:block;margin-top:3px;font-size:13px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#142338}
.lt-phone-notice small{display:block;font-size:8px;line-height:1.5;color:#5a6b82;margin-top:3px}
.lt-phone-foot{position:absolute;bottom:25px;left:12px;right:12px;text-align:center;font-size:8px;line-height:1.5;color:#5a6b82}
.lt-phone-home{position:absolute;bottom:9px;left:50%;translate:-50% 0;width:65px;height:3px;border-radius:5px;background:#142338}
.lt-phone-ground{position:absolute;bottom:4px;width:210px;height:10px;border-radius:50%;background:#14233818;filter:blur(7px);z-index:-1}
.lt-product-scene figcaption{font-size:9px;line-height:1.6;max-width:330px;margin:9px auto 0;text-align:center;color:#5a6b82}
.lt-motion-active .lt-phone-notice{animation-play-state:running}
@keyframes lt-phone-alert{0%,4%{opacity:0;transform:translateY(9px)}13%,86%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-4px)}}
.lt-scroll-ready .lt-story{border-radius:calc((1 - var(--lt-enter,1))*95px) calc((1 - var(--lt-enter,1))*95px) 0 0}
.lt-scroll-ready .lt-section-heading h2{transform:translateX(calc((1 - var(--lt-enter,1))*45px));opacity:calc(.35 + var(--lt-enter,1)*.65)}
.lt-scroll-ready .lt-chapters{transform:scaleX(calc(.9 + var(--lt-enter,1)*.1));transform-origin:left}
.lt-scroll-ready .lt-story-question{translate:0 calc((1 - var(--lt-enter,1))*45px);rotate:calc((1 - var(--lt-enter,1))*-4deg)}
.lt-example-scroll{min-width:0;position:relative;perspective:1100px}
.lt-scroll-ready .lt-how-copy{translate:0 calc((1 - var(--lt-enter,1))*35px)}
.lt-scroll-ready .lt-example-scroll{transform:translateY(calc((1 - var(--lt-enter,1))*90px)) rotate(calc((1 - var(--lt-enter,1))*5deg));transform-origin:50% 100%;opacity:calc(.35 + var(--lt-enter,1)*.65)}
.lt-scroll-ready .lt-pilot-number{translate:calc((1 - var(--lt-enter,1))*-55px) 0;opacity:calc(.3 + var(--lt-enter,1)*.7)}
.lt-scroll-ready .lt-pilot-copy{translate:0 calc((1 - var(--lt-enter,1))*45px)}

@media(max-width:1000px){.lt-hero{column-gap:3vw}.lt-hero h1{font-size:7.1vw}}
@media(min-width:651px){.lt-hero h1 em{font-size:.85em;white-space:nowrap}}
@media(max-width:650px){
 .lt-hero{grid-template-columns:1fr;padding-top:30px;row-gap:24px}.lt-hero h1{font-size:clamp(52px,14vw,84px)}
 .lt-product-scene{max-width:360px;margin:0;justify-self:center;padding:0}
 .lt-phone-stage{height:496px}.lt-phone-notifications{width:min(290px,100%);top:208px}
 .lt-phone-notice{padding:11px 10px;gap:9px}.lt-phone-notice strong{font-size:12px}
 .lt-product-scene figcaption{font-size:8px;margin-top:5px}
 .lt-scroll-ready .lt-hero-copy{translate:none}
 .lt-scroll-ready .lt-section-heading h2{transform:translateX(calc((1 - var(--lt-enter,1))*20px))}
 .lt-scroll-ready .lt-story-question{translate:0 calc((1 - var(--lt-enter,1))*23px);rotate:calc((1 - var(--lt-enter,1))*-2deg)}
 .lt-scroll-ready .lt-example-scroll{transform:translateY(calc((1 - var(--lt-enter,1))*38px)) rotate(calc((1 - var(--lt-enter,1))*2deg))}
 .lt-scroll-ready .lt-pilot-number{translate:calc((1 - var(--lt-enter,1))*-25px) 0}
}
@media(prefers-reduced-motion:reduce){
 .lt-phone-notice{animation:none!important;opacity:1;transform:none}
 .lt-scroll-ready .lt-hero-copy,.lt-scroll-ready .lt-product-scene,.lt-scroll-ready .lt-section-heading h2,.lt-scroll-ready .lt-story-question,.lt-scroll-ready .lt-how-copy,.lt-scroll-ready .lt-example-scroll,.lt-scroll-ready .lt-pilot-number,.lt-scroll-ready .lt-pilot-copy{transform:none;translate:none;rotate:none;opacity:1}
}

/* Home: a distinct Latento surface between the warm introduction and the game. */
body[data-world=landing] .latento-home{--lt-ink:#fff;--lt-muted:#fff;--lt-teal:#e9f5f2;--lt-line:#ffffff30;background:#128271;color:#fff;border-block:0}
body[data-world=landing] .latento-home:before{background:#e9f5f2}
body[data-world=landing] .lt-home-copy .lt-eyebrow{color:#fff}
body[data-world=landing] .lt-home-copy h2 em{color:#142338}
body[data-world=landing] .lt-home-copy>p,body[data-world=landing] .lt-home-actions>span{color:#fff}
body[data-world=landing] .lt-home-actions .lt-primary{background:#fff;color:#142338;border-color:#fff}
body[data-world=landing] .lt-home-actions .lt-primary:hover{background:#142338;color:#fff;border-color:#142338}
body[data-world=landing] .lt-home-brand{max-width:315px;padding:22px;background:#fff;border-radius:16px}
body[data-world=landing] .lt-home-brand>span{color:#5a6b82}
body[data-world=landing] .latento-home a:focus-visible{outline-color:#fff}
@media(max-width:650px){body[data-world=landing] .lt-home-brand{width:155px;padding:13px;border-radius:10px}}

/* A first-visit invitation sits above the site without adding another Home section. */
.lt-invitation{box-sizing:border-box;width:min(500px,calc(100% - 36px));max-width:500px;max-height:calc(100svh - 36px);margin:auto;padding:30px 32px 28px;border:1px solid #ffffff30;border-radius:18px;background:rgb(15 28 46 / .70);color:#f3f1e9;box-shadow:0 30px 100px #00000055;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:auto;font-family:'Space Grotesk',sans-serif}
.lt-invitation::backdrop{background:rgb(6 13 20 / .25);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.lt-invitation[open]{animation:lt-invitation-enter .48s cubic-bezier(.2,.7,.2,1) both}
.lt-invitation-close{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#e9f5f2;background:transparent;border:1px solid #ffffff26}
.lt-invitation-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.lt-invitation-close:hover{background:#ffffff12}
.lt-invitation-brand{font-size:22px;line-height:1.2;letter-spacing:-.06em;font-weight:600;color:#fff;margin:0 45px 22px 0}
.lt-invitation-brand>span{color:#5fd3bf}
.lt-invitation-eyebrow{display:block;font-size:9px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:#b7e9df}
.lt-invitation h2{font:700 clamp(38px,4.8vw,52px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:13px 0 17px;color:#f3f1e9}
.lt-invitation h2 em{font-style:normal;color:#5fd3bf}
.lt-invitation p{font-size:14px;line-height:1.65;color:#e1e9ed;max-width:475px;margin:0}
.lt-invitation-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.lt-invitation-primary{box-sizing:border-box;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:10px 14px;min-height:44px;font-size:12px;line-height:1.3;background:#5fd3bf;color:#0f1c2e;border-radius:4px;font-weight:500;transition:background .2s}
.lt-invitation-primary .ui-arrow{height:16px;width:16px}
.lt-invitation-primary:hover{background:#e9f5f2}
.lt-invitation-actions>button{font:400 11px/1.5 'Space Grotesk',sans-serif;color:#e9f5f2;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #ffffff45;background:transparent}
.lt-invitation a:focus-visible,.lt-invitation button:focus-visible{outline:2px solid #5fd3bf;outline-offset:4px}
@keyframes lt-invitation-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:650px){.lt-invitation{padding:25px 22px 23px;border-radius:14px}.lt-invitation-brand{font-size:21px;margin-bottom:20px}.lt-invitation h2{font-size:clamp(36px,10.5vw,46px);margin-top:16px}.lt-invitation p{font-size:13px;line-height:1.7}.lt-invitation-actions{gap:14px;margin-top:24px}.lt-invitation-primary{font-size:12px;padding-inline:13px;gap:10px}.lt-invitation-actions>button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lt-invitation[open]{animation:none}.lt-invitation-primary{transition:none}}

/* The original slim strip, with the supplied Latento wordmark in its action. */
body:is([data-world=latento],[data-world=landing]) .lt-app-access{position:fixed;inset:0 0 auto;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:6px var(--pad);background:rgb(15 28 46 / .95);color:#f3f6f7;border-bottom:1px solid #5fd3bf42;box-shadow:0 5px 22px #0f1c2e18;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-100%);pointer-events:none;transition:transform .28s ease,opacity .28s ease,visibility .28s;font-family:'Space Grotesk',sans-serif}
body:is([data-world=latento],[data-world=landing]) .lt-app-access.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.lt-app-access-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.09em;white-space:nowrap}
.lt-app-access-label i{width:5px;height:5px;background:#5fd3bf;border-radius:50%}
.lt-app-access-label>span{font-size:11px;font-weight:400;letter-spacing:0;color:#b9cfcd;margin-left:10px}
.lt-app-access a{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:8px 14px;border:1px solid #fff;border-radius:5px;background:#fff;color:#142338;font-size:12px;line-height:1.3;white-space:nowrap;box-shadow:0 0 15px #5fd3bf18;transition:border-color .2s,box-shadow .2s}
.lt-app-access .lt-app-wordmark{display:block;width:82px;height:18px;flex-shrink:0}
.lt-app-access a .ui-arrow{width:16px;height:16px}
.lt-app-access a:hover{color:#142338;border-color:#5fd3bf;box-shadow:0 0 0 2px #5fd3bf55}
.lt-app-access a:focus-visible{outline:2px solid #5fd3bf;outline-offset:4px}
body[data-world=latento] .latento-page section{scroll-margin-top:80px}
@media(max-width:650px){body:is([data-world=latento],[data-world=landing]) .lt-app-access{padding-inline:18px;gap:10px;min-height:58px}.lt-app-access-label{font-size:10px;gap:7px}.lt-app-access-label>span{display:none}.lt-app-access a{font-size:11px;padding-inline:11px;gap:9px}.lt-app-access .lt-app-wordmark{width:76px;height:17px}}
@media(prefers-reduced-motion:reduce){body:is([data-world=latento],[data-world=landing]) .lt-app-access,.lt-app-access a{transition:none}}

/* Original compact alerts, with only the fit badge restyled. */
.lt-phone-fit{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:39px;padding:5px 6px;border-radius:9px;background:#e8f5f1;color:#128b7f}
.lt-phone-fit b{font-size:13px;line-height:1.2;letter-spacing:0;font-weight:700;color:#128b7f}
.lt-phone-fit b>span{font-size:13px;margin:0}
.lt-phone-notice-label{font-size:7px}
.lt-phone-notice small{font-size:8px}
.lt-phone-notice>div small{overflow-wrap:normal}
body:is([data-world=latento],[data-world=landing]) .lt-app-access a{min-width:126px;background:#5fd3bf;border-color:#5fd3bf;color:#142338;gap:15px}
.lt-app-access .lt-app-wordmark{mix-blend-mode:multiply}
body:is([data-world=latento],[data-world=landing]) .lt-app-access a:hover{background:#78e2ce;border-color:#78e2ce;box-shadow:0 0 0 2px #5fd3bf33}
@media(max-width:650px){.lt-phone-notice{gap:7px}.lt-phone-notice-icon{width:26px;height:28px}.lt-phone-notice strong{font-size:11px}.lt-phone-fit{min-width:36px;padding:5px}.lt-phone-fit b,.lt-phone-fit b>span{font-size:12px}.lt-phone-notice>div small{font-size:7px}body:is([data-world=latento],[data-world=landing]) .lt-app-access a{min-width:116px;gap:12px}}

/* Home offers the project story alongside the application. */
.lt-access-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
body[data-world=landing] .lt-app-access a.lt-access-info{min-width:0;padding:8px 12px;background:transparent;color:#e9f5f2;border-color:#5fd3bf66;box-shadow:none}
body[data-world=landing] .lt-app-access a.lt-access-info:hover{background:#ffffff10;color:#fff;border-color:#5fd3bf;box-shadow:none}
@media(max-width:650px){body[data-world=landing] .lt-app-access{padding-inline:14px;gap:8px}.lt-access-actions{gap:8px}body[data-world=landing] .lt-app-access a.lt-access-info{padding-inline:10px}}

/* A compact, visible invitation to the personal story. */
.lt-editorial-invite{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:22px var(--pad);background:#104c49;border:0;border-radius:0}
.lt-editorial-copy{min-width:0}
.lt-editorial-copy h3{margin:0 0 6px;color:#f3f5f0;font:500 20px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.lt-editorial-copy p{margin:0;color:#d0e3dd;font:400 13px/1.6 'Space Grotesk',sans-serif}
.lt-editorial-copy p span{white-space:nowrap;color:#b7d4cb}
.lt-editorial-entry{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;min-height:44px;padding:10px 17px;border:1px solid #a9e2d3;border-radius:6px;background:#b5e3d6;color:#123c39;font:500 13px/1.4 'Space Grotesk',sans-serif;transition:background .2s ease,border-color .2s ease}
.lt-editorial-entry .ui-arrow{width:16px;height:16px}
.lt-editorial-entry:hover{background:#d3f0e7;border-color:#d3f0e7;color:#123c39}
.latento-page .lt-editorial-entry:focus-visible{outline:2px solid #e5fff5;outline-offset:4px}
@media(max-width:650px){.lt-editorial-invite{align-items:flex-start;flex-direction:column;gap:15px;margin:0;padding:20px var(--pad)}.lt-editorial-copy h3{font-size:18px}.lt-editorial-copy p{font-size:12px}.lt-editorial-entry{font-size:12px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.lt-editorial-entry{transition:none}}