/* Lower sections share the approved hero's type, colour and spacing system. */
.page-body{background:#f7f7f8;color:#202125;padding:48px 0 70px;border-radius:0}
.page-body>.wrap,.footer.wrap{width:min(1240px,calc(100% - 64px))}
.page-body .section{padding-block:88px}
.page-body h2,.page-body .plan-copy h2,.page-body .work-copy h2,.page-body .faq-section h2,.page-body .final-section h2{font-size:clamp(34px,3.35vw,48px);font-weight:550;line-height:1.13;letter-spacing:normal;text-wrap:balance}
.page-body h3{font-weight:550}
.section-intro{font-size:17px;line-height:1.6;color:#686d77;margin-top:22px;max-width:560px}
.page-body .primary{background:#aef450;color:#1d2418}
@media(hover:hover){.page-body .primary:hover{background:#a2e746;color:#1d2418}}
.page-body :focus-visible{outline:3px solid #365bd6;outline-offset:4px}
/* A clear exchange: three useful deliverables, four short questions. */
.plan-section{padding:52px!important;display:grid;grid-template-columns:1fr 1fr;gap:58px;border:0;background:#e8dff9;color:#252031;border-radius:30px;box-shadow:none;margin-top:0;align-items:center}
.plan-copy>p{font-size:17px;line-height:1.6;color:#635d6e;margin-top:24px;max-width:490px}
.included-gifts{display:flex;flex-direction:column;gap:13px;margin-top:28px}
.included-gifts>span{display:flex;align-items:baseline;gap:14px;background:none;padding:0;color:#30283d;border-radius:0;font-size:15px}
.included-gifts b{font-weight:550;min-width:120px}.included-gifts small{font-size:14px;color:#6c6379}
.free-note{font-size:12px;line-height:1.5;font-weight:400;color:#6c6379;margin-top:25px}
.quiz-panel{background:#fff;border:0;border-radius:24px;padding:32px;min-height:440px;box-shadow:0 15px 30px #45306608}
.quiz-panel form{min-height:376px}.quiz-top{font-size:12px;color:#85828a;margin-bottom:30px}.quiz-top>span:first-child{color:#686171;font-weight:450}
#quiz-content h3{font-size:27px;line-height:1.2;font-weight:550;margin-bottom:24px}
.quiz-option{font-size:15px;line-height:1.45;padding:17px 16px;gap:12px;background:#f6f6f8;border:1px solid transparent;border-radius:12px}
.quiz-option input{border-color:#b1b3bc;width:18px;height:18px;flex:none}.quiz-option:has(input:checked){background:#eefbdc;border-color:#a3d576}.quiz-option input:checked{border-color:#558b26}
.quiz-controls{padding-top:19px;gap:24px}.quiz-controls .button{background:#aef450;color:#1d2418;font-size:15px;min-height:50px;min-width:138px}.quiz-field input,.quiz-field textarea{background:#fafafd;border:1px solid #d7d8dd;font-size:16px;color:#272934;border-radius:10px}.quiz-field label{font-size:14px}.quiz-help{font-size:14px;line-height:1.6;color:#696775}.quiz-summary{background:#f6f5f9;font-size:13px;line-height:1.6}.form-error{font-size:13px}.quiz-send{gap:16px}.quiz-send .button{font-size:15px}.text-button{font-size:14px}
/* Screenshots are evidence: give the actual site enough room to read. */
.cases-section>h2,.cases-section>.section-intro{text-align:center;margin-inline:auto}.cases-section>.section-intro{max-width:630px;margin-top:20px}
.case-tabs{justify-content:center;gap:9px;margin:32px 0 26px}.case-tabs button{font-size:14px;padding:13px 22px;min-height:46px;background:#eaecef;color:#50545d;font-weight:450}.case-tabs [aria-selected=true]{background:#2d54d6;color:#fff}
.case-panel{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;color:#202125;border:0;border-radius:28px;overflow:hidden;align-items:stretch}
.case-screen{padding:34px;background:#e7ecfa;display:flex;align-items:center;min-width:0}.case-screen .image-button,.case-screen .image-button:hover{transform:none;border-radius:14px;box-shadow:0 16px 30px #243e7020;width:100%;overflow:hidden}.case-screen img{width:100%;height:auto;aspect-ratio:1280/853;object-fit:cover}
.case-result{padding:44px;display:flex;flex-direction:column;justify-content:center}.case-result>strong{color:#2d54d6;font-weight:550;font-size:104px;line-height:1;margin-bottom:14px}.case-result h3{font-size:28px;line-height:1.25;font-weight:500;max-width:350px}.case-result>p{font-size:16px;line-height:1.65;color:#69707c;margin-top:22px}.case-result>a{font-size:14px;line-height:1.5;color:#2d54d6;margin-top:26px;text-underline-offset:5px}.case-note{font-size:12px;line-height:1.6;color:#7b8089;margin-top:18px;text-align:center}
/* One offer, one readable price, no artificial plan comparison. */
.price-section{grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}.price-copy p{font-size:18px;line-height:1.6;max-width:400px;color:#69707b}.price-package{padding:38px;background:#f7dc81;border:0;border-radius:28px;box-shadow:none}.price-package h3{font-size:27px;font-weight:550;margin:0}.price-package ul{gap:18px;margin:27px 0;font-size:16px}.price-package li{font-size:16px}.price-package li::before{color:#6d651d}.price-package .primary{background:#fff;color:#292722;font-size:19px;min-height:84px}.price-package .primary:hover{background:#fffbed;color:#292722}.price-package .budget-note{color:#7b713f}
/* Founder and delivery are separate destinations in the navigation. */
.about-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.work-photo{transform:none;border:0;border-radius:28px;background:#246148;color:white;overflow:hidden}.work-photo img{width:100%;height:auto;aspect-ratio:600/640;object-fit:cover;object-position:center 20%}.photo-caption{padding:23px 28px;background:#246148}.photo-caption strong{font-size:21px;font-weight:550}.photo-caption span{font-size:14px;color:#c9e0d4;margin-top:5px;display:block}.about-copy>p{font-size:18px;line-height:1.65;color:#69707b;margin-top:28px;max-width:535px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;margin-bottom:30px}.experience strong{font-weight:550;font-size:58px;line-height:1.1;color:#202125}.experience span{font-size:14px;color:#737983;display:block;margin-top:8px}.about-contact{font-size:15px;color:#2d54d6;text-decoration:underline;text-underline-offset:5px;display:inline-block;line-height:1.5}
.work-section{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:start}.work-copy .section-intro{max-width:390px}.ownership{font-size:15px;line-height:1.55;color:#286148;background:#e5eee8;border-radius:13px;padding:17px 20px;max-width:380px;margin-top:25px}
.work-steps{counter-reset:step;display:grid;gap:12px;margin:0}.work-steps details,.work-steps details:nth-child(n){background:#fff;color:#202125;border:0;border-radius:18px;margin:0;padding:23px 25px;counter-increment:step}.work-steps summary{font-size:18px;font-weight:500;line-height:1.45;display:flex;gap:15px;align-items:baseline;position:relative;padding-right:28px;cursor:pointer}.work-steps summary::before{content:counter(step,decimal-leading-zero);color:#a2a7b1;font-size:14px;font-weight:450;flex:none}.work-steps summary::after{position:absolute;right:0;font-weight:400;font-size:20px;color:#7d8390}.work-steps details p{font-size:15px;line-height:1.65;color:#69707b;padding-left:35px;margin-top:16px}
/* Real quotes, with enough room for a human reading rhythm. */
.reviews-section>h2{text-align:center}.reviews{grid-template-columns:1.08fr 1fr;gap:18px;margin-top:35px}.review-large{padding:40px;border:0;background:#edc9bf;border-radius:26px;box-shadow:none;color:#392820}.review-large blockquote{font-size:32px;line-height:1.35;font-weight:450}.review-pair{gap:18px}.review-pair article,.review-pair article:last-child{padding:30px 33px;background:#fff;border:0;box-shadow:none;border-radius:26px;color:#24262c}.review-pair blockquote{font-size:24px;line-height:1.4;font-weight:450}.reviews article>p{font-size:15px;font-weight:550;margin-top:27px}.reviews article>p span{font-size:13px;color:#7f7370;font-weight:400;margin-top:5px;display:block}.reviews-section>.text-link{font-size:14px;display:table;margin:24px auto 0;color:#626c7c;text-underline-offset:5px}
.faq-section{grid-template-columns:1fr 1.05fr;gap:75px}.faq-list details{background:#fff;border:0;border-radius:18px;padding:23px 25px;margin-bottom:12px}.faq-list summary{font-size:17px;line-height:1.5;font-weight:450;padding-right:26px}.faq-list details p{font-size:15px;line-height:1.65;color:#69707b;margin-top:16px}
/* The last screen offers the same useful next step as the first. */
.final-section{background:#246148;border:0;border-radius:30px;color:white;padding:58px 55px;margin-top:35px;display:grid;grid-template-columns:1fr .55fr;gap:30px;text-align:left;position:relative;overflow:hidden}.final-copy{position:relative;z-index:2}.page-body .final-section h2{font-size:46px;max-width:none;margin:0;text-align:left}.final-copy>p{font-size:17px;line-height:1.6;color:#d0e3d8;max-width:500px;margin-top:22px}.final-section .button{margin-top:30px;min-width:390px;min-height:90px;padding:21px 30px;font-size:21px;line-height:1.35;text-align:center;background:#aef450;color:#1d2418}.final-contacts{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;font-size:16px}.direct-contact{display:inline-block;color:#d0e3d8;font-size:14px;margin-top:18px;text-decoration:underline;text-underline-offset:5px}.contact-portrait{position:absolute;width:405px;max-width:none;right:-20px;bottom:-25px;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 -3px 0 #fff)}
.footer{padding:0 0 35px!important;align-items:start;color:#777d87;background:#f7f7f8;font-size:12px}.footer .author{font-size:16px;font-weight:550;color:#3d4149}.footer .author span{font-size:12px;color:#8b9099}.footer>div{font-size:12px;line-height:1.6}.footer a:hover{color:#2d54d6}
@media(max-width:1050px){.page-body .section{padding-block:65px}.plan-section{padding:36px!important;gap:32px}.case-result{padding:30px}.case-result>strong{font-size:85px}.case-result h3{font-size:24px}.about-section{gap:50px}.work-section,.faq-section,.price-section{gap:40px}.review-large{padding:30px}.review-large blockquote{font-size:28px}.review-pair article{padding:27px}.review-pair blockquote{font-size:21px}.final-section{padding:44px 38px}.contact-portrait{width:330px;right:-50px}.final-copy>p{max-width:420px}.final-section .button{min-width:360px}.page-body .final-section h2{font-size:40px}}
@media(max-width:800px){.page-body{padding-top:25px}.page-body>.wrap,.footer.wrap{width:calc(100% - 40px)}.page-body .section{padding-block:53px}.page-body h2,.page-body .plan-copy h2,.page-body .work-copy h2,.page-body .faq-section h2{font-size:36px}.plan-section{grid-template-columns:1fr;gap:30px;padding:32px!important}.plan-copy>p{max-width:100%}.quiz-panel{min-height:0}.quiz-panel form{min-height:350px}.case-panel{grid-template-columns:1fr}.case-screen{padding:30px}.case-result{padding:32px}.case-result>strong{font-size:86px}.case-result h3{font-size:27px;max-width:none}.case-result>p{font-size:16px}.price-section,.work-section,.faq-section{grid-template-columns:1fr;gap:30px}.price-copy p,.work-copy .section-intro{max-width:100%}.about-section{gap:32px;grid-template-columns:.85fr 1fr}.about-copy>p{font-size:16px}.experience strong{font-size:44px}.experience span{font-size:12px}.experience{gap:15px}.reviews{grid-template-columns:1fr}.review-large blockquote{font-size:30px}.review-pair{grid-template-columns:1fr 1fr}.review-pair blockquote{font-size:21px}.review-pair article,.review-pair article:last-child{padding:25px}.final-section{grid-template-columns:1fr;padding:38px}.contact-portrait{display:none}.final-copy>p{max-width:550px}.final-section .button{width:auto;min-width:390px}.footer{flex-wrap:wrap;gap:25px}}
@media(max-width:520px){.page-body>.wrap,.footer.wrap{width:calc(100% - 32px)}.page-body .section{padding-block:44px}.page-body h2,.page-body .plan-copy h2,.page-body .work-copy h2,.page-body .faq-section h2,.page-body .final-section h2{font-size:30px;line-height:1.18}.plan-section{padding:27px 20px!important;border-radius:24px}.plan-copy>p{font-size:16px;margin-top:19px}.included-gifts{gap:12px}.included-gifts>span{display:block}.included-gifts b{display:block;font-size:15px;min-width:0}.included-gifts small{display:block;font-size:13px;margin-top:4px}.free-note{margin-top:20px}.quiz-panel{padding:24px 19px;border-radius:18px}.quiz-panel form{min-height:355px}.quiz-top{font-size:11px;margin-bottom:23px}#quiz-content h3{font-size:24px}.quiz-option{font-size:14px;padding:15px 12px}.quiz-controls .button{min-width:115px}.quiz-help{font-size:13px}.section-intro{font-size:16px}.case-tabs{gap:7px;justify-content:flex-start;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding:3px 0;margin:26px 0 19px}.case-tabs button{white-space:nowrap;font-size:13px;padding:11px 17px;min-height:44px}.case-screen{padding:20px}.case-result{padding:28px 24px}.case-result>strong{font-size:83px}.case-result h3{font-size:25px}.case-result>p{font-size:15px;margin-top:19px}.case-result>a{font-size:13px}.case-note{font-size:11px;text-align:left}.price-package{padding:27px 22px;border-radius:24px}.price-package h3{font-size:25px}.price-package li{font-size:15px}.price-package .primary{font-size:17px;padding-inline:16px;line-height:1.35}.price-copy p{font-size:16px}.about-section{grid-template-columns:1fr;gap:30px}.work-photo{max-width:390px;width:100%;margin:auto;border-radius:24px}.work-photo img{aspect-ratio:600/580}.about-copy>p{font-size:16px;margin-top:20px}.experience{margin-top:27px;margin-bottom:24px}.experience strong{font-size:51px}.experience span{font-size:14px}.ownership{font-size:14px}.work-steps details,.work-steps details:nth-child(n){padding:21px 20px}.work-steps summary{font-size:16px;gap:12px}.work-steps details p{font-size:14px;padding-left:0}.reviews{margin-top:27px}.review-large{padding:29px 26px;border-radius:24px}.review-large blockquote{font-size:27px}.review-pair{grid-template-columns:1fr}.review-pair article,.review-pair article:last-child{padding:27px 26px;border-radius:24px}.review-pair blockquote{font-size:23px}.faq-list details{padding:20px}.faq-list summary{font-size:16px}.faq-list details p{font-size:14px}.final-section{padding:33px 24px;margin-top:20px;border-radius:24px}.final-copy>p{font-size:16px;margin-top:18px}.final-section .button{width:100%;min-width:0;min-height:88px;font-size:17px;padding:18px 14px}.final-contacts{gap:12px;flex-direction:column;font-size:16px;margin-top:25px}.footer{flex-direction:column;padding-bottom:28px!important}.page-body{padding-bottom:43px}}
@media(max-width:360px){.page-body h2,.page-body .plan-copy h2,.page-body .work-copy h2,.page-body .faq-section h2,.page-body .final-section h2{font-size:28px}.plan-section{padding:25px 17px!important}.quiz-panel{padding:22px 16px}.quiz-option{font-size:13px}.quiz-top{gap:10px}.price-package .primary,.final-section .button{font-size:15px}.price-package{padding-inline:19px}.review-large blockquote{font-size:25px}.review-pair blockquote{font-size:22px}}
.work-steps summary{justify-content:flex-start;text-align:left}
.work-photo img{aspect-ratio:auto;height:auto;object-fit:contain}
@media(max-width:520px){.included-gifts{flex-direction:row;flex-wrap:wrap;gap:7px;margin-top:22px}.included-gifts>span{background:#ffffff80;border-radius:9px;padding:9px 11px}.included-gifts b{font-size:12px;font-weight:500}.included-gifts small{display:none}}
@media(max-width:520px){.price-package .primary,.final-section .button{padding-inline:28px;min-height:96px;font-size:16px;line-height:1.4}}
@media(max-width:360px){.price-package .primary,.final-section .button{font-size:14px;padding-inline:24px}}

/* v28: a concrete free estimate offer and illustrated answer choices. */
.plan-section{grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;background:#e8dff9}
.plan-copy>p{font-size:18px;line-height:1.55;max-width:410px;margin-top:24px}
.quiz-gifts{margin-top:32px}.quiz-gifts>strong{font-size:15px;font-weight:450;color:#70677f}
.quiz-gifts ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}
.quiz-gifts li{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.4}
.quiz-gifts li span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:9px;background:#d3c1ee;color:#62438b;font-size:15px}
.plan-copy .free-note{display:inline-block;margin-top:30px;padding:13px 17px;border-radius:12px;background:#fff;color:#4b3568;font-size:15px;font-weight:550;line-height:1.5}
.quiz-panel{padding:30px;border-radius:24px;box-shadow:0 15px 35px #59416e09;min-width:0}
.quiz-panel form{min-height:440px}.quiz-top{align-items:center;margin-bottom:13px;font-size:13px}.quiz-top>span.quiz-free{display:block;padding:6px 10px;background:#edf7e4;border-radius:8px;font-size:12px;color:#4b7429}
.quiz-progress{display:flex;gap:5px;margin-bottom:28px}.quiz-progress i{height:4px;flex:1;border-radius:4px;background:#eeedf1}.quiz-progress i.is-filled{background:#a58bcc;transition:background-color 160ms ease}
#quiz-content h3{font-size:27px;font-weight:550;line-height:1.2;margin-bottom:22px}
.quiz-options{gap:10px}.quiz-option{display:flex;align-items:center;gap:14px;padding:12px;min-height:82px;border:1px solid #e5e5e9;border-radius:16px;background:#fff;font-size:16px;line-height:1.35;transition:border-color 150ms ease,background-color 150ms ease}
.quiz-option:has(input:checked){background:#f1f8eb;border-color:#98c571;box-shadow:none}
.quiz-option:has(input:focus-visible){outline:3px solid #365bd6;outline-offset:3px}
.quiz-option-art{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:13px;background:#f9eab8;color:#907128}
.quiz-option-art svg{width:38px;height:38px}.quiz-option-art.tone-1{background:#f8e2db;color:#b2664e}.quiz-option-art.tone-2{background:#e2e9fc;color:#5c78c1}.quiz-option-art.tone-3{background:#e9e1f5;color:#8864b0}
.quiz-option-label{flex:1;min-width:0}.quiz-option input{order:3;flex:none;width:19px;height:19px;margin:0;border-color:#d7d7de}.quiz-option input:checked{border-color:#619439;background-color:#619439;box-shadow:inset 0 0 0 4px #fff}
.quiz-controls{margin-top:auto;padding-top:24px}.quiz-controls .button{min-width:160px;min-height:52px;border-radius:14px;font-size:16px}.quiz-field textarea{min-height:100px}.quiz-controls #quiz-back{padding:12px 0}.quiz-panel .quiz-send .button{white-space:normal;text-align:center}
@media(hover:hover){.quiz-option:hover{border-color:#c3b2dc;background:#fcfaff}}
@media(max-width:1050px){.plan-section{gap:30px}.quiz-panel{padding:25px}.quiz-option{gap:11px;font-size:15px}.quiz-option-art{width:46px;height:46px}.quiz-option-art svg{width:34px;height:34px}}
@media(max-width:800px){.plan-section{grid-template-columns:1fr}.plan-copy>p{max-width:550px}.quiz-gifts{margin-top:24px}.quiz-gifts ul{gap:10px}.plan-copy .free-note{margin-top:23px}.quiz-panel form{min-height:0}}
@media(max-width:520px){.plan-section{padding:27px 16px 16px!important;gap:27px}.plan-copy{padding-inline:5px}.page-body .plan-copy h2{font-size:33px;line-height:1.13;text-wrap:initial}.plan-copy>p{font-size:16px;margin-top:18px;line-height:1.5}.quiz-gifts{margin-top:23px}.quiz-gifts>strong{font-size:13px}.quiz-gifts li{font-size:16px;gap:10px}.quiz-gifts li span{width:23px;height:23px;font-size:13px;border-radius:7px}.plan-copy .free-note{font-size:13px;padding:10px 13px;margin-top:22px}.quiz-panel{padding:22px 16px;border-radius:19px}.quiz-progress{margin-bottom:24px}.quiz-top{font-size:12px}#quiz-content h3{font-size:24px;margin-bottom:18px}.quiz-option{padding:11px;gap:10px;min-height:78px;font-size:15px;border-radius:13px}.quiz-option-art{width:42px;height:46px;border-radius:10px}.quiz-option-art svg{width:33px;height:33px}.quiz-option input{width:17px;height:17px}.quiz-controls .button{min-width:150px;font-size:15px}.quiz-controls{padding-top:20px}.quiz-panel .quiz-send .button{font-size:14px;padding-inline:12px}.quiz-summary{overflow-wrap:anywhere}}
@media(max-width:360px){.page-body .plan-copy h2{font-size:29px}.plan-section{padding-inline:12px!important}.plan-copy>p{font-size:15px}.quiz-panel{padding:21px 13px}.quiz-option{padding:10px 9px;gap:8px;font-size:14px}.quiz-option-art{width:33px;height:42px}.quiz-option-art svg{width:29px;height:29px}.quiz-controls .button{min-width:130px}#quiz-content h3{font-size:22px}.plan-copy .free-note{font-size:12px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.quiz-option,.quiz-progress i.is-filled{transition:none}}

#quiz-content{scroll-margin-top:28px}

/* v29: gifts read as deliverables, while the quiz asks only what the visitor knows. */
.quiz-gifts{margin-top:32px}.gift-feature{display:grid;grid-template-columns:1fr 128px;align-items:center;gap:7px;margin-right:-12px}
.gift-feature h3{font-size:27px;line-height:1.22;font-weight:550;margin:0}.gift-feature h3 em{font-style:normal;color:#8052b1}.gift-feature img{display:block;width:128px;height:auto;filter:drop-shadow(0 10px 9px #62557516)}
.gift-extras{display:flex;flex-direction:column;gap:13px;margin-top:9px}.gift-extras>span{display:flex;align-items:center;gap:11px;font-size:20px;line-height:1.3}.gift-extras i{font-style:normal;font-size:22px}
.quiz-gifts .gift-free-copy{font-size:16px;line-height:1.45;color:#756b83;margin:25px 0 0}
.quiz-panel form{min-height:440px}.quiz-controls:has(#quiz-next[hidden]){min-height:40px}.quiz-controls #quiz-next[hidden],.quiz-controls #quiz-back[hidden]{display:none!important}
.quiz-option-art.channel-art{color:#fff}.quiz-option-art.channel-art svg,.quiz-option-art.channel-art img{width:26px;height:26px}.quiz-option-art.channel-art.messenger-tg{background:#2fa3d8}.quiz-option-art.channel-art.messenger-wa{background:#19b876}.quiz-option-art.channel-art.messenger-max{background:linear-gradient(145deg,#448bf8,#7750ec)}
.quiz-field .field-optional{font-weight:400;color:#8a8590;font-size:12px;margin-left:5px}.quiz-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#817b88;margin-top:20px}.quiz-consent input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#729f48}.quiz-consent a{text-decoration:underline;text-underline-offset:3px}.quiz-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.quiz-contact-step .quiz-controls .button{min-width:190px}.quiz-success{padding:45px 0;text-align:center}.quiz-success>span{display:grid;place-items:center;margin:0 auto 25px;width:64px;height:64px;border-radius:50%;background:#eaf6df;color:#527c2c;font-size:30px}.quiz-success p{font-size:17px;line-height:1.5;color:#77717f}.quiz-controls button:disabled{opacity:.65;cursor:wait}
@media(max-width:1050px){.gift-feature{grid-template-columns:1fr 100px}.gift-feature img{width:100px}.gift-feature h3{font-size:25px}.gift-extras>span{font-size:18px}}
@media(max-width:800px){.quiz-panel form{min-height:0}.gift-feature{grid-template-columns:1fr 135px;max-width:540px}.gift-feature img{width:135px}.gift-feature h3{font-size:28px}.gift-extras{flex-direction:row;flex-wrap:wrap;gap:14px 23px}.quiz-gifts .gift-free-copy{margin-top:20px}}
@media(max-width:520px){.quiz-gifts{margin-top:24px}.gift-feature{grid-template-columns:1fr 94px;margin-right:-5px}.gift-feature img{width:94px}.gift-feature h3{font-size:23px;line-height:1.25}.gift-extras{flex-direction:column;gap:12px;margin-top:14px}.gift-extras>span{font-size:18px;gap:10px}.gift-extras i{font-size:20px}.quiz-gifts .gift-free-copy{font-size:14px;margin-top:20px}.quiz-consent{font-size:11px}.quiz-contact-step .quiz-controls .button{min-width:160px}.quiz-controls:has(#quiz-next[hidden]){min-height:0;padding-top:14px}}
@media(max-width:360px){.gift-feature{grid-template-columns:1fr 70px}.gift-feature img{width:70px}.gift-feature h3{font-size:21px}.gift-extras>span{font-size:17px}.quiz-contact-step .quiz-controls{gap:15px}.quiz-contact-step .quiz-controls .button{min-width:145px;padding-inline:14px}}

/* v31: one offer with an inline glass accent, followed by useful detail. */
.page-body .plan-copy h2{font-size:40px;line-height:1.24;font-weight:450;text-wrap:pretty}
.offer-highlight{display:inline-flex;align-items:center;gap:.22em;vertical-align:baseline;white-space:nowrap;padding:.08em .3em .12em;margin:.12em 0 0 -.02em;border:1px solid #ffffffd9;border-radius:.27em;background:linear-gradient(125deg,#ffffffb8,#ffffff35 72%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff54,0 5px 16px #63448c0d;color:inherit;font-weight:inherit}
.plan-copy>p{font-size:18px;line-height:1.55;font-weight:400;color:#71677e;max-width:420px;margin-top:25px}
.plan-bonuses{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:13px}
.plan-bonuses li{display:flex;align-items:baseline;gap:11px;font-size:16px;line-height:1.4;color:#4f435f}
.plan-bonuses li>span{flex:none;font-size:17px;color:#80639f}
@media(max-width:1050px){.page-body .plan-copy h2{font-size:35px}.plan-copy>p{font-size:17px}.plan-bonuses li{font-size:15px}}
@media(max-width:800px){.plan-copy{max-width:560px}.page-body .plan-copy h2{font-size:35px}.plan-copy>p{max-width:none;margin-top:22px}}
@media(max-width:520px){.page-body .plan-copy h2{font-size:30px;line-height:1.24}.plan-copy>p{font-size:16px;line-height:1.5;margin-top:20px}.plan-bonuses{margin-top:22px;gap:11px}.plan-bonuses li{font-size:15px}}
@media(max-width:360px){.page-body .plan-copy h2{font-size:27px}.plan-copy>p,.plan-bonuses li{font-size:14px}.plan-bonuses li{gap:8px}}



/* Short multiple-choice steps for business category and geography. */
.quiz-options.is-compact .quiz-option{min-height:65px;padding:9px 12px}
.quiz-options.is-compact .quiz-option-art{width:40px;height:40px;border-radius:10px}
.quiz-options.is-compact .quiz-option-art svg{width:30px;height:30px}
@media(max-width:520px){.quiz-options.is-compact .quiz-option{min-height:65px;padding:9px;gap:9px}.quiz-options.is-compact .quiz-option-art{width:34px;height:38px}.quiz-options.is-compact .quiz-option-art svg{width:27px;height:27px}}


/* v42: direct commercial promises and a coral accent connected to the hero. */

.cases-section>h2{max-width:850px}
.cases-section>.section-intro{max-width:640px}
.case-result{background:#fffdf9}
.price-copy h2{max-width:430px}
.price-copy p{max-width:460px}
.price-package ul{gap:14px}
.price-package li{line-height:1.5}
.about-copy>p{max-width:525px}
.work-copy h2{max-width:470px}
.work-steps details[open]{background:#3557d4;color:#fff;box-shadow:0 16px 34px #2a45a91c}
.work-steps details[open] summary::before,.work-steps details[open] summary::after{color:#e1e9ff}
.work-steps details[open] p{color:#e8ecff}
.work-steps details:not([open]){background:#fff}
.final-copy>p{max-width:530px}
@media(max-width:520px){.cases-section>h2{text-align:left}.cases-section>.section-intro{text-align:left}.work-copy h2{max-width:100%}}

.page-body .section{padding-block:64px}
@media(max-width:800px){.page-body .section{padding-block:54px}}
@media(max-width:520px){.page-body .section{padding-block:44px}}
/* The coral stroke sits directly in the existing glass word highlight. */


/* LIIT glass principle: one coral stroke, no tile and no glow. */
.offer-highlight svg{width:.68em;height:.68em;flex:none;align-self:center;padding:0;color:#e9544a;background:none;border:0;box-shadow:none;filter:none}

/* v42: all case evidence is visible, with a full-width visual above each result. */
.cases-section>.cases-head h2{max-width:900px;margin-inline:auto;text-align:center}
.cases-head>.section-intro{text-align:center;margin:18px auto 0;max-width:570px}
.cases-glass{display:inline-flex;align-items:center;gap:.18em;white-space:nowrap;vertical-align:baseline;padding:.03em .23em .11em;margin:-.03em -.03em -.11em;border:1px solid #fff;border-radius:.25em;background:linear-gradient(125deg,#ffffffdf,#ffffff65 75%);box-shadow:inset 0 1px 0 #fff,0 5px 16px #2543a80a}
.cases-glass svg{width:.68em;height:.68em;flex:none;color:#365bd6}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:35px}
.case-tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border-radius:27px;box-shadow:0 12px 30px #2028500c}
.case-tile-featured{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;min-height:346px}
.case-visual{display:block;position:relative;width:100%;height:255px;padding:0;margin:0;border:0;background:#e6ebf6;overflow:hidden;cursor:zoom-in;text-align:left}
.case-tile-featured .case-visual{height:100%;min-height:346px}
.case-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.case-visual:hover img{transform:scale(1.025)}}
.case-tile-content{padding:27px 31px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.case-tile-featured .case-tile-content{justify-content:center;padding:36px 42px}
.case-sector{font-size:13px;line-height:1.3;font-weight:500;color:#64718b}
.case-tile h3{font-size:26px;line-height:1.22;letter-spacing:normal;font-weight:550;max-width:490px;margin:13px 0 0}
.case-tile h3 strong{font-size:1.25em;font-weight:550;color:#3455d1;white-space:nowrap}
.case-tile p{font-size:15px;line-height:1.52;color:#66707b;max-width:490px;margin:16px 0 0}
.case-tile a{display:inline-block;margin-top:auto;padding-top:20px;color:#3455d1;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
.case-tile-featured .case-tile-content a{margin-top:0;padding-top:24px}
.case-visual:focus-visible,.case-tile a:focus-visible{outline:3px solid #365bd6;outline-offset:-4px}
.case-note{margin-top:20px}
@media(max-width:800px){.case-tile-featured{grid-template-columns:1fr}.case-tile-featured .case-visual{height:290px;min-height:0}.case-tile-featured .case-tile-content{padding:27px 31px 30px}}
@media(max-width:600px){.cases-section>.cases-head h2,.cases-head>.section-intro{text-align:left;margin-left:0}.case-grid{grid-template-columns:1fr;gap:17px;margin-top:26px}.case-tile-featured{grid-column:auto;display:flex;min-height:0}.case-visual,.case-tile-featured .case-visual{height:auto;aspect-ratio:1.4}.case-tile-content,.case-tile-featured .case-tile-content{padding:23px 23px 25px}.case-tile h3{font-size:23px}.case-tile p{font-size:14px;margin-top:13px}.case-tile a{padding-top:17px}.case-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.case-visual img{transition:none}}

/* v44: portfolio stories use full screenshots and direct, self-contained results. */
.cases-section>.cases-head h2{max-width:none;text-align:left;margin:0}
.cases-head>.section-intro{text-align:left;margin:16px 0 0;max-width:680px}
.case-grid{grid-template-columns:1fr;gap:20px;margin-top:38px}
.case-tile,.case-tile-featured{display:grid;grid-column:auto;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:stretch;min-height:374px;background:#fff;border-radius:28px;box-shadow:0 12px 30px #20285009}
.case-tile-content,.case-tile-featured .case-tile-content{justify-content:center;align-items:flex-start;padding:38px 44px;min-height:374px}
.case-tile h3{font-size:31px;line-height:1.19;font-weight:500;max-width:500px;margin:0}
.case-tile p{font-size:16px;line-height:1.53;color:#68707a;max-width:490px;margin:20px 0 0}
.case-tile .case-action{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:48px;margin:29px 0 0;padding:11px 22px;border-radius:999px;background:#eef0f5;color:#242832;font-size:15px;line-height:1.35;font-weight:500;text-decoration:none;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}
@media(hover:hover){.case-tile .case-action:hover{background:#e0e6f8;color:#1c3fbd}.case-visual:hover img{transform:none}}
.case-tile .case-action:active{transform:scale(.97)}
.case-visual,.case-tile-featured .case-visual{height:100%;min-height:374px;display:flex;align-items:flex-end;justify-content:center;padding:27px 27px 0;background:#f0eee9}
.case-blue .case-visual{background:#e6eef7}.case-sand .case-visual{background:#ede8e0}.case-sky .case-visual{background:#e7eef3}.case-mint .case-visual{background:#e7ece8}
.case-visual img{display:block;width:100%;height:auto;max-height:347px;aspect-ratio:1280/853;object-fit:contain;object-position:center bottom;border-radius:13px 13px 0 0;box-shadow:0 9px 24px #24355016;transition:none}
.case-note{margin-top:23px}
@media(max-width:800px){.case-tile,.case-tile-featured{display:flex;flex-direction:column;min-height:0}.case-visual,.case-tile-featured .case-visual{order:-1;height:auto;min-height:0;aspect-ratio:auto;padding:16px 16px 0}.case-visual img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:11px 11px 0 0}.case-tile-content,.case-tile-featured .case-tile-content{min-height:0;padding:27px 29px 30px}.case-tile h3{font-size:27px}.case-tile p{font-size:15px}.case-grid{grid-template-columns:1fr;gap:19px}}
@media(max-width:520px){.case-grid{margin-top:27px;gap:17px}.case-tile,.case-tile-featured{border-radius:23px}.case-visual,.case-tile-featured .case-visual{padding:12px 12px 0}.case-tile-content,.case-tile-featured .case-tile-content{padding:23px 22px 25px}.case-tile h3{font-size:23px;line-height:1.24}.case-tile p{font-size:14px;line-height:1.52;margin-top:15px}.case-tile .case-action{font-size:14px;min-height:46px;margin-top:22px;padding-inline:19px}.case-note{margin-top:18px}}

/* v45: portfolio as a compact, readable two-column studio gallery. */
.offer-highlight svg{width:.78em;height:.78em;color:#93bd1e;stroke-width:2.4}
.page-body .section{padding-block:82px}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:37px}
.case-tile,.case-tile-featured{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:26px;box-shadow:none}
.case-visual,.case-tile-featured .case-visual{order:0;display:block;height:auto;min-height:0;aspect-ratio:3/2;padding:0;background:#e9ebeb;overflow:hidden}
.case-visual img{width:100%;height:100%;max-height:none;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}
.case-visual-label{position:absolute;left:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:#fffffff0;color:#3a3d43;font-size:11px;line-height:1.2;font-weight:500;box-shadow:0 2px 9px #1a25320d}
.case-tile-content,.case-tile-featured .case-tile-content{order:1;min-height:0;padding:27px 30px 29px;justify-content:flex-start}
.case-tile h3{font-size:clamp(23px,2.15vw,29px);line-height:1.2;font-weight:520;margin:0;max-width:100%}
.case-tile h3 em{font-style:normal;color:#5975ca}
.case-tile p{font-size:15px;line-height:1.52;margin-top:14px;max-width:100%}
.case-tile .case-action{margin-top:23px}
.cases-next{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:445px;padding:36px;border-radius:26px;background:#c5ed81;color:#1f2c18}
.cases-next-eyebrow{display:inline-block;border-radius:999px;padding:8px 13px;background:#ffffff88;font-size:12px;font-weight:600}
.cases-next h3{font-size:clamp(26px,2.6vw,37px);line-height:1.13;font-weight:520;max-width:410px;margin:25px 0 0}
.cases-next p{font-size:16px;line-height:1.5;max-width:380px;margin:18px 0 0;color:#3e5230}
.cases-next .button{margin-top:28px;background:#202822;color:#fff;min-height:54px}
.cases-next .button:hover{background:#354337}
.case-note{font-size:13px;line-height:1.5;color:#727884;margin-top:21px}

/* A studio section inspired by an editorial people-and-facts rhythm, with truthful photo placeholders. */
.studio-section{display:block}
.studio-heading{max-width:950px}
.studio-kicker{display:inline-flex;padding:7px 11px;background:#f0f1f3;border-radius:100px;color:#69707a;font-size:12px;font-weight:550}
.page-body .studio-heading h2{font-size:clamp(37px,4.1vw,60px);line-height:1.09;letter-spacing:-.035em;font-weight:480;margin:22px 0 0;text-wrap:balance}
.studio-heading p{font-size:18px;line-height:1.5;color:#6b717c;max-width:700px;margin-top:20px}
.studio-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:40px}
.person-card{min-width:0}
.person-photo{height:322px;border-radius:19px;overflow:hidden;background:#e7e9ec}
.person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 26%}
.person-placeholder:nth-child(2) .person-photo{background:#dfe8f2}.person-placeholder:nth-child(3) .person-photo{background:#ebdfd9}.person-placeholder:nth-child(4) .person-photo{background:#dfe9df}
.person-placeholder .person-photo{display:flex;align-items:flex-end;padding:19px}
.person-placeholder .person-photo span{max-width:130px;font-size:13px;line-height:1.4;color:#6d727a}
.person-caption{padding:15px 3px 0;display:flex;flex-direction:column;gap:3px}
.person-caption strong{font-size:16px;font-weight:570}.person-caption span{font-size:13px;color:#7a7e87}
.studio-people .person-photo{height:auto;aspect-ratio:4/5}
@media(min-width:1101px){.studio-section .studio-people{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}}
@media(min-width:701px) and (max-width:1100px){.studio-section .studio-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}}
.studio-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:58px;padding-top:26px;border-top:1px solid #dfe1e5}
.studio-facts>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.studio-facts strong{font-size:clamp(27px,3vw,42px);line-height:1.1;letter-spacing:-.035em;font-weight:500;white-space:nowrap}
.studio-facts span{font-size:13px;line-height:1.45;color:#717680;max-width:180px}

/* Focused lead form. Successful delivery is only shown after /api/leads confirms it. */
.lead-dialog{position:fixed;max-width:none;width:min(840px,calc(100% - 32px));max-height:min(92dvh,850px);padding:0;border:0;border-radius:26px;background:#f8f9fa;color:#242833;box-shadow:0 28px 90px #171d2b42;overflow:auto}
.lead-dialog::backdrop{background:#14192499;backdrop-filter:blur(5px)}
.lead-dialog-shell{display:grid;grid-template-columns:.94fr 1fr;min-height:510px;position:relative}
.lead-close{position:absolute;z-index:2;right:17px;top:16px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#edf0f4;color:#3e4655;font-size:25px;line-height:1}
.lead-dialog-intro{display:flex;flex-direction:column;align-items:flex-start;padding:49px 34px 38px;background:#dce6fb}
.lead-kicker{display:inline-flex;background:#ffffffa8;border-radius:100px;padding:8px 12px;font-size:12px;color:#2c477d;font-weight:600}
.lead-dialog h2{font-size:clamp(30px,3.1vw,43px);line-height:1.12;font-weight:500;margin-top:25px;letter-spacing:-.025em}
.lead-dialog-intro>p{font-size:15px;line-height:1.5;color:#576477;margin-top:19px;max-width:300px}
.lead-included{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:40px}
.lead-included span{font-size:12px;line-height:1.2;border-radius:100px;background:#fff9;padding:9px 12px;color:#3b536f}
#lead-form{display:flex;flex-direction:column;padding:57px 34px 30px;gap:19px}
.lead-channel{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lead-channel legend{font-size:16px;font-weight:570;margin-bottom:13px;padding:0}
.lead-channel label{position:relative;display:flex;align-items:center;gap:9px;min-height:51px;padding:8px 11px;border:1px solid #e1e4e8;border-radius:13px;background:#fff;font-size:14px;cursor:pointer;transition:border-color 150ms ease,background-color 150ms ease}
.lead-channel label:has(input:checked){border-color:#739736;background:#f2f9e9}
.lead-channel label:focus-within{outline:2px solid #739736;outline-offset:2px}
.lead-channel input{position:absolute;opacity:0;width:1px;height:1px}
.lead-channel-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;color:#fff}
.lead-channel-icon svg,.lead-channel-icon img{width:18px;height:18px;object-fit:contain}
.lead-channel-icon.messenger-tg{background:#2fa3d8}.lead-channel-icon.messenger-wa{background:#19b876}.lead-channel-icon.messenger-max{background:linear-gradient(145deg,#448bf8,#7750ec)}.lead-channel-icon.messenger-phone{background:#263345;font-size:19px}
.lead-fields{display:grid;gap:12px}
.lead-fields label{display:block;font-size:13px;font-weight:560}
.lead-fields label>span{font-size:11px;color:#9a9da5;font-weight:400;margin-left:5px}
.lead-fields input{display:block;width:100%;min-height:45px;border:1px solid #dfe3e8;border-radius:11px;background:#fff;padding:10px 13px;font-size:15px;margin-top:7px;outline:none}
.lead-fields input:focus{border-color:#71983d;box-shadow:0 0 0 3px #b8dc831f}
.lead-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.45;color:#7c818b;cursor:pointer}
.lead-consent input{flex:none;width:15px;height:15px;margin:0;accent-color:#71973d}
.lead-consent a{text-decoration:underline;text-underline-offset:2px}
.lead-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.lead-error{font-size:12px;line-height:1.4;color:#b12b2b;min-height:0;margin:-6px 0 -10px}
.lead-error:empty{display:none}
.lead-submit{width:100%;min-height:54px;font-size:16px}
.lead-submit:disabled{opacity:.6;cursor:wait}
.lead-direct{text-align:center;color:#858b94;font-size:12px;margin-top:-9px}
.lead-direct a{text-decoration:underline;text-underline-offset:2px;color:#3e5f9f}
.lead-success{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 30px}
.lead-success h2{margin:0}.lead-success p{font-size:16px;line-height:1.5;margin-top:16px;color:#69727d}
@media(max-width:900px){.studio-people{grid-template-columns:repeat(4,minmax(0,1fr))}.person-photo{height:270px}.studio-facts{gap:14px}.studio-facts strong{font-size:28px}}
@media(max-width:700px){.page-body .section{padding-block:60px}.case-grid{grid-template-columns:1fr;gap:17px}.case-tile,.case-tile-featured{border-radius:22px}.case-visual,.case-tile-featured .case-visual{aspect-ratio:3/2}.case-tile-content,.case-tile-featured .case-tile-content{padding:22px 23px 26px}.case-tile h3{font-size:24px}.cases-next{min-height:0;padding:30px 26px}.cases-next h3{font-size:28px}.studio-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 11px}.person-photo{height:260px}.studio-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;margin-top:42px}.studio-heading p{font-size:16px}.lead-dialog-shell{display:block}.lead-dialog-intro{padding:32px 26px 25px}.lead-dialog h2{font-size:31px;margin-top:13px}.lead-dialog-intro>p{margin-top:13px}.lead-included{margin-top:0;padding-top:20px}.lead-dialog{max-height:92dvh}.lead-close{top:11px;right:11px}.lead-dialog-intro{padding-right:58px}#lead-form{padding:24px 26px 26px}}
@media(max-width:420px){.page-body .section{padding-block:52px}.case-tile h3{font-size:22px}.case-tile p{font-size:14px}.case-visual-label{font-size:10px;left:10px;bottom:10px;padding:6px 8px}.page-body .studio-heading h2{font-size:35px}.person-photo{height:218px}.person-caption strong{font-size:14px}.person-caption span{font-size:12px}.studio-facts strong{font-size:26px}.studio-facts span{font-size:12px}.lead-dialog{width:calc(100% - 16px);border-radius:19px}.lead-dialog-intro{padding:24px 21px 22px}.lead-dialog h2{font-size:27px}.lead-dialog-intro>p{font-size:13px}.lead-included span{font-size:10px}.lead-included{gap:5px}#lead-form{padding:21px 20px 23px;gap:16px}.lead-channel label{font-size:12px;padding:7px;gap:7px}.lead-channel-icon{width:26px;height:26px}.lead-channel-icon svg,.lead-channel-icon img{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.lead-dialog::backdrop{backdrop-filter:none}}

/* v48: quiet portfolio controls and consistent action baseline. */
.offer-highlight svg{color:#e57aaa}
.case-visual{cursor:pointer}
.case-tile-content,.case-tile-featured .case-tile-content{flex:1}
.case-tile-content p{margin-bottom:24px}
.case-tile .case-action{margin-top:auto;align-self:flex-start;gap:9px;white-space:nowrap}
.case-play{display:inline-grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#292e39;color:#fff}
.case-play svg{width:12px;height:12px;fill:currentColor;margin-left:2px}
@media(max-width:520px){.case-tile .case-action{white-space:normal}}
/* Intentional project preference: no focus rings or focus-only halos. */
*:focus,*:focus-visible{outline:none!important;outline-offset:0!important}
.quiz-option:has(input:focus-visible),.lead-channel label:focus-within{outline:none!important;box-shadow:none!important}
.lead-fields input:focus,.quiz-field input:focus,.quiz-field textarea:focus{box-shadow:none!important;border-color:#dfe3e8}

/* v49: lighter media cue, flush portfolio images and one form control language. */
.case-tile .case-visual{padding:0}
.case-tile .case-visual{cursor:default}
.case-play{width:23px;height:23px;border:1.5px solid #aab3c1;background:transparent;color:#586678}
.case-play svg{width:10px;height:10px}
.lead-channel label{border-color:#e4e8ee;background:#fff;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}
.lead-channel label:has(input:checked){border-color:#b2c6e4;background:#f3f7fd;box-shadow:inset 0 0 0 1px #d9e5f5}
.lead-channel label:has(input:checked)::after{content:"";width:8px;height:8px;flex:none;margin-left:auto;border-radius:50%;background:#7296ca;box-shadow:0 0 0 3px #e0eaf8}
.lead-channel-icon.messenger-phone{background:#e8eff8;color:#45648b}
.lead-channel-icon.messenger-phone svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lead-submit.button.primary{background:#aef450;color:#23301b;border-radius:999px}
.lead-submit.button.primary:hover{background:#c0fa6d;color:#23301b}
.quiz-controls .button{border-radius:999px}

/* v49: original GetReview video widgets with a useful source fallback. */
.reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.reviews-kicker{display:inline-block;color:#77808e;font-size:13px;font-weight:560;margin-bottom:16px}
.page-body .reviews-head h2{max-width:790px;font-size:clamp(36px,4.1vw,57px);line-height:1.1;font-weight:480;letter-spacing:-.035em;text-align:left}
.reviews-all{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border:1px solid #d9dee6;border-radius:999px;background:#fff;color:#303b49;font-size:14px;font-weight:560;white-space:nowrap}
.reviews-all:hover{background:#f2f5f9}
.video-reviews{margin-top:39px;padding:27px;border-radius:25px;background:#e8edf7}
.video-reviews h3{font-size:22px;font-weight:550;margin:0 0 20px}
.video-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.video-review-card:has(.getreview-widget:empty){display:none}
.video-review-card{min-width:0;border-radius:16px;overflow:hidden;background:#fff}
.video-review-card .getreview-widget:not(:empty){min-height:180px}
.video-reviews:has(.getreview-widget:not(:empty)) .video-review-fallback{display:none}
.video-review-fallback{display:flex;align-items:center;justify-content:center;gap:13px;min-height:105px;padding:24px;border-radius:17px;background:#fff;color:#39485b;font-size:16px;font-weight:550;text-align:center}
.video-review-fallback-play{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1.5px solid #9eaec7;border-radius:50%;color:#617a9f}
.video-review-fallback-play svg{width:12px;height:12px;fill:currentColor;margin-left:2px}
.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}
.review-card{display:flex;flex-direction:column;min-height:225px;padding:26px;border-radius:21px;background:#fff;color:#222a34}
.review-card:nth-child(1){background:#f7e5df}
.review-card:nth-child(4){background:#e3eafa}
.review-card blockquote{margin:0;font-size:18px;line-height:1.38;font-weight:480;letter-spacing:-.015em}
.review-card p{display:flex;flex-direction:column;gap:3px;margin:25px 0 0;padding-top:10px;margin-top:auto;font-size:13px}
.review-card strong{font-weight:600}
.review-card span{color:#7b838e;font-size:12px}
.reviews-all-bottom{display:none}
@media(max-width:1050px){.video-review-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.reviews-head{display:block}.reviews-head .reviews-all{display:none}.page-body .reviews-head h2{font-size:34px}.video-reviews{margin-top:28px;padding:19px;border-radius:22px}.video-review-grid,.review-grid{grid-template-columns:1fr;gap:11px}.review-card{min-height:0;padding:25px}.review-card blockquote{font-size:19px}.review-card p{margin-top:24px}.reviews-all-bottom{display:flex;width:100%;margin-top:17px}.video-review-fallback{min-height:95px;font-size:14px}}

/* v49 interaction refinement: optically centered Lucide play and a clear choice. */
.case-play{width:27px;height:27px;border:0;background:#e9ecef;color:#5e6873}
.case-play svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;transform:translateX(1px);margin:0}
.lead-channel label:has(input:checked){border-color:#648fc9;background:#e8f0fc;box-shadow:0 0 0 2px #d8e6f8,0 6px 15px #4968991a}
.lead-channel label:has(input:checked)::after{width:10px;height:10px;background:#4f78b1;box-shadow:0 0 0 3px #d5e2f4}
.case-play{width:30px;height:30px}

/* v50: each moving video preview is paired with its own client's words. */
.video-reviews{padding:26px;background:#e9eef7}
.video-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.video-review-pair{min-width:0;overflow:hidden;border-radius:21px;background:#fff}
.video-review-media{height:clamp(300px,29vw,385px);overflow:hidden;background:#dbe2e9}
.video-review-media .getreview-widget{width:100%;height:100%;margin:0}
.video-review-caption{display:flex;flex-direction:column;min-height:154px;padding:24px 27px 25px}
.video-review-caption blockquote{margin:0;color:#222b39;font-size:clamp(17px,1.7vw,22px);font-weight:520;line-height:1.3;letter-spacing:-.02em}
.video-review-caption p{margin:auto 0 0;padding-top:15px;color:#737d8d;font-size:14px;font-weight:540}
.video-reviews:has(.getreview-widget video) .video-review-fallback{display:none}
.video-review-fallback{margin-top:14px}
@media(max-width:700px){.video-reviews{padding:14px}.video-review-grid{grid-template-columns:1fr;gap:13px}.video-review-media{height:310px}.video-review-caption{min-height:0;padding:22px 23px 24px}.video-review-caption blockquote{font-size:20px}.video-review-caption p{padding-top:17px}}

/* v51: compact review gallery, without repeated text cards or a section panel. */
.page-body .reviews-section>h2{margin:0 0 27px;text-align:left;font-size:clamp(38px,4.1vw,56px);font-weight:500;letter-spacing:-.035em}
.reviews-section .video-reviews{margin:0;padding:0;background:transparent;border-radius:0}
.reviews-section .video-review-grid{column-gap:22px;row-gap:23px}
.reviews-section .video-review-pair{overflow:visible;border-radius:0;background:transparent}
.reviews-section .video-review-media{height:320px;border-radius:18px}
.reviews-section .video-review-caption{min-height:128px;padding:16px 3px 4px}
.reviews-section .video-review-caption blockquote{font-size:clamp(17px,1.55vw,20px)}
.reviews-section .video-review-caption p{padding-top:12px}
@media(max-width:700px){.page-body .reviews-section>h2{margin-bottom:21px;font-size:38px}.reviews-section .video-review-grid{row-gap:22px}.reviews-section .video-review-media{height:270px;border-radius:15px}.reviews-section .video-review-caption{min-height:0;padding:14px 2px 0}.reviews-section .video-review-caption blockquote{font-size:18px}.reviews-section .video-review-caption p{padding-top:10px}}
.case-play svg{width:18px;height:18px}
.video-review-fallback-play svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;transform:translateX(1px);margin:0}

/* v54: three compact video testimonials across on desktop. */
.reviews-section .video-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:48px}
.reviews-section .video-review-media{height:270px}
.reviews-section .video-review-caption{min-height:155px}
.reviews-section .video-review-caption blockquote{font-size:18px;line-height:1.35}
@media(max-width:1000px){.reviews-section .video-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-section .video-review-media{height:300px}}
@media(max-width:700px){.reviews-section .video-review-grid{grid-template-columns:1fr;row-gap:42px}.reviews-section .video-review-media{height:270px}.reviews-section .video-review-caption{min-height:0}}


/* v56: each client's name sits directly beneath their video, before the quote. */
.reviews-section .video-review-caption{min-height:0;padding:15px 3px 0}
.reviews-section .video-review-caption p{margin:0 0 9px;padding:0;color:#364252;font-size:15px;font-weight:650;line-height:1.25}
@media(max-width:700px){.reviews-section .video-review-caption{padding:14px 2px 0}.reviews-section .video-review-caption p{margin-bottom:9px;padding:0}}

/* One broad, quiet curve gives the free calculation panel a visual rhythm. */
.plan-section{position:relative;isolation:isolate;overflow:hidden}
.plan-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url("assets/pattern-quiz.svg") center/cover no-repeat;
}
.plan-section>*{position:relative;z-index:1}

/* Studio facts speak for the team and read as a deliberate second row. */
.studio-facts{gap:27px;margin-top:64px;padding-top:32px}
.studio-facts strong{font-size:clamp(33px,3.8vw,50px);line-height:1.04;font-weight:520}
.studio-facts span{font-size:14px;line-height:1.45;max-width:220px}
@media(max-width:900px){.studio-facts strong{font-size:clamp(29px,4.2vw,39px)}}
@media(max-width:700px){.studio-facts{gap:30px 18px;margin-top:44px;padding-top:25px}}
@media(max-width:420px){.studio-facts strong{font-size:30px}.studio-facts span{font-size:13px}}

/* Keep the lead action in sight on short phones without crowding the offer. */
@media(max-width:700px){
  .lead-dialog{max-height:calc(100dvh - 16px);overscroll-behavior:contain}
  .lead-dialog-intro{padding:21px 24px 17px}
  .lead-dialog h2{margin-top:0}
  .lead-dialog-intro>p{display:none}
  .lead-included{padding-top:15px}
  #lead-form{padding:17px 24px 18px;gap:12px}
  .lead-channel legend{margin-bottom:9px}
  .lead-channel label{min-height:46px}
  .lead-fields{gap:9px}
  .lead-fields input{min-height:42px;margin-top:5px}
  .lead-submit{position:sticky;bottom:0;z-index:1;flex:none}
}
@media(max-width:420px){
  .lead-dialog-intro{padding:19px 20px 15px}
  #lead-form{padding:16px 20px 18px;gap:11px}
  .lead-included span{padding:7px 10px}
}

/* Portfolio: results first, complete website gallery second. */
.case-tabs[hidden],.case-tab-panel[hidden]{display:none!important}
.cases-section .case-tabs{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;padding:4px;margin:28px 0 0;border-radius:999px;background:#eceeef;overflow:visible}
.cases-section .case-tabs button{min-height:44px;padding:10px 20px;border:0;border-radius:999px;background:transparent;color:#535963;font-size:14px;font-weight:540;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color 170ms ease,color 170ms ease,box-shadow 170ms ease}
.cases-section .case-tabs button[aria-selected="true"],.cases-section .case-tabs button[aria-selected="true"]:hover{background:#fff;color:#22262d;box-shadow:0 2px 7px #151d2d0d}
@media(hover:hover) and (pointer:fine){.cases-section .case-tabs button:not([aria-selected="true"]):hover{background:#f6f7f8;color:#22262d}}
.cases-section .case-grid{margin-top:26px}
.cases-section .case-visual{cursor:pointer}
.cases-section .case-visual img{object-position:top center}
.case-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-design-grid .case-tile{border-radius:23px}
.case-design-grid .case-tile-content{padding:22px 24px 25px}
.case-design-grid .case-tile h3{font-size:21px;line-height:1.25;font-weight:530}
.case-design-grid .case-tile p{font-size:14px;line-height:1.45;margin:9px 0 19px}
.case-design-grid .case-tile .case-action{font-size:14px;min-height:44px;padding:10px 18px}
@media(max-width:1050px){.case-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cases-section .case-grid,.case-design-grid{grid-template-columns:1fr}.cases-section .case-tabs{width:100%;margin-top:24px}.cases-section .case-tabs button{flex:1;padding-inline:10px}.case-design-grid .case-tile-content{padding:21px 23px 24px}.case-design-grid .case-tile h3{font-size:22px}}