/* Responsive section layout and readable, complete cards. */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.technology-section{height:100svh;min-height:480px;display:flex;align-items:center}.technology-stage{height:460px;max-height:85svh;padding:0;display:flex;flex-direction:column;justify-content:center;gap:35px}.technology-section .technology-deck{width:100%;height:140px;flex-shrink:0;padding:0;margin:0;overflow:hidden;display:block;box-sizing:border-box;touch-action:pan-y}.technology-track{display:flex;width:max-content;position:relative;will-change:transform}.technology-group{display:flex;align-items:center;gap:22px;padding:20px 11px;height:140px;flex-shrink:0}.technology-section .technology-card{width:66px;height:66px;flex:0 0 66px;transition:transform .4s,background .4s;overflow:visible;cursor:pointer}.technology-section .technology-card.is-active{width:66px;height:66px;flex-basis:66px;transform:scale(1.35);background:#ff7900;box-shadow:0 0 35px #ff790030}.technology-section .technology-logo,.technology-section .technology-card.is-active .technology-logo{width:36px;height:36px}.technology-section .technology-name{position:relative;inset:auto;width:94%;height:210px;flex-shrink:0;margin:0 auto;color:#fff;letter-spacing:-.035em}.technology-card:focus-visible{outline:2px solid white;outline-offset:5px}.technology-cursor{display:none}.technology-credit{display:none}
.testimonials-marquee{height:auto;min-height:100svh;padding:28px 0;box-sizing:border-box}.tm-heading{padding:0 24px 18px;margin:0 auto;flex-shrink:0}.tm-heading h2{font-size:clamp(34px,4vw,60px);margin-bottom:12px}.tm-heading .tm-eyebrow{margin-bottom:12px}.tm-heading>p:not(.tm-eyebrow){margin-bottom:0;font-size:16px;line-height:1.5}.tm-rows{padding:0;margin:0;flex-shrink:0}.tm-row{padding:4px 8px}.tm-card{min-height:140px;padding:12px;width:380px}.tm-card p{font-size:15px;line-height:1.45}.tm-person strong{font-size:15px}
@media(max-width:600px){
/* Tall touch-screen chapters must flow naturally, without a later sticky card covering controls. */
.has-page-stack .page-intro{min-height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center;padding:55px 6%}.has-page-stack .image-stream,.has-page-stack .tilted-work{height:85svh;min-height:520px}.has-page-stack .technology-section{height:85svh;min-height:440px}.has-page-stack .testimonials-marquee{min-height:100svh}.has-page-stack .hero-surface{height:auto;min-height:100svh}.product-panel{grid-template-columns:1fr;gap:28px}.product-copy{order:2}.product-preview{order:1}.product-copy>p{max-width:65ch}.product-heading{flex-wrap:wrap}.product-tabs{flex-wrap:wrap}.product-copy,.product-panel,.design-heading>*{min-width:0}.case-story{gap:35px}.footer-bottom{gap:16px;flex-wrap:wrap}.studio-principles{flex-wrap:wrap}
}
@media(max-width:600px){.technology-stage{gap:18px;height:360px}.technology-section .technology-name{height:140px}.technology-section .technology-card{width:54px;height:54px;flex-basis:54px}.technology-section .technology-card.is-active{width:54px;height:54px;flex-basis:54px}.technology-section .technology-logo,.technology-section .technology-card.is-active .technology-logo{width:30px;height:30px}.technology-group{gap:20px}.tm-card{width:calc(100vw - 40px);min-height:150px;gap:10px;margin:0 4px}.tm-card img{width:38px;height:38px}.tm-person span{font-size:12px}.tm-card p{font-size:14px;line-height:1.5}.tm-heading h2{font-size:34px}.tm-heading>p:not(.tm-eyebrow){font-size:14px}.testimonials-marquee{padding:24px 0}.product-top{flex-wrap:wrap}.product-heading h2{font-size:clamp(34px,10vw,46px)}.product-tabs{width:100%;gap:6px}.product-tabs button{padding:12px 10px;min-height:44px}.design-heading h2,.designed-section .design-heading h2{font-size:clamp(36px,11vw,54px)}.home-studio.designed-section h2{font-size:clamp(40px,12vw,66px)}.case-story,.contact-page{grid-template-columns:1fr}.footer-bottom a,.contact-page>a{overflow-wrap:anywhere}.footer-main{gap:28px}.service-tile,.chapter-card{min-width:0}.studio-emblem.studio-composition{min-height:330px}.work-chapter-layout{min-width:0}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}input,select,textarea{max-width:100%;font-size:16px}.tm-row:last-child{display:none}
}
@media(max-height:780px) and (min-width:601px){.tm-heading{padding-bottom:10px}.tm-heading h2{font-size:36px}.tm-card{min-height:130px}.testimonials-marquee{padding:20px 0}.tm-card p{font-size:14px}.tm-row:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.technology-section .technology-deck{overflow-x:auto}.technology-group[aria-hidden]{display:none}.technology-track{transform:none!important}.technology-card{transition:none!important}}.motion-paused .technology-deck{overflow-x:auto}.motion-paused .technology-group[aria-hidden]{display:none}
@media(max-width:600px){
.has-page-stack .hero-surface{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px 0;padding:0 5% 28px;min-height:100svh;height:auto;overflow:visible}.hero-surface>.site-header{position:relative;inset:auto;grid-column:1/-1;width:auto;margin:0 -5.56%;padding:20px 5%;}.hero-identity{position:relative;inset:auto;width:auto;min-width:0;padding:20px 0;grid-column:1}.hero h1{font-size:clamp(44px,7.2vw,76px);margin-block:22px}.hero-meta{font-size:15px;line-height:1.6}.hero-meta p{white-space:normal}.hero-summary{display:block;margin-top:20px}.bali-stage{position:relative;inset:auto;width:100%;max-width:none;height:520px;grid-column:2;margin:0;align-self:end}.hero-rail{display:none!important}.hero-actions{position:relative;inset:auto;grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:10px 0 0}.home-page .hero-actions>.cut-button{width:auto;min-width:240px}.hero-action-meta{justify-content:center}.hero-edge-note,.bali-coordinate{display:none}
}
@media(max-width:600px){.has-page-stack .hero-surface{grid-template-columns:minmax(0,1fr);gap:0;padding:0 6% 24px}.hero-surface>.site-header{margin:0 -6.82%;padding:18px 6%}.hero-identity{grid-column:1;padding:24px 0 0}.hero h1{font-size:clamp(48px,14vw,84px);margin-block:22px}.hero-meta{font-size:15px;line-height:1.6;gap:8px}.hero-summary{font-size:16px;line-height:1.5;margin-top:18px}.bali-stage{grid-column:1;height:clamp(330px,105vw,510px);margin-top:20px}.hero-actions{margin:6px 0 0;gap:16px}.home-page .hero-actions>.cut-button{width:100%;min-width:0}.hero-action-meta{font-size:11px;text-align:center;line-height:1.5}}
.technology-section .technology-deck{order:1}.technology-section .technology-name{order:2}
/* Compact phone hero: keep the primary action within the first viewport. */
@media(max-width:600px){
.has-page-stack .hero-surface{height:100svh;min-height:0;display:flex;flex-direction:column;gap:0;padding:0 6% max(12px,env(safe-area-inset-bottom));overflow:hidden}
.hero-surface>.site-header{align-self:stretch;flex:0 0 auto;margin:0 -6.82%;padding:14px 6%}.hero-surface>.site-header .brand img{width:110px;height:auto}
.hero-identity{flex:0 0 auto;align-self:stretch;padding:12px 0 0}.hero-identity>.eyebrow{font-size:10px;line-height:1.4;margin:0}.hero h1{font-size:clamp(42px,min(13vw,8svh),72px);line-height:1.02;margin:14px 0}.hero-meta{font-size:13px;line-height:1.45;gap:5px;margin-top:12px}.hero-meta p>span{font-size:11px;flex-basis:25px}.hero-summary{font-size:14px;line-height:1.4;margin:12px 0 0}.hero-summary br{display:none}
.bali-stage{flex:1 1 0;min-height:0;height:auto;width:100%;margin:10px 0 0;align-self:stretch}.bali-object>img,.bali-object>canvas{object-position:center bottom}
.hero-actions{flex:0 0 auto;align-self:stretch;margin:0;gap:8px}.home-page .hero-actions>.cut-button{min-height:48px;padding-block:12px}.hero-action-meta{font-size:10px;line-height:1.3}
.has-page-stack .testimonials-marquee{min-height:0;height:auto;padding:28px 0 24px;justify-content:flex-start}.tm-heading{margin:0 auto;padding-bottom:16px}.tm-rows{margin:0;padding:0}.tm-card{min-height:0}.tm-row{padding-block:8px}
}
@media(max-width:600px) and (max-height:700px){.hero-surface>.site-header{padding-block:10px}.hero-surface>.site-header .brand img{width:96px}.hero-identity{padding-top:6px}.hero h1{margin:10px 0;font-size:clamp(38px,7.8svh,52px)}.hero-meta{margin-top:8px;font-size:12px;gap:3px}.hero-summary{margin-top:8px;font-size:13px}.hero-actions .hero-action-meta{display:none}}
/* Explain the studio through concrete deliverables instead of an abstract emblem. */
.home-studio.designed-section{background:#fff}.home-studio .studio-plan-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6%;margin:32px 0}.home-studio .studio-plan-layout h2{font-size:clamp(38px,4.1vw,68px);line-height:1.08;margin:20px 0}.studio-plan-layout h2 em{color:#f47708;font-style:normal}.home-studio .studio-plan-layout .studio-copy p{max-width:48ch;font-size:17px;line-height:1.7;margin-bottom:24px}.studio-delivery{border:1px solid #dedfe1;background:#fff;padding:24px 28px;min-width:0}.delivery-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;letter-spacing:.045em;color:#555b63;border-bottom:1px solid #ddd;padding-bottom:16px}.delivery-heading b{font-size:28px;color:#ff7900}.delivery-steps{list-style:none;padding:0;margin:0}.delivery-steps li{display:flex;gap:20px;padding:21px 0;border-bottom:1px solid #e4e5e7}.delivery-number{font:500 30px/1.2 Oswald,sans-serif;color:#ed740d;flex-shrink:0}.delivery-steps h3{font:500 27px/1.2 Oswald,sans-serif;letter-spacing:-.02em;margin:0 0 8px}.delivery-steps p{font-size:15px;line-height:1.6;color:#51565e;margin:0 0 10px}.delivery-steps small{font-size:12px;line-height:1.5;color:#777c83}.delivery-note{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;padding-top:18px;color:#555b63}.delivery-dot{width:7px;height:7px;flex-shrink:0;background:#ff7900;border-radius:50%}
@media(max-width:600px){.bali-stage{height:clamp(340px,58svh,520px)}.has-page-stack .hero-surface{padding-bottom:20px;gap:12px 0}.hero-identity{padding:12px 0}.hero h1{font-size:clamp(60px,6.2vw,84px)}.hero-surface>.site-header{padding-block:16px}.home-studio.designed-section{padding:40px 5%}.home-studio .studio-plan-layout h2{font-size:48px}.studio-delivery{padding:20px 24px}.delivery-steps li{padding:17px 0}.has-page-stack .work-chapter{height:auto;min-height:100svh}.work-chapter-art{max-height:480px}.product-heading{margin-block:22px}.product-preview{max-width:100%}}
@media(max-width:800px){.home-studio .studio-plan-layout{grid-template-columns:1fr;gap:28px}.home-studio .studio-plan-layout h2{font-size:clamp(36px,7vw,52px)}.studio-delivery{padding:20px}.home-studio .studio-plan-layout .studio-copy p{font-size:16px}.delivery-steps li{gap:16px}.delivery-steps h3{font-size:25px}.delivery-heading{font-size:11px}}
/* Studio cards: concise copy and geometric artwork, inspired by the supplied reference. */
.home-studio.designed-section{padding:clamp(24px,4svh,48px) 5%;background:#fff;box-sizing:border-box}
.studio-card-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;margin:24px 0}
.home-studio .studio-card-intro h2{font-size:clamp(36px,5.8svh,64px);line-height:1.04;margin:12px 0 0}
.studio-card-intro h2 em{font-style:normal;color:#f47708}
.studio-card-intro p{font-size:16px;line-height:1.6;max-width:50ch;margin:0 0 12px}
.studio-card-intro .design-link{padding:10px 0;font-size:12px;min-height:0}
.studio-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.studio-service-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:285px;padding:24px;background:#fff;border:1px solid #ebebeb;border-radius:7px;box-shadow:0 18px 32px -25px var(--card-color);--card-color:#ee8c12;--art-color:#ffe0a7}
.studio-service-card.card-plan{background:linear-gradient(120deg,#e96406,#ff941d);color:#fff;border-color:transparent;--art-color:#ffd29a}
.studio-service-card.card-design{--card-color:#d9a627;--art-color:#edd286}
.studio-service-card.card-build{--card-color:#e58376;--art-color:#efb0a2}
.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13px}
.service-card-top span:last-child{font-size:25px;line-height:1}
.studio-service-card h3{font-family:'Space Grotesk',sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px;max-width:260px}
.studio-service-card p{font-size:15px;line-height:1.55;max-width:28ch;margin:0 0 26px;color:#60636a}
.studio-service-card.card-plan p{color:#fff}
.studio-service-card small{font-size:10px;letter-spacing:.04em;position:relative;z-index:2;display:block;max-width:55%;line-height:1.5}
.service-card-art{position:absolute;right:0;bottom:0;width:112px;height:96px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(0deg);opacity:.85;z-index:-1}
.service-card-art i{background:repeating-radial-gradient(circle at 0 100%,transparent 0 6px,#0002 7px 8px),var(--art-color)}
.service-card-art i:nth-child(1){border-radius:100% 0 0 0}.service-card-art i:nth-child(2){border-radius:50%}.service-card-art i:nth-child(3){border-radius:50%}.art-design i:nth-child(2){transform:translateY(12px)}.art-build i:nth-child(1){border-radius:0 100% 0 0}.art-build i:nth-child(4){border-radius:0 0 100% 0}
@media(min-width:601px){
.has-page-stack .hero-surface{height:100svh;min-height:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding:0 5% 16px;gap:8px 0;overflow:hidden}
.hero-surface>.site-header{position:relative;inset:auto;grid-column:1/-1;grid-row:1;margin:0 -5.56%;width:auto;padding:12px 5%}.hero-surface>.site-header .brand img{width:clamp(100px,17svh,144px);height:auto}
.hero-identity{position:relative;inset:auto;width:auto;grid-column:1;grid-row:2;align-self:center;min-height:0;padding:0}
.hero h1{font-size:clamp(44px,min(6vw,10svh),86px);line-height:1.02;margin:18px 0}
.hero-identity>.eyebrow{font-size:clamp(12px,.9vw,14px);font-weight:600;color:#252a32}.hero-meta{font-size:clamp(14px,min(1.15vw,2.1svh),18px);gap:6px;line-height:1.5;margin-top:16px;color:#14171c;font-weight:500}.hero-meta p{white-space:normal}.hero-meta p>span{font-size:clamp(13px,.95vw,15px);font-weight:700;color:#d45500}.hero-summary{font-size:clamp(15px,min(1.15vw,2.1svh),19px);line-height:1.5;margin-top:16px;color:#252a32;font-weight:500}
.bali-stage{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:stretch;width:100%;height:100%;min-height:0;max-width:none;margin:0}.hero-rail{display:none!important}.bali-coordinate,.hero-edge-note{display:none}
.hero-actions{position:relative;inset:auto;grid-column:1/-1;grid-row:3;display:flex;justify-content:center;align-items:center;gap:20px;margin:0}.home-page .hero-actions>.cut-button{min-width:240px;width:auto;min-height:46px;padding-block:12px}.hero-action-meta{font-size:clamp(12px,.85vw,13px);font-weight:600;color:#252a32}
.home-studio.designed-section{min-height:100svh;height:auto;display:flex;flex-direction:column;justify-content:center}.studio-service-card{min-height:clamp(245px,37svh,320px)}
}
@media(max-width:700px){.studio-card-intro{grid-template-columns:1fr;gap:20px}.studio-service-cards{grid-template-columns:1fr;gap:18px}.studio-service-card{min-height:245px}.home-studio.designed-section{padding:30px 6%}.studio-card-intro p{font-size:15px}.service-card-art{width:120px;height:100px}}
@media(min-width:701px) and (max-height:650px){.studio-card-intro{margin:16px 0}.studio-service-card{padding:20px;min-height:245px}.studio-service-card h3{font-size:20px}.studio-service-card p{font-size:14px}.service-card-top{margin-bottom:14px}.home-studio .design-kicker{padding-bottom:12px}.hero h1{margin:12px 0}.hero-summary{margin-top:10px}}
/* The desktop app's split preview is narrower than the laptop screen itself. */
@media(min-width:601px) and (max-width:700px){
.studio-card-intro{grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.home-studio .studio-card-intro h2{font-size:34px}.studio-card-intro p{font-size:14px;line-height:1.5}.studio-card-intro .design-link{font-size:10px}.studio-service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-service-card{padding:16px;min-height:300px}.studio-service-card h3{font-size:18px}.studio-service-card p{font-size:13px;line-height:1.5}.studio-service-card small{font-size:9px;max-width:100%;padding-bottom:62px}.service-card-art{width:84px;height:66px}.home-studio.designed-section{padding:24px 5%}.home-studio .design-kicker{font-size:10px}.service-card-top{margin-bottom:18px}
}
/* Keep duplicate logo groups adjacent, without scroll offsets or shrinking. */
.technology-track{gap:0;flex-wrap:nowrap;min-width:max-content}.technology-group{width:max-content;flex:0 0 auto;box-sizing:border-box}.technology-name{left:0!important;top:auto!important;overflow:visible}.technology-section .technology-deck{scroll-behavior:auto;overflow-anchor:none}
/* Purposeful card illustrations: project brief, interface prototype, tested code. */
.studio-service-cards{overflow:clip;padding:0 0 26px;margin-bottom:-26px}
.studio-service-card{--visual-bg:#fff;display:flex;flex-direction:column;padding:22px;min-height:310px}
.studio-service-card.card-plan{--visual-bg:#f78112}
.studio-service-card h3{max-width:none;margin-bottom:10px}
.studio-service-card p{max-width:none;margin-bottom:14px}
.studio-service-card small{max-width:none;padding:0;font-size:10px;letter-spacing:.025em}
.service-card-top{margin-bottom:18px}
.service-card-art{position:relative;inset:auto;width:100%;height:90px;min-height:75px;margin-top:auto;padding-top:16px;display:block;opacity:.85;z-index:0;color:#c78a21}
.card-plan .service-card-art{color:#fff}.card-build .service-card-art{color:#c77058}.service-card-art svg{display:block;width:100%;height:100%}
@media(min-width:601px) and (max-height:650px){.studio-service-card{min-height:260px;padding:18px}.service-card-art{height:68px;min-height:58px;padding-top:12px}.service-card-top{margin-bottom:12px}.studio-service-card p{margin-bottom:10px}}
@media(min-width:601px) and (max-width:700px){.studio-service-card{padding:15px;min-height:330px}.service-card-art{height:70px;min-height:60px}.studio-service-card small{font-size:9px}}
@media(max-width:600px){.studio-service-card{min-height:310px}.service-card-art{height:96px}}
/* Preserve the original hero's right-hand content while fitting the available viewport. */
@media(min-width:1000px){
.has-page-stack .hero-surface{grid-template-columns:minmax(0,1.28fr) minmax(0,1.08fr) minmax(260px,.9fr);column-gap:20px}
.hero h1{font-size:clamp(42px,min(4.75vw,9.5svh),88px)}
.hero-surface .hero-rail{display:flex!important;position:relative;inset:auto;grid-column:3;grid-row:2;width:100%;min-width:0;align-self:center;flex-direction:column;gap:14px}
.hero-rail .bracket-panel{padding:clamp(16px,2svh,22px);background-color:rgba(255,255,255,.88)}.hero-rail .disciplines-panel{display:block}.hero-rail .bali-panel h2{font-size:clamp(32px,min(3.3vw,5.6svh),54px);line-height:1.04;margin:12px 0;color:#101114}.has-page-stack .hero-rail .bali-panel p{font-size:clamp(14px,1vw,16px);line-height:1.55;color:#1e2229;font-weight:500}.hero-rail .panel-kicker{font-size:clamp(12px,.85vw,13px);font-weight:700;letter-spacing:.05em;color:#c24900}.hero-rail .disciplines-panel .panel-kicker{color:#1e2229}.hero-rail .bali-signature{margin:14px 0;font-size:clamp(12px,.85vw,13px);font-weight:600;color:#1e2229;letter-spacing:.04em}.hero-rail .bali-signature>span:first-child{font-size:15px;font-weight:700;color:#ff6a00}.hero-rail .bali-signature i{background:#8c939e;height:1.5px}.hero-rail .text-link{font-size:clamp(13px,.95vw,15px);font-weight:700;color:#101114;letter-spacing:.035em}.hero-rail .disciplines-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.hero-rail .disciplines-panel b{font-size:clamp(26px,2vw,34px);color:#101114}.hero-rail .disciplines-panel small{font-size:clamp(12px,.85vw,13px);font-weight:600;color:#252a32;letter-spacing:.025em}
}
@media(min-width:601px) and (max-width:999px){
.has-page-stack .hero-surface{grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px 0}
.hero-surface .hero-rail{display:grid!important;position:relative;inset:auto;grid-row:3;grid-column:1/-1;grid-template-columns:1.25fr 1fr;gap:16px;width:100%;align-items:center}
.hero-rail .bracket-panel{padding:14px 16px;background-color:rgba(255,255,255,.88)}.hero-rail .disciplines-panel{display:flex;flex-direction:column;justify-content:center}.hero-rail .bali-panel h2{font-size:clamp(26px,3.6vw,34px);line-height:1.05;margin:8px 0;color:#101114}.hero-rail .bali-panel h2 br{display:none}.has-page-stack .hero-rail .bali-panel p{font-size:14px;line-height:1.45;margin:8px 0;color:#1e2229;font-weight:500}.hero-rail .bali-panel p br{display:none}.hero-rail .panel-kicker{font-size:12px;font-weight:700;color:#c24900}.hero-rail .disciplines-panel .panel-kicker{color:#1e2229}.hero-rail .bali-signature{margin:10px 0;font-size:12px;font-weight:600;color:#1e2229}.hero-rail .bali-signature>span:first-child{font-size:14px;font-weight:700;color:#ff6a00}.hero-rail .text-link{font-size:13px;font-weight:700;color:#101114}.hero-rail .disciplines-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.hero-rail .disciplines-panel b{font-size:26px;color:#101114}.hero-rail .disciplines-panel small{font-size:12px;font-weight:600;color:#252a32}.hero-actions{grid-row:4}.hero h1{margin:10px 0}.hero-meta{margin-top:10px}.hero-summary{margin-top:10px}
}
@media(min-width:601px) and (max-width:999px){.hero-rail .bali-panel h2 br{display:block}}
/* Compact laptop viewports: fit each stacked section cleanly inside 100svh so cards stack at top:0px without clipping. */
@media(min-width:601px) and (max-height:920px){
.product-showcase{padding:20px 5%}.product-top{padding-bottom:10px}.product-heading{margin:14px 0 16px}.product-heading h2{font-size:clamp(32px,4.5svh,52px)}.product-tabs button{padding:11px 16px;font-size:15px}.product-preview,.ai-preview{height:clamp(380px,56svh,460px)}.product-preview.ai-studio{min-height:clamp(380px,56svh,460px)}.ai-studio-top{padding:12px 18px}.ai-modes{padding:10px 18px 0}.ai-modes button{padding:8px 6px;font-size:12px}.ai-canvas{padding:12px 18px}.ai-network{margin:12px 0}.ai-core{width:76px;height:76px;font-size:30px}.ai-result{min-height:105px;padding:12px}.ai-controls{padding:0 18px 12px}.product-copy h3{font-size:clamp(26px,4svh,40px);margin:12px 0}.product-copy>p:not(.eyebrow){font-size:15px;line-height:1.55}.product-tags{margin:14px 0 18px}
.designed-section{padding:22px 5%}.design-kicker{padding-bottom:12px}.design-heading{margin:18px 0}.designed-section .design-heading h2{font-size:clamp(38px,6svh,64px)}.design-heading p{font-size:14px;line-height:1.5;margin-bottom:12px}.design-link{padding:8px 0}.service-deck.expertise-links{margin-bottom:16px}.expertise-links .service-tile{padding:14px}.service-art{height:105px;margin-bottom:12px}.service-tile h3{font-size:19px;margin:6px 0}.design-baseline{padding-top:12px}.chapter-card{padding:18px 22px}.chapter-symbol{height:84px}.chapter-symbol>span{font-size:74px}.chapter-card h3{font-size:clamp(24px,3.6svh,36px);margin:8px 0 12px}.chapter-card p{font-size:13px;line-height:1.5;margin-bottom:16px}
}
/* Clean navbar brand: transparent like the footer logo, without the dark box. */
.site-header .brand{background:transparent!important;padding:0!important;width:clamp(145px,13.5vw,180px)!important;height:auto!important;display:inline-flex;align-items:center}
.site-header .brand img{width:100%!important;height:auto!important;display:block;object-fit:contain;aspect-ratio:470/194}
@media(max-width:600px){.site-header .brand{width:128px!important}}
/* Global minimum readability floor & responsive polish from 375px mobile up to 4K monitors. */
.studio-service-card small,.service-tile small,.chapter-tags span,.gallery-toolbar,.preview-disclaimer,.stream-content .eyebrow,.hero-identity>.eyebrow,.hero-action-meta,.hero-meta p>span,.product-tabs button span{font-size:12px!important;font-weight:600}
.image-stream{overflow:hidden}
/* Section 04 (#technologies): 3D Tool Sphere in white curved cradle + dark well with bottom marquee & kinetic type. */
.technology-section.has-sphere-cradle{background:#ffffff;color:#12151c;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:clamp(14px,2svh,22px) 3% clamp(14px,2svh,20px);box-sizing:border-box}
.technology-section.has-sphere-cradle .tech-orbit-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;position:relative;z-index:4;padding:0 2%}
.technology-section.has-sphere-cradle .tech-orbit-left{max-width:310px;padding-top:4px}
.technology-section.has-sphere-cradle .tech-kicker-line{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:#14161b;border-bottom:1.5px solid rgba(20,22,27,.22);padding-bottom:10px;margin-bottom:12px}
.technology-section.has-sphere-cradle .tech-orbit-left p{font-size:clamp(12.5px,.92vw,14px);line-height:1.45;color:#2c323c;margin:0 0 8px;font-weight:500}
.technology-section.has-sphere-cradle .tech-orbit-link{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;color:#111317;border-bottom:1.5px solid #111317;padding-bottom:2px;text-decoration:none}
.technology-section.has-sphere-cradle .tech-orbit-link:hover{color:#ff7900;border-color:#ff7900}
.technology-section.has-sphere-cradle .tech-orbit-center{display:flex;justify-content:center;position:relative}
.technology-section.has-sphere-cradle .tech-sphere-cradle{background:#ffffff;border-radius:50%;padding:clamp(12px,1.6svh,18px);position:relative;margin-bottom:calc(clamp(260px,32svh,320px) * -0.48)}
.technology-section.has-sphere-cradle .tech-sphere-cradle .tool-sphere{width:clamp(260px,32svh,320px);height:clamp(260px,32svh,320px);max-width:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,#222a38 0%,#11151f 56%,#080a0f 100%);box-shadow:0 24px 44px -6px rgba(8,12,20,.5),inset 0 3px 12px rgba(255,255,255,.22),inset 0 -12px 24px rgba(255,121,0,.24);border:1.5px solid rgba(255,255,255,.16);overflow:visible}
.technology-section.has-sphere-cradle .sphere-meridians{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(255,255,255,.14);pointer-events:none}
.technology-section.has-sphere-cradle .sphere-meridians::before,.technology-section.has-sphere-cradle .sphere-meridians::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,121,0,.18)}
.technology-section.has-sphere-cradle .sphere-meridians::before{transform:scaleX(.52)}
.technology-section.has-sphere-cradle .sphere-meridians::after{transform:scaleY(.52)}
.technology-section.has-sphere-cradle .tech-orbit-right{justify-self:end;max-width:320px;padding-top:4px}
.technology-section.has-sphere-cradle .tech-stat-pill{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;color:#1e2229;border:1px solid #c9d0dc;border-radius:99px;padding:3px 11px;margin-bottom:6px}
.technology-section.has-sphere-cradle .tech-stat-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.technology-section.has-sphere-cradle .tech-stat-row strong{font:700 clamp(34px,3.6vw,48px)/.95 Oswald,sans-serif;color:#ff7900;letter-spacing:-.03em}
.technology-section.has-sphere-cradle .tech-stat-row span{font-size:12.5px;line-height:1.35;color:#2c323c;font-weight:600}
.technology-section.has-sphere-cradle .tech-stat-actions{display:flex;align-items:center;gap:14px}
.technology-section.has-sphere-cradle .tech-sphere-mini-btns{display: inline-flex;gap:6px}
.technology-section.has-sphere-cradle .tech-sphere-mini-btns button{width:28px;height:28px;border-radius:50%;border:1px solid #c9d0dc;background:#f7f8fa;color:#111317;font-size:13px;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:0}
.technology-section.has-sphere-cradle .tech-sphere-mini-btns button:hover{background:#ff7900;border-color:#ff7900;color:#fff}
.technology-section.has-sphere-cradle .tech-dark-well{flex:1;min-height:0;background:#111317;color:#ffffff;border-radius:26px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(10px,2svh,22px);padding:clamp(118px,16.5svh,158px) 2% clamp(14px,2svh,22px);overflow:hidden;box-shadow:0 22px 55px rgba(12,15,22,.16)}
.technology-section.has-sphere-cradle .tech-well-copy{text-align:center;padding:0 16px;margin-bottom:4px;flex-shrink:0}
.technology-section.has-sphere-cradle .tech-well-title{font:600 clamp(22px,2.4vw,34px)/1.08 Oswald,sans-serif;letter-spacing:.01em;color:#ffffff;margin:0 0 6px;text-transform:uppercase}
.technology-section.has-sphere-cradle .tech-well-sub{font-size:clamp(12.5px,.9vw,14px);line-height:1.45;color:#b2bac6;max-width:60ch;margin:0 auto}
.technology-section.has-sphere-cradle .technology-stage{height:auto;max-height:none;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.4svh,16px);padding:0;margin:0}
.technology-section.has-sphere-cradle .technology-deck{height:clamp(84px,11.5svh,112px)}
.technology-section.has-sphere-cradle .technology-group{height:clamp(84px,11.5svh,112px);padding:10px 11px}
.technology-section.has-sphere-cradle .technology-name{height:clamp(90px,15svh,145px);font-size:clamp(60px,min(12vw,14svh),150px)!important}
@media(max-width:900px){
.technology-section.has-sphere-cradle .tech-orbit-left,.technology-section.has-sphere-cradle .tech-orbit-right{display:none}
.technology-section.has-sphere-cradle .tech-orbit-top{grid-template-columns:1fr}
}
/* 1. Footer-style orange outer frame applied across all Home page sections. */
.home-page .page-stack-surface>section.page-stack-content:not(.hero),
.home-page .hero>.hero-surface{border:14px solid var(--orange,#ff7900)!important;box-sizing:border-box!important}
@media(max-width:600px){
.home-page .page-stack-surface>section.page-stack-content:not(.hero),
.home-page .hero>.hero-surface{border-width:8px!important}
}
/* 2. High-contrast readability fix for Section 03 / YOUR NEXT MOVE (#next-chapter). */
#next-chapter.chapter-options .design-kicker{color:#14161b;font-size:12.5px;font-weight:700;border-bottom:1.5px solid rgba(20,22,27,.22)}
#next-chapter.chapter-options .design-heading h2{color:#101216}
#next-chapter.chapter-options .design-heading h2 em{color:#ff6a00;font-style:normal}
#next-chapter.chapter-options .design-heading p{color:#1c2028!important;font-size:clamp(15px,1.12vw,17.5px)!important;line-height:1.58!important;font-weight:500!important;max-width:44ch}
#next-chapter .chapter-card-top{font-size:12.5px!important;font-weight:700!important;letter-spacing:.08em}
#next-chapter .chapter-card h3{font-size:clamp(26px,2.5vw,40px)!important;line-height:1.08!important;font-weight:600!important}
#next-chapter .chapter-card:nth-child(1){background:#e2e1d8;color:#111317}
#next-chapter .chapter-card:nth-child(1) h3{color:#111317!important}
#next-chapter .chapter-card:nth-child(1) p{color:#181b22!important;font-size:clamp(14.5px,1.02vw,16px)!important;line-height:1.6!important;font-weight:500!important;opacity:1!important}
#next-chapter .chapter-card:nth-child(1) .chapter-symbol>span{color:#111317;opacity:.28}
#next-chapter .chapter-card:nth-child(1) .chapter-tags span{color:#111317;border:1.5px solid #111317;background:rgba(255,255,255,.5);font-weight:700}
#next-chapter .chapter-card:nth-child(2){background:#ff7900;color:#0e1013}
#next-chapter .chapter-card:nth-child(2) h3{color:#0e1013!important}
#next-chapter .chapter-card:nth-child(2) p{color:#0e1013!important;font-size:clamp(14.5px,1.02vw,16px)!important;line-height:1.6!important;font-weight:600!important;opacity:1!important}
#next-chapter .chapter-card:nth-child(2) .chapter-symbol>span{color:#0e1013;opacity:.32}
#next-chapter .chapter-card:nth-child(2) .chapter-tags span{color:#0e1013;border:1.5px solid #0e1013;background:rgba(255,255,255,.24);font-weight:700}
#next-chapter .chapter-card:nth-child(3){background:#16181d;color:#ffffff}
#next-chapter .chapter-card:nth-child(3) .chapter-card-top{color:#ffffff!important}
#next-chapter .chapter-card:nth-child(3) h3{color:#ffffff!important}
#next-chapter .chapter-card:nth-child(3) p{color:#eef1f6!important;font-size:clamp(14.5px,1.02vw,16px)!important;line-height:1.6!important;font-weight:500!important;opacity:1!important}
#next-chapter .chapter-card:nth-child(3) .chapter-symbol>span{color:#ffffff;opacity:.32}
#next-chapter .chapter-card:nth-child(3) .chapter-tags span{color:#ffffff;border:1.5px solid rgba(255,255,255,.7);background:rgba(255,255,255,.1);font-weight:700}
/* 3. Section 06 (#pricing): Diagonal Skyline Pricing Table + 3D Angled Ribbon Cards + Integrated Inquiry Form. */
.pricing-section{position:relative;height:100svh;min-height:660px;background:#f5f4ef;color:#14171f;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.2svh,28px) 4% clamp(14px,2svh,22px);box-sizing:border-box;isolation:isolate}
.pricing-skyline-bg{position:absolute;inset:0 0 auto 0;height:66%;z-index:-1;clip-path:polygon(0 0,100% 0,100% 62%,0 88%);overflow:hidden;background:#161922}
.pricing-skyline-bg img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(20%) contrast(1.15);transform:scale(1.04)}
.pricing-skyline-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,18,24,.92) 0%,rgba(28,33,46,.82) 52%,rgba(255,121,0,.42) 100%)}
@keyframes pricing-sky-pan{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.1) translateY(-12px)}}
.pricing-inner{width:100%;max-width:1360px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,3.6svh,40px);z-index:2}
.pricing-header{text-align:center;color:#ffffff;flex-shrink:0;margin-bottom:clamp(8px,1.5svh,18px)}
.pricing-kicker-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.85)}
.pricing-mode-switch{display:inline-flex;align-items:center;background:rgba(13,16,23,.84);border:1.5px solid rgba(255,255,255,.24);border-radius:999px;padding:6px;gap:6px;backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.pricing-mode-switch button{border:0;background:transparent;color:#e4e9f2;font:700 13.5px/1 'Space Grotesk',sans-serif;letter-spacing:.02em;min-height:40px;padding:9px 22px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s,transform .2s}
.pricing-mode-switch button:hover:not(.is-active){color:#ffffff;background:rgba(255,255,255,.07)}
.pricing-mode-switch button.is-active{background:linear-gradient(135deg,#ff881a 0%,#ff6a00 100%);color:#0e1014;font-weight:700;box-shadow:0 4px 14px rgba(255,121,0,.42)}
.pricing-mode-switch button em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:4px 10px;border-radius:999px;margin-left:2px;color:#ffffff;transition:background .25s,color .25s,border-color .25s}
.pricing-mode-switch button.is-active em{background:#111317;border-color:#111317;color:#ffffff}
.pricing-header h2{font:300 clamp(34px,4.2vw,58px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0;color:#ffffff}
.pricing-header h2 strong{font-weight:700}
.pricing-title-bar{display:block;width:54px;height:4px;background:#ff7900;border-radius:4px;margin:10px auto 0}
.pricing-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.5vw,34px);align-items:stretch;flex:1;max-height:540px;min-height:0;padding:clamp(24px,3.6svh,38px) 12px clamp(12px,2svh,24px)}
.pricing-card3d{position:relative;background:#ffffff;color:#181b22;border-radius:16px;padding:clamp(42px,5.5svh,56px) clamp(18px,1.8vw,26px) clamp(22px,3svh,30px);display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 22px 44px -14px rgba(14,18,26,.24),0 0 0 1px rgba(20,23,31,.08);transform:perspective(950px) rotateY(calc(-7deg + var(--pry,0deg))) rotateX(calc(1.5deg + var(--prx,0deg))) skewY(-1.8deg) translateY(var(--pty,0px));transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;cursor:pointer;user-select:none}
.pricing-card3d:hover{--pty:-8px;transform:perspective(950px) rotateY(var(--pry,0deg)) rotateX(var(--prx,0deg)) skewY(0deg) translateY(-8px);box-shadow:0 28px 50px -14px rgba(14,18,26,.32),0 0 0 1.5px rgba(20,23,31,.18)}
.pricing-card3d.is-featured{background:linear-gradient(165deg,#ff8514 0%,#ff6a00 55%,#e05500 100%);color:#ffffff;box-shadow:0 26px 50px -14px rgba(20,23,31,.34)}
.pricing-ribbon{position:absolute;top:clamp(-12px,-1.5svh,-8px);left:14%;right:-10px;height:clamp(36px,4.6svh,44px);background:linear-gradient(135deg,#1b1f2a 0%,#2b3142 100%);color:#ffffff;border-radius:10px 8px 8px 10px;display:flex;align-items:center;justify-content:center;font:700 clamp(13px,1.1vw,15px)/1 Oswald,sans-serif;letter-spacing:.1em;box-shadow:0 12px 22px -6px rgba(14,18,26,.38);transform:rotate(-2deg);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s}
.pricing-ribbon::after{content:'';position:absolute;right:0;bottom:-8px;border-top:8px solid #0d0f14;border-right:10px solid transparent}
.pricing-card3d:hover .pricing-ribbon{transform:rotate(0deg) translateY(-3px)}
.pricing-card3d.is-featured .pricing-ribbon{background:#ffffff;color:#14171f;box-shadow:0 12px 24px -6px rgba(0,0,0,.24)}
.pricing-card3d.is-featured .pricing-ribbon::after{border-top-color:#cbd0dc}
.pricing-card-body{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;gap:clamp(8px,1.5svh,16px)}
.pricing-card-body h3{font:400 clamp(19px,1.7vw,25px)/1.15 'Space Grotesk',sans-serif;margin:0;color:inherit}
.pricing-price{transition:transform .2s,opacity .2s}
.pricing-card3d.is-flipping .pricing-price{transform:scale(.86) rotateX(35deg);opacity:.25}
.pricing-amount{display:inline-flex;align-items:baseline;justify-content:center;color:#ff6a00;line-height:.92}
.pricing-card3d.is-featured .pricing-amount{color:#ffffff}
.pricing-amount sup{font:700 clamp(18px,1.6vw,24px)/1 Oswald,sans-serif;top:-.65em;margin-right:2px}
.pricing-amount strong{font:700 clamp(44px,4.5vw,66px)/.9 Oswald,sans-serif;letter-spacing:-.03em}
.pricing-amount small{font:700 clamp(16px,1.4vw,22px)/1 Oswald,sans-serif;margin-left:1px}
.pricing-unit{display:block;font-size:12.5px;font-weight:600;color:#636b78;margin-top:4px}
.pricing-card3d.is-featured .pricing-unit{color:rgba(255,255,255,.9)}
.pricing-card-body p{font-size:clamp(12.5px,.95vw,14px)!important;line-height:1.52!important;color:#4a515e!important;margin:0;max-width:25ch}
.pricing-card3d.is-featured .pricing-card-body p{color:rgba(255,255,255,.95)!important;font-weight:500}
.pricing-select-btn{position:relative;overflow:hidden;isolation:isolate;border:1.5px solid #181b22;border-radius:99px;background:#181b22;color:#ffffff;font:700 13.5px/1 'Space Grotesk',sans-serif;letter-spacing:.04em;padding:clamp(10px,1.4svh,13px) 30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s}
.pricing-select-btn::before{content:'';position:absolute;inset:0;background:#ff7900;transform:translateX(-102%) skewX(-12deg);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:-1}
.pricing-select-btn i{font-style:normal;display:inline-block;font-size:14px;transform:translateX(-4px);opacity:.75;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s}
.pricing-select-btn:hover,.pricing-card3d:hover .pricing-select-btn{color:#111317;border-color:#111317;transform:translate(-2px,-2px);box-shadow:4px 4px 0 #111317}
.pricing-select-btn:hover::before,.pricing-card3d:hover .pricing-select-btn::before{transform:translateX(0) skewX(0deg)}
.pricing-select-btn:hover i,.pricing-card3d:hover .pricing-select-btn i{transform:translate(3px,-2px);opacity:1}
.pricing-card3d.is-featured .pricing-select-btn{background:#ffffff;color:#14171f;border-color:#ffffff}
.pricing-card3d.is-featured .pricing-select-btn::before{background:#14171f}
.pricing-card3d.is-featured .pricing-select-btn:hover,.pricing-card3d.is-featured:hover .pricing-select-btn{color:#ffffff;border-color:#ffffff;box-shadow:4px 4px 0 rgba(17,19,23,.45)}
.pricing-form-dock{background:#12151c;color:#ffffff;border-radius:16px;padding:clamp(12px,1.8svh,18px) clamp(16px,2vw,24px);display:flex; flex-direction:column;gap:10px;box-shadow:0 18px 40px rgba(12,15,22,.22);border:1px solid rgba(255,121,0,.35);flex-shrink:0}
.pricing-form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pricing-active-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,121,0,.18);border:1px solid #ff7900;color:#ffb366;font-size:12px;font-weight:700;letter-spacing:.05em;padding:4px 12px;border-radius:99px}
.pricing-form-meta h4{font:600 clamp(14px,1.1vw,16px)/1.2 'Space Grotesk',sans-serif;margin:0;color:#eef1f6}
.pricing-inline-form{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.4fr auto;gap:10px;align-items:center}
.pricing-inline-form input,.pricing-inline-form select{width:100%;box-sizing:border-box;background:#1c202b;border:1px solid #353c4d;color:#ffffff;border-radius:10px;padding:clamp(8px,1.2svh,11px) 12px;font:500 13px 'Space Grotesk',sans-serif;outline:none;transition:border-color .2s}
.pricing-inline-form input::placeholder{color:#8f98a8}
.pricing-inline-form input:focus,.pricing-inline-form select:focus{border-color:#ff7900}
.pricing-submit-btn{border:0;border-radius:10px;background:#ff7900;color:#111317;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.04em;padding:clamp(9px,1.3svh,12px) 20px;cursor:pointer;white-space:nowrap;transition:background .25s,transform .2s}
.pricing-submit-btn:hover{background:#ffa040;transform:translateY(-1px)}
.pricing-submit-btn.is-sent{background:#1ec973;color:#0b140f}
@media(max-width:1024px){
.pricing-section{height:auto;min-height:100svh}
.pricing-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pricing-inline-form{grid-template-columns:1fr 1fr}
.pricing-submit-btn{grid-column:1/-1}
}
@media(max-width:600px){
.pricing-kicker-row{flex-direction:column;gap:8px}
.pricing-cards-grid{grid-template-columns:1fr;gap:18px}
.pricing-card3d{transform:none!important}
.pricing-inline-form{grid-template-columns:1fr}
}

/* Modern Section 05 (#home-studio) with Cyber Motion Video Backdrop */
.home-studio.designed-section{position:relative!important;overflow:hidden!important;background:#06080d!important;color:#ffffff!important;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.2svh,24px) clamp(20px,3.2vw,44px)!important;isolation:isolate;box-sizing:border-box}
.studio-video-backdrop{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-2}
.studio-bg-video{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.82) contrast(1.15) saturate(1.1);transform:scale(1.02)}
.studio-video-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,rgba(6,8,13,.22) 0%,rgba(6,8,13,.65) 60%,rgba(6,8,13,.92) 100%),linear-gradient(180deg,rgba(6,8,13,.82) 0%,rgba(6,8,13,.25) 45%,rgba(6,8,13,.9) 100%);pointer-events:none}
.studio-video-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%);pointer-events:none}
.studio-content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1.6svh,20px)}
.studio-cinematic-layer{justify-content:space-between;min-height:calc(100svh - clamp(32px,4.5svh,56px))}
.studio-cyber-kicker{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:10px;color:#ffffff;margin:0}
.studio-kicker-left{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#e0e4ed}
.studio-kicker-left .kicker-num{color:#ff7900;font-size:14px}
.studio-kicker-left .kicker-sep{color:rgba(255,255,255,.3)}
.studio-status-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,121,0,.12);border:1px solid rgba(255,121,0,.35);padding:5px 12px;border-radius:99px;font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.06em;color:#ff9633;text-transform:uppercase;backdrop-filter:blur(8px)}
.status-dot{width:7px;height:7px;border-radius:50%;background:#ff7900;box-shadow:0 0 10px #ff7900;animation:pulseDot 2s infinite ease-in-out}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.studio-hero-centerpiece{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:720px;padding:clamp(16px,3svh,36px) 0;margin:auto 0}
.studio-cyber-tag{display:inline-block;font:700 10.5px/1 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#ff7900;margin-bottom:8px;text-transform:uppercase}
.studio-grand-title{font:600 clamp(48px,6.8vw,96px)/.98 Oswald,sans-serif!important;letter-spacing:-.035em;color:#ffffff!important;margin:0 0 18px!important;text-transform:uppercase}
.studio-grand-title em{font-style:normal;color:#ff7900;display:block}
.studio-grand-lead{font-size:clamp(15px,1.2vw,18px)!important;line-height:1.65!important;color:#c9d2e0!important;margin:0 0 26px!important;max-width:54ch}
.studio-grand-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.studio-primary-cta{display:inline-flex;align-items:center;gap:12px;background:#ff7900;color:#0b0d12;padding:9px 18px;border-radius:99px;font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.04em;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:0 6px 20px rgba(255,121,0,.35)}
.studio-primary-cta:hover{transform:translateY(-2px);background:#ffa047;box-shadow:0 10px 28px rgba(255,121,0,.5);color:#080a0f}
.studio-primary-cta i{font-style:normal;font-size:16px;transition:transform .25s}
.studio-primary-cta:hover i{transform:translate(2px,-2px)}
.studio-metric-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:99px;backdrop-filter:blur(10px)}
.studio-metric-pill strong{font:700 16px/1 Oswald,sans-serif;color:#ffffff}
.studio-metric-pill span{font:600 10px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#9ca4b3}
.studio-telemetry-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(10,13,20,.6);border:1px solid rgba(255,255,255,.09);border-radius:12px;backdrop-filter:blur(14px);flex-wrap:wrap;gap:10px}
.telemetry-item{display:inline-flex;align-items:center;gap:7px;font:600 10.5px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#a2abb9;text-transform:uppercase}
.telemetry-dot{width:5px;height:5px;border-radius:50%;background:#ff7900}
@media(max-width:900px){
  .studio-telemetry-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}
@media(max-width:768px){
  .studio-hero-centerpiece{padding:20px 0}
  .studio-grand-lead{font-size:14px!important}
}