/* Dev By Ghani homepage bundle v31 */
/* source 1: minimal-home.css */
:root{--ink:#111;--paper:#f5f4f0;--white:#fff;--muted:#686762;--line:#d9d7d0;--soft:#ebe9e2;--radius:22px;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;background:#111;color:#fff;padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(245,244,240,.9);backdrop-filter:blur(16px);position:relative;z-index:20}.brand{font:800 20px/1 var(--display);letter-spacing:-.04em}.brand span{color:#898780}.site-header nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:14px}.site-header nav>a:not(.nav-cta){position:relative}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:#111;transition:.25s}.site-header nav>a:hover:after{right:0}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:999px;font-weight:700;transition:transform .25s,background .25s,color .25s}.nav-cta{padding:11px 18px;background:#111;color:#fff}.button{padding:16px 22px;border:0;cursor:pointer}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button-dark{background:#111;color:#fff}.button-light{background:#fff;color:#111}.text-link{font-weight:700;border-bottom:1px solid #999}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:#111;margin:6px}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);gap:clamp(48px,7vw,120px);padding:clamp(62px,8vw,118px) clamp(20px,7vw,110px);position:relative;overflow:hidden;align-items:center}.hero-copy,.lead-form{position:relative;z-index:2}.hero-ambient{position:absolute;inset:0;pointer-events:none;opacity:.65}.hero-ambient i{position:absolute;border:1px solid rgba(17,17,17,.1);border-radius:50%;animation:drift 14s ease-in-out infinite}.hero-ambient i:nth-child(1){width:36vw;height:36vw;left:-18vw;top:-10vw}.hero-ambient i:nth-child(2){width:18vw;height:18vw;left:48%;bottom:-10vw;animation-delay:-5s}.hero-ambient i:nth-child(3){width:8px;height:8px;background:#111;left:59%;top:22%;animation-delay:-8s}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin:0 0 22px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#111;margin-right:10px}.hero h1{font:700 clamp(48px,6.2vw,92px)/.99 var(--display);letter-spacing:-.065em;max-width:900px;margin:0}.hero h1 em{font-style:normal;color:#777570}.hero-lead{font-size:clamp(18px,1.55vw,23px);line-height:1.5;color:#4f4e4a;max-width:720px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.assurances{display:flex;flex-wrap:wrap;list-style:none;padding:24px 0 0;margin:28px 0 0;border-top:1px solid var(--line);gap:12px 26px;color:#4b4a47;font-size:14px}.assurances li:before{content:"✓";margin-right:8px;font-weight:800}.personal-note{display:flex;align-items:center;gap:16px;margin-top:34px;max-width:650px}.portrait{width:62px;height:62px;flex:0 0 62px;border-radius:50%;background:#111 url('/assets/home-redesign/usman-presenter.webp') center 17%/145% auto no-repeat;filter:grayscale(1);border:1px solid #111}.personal-note p{margin:0;color:#5c5b57;font-size:14px;line-height:1.45}.personal-note strong{color:#111}.lead-form{background:#fff;border:1px solid #d5d3cc;border-radius:var(--radius);padding:clamp(25px,3vw,42px);box-shadow:0 30px 90px rgba(25,23,18,.09)}.form-intro p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:0 0 8px}.form-intro h2{font:700 clamp(27px,2.3vw,38px)/1.16 var(--display);letter-spacing:-.04em;margin:0 0 9px}.form-intro>span{display:block;color:var(--muted);font-size:14px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:13px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #cfcdc5;background:#faf9f6;border-radius:10px;padding:13px 14px;margin-top:6px;outline:none;transition:border .2s,box-shadow .2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.07)}.form-grid .full{grid-column:1/-1}.form-grid textarea{resize:vertical}.lead-form .submit{width:100%;margin-top:18px}.lead-form .submit:disabled{opacity:.65}.form-status{font-size:14px;margin:12px 0 0}.form-status.error{color:#a12020}.form-safe{display:block;text-align:center;color:#777570;margin-top:13px}
.proof-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 clamp(20px,7vw,110px);background:#efeee9}.proof-bar p{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;padding:28px 20px;border-right:1px solid var(--line)}.proof-bar p:last-child{border:0}.proof-bar strong{font:700 27px var(--display)}.proof-bar span{font-weight:700;font-size:13px}.proof-bar small{display:block;color:var(--muted);font-weight:400}.section{padding:clamp(90px,11vw,160px) clamp(20px,7vw,110px)}.section-heading{max-width:780px;margin-bottom:54px}.section-heading h2{font:700 clamp(39px,5vw,70px)/1.05 var(--display);letter-spacing:-.055em;margin:0 0 20px}.section-heading>p:last-child{color:var(--muted);font-size:18px;max-width:650px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{min-height:360px;padding:36px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .3s,color .3s}.service-card:last-child{border:0}.service-card:hover{background:#111;color:#fff}.service-card>span{font:600 12px var(--display);color:#898780}.service-card h3{font:700 clamp(25px,2.3vw,36px)/1.13 var(--display);letter-spacing:-.04em;margin:auto 0 16px}.service-card p{color:#696762;margin:0 0 28px}.service-card:hover p{color:#bbb9b1}.service-card b{font-size:14px}.work-section{background:#111;color:#fff}.work-section .section-heading>p:last-child{color:#aaa8a1}.work-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px}.work-card{min-height:410px;background:#e5e2da;color:#111;padding:32px;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .35s}.work-card:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(17,17,17,.14);border-radius:50%;right:-80px;top:-80px;transition:transform .6s}.work-card:hover{transform:translateY(-7px)}.work-card:hover:before{transform:scale(1.25)}.work-card.invert{background:#292929;color:#fff}.work-card.invert:before{border-color:#555}.work-card small{text-transform:uppercase;letter-spacing:.12em}.work-card h3{font:700 clamp(29px,3vw,43px)/1.05 var(--display);letter-spacing:-.05em;margin:20px 0}.work-card p{max-width:330px;color:#65635e}.work-card.invert p{color:#b9b7b0}.process{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.process .section-heading{position:sticky;top:120px;align-self:start}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:38px 0;border-top:1px solid var(--line)}.process li:last-child{border-bottom:1px solid var(--line)}.process li>span{font:700 13px var(--display)}.process h3{font:700 clamp(25px,2.6vw,38px)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 12px}.process li p{color:var(--muted);font-size:17px;margin:0;max-width:580px}.reviews{background:#e8e6df}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid figure{margin:0;background:#f7f6f2;border:1px solid #d6d4cc;border-radius:18px;padding:30px;min-height:330px;display:flex;flex-direction:column}.review-grid figure>div{letter-spacing:.12em}.review-grid blockquote{font:600 clamp(20px,1.7vw,26px)/1.42 var(--display);letter-spacing:-.025em;margin:32px 0}.review-grid figcaption{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.review-grid figcaption span{display:block;color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.faq-list details{border-top:1px solid var(--line);padding:25px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font:700 20px var(--display);cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);max-width:650px}.closing{background:#111;color:#fff;text-align:center;padding:clamp(90px,12vw,180px) 20px}.closing>p{text-transform:uppercase;letter-spacing:.16em;font-size:12px}.closing h2{font:700 clamp(42px,6vw,84px)/1.02 var(--display);letter-spacing:-.06em;max-width:1000px;margin:18px auto 38px}.closing>div{display:flex;justify-content:center;gap:28px;margin-top:32px}.closing>div a{border-bottom:1px solid #666}footer{padding:62px clamp(20px,7vw,110px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line)}footer>p{color:var(--muted);margin:0;max-width:470px}footer nav{grid-column:2;grid-row:1/3;display:flex;justify-content:flex-end;align-items:flex-start;gap:22px;font-weight:600;font-size:14px}footer small{color:#777570}.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes drift{50%{transform:translate(25px,18px) scale(1.04)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-ambient i{animation:none}}
@media(max-width:980px){.site-header nav{display:none;position:absolute;left:0;right:0;top:77px;background:#f5f4f0;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:800px}.lead-form{max-width:720px;width:100%;justify-self:center}.proof-bar{grid-template-columns:1fr 1fr}.proof-bar p:nth-child(2){border-right:0}.proof-bar p:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-grid,.work-grid,.review-grid{grid-template-columns:1fr}.service-card{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{border-bottom:0}.work-card{min-height:330px}.process,.faq{grid-template-columns:1fr}.process .section-heading{position:static}.faq .section-heading{margin-bottom:0}footer nav{grid-column:1/-1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:620px){body{padding-bottom:67px}.site-header{height:66px}.site-header nav{top:65px}.hero{min-height:auto;padding:52px 20px 72px;gap:44px}.hero h1{font-size:48px}.hero-lead{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column}.assurances{display:grid;grid-template-columns:1fr}.personal-note{align-items:flex-start}.lead-form{padding:23px;border-radius:16px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.proof-bar{padding:0}.proof-bar p{justify-content:flex-start;padding:20px 18px}.proof-bar strong{font-size:21px}.proof-bar span{font-size:12px}.section{padding:86px 20px}.section-heading{margin-bottom:38px}.section-heading h2{font-size:40px}.service-card{padding:28px;min-height:260px}.work-card{min-height:300px;padding:26px}.process li{grid-template-columns:42px 1fr}.review-grid figure{min-height:300px;padding:25px}.closing h2{font-size:43px}.closing>div{flex-direction:column;align-items:center;gap:12px}footer{display:block;padding:48px 20px 30px}footer>p{margin:18px 0 28px}footer nav{margin-bottom:30px}.mobile-cta{display:flex;position:fixed;left:12px;right:12px;bottom:10px;height:52px;background:#111;color:#fff;border:1px solid #444;border-radius:999px;align-items:center;justify-content:center;gap:24px;font-weight:700;z-index:30;box-shadow:0 10px 35px rgba(0,0,0,.25)}}

/* Refined welcoming and technical motion details */
.welcome{font:600 clamp(17px,1.4vw,21px)/1.4 var(--display);margin:0 0 12px;color:#52514d;letter-spacing:-.02em}
.button-icon,.service-card b i,.work-card b i{font-style:normal;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.14);font-size:11px;transition:transform .35s}
.button-light .button-icon{background:#eceae4}.button:hover .button-icon,.service-card:hover b i,.work-card:hover b i{transform:rotate(135deg) scale(1.08)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
.hero:after{content:"";position:absolute;left:-10%;top:25%;width:65%;height:1px;background:linear-gradient(90deg,transparent,#aaa,transparent);animation:techSweep 8s ease-in-out infinite;pointer-events:none}
.work-card.feature-work{transform:translateY(-18px);box-shadow:0 24px 70px rgba(0,0,0,.25)}.work-card.feature-work:hover{transform:translateY(-25px)}
.closing{position:relative;overflow:hidden;isolation:isolate}.closing>*:not(.closing-tech){position:relative;z-index:2}.closing-tech{position:absolute!important;inset:0;z-index:0!important;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}
.closing-tech span{position:absolute;display:block;width:clamp(180px,25vw,410px);height:clamp(180px,25vw,410px);border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:closingOrbit 15s ease-in-out infinite}
.closing-tech span:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:18%;left:10%;box-shadow:0 0 24px #fff}
.closing-tech span:nth-child(1){left:-8%;top:-28%}.closing-tech span:nth-child(2){right:-7%;bottom:-35%;animation-delay:-5s}.closing-tech span:nth-child(3){width:8px;height:8px;left:23%;top:66%;animation-delay:-3s}.closing-tech span:nth-child(4){width:5px;height:5px;right:28%;top:20%;animation-delay:-9s}.closing-tech span:nth-child(5){width:48%;height:1px;border-radius:0;border:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);left:26%;top:42%;animation:closingScan 7s ease-in-out infinite}
footer{min-height:360px;padding-top:90px;padding-bottom:45px;background:#f0eee8;align-content:start}footer .brand{font-size:28px}footer>p{font-size:18px;line-height:1.55}
@keyframes techSweep{0%,100%{transform:translateY(-130px);opacity:0}40%,60%{opacity:.7}50%{transform:translateY(290px)}}
@keyframes closingOrbit{50%{transform:translate(28px,-18px) scale(1.08) rotate(35deg)}}@keyframes closingScan{50%{transform:translateY(150px);opacity:.15}}
@media(max-width:980px){.work-card.feature-work{transform:none}.work-card.feature-work:hover{transform:translateY(-7px)}}
.site-header nav{gap:clamp(14px,1.7vw,27px)}

/* Homepage refinement: quieter motion, consistent icons and aligned work */
.site-header{position:sticky;top:0;box-shadow:0 1px 0 rgba(17,17,17,.04);transition:transform .3s ease,box-shadow .3s ease}
.site-header.scrolled{box-shadow:0 10px 35px rgba(17,17,17,.08)}
.nav-whatsapp:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5A11 11 0 0 0 3.2 16.8L2 22l5.3-1.2A11 11 0 1 0 20.5 3.5ZM12 20a8.1 8.1 0 0 1-4.1-1.1l-.3-.2-3.1.7.7-3-.2-.3A8.1 8.1 0 1 1 12 20Z'/%3E%3C/svg%3E") center/contain no-repeat}
.eyebrow span{display:none}.hero-ambient{opacity:.78}.hero-ambient i{border-radius:45% 55% 58% 42%;background:transparent!important;box-shadow:0 0 80px rgba(17,17,17,.025);animation:softOrbit 18s ease-in-out infinite}.hero-ambient i:nth-child(1){width:42vw;height:30vw;left:-13vw;top:-8vw;transform:rotate(18deg)}.hero-ambient i:nth-child(2){width:28vw;height:18vw;left:46%;bottom:-7vw;animation-delay:-7s}.hero-ambient i:nth-child(3){width:22vw;height:14vw;left:auto;right:-8vw;top:16%;animation-delay:-12s}
.assurances{gap:14px 30px}.assurances li{display:inline-flex;align-items:center;gap:9px}.assurances li:before{content:none}.assurances svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.portrait{width:78px;height:88px;flex-basis:78px;border-radius:16px;background-color:#e2dfd7;background-position:center 15%;background-size:108% auto;filter:grayscale(.75) contrast(.98);border:1px solid #cbc8bf;box-shadow:0 12px 28px rgba(17,17,17,.12)}
.button-icon,.service-card b i,.work-card b i{width:auto;height:auto;border-radius:0;background:transparent!important;font-size:18px;line-height:1}.button:hover .button-icon,.service-card:hover b i,.work-card:hover b i{transform:translateX(4px)}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.work-card,.work-card.feature-work{height:100%;min-height:410px;transform:none;box-shadow:none}.work-card:hover,.work-card.feature-work:hover{transform:translateY(-7px)}
.closing-tech{opacity:.5;background-image:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.055) 50%,transparent 85%);background-size:200% 100%;animation:closingGlow 10s ease-in-out infinite;mask-image:none}.closing-tech span{height:1px!important;width:62%!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);left:19%!important;right:auto!important;animation:closingLines 12s ease-in-out infinite!important}.closing-tech span:after{content:none}.closing-tech span:nth-child(1){top:18%!important}.closing-tech span:nth-child(2){top:34%!important;animation-delay:-2s!important}.closing-tech span:nth-child(3){top:50%!important;animation-delay:-4s!important}.closing-tech span:nth-child(4){top:66%!important;animation-delay:-6s!important}.closing-tech span:nth-child(5){top:82%!important;animation-delay:-8s!important}
.mobile-cta svg{width:22px;height:22px;fill:currentColor}.mobile-cta{gap:10px}
@keyframes softOrbit{0%,100%{transform:translate3d(0,0,0) rotate(8deg)}50%{transform:translate3d(28px,16px,0) rotate(-5deg)}}
@keyframes closingGlow{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes closingLines{0%,100%{transform:translateX(-9%);opacity:.2}50%{transform:translateX(9%);opacity:.7}}
@media(max-width:980px){.work-grid{grid-template-columns:1fr}.work-card,.work-card.feature-work{min-height:330px}.site-header nav{max-height:calc(100vh - 66px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.site-header,.closing-tech,.closing-tech span{animation:none!important;transition:none!important}}

/* Horizontally browsable client feedback */
.review-grid{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#96938b transparent;padding:0 0 18px;overscroll-behavior-inline:contain}.review-grid figure{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}.review-grid::-webkit-scrollbar{height:6px}.review-grid::-webkit-scrollbar-track{background:transparent}.review-grid::-webkit-scrollbar-thumb{background:#96938b;border-radius:999px}
@media(max-width:980px){.review-grid figure{flex-basis:min(82vw,520px)}}
@media(max-width:620px){.review-grid figure{flex-basis:88vw}}

/* Compact editorial review rail */
.reviews{padding-top:clamp(76px,8vw,112px);padding-bottom:clamp(76px,8vw,112px)}.reviews .section-heading{margin-bottom:34px}.review-grid{gap:14px;padding-bottom:20px}.review-grid figure{flex:0 0 360px;height:310px;min-height:0;padding:25px;border-radius:22px;box-shadow:0 12px 35px rgba(17,17,17,.055);transition:transform .3s ease,box-shadow .3s ease}.review-grid figure:first-child{flex-basis:min(62vw,760px);background:#111;color:#fff;border-color:#111}.review-grid figure:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(17,17,17,.1)}.review-grid figure>div{font-size:13px;letter-spacing:.18em}.review-grid blockquote{font:600 17px/1.52 var(--display);letter-spacing:-.018em;margin:20px 0;overflow:auto;scrollbar-width:none}.review-grid blockquote::-webkit-scrollbar{display:none}.review-grid figcaption{padding-top:14px}.review-grid figure:first-child figcaption{border-color:#3a3a3a}.review-grid figure:first-child figcaption span{color:#aaa8a1}
@media(max-width:760px){.review-grid figure,.review-grid figure:first-child{flex-basis:88vw;height:350px;padding:23px}.review-grid blockquote{font-size:16px}}

/* Polished review carousel with controls and no visible scrollbar */
.reviews-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.reviews-heading .section-heading{margin:0}.review-controls{display:flex;gap:9px;padding-bottom:8px}.review-controls button{width:46px;height:46px;border:1px solid #c9c6be;border-radius:50%;background:#f7f6f2;color:#111;font:400 27px/1 var(--body);cursor:pointer;transition:background .2s,color .2s,transform .2s}.review-controls button:hover{background:#111;color:#fff;transform:translateY(-2px)}.review-grid{scrollbar-width:none;padding-bottom:0}.review-grid::-webkit-scrollbar{display:none}.review-grid figure{position:relative;border-color:#cfccc4;background:linear-gradient(145deg,#fff,#f4f2ec);box-shadow:none}.review-grid figure:after{content:"“";position:absolute;right:22px;top:15px;color:#d6d2c9;font:700 68px/.8 Georgia,serif;pointer-events:none}.review-grid figure:first-child:after{color:#333}.review-grid blockquote{overflow:visible}.review-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px}.review-grid figcaption span{display:inline-flex!important;width:max-content;padding:5px 9px;border:1px solid #d3d0c8;border-radius:999px;font-size:11px!important;white-space:nowrap}.review-grid figure:first-child figcaption span{border-color:#444}.review-swipe-hint{display:none}
@media(max-width:760px){.reviews-heading{margin-bottom:16px}.review-controls{display:none}.review-swipe-hint{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:#55534e;font-size:13px;font-weight:700}.review-swipe-hint>span{display:flex;gap:4px;width:36px}.review-swipe-hint i{display:block;width:6px;height:6px;border-radius:50%;background:#111;animation:reviewCue 1.5s ease-in-out infinite}.review-swipe-hint i:nth-child(2){animation-delay:.15s}.review-swipe-hint i:nth-child(3){animation-delay:.3s}.review-grid{padding-right:8vw}.review-grid figure,.review-grid figure:first-child{flex-basis:84vw}.review-grid figcaption{align-items:flex-start;flex-direction:column;gap:8px}}
@keyframes reviewCue{0%,60%,100%{transform:translateX(0);opacity:.3}30%{transform:translateX(6px);opacity:1}}

/* Premium service carousel hero */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(390px,.72fr);gap:clamp(34px,5vw,78px);padding-top:clamp(34px,5vw,72px);padding-bottom:clamp(50px,6vw,86px);align-items:center}
.hero-showcase{position:relative;z-index:2;min-width:0;border:1px solid #cfcdc5;border-radius:30px;overflow:hidden;background:#e8e5de;box-shadow:0 28px 80px rgba(17,17,17,.11)}
.hero-slides{position:relative;min-height:690px}
.hero-slide{position:absolute;inset:0;display:grid;grid-template-rows:minmax(260px,42%) 1fr;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.2,1),visibility 0s .75s}
.hero-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hero-visual{position:relative;overflow:hidden;background:#dcd8cf}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(17,17,17,.32));pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.025);transition:transform 8s cubic-bezier(.15,.6,.3,1);filter:saturate(.72) contrast(.98)}
.hero-slide.is-active .hero-visual img{transform:scale(1.09)}
.hero-visual>span{position:absolute;z-index:1;left:26px;bottom:22px;padding:8px 13px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(17,17,17,.52);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero-slide-copy{padding:clamp(27px,3vw,43px) clamp(27px,3.6vw,52px) 86px;background:linear-gradient(145deg,#f8f7f3,#efede7)}
.hero-slide-copy .welcome{font-size:clamp(15px,1.25vw,19px);margin-bottom:10px}
.hero-slide-copy .eyebrow{margin-bottom:15px;color:#5e5c57}
.hero-slide-copy h1,.hero-slide-copy h2{font:700 clamp(39px,4.2vw,66px)/1.01 var(--display);letter-spacing:-.06em;margin:0;max-width:780px}
.hero-slide-copy>p:not(.welcome):not(.eyebrow){font-size:clamp(16px,1.25vw,19px);line-height:1.48;color:#56544f;max-width:690px;margin:19px 0 24px}
.hero-slide-copy .button{padding:13px 19px;font-size:14px}
.hero-carousel-controls{position:absolute;z-index:5;left:clamp(27px,3.6vw,52px);right:25px;bottom:21px;display:flex;align-items:center;gap:8px}
.hero-carousel-controls button{display:grid;place-items:center;border:1px solid #cac7bf;background:rgba(255,255,255,.72);color:#111;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.hero-arrow,.hero-toggle{width:39px;height:39px;border-radius:50%}.hero-carousel-controls button:hover{background:#111;color:#fff;transform:translateY(-1px)}
.hero-carousel-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero-toggle .play-icon{display:none;fill:currentColor;stroke:none}.hero-toggle.is-paused .pause-icon{display:none}.hero-toggle.is-paused .play-icon{display:block}
.hero-dots{display:flex;align-items:center;gap:6px;margin:0 5px}.hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#aaa7a0}.hero-dots button.is-active{width:25px;background:#111}.hero-dots button:hover{transform:none}
.hero-count{margin-left:auto;color:#74716b;font:600 12px var(--display);letter-spacing:.08em}.hero-count b{color:#111}
@media(max-width:1180px){.hero{grid-template-columns:1fr 410px;padding-left:clamp(20px,4vw,60px);padding-right:clamp(20px,4vw,60px)}.hero-slides{min-height:650px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(37px,4.4vw,54px)}}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-showcase{max-width:820px;width:100%;justify-self:center}.hero-slides{min-height:660px}.hero-slide{grid-template-rows:310px 1fr}.lead-form{margin-top:4px}}
@media(max-width:620px){.hero{padding-top:26px;gap:32px}.hero-showcase{border-radius:21px}.hero-slides{min-height:610px}.hero-slide{grid-template-rows:225px 1fr}.hero-slide-copy{padding:25px 22px 78px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:39px}.hero-slide-copy>p:not(.welcome):not(.eyebrow){font-size:16px;margin:15px 0 19px}.hero-visual>span{left:18px;bottom:16px}.hero-carousel-controls{left:22px;right:20px;bottom:17px}.hero-arrow,.hero-toggle{width:36px;height:36px}.hero-dots{gap:5px;margin:0 2px}.hero-count{display:none}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-visual img{transition:none!important}.hero-slide.is-active .hero-visual img{transform:none}}

/* V14: matched card heights, brighter imagery and protected controls */
@media(min-width:981px){.hero{align-items:stretch}.hero-showcase,.lead-form{height:100%;align-self:stretch}.hero-slides{height:100%;min-height:760px}}
.hero-slide{grid-template-rows:minmax(255px,39%) minmax(0,1fr)}
.hero-visual:after{background:linear-gradient(180deg,transparent 70%,rgba(17,17,17,.18))}
.hero-visual img{filter:saturate(.9) contrast(1.01);transform:scale(1.01)}.hero-slide.is-active .hero-visual img{transform:scale(1.055)}
.hero-slide-copy{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:88px}
.hero-slide-copy .button{margin-top:auto;flex:0 0 auto}
.hero-carousel-controls{height:53px;bottom:14px;padding-top:12px;border-top:1px solid #d7d4cc}
@media(max-width:1180px) and (min-width:981px){.hero-slides{min-height:790px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(35px,4vw,49px)}}
@media(max-width:980px){.hero-showcase,.lead-form{height:auto}.hero-slides{height:auto;min-height:690px}.hero-slide{grid-template-rows:300px minmax(0,1fr)}}
@media(max-width:620px){.hero-slides{min-height:640px}.hero-slide{grid-template-rows:225px minmax(0,1fr)}.hero-slide-copy{padding-bottom:24px}.hero-carousel-controls{position:relative;left:auto;right:auto;bottom:auto;height:58px;margin:0 20px;padding-top:9px;border-top:1px solid #d7d4cc}.hero-showcase{overflow:hidden}.hero-count{display:block}}

/* Personal introduction restored beneath the service hero */
.founder-intro{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,760px);justify-content:center;align-items:stretch;gap:clamp(34px,6vw,92px);padding:clamp(70px,8vw,116px) clamp(20px,7vw,110px);border-top:1px solid var(--line);background:#ebe9e3}
.founder-portrait{min-height:430px;border-radius:26px;background:#ddd9d0 url('/assets/home-redesign/usman-presenter.webp') center 15%/cover no-repeat;filter:grayscale(.72) contrast(.98);border:1px solid #cbc8bf;box-shadow:0 25px 65px rgba(17,17,17,.1);position:relative;overflow:hidden}
.founder-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(17,17,17,.12));pointer-events:none}
.founder-copy{align-self:center}.founder-copy .eyebrow{margin-bottom:16px}.founder-copy h2{font:700 clamp(40px,5vw,70px)/1.02 var(--display);letter-spacing:-.06em;margin:0 0 23px}.founder-copy>p{font-size:clamp(18px,1.5vw,22px);line-height:1.55;color:#56544f;max-width:720px;margin:0 0 28px}.founder-details{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 27px}.founder-details span{padding:8px 12px;border:1px solid #c9c6be;border-radius:999px;background:rgba(255,255,255,.52);font-size:12px;font-weight:700;color:#45433f}.founder-copy .text-link{display:inline-block}
@media(max-width:760px){.founder-intro{grid-template-columns:1fr;padding-top:64px;padding-bottom:70px;gap:30px}.founder-portrait{min-height:380px;max-width:430px;width:100%;justify-self:center}.founder-copy h2{font-size:46px}.founder-copy>p{font-size:18px}}

/* V20 cinematic monochrome service visuals */
.hero-slide{grid-template-rows:minmax(300px,47%) minmax(0,1fr)}
.hero-visual{isolation:isolate;background:radial-gradient(circle at 50% 44%,#5f5c58 0,#292827 50%,#0d0d0d 100%)}
.hero-visual:before{content:"";position:absolute;z-index:0;inset:-25%;background:conic-gradient(from 80deg at 50% 50%,transparent,rgba(255,255,255,.1),transparent 28%,rgba(216,213,204,.08),transparent 58%);animation:visualAura 16s linear infinite}
.hero-visual:after{z-index:3;background:linear-gradient(180deg,rgba(17,17,17,.03),transparent 58%,rgba(17,17,17,.42))}
.hero-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);mix-blend-mode:normal;opacity:.96;transform:scale(1.015)}
.hero-slide.is-active .hero-visual img{transform:scale(1.065)}
.hero-particles{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.88}
.hero-visual>span{z-index:4;background:rgba(12,12,12,.72);border-color:rgba(255,255,255,.34);box-shadow:0 8px 30px rgba(0,0,0,.28)}
@keyframes visualAura{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero-slide{grid-template-rows:330px minmax(0,1fr)}}
@media(max-width:620px){.hero-slide{grid-template-rows:245px minmax(0,1fr)}.hero-particles{opacity:.72}}
@media(prefers-reduced-motion:reduce){.hero-visual:before{animation:none}.hero-particles{opacity:.58}}

/* V21 living particle halo with simple service demonstrations */
.hero-visual{background:radial-gradient(circle at 50% 46%,#fff 0,#f3f1ec 48%,#e5e2db 100%)}
.hero-visual:before{inset:0;z-index:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96) 0 21%,rgba(255,255,255,.26) 42%,transparent 68%);animation:haloBreathe 6s ease-in-out infinite}
.hero-visual:after{background:linear-gradient(180deg,transparent 72%,rgba(17,17,17,.08));z-index:3}
.hero-particles{z-index:1;mix-blend-mode:multiply;opacity:.78}
.service-demo{position:absolute;z-index:2;left:50%;top:49%;width:min(54%,390px);height:min(72%,260px);transform:translate(-50%,-50%);filter:drop-shadow(0 20px 28px rgba(17,17,17,.16));transition:transform 7s cubic-bezier(.2,.7,.2,1)}
.hero-slide.is-active .service-demo{transform:translate(-50%,-53%)}
.service-demo *{box-sizing:border-box}.hero-visual>span{z-index:4;background:rgba(17,17,17,.86);border-color:rgba(255,255,255,.55)}
@keyframes haloBreathe{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}

/* Business website */
.demo-browser{position:absolute;inset:9% 2% 7% 2%;border:1px solid #bdb9b0;border-radius:10px;background:#fff;padding:27px 18px 15px;box-shadow:0 18px 38px rgba(17,17,17,.12)}.demo-browser>i{position:absolute;top:10px;width:6px;height:6px;border-radius:50%;background:#a5a19a}.demo-browser>i:nth-child(1){left:13px;background:#222}.demo-browser>i:nth-child(2){left:24px}.demo-browser>i:nth-child(3){left:35px}.demo-business-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;height:100%;position:relative}.demo-business-layout:after{content:"";grid-column:2;grid-row:1/4;border-radius:8px;background:linear-gradient(145deg,#d4d0c8,#88847d)}.demo-business-layout b,.demo-business-layout strong,.demo-business-layout em,.demo-business-layout span{grid-column:1;display:block}.demo-business-layout b{width:35%;height:5px;background:#99958d}.demo-business-layout strong{width:88%;height:18px;background:#222;border-radius:3px}.demo-business-layout em{width:70%;height:7px;background:#c4c0b8}.demo-business-layout span{height:4px;background:#dedbd5}.demo-phone{position:absolute;right:-5%;bottom:-2%;width:26%;height:67%;border:4px solid #222;border-radius:16px;background:#fff;padding:20px 8px 8px;box-shadow:0 10px 25px rgba(17,17,17,.16)}.demo-phone:before{content:"";position:absolute;top:5px;left:35%;width:30%;height:4px;border-radius:5px;background:#222}.demo-phone b{display:block;height:32%;border-radius:5px;background:linear-gradient(145deg,#ddd9d1,#8d8982)}.demo-phone i,.demo-phone span{display:block;height:4px;background:#cac6be;margin-top:8px}.demo-phone span{width:55%;height:9px;background:#222;border-radius:6px}

/* eCommerce */
.demo-shop{width:min(48%,330px);height:min(82%,285px)}.demo-message{position:absolute;left:8%;top:4%;width:84%;height:39px;border:1px solid #d2cec6;border-radius:9px;background:#fff}.demo-message.short{top:-15%;left:30%;width:62%;height:34px}.demo-message:after{content:"";position:absolute;left:13px;right:22%;top:12px;height:4px;background:#aaa69e;box-shadow:0 9px 0 #d2cfc8}.demo-products{position:absolute;inset:28% 0 0;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px 9px 39px;border:1px solid #cac6be;border-radius:11px;background:#fff}.demo-products article{border:1px solid #d8d4cc;border-radius:7px;overflow:hidden;background:#f6f4ef;padding-bottom:7px}.product{height:72px;background:#e3e0da;position:relative}.product:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#252525}.product-one:before{width:44px;height:49px;border-radius:8px 8px 3px 3px}.product-two:before{width:52px;height:38px;border-radius:21px 21px 7px 7px}.demo-products article i{display:block;width:65%;height:4px;background:#a7a39c;margin:8px 8px 5px}.demo-products article b{font:700 10px var(--body);margin-left:8px}.demo-products>span{position:absolute;left:9px;right:9px;bottom:9px;height:23px;border-radius:5px;background:#171717}.demo-products>span:after{content:"";position:absolute;width:32%;height:4px;background:#fff;opacity:.85;left:34%;top:9px}

/* Web application */
.app-shell{position:absolute;inset:3%;display:grid;grid-template-columns:21% 1fr;border:1px solid #c2beb6;border-radius:11px;background:#fff;overflow:hidden}.app-shell aside{background:#1d1d1d;padding:25px 11px}.app-shell aside i{display:block;height:5px;border-radius:3px;background:#777;margin-bottom:17px}.app-shell aside i:first-child{background:#f3f1ec;width:65%}.app-shell main{padding:14px}.app-shell header{display:flex;justify-content:space-between}.app-shell header b{width:35%;height:8px;background:#222;border-radius:3px}.app-shell header span{width:24px;height:8px;background:#d4d0c8;border-radius:5px}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.app-stats i{height:37px;border-radius:5px;background:#e2dfd8;border:1px solid #d3cfc7}.app-stats i:nth-child(2){background:#292929}.app-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7px}.app-grid section{height:91px;border:1px solid #d7d3cb;border-radius:6px;padding:10px}.app-grid section:first-child{display:flex;align-items:flex-end;gap:6px}.app-grid section:first-child b{width:17%;height:42%;background:#aaa69e}.app-grid section:first-child b:nth-child(2){height:72%;background:#222}.app-grid section:first-child b:nth-child(3){height:55%}.app-grid section:first-child b:nth-child(4){height:88%;background:#555}.app-grid section:last-child span{display:block;height:6px;background:#ccc8c1;margin-bottom:11px}.app-grid section:last-child span:nth-child(2){width:72%;background:#333}

/* Redesign */
.demo-redesign{width:min(58%,420px)}.redesign-before,.redesign-after{position:absolute;top:7%;width:48%;height:84%;border:1px solid #c7c3bb;border-radius:10px;background:#fff;padding:24px 12px 10px;overflow:hidden}.redesign-before{left:0;transform:rotate(-4deg);background:#d5d1ca}.redesign-after{right:0;transform:rotate(4deg);box-shadow:0 18px 35px rgba(17,17,17,.15)}.redesign-before header,.redesign-after header{position:absolute;left:0;right:0;top:0;height:16px;background:#333}.redesign-before i{display:block;height:7px;background:#85817a;margin:8px 0}.redesign-before section{height:48%;margin-top:10px;background:#aaa69e}.redesign-after strong{display:block;width:72%;height:16px;background:#1c1c1c;border-radius:3px;margin:7px 0 10px}.redesign-after>i{display:block;width:58%;height:6px;background:#b3afa7}.redesign-after>b{display:block;width:34%;height:14px;background:#222;border-radius:8px;margin:12px 0}.redesign-after section{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.redesign-after section span{height:45px;border-radius:4px;background:#dedbd4}.redesign-flow{position:absolute;z-index:3;left:44%;top:42%;width:14%;height:16%;border-radius:50%;background:#111;box-shadow:0 8px 18px rgba(17,17,17,.24)}.redesign-flow:after{content:"";position:absolute;left:35%;top:28%;width:26%;height:26%;border-right:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg)}

@media(max-width:620px){.service-demo{width:min(66%,270px);height:min(74%,190px)}.demo-shop{width:min(58%,240px);height:min(82%,205px)}.demo-redesign{width:min(70%,280px)}}
.app-shell .app-main{padding:14px}

/* V16 site-wide D brand lock-up */
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand:before{content:"";display:block;width:34px;height:34px;flex:0 0 34px;background:url('/images/brand-mark.svg') center/contain no-repeat}.site-header .brand{font-size:20px}footer .brand:before{width:42px;height:42px;flex-basis:42px}
@media(max-width:620px){.brand{gap:8px}.brand:before{width:31px;height:31px;flex-basis:31px}.site-header .brand{font-size:19px}}

/* V22: live particle sphere behind a separate changing foreground image */
.hero-visual{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 47%,#fff 0 17%,#f8f6f1 48%,#e8e4dc 100%)}
.hero-visual:before{display:none}
.particle-halo{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}
.hero-visual .hero-foreground{position:absolute;z-index:2;left:50%;top:47%;width:min(54%,420px);height:min(68%,320px);object-fit:contain;mix-blend-mode:normal;transform:translate(-50%,-48%) scale(.92);filter:drop-shadow(0 24px 30px rgba(17,17,17,.2));opacity:0;transition:opacity .75s ease,transform 1.2s cubic-bezier(.2,.75,.25,1)}
.hero-slide.is-active .hero-visual .hero-foreground{opacity:1;transform:translate(-50%,-51%) scale(1)}
.hero-visual .hero-foreground-shop{width:min(43%,330px);height:min(72%,340px)}
.hero-visual>span{z-index:4;backdrop-filter:blur(10px)}
@media(max-width:620px){.hero-visual .hero-foreground{width:min(60%,260px);height:min(68%,185px)}.hero-visual .hero-foreground-shop{width:min(47%,205px);height:min(72%,195px)}}
@media(prefers-reduced-motion:reduce){.hero-foreground{transition:none}.hero-slide.is-active .hero-foreground{transform:translate(-50%,-49%) scale(1)}}
.hero-visual .hero-foreground{width:min(70%,540px);height:min(82%,390px)}
.hero-visual .hero-foreground-shop{width:min(55%,420px);height:min(82%,390px)}
@media(max-width:620px){.hero-visual .hero-foreground{width:min(72%,310px);height:min(78%,215px)}.hero-visual .hero-foreground-shop{width:min(58%,245px);height:min(78%,215px)}}

/* V23: consistent product-card art and a dedicated, collision-free control row */
.hero-visual .hero-foreground-card{width:min(55%,420px);height:min(82%,390px)}
.hero-slide-copy{padding-bottom:118px}
.hero-slide-copy .button{margin-top:0;margin-bottom:58px}
.hero-carousel-controls{bottom:14px;height:53px;padding-top:12px;background:linear-gradient(90deg,rgba(244,242,237,.96),rgba(244,242,237,.72));border-top:1px solid #d7d4cc}
@media(max-width:620px){.hero-visual .hero-foreground-card{width:min(58%,245px);height:min(78%,215px)}.hero-slide-copy{padding-bottom:24px}.hero-slide-copy .button{margin-bottom:0}.hero-carousel-controls{background:none}}

/* V23 desktop sizing: CTA and controls occupy separate fixed zones */
@media(min-width:621px){
  .hero-slide-copy{position:relative;padding-bottom:132px}
  .hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(38px,3.55vw,54px);line-height:.99}
  .hero-slide-copy>p:not(.welcome):not(.eyebrow){margin:14px 0 18px}
  .hero-slide-copy .button{position:absolute;left:clamp(27px,3.6vw,52px);bottom:78px;margin:0;max-width:calc(100% - 104px)}
  .hero-carousel-controls{bottom:10px;height:54px}
}

/* V25 spacing, form width, mobile controls and social links */
@media(min-width:1181px){.hero{grid-template-columns:minmax(0,1fr) minmax(520px,.88fr);gap:clamp(30px,4vw,60px)}.lead-form{padding-left:48px;padding-right:48px}.form-grid{gap:18px 20px}.form-grid input,.form-grid select{min-height:58px}}
@media(min-width:981px) and (max-width:1180px){.hero{grid-template-columns:minmax(0,1fr) minmax(460px,.84fr)}}
@media(max-width:760px){.hero-slide-copy{padding-bottom:24px}.hero-slide-copy .button{position:static;margin:0}.hero-carousel-controls{position:relative;left:auto;right:auto;bottom:auto;height:60px;margin:0 20px;padding-top:9px;background:none}.hero-slides{min-height:690px}}
.footer-social{grid-column:2;display:flex;justify-content:flex-end;gap:10px}.footer-social a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700}.footer-social a:hover{background:#111;color:#fff}.footer-social i{font-size:17px}@media(max-width:980px){.footer-social{grid-column:1/-1;justify-content:flex-start}}@media(max-width:620px){.footer-social{margin:0 0 28px}.footer-social span{display:none}.footer-social a{width:43px;height:43px;justify-content:center;padding:0}}

/* V26 oval visual and content-flow carousel */
@media(min-width:761px){.hero-showcase{display:flex;flex-direction:column;border:0;background:transparent;box-shadow:none;overflow:visible}.hero-slides{min-height:650px;height:650px;border:1px solid #d5d1c9;border-radius:34px;background:#f3f1ec;overflow:hidden}.hero-slide{grid-template-rows:310px minmax(0,1fr)}.hero-visual{margin:22px 42px 0;border:1px solid #d4d0c8;border-radius:50% / 42%;overflow:hidden}.hero-slide-copy{padding:25px 42px 30px;display:block}.hero-slide-copy .welcome{margin-bottom:6px}.hero-slide-copy .eyebrow{margin-bottom:10px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(34px,3.05vw,48px);line-height:1}.hero-slide-copy>p:not(.welcome):not(.eyebrow){font-size:16px;line-height:1.4;margin:12px 0 16px}.hero-slide-copy .button{position:static;margin:0;display:inline-flex}.hero-carousel-controls{position:static;flex:0 0 58px;height:58px;margin:10px 38px 0;padding:8px 0 0;background:transparent;border-top:1px solid #d7d4cc}}
@media(min-width:981px){.hero-showcase,.lead-form{height:auto;align-self:center}.hero-slides{min-height:650px;height:650px}.lead-form{min-height:650px}.hero{align-items:center}}
@media(max-width:760px){.hero-showcase{display:flex;flex-direction:column}.hero-slides{min-height:650px;height:650px}.hero-slide{grid-template-rows:235px minmax(0,1fr)}.hero-visual{margin:14px 14px 0;border-radius:50% / 38%}.hero-slide-copy{padding:20px 24px 24px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:36px}.hero-slide-copy>p:not(.welcome):not(.eyebrow){margin:11px 0 15px}.hero-carousel-controls{margin:8px 20px 0}}
footer>.footer-social{grid-column:1;grid-row:3;margin-top:8px;padding-top:18px;border-top:1px solid var(--line);justify-content:flex-start}

/* V27: completely open particle hero. No card, oval or enclosing visual shape. */
.hero-showcase{display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.hero-slides{position:relative!important;width:100%!important;height:650px!important;min-height:650px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important}
.hero-slide{display:block!important;position:absolute!important;inset:0!important;background:transparent!important}
.hero-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.96),rgba(244,242,237,.72) 42%,transparent 76%)!important;overflow:hidden!important}
.hero-visual:after{display:none!important}
.hero-visual .hero-foreground,.hero-visual .hero-foreground-card,.hero-visual .hero-foreground-shop{top:25%!important;width:min(44%,360px)!important;height:270px!important;filter:drop-shadow(0 18px 25px rgba(17,17,17,.16))!important}
.hero-visual>span{left:50%!important;top:285px!important;bottom:auto!important;transform:translateX(-50%)!important;white-space:nowrap!important}
.hero-slide-copy{position:relative!important;z-index:4!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;height:100%!important;padding:335px 36px 24px!important;background:transparent!important}
.hero-slide-copy .welcome{margin:0 0 5px!important}.hero-slide-copy .eyebrow{margin:0 0 9px!important}.hero-slide-copy h1,.hero-slide-copy h2{max-width:720px!important;font-size:clamp(35px,3.25vw,50px)!important;line-height:.98!important}.hero-slide-copy>p:not(.welcome):not(.eyebrow){max-width:650px!important;margin:11px 0 15px!important;font-size:16px!important;line-height:1.38!important}.hero-slide-copy .button{position:static!important;left:auto!important;bottom:auto!important;margin:0!important}
.hero-carousel-controls{position:static!important;flex:0 0 58px!important;width:calc(100% - 72px)!important;height:58px!important;margin:4px 36px 0!important;padding:8px 0 0!important;border-top:1px solid #d7d4cc!important;background:transparent!important}
@media(max-width:760px){.hero-slides{height:640px!important;min-height:640px!important}.hero-visual .hero-foreground,.hero-visual .hero-foreground-card,.hero-visual .hero-foreground-shop{top:21%!important;width:min(58%,245px)!important;height:210px!important}.hero-visual>span{top:220px!important}.hero-slide-copy{padding:265px 18px 18px!important}.hero-slide-copy .welcome{font-size:15px!important}.hero-slide-copy .eyebrow{font-size:10px!important}.hero-slide-copy h1,.hero-slide-copy h2{font-size:34px!important}.hero-slide-copy>p:not(.welcome):not(.eyebrow){font-size:15px!important}.hero-carousel-controls{width:calc(100% - 36px)!important;margin:4px 18px 0!important}}

/* V28: separate the image action bar from its service label and restore pointer interaction. */
.hero-visual .hero-foreground,.hero-visual .hero-foreground-card,.hero-visual .hero-foreground-shop{top:22%!important;height:230px!important}
.hero-visual>span{top:278px!important}
.hero-slide-copy{pointer-events:none!important;padding-top:326px!important}
.hero-slide-copy a,.hero-slide-copy button{pointer-events:auto!important}
@media(max-width:760px){.hero-visual .hero-foreground,.hero-visual .hero-foreground-card,.hero-visual .hero-foreground-shop{top:18%!important;height:180px!important}.hero-visual>span{top:218px!important}.hero-slide-copy{padding-top:258px!important}}

/* V36: cleaner carousel copy — one clear headline and one action. */
.hero-slide-copy{gap:18px!important}
.hero-slide-copy h1,.hero-slide-copy h2{margin:0!important}
.hero-slide-copy .button{margin-top:0!important}
@media(max-width:760px){.hero-slide-copy{gap:15px!important}}

/* V37: remove visual labels and give the primary action room to breathe. */
.hero-visual>span{display:none!important}
.hero-slide-copy .button{margin-top:12px!important}
@media(max-width:760px){.hero-slide-copy .button{margin-top:10px!important}}

/* V38: a clearly defined gap between each carousel heading and CTA. */
.hero-slide-copy .button{margin-top:30px!important}
@media(max-width:760px){.hero-slide-copy .button{margin-top:24px!important}}

/* V39: lower the showcase artwork to reduce unused space above it. */
.hero-visual .hero-foreground,
.hero-visual .hero-foreground-card,
.hero-visual .hero-foreground-shop{top:27%!important}
@media(max-width:760px){.hero-visual .hero-foreground,.hero-visual .hero-foreground-card,.hero-visual .hero-foreground-shop{top:23%!important}}

/* V43: immediate homepage proposition and interactive service map */
.home-welcome{position:relative;isolation:isolate;min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);align-items:center;gap:clamp(40px,6vw,94px);padding:clamp(55px,7vw,92px) clamp(20px,7vw,110px);overflow:hidden;border-bottom:1px solid var(--line);background:#f5f4f0}
.home-welcome:before{content:"";position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0 52%,transparent 92%)}
.home-welcome:after{content:"";position:absolute;z-index:-2;width:min(60vw,790px);aspect-ratio:1;right:-20%;top:-55%;border:1px solid rgba(17,17,17,.09);border-radius:50%;box-shadow:0 0 0 105px rgba(17,17,17,.018),0 0 0 210px rgba(17,17,17,.012);pointer-events:none}
.home-welcome-particles{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.72}
.home-welcome-copy{position:relative;z-index:2;max-width:720px}
.home-welcome-kicker{display:flex;align-items:center;gap:11px;margin:0 0 24px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.home-welcome-kicker span{width:9px;height:9px;border-radius:50%;background:#111;box-shadow:0 0 0 6px rgba(17,17,17,.08);animation:welcomePulse 2.4s ease-in-out infinite}
.home-welcome h1{max-width:790px;margin:0;font:700 clamp(51px,5.6vw,82px)/.97 var(--display);letter-spacing:-.068em;text-wrap:balance}
.home-welcome h1 em{display:block;color:#77746d;font-style:normal}
.home-welcome-copy>p:not(.home-welcome-kicker){max-width:690px;margin:27px 0 0;color:#56544f;font-size:clamp(17px,1.42vw,21px);line-height:1.55}
.home-welcome-actions{display:flex;align-items:center;gap:26px;margin-top:31px;flex-wrap:wrap}
.home-welcome-actions .button{gap:20px}.home-welcome-actions .button span{font-size:18px;transition:transform .25s}.home-welcome-actions .button:hover span{transform:translate(3px,3px)}
.home-welcome-link{font-weight:800;border-bottom:1px solid #9d9a92;padding:6px 0}.home-welcome-link span{display:inline-block;margin-left:8px;transition:transform .25s}.home-welcome-link:hover span{transform:translateX(5px)}
.home-welcome-trust{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:31px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
.home-welcome-trust li{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1cec6;border-radius:999px;background:rgba(255,255,255,.52);font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.home-welcome-trust li:before{content:"";width:5px;height:5px;border-radius:50%;background:#111}
.home-service-map{position:relative;z-index:2;width:100%;height:520px;perspective:1100px;transform-style:preserve-3d}
.home-map-orbit{position:absolute;inset:4% 8%;border:1px solid rgba(17,17,17,.14);border-radius:50%;transform:rotate(-10deg)}
.home-map-orbit:before,.home-map-orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(17,17,17,.09);border-radius:50%}.home-map-orbit:after{inset:28%}
.home-map-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#111;box-shadow:0 0 0 7px rgba(17,17,17,.08);animation:mapNode 5s ease-in-out infinite}.home-map-orbit i:nth-child(1){left:9%;top:28%}.home-map-orbit i:nth-child(2){right:5%;top:48%;animation-delay:-1.8s}.home-map-orbit i:nth-child(3){left:43%;bottom:0;animation-delay:-3.6s}
.home-map-core{position:absolute;z-index:1;left:50%;top:48%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:184px;height:184px;border:1px solid #c8c5bd;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 25px 65px rgba(17,17,17,.12),inset 0 0 0 13px rgba(237,235,229,.78);text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(12px);transition:transform .35s ease-out}
.home-map-core span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#716e67}.home-map-core strong{font:700 29px/1.05 var(--display);letter-spacing:-.05em}.home-map-core small{max-width:105px;margin-top:8px;color:#716e67;font-size:10px;line-height:1.35}
.home-map-card{position:absolute;z-index:2;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:15px;width:min(58%,310px);min-height:104px;padding:15px;border:1px solid #ccc9c1;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(17,17,17,.12);backdrop-filter:blur(14px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.home-map-card:hover{z-index:4;border-color:#8c8981;box-shadow:0 30px 70px rgba(17,17,17,.19)}
.home-map-card>i{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d4d1c9;border-radius:15px;background:#f0eee8;color:#111}.home-map-card svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.home-map-card span{display:flex;flex-direction:column;min-width:0}.home-map-card small{font-size:8px;font-weight:800;letter-spacing:.11em;color:#77746d}.home-map-card strong{margin-top:3px;font:700 18px/1.2 var(--display);letter-spacing:-.035em}.home-map-card b{margin-top:5px;color:#706e68;font-size:10px;font-weight:600}
.map-website{top:4%;right:1%;transform:rotate(2deg)}.map-commerce{right:-1%;bottom:7%;transform:rotate(-2deg)}.map-application{left:-1%;bottom:10%;transform:rotate(2deg)}
.map-website:hover{transform:rotate(0) translateY(-7px)}.map-commerce:hover{transform:rotate(0) translateY(-7px)}.map-application:hover{transform:rotate(0) translateY(-7px)}
.home-map-status{position:absolute;z-index:3;left:3%;top:12%;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d2cfc7;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(17,17,17,.08);font-size:9px;font-weight:800;backdrop-filter:blur(10px)}
.home-map-status i{width:7px;height:7px;border-radius:50%;background:#111;animation:welcomePulse 2.4s ease-in-out infinite}
@keyframes welcomePulse{50%{transform:scale(.72);opacity:.45;box-shadow:0 0 0 11px rgba(17,17,17,0)}}
@keyframes mapNode{50%{transform:scale(1.4);opacity:.42}}
@media(max-width:1100px){.home-welcome{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:30px}.home-welcome h1{font-size:clamp(48px,5.4vw,67px)}.home-map-card{width:285px}}
@media(min-width:901px) and (max-height:800px){.home-welcome{padding-top:38px;padding-bottom:38px}.home-welcome-kicker{margin-bottom:17px}.home-welcome h1{font-size:clamp(47px,4.45vw,59px)}.home-welcome-copy>p:not(.home-welcome-kicker){margin-top:19px;font-size:17px}.home-welcome-actions{margin-top:23px}.home-welcome-trust{display:none}.home-service-map{height:470px}.home-map-card{min-height:96px}.map-website{top:2%}.map-commerce{bottom:3%}.map-application{bottom:6%}}
@media(max-width:900px){.home-welcome{min-height:auto;grid-template-columns:1fr;padding-top:70px;padding-bottom:55px;text-align:center}.home-welcome-copy{margin:auto}.home-welcome-kicker,.home-welcome-actions,.home-welcome-trust{justify-content:center}.home-welcome h1 em{display:inline}.home-service-map{max-width:650px;margin:0 auto;height:500px}}
@media(max-width:620px){.home-welcome{padding:48px 18px 40px;gap:28px}.home-welcome-kicker{font-size:10px;margin-bottom:20px}.home-welcome h1{font-size:43px;line-height:.98}.home-welcome-copy>p:not(.home-welcome-kicker){font-size:16px;margin-top:22px}.home-welcome-actions{flex-direction:column;gap:13px;margin-top:26px}.home-welcome-actions .button{width:100%;max-width:310px}.home-welcome-trust{gap:7px;margin-top:25px}.home-welcome-trust li{padding:7px 9px;font-size:10px}.home-service-map{height:455px}.home-map-orbit{inset:7% 1%}.home-map-core{width:146px;height:146px;top:47%}.home-map-core strong{font-size:23px}.home-map-core small{font-size:8px}.home-map-card{grid-template-columns:42px 1fr;width:245px;min-height:88px;padding:11px;gap:10px;border-radius:16px}.home-map-card>i{width:42px;height:42px;border-radius:12px}.home-map-card svg{width:21px;height:21px}.home-map-card strong{font-size:15px}.home-map-card b{font-size:8px}.home-map-card small{font-size:7px}.map-website{top:2%;right:0}.map-commerce{right:0;bottom:3%}.map-application{left:0;bottom:7%}.home-map-status{left:0;top:23%;font-size:8px}.hero{scroll-margin-top:66px}}
@media(prefers-reduced-motion:reduce){.home-welcome-kicker span,.home-map-orbit i,.home-map-status i{animation:none}.home-map-card,.home-map-core{transition:none}}

/* V44: friendlier welcome details and a purpose-made CTA icon */
.home-welcome-kicker{display:block}
.home-welcome-actions .button .home-welcome-arrow{display:grid;place-items:center;width:30px;height:30px;margin:-5px -9px -5px 0;border:1px solid #fff;border-radius:50%;background:#fff;color:#111;transition:transform .25s ease,background .25s ease}
.home-welcome-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.home-welcome-actions .button:hover .home-welcome-arrow{background:#f0eee8;transform:translateY(3px)}
@media(max-width:620px){.home-welcome-actions .button .home-welcome-arrow{width:32px;height:32px;margin:-6px -10px -6px 2px;background:#fff}}
/* V29 modern footer */
.home-modern-footer{display:block!important;padding:0 clamp(24px,6vw,96px) 34px!important;position:relative;overflow:hidden}.home-modern-footer:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(17,17,17,.1);border-radius:50%;right:-180px;top:220px;pointer-events:none}.home-footer-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:clamp(72px,9vw,125px) 0;border-bottom:1px solid var(--line)}.home-footer-lead>div>p{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin:0 0 14px}.home-footer-lead h2{font-size:clamp(40px,5.8vw,78px);line-height:1.02;letter-spacing:-.06em;max-width:900px;margin:0}.home-footer-lead .button{background:#111;color:#fff;white-space:nowrap}.home-footer-main{display:grid;grid-template-columns:1.7fr .8fr .8fr;gap:clamp(40px,7vw,110px);padding:68px 0}.home-footer-brand p{max-width:500px;font-size:17px;line-height:1.65}.home-footer-brand>a:last-child{font-weight:700;text-underline-offset:5px}.home-footer-main nav{display:grid;align-content:start;gap:12px}.home-footer-main nav strong{text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin-bottom:8px}.home-footer-main nav a{text-decoration:none;color:#62605b}.home-footer-main nav a:hover{text-decoration:underline;text-underline-offset:5px}.home-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:22px;border-top:1px solid var(--line);position:relative}.home-footer-bottom>small:last-child{text-align:right}.home-footer-bottom .footer-social{display:flex!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important}.home-footer-bottom .footer-social a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;text-decoration:none!important}
@media(max-width:850px){.home-footer-lead{align-items:flex-start;flex-direction:column}.home-footer-main{grid-template-columns:1fr 1fr}.home-footer-brand{grid-column:1/-1}.home-footer-bottom{grid-template-columns:1fr;justify-items:start}.home-footer-bottom>small:last-child{text-align:left}}
@media(max-width:560px){.home-modern-footer{padding-left:20px!important;padding-right:20px!important}.home-footer-main{grid-template-columns:1fr}.home-footer-brand{grid-column:auto}.home-footer-bottom .footer-social{flex-wrap:wrap!important}.home-footer-lead{padding:70px 0}.home-footer-main{padding:54px 0}}
/* V31 living footer feature and collision-proof footer layout */
.footer-particle-feature{position:relative;height:clamp(260px,30vw,390px);overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.footer-particle-feature canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.footer-particle-feature>div{height:100%;display:grid;place-content:center;text-align:center;position:relative;z-index:1;pointer-events:none}.footer-particle-feature p{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 12px}.footer-particle-feature h3{font-size:clamp(34px,4.3vw,62px);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:760px}.footer-particle-feature span{margin-top:18px;color:#6b6964;font-size:13px}.home-modern-footer .home-footer-main{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(180px,.8fr) minmax(180px,.8fr)!important;align-items:start!important}.home-modern-footer .home-footer-main>*{min-width:0!important}.home-modern-footer .home-footer-main>nav{position:static!important;transform:none!important;width:auto!important;grid-column:auto!important;grid-row:auto!important}.home-modern-footer .home-footer-main>nav a{display:block!important;white-space:normal!important}.home-modern-footer .home-footer-bottom{clear:both!important}@media(max-width:850px){.home-modern-footer .home-footer-main{grid-template-columns:1fr 1fr!important}.home-modern-footer .home-footer-brand{grid-column:1/-1!important}}@media(max-width:560px){.home-modern-footer .home-footer-main{grid-template-columns:1fr!important}.home-modern-footer .home-footer-brand{grid-column:auto!important}.footer-particle-feature{height:290px}.footer-particle-feature span{display:none}}
/* Website Store teaser */
.home-store-teaser{max-width:1420px;margin:0 auto;padding:clamp(80px,10vw,150px) clamp(22px,6vw,90px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,8vw,115px);align-items:center;border-top:1px solid rgba(15,15,13,.12)}
.home-store-copy h2{font:800 clamp(42px,5.5vw,78px)/.96 Manrope,sans-serif;letter-spacing:-.06em;margin:14px 0 24px}.home-store-copy>p:not(.eyebrow){font-size:clamp(18px,1.5vw,22px);color:#67645e;max-width:620px;margin-bottom:30px}
.home-store-visual{min-height:500px;position:relative;display:grid;place-items:center}.home-store-window{width:min(100%,610px);height:420px;padding:15px;background:#161613;border-radius:20px;box-shadow:0 35px 80px rgba(28,24,18,.18);transform:rotate(-2deg);position:relative}.home-store-window>span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6d6d68;margin:0 1px 12px}.home-store-window>div{height:365px;border-radius:11px;background:#d7c4aa;padding:70px 48px;overflow:hidden;position:relative}.home-store-window>div:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#b84c2b;right:-60px;bottom:-80px}.home-store-window small{letter-spacing:.15em;font-weight:700}.home-store-window strong{display:block;font:800 clamp(38px,4vw,60px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0 28px;position:relative;z-index:1}.home-store-window i{font-style:normal;font-weight:800;border-bottom:1px solid}.home-store-visual>b{position:absolute;background:#fff;padding:13px 17px;border-radius:999px;box-shadow:0 15px 40px rgba(28,24,18,.14);font-size:13px}.home-store-visual>b:nth-of-type(1){left:-5px;bottom:55px}.home-store-visual>b:nth-of-type(2){right:-10px;top:35px}
@media(max-width:850px){.home-store-teaser{grid-template-columns:1fr}.home-store-visual{min-height:410px}.home-store-window{height:350px}.home-store-window>div{height:295px;padding:48px 28px}.home-store-visual>b:nth-of-type(1){left:5px;bottom:15px}.home-store-visual>b:nth-of-type(2){right:5px;top:10px}}

/* source 2: footer-particles.css */
.footer-particle-feature canvas{z-index:0!important}
.home-footer-bottom .footer-social svg{display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important;visibility:visible!important;opacity:1!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.home-footer-bottom .footer-social svg path,.home-footer-bottom .footer-social svg .fill{fill:currentColor!important;stroke:none!important}

/* source 3: brand-lockup.css */
/* One site-wide lock-up: the circular mark supplies D; markup supplies ev By Ghani. */
.brand,.site-logo,.blog-logo,.logo{display:inline-flex!important;align-items:center!important;gap:0!important;white-space:nowrap!important;color:#111!important;font:800 20px/1 "Manrope",sans-serif!important;letter-spacing:-.04em!important}
.brand:before,.site-logo:before,.blog-logo:before,.logo:before{content:""!important;display:block!important;width:34px!important;height:34px!important;flex:0 0 34px!important;background:url('/images/brand-mark.svg') center/contain no-repeat!important}
.brand:after,.site-logo:after,.blog-logo:after,.logo:after{content:none!important;display:none!important}
.brand>span,.site-logo>span,.blog-logo>span,.logo>span{display:none!important}
footer .brand:before,.site-footer .site-logo:before,.blog-footer .blog-logo:before,.footer .logo:before{width:42px!important;height:42px!important;flex-basis:42px!important}
@media(max-width:720px){.brand,.site-logo,.blog-logo,.logo{font-size:19px!important}.brand:before,.site-logo:before,.blog-logo:before,.logo:before{width:31px!important;height:31px!important;flex-basis:31px!important}}

/* High-specificity reset prevents legacy page styles from revealing a second D. */
html body a.brand,html body a.site-logo,html body a.blog-logo,html body a.logo{font-size:0!important;gap:0!important}
html body a.brand:after,html body a.site-logo:after,html body a.blog-logo:after,html body a.logo:after{content:"ev By Ghani."!important;display:block!important;color:#111!important;font:800 20px/1 "Manrope",sans-serif!important;letter-spacing:-.04em!important;transform:translateX(-7px)!important}
@media(max-width:720px){html body a.brand:after,html body a.site-logo:after,html body a.blog-logo:after,html body a.logo:after{font-size:19px!important}}
html body header.site-header a.brand,html body.subpage header.site-nav a.site-logo,html body header.blog-header a.blog-logo,html body header.home-header a.logo,html body footer a.brand,html body footer a.site-logo,html body footer a.blog-logo,html body footer a.logo{font-size:0!important}
.footer-social{display:flex!important;align-items:center!important;gap:10px!important}.footer-social a{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid #cbc8bf!important;border-radius:999px!important;padding:9px 13px!important;color:#111!important;font:700 13px/1 "DM Sans",sans-serif!important}.footer-social a:hover{background:#111!important;color:#fff!important}.footer-social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.footer-social svg path,.footer-social svg .fill{fill:currentColor;stroke:none}

/* V26 single anchored wordmark */
html body a.brand,html body a.site-logo,html body a.blog-logo,html body a.logo{display:inline-block!important;position:relative!important;width:160px!important;height:38px!important;padding:0!important;margin:0!important;background:url('/images/brand-mark.svg') left center/38px 38px no-repeat!important;font-size:0!important;line-height:38px!important;overflow:visible!important}
html body a.brand:before,html body a.site-logo:before,html body a.blog-logo:before,html body a.logo:before{content:none!important;display:none!important}
html body a.brand:after,html body a.site-logo:after,html body a.blog-logo:after,html body a.logo:after{content:"ev By Ghani."!important;display:block!important;position:absolute!important;left:32px!important;top:0!important;transform:none!important;color:#111!important;font:800 20px/38px "Manrope",sans-serif!important;letter-spacing:-.04em!important;white-space:nowrap!important}
html body footer a.brand,html body footer a.site-logo,html body footer a.blog-logo,html body footer a.logo{width:176px!important;height:44px!important;background-size:44px 44px!important}
html body footer a.brand:after,html body footer a.site-logo:after,html body footer a.blog-logo:after,html body footer a.logo:after{left:37px!important;line-height:44px!important}
@media(max-width:720px){html body a.brand,html body a.site-logo,html body a.blog-logo,html body a.logo{width:151px!important;height:34px!important;background-size:34px 34px!important}html body a.brand:after,html body a.site-logo:after,html body a.blog-logo:after,html body a.logo:after{left:29px!important;font-size:19px!important;line-height:34px!important}}
.footer-bottom .footer-social{margin:0 auto!important;padding:0!important;border:0!important;position:static!important}.footer-bottom .footer-social a{padding:8px 11px!important}.site-footer .footer-bottom,.blog-footer .footer-bottom,.footer .footer-bottom{align-items:center!important;gap:16px!important;flex-wrap:wrap!important}

/* V28 optical spacing and consistent social-button treatment */
html body a.brand:after,html body a.site-logo:after,html body a.blog-logo:after,html body a.logo:after{left:36px!important}
html body footer a.brand:after,html body footer a.site-logo:after,html body footer a.blog-logo:after,html body footer a.logo:after{left:42px!important}
.footer-social a,.footer-social a:link,.footer-social a:visited,.footer-social a:hover{text-decoration:none!important;border-bottom:1px solid #cbc8bf!important;box-shadow:none!important}
.footer-social a span{text-decoration:none!important}
@media(max-width:720px){html body a.brand:after,html body a.site-logo:after,html body a.blog-logo:after,html body a.logo:after{left:32px!important}}

/* source 4: home-store-v5.css */
/* Homepage only: the original Manrope / DM Sans typography, warm white and black. */
.home-welcome{background:#f5f4f0;min-height:0;padding:clamp(54px,6.5vw,98px) clamp(24px,7vw,110px);grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(40px,7vw,110px);align-items:center}
.home-welcome:before,.home-welcome:after{display:none}
.home-welcome-copy{max-width:690px}
.home-welcome-kicker{font:700 10px/1.5 var(--body);letter-spacing:.15em;color:#575550;margin-bottom:28px}
.home-welcome h1{font:700 clamp(46px,4.7vw,72px)/1.08 var(--display);letter-spacing:-.055em;text-wrap:initial;max-width:700px}
.home-welcome h1 em{display:block;color:#111;font-style:normal}
.home-welcome-copy>p:not(.home-welcome-kicker){font:400 18px/1.75 var(--body);max-width:475px;margin-top:26px;color:#56544f}
.home-welcome-actions{gap:20px;margin-top:33px;align-items:center}
.home-welcome .home-shop-button{background:#111;color:#fff;border:1px solid #111;border-radius:3px;padding:19px 24px;font:700 13px/1.2 var(--body);min-height:56px;transition:background .25s,transform .25s}
.home-welcome .home-shop-button:hover{background:#343434;transform:translateY(-2px)}
.home-welcome-link{font:500 12px/1.5 var(--body);color:#343434;text-underline-offset:5px}
.home-welcome-trust{border-top:1px solid #d6d3cc;padding-top:22px;margin-top:34px;gap:18px;justify-content:flex-start}
.home-welcome-trust li{border:0;background:none;padding:0;font:500 10px/1.5 var(--body);color:#67645e;border-radius:0}
.home-welcome-trust li:before{display:none}
.site-header #site-nav .nav-store-highlight{color:#111;font-weight:800;border-bottom:1px solid #111;padding-bottom:5px}
.home-shop-feature{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;min-width:0}
.home-shop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #cbc8c0;padding-top:17px;font:500 9px/1.5 var(--body);color:#716d65}
.home-shop-heading p{color:#111;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0}
.home-shop-feature h2{font:700 clamp(27px,2.6vw,38px)/1.14 var(--display);letter-spacing:-.04em;margin:22px 0 24px}
.home-shop-image{display:block;overflow:hidden;background:#fff;border:1px solid #d8d5ce;text-decoration:none;border-radius:2px;box-shadow:0 18px 40px #11111108}
.home-shop-image img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:top;transition:transform .7s}
.home-shop-image:hover img{transform:scale(1.02)}
.home-shop-image>span{display:block;padding:13px 16px;background:#fff;font:600 10px/1.5 var(--body);color:#111;border-top:1px solid #e7e5de}
.home-shop-categories{display:flex;gap:7px 17px;flex-wrap:wrap;margin-top:18px}
.home-shop-categories a{font:500 10px/1.5 var(--body);padding:0 0 3px;color:#56544f;text-decoration:none;border:0;border-bottom:1px solid #c8c5bc;border-radius:0}
.home-shop-categories a:hover{color:#111;border-color:#111}
.home-shop-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d6d3cc;padding-top:20px;margin-top:21px}
.home-shop-bottom p{display:grid;gap:4px;margin:0;font:500 10px/1.5 var(--body);color:#111}.home-shop-bottom p span{font-size:9px;color:#716d65}
.home-shop-bottom>a{background:#111;color:#fff;padding:13px 17px;border:1px solid #111;border-radius:3px;font:700 10px/1.4 var(--body);text-decoration:none;white-space:nowrap}
.home-store-photo{display:block;overflow:hidden;border-radius:2px;border:1px solid #d8d5ce}.home-store-photo img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top}
/* Keep existing product photographs and other homepage media monochrome too. */
main img,main canvas,main svg{filter:grayscale(1)}
@media(max-width:1050px){.home-welcome{grid-template-columns:1fr;gap:48px;padding:48px 32px}.home-welcome-copy{max-width:780px;margin:0}.home-shop-feature{max-width:780px}.home-welcome h1{font-size:clamp(45px,7vw,68px)}.home-welcome h1 em{display:block}.home-welcome-actions,.home-welcome-trust{justify-content:flex-start}.home-shop-image img{aspect-ratio:1.8}}
@media(max-width:600px){.home-welcome{padding:36px 22px 45px;gap:36px}.home-welcome-copy{text-align:left}.home-welcome h1{font-size:43px;line-height:1.09}.home-welcome-kicker{font-size:8px;margin-bottom:21px}.home-welcome-copy>p:not(.home-welcome-kicker){font-size:16px;line-height:1.65;margin-top:22px}.home-welcome-actions{align-items:flex-start;gap:16px}.home-welcome-actions .button{max-width:none;width:auto;padding:17px 19px}.home-welcome-trust{gap:8px 15px;padding-top:18px;margin-top:27px}.home-shop-feature h2{font-size:29px}.home-shop-heading{font-size:8px}.home-shop-heading p{letter-spacing:.1em}.home-shop-bottom{flex-wrap:wrap}.home-shop-categories{gap:12px}.home-shop-image img{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.home-shop-image img,.home-welcome .home-shop-button{transition:none}}

/* source 5: home-store-v6.css */
/* Gentle monochrome motion; typography remains the main site's font system. */
.home-welcome{isolation:isolate;position:relative;overflow:hidden}
.home-welcome h1{font-size:clamp(43px,4.3vw,66px);line-height:1.11;letter-spacing:-.05em}
.home-welcome-copy,.home-shop-feature{position:relative;z-index:1}
.home-hero-motion{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.home-hero-motion span{position:absolute;width:70%;height:150%;top:-25%;left:15%;border:1px solid #11111106;border-radius:48%;transform:rotate(-20deg);animation:hero-contour 22s ease-in-out infinite alternate}
.home-hero-motion span:nth-child(2){left:30%;width:85%;border-color:#11111105;animation-delay:-8s;animation-duration:28s}
.home-hero-motion span:nth-child(3){left:48%;width:90%;border-color:#11111104;animation-delay:-15s;animation-duration:32s}
.home-package-carousel{background:#fff;border:1px solid #d8d5ce;border-radius:2px;box-shadow:0 18px 40px #11111108}
.home-package-slides{position:relative;aspect-ratio:1.34;overflow:hidden}
.home-package-slide{position:absolute;inset:0;display:flex;flex-direction:column;text-decoration:none;background:#fff;opacity:0;visibility:hidden;transform:translateX(14px);transition:opacity .8s ease,transform 1s ease,visibility 1s;pointer-events:none}
.home-package-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.home-package-slide img{display:block;width:100%;height:calc(100% - 67px);object-fit:cover;object-position:top;filter:grayscale(1)}
.home-package-slide>span{display:grid;gap:4px;padding:13px 16px;border-top:1px solid #e7e5de;min-height:67px}
.home-package-slide b{font:700 12px/1.4 var(--body);color:#111}.home-package-slide small{font:400 10px/1.4 var(--body);color:#66625b}
.home-package-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7e5de;padding:10px 14px;background:#faf9f6}
.home-package-controls>div{display:flex;gap:6px}.home-package-controls button{font:500 9px/1.4 var(--body);color:#69655d;border:0;background:transparent;padding:7px 8px;cursor:pointer;border-radius:2px}
.home-package-controls button.is-active{background:#111;color:#fff}.home-package-controls button:focus-visible{outline:2px solid #111;outline-offset:3px}.home-package-controls .home-package-pause{text-decoration:underline;text-underline-offset:3px}
@keyframes hero-contour{from{transform:translateX(-2%) rotate(-20deg)}to{transform:translateX(3%) rotate(-13deg)}}
@media(max-width:600px){.home-welcome h1{font-size:41px;line-height:1.12}.home-package-slides{aspect-ratio:1.2}.home-package-slide b{font-size:11px}.home-package-slide small{font-size:9px}.home-hero-motion span{width:130%;left:0}}
@media(prefers-reduced-motion:reduce){.home-hero-motion span{animation:none}.home-package-slide{transition:none;transform:none}}

/* source 6: home-hero-v7.css */
/* Visible flowing contours, behind the content rather than below the hero background. */
.home-hero-motion{z-index:0;opacity:1}
.home-hero-motion canvas{display:block;width:100%;height:100%;filter:none}
.home-welcome-copy,.home-shop-feature{z-index:2}
@media(prefers-reduced-motion:reduce){.home-hero-motion{opacity:.65}}

/* source 7: simple-hero-v8.css */
.simple-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(45px,6vw,85px) clamp(22px,6vw,94px);background:#f5f4f0;min-height:580px;margin:0;max-width:none}
.simple-hero:before{content:"";position:absolute;inset:0 0 0 58%;background:#eeece6;z-index:-1}.simple-hero:after{display:none}
.simple-hero-copy,.simple-hero-media{position:relative;z-index:2;min-width:0;transition:opacity .35s ease,transform .55s ease}
.simple-hero.is-changing .simple-hero-copy,.simple-hero.is-changing .simple-hero-media{opacity:0;transform:translateY(8px)}
.simple-hero .simple-hero-kicker{font:700 10px/1.5 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#656159;margin:0 0 23px}
.simple-hero h1{font:700 clamp(39px,4.5vw,68px)/1.1 "Manrope",sans-serif;letter-spacing:-.05em;color:#111;margin:0;white-space:pre-line;max-width:690px;text-wrap:initial}
.simple-hero .simple-hero-description{font:400 17px/1.65 "DM Sans",sans-serif;max-width:430px;color:#5a5751;margin:24px 0 29px}
.simple-hero .simple-hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;background:#111;color:#fff;border:1px solid #111;border-radius:4px;font:700 12px/1.5 "DM Sans",sans-serif;text-decoration:none;transition:background .25s}
.simple-hero-cta:hover{background:#373737!important}
.simple-hero-media{background:#fff;border:1px solid #d6d2c9;border-radius:5px;box-shadow:0 24px 60px #1111110d;overflow:hidden}
.simple-hero-media img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;object-position:top;filter:grayscale(1)}
.simple-hero-controls{display:flex;align-items:center;gap:9px;margin-top:28px}.simple-hero-controls button{font:500 10px/1.5 "DM Sans",sans-serif;border:0;background:transparent;color:#716d65;padding:7px 9px;cursor:pointer;border-radius:2px}.simple-hero-controls button.is-active{background:#111;color:#fff}.simple-hero-controls .simple-hero-pause{margin-left:9px;text-decoration:underline;text-underline-offset:4px}.simple-hero-controls button:focus-visible{outline:2px solid #111;outline-offset:3px}
.simple-hero-shop{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.simple-hero-shop:before{inset:0 58% 0 0}.simple-hero-shop .simple-hero-media{order:-1}
.site-header #site-nav .nav-store-highlight,.store-nav nav a[href="/shop/"]{display:inline-flex;align-items:center;gap:8px;padding:9px 13px!important;border:1px solid #111!important;border-radius:5px;background:#111!important;color:#fff!important;font-weight:700;box-shadow:0 4px 12px #1111110b;transition:background .25s,transform .25s}
.nav-store-highlight:before,.store-nav nav a[href="/shop/"]:before{content:"";width:12px;height:13px;border:1px solid currentColor;border-radius:2px;background:none;display:block}
.nav-store-highlight:hover,.store-nav nav a[href="/shop/"]:hover{transform:translateY(-1px);background:#353535!important}
@media(max-width:980px){.simple-hero,.simple-hero-shop{grid-template-columns:1fr;min-height:0;padding:45px 26px;gap:34px}.simple-hero-copy{max-width:760px}.simple-hero-media{max-width:760px;width:100%}.simple-hero-shop .simple-hero-media{order:0}.simple-hero:before{inset:55% 0 0}.simple-hero h1{font-size:clamp(39px,6vw,58px)}}
@media(max-width:600px){.simple-hero,.simple-hero-shop{padding:34px 22px;gap:27px}.simple-hero h1{font-size:40px}.simple-hero .simple-hero-description{font-size:16px;margin:19px 0 24px}.simple-hero .simple-hero-kicker{font-size:9px;margin-bottom:18px}.simple-hero-controls{margin-top:19px}.simple-hero-media img{aspect-ratio:1.3}}
@media(prefers-reduced-motion:reduce){.simple-hero-copy,.simple-hero-media,.nav-store-highlight{transition:none}.simple-hero.is-changing .simple-hero-copy,.simple-hero.is-changing .simple-hero-media{transform:none}}

/* source 8: hero-v9.css */
.dev-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(35px,6vw,90px);align-items:center;padding:clamp(55px,7vw,100px) clamp(22px,6vw,94px);min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:#f5f4f0}
.dev-home-hero:before,.dev-home-hero:after{display:none}.dev-home-copy,.crystal-code{position:relative;z-index:2;min-width:0}
.dev-home-copy .dev-kicker{font:700 10px/1.5 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#625e57;margin:0 0 25px}
.dev-home-copy h1{font:700 clamp(42px,4.7vw,70px)/1.08 "Manrope",sans-serif;letter-spacing:-.05em;margin:0;color:#111}
.dev-home-copy>p:not(.dev-kicker){font:400 17px/1.7 "DM Sans",sans-serif;color:#59564f;max-width:460px;margin:26px 0 29px}
.dev-home-copy>a,.angle-shop-hero>a{display:inline-flex;padding:17px 24px;background:#111;color:#fff;text-decoration:none;border-radius:5px;font:700 12px/1.5 "DM Sans",sans-serif;border:1px solid #111}
.crystal-code{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.95);border-radius:17px;box-shadow:0 28px 65px #11111112,inset 0 0 0 1px #11111108;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.crystal-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #11111112;font:500 10px/1.5 "DM Sans",sans-serif;color:#777169}
.crystal-code-toolbar b{font-weight:600;color:#111}.crystal-code-tab{padding:13px 22px 0;font:500 11px/1.5 Consolas,monospace;color:#716a60}
.crystal-code pre{margin:0;padding:22px;height:335px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font:400 clamp(11px,1vw,14px)/1.85 Consolas,"Courier New",monospace;color:#333}
.code-caret{display:inline-block;width:7px;height:14px;vertical-align:middle;margin-left:3px;background:#555;animation:code-blink 1s steps(1) infinite}
.code-terminal{padding:16px 22px;border-top:1px solid #11111112;font:400 10px/1.7 Consolas,monospace;color:#716a60}.code-terminal b{color:#333;font-weight:500}
.code-caption{padding:20px 22px;border-top:1px solid #11111112;font:700 clamp(18px,2vw,26px)/1.25 "Manrope",sans-serif;letter-spacing:-.03em;color:#111}
.code-motion-control{position:absolute;right:15px;bottom:23px;border:0;background:transparent;font:500 9px "DM Sans",sans-serif;color:#716a60;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.code-caption{padding-right:80px}
.angle-shop-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#eeeae2;color:#111;padding:75px 22px 110px;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
.angle-shop-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#11111124 .9px,transparent .9px);background-size:19px 19px;opacity:.7}
.angle-shop-hero .shop-kicker{display:inline-block;font:700 10px/1.5 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;background:#f9f8f4;padding:10px 16px;border-radius:4px;margin:0 0 22px}
.angle-shop-hero h1{font:700 clamp(38px,4.6vw,66px)/1.12 "Manrope",sans-serif;letter-spacing:-.045em;margin:0 auto;max-width:820px}
.angle-shop-hero>p:not(.shop-kicker){font:400 17px/1.6 "DM Sans",sans-serif;max-width:590px;margin:22px auto 28px}
.angle-shop-hero .shop-deposit-note{display:block;font:500 11px/1.5 "DM Sans",sans-serif;margin-top:17px;color:#676158}
@keyframes code-blink{50%{opacity:0}}
@media(max-width:980px){.dev-home-hero{grid-template-columns:1fr;min-height:0;padding:45px 26px;gap:35px}.dev-home-copy{max-width:740px}.crystal-code{max-width:740px}.dev-home-copy h1{font-size:clamp(42px,6vw,60px)}}
@media(max-width:600px){.dev-home-hero{padding:36px 22px}.dev-home-copy h1{font-size:43px}.dev-home-copy>p:not(.dev-kicker){font-size:16px}.dev-home-copy .dev-kicker{font-size:9px}.crystal-code pre{font-size:11px;padding:18px;min-height:295px}.code-caption{font-size:19px}.angle-shop-hero{padding:50px 22px 85px}.angle-shop-hero h1{font-size:39px}.angle-shop-hero>p:not(.shop-kicker){font-size:16px}}
@media(prefers-reduced-motion:reduce){.code-caret{animation:none;opacity:.5}}

/* source 9: store-link-v12.css */
.site-header #site-nav .nav-store-highlight,.store-nav nav a[href="/shop/"]{border-radius:30px!important;padding:11px 18px!important;gap:10px!important;background:#111!important;color:#fff!important;box-shadow:none!important}
.nav-store-highlight:before,.store-nav nav a[href="/shop/"]:before{content:""!important;border:0!important;border-radius:0!important;width:20px!important;height:20px!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h3l3 12h11l3-9H6M8 15l-1 3h12' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='21' r='1.5'/%3E%3Ccircle cx='18' cy='21' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat!important}
.nav-store-highlight:after,.store-nav nav a[href="/shop/"]:after{display:none!important}.site-header #site-nav .nav-store-highlight:hover,.store-nav nav a[href="/shop/"]:hover{background:#333!important;transform:translateY(-2px)}.home-store-photo{border-radius:24px;overflow:hidden;border:0!important;background:#eeece6}.home-store-photo img{object-fit:contain!important;object-position:center!important;width:100%;height:auto!important;aspect-ratio:4/3;transition:transform .7s ease}.home-store-photo:hover img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.home-store-photo img,.nav-store-highlight{transition:none!important;transform:none!important}}

/* source 10: home-clean-services-v26.css */
/* Homepage clarity pass — intentionally leaves .home-welcome untouched. */

/* Keep the enquiry visible in the natural F-pattern and make the showcase supporting content. */
.hero {
  min-height: auto;
  grid-template-columns: minmax(390px,.82fr) minmax(0,1.18fr);
  gap: clamp(38px,5vw,78px);
  padding: clamp(72px,7vw,104px) clamp(24px,7vw,110px);
  background: #eeece6;
  align-items: center;
}
.hero:before { opacity: .45; mask-image: linear-gradient(90deg,#000,transparent 86%); }
.hero:after { display: none; }
.hero .lead-form {
  order: 1;
  min-height: 0;
  height: auto;
  align-self: center;
  padding: clamp(30px,3.5vw,48px);
  border: 1px solid #d0cdc4;
  border-radius: 24px;
  background: rgba(250,249,246,.94);
  box-shadow: 0 24px 60px rgba(17,17,17,.08);
}
.hero .hero-showcase { order: 2; height: auto; align-self: center; }
.hero .form-intro { margin-bottom: 24px; }
.hero .form-intro h2 {
  max-width: 560px;
  margin: 0 0 10px;
  font: 700 clamp(36px,3.4vw,54px)/1.02 var(--display);
  letter-spacing: -.055em;
}
.hero .form-intro span { display: block; max-width: 570px; color: #5a5852; line-height: 1.55; }
.hero .form-grid { gap: 15px 18px; }
.hero .form-grid input,.hero .form-grid select { min-height: 52px; }
.field-optional { color: #817e76; font-weight: 500; font-size: .82em; }
.hero .hero-slides { height: 580px!important; min-height: 580px!important; }
.hero .hero-visual .hero-foreground,
.hero .hero-visual .hero-foreground-card,
.hero .hero-visual .hero-foreground-shop { top: 25%!important; height: 210px!important; }
.hero .hero-slide-copy { padding-top: 290px!important; gap: 15px!important; }
.hero .hero-slide-copy h1,.hero .hero-slide-copy h2 { font-size: clamp(34px,3vw,46px)!important; }
.hero .hero-slide-copy .button { margin-top: 10px!important; }

/* Clear service overview inspired by an editorial agency grid. */
.clean-services {
  position: relative;
  display: grid;
  grid-template-columns: minmax(270px,.72fr) minmax(0,1.28fr);
  gap: clamp(48px,7vw,110px);
  align-items: center;
  overflow: hidden;
  background: #f7f6f2;
}
.clean-services:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(55vw,760px);
  aspect-ratio: 1;
  right: -23vw;
  top: 50%;
  transform: translateY(-50%) rotate(32deg);
  border-radius: 46% 54% 60% 40%;
  background: #eceae4;
}
.clean-services-intro,.clean-service-tiles { position: relative; z-index: 1; }
.clean-services-intro h2 {
  margin: 0;
  max-width: 620px;
  font: 700 clamp(43px,4.8vw,70px)/.98 var(--display);
  letter-spacing: -.065em;
}
.clean-services-intro>p:not(.eyebrow) {
  max-width: 520px;
  margin: 25px 0 30px;
  color: #5b5953;
  font-size: 18px;
  line-height: 1.65;
}
.clean-service-tiles {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: 22px;
  row-gap: 46px;
}
.clean-service-card {
  min-height: 252px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(26px,3vw,42px);
  border: 1px solid #e8e5de;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(17,17,17,.055);
  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.clean-service-card:nth-child(even) { transform: translateY(22px); }
.clean-service-card:hover {
  transform: translateY(-5px);
  border-color: #bdb9af;
  box-shadow: 0 28px 65px rgba(17,17,17,.1);
}
.clean-service-card:nth-child(even):hover { transform: translateY(17px); }
.service-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-bottom: 28px;
  border-radius: 50%;
  background: #76090d;
}
.service-icon svg { width: 34px; height: 34px; fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.clean-service-card h3 { margin: 0 0 10px; font: 700 clamp(22px,2vw,29px)/1.08 var(--display); letter-spacing: -.035em; }
.clean-service-card p { margin: 0; color: #615e57; line-height: 1.55; }
.clean-service-card-wide {
  grid-column: 1/-1;
  min-height: 180px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 28px;
}
.clean-service-card-wide .service-icon { flex: 0 0 62px; margin: 0; }

/* Give the Website Store a clear, early place in the buying journey. */
.home-store-featured {
  border-top: 1px solid #d5d1c7;
  border-bottom: 1px solid #d5d1c7;
  background: linear-gradient(120deg,#76090d 0 36%,#f4f1e9 36% 100%);
}
.home-store-featured .home-store-photo { background: transparent; }
.home-store-featured .home-store-copy { max-width: 720px; }
.home-store-featured .home-store-copy .eyebrow { color: #76090d; }

/* Short, human founder introduction. */
.founder-intro { background: #ebe9e3; }
.founder-copy>p { margin-bottom: 16px; line-height: 1.58; }
.founder-copy .founder-details { margin-top: 28px; }

/* Geographic confidence without making the homepage a city directory. */
.service-reach {
  display: grid;
  grid-template-columns: minmax(280px,.9fr) minmax(280px,.75fr);
  gap: 36px clamp(42px,8vw,130px);
  align-items: end;
  padding: clamp(56px,6vw,82px) clamp(24px,7vw,110px);
  background: #ead7d8;
  color: #271012;
}
.service-reach .eyebrow { color: #76090d; }
.service-reach h2 { margin: 0; font: 700 clamp(40px,4.5vw,66px)/1 var(--display); letter-spacing: -.06em; }
.service-reach>p { max-width: 660px; margin: 0; color: #54383a; font-size: 18px; line-height: 1.65; }
.service-reach-points { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 10px; padding-top: 8px; }
.service-reach-points span { padding: 10px 15px; border: 1px solid #b98b8e; border-radius: 999px; color: #4e171b; background:rgba(255,255,255,.38); font-size: 13px; font-weight: 700; }

.work-card-portfolio { background: linear-gradient(145deg,#76090d,#530508); color: #fff; }
.work-card-portfolio p { color: rgba(255,255,255,.76); }

/* Two clear opening paths: begin a project or browse the Website Store. */
.dev-home-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.dev-home-actions>a {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 15px 23px;
  border: 1px solid #111;
  border-radius: 5px;
  font: 700 12px/1.5 "DM Sans",sans-serif;
  transition: transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.dev-home-actions>a:hover { transform: translateY(-2px); }
.dev-start-project {
  background: #76090d;
  color: #fff;
  border-color: #76090d!important;
  box-shadow: 0 10px 24px rgba(83,5,8,.18);
}
.dev-start-project:hover { background: #530508; box-shadow: 0 14px 30px rgba(83,5,8,.24); }
.dev-store-link { background: #111; color: #fff; }

/* Keep the persistent chat route friendly and visually separate from primary actions. */
@media(max-width:620px) {
  .dev-home-actions { display: grid; justify-items: start; gap: 13px; }
  .dev-start-project { width: 100%; }
  .dev-store-link {
    min-height: auto!important;
    padding: 5px 0!important;
    border: 0!important;
    border-bottom: 1px solid #77736a!important;
    border-radius: 0!important;
    background: transparent!important;
    color: #111!important;
  }
  .mobile-cta {
    left: auto;
    right: 12px;
    width: auto;
    min-width: 136px;
    padding: 0 18px;
    background: #ead7d8;
    color: #4e171b;
    border-color: #b98b8e;
    box-shadow: 0 10px 30px rgba(83,5,8,.16);
  }
}

/* Verifiable trust and privacy controls. */
.proof-review-link { display: flex; align-items: center; gap: 14px; color: inherit; text-decoration: none; }
.proof-review-link:hover small,.proof-review-link:focus-visible small { text-decoration: underline; text-underline-offset: 3px; }
.reviews figcaption a { color: inherit; text-underline-offset: 3px; }
.footer-legal-actions { display: flex; align-items: center; gap: 14px; }
.footer-legal-actions button { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.consent-banner {
  position: fixed;
  z-index: 3000;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 24px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 22px;
  border: 1px solid #c9c4ba;
  border-radius: 12px;
  background: #fff;
  color: #171717;
  box-shadow: 0 20px 60px rgba(17,17,17,.22);
}
.consent-banner[hidden] { display: none; }
.consent-banner strong { display: block; margin-bottom: 4px; font: 700 17px/1.3 var(--display); }
.consent-banner p { max-width: 760px; margin: 0; color: #5c5953; font-size: 13px; line-height: 1.5; }
.consent-banner a { color: #76090d; font-weight: 700; text-underline-offset: 3px; }
.consent-summary { min-width: 0; }
.consent-settings-link { margin-top: 8px; border: 0; padding: 0; background: transparent; color: #76090d; font: 700 12px/1.3 var(--body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.consent-actions { display: grid; grid-template-columns: repeat(2,minmax(175px,1fr)); gap: 9px; }
.consent-actions button { min-height: 48px; padding: 8px 16px; border: 1px solid #76090d; border-radius: 6px; background: #f5e8e9; color: #4e171b; font: 700 12px/1.2 var(--body); cursor: pointer; }
.consent-actions button:last-child { background: #76090d; color: #fff; }
.consent-actions button:hover { background: #ead2d4; }
.consent-actions button:last-child:hover { background: #530508; }
.consent-actions button:focus-visible,.consent-settings-link:focus-visible,.consent-preference-actions button:focus-visible,.consent-choice input:focus-visible+i { outline: 3px solid rgba(118,9,13,.3); outline-offset: 2px; }
.consent-preferences { grid-column: 1/-1; border-top: 1px solid #ddd8cf; padding-top: 15px; }
.consent-preferences[hidden] { display: none; }
.consent-choice { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid #e5e1d9; cursor: pointer; }
.consent-choice span strong { margin: 0; font: 700 14px/1.3 var(--display); }
.consent-choice small { display: block; margin-top: 3px; color: #69655f; font-size: 12px; line-height: 1.4; }
.consent-choice b { color: #76090d; font-size: 12px; }
.consent-choice input { position: absolute; opacity: 0; pointer-events: none; }
.consent-choice i { position: relative; width: 44px; height: 24px; border-radius: 999px; background: #817e78; transition: background .2s ease; }
.consent-choice i:after { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; top: 3px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3); transition: transform .2s ease; }
.consent-choice input:checked+i { background: #76090d; }
.consent-choice input:checked+i:after { transform: translateX(20px); }
.consent-choice-essential { grid-template-columns: minmax(0,1fr) auto; cursor: default; }
.consent-preference-actions { display: flex; justify-content: flex-end; padding-top: 14px; }
.consent-preference-actions button { min-height: 44px; border: 1px solid #76090d; border-radius: 6px; padding: 0 22px; background: #76090d; color: #fff; font: 700 12px/1 var(--body); cursor: pointer; }

@media(max-width:760px) {
  .consent-banner { left: 10px; right: 10px; bottom: 10px; grid-template-columns: 1fr; gap: 15px; padding: 18px; }
  .consent-actions { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; }
  .consent-actions button { padding: 0 10px; }
  .consent-preferences { grid-column: auto; }
  .footer-legal-actions { flex-direction: column; align-items: flex-end; gap: 5px; }
}

@media(max-width:420px) {
  .consent-actions { grid-template-columns: 1fr; }
}

/* Separate the Store artwork and copy into distinct colour bands on small
   screens so the maroon background never competes with the headline. */
@media(max-width:850px) {
  .home-store-featured {
    max-width: none;
    padding: 0;
    gap: 0;
    background: #f4f1e9;
  }
  .home-store-featured .home-store-photo {
    margin: 0;
    padding: 34px 24px;
    border-radius: 0;
    background: #76090d;
  }
  .home-store-featured .home-store-photo img {
    border-radius: 24px;
    background: #eeece6;
  }
  .home-store-featured .home-store-copy {
    padding: 46px 24px 72px;
  }
}

/* Avoid cramped navigation before the phone breakpoint. */
@media(max-width:1180px) {
  .site-header nav { display:none; position:absolute; left:0; right:0; top:77px; background:#f5f4f0; padding:25px; flex-direction:column; align-items:stretch; border-bottom:1px solid var(--line); max-height:calc(100vh - 77px); overflow:auto; }
  .site-header nav.open { display:flex; }
  .menu-toggle { display:block; }
}

@media(max-width:980px) {
  .hero { grid-template-columns:1fr; padding-top:64px; }
  .hero .lead-form { order:1; max-width:760px; width:100%; justify-self:center; }
  .hero .hero-showcase { order:2; max-width:760px; width:100%; justify-self:center; }
  .clean-services { grid-template-columns:1fr; }
  .clean-services-intro { max-width:720px; }
  .clean-service-card:nth-child(even),.clean-service-card:nth-child(even):hover { transform:none; }
  .service-reach { grid-template-columns:1fr; align-items:start; }
  .service-reach-points { grid-column:auto; }
}

@media(max-width:680px) {
  .hero { padding:48px 20px 68px; gap:38px; }
  .hero .lead-form { padding:25px 21px; border-radius:18px; }
  .hero .form-intro h2 { font-size:38px; }
  .hero .form-grid { grid-template-columns:1fr; }
  .hero .form-grid .full { grid-column:auto; }
  .hero .hero-slides { height:600px!important; min-height:600px!important; }
  .hero .hero-visual .hero-foreground,
  .hero .hero-visual .hero-foreground-card,
  .hero .hero-visual .hero-foreground-shop { top:21%!important; height:190px!important; }
  .hero .hero-slide-copy { padding:245px 18px 16px!important; }
  .hero .hero-slide-copy h1,.hero .hero-slide-copy h2 { font-size:32px!important; }
  .clean-services { padding:78px 20px 88px; gap:42px; }
  .clean-services-intro h2 { font-size:42px; }
  .clean-service-tiles { grid-template-columns:1fr; gap:14px; }
  .clean-service-card,.clean-service-card-wide { grid-column:auto; min-height:0; flex-direction:column; align-items:flex-start; gap:0; padding:28px; }
  .clean-service-card-wide .service-icon { margin-bottom:28px; }
  .service-reach { padding:68px 20px; gap:25px; }
  .service-reach h2 { font-size:43px; }
}

@media(prefers-reduced-motion:reduce) {
  .clean-service-card,.clean-service-card:hover,.clean-service-card:nth-child(even),.clean-service-card:nth-child(even):hover { transform:none; transition:none; }
}

/* v36: align the two primary desktop navigation actions with the wine-maroon brand. */
.site-header #site-nav .nav-store-highlight,
.site-header #site-nav .nav-cta {
  background:#76090d!important;
  border-color:#76090d!important;
  color:#fff!important;
}
.site-header #site-nav .nav-store-highlight:hover,
.site-header #site-nav .nav-cta:hover {
  background:#530508!important;
  border-color:#530508!important;
}
.site-header #site-nav .nav-store-highlight:focus-visible,
.site-header #site-nav .nav-cta:focus-visible {
  outline:3px solid rgba(118,9,13,.34);
  outline-offset:3px;
}