.hero-aside{max-width:310px;width:28%;min-width:250px}.hero-aside>p{font-size:12px;line-height:1.7;margin-bottom:12px}.hero-aside>.text-link{display:none}.hero-intro{align-items:center}.hero-intro h1{font-size:clamp(65px,7.5vw,126px)}.film-preview{margin-top:18px;width:100%}.film-label,.film-bottom{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.08em;color:#9fae90}.film-label{margin-bottom:9px}.film-label i{width:4px;height:4px;background:var(--green);border-radius:50%}.film-label>span{margin-left:auto;color:#d4e3c5}.film-screen{position:relative;aspect-ratio:1.777;overflow:hidden;border-radius:5px;border:1px solid #bbdaa02e;background:#0a100b}.film-screen video{width:100%;height:100%;object-fit:cover}.film-open{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(transparent,#0004);font-size:9px;text-shadow:0 1px 10px #000;transition:background .3s}.film-play{width:32px;height:32px;display:grid;place-items:center;font-size:10px;border:1px solid #d7ffb488;border-radius:50%;background:#122012bb;backdrop-filter:blur(6px);transition:transform .3s}.film-open:hover .film-play{transform:scale(1.15);background:var(--green);color:#182411}.film-bottom{margin-top:8px;justify-content:space-between;font-size:8px;letter-spacing:0}.film-pause{padding:4px 9px;min-height:25px;border:1px solid #c1deb52b;border-radius:20px;font-size:10px;color:#bdcda9}
.ecosystem-intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;border-bottom:1px solid var(--line)}.ecosystem-intro .eyebrow{color:#9eae8e;margin-bottom:30px}.ecosystem-intro h2{font-size:clamp(40px,4.2vw,66px)}.ecosystem-intro p{color:#94a388;font-size:12px;line-height:1.9;margin-top:25px}.ecosystem-launchers{display:flex;flex-direction:column}.ecosystem-launchers>button{display:flex;align-items:center;gap:25px;text-align:left;padding:22px 4px;border-bottom:1px solid #ffffff1c;transition:padding .35s,background .35s}.ecosystem-launchers>button:hover{padding-left:18px;background:#b8f28c05}.ecosystem-index{font-size:9px;color:#7d916b}.ecosystem-launchers strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.05em}.ecosystem-launchers small{display:block;font-size:9px;color:#82946e;margin-top:5px}.ecosystem-launchers b{margin-left:auto;font-size:22px;color:var(--green);font-weight:400}
.cinema-dialog,.workspace-dialog{padding:0;border:1px solid #bad29f38;color:#f1f2e9;background:#10150f;max-width:none;max-height:none;box-shadow:0 20px 100px #0009;overflow:hidden}.cinema-dialog::backdrop,.workspace-dialog::backdrop{background:#050905ec;backdrop-filter:blur(20px)}.cinema-dialog{width:min(1300px,calc(100vw - 48px));max-height:calc(100dvh - 32px);border-radius:12px;overflow:auto}.cinema-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 27px;border-bottom:1px solid var(--line)}.cinema-header .wordmark{font-size:15px}.cinema-header h2{font-size:12px;letter-spacing:0;color:#96a785}.cinema-header>button{font-size:11px}.cinema-stage{background:#060b06}.cinema-stage video{display:block;width:100%;max-height:65dvh;aspect-ratio:1.777;object-fit:contain}.cinema-chapters{display:flex;padding:17px 24px;gap:8px;border-bottom:1px solid var(--line)}.cinema-chapters button{flex:1;text-align:left;padding:10px;border-top:2px solid transparent;font-size:12px;color:#819371}.cinema-chapters button[aria-pressed=true]{color:var(--green);border-top-color:var(--green);background:#b8f28c05}.cinema-chapters button>span{display:block;font-size:8px;opacity:.6;margin-bottom:8px}.cinema-chapters small{display:block;font-size:8px;margin-top:6px;color:#7f936d}.cinema-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 28px}.cinema-caption{font-size:10px;line-height:1.7;color:#849773}.cinema-footer .demo-link{padding:11px 15px;font-size:10px;gap:23px}
.workspace-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:10px;overflow:hidden}.workspace-header{height:76px;padding:12px 23px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff20}.workspace-brand{font-size:7px;letter-spacing:.14em;color:#a1b58f;display:block;margin-bottom:6px}.workspace-header h2{font-size:20px;letter-spacing:-.03em;white-space:nowrap}.workspace-header nav{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.workspace-header nav button{font-size:10px;white-space:nowrap;padding:11px 15px;border-radius:5px;color:#93a681;border:1px solid transparent}.workspace-header nav button[aria-pressed=true]{border-color:#b8f28c4d;color:var(--green);background:#b8f28c0d}.workspace-header [data-workspace-close]{font-size:28px;min-width:32px;color:#b3c7a0}.workspace-frame{height:calc(100% - 116px);position:relative;background:#101510}.workspace-frame iframe{height:100%;width:100%;border:0;display:block;opacity:0;transform:scale(.992);transition:opacity .4s,transform .6s}.workspace-frame iframe.is-loaded{opacity:1;transform:none}.workspace-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;z-index:0;pointer-events:none;color:#8fa979;font-size:12px;text-align:center;padding:30px}.workspace-loader[hidden]{display:none}.workspace-loader>span{width:25px;height:25px;border:1px solid #b8f28c33;border-top-color:#b8f28c;border-radius:50%;animation:portal-turn 1s linear infinite}.workspace-footer{height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;font-size:9px;color:#93a681;border-top:1px solid var(--line)}.workspace-external{color:var(--green);white-space:nowrap}.case-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.case-dialog-actions>a{background:transparent;border:1px solid #9cbc7c44;color:#b8cb9f}.project-dialog[open]{animation:case-enter .4s cubic-bezier(.2,.7,.2,1)}.scan-image.teaser-frame{background:radial-gradient(ellipse at 70% 30%,#364133,#141b13);min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}.scan-teaser-mark{font-size:clamp(55px,7vw,110px);letter-spacing:-.08em;color:#c7e1b2;position:relative}.scan-teaser-mark small{display:block;font-size:9px;letter-spacing:.16em;text-align:center;margin-top:22px;color:#92ab7c}.scan-teaser-orbit{position:absolute;inset:15%;border:1px solid #a2c68130;border-radius:50%;transform:rotate(-30deg) scaleY(.6);box-shadow:0 0 0 35px #a2c68107,0 0 0 70px #a2c68104}
@keyframes portal-turn{to{transform:rotate(360deg)}}@keyframes case-enter{from{opacity:0;transform:translateY(26px) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero-intro h1{font-size:7vw}.hero-aside{min-width:230px}.workspace-header{gap:12px;padding-inline:15px}.workspace-header nav button{padding:10px;font-size:9px}.workspace-brand{font-size:6px}.ecosystem-intro{gap:40px}.cinema-stage video{max-height:60dvh}}
@media(max-width:760px){.hero-intro h1{font-size:clamp(50px,10.5vw,80px)}.hero-aside{width:100%;max-width:none;min-width:0;display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center;margin-top:24px}.hero-aside>p{font-size:10px;margin:0}.film-preview{margin-top:0}.film-label{font-size:5px}.film-open>span:last-child{display:none}.film-play{width:28px;height:28px;font-size:9px}.film-bottom{font-size:6px;gap:5px;line-height:1.4}.film-bottom>span{max-width:90px}.film-pause{min-height:23px;font-size:9px;padding:2px 7px}.ecosystem-intro{grid-template-columns:1fr;gap:20px}.ecosystem-intro h2{font-size:42px}.ecosystem-intro .eyebrow{font-size:8px;margin-bottom:23px}.ecosystem-intro p{font-size:11px}.ecosystem-launchers>button{padding-block:18px}.ecosystem-launchers strong{font-size:23px}.cinema-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:8px}.cinema-header{padding:17px 14px;gap:12px}.cinema-header h2{display:none}.cinema-header .wordmark{font-size:13px}.cinema-header>button{font-size:9px}.cinema-chapters{padding:12px 10px;gap:3px}.cinema-chapters button{padding:8px 4px;font-size:9px}.cinema-chapters small{font-size:6px}.cinema-chapters button>span{font-size:7px}.cinema-footer{padding:15px;gap:13px;align-items:stretch;flex-direction:column}.cinema-caption{font-size:8px}.cinema-footer .demo-link{align-self:flex-start}.workspace-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.workspace-header{height:113px;display:grid;grid-template-columns:1fr 35px;padding:13px 15px;gap:8px}.workspace-header>div{grid-column:1;grid-row:1}.workspace-header nav{grid-column:1/-1;grid-row:2}.workspace-header [data-workspace-close]{grid-column:2;grid-row:1}.workspace-header h2{font-size:18px}.workspace-header nav button{padding:8px 10px;font-size:9px;flex:1}.workspace-frame{height:calc(100% - 156px)}.workspace-footer{height:43px;padding:0 13px;font-size:7px;gap:13px}.workspace-caption{max-width:62%}.scan-image.teaser-frame{min-height:300px}.scan-teaser-mark{font-size:70px}.case-dialog-actions{gap:8px}.case-dialog-actions .demo-link{font-size:10px;padding:13px 15px}}
.project-dialog[open]{animation:none;transform-origin:top left}.cinema-dialog,.workspace-dialog{transform-origin:top left}.workspace-loader{background:radial-gradient(ellipse at 50% 60%,rgba(var(--portal-accent,184,242,140),.13),transparent 60%),#10150f;z-index:1;flex-direction:column;gap:26px}.workspace-loader>.portal-orbit{width:68px;height:68px;border-color:rgba(var(--portal-accent,184,242,140),.15);border-top-color:rgba(var(--portal-accent,184,242,140),.8);box-shadow:0 0 60px rgba(var(--portal-accent,184,242,140),.08)}.portal-copy small{font-size:9px;letter-spacing:.2em;color:#8d9a80}.portal-copy strong{display:block;font-size:clamp(38px,6vw,84px);font-weight:400;letter-spacing:-.07em;color:#eef1e6;margin:16px 0}.portal-copy p{font-size:11px;color:#96a38b;max-width:340px;line-height:1.7}.workspace-frame iframe{transform:translateX(40px) scale(.98);transition:opacity .6s,transform .9s cubic-bezier(.16,1,.3,1);clip-path:inset(0 0 0 0)}.workspace-dialog[data-direction=backward] iframe{transform:translateX(-40px) scale(.98)}.workspace-dialog .workspace-frame iframe.is-loaded{transform:none}.workspace-header nav button{transition:color .35s,background .35s,border-color .35s}.case-next{transition:background .4s,color .4s}.case-next:hover{background:#b8f28c0b}.case-next>span{transition:transform .4s}.case-next:hover>span{transform:translateX(8px)}
@media(prefers-reduced-motion:reduce){.project-dialog[open]{animation:none}.workspace-frame iframe,.workspace-dialog[data-direction=backward] iframe{transition:none;transform:none}.workspace-loader>span{animation:none}.film-play{transition:none}.ecosystem-launchers>button,.case-next,.case-next>span,.workspace-header nav button{transition:none}.case-next:hover>span{transform:none}}
.project-dialog[open]{overflow-anchor:none;scroll-behavior:auto}