@font-face{font-family:Manrope;src:url('/studio/assets/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#0d1a2b;--ink-deep:#091522;--paper:#f6f0e6;--muted:#bac8d9;--faint:#94a9c1;--coral:#ed8767;--rule:#b8c9dd30;--accent:var(--coral);--max:1392px;--gutter:clamp(20px,4.5vw,80px);--display:clamp(42px,4.7vw,76px);--section-title:clamp(34px,4.4vw,68px);--detail-title:clamp(26px,2.8vw,40px);--space:clamp(64px,7.3vw,112px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.7 Manrope,Arial,sans-serif;position:relative;isolation:isolate;overflow-x:clip}body:before{content:'';position:absolute;top:0;left:0;right:0;height:780px;background:linear-gradient(90deg,var(--ink) 25%,#0d1a2b99 68%,#0d1a2b55),linear-gradient(0deg,var(--ink),transparent 75%),url('/studio/assets/ciel-v2-poster-v47.webp') 80% 25%/cover;opacity:.55;z-index:-1;pointer-events:none}::selection{background:var(--coral);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg{max-width:100%}figure{margin:0}button,a,input,textarea,select,summary,[tabindex="0"]{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--coral)}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:var(--space)}.mission-content{display:contents}p,h1,h2,h3,h4,ul,ol{margin-top:0}h1,h2,h3,h4{font-style:normal;font-weight:800;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}h1{font-size:var(--display);margin-bottom:32px}h2{font-size:var(--section-title);margin-bottom:32px}h3{font-size:26px;letter-spacing:-.03em;margin-bottom:16px}h4{font-size:19px;letter-spacing:-.02em}h1 *,h2 *,h3 *,h4 *{font-style:normal}em,.title-accent{color:var(--coral);font-style:normal}p{margin-bottom:24px}p:last-child{margin-bottom:0}.eyebrow{font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.01em;color:var(--paper);margin-bottom:24px}.eyebrow:after{content:'';display:inline-block;width:40px;height:2px;background:var(--coral);vertical-align:middle;margin-left:20px}.caption,figcaption,.note{font-size:12px;line-height:1.65;color:var(--muted)}figcaption{margin-top:16px}.caption{margin-top:20px}.coral-dash{width:44px;height:1px;background:var(--coral);display:inline-block;margin:0 16px 4px 0}.step-number{font-size:14px;font-weight:600;letter-spacing:0;color:var(--faint)}.skip{position:fixed;top:-100px;left:24px;background:var(--paper);color:var(--ink);padding:12px 20px;z-index:100}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px;position:relative;z-index:20}.brand{display:block;flex:none}.brand-logo{width:144px;height:auto;aspect-ratio:1727/911;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500}.desktop-nav a,.header-contact{padding-block:12px}.desktop-nav a:hover,.desktop-nav [aria-current],.header-contact:hover{color:var(--coral)}.header-contact{font-size:13px;white-space:nowrap}.header-contact span{margin-left:16px}.mobile-nav{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:14px 24px;border:1px solid var(--rule);border-radius:5px;background:transparent;color:var(--paper);font-size:14px;font-weight:650;line-height:1.5;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.button:hover{border-color:var(--coral);color:var(--coral)}.button.light,.submit{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button.light:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}.text-link,.quiet,.back{display:inline-flex;gap:8px;align-items:center;font-size:14px;line-height:1.5;border-bottom:1px solid currentColor;padding-block:6px;color:var(--paper)}.text-link:hover,.quiet:hover,.back:hover{color:var(--coral)}.back{margin-bottom:24px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head h2{margin:0}.section-head>p{max-width:400px;color:var(--muted)}.section-head>.text-link{flex:none;margin-bottom:8px}.mission-route{position:absolute;pointer-events:none;overflow:visible;color:var(--coral)}.mission-route>path:first-child{stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.mission-route .route-ticks{stroke:var(--paper);stroke-width:1;vector-effect:non-scaling-stroke}.mission-route circle{fill:var(--coral)}
/* Opening: real work framed by the mission universe. */
.mission-hero{position:relative;padding-block:64px 104px;isolation:isolate}.mission-hero:after{content:'';position:absolute;right:calc(var(--gutter)*-1);bottom:-24px;z-index:-1;width:min(1050px,90vw);height:400px;background:url('/studio/assets/astra-lunar-horizon-v57.png') center bottom/cover no-repeat;mask-image:linear-gradient(transparent 20%,#000 90%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{font-size:14px;margin-bottom:40px}.hero-copy h1{font-size:clamp(42px,4.2vw,68px);line-height:1.12;letter-spacing:-.05em;white-space:normal}.hero-copy .intro{font-size:18px;line-height:1.65;margin-bottom:36px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 24px}.hero-actions .text-link{font-size:12px}.hero-preview{margin-right:-16px;position:relative;z-index:1;transform:perspective(1600px) rotateY(-8deg) rotateZ(1.5deg)}.hero-preview a{display:block;border:1px solid #c4d1df55;border-radius:12px;overflow:hidden;box-shadow:0 30px 65px #0003}.hero-preview img{width:100%;aspect-ratio:1.72;object-fit:cover}.hero-preview figcaption{font-size:11px}.hero-route{top:16px;right:0;width:46%;height:190px;opacity:.8;z-index:-1}
/* Creation offer. */
.mission-offer{position:relative}.mission-offer h2{max-width:1120px}.offer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:start;margin-top:40px}.offer-condition{max-width:650px;font-size:16px;color:var(--muted)}.offer-includes{list-style:none;padding:0;display:grid;gap:28px;margin:36px 0}.offer-includes li{display:flex;align-items:center;gap:24px}.outline-symbol{font-size:18px;color:var(--coral);width:40px;border-right:1px solid var(--coral);line-height:1.8}.offer-includes strong{display:block;font-size:23px;font-weight:800;line-height:1.35}.offer-includes div>span{color:var(--muted);font-size:16px}.offer-price{padding-top:8px}.offer-price>span{font-size:22px}.offer-price>strong{display:block;font-size:clamp(80px,9.5vw,148px);font-weight:800;letter-spacing:-.065em;line-height:1.1;margin:4px 0 16px;white-space:nowrap}.offer-price small{font-size:.82em;color:var(--coral);margin-left:12px}.offer-price>p{font-size:15px;max-width:340px}.offer-price .button{margin-top:12px}.offer-price .note{font-size:11px;margin-top:20px}.offer-route{width:16%;height:140px;left:47%;top:54%;opacity:.6}.offer-details{max-width:560px}.offer-details summary{display:inline-flex;gap:28px;font-size:16px;border-bottom:1px solid var(--rule)}.offer-details p{font-size:14px;color:var(--muted);margin-top:20px}.offer-details a{color:var(--coral);font-size:13px}
/* Open selectors, consistent across service and project contexts. */
.service-explorer{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);gap:64px;align-items:center}.service-list{position:relative;padding-left:24px;border-left:1px solid var(--coral)}.service-choice{position:relative;margin-bottom:12px}.service-choice:last-child{margin-bottom:0}.service-choice:before{content:'';position:absolute;left:-28px;top:27px;width:7px;height:1px;background:var(--faint)}.service-choice:has([aria-selected="true"]):before{height:8px;width:8px;left:-29px;top:24px;background:var(--coral);border-radius:50%}.service-list button{display:flex;align-items:baseline;gap:16px;width:100%;padding:14px 0;border:0;background:none;color:var(--paper);text-align:left;font-size:22px;font-weight:750;letter-spacing:-.025em;line-height:1.35}.service-list button[aria-selected="true"]{color:var(--coral);font-size:clamp(28px,3vw,44px)}.service-list button .step-number{width:24px;flex:none;font-size:11px}.service-context{padding-left:40px;padding-bottom:20px}.service-context p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 14px}.service-context .text-link{font-size:13px}.service-panels{min-width:0}.service-panel{min-height:380px}.preview-float{transform:perspective(1600px) rotateY(-5deg) rotateZ(-1deg);transform-origin:center}.preview-float>a,.project-preview{display:block;border-radius:12px;overflow:hidden;border:1px solid #b6c8dc66;box-shadow:0 24px 60px #0003}.preview-float img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.service-panel .caption{font-size:11px}.service-meta{font-size:12px;color:var(--faint);margin-top:8px}.mobile-context{display:none}.concept-stage{border:1px solid var(--rule);border-radius:12px;padding:32px;background:#101f31;position:relative;min-height:350px;overflow:hidden}.window-label{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid var(--rule);padding-bottom:20px;gap:12px}.window-label i{font-style:normal;color:var(--muted);font-size:9px}.concept-stage h3{font-size:30px;margin-top:36px;max-width:340px}.concept-stage ol{padding:0;list-style:none;position:relative;z-index:1}.concept-stage li{margin-top:16px;display:flex;gap:16px;font-size:16px}.concept-stage li span{color:var(--coral);font-size:12px}.concept-stage .mission-route{bottom:18px;right:12px;opacity:.35;width:70%;height:70px}
.project-explorer{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);align-items:center;gap:64px;margin-top:48px}.project-panels{min-width:0}.project-panel .project-preview{margin-bottom:32px}.project-panel .project-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.project-panel .eyebrow{font-size:11px;margin-bottom:12px;color:var(--muted)}.project-panel h3{font-size:clamp(30px,3.6vw,52px);margin-bottom:12px}.project-panel>p:not(.eyebrow):not(.caption){max-width:680px;font-size:16px;color:var(--muted)}.project-panel>.caption{font-size:11px;margin-top:16px}.project-list{position:relative;border-left:1px solid var(--coral);padding-left:24px}.project-list button{width:100%;display:flex;align-items:baseline;gap:20px;border:0;border-bottom:1px solid var(--rule);padding:20px 0;background:none;color:var(--paper);font-size:20px;font-weight:750;text-align:left;line-height:1.35;letter-spacing:-.025em}.project-list .step-number{font-size:14px;flex:none;width:24px}.project-list [aria-selected="true"],.project-list [aria-selected="true"] .step-number{color:var(--coral)}.project-list [aria-selected="true"]{border-bottom-color:var(--coral)}
/* Four use cases are actual interactive views, not one raster mockup. */
.usage-section>h2{margin-bottom:48px}.usage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--rule);gap:24px;margin:0 0 56px}.usage-tabs button{padding:20px 0;display:flex;align-items:baseline;gap:12px;background:none;border:0;color:var(--paper);text-align:left;font-size:15px;font-weight:550;line-height:1.6;border-bottom:2px solid transparent}.usage-tabs [aria-selected="true"]{color:var(--coral);border-bottom-color:var(--coral)}.usage-tabs .step-number{font-size:13px}.usage-tabs [aria-selected="true"] .step-number{color:var(--coral)}.usage-panels>section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);align-items:center;gap:56px}.usage-copy h3{font-size:clamp(32px,3.5vw,54px);line-height:1.12;margin-bottom:24px}.usage-copy>p{color:var(--muted);font-size:16px;max-width:400px}.usage-copy .text-link{margin-top:16px}.usage-stage{position:relative;min-width:0}.usage-stage:before{content:'';position:absolute;left:-36px;top:-30px;width:36px;height:45%;border-left:1px solid var(--coral);border-bottom:1px solid var(--coral);border-bottom-left-radius:28px;pointer-events:none}.product-window{background:#102033;border:1px solid #c3d2e05e;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #0003;transform:perspective(1600px) rotateY(-4deg) rotateZ(-1deg);font-size:12px;min-height:340px}.window-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--rule);font-size:12px}.window-top>b,.window-top span b{color:var(--coral)}.window-top small{font-size:9px;color:var(--muted);font-weight:400}.app-window-body{display:grid;grid-template-columns:100px minmax(0,1fr)}.app-sidebar{border-right:1px solid var(--rule);padding:20px 0}.app-sidebar span{display:block;padding:12px;font-size:10px;color:var(--muted)}.app-sidebar .is-active{color:var(--paper);border-left:2px solid var(--coral);background:#ed876717}.app-workspace{padding:24px 20px 12px}.app-workspace h4{font-size:15px;margin:0 0 20px}.document-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:10px}.document-row small{font-size:8px;color:var(--muted)}.data-chart{display:block;width:100%;height:auto;margin:12px 0 0}.chart-grid{stroke:#b4c5da27;stroke-width:1}.app-workspace .caption{font-size:8px;margin:0}.workflow{list-style:none;padding:32px;margin:0}.workflow li{display:flex;gap:20px;padding:16px 0;position:relative}.workflow li>span{color:var(--coral);font-size:13px;border-right:1px solid var(--coral);padding-right:16px}.workflow strong{font-size:19px}.workflow p{font-size:12px;color:var(--muted);margin:4px 0}.team-preview{padding:24px}.team-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid var(--rule);padding:20px 0;font-size:12px}.team-preview .table-heading{font-size:10px;color:var(--muted);padding-top:0}.team-preview>div>span{color:var(--muted)}.team-preview .caption{font-size:9px}.software-preview{position:relative;padding:32px;overflow:hidden;min-height:300px}.software-preview h4{font-size:26px;max-width:380px}.software-preview>div{display:flex;gap:24px;margin:32px 0;font-size:12px}.software-preview>div>span{border-bottom:1px solid var(--coral);padding-bottom:8px}.software-preview>p{font-size:12px;color:var(--muted);margin-top:40px}.software-preview .mission-route{width:80%;height:40px;right:0;bottom:62px;opacity:.5}
/* Demonstration restaurants retain their own design in their previews. */
.restaurant-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:56px;align-items:center;position:relative}.restaurant-section h2{font-size:clamp(36px,4.3vw,66px)}.restaurant-section>div>p:not(.eyebrow){color:var(--muted);font-size:18px;margin-bottom:32px}.restaurant-previews{position:relative;padding-bottom:30%;padding-right:12%}.restaurant-previews>a{display:block;border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0003}.restaurant-previews>a img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.restaurant-previews>a:nth-child(2){position:absolute;width:76%;right:0;top:48%}.restaurant-previews>.caption{position:absolute;bottom:-10px;left:0;width:100%;text-align:right;font-size:11px}.restaurant-route{width:18%;height:220px;left:39%;top:30%;z-index:-1;opacity:.7}
/* A single illustration for the studio universe. */
.studio-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:64px;align-items:center}.studio-section h2{font-size:clamp(34px,3.6vw,56px)}.studio-section figure{margin-top:40px}.studio-section figure img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.studio-section figcaption{font-size:10px}.commitments{border-left:1px solid var(--coral);padding-left:40px}.commitments article{position:relative;margin-bottom:28px}.commitments article:before{content:'';position:absolute;left:-45px;top:12px;width:10px;height:1px;background:var(--paper)}.commitments article>span{font-size:13px;color:var(--coral);font-weight:700}.commitments h3{font-size:23px;margin:6px 0 10px}.commitments article p{font-size:15px;color:var(--muted)}.commitments>.text-link{font-size:13px;margin-top:8px}
/* FAQ, process and contact share the same open type hierarchy. */
.offer-questions{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);column-gap:64px;align-items:start}.offer-questions>.section-head{grid-column:1;grid-row:1/7;margin:0;display:block;position:relative}.offer-questions>.section-head h2{font-size:var(--section-title)}.offer-questions>details{grid-column:2;border-bottom:1px solid var(--rule);padding:0;margin:0}.offer-questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:18px;line-height:1.5;font-weight:750}.offer-questions summary::-webkit-details-marker{display:none}.offer-questions summary:after{content:'＋';font-size:24px;line-height:1.2;font-weight:400;color:var(--paper);flex:none}.offer-questions [open] summary{color:var(--coral)}.offer-questions [open] summary:after{content:'−';color:var(--coral)}.offer-questions details p{font-size:15px;color:var(--muted);padding:0 20px 24px 0;margin:0}.mission-process{position:relative}.mission-process h2{margin-bottom:80px}.mission-process ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:0}.mission-process ol>li{position:relative;padding-top:12px}.mission-process li>span{font-size:86px;font-weight:500;letter-spacing:-.06em;line-height:1.2;color:transparent;-webkit-text-stroke:1px var(--paper)}.mission-process li:nth-child(2){padding-top:44px}.mission-process h3{font-size:23px;margin:12px 0}.mission-process li>p{color:var(--muted);font-size:16px;max-width:340px}.mission-process .process-note{color:var(--coral);font-size:13px}.process-route{top:40%;left:0;width:100%;height:84px;z-index:-1}.mission-process>.note{margin-top:48px}.mission-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:80px;position:relative;padding-bottom:80px}.closing-intro{position:relative;z-index:1}.mission-closing h2{font-size:clamp(36px,4.2vw,64px);margin-bottom:32px}.closing-intro>p:not(.eyebrow){font-size:18px;color:var(--muted)}.contact-link{display:block;font-size:clamp(15px,1.7vw,24px);font-weight:750;color:var(--paper);width:fit-content;border-bottom:1px solid var(--coral);padding:8px 0;margin:16px 0}.contact-link:hover{color:var(--coral)}.closing-intro>.text-link{margin-top:8px}.closing-intro>.button{margin-top:24px;display:flex;width:fit-content}.closing-route{width:16%;height:300px;top:24%;left:43%;opacity:.6;z-index:-1}form{min-width:0;padding:0;background:none;border:0;border-radius:0}form h2{font-size:24px!important;letter-spacing:-.03em;margin-bottom:32px!important}.form-required-note{font-size:11px;color:var(--muted);margin-bottom:24px}label{display:block;font-size:13px;font-weight:750;margin:24px 0 0;line-height:1.6}label span{font-size:10px;font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:0;border-bottom:1px solid #cbd7e17a;border-radius:0;background:transparent;color:var(--paper);font-size:15px;padding:12px 0 16px;min-height:48px;line-height:1.5}select option{background:var(--ink);color:var(--paper)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#96a9bd}input:hover,select:hover,textarea:hover{border-bottom-color:var(--paper)}.contact-antispam[hidden]{display:none!important}.form-buttons{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 20px}.form-buttons>.button{font-size:12px;min-height:48px;padding:12px 18px}.form-buttons+ .note,#brief-status{font-size:11px;line-height:1.7}.form-buttons~.quiet{font-size:11px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;padding-block:40px var(--space)}.contact-layout aside h2{font-size:var(--detail-title)}.contact-layout aside>p{font-size:15px;color:var(--muted);max-width:430px}.contact-layout aside>.button{margin-bottom:28px}.contact-layout aside .contact-link{font-size:20px}.contact-page .page-hero h1{max-width:950px}.contact-page .page-hero>p{max-width:660px}.contact-page .contact-layout aside{position:relative;border-left:1px solid var(--coral);padding-left:28px}.contact-page .contact-layout aside:before{content:'';position:absolute;left:-4px;top:0;width:7px;height:7px;background:var(--coral);border-radius:50%}
.footer{position:relative;padding-block:40px 48px;border-top:1px solid var(--rule);isolation:isolate}.footer:after{content:'';position:absolute;inset:0;z-index:-1;background:url('/studio/assets/astra-lunar-horizon-v57.png') center bottom/cover no-repeat;mask-image:linear-gradient(transparent 25%,#000);opacity:.3;pointer-events:none}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer .brand-logo{width:128px}.footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:11px;max-width:650px}.footer nav a:hover{color:var(--coral)}.footer p{font-size:10px;color:var(--muted);margin:0}
/* Inner pages use the same materials and sizing, retaining all useful content. */
.page-hero{padding-block:64px 48px;position:relative}.page-hero h1{max-width:1100px;font-size:var(--display)}.page-hero>p:not(.eyebrow){max-width:780px;font-size:18px;color:var(--muted);line-height:1.75}.page-hero>.button{margin-top:8px}.page-hero:after{content:'';position:absolute;top:28px;right:0;width:130px;height:130px;border-top:1px solid var(--coral);border-right:1px solid var(--coral);border-top-right-radius:100%;pointer-events:none;opacity:.55}.inner-page .mission-content>section,.inner-page main>section:not(.page-hero){padding-block:56px}.service-detail,.case-copy{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);gap:56px;align-items:start;scroll-margin-top:32px}.service-detail>span{font-size:13px;color:var(--coral)}.service-detail:has(>span){grid-template-columns:28px minmax(0,1fr);gap:24px}.service-detail>div,.case-copy>div{min-width:0;background:transparent;border:0;border-radius:0;padding:0}.service-detail h2,.case-copy h2,.pricing-note h2{font-size:var(--detail-title)}.service-detail h3,.case-copy h3{font-size:24px}.service-detail p,.service-detail li,.case-copy p,.case-copy li{font-size:16px;color:var(--muted);line-height:1.8}.service-detail ul,.case-copy ul{padding-left:20px;margin-bottom:24px}li::marker{color:var(--coral)}.service-detail .button,.case-copy .button{margin-top:12px}.service-detail .text-link,.case-copy .text-link{margin:16px 0 0 20px;font-size:13px}.service-figure{max-width:900px;margin:32px 0}.service-figure img{width:100%;border-radius:10px}.service-figure figcaption{font-size:11px}.artist-packages{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-block:32px}.artist-packages>article{padding:24px 0;border-top:1px solid var(--rule);background:none;border-radius:0}.artist-packages h3{font-size:23px}.services-jump{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding-block:24px;border-block:1px solid var(--rule);margin-block:16px 32px}.services-jump>span{font-size:12px;color:var(--muted)}.services-jump a{font-size:13px;min-height:40px;display:flex;align-items:center;border-bottom:1px solid transparent}.services-jump a:hover,.services-jump [aria-current]{color:var(--coral);border-bottom-color:var(--coral)}.case-stage{padding-top:16px!important}.case-stage img{width:100%;height:auto;max-height:760px;object-fit:contain;border-radius:12px}.case-stage figure{margin:0}.case-stage figcaption{font-size:12px}.case-stage .screenshot,.screenshot-stage{overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:28px;font-size:11px;color:var(--muted)}.tags span{border-bottom:1px solid var(--rule);padding-bottom:6px}.project-grid,.restaurant-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.project-grid>a,.project-grid>article,.restaurant-demo-grid>article{min-width:0;display:block;background:none;border:0;border-radius:0}.project-grid img,.restaurant-demo-grid img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px}.project-meta{padding:24px 0}.project-meta h3,.restaurant-demo-grid h3{font-size:28px;margin:16px 0}.project-meta p,.restaurant-demo-grid p{font-size:16px;color:var(--muted)}.project-open{display:none}.project-meta .eyebrow{font-size:11px;margin-bottom:12px}.restaurant-demo-grid .button{font-size:13px;margin-top:12px}.restaurant-offer-link{display:block;width:fit-content;margin-top:24px;border-bottom:1px solid var(--coral);color:var(--coral);padding-block:8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0}.service-grid>*{border-top:1px solid var(--rule);padding-block:24px}.service-grid h3{font-size:24px}.service-grid p{color:var(--muted);font-size:15px}.service-grid img{width:100%;height:auto;border-radius:10px}.service-grid .studio-icon{width:18px;height:18px;margin-bottom:16px;color:var(--muted)}.studio-icon{width:18px;height:18px;vertical-align:middle;flex:none}.contact-nudge{display:flex;justify-content:space-between;gap:24px;align-items:center;border-left:1px solid var(--coral);padding:24px 0 24px 24px;margin-block:32px}.contact-nudge p{font-size:16px;margin:0}.contact-nudge .button{font-size:13px;flex:none}.legal{max-width:900px;padding-bottom:96px!important}.legal h2{font-size:28px;margin-top:48px;margin-bottom:20px}.legal h2:first-child{margin-top:0}.legal p,.legal li{font-size:15px;color:var(--muted);line-height:1.9}.legal a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}.legal .note{font-size:12px}.pricing-note p{max-width:900px;color:var(--muted)}.inner-page .mission-offer{padding-block:56px}.inner-page .starter-offer{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;padding-block:56px;position:relative}.starter-offer h2{font-size:var(--detail-title)}.starter-features{list-style:none;display:flex;flex-wrap:wrap;gap:16px 24px;padding:0;font-size:13px}.starter-features svg{margin-right:6px}.scope-grid{display:flex;gap:24px;list-style:none;padding:24px 0}.scope-grid li{flex:1;border-left:1px solid var(--rule);padding-left:20px;font-size:13px}.scope-grid svg{display:none}.scope-grid strong,.scope-grid span{display:block}.scope-grid span{color:var(--muted);font-size:12px}.starter-price>span{font-size:16px}.starter-price>strong{display:block;font-size:90px;line-height:1.1;letter-spacing:-.07em}.starter-price small{color:var(--coral);font-size:70px}.starter-price>p,.offer-costs,.offer-timing{font-size:13px;color:var(--muted);line-height:1.7}.starter-price .starter-response{display:block;margin-top:20px;font-size:11px}.starter-response svg{margin-right:8px}.starter-details summary{cursor:pointer;display:flex;justify-content:space-between;font-size:14px;padding:16px 0;border-block:1px solid var(--rule)}.starter-details dl{font-size:13px;color:var(--muted)}.starter-details dt{color:var(--paper);margin-top:16px}.starter-details dd{margin:4px 0}.inner-page .mission-closing:not(:has(form)){grid-template-columns:1fr}.inner-page .mission-closing:not(:has(form)) .closing-intro{max-width:1000px}.inner-page .closing-route{left:auto;right:0;width:30%;height:160px}
@media(min-width:1700px){.hero-copy h1{font-size:76px}}
@media(max-width:1100px){.desktop-nav{gap:24px;font-size:12px}.header-contact{font-size:12px}.hero-actions{gap:16px}.hero-copy .intro{font-size:16px}.service-explorer,.project-explorer{gap:40px}.service-list button{font-size:19px}.service-list button[aria-selected="true"]{font-size:32px}.project-list button{font-size:18px}.usage-panels>section{gap:32px}.studio-section{gap:40px}.mission-closing{gap:48px}.contact-layout{gap:48px}.footer-inner{gap:24px}.offer-questions{gap:40px}}
@media(max-width:760px){:root{--gutter:24px;--display:clamp(38px,9vw,58px);--section-title:clamp(32px,8.8vw,48px);--detail-title:clamp(26px,7vw,36px);--space:64px}body{font-size:15px;line-height:1.75}body:before{height:900px;opacity:.4;background-position:70% 0}.header{padding-block:16px;gap:16px}.brand-logo{width:110px}.desktop-nav{display:none}.header-contact{margin-left:auto;font-size:10px;max-width:145px;white-space:normal;text-align:right;line-height:1.5}.header-contact span{margin-left:4px}.mobile-nav{display:block;position:relative}.mobile-nav summary{display:flex;gap:6px;align-items:center;cursor:pointer;list-style:none;font-size:11px;min-height:44px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{font-size:17px}.mobile-nav nav{position:absolute;right:0;top:50px;min-width:240px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;background:var(--ink-deep);border:1px solid var(--rule);padding:12px;box-shadow:0 20px 40px #0004}.mobile-nav nav a{padding:12px;font-size:14px;min-height:48px}.mobile-nav nav a:hover{color:var(--coral)}.mission-hero{padding-block:40px 64px}.hero-grid{display:flex;flex-direction:column;gap:40px;align-items:stretch}.hero-copy .eyebrow{font-size:11px;margin-bottom:28px}.hero-copy h1{font-size:clamp(35px,8.6vw,60px);line-height:1.12;letter-spacing:-.05em;margin-bottom:24px}.hero-copy .intro{font-size:15px;margin-bottom:28px}.hero-actions{gap:16px 20px}.hero-actions .button{min-height:48px;font-size:12px;padding:12px 18px}.hero-actions .text-link{font-size:11px}.hero-preview{margin:0;transform:perspective(1200px) rotateY(-4deg) rotateZ(1deg)}.hero-preview figcaption{font-size:9px}.hero-route{top:auto;right:-4px;bottom:18px;width:80%;height:80px}.mission-hero:after{bottom:0;height:260px;width:110vw;right:-24px;mask-image:linear-gradient(transparent 25%,#000);opacity:.7}.eyebrow{font-size:12px;margin-bottom:20px}.eyebrow:after{width:28px;margin-left:12px}.section-head{display:block;margin-bottom:32px}.section-head>.text-link{font-size:12px;margin:20px 0 0}.offer-grid{grid-template-columns:1fr;gap:32px;margin-top:28px}.offer-condition{font-size:14px}.offer-includes{gap:24px;margin:28px 0}.offer-includes strong{font-size:21px}.offer-includes div>span{font-size:14px}.offer-price{border-top:1px solid var(--rule);padding-top:28px}.offer-price>span{font-size:18px}.offer-price>strong{font-size:106px}.offer-price>p{max-width:none;font-size:14px}.offer-route{display:none}.offer-details summary{font-size:14px}.button{font-size:13px;min-height:48px;padding:12px 20px}.service-explorer,.project-explorer{display:flex;flex-direction:column;gap:28px;align-items:stretch}.service-list{display:flex;gap:20px;padding:0;border:0;border-bottom:1px solid var(--rule);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--coral) transparent;padding-bottom:8px;margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter)}.service-choice{flex:none;margin:0;scroll-snap-align:start}.service-choice:before{content:none}.service-list button,.service-list button[aria-selected="true"]{font-size:15px;gap:8px;padding:12px 0;min-height:48px;border-bottom:2px solid transparent;white-space:nowrap}.service-list button[aria-selected="true"]{border-bottom-color:var(--coral)}.service-list button .step-number{width:auto;font-size:10px}.service-context{display:none}.mobile-context{display:block;margin-bottom:24px}.mobile-context>p{font-size:14px;color:var(--muted);margin-bottom:16px}.mobile-context>.text-link{font-size:12px}.service-panel{min-height:0}.preview-float{transform:perspective(1200px) rotateY(-3deg) rotateZ(-1deg)}.service-panel .caption,.service-meta{font-size:10px}.service-meta{margin-top:8px}.concept-stage{padding:20px;min-height:300px}.concept-stage h3{font-size:25px}.concept-stage li{font-size:14px}.window-label{font-size:9px}.window-label i{font-size:8px}.project-explorer{margin-top:32px}.project-list{order:-1;display:flex;gap:20px;overflow-x:auto;border:0;border-bottom:1px solid var(--rule);padding:0 24px 8px 0;margin-right:-24px;scrollbar-width:thin;scrollbar-color:var(--coral) transparent}.project-list button{width:auto;flex:none;gap:8px;padding:12px 0;border:0;border-bottom:2px solid transparent;font-size:14px;white-space:nowrap;min-height:48px}.project-list .step-number{font-size:10px;width:auto}.project-list [aria-selected="true"]{border-bottom-color:var(--coral)}.project-panel .project-preview{margin-bottom:24px}.project-panel .eyebrow{font-size:10px}.project-panel h3{font-size:34px}.project-panel>p:not(.eyebrow):not(.caption){font-size:14px}.project-panel .caption{font-size:10px}.usage-section>h2{margin-bottom:28px}.usage-tabs{display:flex;overflow-x:auto;gap:24px;margin:0 -24px 32px 0;padding-right:24px;scrollbar-width:thin;scrollbar-color:var(--coral) transparent}.usage-tabs button{flex:none;max-width:240px;font-size:13px;line-height:1.6;padding:14px 0;gap:10px;white-space:nowrap}.usage-tabs .step-number{font-size:10px}.usage-panels>section{display:block}.usage-copy h3{font-size:34px}.usage-copy>p{font-size:14px;max-width:none}.usage-copy .text-link{margin-top:0;font-size:13px}.usage-stage{margin-top:32px}.usage-stage:before{left:12px;top:-16px;width:20px;height:32px;z-index:2}.product-window{transform:none;min-height:0}.window-top{padding:14px 12px;gap:8px;font-size:9px}.window-top small{font-size:7px}.app-window-body{grid-template-columns:65px minmax(0,1fr)}.app-sidebar{padding:12px 0}.app-sidebar span{padding:10px 6px;font-size:8px}.app-workspace{padding:16px 12px 12px}.app-workspace h4{font-size:12px;margin-bottom:12px}.document-row{font-size:8px;padding:10px 0;gap:6px}.document-row small{font-size:6px}.app-workspace .caption{font-size:7px}.workflow{padding:20px}.workflow strong{font-size:17px}.workflow p{font-size:11px}.team-preview{padding:20px}.team-preview>div{font-size:11px}.software-preview{padding:24px;min-height:280px}.software-preview h4{font-size:23px}.software-preview>div{gap:16px;font-size:10px}.software-preview>p{font-size:11px}.restaurant-section{display:block}.restaurant-section h2{font-size:42px}.restaurant-section>div>p:not(.eyebrow){font-size:16px}.restaurant-section .button{font-size:12px}.restaurant-previews{margin-top:40px;padding-bottom:34%;padding-right:10%}.restaurant-previews>.caption{font-size:9px;text-align:left;bottom:-12px}.restaurant-route{display:none}.studio-section{display:block}.studio-section h2{font-size:36px}.studio-section figure{margin-top:28px}.studio-section figcaption{font-size:9px}.commitments{margin-top:40px;padding-left:24px}.commitments article:before{left:-29px}.commitments h3{font-size:22px}.commitments article p{font-size:14px}.offer-questions{display:block}.offer-questions>.section-head{margin-bottom:24px}.offer-questions summary{font-size:15px;gap:16px;padding:20px 0}.offer-questions summary:after{font-size:21px}.offer-questions details p{font-size:14px;padding-bottom:20px}.mission-process h2{margin-bottom:40px}.mission-process ol{grid-template-columns:1fr;gap:32px;padding-left:24px;border-left:1px solid var(--coral)}.mission-process ol>li,.mission-process li:nth-child(2){padding-top:0}.mission-process li>span{font-size:60px}.mission-process h3{font-size:22px;margin-top:8px}.mission-process li>p{font-size:14px;max-width:none}.mission-process>.note{font-size:11px;margin-top:32px}.process-route{display:none}.mission-closing{display:block;padding-bottom:64px}.mission-closing h2{font-size:42px}.closing-intro>p:not(.eyebrow){font-size:16px}.contact-link{font-size:17px}.mission-closing form{margin-top:40px}.closing-route{display:none}form h2{font-size:23px!important}.form-buttons{gap:12px}.form-buttons .button{font-size:11px;padding:12px 16px}.footer{padding-block:32px 40px}.footer-inner{display:block}.footer .brand-logo{width:114px}.footer nav{gap:12px 20px;font-size:11px;margin:24px 0;max-width:100%}.footer p{font-size:9px}.page-hero{padding-block:40px 32px}.page-hero h1{font-size:var(--display)}.page-hero>p:not(.eyebrow){font-size:15px}.page-hero:after{width:64px;height:64px;top:8px}.inner-page .mission-content>section,.inner-page main>section:not(.page-hero){padding-block:40px}.service-detail,.case-copy,.service-detail:has(>span){display:block}.service-detail>span{display:block;margin-bottom:16px}.service-detail>div+div,.case-copy>div+div{margin-top:28px}.service-detail h2,.case-copy h2{font-size:30px}.service-detail h3,.case-copy h3{font-size:22px}.service-detail p,.service-detail li,.case-copy p,.case-copy li{font-size:14px}.service-detail .text-link,.case-copy .text-link{margin:16px 0 0;display:flex;width:fit-content;font-size:12px}.artist-packages{grid-template-columns:1fr;gap:24px}.artist-packages>article{padding-top:20px}.artist-packages h3{font-size:23px}.service-figure{margin-block:28px}.service-figure figcaption{font-size:10px}.services-jump{gap:8px 20px;margin-top:0}.services-jump>span{width:100%;font-size:11px}.services-jump a{font-size:12px}.case-stage img{border-radius:8px}.case-stage figcaption{font-size:10px}.project-grid,.restaurant-demo-grid{grid-template-columns:1fr;gap:32px}.project-meta h3,.restaurant-demo-grid h3{font-size:26px}.project-meta p,.restaurant-demo-grid p{font-size:14px}.project-meta .caption{font-size:10px}.service-grid{grid-template-columns:1fr;gap:8px;margin-top:24px}.service-grid>*{padding-block:20px}.service-grid h3{font-size:23px}.service-grid p{font-size:14px}.contact-nudge{display:block;padding-left:20px}.contact-nudge p{font-size:14px;margin-bottom:20px}.contact-layout{display:block;padding-top:24px}.contact-layout aside{margin-bottom:40px}.contact-layout aside .contact-link{font-size:17px}.contact-layout aside>p{font-size:14px}.legal{padding-bottom:64px!important}.legal h2{font-size:25px;margin-top:36px}.legal p,.legal li{font-size:14px}.inner-page .starter-offer{display:block;padding-block:40px}.starter-offer h2{font-size:32px}.scope-grid{display:block}.scope-grid li{padding:12px 0 12px 16px;border-left:1px solid var(--rule);margin:12px 0}.starter-price{border-top:1px solid var(--rule);padding-top:28px;margin-top:32px}.starter-price>strong{font-size:96px}.starter-features{font-size:11px}.tags{font-size:10px;gap:8px 16px}}
@media(max-width:360px){.header-contact{display:none}.header .mobile-nav{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-preview,.preview-float,.product-window{transform:none}}

/* Transparent illustrations share one controlled stage, with no enclosing cards. */
/* One full-width scene follows the reading, without section-boundary image edges. */
body:before{position:fixed;inset:0;height:100vh;height:100svh;background:linear-gradient(90deg,#0d1a2bf5 12%,#0d1a2bba 56%,#0d1a2b75),url('/studio/assets/ciel-v2-poster-v47.webp') 78% center/cover no-repeat;opacity:.65;z-index:-2}
body:after{content:'';position:fixed;left:0;right:0;bottom:0;width:100%;height:62vh;height:62svh;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0d1a2bc7,#0d1a2b33),url('/studio/assets/astra-lunar-horizon-v57.png') center bottom/cover no-repeat;mask-image:linear-gradient(transparent 8%,#000 78%);opacity:.62}
.mission-hero:after,.footer:after{display:none}
@media(max-width:760px){body:before{height:100vh;height:100svh;opacity:.5;background-position:70% center}body:after{height:45vh;height:45svh;background-position:68% bottom;opacity:.38}}
.preview-float.is-concept{transform:none}.astronaut-cutout{margin:0;display:flex;align-items:center;justify-content:center;min-width:0}.astronaut-cutout img{display:block;width:auto;max-width:100%;height:480px;aspect-ratio:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 24px #0002)}.training-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}.training-visual .concept-stage{padding:16px;border:0;border-radius:0;background:transparent;min-height:0}.training-visual .concept-stage h3{font-size:24px;margin-top:24px}.training-visual .concept-stage li{font-size:14px}.training-visual .window-label{font-size:10px}.training-visual .window-label i{display:none}.training-visual .mission-route{display:none}.training-visual img.training-astronaut{width:100%;height:420px;aspect-ratio:auto;object-fit:contain;object-position:center}.service-detail .agent-visual{float:right;width:42%;margin:0 0 24px 24px}.service-detail .agent-visual img{height:420px}.service-detail .training-visual{margin:24px 0 32px;max-width:900px}.service-detail:after{content:'';display:table;clear:both}
@media(max-width:760px){.astronaut-cutout img{height:340px}.training-visual{gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.training-visual .concept-stage{padding:0 8px 0 0}.training-visual .concept-stage h3{font-size:20px;margin-top:16px}.training-visual .concept-stage li{font-size:11px;gap:8px}.training-visual .concept-stage li span{font-size:9px}.training-visual .window-label{font-size:8px}.training-visual img.training-astronaut{height:300px}.service-detail .agent-visual{float:none;width:100%;margin:24px 0}.service-detail .agent-visual img{height:340px}}