:root{--studio-line:#273547;--studio-white:#f0f1ed;--studio-muted:#98abc4}
.presentation-page{background:#09111e;color:var(--studio-white);min-height:100svh;font-family:"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
.presentation-page [hidden]{display:none!important}.presentation-page *{box-sizing:border-box}
.presentation-mast{height:82px;margin:0 clamp(20px,4.1vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--studio-line);gap:25px}
.presentation-mast .brand{font-size:31px;gap:8px}.presentation-mast .brand svg{width:32px;height:31px}
.presentation-mast nav{display:flex;gap:30px;align-self:stretch;align-items:center}.presentation-mast nav>a{height:100%;display:flex;align-items:center;position:relative;color:#899bb4;font-size:13px;white-space:nowrap}.presentation-mast nav>a[aria-current=location]{color:#f0f2f7}.presentation-mast nav>a[aria-current=location]:after{content:"";position:absolute;height:2px;bottom:-1px;inset-inline:0;background:#8a9bff}
.header-verify{font-size:12px;color:#d4def0;display:flex;gap:27px;align-items:center;border:1px solid #4a5d75;padding:11px 16px;border-radius:4px;white-space:nowrap}.header-verify:hover{background:#22334e}
.presentation-shell{max-width:1730px;margin:auto;padding:28px clamp(20px,4.1vw,80px)}
.presentation-screen{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(35px,5vw,90px);align-items:center;min-height:calc(100svh - 182px);animation:screen-enter .35s ease-out}
.intro-copy{max-width:540px}.eyebrow{font:9px/1.7 var(--mono);letter-spacing:.085em;color:#a2b5d0;display:flex;align-items:center;gap:10px}.eyebrow i{width:5px;height:5px;background:#8b9fff;box-shadow:0 0 13px #6c8bff;border-radius:50%}
.intro-copy h1,.intro-copy h2{font-size:clamp(44px,5vw,86px);font-weight:500;letter-spacing:-.065em;line-height:1.01;margin:27px 0 24px}.intro-copy h1 em,.intro-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;color:#b5c3f0;display:block}.intro-copy h2{font-size:clamp(43px,4.5vw,75px)}
.intro-copy>p{font-size:clamp(14px,1.15vw,18px);line-height:1.65;color:#a5b6cd;max-width:34ch;margin:0 0 26px}.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:#e9eeff;color:#152444;border:1px solid #e9eeff;border-radius:4px;min-height:45px;padding:13px 19px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.primary-action:hover{background:#c7d5ff;transform:translateY(-2px)}.secondary-action{font-size:12px;color:#b2c2db;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#536883}
.intro-footnote{border-top:1px solid var(--studio-line);margin-top:34px;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.intro-footnote>span{font-size:24px;letter-spacing:-.045em;white-space:nowrap}.intro-footnote p{font:9px/1.6 var(--mono);color:#7c91ae}
.studio{border:1px solid #304056;background:radial-gradient(ellipse at 48% 42%,#1c2d45 0,#101b2b 52%,#0d1624 100%);min-width:0;box-shadow:0 24px 60px -35px #0008;border-radius:8px;overflow:hidden;position:relative}
.studio-top{display:flex;justify-content:space-between;gap:16px;padding:17px 21px;font:8px/1.5 var(--mono);letter-spacing:.07em;color:#7f94b2;border-bottom:1px solid #26374c}.studio-top>span:first-child{color:#bccbe1;display:flex;align-items:center;gap:8px}.studio-top i{width:5px;height:5px;background:#8fbeff;border-radius:50%}
.scene-window{height:clamp(280px,37svh,470px);position:relative;overflow:hidden}#robot-scene{position:absolute;inset:0}#robot-scene canvas{display:block;width:100%;height:100%;outline:none;touch-action:pan-y}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101c2e;z-index:2}.scene-fallback img{width:auto;height:80%;object-fit:contain}.scene-fallback p{font-size:11px;color:#94a9c6;margin:0 15px;text-align:center}.scene-label{position:absolute;left:21px;bottom:13px;color:#778fae;font:7px var(--mono);letter-spacing:.1em;pointer-events:none}.scene-orbit-hint{position:absolute;right:21px;bottom:13px;color:#7386a0;font-size:8px;pointer-events:none}
.live-document{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;border-block:1px solid #314157;background:#101d2fdd;padding:20px 23px;min-height:109px}.document-kicker{font:8px var(--mono);letter-spacing:.045em;color:#7fa1e2}.live-document h2{font-size:clamp(19px,1.8vw,28px);letter-spacing:-.04em;line-height:1.12;font-weight:450;margin:8px 0 0}.live-document p{font-size:12px;line-height:1.6;color:#a1b5d0;margin:0}.live-document b{font-weight:500;color:#e1eaff}.live-document .document-confirm{color:#7ce1ba}
.studio-controls{display:flex;gap:15px;align-items:center;padding:0 15px}.scene-steps{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.scene-steps button{font-size:11px;color:#7e95b4;background:none;border:0;padding:17px 8px;cursor:pointer;white-space:nowrap;text-align:left}.scene-steps button span{font:8px var(--mono);margin-right:6px;color:#617894}.scene-steps [aria-pressed=true]{color:#e4eafb}.scene-steps [aria-pressed=true] span{color:#a8bbff}.scene-steps button:hover{color:#c9d8ee}#scene-play{flex:0 0 31px;width:31px;height:31px;border:1px solid #4a5d76;color:#a7bddb;border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;font-size:11px}
.scene-timeline{height:2px;background:#1d2b41}.scene-timeline i{height:100%;display:block;background:#718eff;width:0}
.presentation-footer{height:44px;margin:0 clamp(20px,4.1vw,80px);border-top:1px solid #263347;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6d829f;font:8px var(--mono);letter-spacing:.045em}.presentation-footer>span:last-child{font:11px "Helvetica Neue",Arial,sans-serif;letter-spacing:0}
.sector-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 30px}.sector-tabs button{border:1px solid #354966;background:transparent;border-radius:4px;color:#99aeca;padding:11px 15px;font-size:12px;cursor:pointer}.sector-tabs button[aria-selected=true]{background:#253e63;border-color:#6b8ac4;color:#e4edff}
.sector-story,.method-board{min-width:0;padding:32px clamp(23px,3vw,45px);border:1px solid #334760;border-radius:8px;background:radial-gradient(ellipse at 20% 0,#1b2c45,#101b2c 70%)}.story-heading{display:flex;justify-content:space-between;gap:16px;font:8px/1.6 var(--mono);color:#7b95b8}.story-heading>span:last-child{color:#607693}.sector-story h3{font-size:clamp(29px,3vw,45px);font-weight:450;line-height:1.12;letter-spacing:-.045em;margin:32px 0}.story-flow{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center}.story-flow article{background:#172943;border:1px solid #344d6c;padding:22px 18px;min-height:137px}.story-flow article>span{font:8px var(--mono);color:#819bd0}.story-flow p{font-size:14px;line-height:1.6;color:#c5d3e8;margin-top:16px}.story-connector{display:flex;align-items:center;position:relative;justify-content:center;color:#afc0f0;font:7px var(--mono)}.story-connector b{position:absolute;background:#0c1a2d;border:1px solid #476493;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-weight:400}.story-connector i{width:100%;height:1px;background:#7895dc}.story-approval{display:flex;gap:14px;align-items:center;margin-top:24px;border-top:1px solid #2f4561;padding-top:23px}.story-approval i{font-style:normal;border:1px solid #456c67;color:#8fd8bb;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;flex-shrink:0}.story-approval p{font-size:13px;line-height:1.6;color:#a6bdd6}.story-note{font-size:10px;color:#6d87a7;margin:20px 0 0}
.method-board ol{list-style:none;padding:0;margin:0}.method-board li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #2d415e}.method-board li:first-child{padding-top:0}.method-board li>span{font:10px var(--mono);color:#809ed2;padding-top:8px}.method-board h3{font-weight:450;font-size:28px;letter-spacing:-.045em;margin:0 0 10px}.method-board p{font-size:14px;line-height:1.65;color:#9db2cf;margin:0;max-width:40ch}.method-principle{display:flex;gap:15px;align-items:center;padding-top:24px}.method-principle i{width:7px;height:7px;border-radius:50%;background:#83baac}.method-principle p{font-size:12px}.method-principle strong{font-weight:500;color:#d3dfef}.method-funding-link{display:block;margin-top:22px;font-size:12px;color:#99afd0;text-decoration:underline;text-underline-offset:4px}
@keyframes screen-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px) and (max-height:760px){.presentation-mast{height:70px}.presentation-shell{padding-block:20px}.presentation-screen{min-height:calc(100svh - 154px);gap:38px}.intro-copy h1{font-size:clamp(49px,4.9vw,69px);margin:22px 0}.intro-copy>p{font-size:14px;margin-bottom:23px}.intro-footnote{margin-top:26px;padding-top:19px}.scene-window{height:clamp(250px,36svh,330px)}.studio-top{padding-block:14px}.live-document{padding:17px 20px;min-height:100px}.scene-steps button{padding-block:15px}.sector-story,.method-board{padding-block:26px}.method-board li{padding-block:19px}}
@media(max-width:999px){.presentation-mast{height:75px;margin-inline:26px;gap:20px}.presentation-mast nav{gap:22px}.header-verify{padding:9px 12px;gap:15px}.presentation-shell{padding:24px 26px}.presentation-screen{gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:calc(100svh - 167px)}.intro-copy h1,.intro-copy h2{font-size:46px}.intro-copy>p{font-size:14px}.intro-footnote{display:block}.intro-footnote p{margin-top:9px}.scene-window{height:310px}.studio-top>span:last-child{display:none}.studio-controls{gap:4px;padding-inline:9px}.scene-steps button{font-size:9px;padding-inline:4px}.scene-steps button span{display:none}.live-document{grid-template-columns:1fr;gap:12px;padding:16px 18px;min-height:145px}.scene-orbit-hint{display:none}.story-flow{grid-template-columns:1fr}.story-connector{height:29px}.story-flow article{min-height:0;padding:16px}.story-flow p{font-size:13px;margin-top:10px}.sector-story h3{margin:23px 0;font-size:30px}.story-heading{display:block}.story-heading>span:last-child{display:none}.method-board{padding:25px}.method-board li{gap:14px;padding:20px 0}.method-board h3{font-size:26px}.method-board p{font-size:13px}.presentation-footer{margin-inline:26px}}
@media(max-width:700px){.presentation-mast{height:101px;display:grid;grid-template-columns:1fr auto;grid-template-rows:60px 41px;margin-inline:20px;gap:0 20px}.presentation-mast .brand{font-size:27px}.presentation-mast .brand svg{width:28px}.presentation-mast nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:20px}.presentation-mast nav>a{font-size:11px;padding-inline:4px}.header-verify{font-size:10px;padding:9px 11px;gap:15px;grid-row:1;grid-column:2}.presentation-shell{padding:24px 20px 22px}.presentation-screen{grid-template-columns:1fr;gap:24px;min-height:0;align-items:start}.intro-copy{max-width:none}.eyebrow{font-size:7px}.intro-copy h1,.intro-copy h2{font-size:43px;margin:14px 0 14px;line-height:1.02}.intro-copy h1 br{display:none}.intro-copy h1 em{display:inline}.intro-copy>p{font-size:12px;line-height:1.65;max-width:43ch;margin-bottom:17px}.intro-actions{gap:17px}.primary-action{font-size:11px;min-height:41px;padding:11px 15px;gap:22px}.secondary-action{font-size:10px}.intro-footnote{display:none}.studio{border-radius:6px}.studio-top{padding:12px 15px;font-size:7px}.studio-top>span:last-child{display:inline;font-size:6px}.scene-window{height:250px}.scene-label{left:15px;bottom:10px;font-size:6px}.live-document{grid-template-columns:1fr 1fr;gap:12px;padding:14px 15px;min-height:90px}.document-kicker{font-size:6px}.live-document h2{font-size:19px;margin-top:7px}.live-document p{font-size:10px}.studio-controls{padding:0 11px;gap:8px}.scene-steps button{padding:14px 3px;font-size:10px}.scene-steps button span{display:none}#scene-play{height:27px;width:27px;flex-basis:27px}.presentation-footer{height:auto;min-height:39px;margin:0 20px;padding:12px 0;font-size:6px;gap:10px}.presentation-footer>span:last-child{font-size:8px;text-align:right}.sector-tabs{margin:19px 0 21px;gap:6px}.sector-tabs button{font-size:11px;padding:10px 12px}.sector-story,.method-board{padding:24px 22px}.sector-story h3{font-size:31px;margin:23px 0}.story-flow{grid-template-columns:1fr 25px 1fr}.story-flow article{padding:14px 12px;min-height:145px}.story-flow article>span{font-size:6px}.story-flow p{font-size:12px;line-height:1.65}.story-connector b{width:30px;height:30px;font-size:6px}.story-approval p{font-size:12px}.story-note{font-size:9px}.method-board li{padding:18px 0}.method-board h3{font-size:25px}.method-board p{font-size:12px}.method-principle{padding-top:20px}.method-funding-link{font-size:11px;margin-top:16px}}
@media(max-width:700px) and (min-height:800px){.scene-window{height:245px}.presentation-screen{gap:21px}.presentation-shell{padding-block:21px}.intro-copy h1{font-size:40px}}
@media(max-width:360px){.presentation-shell{padding-inline:16px}.intro-copy h1,.intro-copy h2{font-size:36px}.live-document{padding-inline:12px;gap:8px}.live-document h2{font-size:17px}.scene-window{height:225px}.story-flow{grid-template-columns:1fr}.story-flow article{min-height:0}.story-connector{height:28px}}
@media(prefers-reduced-motion:reduce){.presentation-screen{animation:none}.primary-action{transition:none}}

#scene-play{width:36px;height:36px;flex-basis:36px}@media(max-width:700px){#scene-play{width:40px;height:40px;flex-basis:40px}.story-title{white-space:pre-line}}

/* A short editorial page: the demonstration, three use cases, then the next step. */
.presentation-mast{position:relative;z-index:5}
.presentation-screen{animation:none;scroll-margin-top:28px}
#actiune{min-height:calc(100svh - 178px);padding-block:30px 24px}
#solutii,#metoda{min-height:0;border-top:1px solid var(--studio-line);padding-block:74px;gap:clamp(35px,5vw,90px)}
#solutii .intro-copy h2,#metoda .intro-copy h2{font-size:clamp(40px,4.4vw,66px)}
.intro-copy .eligibility-note{font-size:10px;color:#8299b7;max-width:none;margin:12px 0 0;line-height:1.6}
.intro-actions .secondary-action{display:none}
.intro-footnote{margin-top:28px;padding-top:23px}
.scene-window{height:clamp(330px,46svh,480px)}
.scroll-invitation{display:flex;align-items:center;justify-content:space-between;padding:20px 0 25px;color:#7990ad;font:8px var(--mono);letter-spacing:.09em}
.scroll-invitation>span:last-child{font:22px Arial;color:#b7c8e4}
.story-title,#story-title{white-space:pre-line}
.presentation-footer{height:64px}
@media(min-width:1000px) and (max-height:760px){#actiune{min-height:590px;padding-block:30px}.scene-window{height:330px}}
@media(min-width:701px) and (max-width:999px){.scene-window{height:350px}#actiune{padding-block:20px;min-height:650px}#solutii,#metoda{padding-block:55px;gap:30px}.intro-actions .primary-action{font-size:11px;gap:13px}}
@media(max-width:700px){.presentation-shell{padding-top:24px}.presentation-mast nav{gap:12px}#actiune{min-height:0;padding:0;gap:24px}.intro-copy h1{font-size:clamp(39px,10.5vw,53px)}.intro-copy>p{font-size:13px;max-width:44ch}.primary-action{font-size:12px;min-height:46px;gap:24px}.intro-copy .eligibility-note{font-size:9px;margin-top:10px}.scene-window{height:280px}.scene-orbit-hint{display:none}.scroll-invitation{padding-block:27px 22px;font-size:6px}#solutii,#metoda{padding-block:40px;gap:22px}#solutii .intro-copy h2,#metoda .intro-copy h2{font-size:38px}.sector-story,.method-board{padding:24px 20px}.sector-tabs{margin-bottom:0}.sector-tabs~.primary-action{display:none}.presentation-footer{height:auto;min-height:50px}.header-verify{font-size:9px;gap:10px}}
@media(max-width:360px){.scene-window{height:265px}.header-verify{padding:9px 8px}.intro-copy h1{font-size:38px}}

/* The ear-to-ear metaphor needs a quiet stage and an uninterrupted silhouette. */
#actiune .intro-copy h1{font-size:clamp(44px,4.6vw,78px);line-height:1.01;margin-block:23px}.scene-window{background:radial-gradient(ellipse at 50% 53%,#1c2e47 0,transparent 65%)}.scene-window:after{content:"";position:absolute;inset:78% 0 0;pointer-events:none;background:linear-gradient(transparent,#0f1b2b)}.scene-label,.scene-orbit-hint{z-index:1}.scene-steps button{padding-inline:5px}
@media(max-width:999px) and (min-width:701px){#actiune .intro-copy h1{font-size:44px}.scene-steps button{font-size:8px}}
@media(max-width:700px){#actiune .intro-copy h1{font-size:clamp(35px,9.2vw,42px);margin-block:17px;max-width:none}#actiune .intro-copy h1 br{display:none}#actiune .intro-copy h1 em{display:block}.scene-window{height:270px}.scene-window:after{inset:72% 0 0}.scene-steps button{font-size:9px;padding-inline:2px}}