/* THE BUILD BOX — Sky / Navy. One color layer shared by Arabic and English. */
:root{--bg:#F6F9FC;--ink:#10243A;--orange:#176A96;--muted:#52677C;--line:#D4E1EC;--green:#DCEEF9;--sky:#e6b85c;--ice:#EAF4FB;--surface:#FFFFFF}
body{background:var(--bg);color:var(--ink)}
::selection{background:#B8E5FA;color:#10243A}
header{background:#F6F9FCF5;border-color:var(--line)}
.topbar{background:#10243A;color:#E8F4FC}
.brand small,.hero-copy p{color:var(--muted)}
.button{background:var(--sky);color:var(--ink)}
.button:hover{background:#8AD1F1;color:var(--ink)}
.button.dark,.button.dark:hover,.filter.active{background:var(--ink);color:#F6F9FC;border-color:var(--ink)}
.button.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.button.outline:hover{background:var(--ice)}
.language-toggle,.menutoggle{border-color:#C5D7E5;color:var(--ink)}
.language-toggle:hover,.menutoggle:hover{background:#E6F2FA}
.navlinks a.current{color:#176A96}
.status{background:var(--sky)}
.hero-assurances i{color:#176A96}
.box-visual{background:radial-gradient(ellipse at 54% 43%,#1D4160 0%,#10243A 70%);border-color:#254761;box-shadow:0 24px 50px -34px #0B223C80;--cube-top:#9DDAF5;--cube-left:#e6b85c;--cube-right:#b78940}
.box-visual:before{background-image:linear-gradient(#A8D7F118 1px,transparent 1px),linear-gradient(90deg,#A8D7F118 1px,transparent 1px);opacity:.8}
.box-visual .visual-top,.box-stamp,.box-hint{color:#E1F3FE}
.box-watermark{color:#9BCFEA;opacity:.12}
.box-guides{stroke:#9BCFEA;opacity:.4}
.box-sculpture{filter:drop-shadow(0 18px 10px #06182D33)}
.build-cube polygon{stroke:#0C466920}
[data-color=sky]{--cube-top:#9DDAF5;--cube-left:#e6b85c;--cube-right:#b78940}
[data-color=navy]{--cube-top:#739BBB;--cube-left:#3D6588;--cube-right:#1D3F60}
[data-color=ice]{--cube-top:#F1F9FE;--cube-left:#C9E6F6;--cube-right:#86B8D3}
[data-color=slate]{--cube-top:#BCCAD8;--cube-left:#7F98B0;--cube-right:#4C6985}
.swatch[data-color=sky]{background:#e6b85c}.swatch[data-color=navy]{background:#244765}.swatch[data-color=ice]{background:#CEE9F8}.swatch[data-color=slate]{background:#7F98B0}
.swatch{border-color:#F6F9FC}.swatch[aria-pressed=true]{outline-color:#176A96}
.controls{background:#F6F9FCF2;border-color:#FFFFFFB3;box-shadow:0 5px 20px #031B2F30}
.build-toggle{background:#10243A;color:#EDF7FF}.build-toggle:hover{background:#176A96}
.marquee{background:#e6b85c;color:#10243A}
.service-console,.mx-shell,.q-wizard{background:#FFFFFF}
.service-tabs,.mx-tabs{background:#E7F1F8}
.service-tabs button[aria-selected=true],.mx-tabs button[aria-selected=true]{background:#10243A;color:#F6F9FC}
.service-tabs button[aria-selected=true]:after,.mx-tabs button[aria-selected=true]:after{background:#e6b85c}
.path-number,.service-tabs small{opacity:.8}
.service-photo{background:#E6EFF6}.photo-corner,.art .art-num{background:#F6F9FCEE}
.photo-badge{background:#10243AE8;color:#EFF8FE}
.showcase{background:#E4F0F8}.filter{border-color:#A8C4D7;background:#FFFFFF33}
.image-expand{background:#F6F9FC;color:#10243A}.image-open:hover .image-expand{background:#e6b85c;color:#10243A}
.art,.example:nth-child(2) .art,.example:nth-child(3) .art{background:#DCEBF5}
.mx-tabs button{color:#36556F;border-color:#C9DDEB}.mx-tabs button:hover:not([aria-selected=true]){background:#D7EAF6}
#mx-profile{background:#E4F1F9;color:#285E7D}
.mx-description,.mx-details li,.mx-details p,.mx-consider p{color:#52677C}
.mx-consider{background:#EDF4F9}.mx-availability{color:#52677C}
.mx-chart-panel{background:#EAF3F9}.mx-compare select{background:#FFFFFF;border-color:#B4CCDF;color:#10243A}
.mx-chart .grid{stroke:#A0BCD0}.mx-chart .axis{stroke:#B3CCDC}
.mx-chart .primary{fill:#269DD028;stroke:#176A96}.mx-chart .radar-point{fill:#176A96;stroke:#FFFFFF}
.mx-chart .comparison{fill:#10243A0B;stroke:#526D85}
.mx-chart .radar-label{fill:#3B5971}.mx-chart .radar-ring-number{fill:#58768E}
.mx-legend i{background:#176A96}.mx-legend .compare-key{background:repeating-linear-gradient(90deg,#526D85 0 4px,transparent 4px 6px)}
.mx-scale{color:#52677C;border-color:#C9DDEB}.mx-data caption{color:#52677C}.mx-data th,.mx-data td{border-color:#C9DDEB}
.principles-grid article{border-color:#AEC8DB}
.studio-process{background:#10243A}.studio-process h2{color:#F1F8FD}
.studio-process .eyebrow,.studio-process .section-top p{color:#B6D3E7}
.journey-tabs button{color:#B6CEE1;border-color:#35516B}
.journey-tabs button[aria-selected=true]{background:#D8EFFB;color:#10243A;border-color:#D8EFFB}
.journey-tabs b{color:#97BDD8}.journey-tabs button[aria-selected=true] b{color:#426781}
.journey-panel{background:#17324D;border-color:#34546F}
.journey-graphic{background-image:linear-gradient(#B6DDF50B 1px,transparent 1px),linear-gradient(90deg,#B6DDF50B 1px,transparent 1px)}
.journey-box{background:#234C6B;border-color:#8AC5E855;box-shadow:8px 8px 0 #0A1C30}.journey-box span{color:#81D2F6}.journey-box i{border-color:#BAE8FB}
.journey-panel[data-stage="3"] .journey-box{background:#356D90}
.journey-dots span{background:#50738F}.journey-dots span.done{background:#72C9EF}
.journey-copy p{color:#C3D9E9}.journey-result{border-color:#3C5B76}.journey-result>span{color:#A5C6DE}.journey-result strong{color:#91D6F4}
.q-progress li{border-color:#D5E2ED;color:#52677C}.q-progress .is-current{color:#10243A;border-color:#176A96}.q-progress .is-complete{color:#176A96;border-color:#e6b85c}
.q-service{border-color:#C9DDEB}.q-service:hover{border-color:#66AED6}.q-service.is-selected{background:#E8F4FC;border-color:#b78940;box-shadow:inset 0 0 0 1px #b78940}
.q-service-icon{color:#176A96;border-color:#A9CDDF}.q-fields label{color:#28445D}
input,select,textarea,.q-fields input,.q-fields select,.q-fields textarea{background:#FDFEFF;border-color:#BFCFDD;color:#10243A}
.q-fields input:focus,.q-fields select:focus,.q-fields textarea:focus{border-color:#176A96;box-shadow:0 0 0 3px #e6b85c24}
.q-review{background:#EAF4FB;border-color:#C9DEEC}.q-review-heading,.q-back{border-color:#C0D7E7}
footer{background:#E8F1F7}.giant{border-color:#C1D6E5}.float-wa{background:#10243A;color:#EFF8FE;border-color:#6FA7C84D}
dialog::backdrop{background:#071C32B8}.privacy-content{background:#F6F9FC}dialog>img{background:#E9F2F8}
@media(max-width:760px){.navlinks.open{background:#F6F9FC}.journey-box{box-shadow:5px 5px 0 #0A1C30}}
/* Comfortable reading sizes, preserving the existing layout and heading scale. */
.navlinks a{font-size:17px}.navlinks{gap:21px}.language-toggle,.navbutton{font-size:16px}
.button{font-size:18px}.hero-copy p,html[lang=en] .hero-copy p{font-size:20px;line-height:1.9}
.hero-copy>.eyebrow,html[lang=en] .hero-copy .eyebrow{font-size:14px}
.hero-assurances,html[lang=en] .hero-assurances{font-size:14px}.hero-foot{font-size:13px}
.section-top p,.brand-copy p,.quote-copy p{font-size:19px;line-height:1.9}
.service-tabs b{font-size:18px}.service-tabs small{font-size:14px}.path-number{font-size:14px}
.service-detail p{font-size:18px}.service-checklist span{font-size:17px}.service-scope{font-size:15px}.service-footnote{font-size:15px;line-height:1.85}
.service-kicker,.photo-corner span,.wordmark-breakdown span{font-size:14px}
.filter{font-size:16px}.gallery-editorial .caption small{font-size:15px}.illustration-note,.brand-copy .illustration-note{font-size:14px;line-height:1.85}
.mx-description,html[lang=en] .mx-description{font-size:19px;line-height:1.9}.mx-details li,.mx-details p,.mx-consider p{font-size:16px}
.mx-detail-label{font-size:15px}.mx-cta,html[lang=en] .mx-cta{font-size:17px}.mx-availability,.mx-disclaimer{font-size:14px;line-height:1.9}
.mx-kicker .latin{font-size:13px}#mx-profile,html[lang=en] #mx-profile{font-size:14px}.mx-chart-top .eyebrow,.mx-compare label{font-size:13px}
.mx-compare select{font-size:15px}.mx-chart .radar-label,html[lang=en] .mx-chart .radar-label{font-size:16px}
.mx-chart .radar-ring-number{font-size:12px}.mx-legend{font-size:15px}.mx-scale{font-size:14px}.mx-data summary{font-size:16px}.mx-data table{font-size:15px}
.principles-grid h3{font-size:22px}.principles-grid p{font-size:16px;line-height:1.9}
.journey-copy p{font-size:17px}.journey-result{font-size:16px}.journey-result>span{font-size:14px}.studio-process .eyebrow{font-size:14px}
.q-step-intro{font-size:16px}.q-service b,html[lang=en] .q-service b{font-size:17px}.q-service small,html[lang=en] .q-service small{font-size:14px}
.q-fields label{font-size:16px}.q-fields input,.q-fields select,.q-fields textarea{font-size:18px}.q-field-help{font-size:14px!important}
.q-progress li{font-size:15px}.q-progress span,.q-step-count{font-size:14px}.q-navigation .button{font-size:17px}.q-back{font-size:16px}
.q-privacy,.q-form-heading .eyebrow{font-size:14px}.q-review-heading{font-size:16px}.q-review-heading button{font-size:14px}.q-review-row{font-size:15px;grid-template-columns:110px minmax(0,1fr)}
.q-error,.q-feedback{font-size:16px}.faq-layout summary{font-size:19px}.faq-layout details p{font-size:17px;line-height:1.9}
.footer-top p{font-size:17px}.footer-bottom{font-size:14px}.float-wa{font-size:15px}.privacy-content p{font-size:18px}
html[lang=en] .service-tabs b{font-size:16px}html[lang=en] .service-tabs small{font-size:13px}
html[lang=en] .principles-grid h3{font-size:21px}html[lang=en] .journey-tabs span{font-size:18px}
@media(max-width:1100px){.navlinks{gap:14px}.navlinks a{font-size:15px}.navbutton,.language-toggle{font-size:14px}.service-tabs b{font-size:16px}.service-tabs small{font-size:13px}.hero-assurances{font-size:13px}}
@media(max-width:760px){
 .navlinks a{font-size:18px}.language-toggle{font-size:14px}.hero-copy p,html[lang=en] .hero-copy p{font-size:19px}
 .hero-assurances,html[lang=en] .hero-assurances{font-size:13px}.hero-foot{font-size:12px}.hero .actions .button,html[lang=en] .hero .actions .button{font-size:16px}.hero .actions .textlink,html[lang=en] .hero .actions .textlink{font-size:16px}
 .section-top p,.brand-copy p,.quote-copy p{font-size:18px}.service-tabs b,html[lang=en] .service-tabs b{font-size:16px}.service-tabs small,html[lang=en] .service-tabs small{font-size:13px}.service-tabs button{min-height:94px}
 .service-detail p{font-size:17px}.service-checklist span{font-size:16px}.service-scope{font-size:14px}.service-footnote{font-size:14px}
 .filter{font-size:15px;padding-inline:15px}.mx-kicker{flex-wrap:wrap}.mx-kicker .latin{font-size:12px}.mx-description,html[lang=en] .mx-description{font-size:18px}
 .mx-details{grid-template-columns:1fr;gap:22px}.mx-chart .radar-label,html[lang=en] .mx-chart .radar-label{font-size:18px}.mx-chart-top{flex-wrap:wrap}.mx-chart-top .eyebrow{font-size:12px}.mx-compare{margin-inline-start:auto}.mx-disclaimer{font-size:14px}
 .journey-tabs span,html[lang=en] .journey-tabs span{font-size:16px}.journey-copy p{font-size:16px}.journey-copy .eyebrow{font-size:12px}.journey-result{font-size:15px}
 .q-fields label{font-size:15px}.q-fields{grid-template-columns:1fr}.q-full{grid-column:auto}.q-service b,html[lang=en] .q-service b{font-size:17px}.q-navigation .button{font-size:16px}.q-privacy{font-size:14px}.q-review-row{grid-template-columns:83px minmax(0,1fr);font-size:14px}
 .q-form-heading .eyebrow{font-size:12px}.q-review-heading{flex-wrap:wrap}.q-progress li{font-size:14px}.q-progress span{font-size:13px}.q-form-heading{gap:10px}.q-step-count{font-size:13px}.float-wa{font-size:14px}.footer-bottom{font-size:14px}
}

@media(max-width:760px){html[lang=en] .button,html[lang=en] .q-navigation .button{font-size:16px}}

.language-toggle{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.seo-guide-link{padding-top:0;padding-bottom:10px}.seo-guide-link .textlink{font-size:18px}.seo-guide-link p{font-size:16px;color:var(--muted);line-height:1.9;max-width:700px}

/* Lead with the services so the studio's purpose is clear at first glance. */
.hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:4%;min-height:680px;padding-block:48px}
.hero-copy{min-width:0;max-width:none}
.hero-copy>.hero-location,html[lang=en] .hero-copy>.hero-location{font-family:inherit;letter-spacing:0;font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:20px}
.hero h1,html[lang=en] .hero h1{font-size:clamp(38px,4.6vw,66px);font-weight:600;line-height:1.38;letter-spacing:-1.6px;margin:0 0 16px}
.hero-heading-line{display:block;color:var(--ink)}
.hero h1 .hero-heading-accent{color:#176A96}
.hero-copy .hero-prototype,html[lang=en] .hero-copy .hero-prototype{font-size:clamp(21px,2.1vw,29px);font-weight:500;line-height:1.6;color:var(--ink);max-width:none;margin:0 0 16px}
.prototype-word{color:#176A96}
.hero-copy .hero-description,html[lang=en] .hero-copy .hero-description{font-size:21px;line-height:1.9;max-width:610px;margin:0}
.hero-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-services>span{display:inline-flex;align-items:center;gap:5px;border:1px solid #CEE0EC;border-radius:5px;background:#EAF3FA;color:#21465F;font-size:16px;font-weight:500;padding:7px 12px}
.hero .actions{margin-top:26px;gap:24px;flex-wrap:wrap}
.hero .actions .button,html[lang=en] .hero .actions .button{font-size:18px;font-weight:600;padding:16px 22px;gap:20px}
.hero .actions .textlink,html[lang=en] .hero .actions .textlink{font-size:17px}
.hero-use-cases{gap:12px;flex-wrap:wrap;font-size:15px;margin-top:24px}
.hero-use-cases i{width:4px;height:4px;border-radius:50%;background:#86A5BA}
.hero .box-visual{height:530px}
html[lang=en] .hero h1{font-size:clamp(38px,4.05vw,60px);line-height:1.2;letter-spacing:-2px}
html[lang=en] .hero-copy>.hero-location{font-size:14px;letter-spacing:1px}
html[lang=en] .hero-copy .hero-prototype{font-size:26px}
@media(max-width:1050px) and (min-width:761px){.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:3%}.hero .box-visual{height:480px}.hero-copy .hero-description,html[lang=en] .hero-copy .hero-description{font-size:19px}.hero .actions{gap:16px}.hero .actions .button,html[lang=en] .hero .actions .button{font-size:16px}.hero-services>span{font-size:14px;padding:6px 9px}.hero-use-cases{font-size:13px}.hero-copy>.hero-location{font-size:15px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;min-height:0;padding-block:29px 36px}.hero-copy>.hero-location,html[lang=en] .hero-copy>.hero-location{font-size:14px;margin-bottom:17px;letter-spacing:0}.hero h1{font-size:clamp(31px,8.9vw,54px);line-height:1.44;letter-spacing:-.9px;margin-bottom:12px}.hero-copy .hero-prototype,html[lang=en] .hero-copy .hero-prototype{font-size:23px;line-height:1.65;margin-bottom:12px}.hero-copy .hero-description,html[lang=en] .hero-copy .hero-description{font-size:19px;line-height:1.85}.hero-services{gap:6px;margin-top:18px}.hero-services>span{font-size:14px;padding:6px 8px}.hero .actions,html[lang=en] .hero .actions{margin-top:22px;gap:18px}.hero .actions .button,html[lang=en] .hero .actions .button{font-size:17px;padding:15px 18px}.hero .actions .textlink,html[lang=en] .hero .actions .textlink{font-size:16px}.hero-use-cases{font-size:13px;gap:8px;margin-top:20px}.hero .box-visual{height:395px}html[lang=en] .hero h1{font-size:clamp(32px,8.9vw,51px);letter-spacing:-1.4px}html[lang=en] .hero-use-cases{font-size:12px}}

html[lang=en] .hero-services>span{flex-direction:row-reverse}

/* Reference palette: midnight navy → burgundy, champagne gold and white. */
:root{color-scheme:dark;--bg:#080F25;--ink:#FFF9F2;--orange:#E6B85C;--muted:#CEC4CF;--line:#FFFFFF26;--green:#251A32;--sky:#E6B85C;--ice:#281B32;--surface:#15172B;--gold:#E6B85C;--guide-bg:var(--bg);--guide-ink:var(--ink);--guide-muted:var(--muted);--guide-line:var(--line);--guide-sky:var(--gold);--guide-blue:var(--gold);--guide-ice:var(--ice);--guide-white:var(--surface)}
body{background:linear-gradient(112deg,#03142B 0%,#21142D 43%,#611333 77%,#86163D 100%);background-attachment:fixed;color:var(--ink)}
::selection{background:#E6B85C;color:#11172A}
header,.guide-header{background:#0A1025F5;border-color:var(--line)}
.topbar{background:#070D1E;color:#D8CFDA}.status{background:var(--gold)}
h1,h2,h3,h4,.hero-heading-line,.hero-copy .hero-prototype{color:var(--ink)}
.hero h1 .hero-heading-accent,.prototype-word,.hero-assurances i,.section-no,.brand-copy h2 span,.brand-plus,.giant span,.service-kicker,.textlink,.navlinks a.current,.eyebrow,.guide-eyebrow,.guide-hero h1 span,.guide-links [aria-current]{color:var(--gold)}
.brand small,.hero-copy p,.hero-copy>.hero-location,.hero-copy .hero-description,.hero-foot,.section-top p,.service-detail p,.service-footnote,.mx-description,.mx-details li,.mx-details p,.mx-consider p,.mx-availability,.mx-disclaimer,.guide-lead{color:var(--muted)}
.button,.button.dark,.button.dark:hover,.filter.active,.guide-button,.guide-button:hover{background:var(--gold);color:#11172A;border-color:var(--gold)}
.button:hover,.guide-button:hover{background:#F5D18C;color:#11172A}
.button.outline{background:transparent;color:var(--ink);border-color:#E6B85C80}.button.outline:hover{background:#E6B85C16}
.language-toggle,.menutoggle,.guide-lang{color:var(--ink);background:transparent;border-color:#E6B85C55}.language-toggle:hover,.menutoggle:hover{background:#E6B85C15}
.hero-services>span{background:#FFFFFF09;color:#F1DFBE;border-color:#E6B85C40}
.box-visual{background:radial-gradient(ellipse at 85% 10%,#8B224855,transparent 65%),linear-gradient(140deg,#0B172D,#32172F);border-color:#E6B85C40;box-shadow:0 28px 65px -35px #0009;--cube-top:#F7D99B;--cube-left:#E6B85C;--cube-right:#A87930}
.box-visual:before{background-image:linear-gradient(#E6B85C13 1px,transparent 1px),linear-gradient(90deg,#E6B85C13 1px,transparent 1px)}
.box-visual .visual-top,.box-stamp,.box-hint{color:#F3E5CD}.box-watermark{color:#DCAE67;opacity:.12}.box-guides{stroke:#E6B85C;opacity:.35}.build-cube polygon{stroke:#5F3A2420}
[data-color=sky]{--cube-top:#F7D99B;--cube-left:#E6B85C;--cube-right:#A87930}[data-color=navy]{--cube-top:#65728F;--cube-left:#263957;--cube-right:#142039}[data-color=ice]{--cube-top:#FFFFFF;--cube-left:#EEE6E4;--cube-right:#B7A8B7}[data-color=slate]{--cube-top:#C56587;--cube-left:#842845;--cube-right:#4D1833}
.swatch[data-color=sky]{background:#E6B85C}.swatch[data-color=navy]{background:#263957}.swatch[data-color=ice]{background:#EEE6E4}.swatch[data-color=slate]{background:#842845}.swatch{border-color:#16162B}.swatch[aria-pressed=true]{outline-color:#F7D99B}
.controls{background:#0C1329E8;border-color:#E6B85C40;box-shadow:0 5px 20px #0003}.build-toggle,.build-toggle:hover{background:var(--gold);color:#11172A}
.marquee{background:#0B1124;color:var(--gold);border-block:1px solid #E6B85C55}
.service-console,.mx-shell,.q-wizard{background:#10172BEF;border-color:var(--line)}
.service-tabs,.mx-tabs{background:#090F23}.service-tabs button,.mx-tabs button{color:#DAD0DA;border-color:var(--line)}
.service-tabs button[aria-selected=true],.mx-tabs button[aria-selected=true]{background:#36243A;color:#F6D794}.service-tabs button[aria-selected=true]:after,.mx-tabs button[aria-selected=true]:after{background:var(--gold)}
.mx-tabs button:hover:not([aria-selected=true]){background:#291C32}.service-checklist span:before{background:var(--gold)}.service-scope{border-color:var(--line)}
.service-photo,.art,.example:nth-child(2) .art,.example:nth-child(3) .art{background:#1C1C2D}.photo-corner,.art .art-num{background:#0B122BEF;color:var(--gold)}.photo-badge{background:#0B122BEF;color:#F5DFB7}
.showcase{background:#080F26A6;border-block:1px solid var(--line)}.filter{background:#FFFFFF06;color:var(--ink);border-color:#FFFFFF35}.filter.active{color:#11172A}.image-expand{background:var(--gold);color:#11172A}.image-open:hover .image-expand{background:#F8DFAF;color:#11172A}
#mx-profile{background:#E6B85C1A;color:#F5D18C}.mx-consider,.mx-chart-panel{background:#221A31}.mx-compare select{background:#12172A;border-color:#E6B85C55;color:var(--ink)}
.mx-chart .grid,.mx-chart .axis{stroke:#B5A7B34D}.mx-chart .primary{fill:#E6B85C28;stroke:var(--gold)}.mx-chart .radar-point{fill:var(--gold);stroke:#FFF9F2}.mx-chart .comparison{fill:#FFFFFF0B;stroke:#D9C4D6}.mx-chart .radar-label{fill:#E6DAE5}.mx-chart .radar-ring-number{fill:#C0B1BF}.mx-legend i{background:var(--gold)}.mx-legend .compare-key{background:repeating-linear-gradient(90deg,#D9C4D6 0 4px,transparent 4px 6px)}.mx-scale,.mx-data caption{color:var(--muted)}.mx-scale,.mx-data th,.mx-data td{border-color:var(--line)}
.principles-grid article,.wordmark-breakdown{border-color:var(--line)}.studio-process{background:#070D20B3}.studio-process h2{color:var(--ink)}.studio-process .eyebrow{color:var(--gold)}.studio-process .section-top p{color:var(--muted)}
.journey-tabs button{color:#D8CDD8;border-color:var(--line)}.journey-tabs button[aria-selected=true]{background:#E6B85C;color:#11172A;border-color:#E6B85C}.journey-tabs b{color:#DDC3A7}.journey-tabs button[aria-selected=true] b{color:#5E421D}.journey-panel{background:#17172D;border-color:#E6B85C36}.journey-graphic{background-image:linear-gradient(#E6B85C0B 1px,transparent 1px),linear-gradient(90deg,#E6B85C0B 1px,transparent 1px)}.journey-box,.journey-panel[data-stage="3"] .journey-box{background:#51304A;border-color:#E6B85C80;box-shadow:8px 8px 0 #080D20}.journey-box span{color:#F1CD83}.journey-box i{border-color:#F1CD83}.journey-dots span{background:#63516C}.journey-dots span.done{background:var(--gold)}.journey-copy p{color:var(--muted)}.journey-result{border-color:var(--line)}.journey-result>span{color:#CEC4CF}.journey-result strong{color:var(--gold)}
.q-progress li{color:#C9BACB;border-color:#FFFFFF24}.q-progress .is-current,.q-progress .is-complete{color:var(--gold);border-color:var(--gold)}.q-service{background:#11172C;color:var(--ink);border-color:#FFFFFF30}.q-service:hover{border-color:#E6B85C99}.q-service.is-selected{background:#39263A;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.q-service-icon{color:var(--gold);border-color:#E6B85C66}.q-fields label{color:#F3E9F0}
input,select,textarea,.q-fields input,.q-fields select,.q-fields textarea{background:#090F24;color:var(--ink);border-color:#FFFFFF3D}input::placeholder,textarea::placeholder{color:#AD9FB3}.q-fields input:focus,.q-fields select:focus,.q-fields textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #E6B85C20}.q-review{background:#241B31;border-color:#FFFFFF30}.q-review-heading,.q-back{border-color:var(--line)}.q-error{background:#571C31;color:#FFE3E9}.q-feedback{color:#EDD7A4}
footer,.guide-footer{background:#070D20E8;border-color:var(--line)}.giant{border-color:var(--line)}.float-wa{background:var(--gold);color:#11172A;border-color:#F5D18C;box-shadow:0 6px 25px #0005}dialog::backdrop{background:#030817CC}.privacy-content{background:#14182E;color:var(--ink)}dialog>img{background:#14182E}
.guide-purpose{background:linear-gradient(135deg,#10182E,#421B37);border-color:#E6B85C55}.guide-purpose-number,.guide-purpose>p{color:var(--muted)}.guide-purpose li{border-color:var(--line)}.guide-material-link{color:#F4D599}.guide-block i{background:#E6B85C;border-color:#F8DFAF;box-shadow:11px 5px 0 -1px #A87930}.guide-block i:nth-child(3){background:#F7D99B}.guide-dot,.guide-card-details li:before{background:var(--gold)}.dot-1{background:#F7D99B}.dot-2{background:#D3AA70}.dot-3{background:#EEE6E4}.dot-4{background:#A97387}
.guide-comparison{background:#090F25A6;border-color:var(--line)}.guide-table-scroll{background:#13172A;border-color:var(--line)}.guide-table thead{background:#281B32;color:var(--ink)}.guide-table thead th{color:#F5D18C}.guide-table tbody th{background:#1A192E}.guide-table td{color:#D9CDD9}.guide-table tbody tr:hover td{background:#282039}.guide-material-card{background:#11172DEB}.guide-card-intro{background:#241B32}.guide-card-index,.guide-chemical{color:#C9B9CB}.guide-chip{color:#F5D18C;background:#E6B85C18}.guide-card-description{color:var(--muted)}.guide-caution{background:#291D33;border-color:#E6B85C66}.guide-caution .guide-tpu-note{border-color:var(--line)}.guide-text-link{border-color:#E6B85C66}.guide-note{background:#201B32;border-color:var(--line)}.guide-info{border-color:var(--gold);color:var(--gold)}.guide-cta{background:#0C1329;color:var(--ink);border-color:var(--line)}.guide-cta p{color:var(--muted)}
@media(max-width:760px){.navlinks.open{background:#0B1127}.journey-box{box-shadow:5px 5px 0 #080D20}}

/* Unified motion identity: lightweight transform and opacity only. */
::selection{background:#E6B85C;color:#080F25}.hero-assurances i{color:#E6B85C}.brand img{width:48px;height:52px;object-fit:contain}.art,.service-photo,.box-visual{position:relative;border:1px solid #E6B85C55}.art:after,.service-photo:after{content:"";position:absolute;inset:0;border:1px solid #E6B85C88;border-radius:inherit;pointer-events:none;animation:frame-breathe 6s ease-in-out infinite}.image-expand{font-family:Arial,sans-serif}.ticker b{color:#E6B85C;font-family:Arial,sans-serif}.mx-sample{--mx-accent:#E6B85C}.service-checklist span:before{background:transparent;color:#E6B85C}@keyframes frame-breathe{0%,100%{opacity:.25}50%{opacity:.9}}@media(max-width:600px){.brand img{width:38px;height:43px}.float-wa{bottom:calc(14px + env(safe-area-inset-bottom));font-size:14px;padding:12px 18px}.art:after{animation-duration:8s}}@media(prefers-reduced-motion:reduce){.art:after,.service-photo:after,.ticker{animation:none!important}}