/* Match the existing Bright Idea type system; retain pricing section and grid structure. */
.pricing-design-studio{font-family:var(--sans);--studio-ink:#152b39;--studio-teal:#397d81}
.pricing-design-studio h1,.pricing-design-studio h2,.pricing-design-studio h3{font-family:var(--serif);font-weight:400;letter-spacing:-.08em}
.pricing-design-studio h1 em,.pricing-design-studio h2 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:inherit;color:#397d81}
.pricing-design-studio .studio-plan h3,.pricing-design-studio .quote-summary h3{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}
.pricing-design-studio .studio-cost-layers h3{font-family:var(--serif);font-size:21px;line-height:1.15;letter-spacing:-.045em}
.pricing-design-studio .studio-hero-copy>p:not(.studio-kicker){font-family:var(--sans);font-size:17px;line-height:1.7}
.pricing-design-studio .pricing-heading>p,.pricing-design-studio .studio-cost-guide>div>p:not(.studio-kicker){font-size:14px;line-height:1.75}
.pricing-design-studio .quote-fields label{font-size:13px}.pricing-design-studio .quote-fields input:not([type=checkbox]),.pricing-design-studio .quote-fields select,.pricing-design-studio .quote-fields textarea{font:400 14px/1.5 var(--sans)}
.studio-brand-caption{display:flex;align-items:center;gap:12px}.studio-brand-caption img{width:83px;height:29px;object-fit:contain;mix-blend-mode:multiply}
.studio-hero{position:relative;isolation:isolate}.studio-hero:before{content:'BI';position:absolute;left:-.03em;bottom:-.02em;font:900 clamp(160px,24vw,330px)/.7 var(--sans);letter-spacing:-.08em;color:#397d8112;pointer-events:none;z-index:-1}
.studio-blueprint{isolation:isolate}.studio-blueprint:after{content:'BI';position:absolute;right:-.025em;bottom:4px;font:900 120px/.8 var(--sans);letter-spacing:-.08em;color:#397d810e;pointer-events:none;z-index:-1}
.studio-orbit{height:190px;overflow:visible}.studio-orbit-ring{z-index:2;opacity:.45}.studio-orbit-dot{z-index:3}.studio-cloud-image{display:block;position:relative;width:100%;height:190px;object-fit:contain;mix-blend-mode:multiply;animation:studio-cloud-drift 7s ease-in-out infinite;will-change:transform}.studio-orbit-label{bottom:-4px;z-index:4;font-size:7px}.studio-orbit-ring{width:205px;height:170px}.studio-orbit-dot{width:205px;height:170px}
.studio-server-room{position:relative;margin:24px 0 0;border-radius:9px;overflow:hidden;background:#152b39;aspect-ratio:16/9;border:1px solid #b9ccc0}.studio-server-room img{display:block;width:100%;height:100%;object-fit:cover;animation:studio-room-depth 18s ease-in-out infinite;will-change:transform}.studio-server-room:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#152b39b0);pointer-events:none}.studio-server-room figcaption{position:absolute;left:13px;right:13px;bottom:10px;z-index:2;display:flex;justify-content:space-between;gap:10px;color:#fff;font:500 10px/1.4 var(--sans)}.studio-server-room figcaption span{font-size:8px;color:#c6d8cf}.studio-room-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#8bd0c560,transparent);box-shadow:0 -7px 16px #8bd0c520;z-index:1;animation:studio-room-scan 8s ease-in-out infinite;pointer-events:none}
.studio-cost-guide{position:relative;isolation:isolate;overflow:hidden}.studio-cost-guide:before{content:'BI';position:absolute;right:-.035em;bottom:-.06em;font:900 clamp(160px,22vw,285px)/.8 var(--sans);letter-spacing:-.08em;color:#397d810e;z-index:-1;pointer-events:none}.studio-close{position:relative;isolation:isolate;overflow:hidden}.studio-close:after{content:'BI';position:absolute;right:24%;bottom:-.08em;font:900 clamp(140px,18vw,250px)/.8 var(--sans);letter-spacing:-.08em;color:#dce8e30c;z-index:-1;pointer-events:none}
@keyframes studio-cloud-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes studio-room-depth{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes studio-room-scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(220px);opacity:0}}
@media(max-width:760px){.pricing-design-studio .studio-hero-copy>p:not(.studio-kicker){font-size:16px}.studio-hero:before{font-size:220px;bottom:25%}.studio-server-room{max-width:520px}.studio-brand-caption{font-size:8px;gap:9px}.studio-brand-caption img{width:74px}.studio-close:after{right:0}}
@media(prefers-reduced-motion:reduce){.studio-cloud-image,.studio-server-room img,.studio-room-scan{animation:none;will-change:auto}.studio-room-scan{display:none}}
/* Use the Software Portfolio page's actual heading scale and closing section. */
.pricing-design-studio .studio-hero h1{font-size:clamp(4.1rem,7.8vw,9rem);line-height:.9;margin:1.2rem 0 1.6rem;letter-spacing:-.08em}
.pricing-design-studio .pricing-heading h2,.pricing-design-studio .studio-cost-guide h2,.pricing-design-studio .studio-faq h2{font-size:clamp(3.5rem,6vw,7.5rem);line-height:.9;letter-spacing:-.08em}
.pricing-design-studio .studio-workloads h2{font-size:clamp(2rem,3vw,3.3rem);line-height:1;letter-spacing:-.08em}
.pricing-design-studio .studio-plan h3,.pricing-design-studio .quote-summary h3{font-size:clamp(2rem,3vw,3.3rem);line-height:.95;letter-spacing:-.08em}
.pricing-design-studio .studio-hero-copy>p:not(.studio-kicker),.pricing-design-studio .pricing-heading>p,.pricing-design-studio .studio-cost-guide>div>p:not(.studio-kicker){font-size:1rem;line-height:1.6}
.pricing-design-studio .studio-kicker,.pricing-design-studio .pricing-heading .eyebrow{font-size:.58rem;font-weight:900;letter-spacing:.15em}
.pricing-design-studio .sp-close{margin:0 -5.5vw -70px;padding:clamp(5.5rem,10vw,10.5rem) 8vw;background:#397d81;color:#f6f4ee;isolation:isolate}
.pricing-design-studio .sp-close h2{font:400 clamp(4rem,7.6vw,8.7rem)/.77 var(--serif);letter-spacing:-.08em;margin:1.5rem 0 2.2rem}
.pricing-design-studio .sp-close h2 em{color:#f2e3ad;font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:inherit}
.pricing-design-studio .sp-close:after{content:'BI';position:absolute;right:3vw;bottom:-.22em;color:rgba(246,244,238,.12);font:italic 400 clamp(13rem,31vw,32rem)/.7 var(--serif);letter-spacing:normal;pointer-events:none;z-index:0}
.pricing-design-studio .sp-close>*{position:relative;z-index:1}
.pricing-design-studio .sp-close>p{font:900 .58rem/1.5 var(--sans);letter-spacing:.15em;color:#dce8e3}
.pricing-design-studio .sp-close>a{display:inline-block;padding:1rem 1.2rem;background:#152b39;color:#f6f4ee;font:900 .7rem/1.5 var(--sans);letter-spacing:.08em}
@media(max-width:760px){.pricing-design-studio .sp-close{margin-left:-5vw;margin-right:-5vw;margin-bottom:-40px}.pricing-design-studio .studio-hero h1{font-size:clamp(3.8rem,12vw,5.4rem);line-height:.94}.pricing-design-studio .pricing-heading h2,.pricing-design-studio .studio-cost-guide h2,.pricing-design-studio .studio-faq h2{font-size:clamp(2.8rem,8.5vw,4.5rem);line-height:.95}.pricing-design-studio .sp-close h2{font-size:clamp(3rem,9.5vw,5.5rem);line-height:.85}.pricing-design-studio .sp-close{padding-left:1.25rem;padding-right:1.25rem}}

/* Spacious section lettering and a quiet infrastructure watermark. */
.pricing-design-studio .quote-fields fieldset:first-child{position:relative;isolation:isolate;overflow:hidden;padding-top:30px}
.pricing-design-studio .quote-fields fieldset:first-child legend{float:left;width:100%;box-sizing:border-box;padding:0 0 25px;font:400 clamp(2.2rem,4vw,4.2rem)/1 var(--serif);letter-spacing:-.06em;color:#397d81}
.pricing-design-studio .quote-fields fieldset:first-child:after{content:'01';position:absolute;right:12px;top:8px;font:italic 400 clamp(8rem,18vw,16rem)/1 var(--serif);letter-spacing:-.08em;color:rgba(57,125,129,.065);pointer-events:none;z-index:-1}
.pricing-design-studio .quote-fields fieldset:first-child .quote-grid{clear:both;position:relative}
@media(max-width:500px){.pricing-design-studio .quote-fields fieldset:first-child legend{font-size:2.3rem;padding-bottom:24px}.pricing-design-studio .quote-fields fieldset:first-child:after{font-size:9rem}}
/* Cloud containers follow the available screen width and content height. */
body main#main.pricing-page{width:100%;max-width:none;box-sizing:border-box;margin-inline:auto}
body main#main.pricing-design-studio .studio-hero{width:100%;height:auto;box-sizing:border-box;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
body main#main.pricing-design-studio .studio-hero-copy,body main#main.pricing-design-studio .studio-blueprint,body main#main .quote-fields,body main#main .quote-summary{min-width:0;box-sizing:border-box}
body main#main.pricing-design-studio .studio-blueprint{width:100%;max-width:none;height:auto}
body main#main.pricing-design-studio .quote-fields fieldset{min-width:0;box-sizing:border-box}
@media(max-width:900px){body main#main.pricing-design-studio .studio-hero{grid-template-columns:minmax(0,1fr)}body main#main.pricing-design-studio .studio-blueprint{max-width:none;justify-self:stretch}}
/* Edge-to-edge cloud opening; retain comfortable spacing inside the banner. */
body main#main.pricing-design-studio .studio-hero{width:calc(100% + 11vw);margin-inline:-5.5vw;padding-inline:8vw;border-radius:0!important}
@media(max-width:760px){body main#main.pricing-design-studio .studio-hero{width:calc(100% + 10vw);margin-inline:-5vw;padding-inline:6vw}}
/* Full-width cost picture and clear provider choices. */
body main#main.pricing-design-studio .studio-cost-guide{width:calc(100% + 11vw);margin-inline:-5.5vw;padding:clamp(40px,6vw,80px) 8vw;box-sizing:border-box;border-radius:0}
.studio-provider-list{display:grid;gap:24px;margin-bottom:32px}
.studio-provider-list>div{padding-bottom:24px;border-bottom:1px solid #b9cdc2}
.studio-provider-list>div>p{margin:0 0 12px;color:#397d81;font:900 .58rem/1.5 var(--sans);letter-spacing:.15em}
.pricing-design-studio .studio-provider-list h3{margin:0 0 18px;font:400 clamp(1.7rem,2.6vw,2.5rem)/1 var(--serif);letter-spacing:-.06em;color:#152b39}
.studio-provider-list ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}
.studio-provider-list li{padding:10px 15px;border:1px solid #9ebdb1;border-radius:4px;background:#f6f4ee;color:#152b39;font:700 .8rem/1.4 var(--sans)}
@media(max-width:760px){body main#main.pricing-design-studio .studio-cost-guide{width:calc(100% + 10vw);margin-inline:-5vw;padding-inline:6vw}.studio-provider-list{margin-top:15px}.studio-provider-list li{padding:9px 12px}}
/* Match the site’s editorial typography and readable supporting copy. */
body main#main.pricing-design-studio .studio-hero h1{font-size:clamp(4.1rem,7.8vw,9rem);line-height:.84;letter-spacing:-.075em;max-width:10ch}
body main#main.pricing-design-studio :is(.pricing-heading h2,.studio-cost-guide h2,.studio-faq h2){font-size:clamp(3.5rem,6vw,7.5rem);line-height:.85;letter-spacing:-.075em}
body main#main.pricing-design-studio :is(.studio-hero-copy>p:not(.studio-kicker),.studio-cost-guide>div>p:not(.studio-kicker)){font-size:1.05rem;line-height:1.65;max-width:34rem}
body main#main.pricing-design-studio .studio-cost-layers article h3{font-size:clamp(2rem,3vw,3.3rem);line-height:.95;letter-spacing:-.075em}
body main#main.pricing-design-studio :is(.studio-cost-layers article p,.studio-faq details p,.studio-workloads>div>p:not(.studio-kicker)){font-size:1rem;line-height:1.65;max-width:38rem}
body main#main.pricing-design-studio :is(.studio-provider-list li,.quote-fields label,.quote-fields legend,.quote-summary dl div){font-size:.875rem}
body main#main.pricing-design-studio .studio-cost-guide:before{content:'CLOUD SERVICES';left:2vw;right:auto;bottom:-.08em;white-space:nowrap;font:italic 400 clamp(3.5rem,10.4vw,14rem)/.9 var(--serif);letter-spacing:-.065em;color:rgba(57,125,129,.09);z-index:0;pointer-events:none}
body main#main.pricing-design-studio .studio-cost-guide>div{position:relative;z-index:1}
@media(max-width:760px){body main#main.pricing-design-studio .studio-hero h1{font-size:clamp(3.8rem,15vw,5.4rem);line-height:.9}body main#main.pricing-design-studio :is(.pricing-heading h2,.studio-cost-guide h2,.studio-faq h2){font-size:clamp(2.8rem,9vw,4.5rem);line-height:.92}body main#main.pricing-design-studio .studio-cost-guide:before{font-size:11vw;bottom:.2em}body main#main.pricing-design-studio .studio-cost-guide{padding-bottom:clamp(65px,16vw,100px)}}body main#main.pricing-design-studio .quote-fields fieldset:first-child legend{font-size:clamp(2.2rem,4vw,4.2rem)}
