/* Sanad 1.7 — a clearer journey from personal support to a conversation. */
.hero-open .hero-stage{padding-top:70px;padding-bottom:22px}
.hero-open .hero-copy h1{font-size:clamp(65px,7.8vw,108px);line-height:1.02;margin:26px 0 24px}
.hero-open .hero-highlight{font-size:.86em}
.hero-open .hero-description{max-width:670px;font-size:21px;line-height:1.6}
.hero-atmosphere{background:radial-gradient(ellipse at 50% 0%,var(--brand-white) 25%,transparent 80%),linear-gradient(130deg,var(--brand-white) 35%,color-mix(in srgb,var(--brand-primary) 8%,var(--brand-white)))}
.hero-halo{opacity:.1;filter:blur(90px)}
.hero-orbit{opacity:.35}
.hero-open .hero-audience{font-size:13px;color:var(--muted);margin:22px auto 0;max-width:600px}
.hero-open .hero-note{margin-top:10px}
.hero-open .hero-bottom{margin-top:36px;padding-top:16px}
.hero-primary{box-shadow:0 6px 20px color-mix(in srgb,var(--brand-primary) 12%,transparent)}
.hero-primary:hover{box-shadow:0 10px 25px color-mix(in srgb,var(--brand-dark) 14%,transparent)}
.hero-open .hero-halo{animation-duration:16s!important}
.hero-open .hero-orbit{animation-duration:28s!important}

.client-proof{background:var(--brand-dark);color:var(--brand-white);padding-block:52px}
.proof-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;align-items:center}
.proof-person{display:grid;grid-template-columns:76px 1fr;gap:0 17px;align-items:center}
.proof-person>.eyebrow{grid-column:1/-1;color:var(--brand-white);font-size:10px;letter-spacing:.16em;margin-bottom:23px}
.proof-portrait,.proof-monogram{grid-row:2/4;width:76px;height:88px;object-fit:cover;object-position:50% 24%;border-radius:8px}
.proof-monogram{background:var(--brand-primary);display:grid;place-items:center;color:var(--brand-dark)}
.proof-name{font-size:21px;line-height:1.2;font-weight:550;align-self:end;margin-bottom:8px}
.proof-role{font-size:12px;line-height:1.4;align-self:start;color:color-mix(in srgb,var(--brand-white) 78%,var(--brand-dark))}
.proof-words{position:relative;padding-left:34px;border-left:1px solid color-mix(in srgb,var(--brand-white) 20%,transparent)}
.proof-quote-mark{position:absolute;left:32px;top:-36px;font-size:76px;line-height:1;color:var(--brand-primary);font-family:Georgia,serif}
.proof-words blockquote{margin:14px 0 0;font-size:clamp(19px,1.8vw,24px);line-height:1.55;font-weight:400;letter-spacing:-.025em;max-width:930px}
.services-section{background:var(--brand-white)}
.services-section .section{padding-top:94px}
.service-grid{gap:18px}
.service-card{padding:29px 28px;min-height:228px;border-color:var(--line);background:var(--brand-white)}
.service-card h3{font-size:27px;margin-top:20px;margin-bottom:12px;min-height:0}
.service-card p{font-size:17px;line-height:1.55}
.service-card .card-top svg{width:29px;height:29px}
.service-card:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.service-card:hover .card-top svg{color:var(--brand-primary)}
.section-tail{margin-top:28px}

.why-section{background:var(--ivory);border-block:1px solid var(--line)}
.why-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:start}
.why-intro.section-heading{margin:0}
.why-intro h2{font-size:clamp(38px,4.1vw,58px);margin:24px 0}
.why-intro>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:480px}
.why-intro>.text-link{margin-top:28px}
.why-seal{display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.why-seal svg{width:32px;height:32px}
.why-seal p{font-size:15px;line-height:1.6;max-width:360px}
.why-reason{display:grid;grid-template-columns:30px 1fr 42px;gap:17px;padding:31px 0;border-top:1px solid var(--line)}
.why-reason:last-child{border-bottom:1px solid var(--line)}
.why-number{font-size:12px;font-weight:600;padding-top:6px;color:var(--muted)}
.why-reason h3{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0 0 12px}
.why-reason p{font-size:17px;line-height:1.7;color:var(--muted);max-width:480px}
.why-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .3s ease,transform .3s ease}
.why-reason:hover .why-icon{background:var(--brand-primary);transform:rotate(-8deg)}
#process .section-heading{margin-bottom:38px}
.steps{margin-top:0}
.steps>li{min-height:205px}
.steps .step-number{margin-bottom:22px}
.process-note{margin-top:28px}
.results-section{border-top:1px solid var(--line);background:var(--ivory)}
.results-section .result-feature,.results-section .result-more{background:var(--brand-white)}
.results-section .result-more:hover,.results-section .result-more:focus-within{background:var(--brand-dark)}
.faq-upgrade{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.faq-upgrade .section-heading{margin:0}
.faq-upgrade h2{margin:24px 0}
.faq-upgrade .section-heading>p:last-child{font-size:18px;max-width:330px}
.faq-upgrade .accordions{border-top:1px solid var(--line)}
.faq-upgrade summary{font-size:18px;padding:24px 0;line-height:1.5}
.faq-upgrade details p{padding-right:25px}
.contact-grid{gap:75px;align-items:start}
.contact-section h2{font-size:clamp(40px,4.5vw,62px);line-height:1.08}
.contact-description{font-size:18px;line-height:1.7}
.contact-next{margin-top:30px;border-top:1px solid color-mix(in srgb,var(--brand-white) 20%,transparent);padding-top:27px}
.contact-next h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:0 0 19px}
.contact-next ol{list-style:none;padding:0;margin:0;counter-reset:next-step;display:grid;gap:14px}
.contact-next li{counter-increment:next-step;display:flex;align-items:baseline;gap:14px;font-size:15px;line-height:1.6;color:var(--brand-white)}
.contact-next li:before{content:"0" counter(next-step);font-size:11px;color:var(--brand-white);opacity:.75}
.contact-links{margin-top:24px}
.form-panel{padding:34px}
.form-panel>h3{font-size:30px;line-height:1.2;margin-bottom:10px}
.form-intro{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:24px}
.enquiry-form input:not([type=checkbox]):not([type=hidden]),.enquiry-form textarea{background:var(--brand-white)}
.enquiry-form .button{width:100%;justify-content:space-between;margin-top:10px}
.form-row{gap:17px}
.careers-wrap{margin-top:30px}
.careers-panel{border-top:1px solid var(--line);border-bottom:0}
.careers-panel>summary{font-size:15px;padding:20px 0;width:100%;max-width:200px}
.careers-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:25px 0 50px}
.careers-grid h2{font-size:38px;max-width:450px;margin-bottom:20px}
.careers-grid>div>p{padding:0;font-size:17px;max-width:390px}
.careers-grid .enquiry-form{background:var(--ivory);padding:25px;border-radius:12px}
.careers-grid .enquiry-form .consent span{font-size:13px}
.site-footer .footer-top{padding-bottom:25px}
@media(max-width:1100px){.why-layout{gap:45px}.faq-upgrade{gap:45px}.proof-layout{gap:30px;grid-template-columns:210px 1fr}.proof-words{padding-left:25px}.proof-quote-mark{left:22px}.contact-grid{gap:35px}.form-panel{padding:27px}.why-reason{grid-template-columns:22px 1fr 35px;gap:12px}.why-icon{width:35px;height:35px}}
@media(max-width:800px){.hero-open .hero-stage{padding-top:46px}.hero-open .hero-copy h1{font-size:72px}.proof-layout{grid-template-columns:1fr;gap:25px}.client-proof{padding:38px 0}.proof-person{grid-template-columns:65px 1fr;max-width:100%}.proof-person>.eyebrow{margin-bottom:20px}.proof-portrait,.proof-monogram{width:65px;height:72px}.proof-words{border-left:0;padding:0}.proof-quote-mark{display:none}.proof-words blockquote{font-size:21px;margin:0}.why-layout,.faq-upgrade{grid-template-columns:1fr;gap:35px}.why-intro>p:not(.eyebrow){max-width:600px}.why-seal{margin-top:25px}.why-reason{grid-template-columns:26px 1fr 42px}.why-icon{width:42px;height:42px}.faq-upgrade h2{margin:17px 0}.faq-upgrade .section-heading>p:last-child{max-width:450px}.careers-grid{grid-template-columns:1fr;gap:25px}.service-card{min-height:215px}}
@media(max-width:560px){.hero-open .hero-copy h1{font-size:clamp(43px,12vw,65px);line-height:1.03;margin:25px 0 20px}.hero-open .hero-description{font-size:17px;max-width:350px;line-height:1.65}.hero-open .hero-stage{padding-top:34px}.hero-open .hero-audience{font-size:12px;max-width:290px;line-height:1.6;margin-top:18px}.hero-open .hero-note{font-size:10px;max-width:280px}.hero-open .hero-bottom{margin-top:25px}.hero-bottom-note{display:none}.hero-open .hero-highlight{font-size:.83em}.proof-words blockquote{font-size:19px;line-height:1.6}.proof-name{font-size:21px}.services-section .section{padding-top:60px}.service-grid{gap:14px}.service-card{min-height:0;padding:25px}.service-card h3{font-size:27px;margin-top:20px}.why-reason{padding:25px 0;grid-template-columns:23px 1fr;gap:12px}.why-icon{display:none}.why-reason h3{font-size:29px}.why-reason p{font-size:17px}.why-intro h2{font-size:40px}.why-intro>p:not(.eyebrow){font-size:17px}.steps>li{min-height:0}.contact-grid{gap:35px}.form-panel{padding:26px 20px}.form-panel>h3{font-size:29px}.form-row{grid-template-columns:1fr;gap:0}.contact-next li{font-size:15px}.careers-grid .enquiry-form{padding:22px 18px}.careers-grid h2{font-size:34px}.careers-grid{padding-bottom:30px}.faq-upgrade summary{font-size:17px}.hero-open .hero-bottom .explore{font-size:10px}}
@media(prefers-reduced-motion:reduce){.why-icon{transition:none}.why-reason:hover .why-icon{transform:none}}
.sanad-motion-off .why-icon{transition:none}.sanad-motion-off .why-reason:hover .why-icon{transform:none}