/* A focused conversation, shared by the studio and campaign enquiry flows. */
.flow-enquiry-page{background:#0e0e0e}
.flow-enquiry-page::after{display:none}
.flow-enquiry-page>.wa-fab{display:none}
.flow-enquiry-page main.enquiry-flow{--err:#a52828;display:grid;grid-template-columns:.8fr 1.4fr;align-items:stretch;justify-content:normal;max-width:1160px;width:calc(100% - 64px);min-height:660px;margin:110px auto 64px;padding:0;background:#fff;color:#0e0e0e;border:1px solid #343434;border-radius:16px;box-shadow:none;clip-path:none;overflow:hidden;color-scheme:light}
.flow-aside{padding:42px 36px;background:#17191d;color:#fff;display:flex;flex-direction:column}
.flow-eyebrow,.flow-topline{font:500 10px/1.5 ui-monospace,monospace;letter-spacing:.1em}
.flow-eyebrow{color:#a9b2c3}
.flow-statement{font:500 clamp(2.1rem,3.3vw,3rem)/1.12 'Clash Display',sans-serif;letter-spacing:-.035em;margin:56px 0 20px;max-width:9em;text-wrap:balance}
.flow-context{color:#b6bbc4;font-size:.9rem;line-height:1.8;max-width:25em}
.flow-aside-bottom{margin-top:auto;padding-top:64px;font-size:.76rem;line-height:1.8;color:#d2d6de}
.flow-aside-line{display:block;width:32px;height:3px;background:#6c9aff;margin-bottom:20px}
.flow-price{color:#a9b2c3;margin-top:6px}
.flow-aside-bottom a{display:inline-block;margin-top:22px;text-decoration:underline;text-underline-offset:4px;color:#fff}
.flow-workspace{min-width:0;padding:40px clamp(28px,4vw,58px) 24px;display:flex;flex-direction:column}
.flow-topline{display:flex;justify-content:space-between;gap:16px;color:#596271}
.enquiry-flow .progress{height:3px;margin:16px 0 38px;background:#e8ebf0;border-radius:2px;overflow:hidden;flex-shrink:0}
.enquiry-flow .progress i{background:#3d66c4;height:100%;transition:width .25s ease}
.enquiry-flow .steps{flex:1}
.enquiry-flow .stepno{display:none!important}
.enquiry-flow .step h1,.enquiry-flow .step h2{font:500 clamp(1.9rem,2.9vw,2.65rem)/1.12 'Clash Display',sans-serif;letter-spacing:-.035em;margin:0 0 14px;max-width:15em;text-wrap:balance}
.enquiry-flow .step .why{font-size:.88rem;line-height:1.7;color:#5a626e;margin:0 0 28px;max-width:36em}
.enquiry-flow .chipset,.flow-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.enquiry-flow .chipset button,.flow-options button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:start;min-height:100px;padding:19px 36px 19px 18px;border:1px solid #d5dae1;border-radius:9px;background:#fff;color:#0e0e0e;font:500 .88rem/1.4 'Inter',sans-serif;transition:border-color .18s,background-color .18s;cursor:pointer}
.enquiry-flow .chipset button:hover,.flow-options button:hover{border-color:#3d66c4;background:#f5f8ff}
.enquiry-flow .chipset button.sel,.flow-options button[aria-checked=true]{background:#edf3ff;border:1px solid #3d66c4;box-shadow:inset 0 0 0 1px #3d66c4}
.choice-title{display:block;font-weight:600}
.choice-detail{display:block;color:#606a79;font-size:.7rem;line-height:1.5;max-width:19em}
.choice-check{position:absolute;inset-inline-end:12px;top:15px;width:17px;height:17px;display:grid;place-items:center;border:1px solid #b9c1ce;border-radius:50%;color:transparent}
.sel .choice-check{background:#3d66c4;border-color:#3d66c4;color:#fff}
.enquiry-flow .field{margin:0}
.enquiry-flow .field label{display:block;margin-bottom:10px;font-size:.78rem;font-weight:600;color:#434d5c}
.enquiry-flow .field input,.enquiry-flow .field textarea{width:100%;padding:17px;border:1px solid #bdc5d1;border-radius:8px;background:#fff;color:#0e0e0e;font:400 1.05rem/1.6 'Inter',sans-serif;box-shadow:none;min-height:60px}
.enquiry-flow .field textarea{min-height:190px;resize:vertical}
.enquiry-flow .field input::placeholder,.enquiry-flow .field textarea::placeholder{color:#767e8a;opacity:1}
.enquiry-flow .field input:focus,.enquiry-flow .field textarea:focus{border-color:#3d66c4;outline:3px solid #dbe7ff;outline-offset:1px}
.enquiry-flow .field-note{font-size:.74rem;color:#606a79;line-height:1.65;margin-top:10px}
.enquiry-flow .nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;flex-wrap:wrap}
.enquiry-flow .btn,.enquiry-flow .btn-back,.flow-wizard .button{min-height:48px;padding:13px 20px;border-radius:7px;font-size:.83rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:15px;line-height:1.3;cursor:pointer}
.enquiry-flow .btn svg,.enquiry-flow .btn-back svg{flex-shrink:0}
.enquiry-flow .btn-solid,.enquiry-flow .wa,.flow-wizard .button{background:#11151b;color:#fff;border:1px solid #11151b}
.enquiry-flow .btn-solid:hover,.enquiry-flow .wa:hover,.flow-wizard .button:hover{background:#294f9f;color:#fff;border-color:#294f9f}
.enquiry-flow .btn-back{background:transparent;border:0;color:#5a626e;padding-inline:0;min-width:64px}
.enquiry-flow .btn-back:hover{background:transparent;color:#294f9f}
.enquiry-flow .btn-ghost{background:#fff;border:1px solid #bdc5d1;color:#263244}
.enquiry-flow .flow-required{font-size:.7rem;line-height:1.6;color:#606a79;max-width:12em}
.enquiry-flow .flow-skip{display:block;margin:13px 0 0 auto;border:0;background:none;color:#566273;font-family:inherit;font-size:.76rem;line-height:1.5;text-decoration:underline;text-underline-offset:4px;min-height:35px;cursor:pointer}
.flow-footnote{font-size:.65rem;line-height:1.7;color:#68717d;margin-top:34px;padding-top:18px;border-top:1px solid #e7eaf0}
.enquiry-flow .err{font-size:.78rem;line-height:1.6;min-height:0;margin-top:8px;color:#a52828;display:block}
.enquiry-flow .err:empty{display:none}
.enquiry-flow .review{padding:0;border:1px solid #dce1e8;border-radius:8px;background:#fafbfd;overflow:hidden}
.enquiry-flow .rline,.flow-review-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 15px;border-bottom:1px solid #e1e5ec;font-size:.78rem}
.enquiry-flow .rline:last-child,.flow-review-row:last-child{border:0}
.enquiry-flow .review .rk,.flow-review-row>span:first-child{color:#657080;font:400 .72rem/1.8 'Inter',sans-serif;text-transform:none;letter-spacing:0}
.enquiry-flow .review .rv,.flow-review-row>span:nth-child(2){font:400 .78rem/1.7 'Inter',sans-serif;color:#172130;overflow-wrap:anywhere;white-space:pre-wrap}
.flow-edit{font:500 .7rem/1.6 'Inter',sans-serif;border:0;color:#294f9f;background:none;text-decoration:underline;text-underline-offset:3px;min-height:28px;cursor:pointer;padding:0 2px}
.flow-privacy{font-size:.7rem;line-height:1.8;color:#606a79;margin-top:20px}
.flow-privacy a{text-decoration:underline;text-underline-offset:3px}
.enquiry-flow .send-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.flow-skip-link{position:absolute;top:-80px;left:16px;z-index:300;padding:12px;background:white;color:black}
.flow-skip-link:focus{top:16px}
.enquiry-flow :is(button,a):focus-visible,.flow-wizard :is(button,a):focus-visible{outline:3px solid #3d66c4;outline-offset:4px}
.enquiry-flow :is(button,input,textarea),.flow-wizard :is(button,input,textarea){touch-action:manipulation}
.enquiry-flow button:disabled{cursor:wait;opacity:.65}
[dir=rtl] .enquiry-flow .btn svg,[dir=rtl] .enquiry-flow .btn-back svg{transform:rotate(180deg)}
[dir=rtl] .flow-statement,[dir=rtl] .enquiry-flow .step h1,[dir=rtl] .enquiry-flow .step h2{font-family:'Alexandria',sans-serif!important;letter-spacing:0;line-height:1.5;font-weight:500}
[dir=rtl] .flow-statement{font-size:2.25rem}
[dir=rtl] .enquiry-flow .step h1,[dir=rtl] .enquiry-flow .step h2{font-size:clamp(1.65rem,2.5vw,2.15rem)}
[dir=rtl] .enquiry-flow :is(input,textarea,button),[dir=rtl] .flow-review-row>span{font-family:'Alexandria',sans-serif}
[dir=rtl] .flow-topline,[dir=rtl] .flow-eyebrow{letter-spacing:0}
[dir=rtl] .enquiry-flow .flow-skip{margin-inline-start:auto;margin-inline-end:0}
/* Campaign enquiry: same interaction, retaining all qualification fields. */
.flow-wizard{min-width:0}
.flow-wizard .progress{padding:0;margin:0 0 14px;border:0;font:500 .72rem/1.5 ui-monospace,monospace;color:#596271}
.flow-wizard .progress-track{height:3px;background:#e3e8f0;margin-bottom:30px;overflow:hidden}
.flow-wizard #progress-fill{display:block;height:100%;background:#3d66c4;transition:width .2s}
.flow-wizard .flow-question{min-height:300px}
.flow-wizard .flow-question h3,.flow-wizard .flow-final h3{font:500 clamp(1.7rem,2.7vw,2.4rem)/1.2 'Clash Display',sans-serif;letter-spacing:-.03em;margin:0 0 15px;text-wrap:balance}
.flow-wizard .flow-question>label{font-size:0;margin:0}
.flow-wizard .flow-question :is(input,textarea){border-radius:8px;margin-top:20px}
.flow-wizard .flow-question select{display:none}
.flow-wizard .flow-options{margin-top:24px}
.flow-wizard .flow-options button{min-height:64px;padding:16px;font-size:.85rem}
.flow-wizard .flow-question .field-hint{font-size:.77rem;color:#596271}
.flow-wizard .flow-controls{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:16px}
.flow-wizard .flow-back{background:none;border:0;color:#596271;min-height:48px;padding:10px 0;cursor:pointer}
.flow-wizard .flow-summary{margin-block:24px;border:1px solid #dce1e8;border-radius:8px;overflow:hidden}
.flow-wizard .flow-final .actions .back{display:none}
.flow-wizard .flow-final .check{margin-top:20px}
[dir=rtl] .flow-wizard .flow-question h3,[dir=rtl] .flow-wizard .flow-final h3{font-family:'Alexandria',sans-serif;letter-spacing:0;line-height:1.5}
@media(max-width:800px){
 .flow-enquiry-page main.enquiry-flow{width:calc(100% - 32px);grid-template-columns:1fr;margin-top:92px;border-radius:12px;min-height:0}
 .flow-aside{padding:20px 24px;display:block}
 .flow-eyebrow{font-size:9px}
 .flow-statement{display:none}
 .flow-context{display:none}
 .flow-aside-bottom{padding:0;font-size:.7rem}
 .flow-aside-line,.flow-aside-bottom>p:first-of-type,.flow-aside-bottom>a{display:none}
 .flow-price{margin:9px 0 0}
 .flow-workspace{padding:25px 24px 20px;min-height:550px}
 .enquiry-flow .progress{margin-bottom:28px}
 .enquiry-flow .step h1,.enquiry-flow .step h2{font-size:1.9rem}
 .enquiry-flow .chipset button{min-height:76px;padding:15px 26px 15px 13px;font-size:.8rem}
 .choice-detail{display:none}
 .choice-check{inset-inline-end:8px;top:11px;width:14px;height:14px}
 .enquiry-flow .step .why{font-size:.82rem;margin-bottom:22px}
 .enquiry-flow .flow-required{max-width:11em;font-size:.65rem}
 .enquiry-flow .btn{padding-inline:16px;font-size:.8rem;gap:10px}
 .enquiry-flow .rline,.flow-review-row{grid-template-columns:65px minmax(0,1fr) auto;gap:8px;padding:12px}
 [dir=rtl] .flow-statement{font-size:1.55rem}
 [dir=rtl] .enquiry-flow .step h1,[dir=rtl] .enquiry-flow .step h2{font-size:1.65rem}
 .flow-wizard .flow-question{min-height:270px}
}
@media(prefers-reduced-motion:reduce){.enquiry-flow .progress i,.flow-wizard #progress-fill{transition:none}.enquiry-flow .step.on{animation:none}}
