:root{--paper:#f7f7f5;--ink:#101820;--muted:#667078;--line:#cdd1d3;--mono:"DM Mono",monospace;--sans:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 var(--sans)}a{color:inherit}.skip{position:fixed;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:99}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.inner{width:80%;max-width:1320px;margin-inline:auto}.kicker{font:400 .7rem var(--mono);letter-spacing:.08em;color:var(--muted);margin:0}.button{height:44px;min-width:165px;padding:0 16px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;text-transform:uppercase;font:500 .65rem var(--mono);background:transparent}.button:hover,.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:transparent;color:var(--ink)}
.hero{border-bottom:1px solid var(--line);min-height:100vh}.hero-inner{text-align:center;padding:clamp(80px,10vw,140px) 0 70px}.hero .kicker{font-size:clamp(.9rem,1.5vw,1.25rem);font-weight:500;line-height:1.5}.hero h1{font-size:clamp(4rem,8.4vw,8.7rem);font-weight:300;line-height:.85;letter-spacing:-.075em;margin:28px 0 22px}.hero-line{display:block;white-space:nowrap}.hero-line-strong{font-weight:600}.hero-cta{max-width:720px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(12px,3vw,30px)}.hero-copy{max-width:520px;margin:0;color:#4c565d;text-align:left}.hero-cta .button{flex-shrink:0}.hero-map{height:430px;max-width:1000px;margin:48px auto 0;position:relative;background-image:radial-gradient(#c8ccce .7px,transparent .7px);background-size:15px 15px}.hero-map>svg{position:absolute;inset:0;width:100%;height:100%}.hero-map path{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:5 5}.hero-media{position:absolute;width:36%;aspect-ratio:16/10;left:32%;top:18%;border:1px solid var(--ink);background:#e2e5e5;overflow:hidden}.media-placeholder{position:absolute;inset:0;display:grid;place-content:center}.media-placeholder small{font:.55rem var(--mono)}.media-placeholder strong{font:500 1.5rem/1.05 var(--mono);margin-top:12px}.hero-media video,.thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play,.thumb button{width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);display:grid;place-items:center;position:absolute;right:12px;bottom:12px}.play svg,.thumb button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.map-label{position:absolute;border:1px solid var(--ink);background:var(--paper);padding:9px 12px;font:500 .57rem var(--mono);z-index:1}.label-one{left:7%;top:21%}.label-two{right:4%;top:19%}.label-three{right:3%;bottom:18%}
.categories,.process,.canvas-section,.contact{border-bottom:1px solid var(--line)}.categories .inner,.process .inner{padding-block:64px}.section-head{display:grid;grid-template-columns:220px 1fr;align-items:end;margin-bottom:42px}.section-head h2,.canvas-intro h2,.contact h2{font-size:clamp(2rem,3.5vw,3.8rem);font-weight:400;letter-spacing:-.06em;line-height:1;margin:0;max-width:760px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.category-grid article{padding:22px 22px 0;border-right:1px solid var(--line)}.category-grid article:first-child{padding-left:0}.category-grid article:last-child{border-right:0;padding-right:0}.number{font:400 .6rem var(--mono);color:var(--muted)}.category-grid h3{font:500 .78rem var(--mono);margin:7px 0 5px}.category-grid article>p{font-size:.8rem;color:#5a646b;min-height:40px;margin:0 0 14px}.thumb{height:210px;border:1px solid var(--line);background:#e5e8e8;display:grid;place-items:center;position:relative;overflow:hidden}.thumb::before,.asset-box::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.85%,#b6bcbf 50%,transparent 50.15%)}.thumb>b{font:400 .72rem var(--mono);z-index:1}
.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process ol::before{content:"";position:absolute;left:22px;right:22px;top:22px;border-top:1px solid var(--ink)}.process li{position:relative;padding-right:30px}.process li>span{width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--paper);font:400 .6rem var(--mono);position:relative;z-index:1}.process-icon{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:32px 0 13px}.process h3{font:500 .72rem var(--mono);margin:0 0 8px}.process li p{font-size:.76rem;color:#5b656c;margin:0;max-width:180px}
.canvas-layout{padding-block:66px;display:grid;grid-template-columns:220px 1fr;gap:35px}.canvas-intro>p:not(.kicker){font-size:.82rem;color:#59636a;max-width:180px;margin:20px 0}.canvas-intro h2{font-size:2.25rem;margin-top:26px}.reset{margin-top:16px}.canvas-wrap{min-width:0;display:grid;grid-template-columns:52px 1fr;border:1px solid var(--line);height:430px}.toolbar{border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.toolbar button{height:52px;border:0;border-bottom:1px solid var(--line);background:transparent}.toolbar button:first-child{background:#e8edef}.toolbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.canvas{position:relative;overflow:hidden;background-image:radial-gradient(#b9bec0 .7px,transparent .7px);background-size:12px 12px}.wires{position:absolute;inset:0;width:100%;height:100%}.wires path{fill:none;stroke:#5a646b;stroke-width:1}.canvas-card{position:absolute;width:145px;background:#fff;border:1px solid #c8ccce;box-shadow:0 5px 12px rgba(16,24,32,.08);font-size:.68rem;cursor:grab;user-select:none}.canvas-card:active{cursor:grabbing}.canvas-card header{height:32px;border-bottom:1px solid #e0e2e3;padding:6px 8px;display:flex;align-items:center;font-weight:600}.canvas-card header svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;margin-right:6px}.canvas-card p{padding:12px;margin:0;color:#4f5960}.asset-box{height:86px;background:#e2e5e5;display:grid;place-items:center;text-align:center;font:.55rem var(--mono);position:relative}.card-script{left:4%;top:75px}.card-character{left:27%;top:28px}.card-prompt{left:17%;top:245px}.card-scene{left:45%;top:215px}.card-output{left:70%;top:78px;width:205px}.card-output .asset-box{height:145px}.output-box button{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;background:#fff;z-index:1}.output-box button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.contact{border-bottom:0}.contact-inner{padding-block:70px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.contact-inner .kicker,.contact-inner small{grid-column:1/-1}.contact h2{max-width:750px}.contact small{font:400 .58rem var(--mono);color:var(--muted);margin-top:40px}
@media(max-width:900px){.inner{width:88%}.section-head{grid-template-columns:170px 1fr}.canvas-layout{grid-template-columns:1fr}.canvas-intro>p:not(.kicker){max-width:400px}.canvas-wrap{height:440px}.canvas{min-width:720px}.canvas-wrap{overflow:hidden}}
@media(max-width:650px){.inner{width:calc(100% - 40px)}.hero{min-height:auto}.hero-inner{padding:56px 0 48px}.hero .kicker{font-size:.78rem}.hero h1{font-size:9vw;line-height:.92;letter-spacing:-.055em;margin:22px 0 24px}.hero-cta{grid-template-columns:1fr;justify-items:center;gap:18px}.hero-copy{text-align:center;font-size:.95rem;line-height:1.55}.hero-cta .button{width:180px}.hero-map{height:330px;margin-top:34px}.hero-media{width:76%;left:12%;top:25%}.label-one{left:0;top:4%}.label-two{right:0;top:17%}.label-three{right:0;bottom:4%}.hero-map>svg{display:none}.categories .inner,.process .inner{padding-block:48px}.section-head{grid-template-columns:1fr;gap:18px}.category-grid{grid-template-columns:1fr}.category-grid article,.category-grid article:first-child,.category-grid article:last-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.thumb{height:60vw}.process ol{grid-template-columns:1fr;gap:22px}.process ol::before{left:22px;right:auto;top:22px;bottom:22px;border-top:0;border-left:1px solid var(--ink)}.process li{display:grid;grid-template-columns:65px 55px 1fr;align-items:center}.process-icon{margin:0}.process h3{margin:0}.process li p{grid-column:3}.canvas-layout{padding-block:48px}.contact-inner{grid-template-columns:1fr}.contact-inner .button{width:185px}.contact h2{font-size:2.4rem}}

.services{border-bottom:1px solid var(--line)}.services .inner{padding-block:64px;text-align:left}.service-row{display:grid;grid-template-columns:minmax(210px,28%) minmax(0,72%);gap:42px;padding:62px 0;border-top:1px solid var(--line)}.service-row:first-child{padding-top:0;border-top:0}.service-row:last-child{padding-bottom:0}.service-copy{padding-top:36px}.service-copy h2{font-size:clamp(1.7rem,2.5vw,2.75rem);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:20px 0;max-width:340px}.service-copy>p:last-child{max-width:280px;color:#5a646b;font-size:.84rem}.video-reel-shell{min-width:0}.reel-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-bottom:12px}.reel-controls span{margin-right:auto;font:400 .62rem var(--mono);color:var(--muted);letter-spacing:.07em}.reel-controls button{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1rem;cursor:pointer}.reel-controls button:hover{background:var(--ink);color:#fff}.video-reel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}.video-reel::-webkit-scrollbar{display:none}.video-card{flex:0 0 clamp(230px,42%,360px);scroll-snap-align:start}.video-card>span{display:block;margin-top:10px;font:500 .62rem var(--mono);letter-spacing:.05em}.video-card .thumb{height:250px}
@media(max-width:800px){.service-row{grid-template-columns:1fr;gap:24px}.service-copy{padding-top:0}.service-copy>p:last-child{max-width:440px}.video-card{flex-basis:58%}}
@media(max-width:650px){.services .inner{padding-block:48px}.service-row{padding:48px 0}.video-card{flex-basis:82%}.video-card .thumb{height:62vw}}

.orbit-pricing{height:430px;margin-top:40px;position:relative;overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);background-image:radial-gradient(#c8ccce .7px,transparent .7px);background-size:15px 15px}.orbit-pricing:before{content:"";position:absolute;width:540px;height:280px;left:50%;top:52%;border:1px solid rgba(16,24,32,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-7deg)}.orbit-price{position:absolute;left:50%;top:50%;width:230px;height:230px;border-radius:50%;transform:translate(-50%,-50%);background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;box-shadow:0 18px 45px rgba(16,24,32,.16)}.orbit-price small,.orbit-output small{font:400 .62rem var(--mono);letter-spacing:.07em}.orbit-price small{color:#b9c1c5}.orbit-price strong{font-size:4.8rem;font-weight:300;letter-spacing:-.08em;line-height:1;margin:12px 0 7px}.orbit-price sup{font-size:1.2rem;vertical-align:top;position:relative;top:13px;margin-right:3px}.orbit-price span,.orbit-output span{font:500 .66rem var(--mono);letter-spacing:.05em}.orbit-output{position:absolute;width:172px;height:172px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.orbit-output strong{font-size:3.6rem;font-weight:300;line-height:1;margin:10px 0 5px;letter-spacing:-.06em}.orbit-video{left:9%;top:12%;animation:nodeFloat 7s ease-in-out infinite}.orbit-image{right:9%;bottom:11%;animation:nodeFloat 7s ease-in-out -3.5s infinite}.orbit-line{position:absolute;inset:0;z-index:1;animation:orbitTurn 28s linear infinite}.orbit-line:before,.orbit-line:after{content:"";position:absolute;width:8px;height:8px;background:var(--ink);border-radius:50%}.orbit-line:before{left:24%;top:26%}.orbit-line:after{right:24%;bottom:25%}.orbit-line span{position:absolute;width:6px;height:6px;border:1px solid var(--ink);background:var(--paper);border-radius:50%;left:50%;top:17%}.orbit-note{position:absolute;right:0;top:24px;margin:0;font:400 .66rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.orbit-note span{display:inline-block;padding:7px 9px;margin-right:8px;background:var(--ink);color:#fff}.price-cta{margin-top:26px}@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbitTurn{to{transform:rotate(360deg)}}
@media(max-width:800px){.orbit-video{left:2%}.orbit-image{right:2%}.orbit-pricing:before{width:480px}}
@media(max-width:650px){.orbit-pricing{height:520px}.orbit-pricing:before{width:380px;height:260px}.orbit-price{width:205px;height:205px;top:46%}.orbit-price strong{font-size:4.2rem}.orbit-output{width:132px;height:132px}.orbit-output strong{font-size:2.7rem}.orbit-video{left:1%;top:8%}.orbit-image{right:1%;bottom:8%}.orbit-note{top:auto;bottom:12px;left:0;right:auto;font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.orbit-line,.orbit-video,.orbit-image{animation:none}}

/* Flat pricing schematic */
.orbit-pricing{height:auto;min-height:330px;padding:46px 4%;display:grid;grid-template-columns:1.25fr .65fr 1fr .65fr 1fr;grid-template-rows:1fr auto;align-items:center;overflow:visible;background:none}.orbit-pricing:before{width:auto;height:1px;left:13%;right:13%;top:50%;bottom:auto;border:0;border-radius:0;transform:none;background:repeating-linear-gradient(90deg,var(--ink) 0 7px,transparent 7px 14px);background-size:28px 1px;animation:lineFlow 3s linear infinite}.orbit-price,.orbit-output{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;justify-self:center;box-shadow:none;animation:none;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}.orbit-price{grid-column:1;width:210px;height:210px}.orbit-price:after{content:"01";position:absolute;top:-11px;right:20px;background:var(--paper);padding:3px 7px;border:1px solid var(--ink);font:400 .58rem var(--mono)}.orbit-price small{color:var(--muted)}.orbit-price strong{font-size:4.4rem}.orbit-output{width:152px;height:152px}.orbit-output:after{position:absolute;top:-11px;right:16px;background:var(--paper);padding:3px 7px;border:1px solid var(--ink);font:400 .58rem var(--mono)}.orbit-video{grid-column:3}.orbit-video:after{content:"02"}.orbit-image{grid-column:5}.orbit-image:after{content:"03"}.orbit-output strong{font-size:3.2rem}.orbit-line{display:none}.orbit-note{position:static;grid-column:3/6;grid-row:2;justify-self:end;margin-top:24px}.orbit-note span{background:transparent;color:var(--ink);border:1px solid var(--ink)}@keyframes lineFlow{to{background-position:28px 0}}
@media(max-width:760px){.orbit-pricing{min-height:0;padding:38px 0;grid-template-columns:1fr 1fr;grid-template-rows:auto 56px auto auto;gap:0 22px}.orbit-pricing:before{left:50%;right:auto;top:230px;width:1px;height:72px;background:repeating-linear-gradient(180deg,var(--ink) 0 7px,transparent 7px 14px);background-size:1px 28px;animation:lineFlowVertical 3s linear infinite}.orbit-price{grid-column:1/3;grid-row:1}.orbit-video{grid-column:1;grid-row:3}.orbit-image{grid-column:2;grid-row:3}.orbit-note{grid-column:1/3;grid-row:4;justify-self:start;margin-top:28px}.orbit-output{width:138px;height:138px}}@keyframes lineFlowVertical{to{background-position:0 28px}}
@media(prefers-reduced-motion:reduce){.orbit-pricing:before{animation:none}}

.production-equation{min-height:380px;margin-top:42px;padding:48px 0 34px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(160px,.7fr) minmax(300px,1.15fr);grid-template-rows:1fr auto;align-items:center;position:relative}.equation-input{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative}.equation-input:before,.equation-input:after{content:"";position:absolute;left:0;width:22px;height:22px}.equation-input:before{top:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.equation-input:after{bottom:0;border-bottom:1px solid var(--ink);border-left:1px solid var(--ink)}.equation-input>span,.equation-input small,.equation-output small,.equation-caption{font:400 .62rem var(--mono);letter-spacing:.07em;color:var(--muted)}.equation-input strong{font-size:clamp(4rem,6vw,5.5rem);font-weight:300;line-height:.8;letter-spacing:-.09em;margin:28px 0}.equation-input sup{font-size:1.2rem;vertical-align:top;position:relative;top:15px;margin-right:5px}.equation-router{height:280px;position:relative}.equation-router svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.equation-router path{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.equation-router .route-signal{stroke-width:3;stroke-dasharray:1 24;stroke-linecap:round;animation:signalFlow 3s linear infinite}.equation-router span{position:absolute;left:27%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--paper);border:1px solid var(--ink);font:400 .8rem var(--mono)}.equation-outputs{display:grid;gap:34px}.equation-output{min-height:112px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 105px 1fr;align-items:center;position:relative}.equation-output:after{content:"";position:absolute;right:0;top:-5px;width:9px;height:9px;border-top:1px solid var(--ink);border-right:1px solid var(--ink)}.output-index{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--ink);font:400 .58rem var(--mono)}.equation-output strong{font-size:4rem;font-weight:300;letter-spacing:-.07em;line-height:1}.equation-output b{display:block;font:500 .75rem var(--mono);margin-bottom:8px}.equation-output small{display:block}.equation-caption{grid-column:1/-1;margin:30px 0 0;text-align:right}.equation-caption span{display:inline-block;margin:0 12px;color:var(--ink)}@keyframes signalFlow{to{stroke-dashoffset:-50}}
@media(max-width:760px){.production-equation{grid-template-columns:1fr;grid-template-rows:auto 110px auto auto;padding-top:36px}.equation-input{min-height:190px}.equation-input strong{font-size:5.8rem;margin:22px 0}.equation-router{height:110px;transform:rotate(90deg);width:180px;justify-self:center}.equation-router span{left:27%}.equation-outputs{gap:26px}.equation-output{grid-template-columns:32px 88px 1fr}.equation-output strong{font-size:3.3rem}.equation-caption{text-align:left}}
@media(prefers-reduced-motion:reduce){.equation-router .route-signal{animation:none}}

.simple-package{margin-top:42px;padding:44px 0 10px;border-top:1px solid var(--ink)}.package-offer{display:flex;align-items:center;justify-content:space-between;gap:28px}.offer-part{display:flex;align-items:center;gap:20px;min-width:0}.offer-part strong{font-size:clamp(4.6rem,8vw,8rem);font-weight:300;letter-spacing:-.09em;line-height:.85}.offer-part>span{font:500 .8rem var(--mono);letter-spacing:.04em}.offer-part small{display:block;margin-top:9px;font:400 .62rem var(--mono);color:var(--muted);white-space:nowrap}.offer-plus{font-size:clamp(2.8rem,5vw,5rem);font-weight:300}.package-curve{height:92px;position:relative;margin:12px 0 4px}.package-curve svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.package-curve path{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.package-curve circle{fill:var(--paper);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.package-curve span{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);padding:5px 10px;background:var(--paper);font:400 .6rem var(--mono);letter-spacing:.08em}.package-price{display:flex;align-items:flex-end;justify-content:center;gap:24px;margin-top:-2px}.package-price strong{font-size:clamp(6rem,12vw,11rem);font-weight:500;letter-spacing:-.1em;line-height:.78}.package-price sup{font-size:1.6rem;font-weight:400;vertical-align:top;position:relative;top:22px;margin-right:7px}.package-price p{margin:0 0 5px;font:400 .65rem var(--mono);letter-spacing:.08em;color:var(--muted)}
@media(max-width:700px){.package-offer{align-items:flex-start;gap:14px}.offer-part{display:block}.offer-part strong{font-size:4.4rem}.offer-part>span{display:block;margin-top:10px}.offer-part small{white-space:normal;line-height:1.45}.offer-plus{padding-top:18px}.package-curve{height:72px}.package-price{justify-content:flex-start;display:block}.package-price strong{font-size:7rem}.package-price p{margin-top:18px}}

/* Starfield content package */
.pricing{position:relative;isolation:isolate;overflow:hidden;background:#050608;color:#fff;border-bottom:1px solid #26282d}
.pricing-stars,.pricing-stars:before,.pricing-stars:after{position:absolute;inset:-160px 0;pointer-events:none;background-repeat:repeat}
.pricing-stars{z-index:-1;opacity:.65;background-image:radial-gradient(1px 1px at 24px 38px,#fff 95%,transparent),radial-gradient(1px 1px at 160px 140px,#fff 95%,transparent),radial-gradient(1px 1px at 290px 80px,#fff 95%,transparent);background-size:337px 271px;animation:pricing-drift 55s linear infinite}
.pricing-stars:before{content:"";opacity:.55;background-image:radial-gradient(1.5px 1.5px at 95px 120px,#fff 95%,transparent),radial-gradient(1px 1px at 310px 260px,#fff 95%,transparent);background-size:433px 359px;animation:pricing-drift 38s linear infinite reverse}
.pricing-stars:after{content:"";opacity:.75;background-image:radial-gradient(2px 2px at 210px 190px,#fff 50%,transparent);background-size:547px 389px;animation:pricing-twinkle 6s ease-in-out infinite alternate}
.pricing-inner{padding-block:64px;position:relative}
.pricing-heading{text-align:center;margin-bottom:28px}
.pricing .kicker{color:#b5b7bf;font-size:.7rem;letter-spacing:.14em}
.pricing-heading h2{font-size:clamp(2rem,3.5vw,3.8rem);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:18px 0 12px}
.pricing-heading>p:last-child{color:#b5b7bf;font-size:.95rem;margin:0;line-height:1.6}
.pricing-panel{display:grid;grid-template-columns:1.15fr 1fr;max-width:1000px;margin:auto;border:1px solid #383a42;border-radius:20px;background:rgba(12,14,19,.94);overflow:hidden;box-shadow:0 24px 80px #0005}
.pricing-includes,.pricing-checkout{padding:28px 32px}
.pricing-label{font:400 .65rem var(--mono);letter-spacing:.12em;color:#b5b7bf;margin:0 0 16px}
.pricing-deliverable{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #2b2d35}
.pricing-deliverable strong{font-size:clamp(2.8rem,4vw,3.6rem);letter-spacing:-.07em;font-weight:400;line-height:1}
.pricing-deliverable h3{font-size:1.25rem;font-weight:500;margin:0 0 5px}
.pricing-deliverable p{color:#b5b7bf;font-size:.8rem;margin:0}
.pricing-total{font-size:.78rem;color:#b5b7bf;line-height:1.6;margin:16px 0 0}
.pricing-checkout{border-left:1px solid #383a42;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.025)}
.pricing-amount{display:flex;align-items:flex-start;gap:8px;font-size:clamp(4rem,6vw,5.5rem);font-weight:500;letter-spacing:-.08em;line-height:1;margin:0}
.pricing-amount>span{font-size:.32em;letter-spacing:0;margin-top:.3em;font-weight:400}
.pricing-payment{font-size:.82rem;color:#b5b7bf;margin:10px 0 20px}
.pricing .pricing-button{background:#fff;color:#08090b;border-color:#fff;border-radius:6px;width:100%;height:52px;font-size:.72rem;transition:background .2s,box-shadow .2s}
.pricing .pricing-button:hover{background:#e0e3ed;box-shadow:0 0 25px #ffffff20}
.pricing .pricing-button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.pricing-summary{font-size:.7rem;color:#b5b7bf;margin:16px 0 0}
@keyframes pricing-drift{to{transform:translateY(-140px)}}
@keyframes pricing-twinkle{to{opacity:.3}}
@media(max-width:700px){.pricing-inner{padding-block:48px}.pricing-heading{margin-bottom:24px}.pricing-panel{grid-template-columns:1fr}.pricing-includes,.pricing-checkout{padding:22px}.pricing-checkout{border-left:0;border-top:1px solid #383a42}.pricing-deliverable{gap:18px;padding:12px 0}.pricing-amount{font-size:4.5rem}.pricing-label{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.pricing-stars,.pricing-stars:before,.pricing-stars:after{animation:none}}
/* Contained pricing box, aligned with the page content. */
.pricing{background:var(--paper);border-bottom:1px solid var(--line);overflow:visible}
.pricing-panel{position:relative;isolation:isolate;max-width:none;background:#050608;box-shadow:none}
.pricing-includes,.pricing-checkout{position:relative}
.pricing-checkout{background:rgba(255,255,255,.025)}

/* Cards anchored to the existing 900 x 390 wire coordinates. */
.canvas-card,.canvas-card:active{cursor:default;user-select:text}
.card-script{left:auto;right:81.6667%;top:26.9231%;width:16.1111%;transform:translateY(-50%)}
.card-prompt{left:28.8889%;top:65.3846%;width:11.6667%;transform:translateY(-50%)}
.card-character{left:51.6667%;top:2.5641%;width:16.1111%;height:35.8974%}
.card-character .asset-box{height:calc(100% - 32px)}
.card-scene{left:56.1111%;top:57.6923%;width:16.1111%;transform:translateX(-50%)}
.card-output{left:78.3333%;top:58.9744%;width:19.4444%;transform:translateY(-50%)}
.canvas-intro .reset{display:none}
/* Bring the later workflow steps left; retain their existing wire shapes. */
.card-prompt{left:22.2222%}
.card-character{left:45%}
.card-scene{left:49.4444%}
.card-output{left:69.6667%;width:27%}
.wires path:not(:first-child){transform:translateX(-60px)}

.card-character{width:18%;top:6%;height:auto;aspect-ratio:1 / 1;display:flex;flex-direction:column}
.card-character header{flex:0 0 32px}
.card-character .asset-box{height:auto;flex:1;min-height:0}

/* Keep the final-video glyph optically centered inside its circular control. */
.output-box button{padding:0;display:grid;place-items:center}
.output-box button svg{display:block}

.thumb video{cursor:pointer}
.thumb button{z-index:2;cursor:pointer;color:var(--ink);border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.48);backdrop-filter:blur(12px) saturate(1.35);-webkit-backdrop-filter:blur(12px) saturate(1.35);box-shadow:0 8px 24px rgba(16,24,32,.18),inset 0 1px 0 rgba(255,255,255,.8);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.thumb button:hover{background:rgba(255,255,255,.7);transform:translateY(-1px);box-shadow:0 10px 28px rgba(16,24,32,.24),inset 0 1px 0 rgba(255,255,255,.9)}

.card-prompt{width:29%;left:4.8889%;top:69%}
.card-prompt pre{margin:0;padding:12px;font:400 .6rem/1.65 var(--mono);color:#4f5960;white-space:pre-wrap;overflow-wrap:anywhere}
.card-prompt code{font:inherit}
.card-prompt pre{font-size:.55rem;line-height:1.5;max-height:230px;overflow:auto}
.json-key{color:#365d88}.json-string{color:#47705a}.json-number{color:#9a5c30}

/* Scale the entire fixed composition, including type, tools, and wires. */
.canvas-wrap{display:block;position:relative;width:100%;height:auto;aspect-ratio:954 / 430;border:0;overflow:hidden;align-self:start;min-width:0}
.canvas-stage{position:absolute;left:0;top:0;width:954px;height:430px;display:grid;grid-template-columns:52px 900px;border:1px solid var(--line);transform:scale(var(--canvas-scale,1));transform-origin:top left}
.canvas-stage .canvas{min-width:0;width:900px;height:428px}
/* Preserve button styling while making marketplace CTAs non-interactive. */
[data-client-link][aria-disabled="true"]{cursor:default;pointer-events:none}