:root{color-scheme:light;--ink:#102636;--navy:#092238;--navy2:#102f46;--teal:#07cbb9;--tealdark:#007f77;--muted:#647681;--paper:#fbfcfd;--line:#e3e9eb;--shadow:0 20px 70px rgba(13,39,58,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #00bda7;outline-offset:4px;border-radius:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5;letter-spacing:-.04em}p{color:var(--muted)}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.narrow{max-width:750px}.center{text-align:center}.skip{position:absolute;z-index:200;top:-80px;right:12px;background:white;padding:8px 15px}.skip:focus{top:12px}.site-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.nav-shell{height:86px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand img{width:48px;height:48px;border-radius:50%}.brand span{display:grid;line-height:1.32}.brand strong{font-size:1.22rem}.brand small{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.08em;color:var(--muted)}.nav-links{display:flex;gap:29px;align-items:center;margin-inline:auto}.nav-links a{font-size:.86rem;color:#435765;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--tealdark)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:10px;min-height:49px;padding:10px 24px;font-size:.87rem;font-weight:700;transition:transform .18s,background .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:#052b34}.button-primary:hover{background:#3de4ce}.button-outline{border:1px solid #678398;color:white}.button-outline:hover{background:#24485e}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#17465a}.top-cta{margin-inline-start:auto}.mobile-nav{display:none}.section-dark{color:white;background:var(--navy)}.section-dark p{color:#c3d3dc}.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 73% 38%,#16495a 0%,transparent 42%),linear-gradient(120deg,#0b293f,#061827 82%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:615px;align-items:center;gap:60px;padding-block:60px}.eyebrow{letter-spacing:.16em;color:#3ce1cd!important;font-family:Arial,Tahoma,sans-serif;font-size:.72rem;font-weight:700;direction:ltr;text-align:right}.signal{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(2.25rem,4vw,4.4rem);max-width:650px;margin:22px 0 23px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-lead{font-size:1.07rem;max-width:500px;line-height:2.35}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-note{margin-top:60px;color:#aec9d0;font-size:.76rem;display:flex;align-items:center;gap:10px}.short-line{display:inline-block;height:1px;width:30px;background:var(--teal)}.hero-art{height:485px;position:relative;perspective:750px}.orbit{position:absolute;border:1px solid rgba(51,210,198,.18);border-radius:50%;top:0;left:5%;width:94%;aspect-ratio:1}.orbit-two{transform:scale(.77)}.mock-desktop{position:absolute;left:0;top:92px;width:90%;height:320px;background:#f7fafb;border-radius:15px;box-shadow:0 45px 90px #020d1d85;overflow:hidden;transform:rotate(-3deg)}.mock-head{height:38px;background:#e4eef0;display:flex;align-items:center;gap:7px;padding:0 17px}.mock-head span{width:7px;height:7px;border-radius:50%;background:#9ab8be}.mock-head span:first-child{background:var(--teal)}.mock-head i{height:10px;background:#c8d9de;width:36%;border-radius:10px;margin-right:auto}.mock-content{display:flex;gap:16px;padding:28px}.mock-main{width:56%}.mini-label{width:40%;height:7px;border-radius:10px;background:#05bba8;margin-bottom:16px}.mini-title{background:#12334a;height:16px;border-radius:5px;margin-bottom:8px;width:90%}.mini-title.short{width:68%}.mini-lines{margin-top:18px;width:87%;height:26px;background:repeating-linear-gradient(to bottom,#c9d9dd 0 4px,transparent 4px 10px)}.mini-btn{width:80px;background:#06cbbc;border-radius:6px;height:27px;margin-top:16px}.mock-image{flex:1;position:relative;overflow:hidden;border-radius:11px;background:linear-gradient(150deg,#8ae8df,#147b86)}.shape-a,.shape-b,.shape-c{position:absolute;transform:rotate(36deg);border-radius:14px}.shape-a{height:125px;width:125px;left:-36px;bottom:-28px;background:#0e4152}.shape-b{height:85px;width:85px;right:-10px;top:10px;background:#e7ffff9c}.shape-c{height:65px;width:65px;right:25px;bottom:20px;background:#00cab7}.mock-cards{display:flex;gap:10px;padding:0 28px}.mock-cards b{display:block;background:#e7eeee;height:42px;border-radius:7px;flex:1}.mock-phone{width:122px;height:237px;background:#f9fdfd;position:absolute;z-index:2;bottom:0;right:4%;border:6px solid #132f42;border-radius:24px;box-shadow:0 30px 45px #00111dbb;transform:rotate(7deg);padding:24px 11px}.phone-speaker{position:absolute;top:10px;left:41px;height:4px;width:26px;background:#173648;border-radius:9px}.phone-block{height:78px;border-radius:10px;background:linear-gradient(140deg,#84ded3,#126675);margin-bottom:18px}.phone-bar{height:7px;border-radius:3px;background:#183748;margin-bottom:9px}.phone-bar.smaller{width:64%;background:#a7bac0}.phone-button{height:20px;background:var(--teal);border-radius:5px;width:70%;margin-top:14px}.floating-chip{position:absolute;z-index:3;background:white;border-radius:9px;color:#153348;padding:10px 15px;box-shadow:0 16px 38px #0005;font-size:.76rem;font-weight:700}.floating-chip span{color:#01bcaa}.chip-a{top:30px;right:-15px}.chip-b{bottom:26px;left:5px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff19;padding-block:19px;color:#9bb5c3;font-size:.75rem}.scroll-indicator{color:var(--teal)}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.kicker{color:var(--tealdark);font-size:.75rem;letter-spacing:.04em;font-weight:700;margin-bottom:12px}.kicker-light{color:#35dece!important}.section-heading h2,.contrast-grid h2,.cta-inner h2,.split-copy h2{font-size:clamp(1.7rem,3vw,2.7rem);margin-bottom:0}.section-intro{max-width:370px;font-size:.93rem;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px 22px;min-height:318px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.service-card:hover{border-color:#8edcd2;box-shadow:var(--shadow);transform:translateY(-4px)}.service-number{font-family:Arial,sans-serif;font-size:.73rem;color:#829aa7;direction:ltr;text-align:right}.service-symbol{margin-top:17px;width:45px;height:45px;display:grid;place-items:center;color:#0a958c;background:#e7faf7;border-radius:12px;font-size:1.5rem}.service-card h3{font-size:1.16rem;margin:20px 0 8px}.service-card p{font-size:.84rem;line-height:2;flex:1}.service-more{color:var(--tealdark);font-size:.8rem;font-weight:700}.contrast-section{background:#0c293d;color:#fff}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.contrast-grid h2{max-width:525px}.contrast-grid p{color:#c2d6dd;margin-top:20px;max-width:490px}.text-link{display:inline-block;color:#079e94;font-size:.88rem;font-weight:700;margin-top:16px}.contrast-grid .text-link{color:#4be7d5}.priority-panel{background:#fff;color:#113246;border-radius:18px;padding:28px;box-shadow:0 22px 45px #031a2d4d}.priority-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:23px;font-size:.83rem;font-weight:700}.status-pill{background:#e8faf6;color:#0b847d;border-radius:30px;font-size:.68rem;padding:3px 9px}.priority-item{display:flex;gap:14px;align-items:start;padding:23px 0 5px}.priority-item strong,.priority-item small{display:block}.priority-item small{color:#6c818a;font-size:.75rem;margin-top:5px}.checkmark,.plusmark{background:#dbf9f1;color:#078c84;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex:none}.plusmark{background:#ecf1f5;color:#527181}.muted-priority{border-top:1px solid var(--line);margin-top:18px}.portfolio-feature{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.portfolio-cover{min-height:340px;background:radial-gradient(circle at 25% 20%,#17736e 0%,transparent 55%),#08263c;display:grid;place-items:center;position:relative}.portfolio-icon{font:700 6rem Arial,sans-serif;color:#42dfd2}.portfolio-window{width:175px;position:absolute;bottom:40px;left:35px;background:#f6ffff;border-radius:10px;padding:17px;transform:rotate(-9deg);box-shadow:0 20px 30px #0005}.portfolio-window div{height:12px;background:#bbd9db;border-radius:4px;margin:8px}.portfolio-window div:first-child{background:#0dc8b7;width:50%}.portfolio-window div:last-child{width:70%}.portfolio-description{padding:48px;display:flex;flex-direction:column;align-items:start;justify-content:center}.dark-eyebrow{color:var(--tealdark)!important}.portfolio-description h3{font-size:1.7rem;margin:12px 0}.portfolio-description p{font-size:.9rem}.portfolio-description .button{margin-top:20px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps-grid>div{border-top:2px solid #c9dedf;padding-top:16px}.steps-grid span{font:700 1.9rem Arial;color:#12bcae}.steps-grid h3{font-size:1.1rem;margin:15px 0 8px}.steps-grid p{font-size:.85rem}.cta-section{background:#0d2c40;color:#fff;padding:76px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-inner p{color:#bfced6;margin-top:12px;margin-bottom:0}.cta-inner .button{flex:none}.footer{background:#071a29;color:#fff}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding:68px 0}.footer-title{font-size:1.7rem;font-weight:700}.accent{color:var(--teal)}.footer p{font-size:.83rem;color:#c0d2d9}.footer .muted{opacity:.7}.footer h3{font-size:.9rem}.footer-top>div:not(:first-child) a{display:block;font-size:.84rem;color:#c0d2d9;padding:6px 0}.footer-top a:hover{color:var(--teal)}.footer-bottom{border-top:1px solid #ffffff24;padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:#9ab3c0;font-size:.73rem}.page-hero{background:radial-gradient(circle at 5% 40%,#14475b 0,transparent 38%),#092338;padding:100px 0}.page-hero .container{max-width:1160px}.page-hero h1{font-size:clamp(2rem,4vw,3.5rem);max-width:900px;margin:15px 0}.page-hero p:not(.eyebrow){max-width:720px;font-size:1rem}.service-detail-list{display:grid;gap:22px}.detail-card{background:white;border:1px solid var(--line);border-radius:17px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;scroll-margin-top:30px}.detail-index{color:var(--tealdark);font:700 .75rem Arial,Tahoma}.detail-intro h2{font-size:1.6rem;margin-top:14px}.detail-points{border-right:1px solid var(--line);padding-right:30px}.detail-points h3{font-size:.92rem}.detail-points ul{list-style:none;margin:0;padding:0}.detail-points li{padding:7px 0;color:#455d69;font-size:.84rem}.detail-points li::before{content:'✓';color:#008f83;font-weight:700;margin-left:10px}.detail-points .later-title{margin-top:25px}.detail-points .later-list li::before{content:'+'}.pale-section{background:#eaf4f3}.pale-section p{margin:13px 0 25px}.empty-portfolio{text-align:center;max-width:720px;margin:auto;border:1px dashed #bad0d3;padding:70px 40px;border-radius:18px;background:white}.empty-glyph{font-size:3rem;color:#00b5a7}.empty-portfolio h2{font-size:1.75rem}.empty-portfolio p{margin:15px 0 26px}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split-copy p{line-height:2.4}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-card,.contact-questions{border:1px solid var(--line);border-radius:17px;padding:40px;background:white}.contact-card p{margin:12px 0 25px}.contact-disclaimer{display:block;color:#748792;font-size:.76rem;line-height:2.1;margin-top:22px}.contact-questions{background:#f0f7f6}.contact-questions h3{font-size:1.2rem}.contact-questions li{padding:9px 0;color:#4b646f;font-size:.86rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-graphic{height:160px;background:radial-gradient(circle at 30% 10%,#1a6670,transparent 53%),#0b293c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:28px}.article-graphic span{font:700 4rem Arial;color:#43edda}.article-graphic b{font:600 .8rem Arial;letter-spacing:.2em}.article-body{padding:23px}.article-body h2{font-size:1.15rem;line-height:1.8}.article-body p:not(.kicker){font-size:.84rem}.article-hero{padding-block:70px}.back-link{display:inline-block;color:#a4c8d3;font-size:.82rem}.reading{max-width:780px;margin:75px auto 100px}.reading h2{font-size:1.5rem;margin:39px 0 14px}.reading p{font-size:1rem;line-height:2.4;color:#526874}.reading .lead-reading{color:#183e4e;font-size:1.14rem}.reading-note{background:#eaf6f3;border-right:4px solid #00bda8;padding:24px 28px;border-radius:12px;margin:40px 0}.reading-note p{margin:4px 0 0}.reading .button{margin-top:15px}.not-found{min-height:60vh;display:grid;align-items:center}.big-number{font:700 7rem Arial;color:#00a99b;margin:0}.not-found h1{font-size:2rem}
@media(max-width:1050px){.nav-links{gap:16px}.nav-shell{gap:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:16px}.contrast-grid{gap:35px}}@media(max-width:790px){.container{width:min(100% - 30px,1160px)}.site-header .nav-shell{height:72px}.nav-links,.top-cta{display:none}.mobile-nav{display:block;margin-right:auto;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;padding:7px 11px;border:1px solid #d8e5e5;border-radius:9px;font-size:.85rem}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:50px;left:0;min-width:210px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:10px;display:grid;z-index:30}.mobile-nav nav a{padding:8px 12px}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero h1{font-size:2.5rem}.hero-art{height:330px;max-width:480px;width:100%;margin-inline:auto}.mock-desktop{top:27px;height:270px;width:88%}.mock-phone{bottom:0;right:5%;height:205px;width:110px}.hero-note{margin-top:35px}.section{padding:72px 0}.section-heading,.cta-inner{align-items:start;display:block}.section-heading h2{margin-bottom:15px}.section-intro{max-width:650px}.contrast-grid,.portfolio-feature,.split-copy,.contact-layout{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:2fr 1fr;gap:28px}.detail-card{gap:24px}.cta-inner .button{margin-top:20px}.portfolio-cover{min-height:260px}}@media(max-width:540px){.container{width:calc(100% - 28px)}.hero-grid{padding-top:46px}.hero h1{font-size:2.14rem}.hero-lead{font-size:.94rem}.hero-art{height:300px}.mock-desktop{height:245px;top:35px;width:92%}.mock-content{padding:17px}.mock-cards{padding:0 17px}.mock-phone{width:92px;height:185px;right:0}.floating-chip{font-size:.63rem;padding:6px 9px}.chip-a{right:0}.hero-bottom{font-size:.7rem}.section-heading h2,.contrast-grid h2,.cta-inner h2{font-size:1.78rem}.service-grid,.steps-grid,.article-grid,.detail-card,.footer-top{grid-template-columns:1fr}.service-card{min-height:250px}.portfolio-description{padding:28px}.contrast-grid{gap:27px}.priority-panel{padding:19px}.detail-card{padding:25px}.detail-points{border-right:0;padding-right:0;border-top:1px solid var(--line);padding-top:20px}.footer-top{padding:45px 0;gap:24px}.footer-bottom{display:block}.page-hero{padding:65px 0}.reading{margin:45px auto 70px}.reading h2{font-size:1.3rem}.contact-card,.contact-questions{padding:27px}.cta-section{padding:58px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* WH-V002 - accessible case-study cards and inline references */
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;min-width:0}.case-art{height:210px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff;background:radial-gradient(circle at 85% 25%,#127c78 0,transparent 53%),#092738}.case-art-2{background:radial-gradient(circle at 18% 25%,#14598b 0,transparent 57%),#0d243f}.case-art strong{font-size:clamp(1.7rem,4vw,2.7rem);font-family:Arial,sans-serif;letter-spacing:-.04em;line-height:1.2;color:white}.case-art-tag{display:inline-flex;border:1px solid #ffffff88;border-radius:30px;padding:3px 13px;font-size:.76rem}.case-art-lines{display:flex;width:100%;gap:7px}.case-art-lines i{width:22%;height:4px;border-radius:4px;background:#9fdedb}.case-art-lines i:nth-child(2){width:15%;background:#4dbfba}.case-art-lines i:last-child{width:32%;background:#fff}.case-details{padding:28px}.case-details h2,.case-details h3{font-size:1.45rem;margin-bottom:11px}.case-details p{font-size:.9rem;line-height:2.05}.case-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:20px}.case-footnote{font-size:.82rem;margin-top:17px}.case-list{padding-right:25px;margin:18px 0}.case-list li{padding:7px 0;color:#526874;line-height:2.3}.inline-link{text-decoration:underline;text-underline-offset:4px;color:#006e6d}.inline-link:hover{color:#004b4a}.reading a.text-link{color:#006a67}.reading .button-outline{color:white}.reading .case-list+ h2{margin-top:40px}@media(max-width:790px){.case-grid{grid-template-columns:1fr}.case-art{height:180px}.case-details{padding:22px}}

.comparison-scroll{width:100%;overflow-x:auto;scrollbar-gutter:stable;margin:22px 0}.compare-table{width:100%;min-width:570px;border-collapse:collapse;font-size:.85rem;text-align:right}.compare-table th{background:#0a3548;color:white}.compare-table th,.compare-table td{border:1px solid #d7e4e7;padding:12px 13px;vertical-align:top;line-height:1.9}.compare-table tbody tr:nth-child(even){background:#f0f8f7}

/* WH-V003 — cohesive Persian-first design system */
:root {
  --ink:#0d2839; --navy:#09283a; --navy2:#123e4e;
  --teal:#02c8b6; --tealdark:#007b74; --muted:#566f7b;
  --paper:#f8fafb; --line:#dde7e9; --shadow:0 18px 54px rgba(4,37,53,.09);
  --radius:18px;
  font-synthesis:none;
}
html { scroll-padding-top:92px; }
body { font-family:'Vazirmatn Variable',Tahoma,sans-serif; line-height:1.8; font-weight:400; text-rendering:optimizeLegibility; }
button,input,textarea,select { font:inherit; }
:where(a,button,summary,input,textarea,select):focus-visible { outline:3px solid #00a99a; outline-offset:3px; }
h1,h2,h3 {font-family:'Vazirmatn Variable',Tahoma,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.42;}
h1 { text-wrap:balance; } h2,h3 {text-wrap:pretty;}
p { line-height:1.9; } a { transition:color .15s ease; }
.container {width:min(1180px,calc(100% - 56px));}
.site-header{position:sticky;top:0;backdrop-filter:blur(16px);background:rgba(255,255,255,.97);box-shadow:0 2px 14px rgba(6,32,50,.035);}
.nav-shell{height:78px;gap:29px;}
.brand img{width:46px;height:46px;box-shadow:none;}
.brand span{gap:2px;}.brand strong{font-size:1.13rem;font-weight:800;line-height:1.2;}.brand small{font-size:.68rem;letter-spacing:.03em;font-family:inherit;line-height:1.3;}
.nav-links{gap:27px;}
.nav-links a{font-size:.88rem;font-weight:600;color:#344f5c;padding:7px 0;position:relative;}
.nav-links a[aria-current="page"]{font-weight:800;}
.nav-links a[aria-current="page"]:after{content:"";position:absolute;bottom:1px;right:0;left:0;height:2px;background:var(--teal);border-radius:2px;}
.button{font-size:.9rem;font-weight:750;gap:16px;min-height:48px;padding:10px 21px;border-radius:12px;transition:background .2s ease, box-shadow .2s ease, transform .2s ease;}
.button:hover { transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,114,108,.16); }
.button-primary{background:#00c8b8;color:#052e38;}
.button-primary:hover{background:#26e1d0;}
.button-outline{border-color:#6c929e;}
.button-dark{background:#09283a;}
.kicker{font-size:.82rem;letter-spacing:0;font-weight:800;color:#008c81;margin-bottom:12px;}
.eyebrow{font-family:inherit;font-size:.74rem;letter-spacing:.14em;font-weight:700;}
.section{padding:84px 0;}
.section-heading{align-items:end;margin-bottom:30px;gap:50px;}
.section-heading h2,.contrast-grid h2,.cta-inner h2,.split-copy h2{font-size:clamp(1.85rem,3vw,2.65rem);font-weight:800;line-height:1.52;}
.section-intro{font-size:.95rem;line-height:2;max-width:410px;}
.text-link{font-size:.88rem;font-weight:750;color:#007f78;}
.hero{background:radial-gradient(ellipse 460px 370px at 18% 40%,rgba(0,178,168,.12),transparent 80%),linear-gradient(115deg,#092c3f,#071f31 75%);}
.hero-grid{grid-template-columns:1.07fr .93fr;gap:52px;min-height:545px;padding-block:54px 45px;}
.hero-copy{min-width:0;}
.hero h1{font-size:clamp(2.55rem,4.2vw,3.98rem);line-height:1.53;letter-spacing:-.045em;margin:15px 0 16px;max-width:680px;}
.hero h1 em{color:#4fe6d4;}
.hero-lead{font-size:1.04rem;line-height:2.05;max-width:550px;margin:0;color:#c9dbe1;}
.hero-actions{margin-top:27px;gap:11px;}
.hero-proof{display:flex;gap:11px 20px;flex-wrap:wrap;margin-top:27px;}
.hero-proof span{font-size:.78rem;color:#c7dfe2;white-space:nowrap;}
.hero-proof b{display:inline-grid;place-items:center;color:#7af4e5;background:#1b5660;width:18px;height:18px;border-radius:50%;font-size:.75rem;margin-left:4px;}
.hero-foot{border-top:1px solid rgba(255,255,255,.13);padding:16px 0;color:#b0cbd1;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;}
.hero-foot a{color:#65e9d8;}
.hero-art{height:420px;position:relative;perspective:none;isolation:isolate;}
.hero-light{position:absolute;inset:23px 10px 10px;background:radial-gradient(ellipse,#28dac72b,transparent 70%);filter:blur(18px);z-index:-1;}
.product-browser{position:absolute;inset:37px 20px 35px 0;transform:rotate(-3deg);background:#fff;border:1px solid #b5d4dc;border-radius:15px;box-shadow:0 35px 65px #00132288;overflow:hidden;}
.product-bar{height:35px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e9f0f2;padding-inline:15px;color:#4e7180;font:500 .67rem 'Vazirmatn Variable',sans-serif;}
.browser-circles{display:flex;gap:4px}.browser-circles i{width:7px;height:7px;background:#90aeb5;border-radius:50%;}.browser-circles i:first-child{background:#18bdad;}
.product-page{height:calc(100% - 35px);padding:17px;background:#f8fbfb;}
.product-navigation{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:#315466;}
.product-navigation strong{font-size:.95rem;font-weight:800;color:#0a3042;}.product-navigation strong span{color:#00baa9;font-size:.45rem;vertical-align:middle;margin:0 3px;}
.product-navigation>span{font-size:.54rem;}
.product-content{display:grid;grid-template-columns:1.12fr .88fr;gap:10px;align-items:center;min-height:195px;margin-top:8px;}
.product-message small,.product-message strong,.product-message span,.product-message i{display:block;}
.product-message small{font-size:.55rem;color:#00988c;font-weight:700;}
.product-message strong{font-size:1.13rem;line-height:1.55;color:#143649;font-weight:800;margin:8px 0;}
.product-message span{font-size:.52rem;line-height:1.7;color:#6c8390;max-width:195px;}
.product-message i{font-style:normal;font-size:.56rem;font-weight:800;width:max-content;padding:5px 9px;background:#00c8b7;border-radius:6px;margin-top:12px;color:#0b2d3a;}
.product-artwork{position:relative;height:162px;border-radius:14px;background:linear-gradient(135deg,#b7f2e9,#34bcad 62%,#0c5865);overflow:hidden;}
.product-shape{position:absolute;width:100px;height:100px;border:25px solid #0d4555;transform:rotate(28deg);bottom:-27px;left:-30px;border-radius:20px;}
.product-shape.small{width:85px;height:85px;border-color:#e1fff6;bottom:52px;left:52px;opacity:.65;}
.product-arc{position:absolute;width:60px;height:60px;border-radius:15px;right:21px;bottom:20px;transform:rotate(25deg);background:#00d3c3;}
.product-cards{display:flex;gap:8px;margin-top:0;}.product-cards span{height:31px;flex:1;border-radius:7px;background:#e8eff0;}.product-cards span:nth-child(2){background:#d8ecea;}
.product-phone{position:absolute;right:-5px;bottom:0;width:115px;height:222px;background:#fff;border:6px solid #0c3040;border-radius:22px;box-shadow:0 22px 40px #001322bd;transform:rotate(6deg);padding:16px 9px 10px;}
.phone-top{position:absolute;top:5px;left:42px;width:26px;height:4px;background:#204354;border-radius:4px;}
.phone-header{font-size:.51rem;color:#1b4854;font-weight:800;display:flex;justify-content:space-between;}
.phone-header span{font-size:.5rem;}.phone-poster{height:72px;border-radius:8px;margin:15px 0 12px;background:linear-gradient(140deg,#a3efe5,#168f8d 65%,#0d3852);}
.phone-copy{height:6px;background:#8eadb5;border-radius:5px;margin:8px 0;}.phone-copy.short{width:65%;background:#c3d6d9;}
.phone-action{height:16px;background:#00c8b7;width:80%;margin-top:15px;border-radius:5px;}
.hero-float{position:absolute;z-index:3;background:#fff;color:#163b4a;box-shadow:0 12px 32px #001b2c69;padding:8px 13px;border-radius:10px;font-size:.71rem;font-weight:800;}
.hero-float span{color:#008f80;margin-left:4px;}.hero-float.first{top:4px;right:-10px;}.hero-float.second{bottom:14px;left:0;}
.services-section{background:#f8fafb;}
.service-grid{gap:14px;}
.service-card{border:1px solid #dfe9e9;border-radius:18px;min-height:284px;padding:22px 22px 21px;}
.service-card:hover{border-color:#83cfc7;box-shadow:0 20px 44px #0b415014;transform:translateY(-3px)}
.service-topline{display:flex;justify-content:space-between;align-items:center;gap:5px;}
.service-number{font-size:.73rem;font-family:inherit;color:#7b9aa5;}
.service-pill{background:#eef6f4;color:#257d77;padding:3px 9px;border-radius:30px;font-size:.66rem;font-weight:700;}
.service-symbol{font-family:Arial,sans-serif;font-size:1.75rem;width:50px;height:50px;margin-top:17px;background:#dff9f5;color:#008b7f;}
.service-card:nth-child(2) .service-symbol{background:#ecf1ff;color:#4272ae;}
.service-card:nth-child(3) .service-symbol{background:#fff3e1;color:#ac804b;}
.service-card:nth-child(4) .service-symbol{background:#eeebff;color:#7265ab;}
.service-card h3{font-size:1.12rem;margin:15px 0 6px;}
.service-card p{font-size:.86rem;line-height:1.92;margin-bottom:17px;}
.service-more{font-size:.8rem;color:#007b74;margin-top:auto;}
.contrast-section{background:#0b3040;}
.contrast-grid{gap:75px;}
.contrast-grid h2{line-height:1.5;}.contrast-grid p{font-size:.95rem;line-height:2.1;}
.priority-panel{padding:27px;border-radius:18px;box-shadow:0 26px 60px rgba(0,9,19,.25);}
.priority-head{padding-bottom:16px;}
.priority-item{padding:19px 0 4px;}.priority-tail{margin-top:19px;padding-top:13px;border-top:1px solid #e7edef;color:#7a929b;font-size:.74rem;}
.portfolio-section{background:#fff;}.case-grid{gap:20px;}.case-card{border-radius:18px;box-shadow:0 10px 22px rgba(9,44,62,.04);overflow:hidden;}
.case-art{height:255px;position:relative;overflow:hidden;}
.case-art-1{background:radial-gradient(circle at 20% 20%,#1d7871 0%,transparent 68%),#0c2d3b;}
.case-art-2{background:radial-gradient(circle at 80% 20%,#1d6891 0%,transparent 58%),#152a51;}
.case-art-tag{font-size:.7rem;border-color:#ffffff88;background:#ffffff19;backdrop-filter:blur(8px);}
.case-art>strong{font-size:1.55rem;opacity:.94;letter-spacing:0;position:relative;z-index:1;}
.case-visual{position:absolute;top:48px;left:15%;width:58%;height:155px;transform:rotate(-6deg);}
.case-mini-screen{background:white;border-radius:11px;height:100%;padding:10px;box-shadow:0 25px 40px #00152488;}
.case-mini-nav{font:800 .85rem Arial,sans-serif;color:#12374a;display:flex;justify-content:space-between;align-items:center;}
.case-mini-nav b{color:#08a99d;}.case-mini-nav span{font:500 .5rem 'Vazirmatn Variable',sans-serif;color:#76939a;}
.case-mini-content{background:#edf7f5;border-radius:7px;padding:17px 12px;margin-top:9px;height:113px;}
.case-mini-content b{display:block;font-size:.72rem;color:#174958;}
.case-mini-content i{display:block;width:90%;height:6px;border-radius:6px;background:#c5dcd9;margin-top:8px;}.case-mini-content i.short{width:57%;}
.case-mini-content em{display:block;width:max-content;font:700 .56rem 'Vazirmatn Variable',sans-serif;color:#07333b;background:#00c6b5;padding:5px 10px;border-radius:6px;margin-top:11px;}
.case-app-ui{position:absolute;top:33px;left:24%;height:182px;width:125px;transform:rotate(-8deg);border:5px solid #1b3257;border-radius:19px;background:#f5f7fc;padding:10px;box-shadow:0 23px 30px #0007;}
.app-mini-top{font:800 .69rem Arial,sans-serif;color:#253966;display:flex;justify-content:space-between;}.app-mini-top b{color:#3da1e4;}
.app-mini-card{margin-top:12px;height:90px;border-radius:9px;background:linear-gradient(135deg,#eefaff,#afd9fa);font:800 1.3rem Arial,sans-serif;color:#23477b;padding:13px;}
.app-mini-card i{display:block;height:5px;width:50%;background:#b1ccdf;margin-top:7px;}
.app-mini-card small{font:600 .5rem 'Vazirmatn Variable',sans-serif;display:block;margin-top:8px;}
.app-mini-pills{display:flex;gap:5px;margin-top:12px;}.app-mini-pills span{height:10px;flex:1;border-radius:3px;background:#d9e3f4;}
.case-details{padding:24px 27px 28px;}
.case-type{font-size:.77rem;color:#007f79;font-weight:800;margin-bottom:5px;}
.case-details h3{font-size:1.42rem;margin:0 0 5px;}
.case-details p:not(.case-type){font-size:.87rem;line-height:2;min-height:65px;}
.section-end{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;font-size:.79rem;color:#69808a;}
.section-end .text-link{margin:0;}
.process-section{background:#f5f9fa;}.steps-grid{gap:20px;}
.steps-grid>div{background:#fff;border:1px solid #e0e9e9;border-radius:16px;padding:23px 21px 16px;}
.steps-grid span{font-size:1.35rem;color:#009b90;}.steps-grid h3{font-size:1.03rem;margin:11px 0 7px;}.steps-grid p{font-size:.83rem;line-height:2;}
.faq-section{background:white;border-top:1px solid #edf2f2;}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;}
.faq-layout h2{font-size:clamp(1.8rem,2.8vw,2.55rem);}.faq-layout>div:first-child>p:not(.kicker){max-width:330px;font-size:.95rem;}
.faq-items{border-top:1px solid #dfe9e9;}
.faq-item{border-bottom:1px solid #dfe9e9;}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-weight:750;color:#163747;font-size:.94rem;}
.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary b{flex:none;width:29px;height:29px;border-radius:50%;background:#e9f7f4;display:grid;place-items:center;color:#008b7f;font-size:1.1rem;line-height:1;}
.faq-item[open] summary b{transform:rotate(45deg);}.faq-item p{font-size:.87rem;max-width:670px;padding:0 0 22px;margin:0;line-height:2;}
.cta-section{padding:63px 0;background:#092c3e;}.cta-inner h2{line-height:1.5;}.cta-inner p{font-size:.93rem;line-height:2;}
.footer{background:#071d2b;}.footer-top{padding:54px 0;gap:55px;}.footer-title{font-size:1.5rem;}.footer h3{font-size:.95rem;}.footer-top>div:not(:first-child) a{font-size:.86rem;}
.page-hero{padding:66px 0 67px;background:radial-gradient(ellipse 460px 280px at 8% 80%,#195265,transparent 80%),#0b2a3b;}
.page-hero h1{font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.5;max-width:960px;margin:12px 0;}
.page-hero p:not(.eyebrow){font-size:.98rem;line-height:2.05;color:#c4dae1;}
.detail-card{padding:30px 33px;gap:42px;border-radius:16px;scroll-margin-top:96px;}.detail-intro h2{font-size:1.55rem;}.detail-points li{font-size:.86rem;}
.contact-card,.contact-questions{padding:31px;border-radius:16px;}.contact-questions li{font-size:.87rem;}
.article-grid{gap:17px;}.article-card{border-radius:16px;}
.article-graphic{height:126px;padding:22px 24px;}.article-graphic span{font-size:3.1rem;}.article-graphic b{font-family:inherit;}
.article-card:nth-child(2) .article-graphic{background:radial-gradient(circle at 12% 15%,#386c76,transparent 60%),#163953;}
.article-card:nth-child(3) .article-graphic{background:radial-gradient(circle at 12% 15%,#3c6e61,transparent 60%),#163b3e;}
.article-body{padding:22px;}.article-body h2{font-size:1.14rem;line-height:1.7;}
.reading{max-width:820px;margin:60px auto 85px;}.reading p{font-size:1rem;line-height:2.2;}.reading h2{font-size:1.54rem;}
.case-art-1,.case-art-2{isolation:isolate;}
@media (max-width:1100px) {
 .hero-grid{gap:21px;}.hero h1{font-size:3.1rem;}.nav-links{gap:16px;}.nav-shell{gap:20px;}
}
@media (max-width:790px) {
 html{scroll-padding-top:75px;}.container{width:min(100% - 36px,1180px);}
 .nav-shell{height:70px;}.mobile-nav{margin-right:auto;}.mobile-nav summary{font-weight:700;padding:9px 14px;min-height:44px;display:flex;gap:8px;align-items:center;}
 .mobile-nav nav{min-width:min(320px,calc(100vw - 40px));top:48px;padding:13px;box-shadow:0 16px 45px #153b4a2b;}
 .mobile-nav nav a{padding:11px 13px;min-height:44px;font-weight:600;}
 .hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:55px;padding-bottom:36px;gap:30px;}
 .hero h1{font-size:clamp(2.2rem,7vw,3.2rem);line-height:1.52;}.hero-lead{font-size:1rem;max-width:620px;}
 .hero-art{height:360px;max-width:510px;width:100%;margin:0 auto;}.product-browser{inset:24px 20px 22px 0;}.product-phone{height:192px;width:107px;}
 .hero-proof{margin-top:26px;}.section{padding:68px 0;}.section-heading{display:block;margin-bottom:27px;}.section-heading h2{margin-bottom:13px;}
 .service-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.contrast-grid{grid-template-columns:1fr;gap:28px;}.faq-layout{grid-template-columns:1fr;gap:32px;}
 .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cta-inner{display:block;}.footer-top{grid-template-columns:2fr 1fr;}.case-art{height:200px;}.case-visual{height:126px;top:45px;}.case-app-ui{height:155px;top:20px;}.product-page{padding:13px;}
}
@media (max-width:540px) {
 .container{width:calc(100% - 32px)}.brand img{width:43px;height:43px;}.brand strong{font-size:1.04rem;}.brand small{font-size:.62rem;}
 .hero-grid{padding-top:37px;gap:25px;}.hero h1{font-size:clamp(2.02rem,8.35vw,2.7rem);line-height:1.55;}
 .eyebrow{font-size:.65rem;letter-spacing:.09em;}.hero-lead{font-size:.91rem;}.hero-actions{flex-direction:column;align-items:stretch;}.hero-actions .button{width:100%;}
 .hero-proof{gap:8px 12px;}.hero-proof span{font-size:.7rem;}.hero-art{height:266px;}.product-browser{inset:22px 18px 20px 0;border-radius:11px;}.product-bar{height:24px;padding:0 8px;}.product-page{padding:9px;}.product-navigation{font-size:.5rem;}.product-navigation>span{font-size:.4rem;}.product-content{min-height:128px;gap:5px;}.product-message strong{font-size:.76rem;margin:4px 0;}.product-message small,.product-message span{font-size:.4rem;}.product-message i{font-size:.42rem;margin-top:5px;padding:4px 6px;}.product-artwork{height:102px;border-radius:8px;}.product-shape{transform:rotate(25deg) scale(.7);}.product-shape.small{transform:rotate(25deg) scale(.65);}.product-cards span{height:19px;}.product-phone{width:71px;height:140px;border-width:4px;border-radius:14px;padding:12px 6px;right:-2px;bottom:0;}.phone-top{left:25px;width:16px;height:3px;top:4px;}.phone-header{font-size:.36rem;}.phone-header span{font-size:.35rem;}.phone-poster{height:41px;margin:9px 0;}.phone-copy{height:4px;margin:5px 0;}.phone-action{height:12px;margin-top:8px;}.hero-float{font-size:.55rem;padding:5px 8px;}.hero-float.first{right:0;top:0;}.hero-float.second{bottom:4px;}.hero-foot{font-size:.69rem;}
 .section{padding:53px 0;}.section-heading h2,.contrast-grid h2,.cta-inner h2{font-size:1.7rem;}.desktop-break{display:none;}.section-intro{font-size:.88rem;}
 .service-grid,.steps-grid,.case-grid,.article-grid{grid-template-columns:1fr;gap:12px;}.service-card{min-height:0;padding:21px;}.service-symbol{margin-top:10px;width:45px;height:45px;}.service-card p{margin-bottom:15px;}
 .contrast-grid{gap:25px;}.priority-panel{padding:22px;}.case-art{height:220px;}.case-details{padding:23px;}.case-details p:not(.case-type){min-height:0;}.section-end{display:block;font-size:.77rem;}.section-end a{display:block;margin-top:8px;}
 .faq-layout h2{font-size:1.73rem;}.faq-item summary{font-size:.88rem;padding:17px 0;}.cta-section{padding:50px 0;}.footer-top{grid-template-columns:1fr;gap:20px;padding:39px 0;}.footer-bottom{display:block;}
 .page-hero{padding:47px 0;}.page-hero h1{font-size:1.85rem;}.detail-card{padding:23px;gap:17px;grid-template-columns:1fr;scroll-margin-top:76px;}.detail-points{padding:19px 0 0;border-right:0;border-top:1px solid var(--line);}.contact-card,.contact-questions{padding:23px;}.article-graphic{height:110px;}.article-body{padding:21px;}.reading{margin:42px auto 65px;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .button,.service-card,.article-card{transition:none;}}


/* WH-V004 — editorial clarity, lead journeys, responsive accessibility */
:root { --focus:#005e69; }
html { scroll-padding-top:92px; }
.site-header { isolation:isolate; }
.nav-links a, .mobile-nav nav a { text-underline-offset:5px; }
.mobile-nav nav a[aria-current="page"] { background:#e8f9f5;color:#00645e;font-weight:800;border-radius:9px; }
.mobile-nav[open] summary { background:#e8f9f5;border-color:#8bded2;color:#06483f; }
:where(a,button,summary,input,textarea,select):focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.section-heading h2 { max-width:800px; }
.service-card:focus-visible,.case-card:focus-within,.article-card:focus-visible { box-shadow:0 0 0 4px #8ee8dc; }
.article-card,.service-card,.insight-row { -webkit-tap-highlight-color:transparent; }
.insights-section { background:#fff; }
.insight-list { border-top:1px solid #d9e7e8; }
.insight-row { display:grid;grid-template-columns:72px minmax(0,1fr) 46px;gap:18px;align-items:center;padding:25px 8px;border-bottom:1px solid #d9e7e8;transition:background .18s ease; }
.insight-row:hover,.insight-row:focus-visible { background:#f0faf8; }
.insight-index { font-weight:800;font-size:1.25rem;color:#00887e;line-height:1;direction:ltr;text-align:center; }
.insight-copy { display:grid;gap:4px;min-width:0; }
.insight-tag { color:#008277;font-size:.75rem;font-weight:800; }
.insight-copy strong { color:#102f40;font-size:clamp(1.03rem,1.8vw,1.28rem);line-height:1.65;font-weight:800; }
.insight-copy small { color:#566f7b;font-size:.85rem;line-height:1.9; }
.insight-arrow { width:36px;height:36px;border-radius:50%;background:#e0f8f2;color:#007c75;display:grid;place-items:center;font-size:1.2rem; }
.insight-footer { display:flex;justify-content:flex-end;margin-top:20px; }
.insight-footer .text-link { margin:0; }
@media(max-width:790px) {
  .mobile-nav nav a[aria-current="page"] { padding:11px 13px; }
  .insight-row {grid-template-columns:46px minmax(0,1fr) 36px;gap:9px;padding:20px 4px;}
}
@media(max-width:540px) {
  .insight-copy strong {font-size:1rem;line-height:1.65;}
  .insight-copy small {font-size:.76rem;line-height:1.85;}
  .insight-index {font-size:.95rem;}
  .insight-arrow {width:30px;height:30px;}
  .insight-row {grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;}
  .hero h1 {font-size:clamp(2rem,8vw,2.55rem);}
}
@media(prefers-reduced-motion:reduce){.insight-row{transition:none;}}


/* WH-SITE-V005 — official portfolio branding; uses real, locally served brand assets */
.case-card--official{display:flex;flex-direction:column;min-width:0}
.case-art--brand{min-height:256px;height:auto;align-items:stretch;justify-content:space-between;gap:12px;padding:22px 26px 18px}
.case-art--brand.case-art-1{background:radial-gradient(circle at 45% 65%,#137f79 0%,transparent 70%),linear-gradient(145deg,#0b2735,#083e43)}
.case-art--brand.case-art-2{background:radial-gradient(circle at 52% 62%,#2467a2 0%,transparent 70%),linear-gradient(145deg,#0a1c3c,#123d65)}
.case-brand-lockup{display:flex;align-items:center;justify-content:center;gap:22px;min-height:142px;direction:ltr;flex-wrap:wrap}
.case-brand-logo{width:112px;height:112px;flex:0 0 112px;border-radius:26px;background:white;padding:10px;display:grid;place-items:center;box-shadow:0 15px 30px rgba(0,9,24,.19)}
.case-brand-logo img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:17px}
.case-brand-lockup strong{color:#fff;font-family:Arial,sans-serif;font-weight:800;font-size:clamp(1.7rem,2.6vw,2.25rem);line-height:1.2;letter-spacing:-.04em;text-align:center;overflow-wrap:anywhere}
.case-brand-overline{font:600 .83rem Arial,sans-serif;color:#d4eeef;letter-spacing:.035em;align-self:flex-end;display:block;text-align:left}
.case-card--official .case-details{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.case-card--official .case-type,.case-card--official .case-details h2,.case-card--official .case-details h3,.case-card--official .case-details p{align-self:stretch}
.case-card--official .case-details p:not(.case-type){min-height:0;margin-bottom:13px}
.case-url{display:inline-flex;direction:ltr;align-items:center;gap:9px;color:#006c77;font-family:Arial,sans-serif;letter-spacing:.01em;font-size:.94rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;padding:7px 0;overflow-wrap:anywhere}
.case-url:hover{color:#004d58}
.case-url span{font-size:1.12rem;line-height:1}
.case-card--official .case-actions{margin-top:auto;padding-top:19px;align-self:stretch}
.case-card--official .case-actions .button{white-space:normal;text-align:center;min-height:46px;padding:10px 18px}
.case-card--official .case-actions .text-link{margin:0}
.case-study-brand{display:flex;align-items:center;gap:20px;padding:23px 27px;margin-top:-25px;position:relative;background:white;border-radius:18px;border:1px solid var(--line);box-shadow:0 16px 40px #0a314015;max-width:820px}
.case-study-brand-logo{display:grid;place-items:center;flex:none;width:82px;height:82px;padding:8px;border:1px solid #d8e7e7;background:#fff;border-radius:20px}
.case-study-brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.case-study-brand>div{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.case-study-brand>div>strong{font-size:1.2rem}
.case-study-brand .button{margin-inline-start:auto}
.case-study-brand+.reading{margin-top:33px}
@media(max-width:790px){.case-art--brand{min-height:230px}.case-brand-lockup{min-height:124px}.case-brand-logo{width:90px;height:90px;flex-basis:90px;border-radius:22px}.case-brand-lockup strong{font-size:1.9rem}.case-study-brand{flex-wrap:wrap;margin-top:-18px;gap:12px;padding:18px}.case-study-brand .button{width:100%}}
@media(max-width:420px){.case-brand-lockup{gap:12px}.case-brand-logo{width:80px;height:80px;flex-basis:80px}.case-brand-lockup strong{font-size:1.5rem}.case-card--official .case-actions{align-items:stretch;flex-direction:column}.case-card--official .case-actions .text-link{align-self:flex-start}}


/* WH-SITE-V006 — full-frame project artwork, never crop user-supplied imagery */
.case-art--showcase{
  display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;
  min-height:330px;height:auto;overflow:visible;padding:18px 20px 16px;gap:14px
}
.case-art--showcase .case-art-tag{position:relative;align-self:flex-start;z-index:1}
.case-art--showcase .case-brand-overline{align-self:flex-end;text-align:end;letter-spacing:.04em}
.case-preview-frame{
  width:100%;height:clamp(205px,22vw,282px);display:flex;align-items:center;justify-content:center;
  padding:14px;background:#fff;border:1px solid rgba(255,255,255,.3);border-radius:15px;
  box-shadow:0 14px 36px rgba(0,0,0,.13);min-width:0;overflow:hidden
}
.case-preview-frame:focus-visible,.case-study-showcase-link:focus-visible{outline:3px solid #00d6b7;outline-offset:4px}
.case-preview-frame:hover{border-color:#41cbb7;box-shadow:0 15px 38px rgba(0,0,0,.20)}
.case-preview-image{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain!important;object-position:center center;border-radius:7px
}
.case-study-showcase{max-width:900px;margin:30px auto 20px;text-align:center}
.case-study-showcase-link{display:flex;align-items:center;justify-content:center;padding:18px;
 background:linear-gradient(145deg,#eaf5f3,#e4eef3);border:1px solid #d0e3e4;border-radius:18px;overflow:hidden}
.case-study-showcase-link img{display:block;width:auto;height:auto;max-width:100%;max-height:620px;object-fit:contain!important;object-position:center}
.case-study-showcase figcaption{margin-top:9px;font-size:.82rem;color:#536f78;line-height:1.9}
.case-study-showcase+.reading{margin-top:25px}
@media(max-width:790px){
  .case-art--showcase{min-height:290px;height:auto;padding:16px;gap:12px}
  .case-preview-frame{height:clamp(210px,48vw,300px);padding:11px}
  .case-study-showcase{margin-top:23px}
  .case-study-showcase-link{padding:12px}
}
@media(max-width:420px){
  .case-art--showcase{min-height:260px}
  .case-preview-frame{height:215px;padding:9px}
  .case-study-showcase-link img{max-height:480px}
}


/* WH-SITE-V007 | Dedicated cache-safe CSS URL and complete portfolio images.
   The V006 HTML was using a reused /styles.css URL, allowing stale CSS to
   clip the new artwork with the old .case-art fixed height. */
.case-card--official .case-art--showcase {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  min-height: 0;
  max-height: none;
  gap: 14px;
  padding: 20px 22px;
  overflow: visible;
}
.case-card--official .case-art--showcase .case-art-tag {
  position: relative;
  flex: none;
  align-self: flex-start;
  z-index: 1;
}
.case-card--official .case-art--showcase .case-preview-frame {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(0,0,0,.13);
}
.case-card--official .case-art--showcase .case-preview-image {
  display: block;
  width: 100%;
  height: clamp(230px, 23vw, 295px);
  max-width: 100%;
  max-height: none;
  flex: none;
  object-fit: contain !important;
  object-position: center center;
  border-radius: 8px;
}
.case-card--official .case-art--showcase .case-brand-overline {
  flex: none;
  align-self: flex-end;
  text-align: end;
}
@media (max-width: 790px) {
  .case-card--official .case-art--showcase {padding: 17px;gap: 12px}
  .case-card--official .case-art--showcase .case-preview-frame {padding: 13px}
  .case-card--official .case-art--showcase .case-preview-image {height: clamp(205px, 37vw, 285px)}
}
@media (max-width: 540px) {
  .case-card--official .case-art--showcase {padding: 14px;gap: 10px}
  .case-card--official .case-art--showcase .case-preview-frame {padding: 10px}
  .case-card--official .case-art--showcase .case-preview-image {height: min(65vw, 295px)}
}


/* WH-SITE-V008 — fully clickable portfolio cards, semantic layered links.
 * The card overlay opens its case study; explicit external-site links remain
 * above it and open the original product in a new tab. No JavaScript required.
 */
.case-card--official {
  position: relative;
  isolation: isolate;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.case-card--official:hover {
  transform: translateY(-3px);
  border-color: #87d3ca;
  box-shadow: 0 20px 46px rgba(8,49,70,.14);
}
.case-card--official .case-card-cover {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 1;
  cursor: pointer;
  border-radius: inherit;
  background: transparent;
}
.case-card--official .case-card-cover:focus-visible {
  outline: 3px solid #00ab9b;
  outline-offset: -6px;
}
.case-card--official .case-url,
.case-card--official .case-actions a {
  position: relative;
  z-index: 2;
}
.case-card--official .case-preview-frame { pointer-events: none; }
.case-card--official .case-details h2 a,
.case-card--official .case-details h3 a { text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
  .case-card--official { transition: none; }
  .case-card--official:hover { transform: none; }
}


/* WH-SITE-V009 — accessible, actual onsite request intake */
.wh-contact-hero { padding: 68px 0 74px; }
.wh-contact-hero h1 { font-size:clamp(2rem, 4vw, 3.65rem); margin:0 0 12px; }
.wh-contact-hero p:not(.eyebrow) { max-width:670px; line-height:2.2; margin:0; }
.wh-form-section { padding-top:70px; padding-bottom:100px; }
.wh-contact-grid { display:grid; grid-template-columns:minmax(0, 1.55fr) minmax(250px,.82fr); gap:32px; align-items:start; }
.wh-form-panel { border:1px solid #dce7e9; background:white; padding:clamp(22px,4vw,44px); border-radius:24px; box-shadow:0 15px 52px rgba(12,45,62,.055); min-width:0; }
.wh-form-intro h2 { font-size:clamp(1.5rem,2.5vw,2.1rem); margin-bottom:10px; }
.wh-form-intro p { margin-bottom:30px; }
.wh-lead-form { display:grid; grid-template-columns:minmax(0,1fr); gap:25px; }
.wh-field-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.wh-field { min-width:0; display:flex; flex-direction:column; gap:8px; }
.wh-field label { font-size:.92rem; font-weight:750; color:#143344; }
.wh-field label span[aria-hidden] { color:#007a70; }
.wh-optional { font-size:.72rem; color:#657b83; font-weight:400; }
.wh-field input,.wh-field select,.wh-field textarea { display:block; width:100%; background:#fff; color:#112f3c; padding:12px 14px; border:1px solid #b7cdd1; border-radius:11px; font:inherit; font-size:.92rem; line-height:1.8; outline-offset:3px; transition:border-color .16s, box-shadow .16s; }
.wh-field input,.wh-field select { min-height:50px; }
.wh-field textarea { resize:vertical; min-height:158px; }
.wh-field input:focus,.wh-field select:focus,.wh-field textarea:focus { border-color:#028e82; outline:2px solid rgba(0,158,146,.23); }
.wh-field small { line-height:1.65; font-size:.74rem; color:#576e7a; }
.wh-hidden-check { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.wh-consent { display:flex; align-items:flex-start; gap:11px; font-size:.82rem; line-height:2; color:#415764; }
.wh-consent input { margin-top:9px; width:18px; height:18px; accent-color:#007e77; flex:0 0 auto; }
.wh-consent a { color:#006d65; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.wh-submit { border:0; cursor:pointer; width:100%; font-family:inherit; font-size:1rem; min-height:57px; white-space:normal; text-align:center; line-height:1.8; }
.wh-form-note { font-size:.78rem; line-height:1.9; margin:-8px 0 0; }
.wh-contact-aside { display:grid; gap:22px; }
.wh-aside-block { padding:28px; border-radius:20px; border:1px solid #dce7e9; background:#f4f9f9; }
.wh-aside-block h2 { font-size:1.4rem; }
.wh-aside-block h3 { font-size:1.08rem; }
.wh-aside-block p { margin-bottom:0; }
.wh-steps { margin:18px 0 0; padding:0 22px 0 0; display:grid; gap:22px; }
.wh-steps li { padding-right:4px; }
.wh-steps strong,.wh-steps span { display:block; }
.wh-steps span { color:#617480; font-size:.85rem; }
.wh-contact-other { background:#092b3e; border-color:#092b3e; }
.wh-contact-other h3,.wh-contact-other a { color:white; }
.wh-contact-other p { color:#c8dbde; margin-bottom:10px; }
.wh-received-section { min-height:75vh; display:grid; place-items:center; }
.wh-success-icon { width:76px; height:76px; margin:0 auto 22px; display:grid; place-items:center; background:#e0f8f1; border-radius:50%; color:#007969; font-size:2.8rem; }
.wh-received-section h1 { font-size:clamp(2rem,4vw,3rem); }
.wh-ref-box { margin:30px auto 14px; background:white; border:1px solid #d2e5e8; padding:19px 27px; border-radius:16px; display:grid; gap:4px; max-width:390px; }
.wh-ref-box span { color:#557380; font-size:.8rem; }
.wh-ref-box strong { font-family:monospace; letter-spacing:.12em; color:#063648; font-size:1.65rem; }
.wh-ref-note { font-size:.8rem; }
.wh-received-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:28px; }
.wh-privacy h2 { margin-top:32px; font-size:1.35rem; }
.wh-privacy p { line-height:2.1; }
@media (max-width:900px) { .wh-contact-grid { grid-template-columns:1fr; } .wh-contact-aside { grid-template-columns:repeat(2,minmax(0,1fr)); } .wh-contact-other { grid-column:1 / -1; } }
@media (max-width:620px) { .wh-form-section { padding-block:42px; } .wh-form-panel { border-radius:16px; padding:22px 17px; } .wh-field-grid,.wh-contact-aside { grid-template-columns:1fr; } .wh-contact-other { grid-column:auto; } .wh-contact-hero { padding:46px 0; } .wh-field input,.wh-field select { min-height:52px; font-size:16px; } .wh-field textarea { font-size:16px; } }
@media (prefers-reduced-motion:reduce) { .wh-field input,.wh-field select,.wh-field textarea { transition:none; } }

/* WH-SITE-V011: Genuine user-supplied logos, pixels preserved, alpha transparent */
.case-card--official .case-art--showcase.case-art-1{background:radial-gradient(ellipse at 30% 20%,#fff 0%,transparent 66%),linear-gradient(145deg,#effbf1,#d9f0e9)!important}
.case-card--official .case-art--showcase.case-art-2{background:radial-gradient(ellipse at 30% 20%,#fff 0%,transparent 66%),linear-gradient(145deg,#eff7ff,#dfedfc)!important}
.case-card--official .case-art--showcase .case-preview-frame{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.case-card--official .case-art--showcase .case-preview-image{width:100%;height:clamp(250px,24vw,340px)!important;object-fit:contain!important;object-position:center;border-radius:0!important;filter:drop-shadow(0 13px 16px rgba(8,44,65,.14))}
.case-card--official .case-art--showcase .case-art-tag{color:#143c4b!important;background:rgba(255,255,255,.77)!important;border-color:rgba(10,65,84,.22)!important}
.case-card--official .case-art--showcase .case-brand-overline{color:#285263!important;font-weight:750}
.case-study-brand-logo{background:transparent;border:0;padding:0}
.case-study-brand-logo img{border-radius:0}
@media(max-width:790px){.case-card--official .case-art--showcase .case-preview-image{height:clamp(225px,42vw,300px)!important}}
@media(max-width:540px){.case-card--official .case-art--showcase .case-preview-image{height:min(72vw,315px)!important}}