/* Homepage only: introduction, original testimonials and project steps. */
.home-proof-stack{display:grid;gap:34px;min-width:0}
.home-proof-stack h2{font-size:clamp(25px,2.4vw,34px);line-height:1.25;letter-spacing:0}
.home-proof-stack .hp-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;align-items:center;background:linear-gradient(110deg,#fcf4ed,#fff8f3);border-radius:20px;padding:30px 44px}
.home-proof-stack .hp-intro-copy{padding-inline-end:40px;border-inline-end:1px solid #e1d9d3}
.home-proof-stack .hp-intro h2:after{content:'';display:block;width:46px;height:3px;background:var(--orange);margin-top:12px}
.home-proof-stack .hp-intro p{font-size:18px;line-height:1.7;margin:14px 0 0}
.home-proof-stack .hp-person{display:grid;place-items:center;width:200px;aspect-ratio:1.05;border:2px solid white;border-radius:18px;background:linear-gradient(135deg,#e5eaf0,#f4f5f7);justify-self:center}
.home-proof-stack .hp-person svg{width:76%;height:76%;stroke:#092b3c;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.home-proof-stack .hp-centered{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;margin:0 0 24px}
.home-proof-stack .hp-centered:before,.home-proof-stack .hp-centered:after{content:'';width:40px;height:2px;flex-shrink:0;background:var(--orange)}
.home-proof-stack .hp-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-proof-stack .hp-quote{min-width:0;display:flex;flex-direction:column;margin:0;padding:20px 28px 16px;border:1px solid #cdddeb;border-radius:12px;background:linear-gradient(145deg,#fff,#fcfdff);box-shadow:0 4px 10px #12344b06}
.home-proof-stack .hp-quote-mark{color:var(--orange);font:700 46px/.8 Georgia,serif;align-self:start}
.home-proof-stack blockquote{margin:8px 0 18px;flex:1}
.home-proof-stack blockquote p{font-size:18px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.home-proof-stack figcaption{border-top:1px solid #d9e4ef;padding-top:12px;font-size:15px;text-align:center}
.home-proof-stack .hp-process{border-radius:18px;background:linear-gradient(110deg,#e6f5ff,#edf8ff);padding:26px 30px 30px}
.home-proof-stack .hp-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;list-style:none;margin:0;padding:0}
.home-proof-stack .hp-process li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;background:#fff;border-radius:16px}
.home-proof-stack .hp-process li:not(:last-child):after{content:'';position:absolute;left:-23px;top:50%;width:9px;height:9px;transform:translateY(-50%) rotate(45deg);border-left:2px solid var(--orange);border-bottom:2px solid var(--orange)}
.home-proof-stack .hp-step-art{position:relative;display:block;width:62px;height:62px}
.home-proof-stack .hp-step-art svg{display:block;width:100%;height:100%;fill:none;stroke:#092b3c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-proof-stack .hp-step-art .hp-accent{stroke:var(--orange)}
.home-proof-stack .hp-step-number{position:absolute;top:-10px;right:-22px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fff0e2;color:#e96800;font-size:14px;font-weight:800}
.home-proof-stack .hp-process h3{font-size:19px;line-height:1.4;margin:0;text-align:center}
@media(max-width:767px){
 .home-proof-stack{gap:28px}.home-proof-stack .hp-intro{grid-template-columns:minmax(0,1fr) 112px;gap:18px;padding:20px 18px;border-radius:14px}.home-proof-stack .hp-intro-copy{padding-inline-end:16px}.home-proof-stack .hp-intro h2{font-size:24px}.home-proof-stack .hp-intro p{font-size:16px;line-height:1.65}.home-proof-stack .hp-person{width:112px;border-radius:14px}.home-proof-stack .hp-centered{font-size:25px;gap:12px;margin-bottom:18px}.home-proof-stack .hp-centered:before,.home-proof-stack .hp-centered:after{width:24px}.home-proof-stack .hp-quotes{gap:14px}.home-proof-stack .hp-quote{padding:18px 14px 14px}.home-proof-stack blockquote p{font-size:16px;line-height:1.65}.home-proof-stack figcaption{font-size:14px}.home-proof-stack .hp-process{padding:22px 16px}.home-proof-stack .hp-process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.home-proof-stack .hp-process li:nth-child(2):after{display:none}.home-proof-stack .hp-process li{padding:18px 8px 14px}.home-proof-stack .hp-process h3{font-size:17px}.home-proof-stack .hp-step-art{width:52px;height:52px}.home-proof-stack .hp-step-number{right:-18px}
}
@media(max-width:420px){.home-proof-stack .hp-quotes{grid-template-columns:1fr}.home-proof-stack .hp-intro{grid-template-columns:minmax(0,1fr) 94px;gap:12px;padding:20px 14px}.home-proof-stack .hp-person{width:94px}.home-proof-stack .hp-intro h2{font-size:22px}.home-proof-stack .hp-intro-copy{padding-inline-end:12px}}
/* Compact reference layout retains two quotes and four steps on phones. */
@media(max-width:767px){.home-proof-stack .hp-quotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-proof-stack .hp-process{padding:22px 12px}.home-proof-stack .hp-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-proof-stack .hp-process li{padding:14px 4px 12px;gap:10px;border-radius:12px}.home-proof-stack .hp-process h3{font-size:14px}.home-proof-stack .hp-step-art{width:38px;height:38px}.home-proof-stack .hp-step-number{width:23px;height:23px;right:-12px;top:-7px;font-size:11px}.home-proof-stack .hp-process li:not(:last-child):after{display:block;left:-10px;width:6px;height:6px;border-width:1.5px}.home-proof-stack .hp-centered{font-size:24px}}

/* One shared section for the introduction and customer quotes. */
.home-proof-stack .hp-unified{display:grid;gap:28px;padding:30px 36px;background:linear-gradient(110deg,#fcf4ed,#fff8f3);border-radius:20px}
.home-proof-stack .hp-unified .hp-intro{padding:0;background:none;border-radius:0}
.home-proof-stack .hp-unified .hp-testimonials{min-width:0}
.home-proof-stack .hp-unified .hp-quote{background:#fff}
@media(max-width:767px){.home-proof-stack .hp-unified{padding:22px 14px;gap:24px;border-radius:16px}.home-proof-stack .hp-unified .hp-intro{padding:0}.home-proof-stack .hp-unified .hp-quote{padding:16px 10px 12px}.home-proof-stack .hp-unified .hp-quotes{gap:10px}}

/* Shared section: introduction and testimonials alongside each other. */
@media(min-width:768px){
.home-proof-stack .hp-unified{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:32px}
.home-proof-stack .hp-unified .hp-intro{grid-template-columns:minmax(0,1fr) 134px;gap:20px;align-items:center}
.home-proof-stack .hp-unified .hp-intro-copy{padding-inline-end:20px}
.home-proof-stack .hp-unified .hp-person{width:134px}
.home-proof-stack .hp-unified .hp-testimonials{border-inline-start:1px solid #e1d9d3;padding-inline-start:32px}
.home-proof-stack .hp-unified .hp-centered{font-size:28px;margin-bottom:18px;gap:12px}
.home-proof-stack .hp-unified .hp-quotes{gap:16px}
.home-proof-stack .hp-unified .hp-quote{padding:18px 18px 14px}
}
@media(min-width:768px) and (max-width:1100px){
.home-proof-stack .hp-unified{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:26px}
.home-proof-stack .hp-unified .hp-intro{grid-template-columns:minmax(0,1fr);gap:20px}
.home-proof-stack .hp-unified .hp-intro-copy{padding-inline-end:0;border:0}
.home-proof-stack .hp-unified .hp-person{width:120px}
.home-proof-stack .hp-unified .hp-testimonials{padding-inline-start:24px}
.home-proof-stack .hp-unified .hp-quotes{grid-template-columns:1fr}
}

/* Compact two-column reference; no outside numbering. */
.home-proof-stack .hp-unified{width:100%;max-width:1200px;justify-self:center;padding:18px;border:1px solid #ffd4b3;background:linear-gradient(115deg,#fff8f1,#fbf3eb);border-radius:18px;gap:22px}
.home-proof-stack .hp-unified .hp-name{color:var(--orange)}
.home-proof-stack .hp-unified .hp-intro h2{font-size:25px;line-height:1.3}
.home-proof-stack .hp-unified .hp-intro h2:after{display:none}
.home-proof-stack .hp-unified .hp-intro p{font-size:16px;line-height:1.5;margin-top:12px}
.home-proof-stack .hp-unified .hp-centered{font-size:30px;display:block;margin:0 0 16px;line-height:1.2}
.home-proof-stack .hp-unified .hp-centered:before{display:none}
.home-proof-stack .hp-unified .hp-centered:after{display:block;width:44px;height:3px;margin:8px auto 0}
.home-proof-stack .hp-unified .hp-quote{padding:12px 14px 10px;border-color:#ffd4b3;border-radius:12px;box-shadow:none}
.home-proof-stack .hp-unified .hp-quote-mark{font-size:38px;line-height:.6}
.home-proof-stack .hp-unified blockquote{margin:4px 0 16px}
.home-proof-stack .hp-unified blockquote p{font-size:16px;line-height:1.5}
.home-proof-stack .hp-unified figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:0;padding-top:0;font-size:13px}
.home-proof-stack .hp-unified figcaption>span{font-weight:700}
.home-proof-stack .hp-unified figcaption a{border-inline-start:1px solid #ffd4b3;padding-inline-start:10px;color:#d85b00;text-underline-offset:3px}
@media(min-width:768px){
.home-proof-stack .hp-unified{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}
.home-proof-stack .hp-unified .hp-intro{grid-template-columns:112px minmax(0,1fr);gap:18px}
.home-proof-stack .hp-unified .hp-person{order:-1;width:112px;aspect-ratio:3/4;background:linear-gradient(140deg,#c9d9e7,#9fb5c9);border:0;border-radius:14px}
.home-proof-stack .hp-unified .hp-person svg{width:90%;height:90%}
.home-proof-stack .hp-unified .hp-intro-copy{border:0;padding:0}
.home-proof-stack .hp-unified .hp-testimonials{padding-inline-start:20px;border-color:#ffddc2}
.home-proof-stack .hp-unified .hp-quotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(min-width:768px) and (max-width:1000px){.home-proof-stack .hp-unified{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.home-proof-stack .hp-unified .hp-intro{grid-template-columns:85px minmax(0,1fr);gap:12px}.home-proof-stack .hp-unified .hp-person{width:85px}.home-proof-stack .hp-unified .hp-intro h2{font-size:23px}.home-proof-stack .hp-unified figcaption{flex-wrap:wrap;gap:6px}}
@media(max-width:767px){.home-proof-stack .hp-unified{padding:18px 12px;gap:22px}.home-proof-stack .hp-unified .hp-intro{grid-template-columns:88px minmax(0,1fr);gap:14px}.home-proof-stack .hp-unified .hp-person{order:-1;width:88px;aspect-ratio:3/4;background:#c9d9e7;border:0}.home-proof-stack .hp-unified .hp-intro-copy{border:0;padding:0}.home-proof-stack .hp-unified .hp-intro h2{font-size:22px}.home-proof-stack .hp-unified .hp-centered{font-size:26px}.home-proof-stack .hp-unified figcaption{flex-direction:column;gap:8px}.home-proof-stack .hp-unified figcaption a{border:0;padding:0}}

/* Match both homepage panels with content-driven equal desktop rows. */
.home-proof-stack .hp-unified{max-width:none;justify-self:stretch}
@media(min-width:768px){.home-proof-stack{grid-auto-rows:1fr}}

/* Center the introduction group within its half of the shared panel. */
@media(min-width:768px){.home-proof-stack .hp-unified .hp-intro{width:100%;max-width:490px;justify-self:center}.home-proof-stack .hp-unified .hp-intro-copy{text-align:center}.home-proof-stack .hp-unified .hp-intro p{text-align:center}}

/* Reference-led 3D workflow: connected steps without individual cards. */
.home-proof-stack .hp-process{padding:28px 30px 30px;border:1px solid #b7dbf4;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#fbfdff 65%,#edf8ff 100%)}
.home-proof-stack .hp-process .hp-centered{display:block;font-size:clamp(32px,3vw,42px);line-height:1.2;margin:0 0 20px}
.home-proof-stack .hp-process .hp-centered:before{display:none}
.home-proof-stack .hp-process .hp-centered:after{display:block;width:82px;height:4px;border-radius:4px;margin:12px auto 0}
.home-proof-stack .hp-process ol{position:relative;gap:32px}
.home-proof-stack .hp-process ol:before{content:'';position:absolute;top:206px;left:12.5%;right:12.5%;height:2px;background:#98c9eb}
.home-proof-stack .hp-process li{display:grid;grid-template-rows:170px 44px auto;justify-items:center;align-content:start;gap:14px;padding:0;background:none;border-radius:0}
.home-proof-stack .hp-process .hp-step-art{width:min(100%,200px);height:170px}
.home-proof-stack .hp-process .hp-step-art img{display:block;width:100%;height:100%;object-fit:contain}
.home-proof-stack .hp-process .hp-step-number{position:relative;top:auto;right:auto;z-index:1;width:44px;height:44px;background:#092b3c;color:#fff;font-size:23px;box-shadow:0 1px 4px #0a2e4020}
.home-proof-stack .hp-process h3{font-size:clamp(20px,2vw,28px);line-height:1.3}
.home-proof-stack .hp-process li:not(:last-child):after{display:block;top:206px;left:-23px;width:10px;height:10px;border-width:3px;box-shadow:-5px 5px 0 5px #fafdff;z-index:1}
@media(max-width:767px){
.home-proof-stack .hp-process{padding:22px 12px 26px;border-radius:18px}
.home-proof-stack .hp-process .hp-centered{font-size:28px;margin-bottom:20px}
.home-proof-stack .hp-process .hp-centered:after{width:54px;height:3px;margin-top:10px}
.home-proof-stack .hp-process ol{gap:12px}
.home-proof-stack .hp-process li{grid-template-rows:70px 28px auto;gap:8px;padding:0}
.home-proof-stack .hp-process .hp-step-art{width:100%;height:70px}
.home-proof-stack .hp-process .hp-step-number{width:28px;height:28px;font-size:15px}
.home-proof-stack .hp-process h3{font-size:14px;line-height:1.4}
.home-proof-stack .hp-process ol:before{top:92px}
.home-proof-stack .hp-process li:not(:last-child):after{top:92px;left:-9px;width:6px;height:6px;border-width:1.5px;box-shadow:-3px 3px 0 3px #fafdff}
}

/* Larger profile illustration in the introduction panel. */
@media(min-width:1101px){.home-proof-stack .hp-unified .hp-intro{max-width:560px;grid-template-columns:176px minmax(0,1fr);gap:22px}.home-proof-stack .hp-unified .hp-person{width:176px}}
@media(min-width:768px) and (max-width:1100px){.home-proof-stack .hp-unified .hp-intro{grid-template-columns:136px minmax(0,1fr);gap:16px}.home-proof-stack .hp-unified .hp-person{width:136px}}
@media(max-width:767px){.home-proof-stack .hp-unified .hp-intro{grid-template-columns:112px minmax(0,1fr)}.home-proof-stack .hp-unified .hp-person{width:112px}}

/* Let each homepage panel follow its content instead of equal-height rows. */
@media(min-width:768px){.home-proof-stack{grid-auto-rows:auto;align-items:start}.home-proof-stack .hp-unified{align-self:start;padding-block:18px}}

/* Reuse the homepage contact section background palette. */
.home-proof-stack .hp-unified{background:radial-gradient(ellipse 38% 78% at 8% 48%,#ffc8a99c 0%,transparent 78%),radial-gradient(ellipse 64% 65% at 83% 0%,#d6efffc4 0%,transparent 80%),#f7fbff}

/* Approved polo portrait replacing the neutral profile symbol. */
.home-proof-stack .hp-unified .hp-person{position:relative;overflow:hidden}
.home-proof-stack .hp-unified .hp-person img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}

/* Blend the approved portrait into the shared background, without a photo card. */
.home-proof-stack .hp-unified .hp-person{background:none;border:0;border-radius:0;overflow:visible}
.home-proof-stack .hp-unified .hp-person img{border-radius:0;object-position:50% 35%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 77%,transparent 100%),linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 77%,transparent 100%),linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-composite:intersect}
.home-proof-stack .hp-unified .hp-intro-copy p+p{margin-top:10px}
@media(max-width:767px){.home-proof-stack .hp-unified .hp-intro{align-items:start}.home-proof-stack .hp-unified .hp-person{margin-top:10px}}

/* Organic feathered edge and a full-width second paragraph on phones. */
.home-proof-stack .hp-unified .hp-person img{-webkit-mask-image:radial-gradient(ellipse 65% 65% at 50% 38%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 65% 65% at 50% 38%,#000 55%,transparent 100%)}
@media(max-width:767px){.home-proof-stack .hp-unified .hp-intro-copy{display:contents}.home-proof-stack .hp-unified .hp-person{grid-column:1;grid-row:1 / span 2;margin-top:0}.home-proof-stack .hp-unified .hp-intro-copy h2{grid-column:2;grid-row:1}.home-proof-stack .hp-unified .hp-intro-copy p:first-of-type{grid-column:2;grid-row:2;margin-top:0}.home-proof-stack .hp-unified .hp-intro-copy p:last-child{grid-column:1 / -1;margin:0}}

/* Real alpha cutout sits directly on the section background. */
.home-proof-stack .hp-unified .hp-person img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);object-fit:cover;object-position:50% 35%}

/* Preserve the face while feathering the shoulders and lower torso. */
.home-proof-stack .hp-unified .hp-person img{-webkit-mask-image:radial-gradient(ellipse 68% 72% at 50% 28%,#000 45%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 68% 72% at 50% 28%,#000 45%,#000 58%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}

/* Homepage reference palette: background properties only; preserve all geometry and content. */
body.home{background:#fff}
.home .hero-band{background:radial-gradient(ellipse 52% 86% at 10% 40%,#edf7ff 0%,transparent 78%),radial-gradient(ellipse 52% 58% at 100% 100%,#e1f2ff 0%,transparent 86%),#fbfdff}
.home .hero-art:before{background:linear-gradient(145deg,#f4e5dc 9%,#d9effc 53%,#cbeafa 88%)}
.home .service-web{background:linear-gradient(135deg,#e3f3ff,#dcefff)}
.home .service-portals{background:linear-gradient(135deg,#fff5ed,#fff0e7)}
.home .service-seo{background:linear-gradient(135deg,#eaf7ff,#e1f2ff)}
.home .service-ads{background:linear-gradient(135deg,#fff3e9,#ffefe4)}
.home .project-button[data-project=law]{background:linear-gradient(135deg,#e7f5ff,#deeffc)}
.home .project-button[data-project=services]{background:linear-gradient(135deg,#e7f5ff,#dceffc)}
.home .project-button[data-project=shop]{background:linear-gradient(135deg,#fff3e9,#ffede1)}
.home .home-proof-stack .hp-unified{background:linear-gradient(100deg,#fff1e8 0%,#f8fbfd 48%,#e5f3ff 100%)}
.home .home-proof-stack .hp-quote{background:#fff}
.home .home-proof-stack .hp-process{background:linear-gradient(110deg,#edf8ff,#f2faff)}
.home .solution-section{background:#fff}
.home .home-contact-band{background:radial-gradient(ellipse 40% 84% at 7% 48%,#ffe8d9 0%,transparent 80%),radial-gradient(ellipse 65% 72% at 85% 8%,#e6f5ff 0%,transparent 84%),#f8fcff}

/* Clear, consistent links to the complete recommendations page. */
.home-proof-stack .hp-unified figcaption a{font-size:16px;font-weight:700;line-height:1.5}

/* Center the personal introduction on phones, including its full-width paragraph. */
@media(max-width:767px){.home .home-proof-stack .hp-unified .hp-intro-copy h2,.home .home-proof-stack .hp-unified .hp-intro-copy p{text-align:center}}