:root{
  --ink:#11110f;--ink-2:#171714;--ink-3:#23231f;--paper:#fff;--cream:#f6f3ec;--soft:#f3f1ea;
  --line:#ddd9cf;--muted:#6c6a63;--orange:#ff6500;--orange-2:#ff7c00;--gold:#ffc928;--radius:28px;
  --shadow:0 28px 80px rgba(18,18,15,.12);--shadow-dark:0 34px 110px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.nav-open{overflow:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1220px,calc(100% - 44px));margin-inline:auto}.section{padding:116px 0}.section-dark{background:#0d0d0b;color:#fff}.section-soft{background:var(--soft)}.centered{text-align:center}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.topbar{background:#080807;color:#b7b7b2;border-bottom:1px solid #23231f;font-size:12px}.topbar-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center}.topbar-inner>span{display:flex;align-items:center;gap:8px}.topbar-inner>span i,.footer-badge i{width:7px;height:7px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.1)}.topbar-inner>div{display:flex;align-items:center;gap:14px}.topbar-inner b{width:1px;height:12px;background:#333}.topbar a{color:#fff;font-weight:800}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,17,15,.075);transition:.25s}.site-header.is-scrolled{box-shadow:0 12px 42px rgba(17,17,15,.07)}.header-inner{height:82px;display:grid;grid-template-columns:230px 1fr auto;gap:30px;align-items:center}.brand-logo,.custom-logo-link{display:block}.brand-logo img,.custom-logo{display:block;width:auto;height:56px;object-fit:contain}.main-nav{justify-self:center}.menu,.footer-menu{list-style:none;padding:0;margin:0}.main-nav .menu{display:flex;gap:27px;align-items:center}.main-nav a{font-weight:800;font-size:13px;letter-spacing:-.01em}.main-nav a:hover{color:#d95400}.nav-toggle{display:none;border:0;background:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 23px;border:1px solid transparent;border-radius:999px;background:linear-gradient(115deg,var(--orange),var(--gold));color:#111;font-weight:950;letter-spacing:-.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,103,0,.22)}.button-small{min-height:44px;padding:0 18px;font-size:13px}.button-outline{background:transparent;border-color:#2c2c28;box-shadow:none}.button-outline:hover{background:#111;color:#fff;box-shadow:none}.button-dark{background:#111;color:#fff}.button-light{background:#fff;color:#111}.button-ghost{background:transparent;border-color:#3a3a35;color:#fff}.button-ghost:hover{background:#fff;color:#111;box-shadow:none}.button-bright{box-shadow:0 10px 34px rgba(255,115,0,.18)}.text-link{font-weight:950;text-decoration:underline;text-decoration-color:#ff9b54;text-decoration-thickness:2px;text-underline-offset:6px}.text-link:hover{color:#cf4f00}.eyebrow{display:inline-block;margin-bottom:16px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950;color:#a94300}.eyebrow-light{color:#ffc08e}.gradient-text{background:linear-gradient(105deg,#ff6d00 8%,#ffb300 58%,#ffe174 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text-dark{background:linear-gradient(105deg,#e95500,#b58300);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Hero */
.hero-v2{position:relative;isolation:isolate;overflow:hidden;padding:104px 0 0;background:radial-gradient(circle at 80% 10%,#262015 0,#11110f 28%,#0a0a09 65%)}.hero-gridlines{position:absolute;inset:0;z-index:-3;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 0,transparent 88%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(35px);z-index:-2;opacity:.17}.hero-orb-a{width:520px;height:520px;right:7%;top:2%;background:#ff6500}.hero-orb-b{width:260px;height:260px;right:40%;bottom:3%;background:#ffd229}.hero-v2-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:74px;align-items:center;min-height:620px}.hero-v2-copy{position:relative;z-index:4}.availability-pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:7px 11px;border:1px solid #34342e;border-radius:999px;color:#c9c9c3;background:rgba(255,255,255,.035);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.availability-pill i{width:7px;height:7px;border-radius:50%;background:#66d16c;box-shadow:0 0 0 4px rgba(102,209,108,.1)}.hero-v2 h1,.page-hero h1{font-size:clamp(54px,6.25vw,91px);line-height:.92;letter-spacing:-.068em;margin:0;max-width:780px;font-weight:950}.hero-lead{max-width:650px;color:#bdbdb7;font-size:18px;line-height:1.7;margin:28px 0 30px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-microproof{display:flex;margin-top:38px;padding-top:25px;border-top:1px solid #292924;max-width:630px}.hero-microproof>span{display:flex;flex-direction:column;padding-right:29px;margin-right:29px;border-right:1px solid #30302a}.hero-microproof>span:last-child{border:0;margin:0;padding:0}.hero-microproof b{font-size:21px;line-height:1;color:#fff;letter-spacing:-.04em}.hero-microproof small{font-size:10px;color:#7e7e78;margin-top:7px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.hero-showcase{position:relative;min-height:590px}.launch-tag{position:absolute;right:4px;top:3px;z-index:8;transform:rotate(5deg);padding:9px 13px;background:#fff;color:#111;border-radius:11px;font-size:10px;font-weight:950;box-shadow:0 18px 45px rgba(0,0,0,.3);letter-spacing:.08em}.launch-tag strong{color:#e75500}.device{position:absolute;background:#1b1b18;border:1px solid #3b3b36;box-shadow:var(--shadow-dark)}.desktop-device{left:0;top:60px;width:94%;padding:10px;border-radius:26px;transform:rotate(1.25deg)}.device-bar{height:34px;border-radius:15px 15px 0 0;background:#24241f;display:flex;align-items:center;gap:6px;padding:0 11px}.device-bar i,.project-browser i{width:7px;height:7px;border-radius:50%;background:#55554e}.device-bar span{font-size:8px;color:#77776f;margin-left:6px}.demo-site{background:#f8f7f3;color:#10100e;border-radius:0 0 16px 16px;overflow:hidden}.demo-nav{height:60px;display:flex;align-items:center;padding:0 19px;gap:18px;background:#fff;border-bottom:1px solid #e6e2d9}.demo-nav>b{font-size:11px;letter-spacing:-.04em}.demo-nav>b span,.phone-brand span{color:#e55f00}.demo-nav small{font-size:7px;margin-left:auto;color:#555}.demo-nav em{font-style:normal;background:#111;color:#fff;border-radius:999px;padding:7px 9px;font-size:6px;font-weight:900}.demo-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:315px}.demo-hero>div:first-child{padding:38px 27px;background:linear-gradient(135deg,#f6eee2,#fff)}.demo-hero small{font-size:7px;color:#c94b00;font-weight:950;letter-spacing:.1em}.demo-hero h3{font-size:35px;line-height:.98;letter-spacing:-.055em;margin:12px 0 14px}.demo-hero p{font-size:10px;color:#666;max-width:270px}.demo-hero div>b{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:9px 12px;font-size:7px}.demo-photo{position:relative;margin:18px;border-radius:18px;background:linear-gradient(145deg,#f5a846,#ff6b00 50%,#7b2500);overflow:hidden}.demo-photo:before,.demo-photo:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.3);border-radius:18px}.demo-photo:before{inset:20px 25px;transform:rotate(-7deg)}.demo-photo:after{inset:50px 5px 5px 40px;transform:rotate(8deg)}.demo-photo span{position:absolute;left:24px;bottom:23px;font-size:28px;font-weight:950;color:#fff;line-height:.9;letter-spacing:-.07em}.demo-trust{height:42px;background:#111;color:#d0d0ca;display:flex;align-items:center;justify-content:space-around;font-size:7px;font-weight:800}.phone-device{right:0;bottom:5px;width:190px;height:360px;padding:20px 14px 14px;border-radius:36px;z-index:5;background:#10100e;transform:rotate(-4deg)}.phone-notch{position:absolute;top:8px;left:50%;width:62px;height:13px;border-radius:20px;background:#000;transform:translateX(-50%)}.phone-brand{font-size:8px;font-weight:950;margin-top:7px}.phone-device>small{display:block;color:#f0a270;font-size:7px;font-weight:900;letter-spacing:.1em;margin-top:26px;text-transform:uppercase}.phone-device h4{font-size:28px;line-height:.96;letter-spacing:-.055em;margin:10px 0 16px;color:#fff}.phone-image{height:112px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#ffcc58,#ff6500 45%,#492000)}.phone-device>b{display:block;text-align:center;margin-top:15px;padding:11px;border-radius:999px;background:linear-gradient(110deg,var(--orange),var(--gold));color:#111;font-size:8px}.managed-card{position:absolute;left:-13px;bottom:17px;z-index:7;display:flex;align-items:center;gap:12px;padding:15px 17px;background:#fff;color:#111;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.38);transform:rotate(2deg)}.managed-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff4df;color:#1a7e23;font-weight:950}.managed-card strong,.managed-card small{display:block}.managed-card strong{font-size:12px}.managed-card small{font-size:8px;color:#777;line-height:1.35;margin-top:2px}.included-rail{position:relative;z-index:5;margin-top:80px;min-height:92px;border-top:1px solid #292924;display:flex;align-items:center;gap:42px;color:#a1a19b}.included-rail>span{font-size:9px;font-weight:950;letter-spacing:.15em;color:#66665f;white-space:nowrap}.included-rail>div{display:flex;align-items:center;justify-content:space-between;gap:23px;width:100%;overflow:auto}.included-rail b{font-size:12px;color:#e6e6e0;white-space:nowrap}.included-rail i{width:3px;height:3px;background:#595951;border-radius:50%;flex:0 0 auto}

/* Headings */
.section-heading{max-width:750px}.section-heading.centered{margin:0 auto 58px}.section-heading.split{max-width:none;display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:52px}.section-heading h2{font-size:clamp(39px,5vw,65px);line-height:1.02;letter-spacing:-.052em;margin:0;font-weight:950}.section-heading h2 span{color:#88857d}.section-heading p{color:var(--muted);font-size:17px;line-height:1.72;margin:21px 0 0}.section-heading-light p{color:#aaa}.heading-aside{max-width:440px}.heading-aside p{color:var(--muted);margin:0 0 20px;font-size:16px;line-height:1.7}.section-dark .heading-aside p{color:#9f9f99}

/* Work showcase */
.projects-v2{background:#fff}.showcase-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}.showcase-project>a{display:block}.showcase-screen{padding:12px;background:#171714;border-radius:28px;box-shadow:0 24px 72px rgba(17,17,15,.13);transition:transform .28s ease,box-shadow .28s ease}.showcase-project:hover .showcase-screen{transform:translateY(-6px);box-shadow:0 34px 90px rgba(17,17,15,.18)}.showcase-webbs{margin-top:84px}.project-browser{height:35px;display:flex;gap:6px;align-items:center;padding:0 10px;background:#22221e;border-radius:16px 16px 0 0}.project-browser span{font-size:8px;color:#77776f;margin-left:6px}.rs-site{background:#061521;color:#fff;border-radius:0 0 17px 17px;overflow:hidden}.rs-nav{height:58px;padding:0 22px;display:flex;align-items:center;gap:16px;background:#0c1115}.rs-nav b{font-size:20px;font-style:italic;color:#58c8ff}.rs-nav span{margin-left:auto;font-size:7px;color:#ddd}.rs-nav em{font-style:normal;font-size:6px;font-weight:900;background:#65cfff;color:#061521;padding:7px 9px;border-radius:999px}.rs-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:21px;padding:37px 30px 42px}.rs-layout small{font-size:7px;color:#5bd0ff;font-weight:950;letter-spacing:.11em}.rs-layout h3{font-size:35px;line-height:.99;letter-spacing:-.05em;margin:11px 0}.rs-layout p{font-size:9px;color:#b7c1c7}.rs-layout div>b{display:inline-block;background:#56c9ff;color:#071620;border-radius:999px;padding:9px 12px;font-size:7px}.rs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rs-tiles i{border-radius:14px;background:linear-gradient(145deg,#214e63,#67cdfa)}.rs-tiles i:nth-child(2){background:linear-gradient(145deg,#4e3427,#e4a36e)}.rs-tiles i:nth-child(3){background:linear-gradient(145deg,#314b57,#9ebcca)}.rs-tiles i:nth-child(4){background:linear-gradient(145deg,#5e2618,#ff744d)}.webbs-site{position:relative;min-height:355px;background:linear-gradient(130deg,#080b0e,#151b20);color:#fff;border-radius:0 0 17px 17px;overflow:hidden}.webbs-nav{height:60px;padding:0 22px;display:flex;align-items:center;position:relative;z-index:2}.webbs-nav b{font-size:18px;color:#edbb41}.webbs-nav span{margin-left:auto;font-size:7px;color:#bbb}.webbs-layout{position:relative;z-index:3;padding:52px 28px;width:72%}.webbs-layout small{color:#e5b83e;font-size:7px;font-weight:950;letter-spacing:.12em}.webbs-layout h3{font-size:36px;line-height:.98;letter-spacing:-.052em;margin:11px 0}.webbs-layout p{color:#aaa;font-size:9px}.webbs-layout b{display:inline-block;padding:9px 12px;border-radius:999px;background:#d8aa34;color:#111;font-size:7px}.webbs-dog{position:absolute;right:-12px;bottom:-22px;display:grid;place-items:center;width:190px;height:250px;border:1px solid rgba(232,184,62,.23);border-radius:45% 42% 8% 8%;transform:rotate(8deg);font-size:70px;font-weight:950;color:rgba(232,184,62,.16);box-shadow:inset 0 0 80px rgba(226,179,53,.07)}.showcase-meta{display:flex;align-items:end;justify-content:space-between;padding:22px 4px 0}.showcase-meta span{font-size:11px;color:#87847c}.showcase-meta h3{margin:4px 0 0;font-size:21px;letter-spacing:-.03em}.project-arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:.2s}.showcase-project:hover .project-arrow{background:#111;color:#fff;border-color:#111;transform:rotate(8deg)}

/* Managed bento */
.managed-v2{overflow:hidden}.managed-intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.managed-intro-grid>.section-heading{position:sticky;top:130px}.managed-intro-grid .button{margin-top:29px}.managed-bento{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bento-card{position:relative;min-height:255px;padding:28px;border:1px solid #d8d4c9;background:#fff;border-radius:25px;overflow:hidden}.bento-large{grid-column:1 / -1;min-height:360px}.bento-dark{background:#121210;color:#fff;border-color:#121210}.bento-card>small{display:block;font-size:9px;font-weight:950;letter-spacing:.12em;color:#a0460c}.bento-dark>small{color:#ffb879}.bento-card h3{font-size:28px;letter-spacing:-.045em;line-height:1.08;margin:53px 0 10px;max-width:400px}.bento-large h3{font-size:42px;margin-top:82px}.bento-card p{color:#747169;margin:0;max-width:475px}.bento-dark p{color:#9f9f99}.bento-icon{position:absolute;right:25px;top:20px;font-size:34px;color:#ee6a0d}.wireframe{position:absolute;right:27px;bottom:27px;width:44%;height:178px;background:#f1eee6;border:1px solid #ded9ce;border-radius:18px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.wireframe i{border-radius:8px;background:#fff;border:1px solid #e2ddd1}.wireframe i:first-child{grid-column:1/-1;background:linear-gradient(110deg,#ffb347,#ff6a00)}.uptime{position:absolute;right:25px;bottom:22px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#20201d;border-radius:999px;font-size:9px}.uptime span{width:8px;height:8px;background:#6ad975;border-radius:50%;box-shadow:0 0 0 5px rgba(106,217,117,.08)}.message-chip{position:absolute;left:28px;right:28px;bottom:24px;padding:12px 14px;border-radius:14px;background:#f1eee7;color:#777;font-size:10px}.message-chip b{float:right;color:#1c7e24}.mini-phone{position:absolute;left:28px;bottom:25px;font-weight:950;font-size:14px;text-decoration:underline;text-decoration-color:#ff9b54;text-underline-offset:5px}

/* Pricing */
.pricing-v2{background:#fff}.pricing-heading{max-width:850px!important}.pricing-heading p{max-width:680px;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.price-card{position:relative;padding:32px;border:1px solid #d8d5cc;border-radius:28px;background:#fff;transition:.24s}.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.price-card.featured{background:#11110f;color:#fff;border-color:#11110f;box-shadow:0 30px 75px rgba(17,17,15,.18);transform:translateY(-8px)}.popular{position:absolute;right:22px;top:22px;padding:7px 9px;border-radius:999px;background:linear-gradient(110deg,var(--orange),var(--gold));color:#111;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:950}.plan-top{display:flex;align-items:center;gap:11px}.plan-top>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1eee7;font-size:9px;font-weight:950;color:#7c776e}.featured .plan-top>span{background:#292925;color:#b8b8b1}.price-card h3{font-size:25px;letter-spacing:-.04em;margin:0}.price-card>p{color:var(--muted);margin:15px 0 0;min-height:50px}.featured>p{color:#aaa}.price{font-size:68px;font-weight:950;letter-spacing:-.075em;line-height:1;margin:31px 0 6px}.price sup{font-size:21px;vertical-align:top;position:relative;top:10px;margin-right:4px}.price small{font-size:13px;letter-spacing:0;color:#777;font-weight:800}.featured .price small{color:#aaa}.term{font-size:10px;color:#8b8880;text-transform:uppercase;letter-spacing:.08em}.price-card ul{list-style:none;margin:27px 0;padding:25px 0;border-top:1px solid #e6e3da;min-height:205px}.featured ul{border-top-color:#2e2e29}.price-card li{display:flex;gap:9px;padding:7px 0;font-size:13px}.price-card li i{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:#f2ede4;color:#bd4b00;font-style:normal;font-size:9px;font-weight:950}.featured li i{background:#2b2b27;color:#ffbd52}.price-card .button{width:100%}.featured .button{background:linear-gradient(115deg,var(--orange),var(--gold));color:#111}.pricing-note{margin-top:23px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:17px 21px;border:1px solid #e1ddd4;border-radius:18px;background:#faf9f5}.pricing-note span{font-weight:950;font-size:13px}.pricing-note p{margin:0;color:#77736b;font-size:13px}.pricing-note a{font-weight:950;font-size:12px}

/* Why monthly */
.why-monthly-v2{padding:104px 0;background:#10100e}.why-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px;align-items:center}.comparison-card{border:1px solid #33332e;border-radius:26px;overflow:hidden;background:#171714}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #30302b}.comparison-row:last-child{border-bottom:0}.comparison-row>*{padding:20px 22px}.comparison-row>span{color:#8f8f89;border-right:1px solid #30302b;font-size:13px}.comparison-row>strong{color:#f0f0eb;font-size:13px}.comparison-head{background:#20201c}.comparison-head span,.comparison-head strong{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.cross,.tick{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;font-style:normal;margin-right:8px}.cross{background:#2c2220;color:#e8745d}.tick{background:#253126;color:#72d37a}

/* Process */
.process-v2{background:#fff}.process-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px}.process-node{position:relative;padding:0 25px 0 0;min-height:270px}.process-node>b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#111;color:#fff;font-size:12px;position:relative;z-index:2}.process-node:first-child>b{background:linear-gradient(115deg,var(--orange),var(--gold));color:#111}.node-line{position:absolute;top:23px;left:48px;right:0;height:1px;background:#d7d3c9}.process-node:last-child .node-line{display:none}.process-node h3{font-size:22px;line-height:1.1;letter-spacing:-.035em;margin:50px 0 12px}.process-node p{margin:0;color:#77736b;font-size:14px;line-height:1.65;max-width:245px}

/* Industries */
.industries-v2-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.industry-cloud{display:grid;grid-template-columns:1fr 1fr;gap:12px}.industry-cloud a{min-height:105px;padding:20px;border:1px solid #d9d5ca;border-radius:20px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:end;font-weight:900;line-height:1.2;transition:.22s}.industry-cloud a:hover{transform:translateY(-4px);border-color:#ffa35f;box-shadow:0 15px 40px rgba(17,17,15,.07)}.industry-cloud span{font-size:9px;color:#9b978e;align-self:start}.industry-cloud b{font-size:18px}.industries-v2 .section-heading{position:sticky;top:130px}

/* Reviews */
.reviews-v2{background:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.review-card{padding:29px;border:1px solid #dedad0;border-radius:24px;background:#fff}.review-card .stars,.stars{color:#f39b00;letter-spacing:.07em}.review-card p{font-size:16px;min-height:150px}.review-card strong,.review-card span{display:block}.review-card span{font-size:11px;color:var(--muted);margin-top:4px}

/* Company */
.company-v2{padding-top:0;background:#fff}.company-card{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:55px;border-radius:34px;background:linear-gradient(120deg,#f8f4e9,#f2eee4);border:1px solid #ded8ca}.company-copy h2{font-size:clamp(38px,4.6vw,61px);line-height:1.02;letter-spacing:-.052em;margin:0}.company-copy p{max-width:610px;color:#6f6b62;font-size:17px;line-height:1.7}.company-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:29px}.company-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.company-facts>div{padding:21px;border-radius:19px;background:#fff;border:1px solid #e3ded3;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.company-facts small{font-size:9px;color:#969188;letter-spacing:.11em;font-weight:950}.company-facts strong{font-size:18px;line-height:1.15;letter-spacing:-.025em}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:95px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:950;font-size:18px;padding:24px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-5px 0 25px;color:var(--muted);max-width:650px}

/* Footer CTA */
.final-cta-v2{position:relative;overflow:hidden;padding:68px 0;background:linear-gradient(110deg,#ff5d00 0,#ff8b00 48%,#ffd13b 100%)}.final-cta-v2:after{content:"WEB";position:absolute;right:-35px;bottom:-87px;font-size:210px;font-weight:950;line-height:1;color:rgba(255,255,255,.13);letter-spacing:-.08em}.final-cta-v2-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}.final-cta-v2 .eyebrow{color:#5d2500;margin-bottom:8px}.final-cta-v2 h2{font-size:48px;line-height:.98;letter-spacing:-.052em;margin:0}.final-cta-v2 h2 span{color:rgba(65,28,0,.6)}.final-cta-v2 p{max-width:500px;margin:0 0 22px;color:#5d2c07;font-weight:650}.final-actions{display:flex;align-items:center;gap:20px}.final-phone{font-weight:950;text-decoration:underline;text-underline-offset:5px}.site-footer{padding:74px 0 27px;background:#0b0b0a;color:#aaa}.footer-grid{display:grid;grid-template-columns:1.45fr .65fr .65fr 1fr;gap:56px}.footer-brand .brand-logo img,.footer-brand .custom-logo{height:64px}.footer-brand p{max-width:370px;color:#8d8d87}.footer-badge{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:8px 11px;border:1px solid #2a2a26;border-radius:999px;font-size:10px;color:#b8b8b2}.site-footer h3{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin-bottom:18px}.footer-menu li{margin:9px 0}.site-footer a:hover{color:#fff}.footer-address{max-width:300px;font-size:12px;color:#7e7e78}.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #252521;margin-top:52px;padding-top:23px;font-size:11px;color:#70706a}.mobile-dock{display:none}

/* Generic pages */
.page-hero{padding:105px 0;background:#10100e;color:#fff}.page-hero p,.archive-desc{max-width:680px;color:#aaa;font-size:18px}.content-shell{max-width:880px}.entry-content{font-size:17px;line-height:1.75}.entry-content h2,.entry-content h3{line-height:1.1;letter-spacing:-.04em}.entry-content h2{font-size:39px}.entry-content h3{font-size:28px}.entry-content a{text-decoration:underline;text-decoration-color:#ff9b54;text-underline-offset:4px}.single-featured{border-radius:26px;margin-bottom:36px}.post-card{padding:27px 0;border-bottom:1px solid var(--line)}.post-card h2{margin:0}.post-card h2 a:hover{color:#ce5000}.page-404{min-height:65vh;display:grid;place-items:center}.wp-enquiry-form{max-width:850px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff}.wp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wp-enquiry-form label{font-size:13px;font-weight:850}.wp-enquiry-form input,.wp-enquiry-form textarea,.wp-enquiry-form select{display:block;width:100%;margin-top:7px;border:1px solid #d8d4ca;border-radius:13px;padding:13px 14px;background:#fff}.wp-enquiry-form textarea{resize:vertical}.hp-field{position:absolute;left:-9999px}.wp-form-success{padding:15px 18px;background:#eaf7eb;color:#236329;border-radius:13px;margin-bottom:18px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff}.project-image{aspect-ratio:1.35;overflow:hidden;background:#eeeae0}.project-image img{width:100%;height:100%;object-fit:cover}.project-placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#ffc43c,#ff6700)}.project-placeholder span{font-size:58px;font-weight:950}.project-meta{display:flex;justify-content:space-between;align-items:end;padding:19px}.project-meta span{font-size:11px;color:var(--muted)}.project-meta h3{font-size:18px;margin:4px 0 0}

/* Motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}

@media (max-width:1050px){
  .header-inner{grid-template-columns:190px 1fr auto}.main-nav .menu{gap:17px}.hero-v2-grid{gap:38px;grid-template-columns:1fr 1fr}.hero-showcase{min-height:525px}.phone-device{width:165px;height:325px}.managed-intro-grid{gap:45px}.why-grid,.industries-v2-grid,.faq-grid{gap:50px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}.showcase-grid{grid-template-columns:1fr}.showcase-webbs{margin-top:25px}.company-card{gap:40px}.footer-grid{grid-template-columns:1.2fr .7fr .7fr 1fr;gap:30px}.review-grid{grid-template-columns:1fr}}

@media (max-width:790px){
  .topbar{display:none}.shell{width:min(100% - 28px,1220px)}.section{padding:78px 0}.header-inner{height:72px;grid-template-columns:1fr auto}.brand-logo img,.custom-logo{height:46px}.header-cta{display:none}.nav-toggle{display:grid;width:44px;height:44px;align-content:center;gap:5px;padding:10px}.nav-toggle span:not(.sr-only){display:block;height:2px;background:#111}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:16px 20px 28px;border-top:1px solid #eee;box-shadow:0 24px 55px rgba(0,0,0,.13)}.main-nav.is-open{display:block}.main-nav .menu{display:block}.main-nav li{border-bottom:1px solid #eee}.main-nav a{display:block;padding:14px 0;font-size:16px}.hero-v2{padding-top:64px}.hero-v2-grid{grid-template-columns:1fr;min-height:0}.hero-v2 h1,.page-hero h1{font-size:clamp(52px,15vw,78px)}.hero-lead{font-size:16px}.hero-showcase{min-height:470px;margin-top:10px}.desktop-device{width:95%;top:30px}.phone-device{right:0;bottom:5px;width:145px;height:286px;border-radius:28px;padding:18px 11px 12px}.phone-device h4{font-size:23px}.phone-image{height:82px}.managed-card{left:-2px;bottom:5px}.demo-hero h3{font-size:28px}.included-rail{margin-top:52px;display:block;padding:22px 0}.included-rail>div{margin-top:12px}.section-heading.split{display:block}.heading-aside{margin-top:20px}.showcase-screen{padding:8px;border-radius:20px}.rs-layout{padding:25px 18px;grid-template-columns:1fr}.rs-tiles{height:160px}.rs-layout h3,.webbs-layout h3{font-size:29px}.webbs-layout{width:85%;padding:40px 20px}.webbs-dog{width:145px;height:200px;font-size:50px}.managed-intro-grid,.why-grid,.industries-v2-grid,.company-card,.final-cta-v2-inner,.faq-grid{grid-template-columns:1fr}.managed-intro-grid>.section-heading,.industries-v2 .section-heading{position:static}.managed-bento{grid-template-columns:1fr}.bento-large{grid-column:auto;min-height:390px}.wireframe{width:78%;height:150px}.pricing-grid{grid-template-columns:1fr}.price-card ul{min-height:0}.pricing-note{grid-template-columns:1fr}.process-track{grid-template-columns:1fr}.process-node{display:grid;grid-template-columns:50px 1fr;column-gap:20px;min-height:0;padding:0 0 35px}.process-node>b{grid-row:1/4}.node-line{top:48px;bottom:0;left:24px;right:auto;width:1px;height:auto}.process-node h3{margin:4px 0 8px}.process-node p{max-width:none}.industry-cloud{grid-template-columns:1fr}.company-card{padding:31px 23px}.company-facts{grid-template-columns:1fr 1fr}.final-cta-v2{padding:55px 0}.final-cta-v2 h2{font-size:40px}.final-cta-v2 p{margin-top:10px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.mobile-dock{position:fixed;z-index:95;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1.35fr;border-radius:999px;overflow:hidden;background:#111;box-shadow:0 12px 40px rgba(0,0,0,.28)}.mobile-dock a{display:grid;place-items:center;min-height:52px;color:#fff;font-weight:950;font-size:13px}.mobile-dock a:last-child{background:linear-gradient(110deg,var(--orange),var(--gold));color:#111}.site-footer{padding-bottom:92px}.wp-form-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}}

@media (max-width:510px){
  .hero-microproof>span{padding-right:16px;margin-right:16px}.hero-microproof b{font-size:18px}.hero-microproof small{font-size:8px}.hero-showcase{min-height:405px}.desktop-device{width:100%}.phone-device{width:122px;height:244px}.phone-device>small{margin-top:18px}.phone-device h4{font-size:19px}.phone-image{height:65px}.managed-card{padding:10px 12px}.managed-card>span{width:28px;height:28px}.managed-card strong{font-size:10px}.managed-card small{font-size:7px}.demo-nav small{display:none}.demo-hero{grid-template-columns:1.3fr .7fr;min-height:250px}.demo-hero>div:first-child{padding:27px 17px}.demo-hero h3{font-size:24px}.demo-photo{margin:10px}.included-rail{margin-top:35px}.company-facts{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.final-actions{display:block}.final-phone{display:inline-block;margin-top:17px}}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
/* Dynamic portfolio fallbacks */
.project-live-shot{background:#0f0f0d;border-radius:0 0 17px 17px;overflow:hidden;aspect-ratio:1.42}.project-live-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.generated-project{position:relative;min-height:355px;color:#fff;border-radius:0 0 17px 17px;overflow:hidden;background:linear-gradient(135deg,#081621,#13314a)}.generated-project-2{background:linear-gradient(135deg,#0b0d10,#1e2428)}.generated-nav{height:58px;padding:0 22px;display:flex;align-items:center;position:relative;z-index:3;border-bottom:1px solid rgba(255,255,255,.08)}.generated-nav b{font-size:18px;color:#5bd0ff}.generated-project-2 .generated-nav b{color:#e7bb45}.generated-nav span{margin-left:auto;font-size:7px;color:#aaa}.generated-nav em{font-style:normal;margin-left:14px;padding:7px 9px;border-radius:999px;background:#fff;color:#111;font-size:6px;font-weight:950}.generated-body{position:relative;z-index:3;padding:46px 28px;width:70%}.generated-body small{font-size:7px;letter-spacing:.12em;font-weight:950;color:#5bd0ff}.generated-project-2 .generated-body small{color:#e7bb45}.generated-body h3{font-size:36px;line-height:.98;letter-spacing:-.052em;margin:11px 0}.generated-body p{font-size:9px;color:#b7c1c7;max-width:390px}.generated-body>b{display:inline-block;padding:9px 12px;border-radius:999px;background:#5bd0ff;color:#071620;font-size:7px}.generated-project-2 .generated-body>b{background:#e7bb45;color:#111}.generated-art{position:absolute;right:-5px;bottom:-16px;width:180px;height:230px;border:1px solid rgba(91,208,255,.24);border-radius:48% 44% 8% 8%;transform:rotate(7deg);display:grid;place-items:center}.generated-project-2 .generated-art{border-color:rgba(231,187,69,.25)}.generated-art span{font-size:82px;font-weight:950;color:rgba(91,208,255,.12)}.generated-project-2 .generated-art span{color:rgba(231,187,69,.13)}
@media(max-width:790px){.generated-body{width:84%;padding:38px 20px}.generated-body h3{font-size:29px}.generated-art{width:140px;height:190px}.generated-nav span{display:none}}
/* Inner page system */
.package-hero,.seo-page-hero,.start-hero{background:radial-gradient(circle at 80% 20%,#332012 0,#11110f 34%,#0b0b09 72%)}.inner-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.inner-hero-grid .hero-actions{margin-top:28px}.inner-hero-card{justify-self:end;min-width:300px;padding:35px;border:1px solid #3a3932;border-radius:28px;background:#171714;box-shadow:var(--shadow-dark)}.inner-hero-card small{display:block;font-size:9px;letter-spacing:.14em;color:#aaa;font-weight:950}.inner-hero-card strong{display:inline-block;font-size:92px;line-height:1;letter-spacing:-.08em;margin-top:18px;background:linear-gradient(110deg,var(--orange),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.inner-hero-card>span{font-weight:900;color:#aaa}.inner-hero-card p{font-size:13px;color:#888;margin-top:20px}.inner-check-card{justify-self:end;width:min(100%,390px);padding:29px;border:1px solid #33332e;border-radius:25px;background:#171714}.inner-check-card small{display:block;margin-bottom:18px;font-size:9px;letter-spacing:.13em;color:#ffb575;font-weight:950}.inner-check-card span{display:block;padding:11px 0;border-bottom:1px solid #2e2e29;color:#ddd;font-weight:800}.inner-check-card span:last-child{border:0}.inner-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inner-feature-grid article{padding:27px;border:1px solid #ddd9cf;border-radius:22px;background:#fff;min-height:205px}.inner-feature-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0e4;color:#c84d00}.inner-feature-grid h3{font-size:23px;letter-spacing:-.04em;margin:35px 0 8px}.inner-feature-grid p{margin:0;color:#77736b;font-size:14px}.split-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:start}.long-copy{font-size:18px;color:#66635d;line-height:1.78}.long-copy p:first-child{margin-top:0}.long-copy .button{margin-top:15px}.portfolio-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid var(--line)}.portfolio-intro span{font-size:10px;font-weight:950;letter-spacing:.14em;color:#9e450d}.portfolio-intro p{margin:0;color:#77736b;font-size:13px;max-width:600px}.seo-rank-card{justify-self:end;width:min(100%,470px);padding:23px;border:1px solid #33332e;border-radius:26px;background:#171714;box-shadow:var(--shadow-dark)}.seo-rank-card .search-box{color:#111}.rank-result{margin-top:13px;padding:24px;border-radius:18px;background:#fff;color:#111}.rank-result small{font-size:9px;color:#ce5100;font-weight:950;letter-spacing:.1em}.rank-result strong{display:block;font-size:24px;letter-spacing:-.035em;margin:7px 0}.rank-result p{color:#666;font-size:13px;margin-bottom:0}.process-track-large{grid-template-columns:repeat(3,1fr);row-gap:50px}.process-track-large .process-node:nth-child(3) .node-line,.process-track-large .process-node:nth-child(6) .node-line{display:none}.form-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}.form-layout>div:first-child{position:sticky;top:130px}.form-layout h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:0}.form-layout>div:first-child>p{color:#77736b}.contact-stack{display:grid;gap:12px;position:static!important}.contact-stack>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.contact-stack small{display:block;font-size:9px;letter-spacing:.13em;font-weight:950;color:#a34810;margin-bottom:6px}.contact-stack a{font-size:20px;font-weight:950}.contact-stack p{margin:0!important}.taxonomy-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.taxonomy-card-grid article{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;min-height:280px}.taxonomy-card-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff0e3;color:#bf4a00;font-weight:950}.taxonomy-card-grid h2{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:48px 0 10px}.taxonomy-card-grid p{color:#77736b;font-size:14px}.portfolio-detail-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;align-items:start}.portfolio-shot{border-radius:26px;overflow:hidden;background:#171714;box-shadow:var(--shadow)}.portfolio-shot img{display:block;width:100%;height:auto}.portfolio-shot.project-placeholder{aspect-ratio:1.45}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;top:130px}.project-facts div{min-height:115px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.project-facts small{font-size:9px;color:#99948b;letter-spacing:.12em;font-weight:950}.project-facts strong{font-size:16px;line-height:1.2}.about-company-card{align-items:start}
@media(max-width:900px){.inner-hero-grid,.split-content,.form-layout,.portfolio-detail-grid{grid-template-columns:1fr}.inner-hero-card,.inner-check-card,.seo-rank-card{justify-self:start}.inner-feature-grid,.taxonomy-card-grid{grid-template-columns:repeat(2,1fr)}.form-layout>div:first-child,.project-facts{position:static}.process-track-large{grid-template-columns:1fr}.process-track-large .process-node .node-line{display:block}.process-track-large .process-node:last-child .node-line{display:none}.portfolio-detail-grid{gap:35px}}
@media(max-width:620px){.inner-feature-grid,.taxonomy-card-grid{grid-template-columns:1fr}.inner-hero-card{min-width:0;width:100%}.inner-hero-card strong{font-size:74px}.portfolio-intro{display:block}.portfolio-intro p{margin-top:8px}.project-facts{grid-template-columns:1fr 1fr}}

/* =========================
   V4 homepage + portfolio
   ========================= */
.hero-v4{position:relative;isolation:isolate;overflow:hidden;padding:102px 0 0;background:radial-gradient(circle at 78% 12%,#2f2113 0,#12120f 30%,#090908 68%)}
.hero-v4-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center;min-height:650px}.hero-v4-copy{position:relative;z-index:5}.hero-v4 h1{font-size:clamp(55px,6.25vw,92px);line-height:.91;letter-spacing:-.068em;margin:0;max-width:780px;font-weight:950}.hero-v4-showcase{position:relative;min-height:600px}.hero-client-device{position:absolute;left:0;top:54px;width:94%;padding:10px;border:1px solid #3b3b36;border-radius:27px;background:#191916;box-shadow:var(--shadow-dark);transform:rotate(1deg);overflow:hidden;transition:.3s ease}.hero-client-device:hover{transform:rotate(.2deg) translateY(-4px)}.hero-device-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#24241f;border-radius:16px 16px 0 0}.hero-device-bar i{width:7px;height:7px;border-radius:50%;background:#55554e}.hero-device-bar span{font-size:8px;color:#7d7d75;margin-left:6px}.hero-device-bar b{margin-left:auto;font-size:7px;letter-spacing:.12em;color:#f6b277}.hero-client-desktop{height:435px;overflow:hidden;border-radius:0 0 17px 17px;background:#0d0d0b}.hero-client-desktop img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.hero-client-phone{position:absolute;right:-4px;bottom:8px;width:178px;height:350px;padding:10px;border-radius:34px;background:#10100e;border:1px solid #34342f;box-shadow:0 28px 75px rgba(0,0,0,.45);z-index:6;transform:rotate(-4deg);overflow:hidden;transition:.3s ease}.hero-client-phone:hover{transform:rotate(-2deg) translateY(-5px)}.hero-client-phone img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:25px}.hero-phone-notch{position:absolute;left:50%;top:13px;z-index:2;transform:translateX(-50%);width:64px;height:13px;border-radius:20px;background:#050505;box-shadow:0 0 0 2px rgba(255,255,255,.03)}.hero-project-label{position:absolute;left:-16px;bottom:14px;z-index:7;width:230px;padding:15px 17px;border-radius:17px;background:#fff;color:#111;box-shadow:0 22px 65px rgba(0,0,0,.36);transform:rotate(1.2deg)}.hero-project-label small,.hero-project-label strong,.hero-project-label span{display:block}.hero-project-label small{font-size:8px;letter-spacing:.14em;color:#bd4b00;font-weight:950}.hero-project-label strong{font-size:15px;line-height:1.15;margin-top:4px}.hero-project-label span{font-size:9px;color:#7a776f;margin-top:4px}.managed-card-v4{left:auto;right:145px;bottom:-27px;transform:rotate(-1deg)}
.trust-rail-v4{position:relative;z-index:5;margin-top:74px;min-height:94px;border-top:1px solid #292924;display:flex;align-items:center;gap:42px;color:#a1a19b}.trust-rail-v4>span{font-size:9px;font-weight:950;letter-spacing:.15em;color:#66665f;white-space:nowrap}.trust-rail-v4>div{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;overflow:auto;scrollbar-width:none}.trust-rail-v4>div::-webkit-scrollbar{display:none}.trust-rail-v4 b{font-size:12px;color:#eeeae3;white-space:nowrap}.trust-rail-v4 i{width:3px;height:3px;background:#5b5b53;border-radius:50%;flex:0 0 auto}

.projects-v4{background:#fff}.home-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 28px;align-items:start}.home-project-card:nth-child(even){margin-top:64px}.home-project-card>a{display:block}.home-project-visual{position:relative;padding:12px;background:#171714;border-radius:29px;box-shadow:0 25px 72px rgba(17,17,15,.13);transition:transform .28s ease,box-shadow .28s ease}.home-project-card:hover .home-project-visual{transform:translateY(-7px);box-shadow:0 36px 96px rgba(17,17,15,.18)}.home-project-desktop{aspect-ratio:1.48;overflow:hidden;border-radius:0 0 18px 18px;background:#0e0e0c}.home-project-desktop img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .55s ease}.home-project-card:hover .home-project-desktop img{transform:scale(1.018)}.home-project-phone{position:absolute;right:18px;bottom:18px;width:23%;height:64%;padding:6px;border-radius:20px;background:#0c0c0b;border:1px solid #383833;box-shadow:0 18px 42px rgba(0,0,0,.38);overflow:hidden;transform:rotate(2.5deg);transition:.3s ease}.home-project-card:hover .home-project-phone{transform:rotate(1deg) translateY(-4px)}.home-project-phone>span{position:absolute;z-index:2;left:50%;top:8px;transform:translateX(-50%);width:34%;height:8px;border-radius:10px;background:#060606}.home-project-phone img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:14px}.case-study-pill{position:absolute;left:24px;bottom:24px;z-index:4;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 8px 22px rgba(0,0,0,.13);font-size:10px;font-weight:950;opacity:0;transform:translateY(8px);transition:.24s ease}.home-project-card:hover .case-study-pill{opacity:1;transform:none}.home-project-meta{display:flex;align-items:end;justify-content:space-between;padding:20px 4px 0}.home-project-meta span{font-size:11px;color:#87847c}.home-project-meta h3{margin:4px 0 0;font-size:23px;letter-spacing:-.035em}.home-project-card:hover .project-arrow{background:#111;color:#fff;border-color:#111;transform:rotate(8deg)}

.benefit-strip-v4{padding:0 0 104px;background:#fff}.benefit-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:25px;overflow:hidden}.benefit-strip-grid article{padding:25px 24px;border-right:1px solid var(--line);min-height:185px}.benefit-strip-grid article:last-child{border-right:0}.benefit-strip-grid span{font-size:9px;color:#b24a0b;letter-spacing:.13em;font-weight:950}.benefit-strip-grid strong{display:block;font-size:18px;line-height:1.15;letter-spacing:-.03em;margin:30px 0 8px}.benefit-strip-grid p{font-size:12px;color:#77736b;margin:0;line-height:1.55}

.pricing-v4{background:#fff}.plan-comparison{margin-top:34px;padding:30px;border:1px solid var(--line);border-radius:25px;background:#fbfaf7}.comparison-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.comparison-title .eyebrow{margin-bottom:4px}.comparison-title h3{font-size:31px;letter-spacing:-.045em;margin:0}.plan-table-wrap{overflow:auto;border-radius:17px;border:1px solid #e1ddd3;background:#fff}.plan-table{width:100%;border-collapse:collapse;min-width:680px}.plan-table th,.plan-table td{padding:15px 18px;border-bottom:1px solid #ebe7de;text-align:center;font-size:13px}.plan-table th:first-child,.plan-table td:first-child{text-align:left;font-weight:800}.plan-table th{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.plan-table tr:last-child td{border-bottom:0}.plan-highlight{background:#fff7e6}.plan-table td:not(:first-child){font-weight:950;font-size:16px}

.process-v4{background:radial-gradient(circle at 80% 10%,#2b1d10 0,#11110f 35%,#090908 78%)}.process-v4 .heading-aside p{color:#aeadA6}.process-track-v4{margin-top:30px}.process-v4 .process-node h3{color:#fff}.process-v4 .process-node p{color:#8e8e87}.process-v4 .process-node>b{border-color:#4d3a27;color:#f7b36e}.process-v4 .node-line{background:#39342d}.ongoing-care-v4{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-top:50px;padding:27px 30px;border:1px solid #37342e;border-radius:24px;background:rgba(255,255,255,.045)}.ongoing-care-v4>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(115deg,var(--orange),var(--gold));color:#111;font-size:36px;font-weight:950}.ongoing-care-v4 small{display:block;font-size:8px;letter-spacing:.15em;color:#d59761;font-weight:950}.ongoing-care-v4 strong{display:block;font-size:24px;letter-spacing:-.035em;color:#fff;margin-top:2px}.ongoing-care-v4 p{margin:4px 0 0;color:#999991;font-size:13px;max-width:670px}

.industries-v4{background:#f4f1ea}.reviews-v4{background:#fff}.rating-line strong{color:#111}.company-v4{background:#fff}.company-v4-card{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;padding:62px;border-radius:32px;background:#f3f1ea;overflow:hidden}.company-v4-kicker{position:absolute;right:-22px;top:26px;font-size:70px;line-height:1;font-weight:950;letter-spacing:-.07em;color:rgba(17,17,15,.035);white-space:nowrap}.company-v4-card .company-copy{position:relative;z-index:2}.company-v4-card .company-copy h2{font-size:clamp(43px,4.7vw,66px);line-height:.95;letter-spacing:-.058em;margin:0}.company-v4-card .company-copy p{max-width:650px;color:#6e6b64;font-size:16px}.company-v4-card .company-facts{align-self:end;position:relative;z-index:2}

/* Our Work V4 */
.portfolio-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}.portfolio-filter{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900;cursor:pointer}.portfolio-filter:hover,.portfolio-filter.is-active{background:#111;color:#fff;border-color:#111}.portfolio-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 26px}.portfolio-project-card.is-hidden{display:none}.portfolio-project-card>a{display:block}.portfolio-project-card .home-project-visual{border-radius:25px}.portfolio-project-card .home-project-meta{padding-top:17px}.portfolio-project-card .home-project-meta h3{font-size:22px}

/* Case study V4 */
.case-hero{padding-bottom:86px}.case-hero-topline{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.case-chip{display:inline-flex;padding:7px 10px;border:1px solid #3a3831;border-radius:999px;color:#bbb7af;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.case-hero h1{max-width:900px}.case-lead{max-width:760px}.case-study-stage{position:relative;padding:12px;background:#161613;border-radius:30px;box-shadow:var(--shadow)}.case-study-stage .project-browser{height:39px}.case-study-desktop{overflow:hidden;border-radius:0 0 18px 18px;background:#0d0d0b}.case-study-desktop img{display:block;width:100%;height:auto}.case-study-mobile{position:absolute;right:28px;bottom:-55px;width:21%;height:60%;padding:7px;border-radius:28px;background:#0b0b0a;box-shadow:0 22px 55px rgba(0,0,0,.35);overflow:hidden;border:1px solid #33332f}.case-study-mobile:before{content:"";position:absolute;left:50%;top:10px;z-index:2;width:35%;height:9px;transform:translateX(-50%);border-radius:10px;background:#050505}.case-study-mobile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:20px}.case-summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.case-copy h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:0 0 18px}.case-copy p{font-size:17px;color:#706d66}.case-result{margin-top:28px;padding:24px;border-left:4px solid #ff7200;border-radius:0 16px 16px 0;background:#fff6ed}.case-result small{display:block;font-size:9px;font-weight:950;letter-spacing:.13em;color:#b34800}.case-result strong{display:block;font-size:21px;line-height:1.3;margin-top:6px}.case-service-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.case-service-list span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:850}.case-facts-v4{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-facts-v4 div{min-height:115px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.case-facts-v4 small{font-size:9px;color:#99948b;letter-spacing:.12em;font-weight:950}.case-facts-v4 strong{font-size:16px;line-height:1.2}.next-project-v4{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff}.next-project-v4 small{display:block;font-size:9px;letter-spacing:.14em;color:#a2460e;font-weight:950}.next-project-v4 h3{font-size:30px;letter-spacing:-.04em;margin:3px 0 0}.next-project-v4 .project-arrow{flex:0 0 auto}

@media(max-width:1050px){.hero-v4-grid{grid-template-columns:1fr;gap:20px}.hero-v4-showcase{min-height:585px;max-width:780px;width:100%;margin-inline:auto}.hero-v4-copy{max-width:800px}.benefit-strip-grid{grid-template-columns:repeat(2,1fr)}.benefit-strip-grid article:nth-child(2){border-right:0}.benefit-strip-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.company-v4-card{grid-template-columns:1fr;gap:34px}.managed-card-v4{right:150px}}
@media(max-width:790px){.hero-v4{padding-top:70px}.hero-v4 h1{font-size:clamp(50px,13vw,72px)}.hero-v4-showcase{min-height:470px}.hero-client-device{width:100%;top:45px}.hero-client-desktop{height:350px}.hero-client-phone{width:135px;height:275px;right:4px}.hero-project-label{left:6px;bottom:8px;width:205px}.managed-card-v4{display:none}.trust-rail-v4{margin-top:35px;display:block;padding:24px 0}.trust-rail-v4>span{display:block;margin-bottom:12px}.home-project-grid,.portfolio-project-grid{grid-template-columns:1fr;gap:46px}.home-project-card:nth-child(even){margin-top:0}.benefit-strip-grid{grid-template-columns:1fr}.benefit-strip-grid article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:0}.benefit-strip-grid article:last-child{border-bottom:0!important}.comparison-title{align-items:flex-start;display:block}.comparison-title .text-link{display:inline-block;margin-top:12px}.ongoing-care-v4{grid-template-columns:auto 1fr}.ongoing-care-v4 .button{grid-column:1/-1}.company-v4-card{padding:38px 26px}.company-v4-kicker{font-size:48px}.case-summary-grid{grid-template-columns:1fr;gap:35px}.case-study-mobile{right:15px;bottom:-40px;width:28%;height:54%}.case-copy h2{font-size:40px}}
@media(max-width:520px){.hero-v4-showcase{min-height:385px}.hero-client-desktop{height:270px}.hero-client-phone{width:102px;height:210px;bottom:5px}.hero-project-label{bottom:-16px;width:190px}.home-project-phone{width:26%;height:60%;right:12px;bottom:12px}.case-study-pill{opacity:1;transform:none;left:18px;bottom:18px}.ongoing-care-v4{grid-template-columns:1fr}.ongoing-care-v4>span{width:50px;height:50px}.case-study-mobile{width:34%;height:46%;bottom:-32px;right:10px}.case-facts-v4{grid-template-columns:1fr}.next-project-v4 h3{font-size:24px}}


/* =========================
   V4.1 visual polish
   ========================= */
@media(min-width:791px){
  .header-inner{grid-template-columns:250px 1fr auto}
  .brand-logo img,.custom-logo{height:64px}
}
.hero-v4{padding-top:82px}
.hero-v4-grid{min-height:610px;gap:62px}
.hero-kickers{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.hero-kickers .availability-pill,.hero-kickers .eyebrow{margin-bottom:0}
.hero-v4 h1{font-size:clamp(55px,5.9vw,86px);line-height:.92}
.hero-lead{font-size:18px;line-height:1.66;margin:24px 0 26px}
.hero-proofline{display:flex;align-items:center;gap:8px;margin-top:18px;color:#aaa9a3;font-size:12px;font-weight:750}
.hero-proofline span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(101,209,108,.13);color:#72da7a;font-size:11px}
.hero-microproof{margin-top:28px;padding-top:22px}
.hero-v4-showcase{min-height:555px}
.hero-client-device{top:40px}
.hero-client-desktop{height:405px}
.hero-client-phone{width:166px;height:326px;bottom:14px}
.hero-project-label{bottom:10px}
.managed-card-v4{bottom:-10px}
.trust-rail-v4{margin-top:48px;min-height:82px}

.projects-v4.section{padding:94px 0 72px}
.projects-v4 .section-heading.split{margin-bottom:42px}
.home-project-grid{gap:48px 28px}
.home-project-card:nth-child(even){margin-top:42px}
.home-project-meta{padding-top:17px}
.home-project-meta h3{font-size:24px}
.project-meta-action{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.project-meta-action small{font-size:10px;font-weight:900;color:#68665f;transition:.2s}
.home-project-card:hover .project-meta-action small{color:#111}
.case-study-pill{opacity:.92;transform:none;background:rgba(255,255,255,.9)}
.home-project-card:hover .case-study-pill{opacity:1}

.benefit-strip-v4{padding:0 0 76px}
.benefit-strip-grid article{padding:22px 23px;min-height:150px}
.benefit-strip-grid strong{font-size:18px;margin:19px 0 7px}
.benefit-strip-grid p{font-size:13px;line-height:1.5}

.managed-v2.section{padding:96px 0}
.managed-intro-grid{gap:64px;align-items:center}
.managed-intro-grid>.section-heading{top:118px}
.managed-intro-grid .section-heading p{font-size:17px;line-height:1.65}
.managed-bento{gap:13px}
.bento-card{min-height:220px;padding:26px}
.bento-large{min-height:315px}
.bento-card h3{margin-top:42px}
.bento-large h3{font-size:40px;margin-top:61px}
.wireframe{height:150px}

.pricing-v4.section{padding:100px 0}
.pricing-heading{max-width:900px}
.pricing-heading h2 span{color:#8d8a82}
.pricing-heading p{max-width:700px;margin-inline:auto}
.plan-comparison{margin-top:28px}
.pricing-note{margin-top:18px}

.process-v4.section,.industries-v4.section,.company-v4.section,.faq-section.section{padding:100px 0}
.company-v4-card{padding:54px}
.final-cta-v2{padding:60px 0}

@media(max-width:1050px){
  .hero-v4{padding-top:74px}
  .hero-v4-showcase{min-height:540px}
  .hero-client-desktop{height:390px}
  .home-project-card:nth-child(even){margin-top:28px}
}
@media(max-width:790px){
  .projects-v4.section,.managed-v2.section,.pricing-v4.section,.process-v4.section,.industries-v4.section,.company-v4.section,.faq-section.section{padding:72px 0}
  .hero-v4{padding-top:56px}
  .hero-v4-grid{gap:30px}
  .hero-kickers{gap:8px;margin-bottom:18px}
  .hero-kickers .eyebrow{display:block;width:100%;margin-top:2px}
  .hero-proofline{font-size:11px}
  .hero-v4-showcase{min-height:445px}
  .hero-client-desktop{height:330px}
  .benefit-strip-v4{padding-bottom:62px}
  .benefit-strip-grid article{padding:20px;min-height:0}
  .benefit-strip-grid strong{margin-top:14px}
  .project-meta-action small{display:none}
  .managed-intro-grid{gap:38px}
  .bento-card,.bento-large{min-height:240px}
  .bento-large h3{margin-top:44px;font-size:34px}
}
@media(max-width:520px){
  .hero-v4 h1{font-size:clamp(48px,14vw,64px)}
  .hero-v4-showcase{min-height:365px}
  .hero-client-desktop{height:255px}
  .hero-client-phone{width:98px;height:198px}
  .hero-project-label{bottom:-11px}
  .home-project-grid{gap:40px}
  .case-study-pill{left:16px;bottom:16px}
  .company-v4-card{padding:32px 22px}
}

/* =========================
   V4.2 RELEASE CANDIDATE
   Final visual polish + internal page system
   ========================= */

/* Header refinement */
.topbar-inner{min-height:32px}
.header-inner{height:78px}
.main-nav .menu{gap:25px}
.main-nav a{font-weight:720;color:#1a1a18}
.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:#c84d00}
.header-cta{padding-inline:17px}
@media(min-width:791px){
  .header-inner{grid-template-columns:255px 1fr auto}
  .brand-logo img,.custom-logo{height:68px}
}

/* Homepage rhythm */
.hero-v4{padding-top:68px}
.hero-v4-grid{min-height:560px;gap:56px}
.hero-v4 h1{font-size:clamp(54px,5.7vw,82px);line-height:.915}
.hero-lead{max-width:625px;font-size:18px;line-height:1.62;margin:22px 0 24px;color:#c5c4be}
.hero-proofline{margin-top:16px}
.hero-microproof{margin-top:24px;padding-top:20px}
.hero-v4-showcase{min-height:515px}
.hero-client-device{top:26px;width:96%}
.hero-client-desktop{height:382px}
.hero-client-phone{width:154px;height:300px;right:-2px;bottom:18px}
.hero-project-label{left:-4px;bottom:6px;padding:13px 15px;width:210px}
.managed-card-v4{right:118px;bottom:-4px;transform:rotate(-1deg)}
.trust-rail-v4{margin-top:34px;min-height:76px}

.projects-v4.section{padding:86px 0 54px}
.projects-v4 .section-heading.split{margin-bottom:38px}
.home-project-grid{gap:38px 30px}
.home-project-card:nth-child(even){margin-top:20px}
.home-project-visual{box-shadow:0 22px 60px rgba(17,17,15,.09)}
.home-project-card:hover .home-project-visual{box-shadow:0 28px 72px rgba(17,17,15,.14)}
.home-project-meta{padding-top:15px}
.home-project-meta h3{font-size:23px}
.case-study-pill{left:18px;bottom:18px;padding:9px 12px;font-size:10px;backdrop-filter:blur(10px)}
.project-meta-action small{font-size:10px}

/* Reviews are strongest directly after the portfolio */
.reviews-v42{padding:80px 0 86px;background:#fbfaf7;border-top:1px solid #eeeae1;border-bottom:1px solid #eeeae1}
.reviews-v42 .section-heading.split{margin-bottom:34px}
.reviews-v42 .review-grid{gap:14px}
.reviews-v42 .review-card{position:relative;min-height:285px;padding:27px 27px 25px;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(17,17,15,.045)}
.reviews-v42 .review-card:before{content:'“';position:absolute;right:22px;top:8px;font-size:64px;line-height:1;color:#f1ede4;font-weight:950}
.reviews-v42 .review-card .stars{font-size:13px}
.reviews-v42 .review-card p{min-height:125px;font-size:15px;line-height:1.65;color:#4f4d47}

/* Four reasons: cards, not a spreadsheet row */
.benefit-strip-v4{padding:60px 0 78px;background:#fff}
.benefit-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:0;border-radius:0;overflow:visible}
.benefit-strip-grid article{min-height:180px;padding:20px;border:1px solid #e2ded4;border-radius:20px;background:linear-gradient(155deg,#fff 0,#fbfaf6 100%);box-shadow:0 12px 35px rgba(17,17,15,.035)}
.benefit-strip-grid article:last-child{border-right:1px solid #e2ded4}
.benefit-top{display:flex;justify-content:space-between;align-items:flex-start}
.benefit-top small{font-size:9px;color:#a9a39a;font-weight:950;letter-spacing:.12em}
.benefit-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff2e6;color:#c74c00}
.benefit-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-strip-grid strong{font-size:18px;margin:24px 0 8px;line-height:1.12}
.benefit-strip-grid p{font-size:13px;line-height:1.55;color:#716e66}

/* Managed service bento: compact 2 x 2 */
.managed-v2.section{padding:90px 0}
.managed-intro-grid{grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}
.managed-intro-grid>.section-heading{position:sticky;top:105px}
.managed-bento{grid-template-columns:1.12fr .88fr;grid-template-rows:repeat(2,minmax(255px,auto));gap:12px}
.bento-card,.bento-large{grid-column:auto;min-height:255px;padding:24px;border-radius:22px}
.bento-card h3,.bento-large h3{font-size:27px;margin:38px 0 9px;line-height:1.03}
.bento-card p{font-size:14px;line-height:1.55}
.bento-design{padding-right:46%;min-height:255px}
.bento-design h3{font-size:31px;max-width:330px;margin-top:36px}
.bento-design p{max-width:330px}
.site-blueprint{position:absolute;right:18px;bottom:18px;width:42%;height:180px;padding:10px;border:1px solid #dcd7cc;border-radius:15px;background:#f3f0e8;box-shadow:0 15px 35px rgba(17,17,15,.06)}
.blueprint-bar{height:26px;display:flex;align-items:center;gap:4px;padding:0 6px;border-radius:7px;background:#191916;color:#fff}
.blueprint-bar i{width:4px;height:4px;border-radius:50%;background:#5d5d57}
.blueprint-bar b{margin-left:auto;font-size:5px;letter-spacing:.08em;color:#ffb465}
.blueprint-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:6px;height:72px;margin-top:7px}
.blueprint-hero span{border-radius:7px;background:linear-gradient(135deg,#ff6b00,#ffb817)}
.blueprint-hero strong{border-radius:7px;background:#fff;border:1px solid #dfdbd0}
.blueprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}
.blueprint-grid i{height:33px;border-radius:6px;background:#fff;border:1px solid #dfdbd0}
.site-blueprint em{position:absolute;left:10px;bottom:4px;font-size:5px;font-style:normal;font-weight:900;letter-spacing:.04em;color:#8b4b1a}
.uptime,.message-chip,.mini-phone{bottom:20px}

/* Pricing */
.pricing-v4.section{padding:92px 0}
.pricing-heading{margin-bottom:46px!important}
.price-card{padding:28px;border-radius:25px}
.price-card>p{min-height:42px;margin-top:13px}
.plan-best-for{display:inline-flex;margin-top:14px;padding:7px 9px;border-radius:999px;background:#f5f2ea;color:#5e5b54;font-size:9px;font-weight:900;line-height:1.25}
.price-card.featured .plan-best-for{background:#262622;color:#d4d1c9}
.price{margin:24px 0 5px;font-size:64px}
.price-card ul{min-height:170px;margin:23px 0;padding:21px 0}
.price-card li{padding:6px 0}
.package-compare-link{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:25px;padding:24px 26px;border:1px solid #dfdbd1;border-radius:20px;background:#faf9f5}
.package-compare-link .eyebrow{margin-bottom:3px}
.package-compare-link h3{font-size:25px;line-height:1.05;letter-spacing:-.04em;margin:0}
.package-compare-link p{margin:7px 0 0;color:#77736b;font-size:13px}
.package-compare-link .button{flex:0 0 auto;min-height:48px}
.pricing-note{margin-top:12px}
.package-page-comparison{margin-top:0}
.package-detail-section{padding-top:94px;padding-bottom:94px}

/* Process */
.process-v4.section{padding:92px 0}
.process-track-v4{margin-top:24px}
.process-v4 .process-node>b{width:50px;height:50px;background:linear-gradient(135deg,rgba(255,100,0,.18),rgba(255,196,48,.08));border:1px solid #6f4926;color:#ffc17b}
.process-v4 .process-node:first-child>b{background:linear-gradient(115deg,var(--orange),var(--gold));color:#111;border-color:transparent}
.process-v4 .node-line{top:25px;left:50px;height:2px;background:linear-gradient(90deg,#8f5b2d,#39342d)}
.process-v4 .process-node h3{margin-top:42px}
.ongoing-care-v4{margin-top:38px;background:linear-gradient(105deg,rgba(255,255,255,.055),rgba(255,136,0,.035))}

/* Industries: fewer, cleaner cards */
.industries-v4.section{padding:92px 0}
.industry-cloud{gap:10px}
.industry-cloud a{min-height:96px;padding:18px;border-radius:18px}
.industry-cloud a:nth-child(1),.industry-cloud a:nth-child(4){background:#fff8ef}

/* Company + FAQs */
.company-v4.section,.faq-section.section{padding:92px 0}
.company-v4-card{padding:50px;border:1px solid #e3dfd5}
.faq-list details{border-radius:16px}

/* Stronger finishing CTA + simpler footer */
.final-cta-v2{padding:66px 0}
.final-cta-v2 h2{font-size:52px}
.final-cta-v2 p{font-size:15px;line-height:1.65}
.final-phone{font-size:14px}
.site-footer{padding-top:64px}
.footer-grid{gap:48px}
.footer-menu li{margin:8px 0}

/* Internal page hero system */
.page-hero{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(circle at 80% 20%,#2a1b0e 0,#11110f 36%,#090908 76%)}
.page-hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.page-hero>.shell{position:relative;z-index:2}
.page-hero h1{font-size:clamp(54px,5.8vw,84px)}
.page-hero p{font-size:18px;line-height:1.65}
.inner-hero-grid{gap:68px;align-items:center}
.inner-check-card,.inner-hero-card,.seo-rank-card{position:relative;z-index:2;border-color:#3c3933;background:rgba(27,27,24,.88);backdrop-filter:blur(10px)}

/* Real client visual on Website Design */
.inner-project-showcase{position:relative;display:block;width:min(100%,520px);justify-self:end;padding:9px;border:1px solid #363632;border-radius:24px;background:#181816;box-shadow:var(--shadow-dark);transform:rotate(1deg)}
.inner-project-showcase .project-browser{height:33px;border-radius:14px 14px 0 0}
.inner-project-desktop{height:340px;overflow:hidden;border-radius:0 0 15px 15px;background:#090908}
.inner-project-desktop img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.inner-project-phone{position:absolute;right:-12px;bottom:-22px;width:118px;height:235px;padding:5px;border-radius:25px;background:#090908;box-shadow:0 22px 55px rgba(0,0,0,.5);border:1px solid #373733;overflow:hidden}
.inner-project-phone>span{position:absolute;top:8px;left:50%;z-index:2;transform:translateX(-50%);width:42px;height:7px;border-radius:8px;background:#050505}
.inner-project-phone img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:19px}
.inner-project-showcase>em{position:absolute;left:17px;bottom:16px;z-index:3;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:#111;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.05em}

/* About */
.about-hero-proof{justify-self:end;width:min(100%,470px);padding:28px;border:1px solid #3b3832;border-radius:26px;background:rgba(24,24,21,.88);box-shadow:var(--shadow-dark)}
.about-hero-proof>small{font-size:9px;letter-spacing:.15em;color:#ffb578;font-weight:950}
.about-hero-proof>strong{display:block;margin:20px 0 25px;font-size:36px;line-height:1;letter-spacing:-.05em}
.about-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.about-proof-grid span{min-height:92px;padding:14px;border:1px solid #34342f;border-radius:14px;background:#11110f;display:flex;flex-direction:column;justify-content:flex-end}
.about-proof-grid b{font-size:18px;color:#fff}
.about-proof-grid em{font-size:8px;font-style:normal;color:#898983;margin-top:4px;text-transform:uppercase;letter-spacing:.07em}

/* How it works hero */
.process-hero-visual{justify-self:end;width:min(100%,500px);padding:24px;border:1px solid #3a3731;border-radius:26px;background:rgba(24,24,21,.9);box-shadow:var(--shadow-dark)}
.process-hero-visual>div{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:13px}
.process-hero-visual b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:linear-gradient(115deg,var(--orange),var(--gold));color:#111;font-size:10px}
.process-hero-visual span{font-size:16px;font-weight:900}
.process-hero-visual>i{display:block;width:1px;height:22px;margin:3px 0 3px 22px;background:#4d4439}
.process-hero-visual em{display:block;margin-top:16px;padding:12px 14px;border-radius:12px;background:#23231f;color:#f2b170;font-size:10px;font-style:normal;font-weight:900;text-align:center}
.process-track-large{row-gap:38px}

/* Our Work hero */
.work-hero-proof{justify-self:end;width:min(100%,390px);padding:27px;border:1px solid #3b3832;border-radius:25px;background:#171714;box-shadow:var(--shadow-dark)}
.work-hero-proof>small{font-size:9px;letter-spacing:.14em;color:#ffb475;font-weight:950}
.work-hero-proof>strong{display:block;font-size:88px;line-height:.9;letter-spacing:-.08em;margin-top:18px;background:linear-gradient(115deg,#ff7000,#ffc52f);-webkit-background-clip:text;background-clip:text;color:transparent}
.work-hero-proof>span{display:block;color:#aaa59b;font-size:12px;margin-bottom:22px}
.work-hero-proof>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #302f2b;font-size:11px;font-weight:800;color:#d7d4cd}
.work-hero-proof i{width:7px;height:7px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.08)}

/* Contact + Start forms */
.contact-hero-card{justify-self:end;width:min(100%,470px);padding:28px;border:1px solid #3c3933;border-radius:26px;background:#171714;box-shadow:var(--shadow-dark)}
.contact-live{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;color:#bbb8b0;font-weight:950}
.contact-live i{width:7px;height:7px;border-radius:50%;background:#65d26d;box-shadow:0 0 0 4px rgba(101,210,109,.09)}
.contact-hero-card h2{font-size:38px;line-height:1;letter-spacing:-.05em;margin:25px 0 12px}
.contact-hero-card>p{font-size:14px;color:#96928a;margin-bottom:25px}
.contact-hero-card>div{padding:12px 0;border-top:1px solid #302f2b}
.contact-hero-card small{display:block;color:#817e77;font-size:8px;letter-spacing:.12em;font-weight:950}
.contact-hero-card a{font-size:17px;font-weight:900;color:#fff}
.form-layout-v42{grid-template-columns:.65fr 1.35fr;gap:42px}
.contact-form-section,.start-form-section{background:#f7f5ef}
.contact-stack{gap:10px}
.contact-stack>div{padding:20px;border-radius:17px;background:#fff}
.contact-stack>div>p{font-size:12px;color:#77736b;margin-top:7px!important}
.conversion-form-card{padding:30px;border:1px solid #dedad0;border-radius:28px;background:#fff;box-shadow:0 22px 65px rgba(17,17,15,.07)}
.form-card-head{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #ebe7de}
.form-card-head .eyebrow{margin-bottom:8px}
.form-card-head h2{font-size:38px;letter-spacing:-.045em;line-height:1;margin:0}
.form-card-head p{font-size:13px;color:#77736b;margin:10px 0 0;max-width:620px}
.conversion-form-card .wp-enquiry-form{max-width:none;padding:0;border:0;border-radius:0;background:transparent}
.start-check-card span{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px}
.start-check-card span b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#292925;color:#ffb76f;font-size:8px}
.start-check-card em{display:block;margin-top:16px;padding:11px;border-radius:11px;background:#20201d;color:#a6a39c;font-size:10px;font-style:normal;text-align:center}
.start-reassurance{position:sticky;top:110px}
.start-reassurance h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:0}
.start-reassurance p{color:#77736b;font-size:16px}
.start-reassurance ul{list-style:none;padding:0;margin:24px 0 0}
.start-reassurance li{padding:9px 0;border-bottom:1px solid #e1ddd4;font-size:13px;font-weight:800}

/* Core form field polish */
.wp-form-grid{gap:13px}
.wp-enquiry-form label{font-size:12px;color:#292824}
.wp-enquiry-form input,.wp-enquiry-form textarea,.wp-enquiry-form select{min-height:49px;margin-top:6px;border-color:#d9d5ca;border-radius:12px;background:#fbfaf7;transition:border-color .2s,box-shadow .2s,background .2s}
.wp-enquiry-form textarea{min-height:130px}
.wp-enquiry-form input:focus,.wp-enquiry-form textarea:focus,.wp-enquiry-form select:focus{outline:0;border-color:#ef8b42;background:#fff;box-shadow:0 0 0 3px rgba(239,139,66,.12)}

/* Internal features */
.inner-feature-grid article{min-height:190px;padding:24px;border-radius:20px}
.inner-feature-grid h3{margin-top:29px}
.company-card{padding:48px;border-radius:28px}
.portfolio-project-grid{gap:44px 26px}
.portfolio-project-card .home-project-visual{box-shadow:0 20px 55px rgba(17,17,15,.08)}

/* Responsive release pass */
@media(max-width:1050px){
  .header-inner{grid-template-columns:205px 1fr auto;gap:18px}
  .main-nav .menu{gap:15px}
  .main-nav a{font-size:12px}
  .hero-v4-grid{gap:32px}
  .hero-v4-showcase{min-height:500px}
  .home-project-card:nth-child(even){margin-top:12px}
  .benefit-strip-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-strip-grid article{border:1px solid #e2ded4!important}
  .managed-intro-grid{grid-template-columns:1fr;gap:40px}
  .managed-intro-grid>.section-heading{position:static;max-width:760px}
  .managed-bento{max-width:none}
  .inner-hero-grid{gap:38px}
}

@media(max-width:790px){
  .header-inner{height:70px}
  .brand-logo img,.custom-logo{height:50px}
  .main-nav{top:70px}
  .hero-v4{padding-top:50px}
  .hero-v4-grid{min-height:0;gap:22px}
  .hero-v4 h1{font-size:clamp(47px,13.5vw,67px)}
  .hero-lead{font-size:16px;line-height:1.58}
  .hero-actions .button{min-height:50px}
  .hero-microproof{justify-content:space-between;gap:10px}
  .hero-microproof>span{padding-right:15px;margin-right:15px}
  .hero-v4-showcase{min-height:420px}
  .hero-client-device{top:30px}
  .hero-client-desktop{height:310px}
  .hero-client-phone{width:120px;height:238px}
  .hero-project-label{bottom:-4px}
  .trust-rail-v4{margin-top:28px}
  .projects-v4.section{padding:68px 0 48px}
  .home-project-grid{gap:38px}
  .home-project-card:nth-child(even){margin-top:0}
  .home-project-meta h3{font-size:21px}
  .reviews-v42{padding:66px 0}
  .benefit-strip-v4{padding:50px 0 62px}
  .benefit-strip-grid{grid-template-columns:1fr 1fr;gap:10px}
  .benefit-strip-grid article{min-height:170px;padding:18px}
  .managed-v2.section,.pricing-v4.section,.process-v4.section,.industries-v4.section,.company-v4.section,.faq-section.section{padding:70px 0}
  .managed-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .bento-card,.bento-large{min-height:235px}
  .bento-design{grid-column:1/-1;padding-right:46%;min-height:260px}
  .package-compare-link{align-items:flex-start;flex-direction:column;padding:21px}
  .package-compare-link .button{width:100%}
  .process-v4 .process-node h3{margin-top:0}
  .ongoing-care-v4{margin-top:25px}
  .industries-v2-grid{grid-template-columns:1fr;gap:35px}
  .industries-v2 .section-heading{position:static}
  .industry-cloud{grid-template-columns:1fr 1fr}
  .company-v4-card{padding:34px 25px}
  .final-cta-v2-inner{gap:30px}
  .final-cta-v2 h2{font-size:43px}
  .page-hero{padding:68px 0}
  .page-hero h1{font-size:clamp(48px,13vw,70px)}
  .inner-hero-grid{grid-template-columns:1fr}
  .inner-project-showcase,.about-hero-proof,.process-hero-visual,.work-hero-proof,.contact-hero-card{justify-self:start;width:100%;max-width:580px}
  .inner-project-desktop{height:320px}
  .form-layout-v42{grid-template-columns:1fr}
  .start-reassurance{position:static}
  .conversion-form-card{padding:24px}
}

@media(max-width:620px){
  .section-heading h2{font-size:clamp(37px,11vw,50px)}
  .section-heading p,.heading-aside p{font-size:15px}
  .hero-v4-showcase{min-height:350px}
  .hero-client-desktop{height:245px}
  .hero-client-phone{width:92px;height:185px;right:0}
  .hero-project-label{width:180px;padding:11px 12px}
  .hero-project-label strong{font-size:11px}
  .hero-microproof b{font-size:18px}
  .hero-microproof small{font-size:8px}
  .benefit-strip-grid{grid-template-columns:1fr}
  .benefit-strip-grid article{min-height:0}
  .managed-bento{grid-template-columns:1fr}
  .bento-design{grid-column:auto;padding-right:24px;padding-bottom:178px;min-height:410px}
  .site-blueprint{left:18px;right:18px;width:auto;height:145px}
  .bento-card,.bento-large{min-height:220px}
  .price-card{padding:24px}
  .price{font-size:58px}
  .industry-cloud{grid-template-columns:1fr}
  .industry-cloud a{min-height:84px}
  .company-v4-card{padding:30px 21px}
  .final-actions{align-items:stretch;flex-direction:column}
  .final-actions .button{width:100%}
  .final-phone{text-align:center;padding:10px 0}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-top:8px}
  .inner-project-desktop{height:250px}
  .inner-project-phone{width:92px;height:185px;right:-5px}
  .about-proof-grid{grid-template-columns:1fr 1fr}
  .about-hero-proof>strong{font-size:30px}
  .process-hero-visual{padding:20px}
  .work-hero-proof>strong{font-size:72px}
  .wp-form-grid{grid-template-columns:1fr}
  .conversion-form-card{padding:20px}
  .form-card-head h2{font-size:32px}
  .contact-hero-card h2{font-size:32px}
  .plan-table-wrap{display:none}
  .package-page-comparison .plan-table-wrap{display:block;overflow-x:auto}
}

@media(max-width:420px){
  .shell{width:min(100% - 24px,1220px)}
  .hero-v4 h1{font-size:46px}
  .hero-v4-showcase{min-height:315px}
  .hero-client-desktop{height:215px}
  .hero-client-phone{width:82px;height:165px}
  .hero-project-label{bottom:-10px;width:165px}
  .hero-microproof>span{padding-right:10px;margin-right:10px}
  .project-meta-action{display:none}
  .about-proof-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}

.package-mobile-compare{display:none}
@media(max-width:620px){
  .package-page-comparison .plan-table-wrap{display:none}
  .package-mobile-compare{display:grid;gap:10px}
  .package-mobile-compare article{position:relative;padding:20px;border:1px solid #ded9cf;border-radius:18px;background:#fff}
  .package-mobile-compare article.is-popular{background:#111;color:#fff;border-color:#111}
  .package-mobile-compare em{position:absolute;right:14px;top:14px;padding:5px 7px;border-radius:999px;background:linear-gradient(115deg,var(--orange),var(--gold));color:#111;font-size:7px;font-style:normal;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
  .package-mobile-compare span{display:block;font-size:18px;font-weight:950}
  .package-mobile-compare strong{display:block;margin-top:6px;font-size:31px;letter-spacing:-.05em}
  .package-mobile-compare ul{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px solid #e8e4da}
  .package-mobile-compare .is-popular ul{border-top-color:#2f2f2b}
  .package-mobile-compare li{padding:5px 0;font-size:12px;color:#6d6962}
  .package-mobile-compare .is-popular li{color:#c4c1b9}
}
.wp-form-submit{display:flex;align-items:center;gap:18px;margin-top:18px}.wp-form-submit small{max-width:430px;color:#858179;font-size:10px;line-height:1.45}.wp-form-submit small a{text-decoration:underline;text-underline-offset:3px}@media(max-width:620px){.wp-form-submit{align-items:stretch;flex-direction:column}.wp-form-submit .button{width:100%}}

/* v3.2.1 mobile hero overflow hotfix */
html,body{max-width:100%;overflow-x:hidden}
.hero-v4-grid,.hero-v4-copy,.hero-v4 h1{min-width:0;max-width:100%}

@media(max-width:620px){
  .hero-v4{overflow:hidden}
  .hero-v4-copy{width:100%;padding-inline:0}
  .hero-v4 h1{font-size:clamp(40px,11.7vw,52px);line-height:.94;letter-spacing:-.055em;max-width:100%}
  .hero-v4 h1 .gradient-text{display:inline;max-width:100%}
  .hero-desktop-break{display:none}
  .hero-lead{max-width:100%}
  .hero-actions{width:100%}
  .hero-actions .button{max-width:100%}
}

@media(max-width:380px){
  .shell{width:min(100% - 28px,1220px)}
  .hero-v4 h1{font-size:clamp(38px,11.5vw,44px);letter-spacing:-.05em}
  .hero-kickers .availability-pill{font-size:9px;letter-spacing:.055em}
  .hero-v4-showcase{min-height:300px}
}


/* v3.2.2 desktop/intermediate viewport hero hotfix
   Keeps the full desktop composition above 1180px, but prevents the two-column
   hero and forced line breaks from becoming cramped at laptop widths or browser zoom. */
.hero-v4-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.hero-v4-copy{min-width:0;overflow:visible}
.hero-v4 h1{width:100%;max-width:100%;overflow:visible}

@media (max-width:1180px) and (min-width:791px){
  .hero-v4-grid{grid-template-columns:1fr;gap:28px;min-height:0}
  .hero-v4-copy{max-width:820px;width:100%;margin-inline:auto}
  .hero-v4 h1{font-size:clamp(58px,7.7vw,82px);line-height:.93;letter-spacing:-.06em}
  .hero-desktop-break{display:none}
  .hero-lead{max-width:690px}
  .hero-v4-showcase{width:min(100%,820px);max-width:820px;min-height:520px;margin:4px auto 0}
  .hero-client-device{width:94%;left:3%}
  .hero-project-label{left:2%}
}

@media (max-width:900px) and (min-width:791px){
  .hero-v4 h1{font-size:clamp(56px,8.4vw,74px)}
  .hero-v4-showcase{min-height:485px}
  .hero-client-desktop{height:345px}
  .hero-client-phone{width:132px;height:260px}
}

/* =========================
   v3.2.3 RELEASE CANDIDATE 2
   Whole-site visual finish — public website only
   ========================= */

/* Global refinement: clearer hierarchy and more deliberate surfaces */
body{background:#fff;color:#11110f}
.section{position:relative}
.section-soft{background:#f7f5ef}
.section-heading h2{max-width:920px}
.section-heading p{max-width:680px;color:#6e6a63}
.section-heading.centered p{margin-inline:auto}

/* Header: calm, premium, and release-safe while the portal remains a later phase */
.site-header{border-bottom-color:rgba(17,17,15,.065)}
.header-inner{height:76px}
.main-nav a{position:relative;padding:28px 0 27px}
.main-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:20px;height:2px;background:linear-gradient(90deg,var(--orange),var(--gold));transition:right .2s ease}
.main-nav a:hover:after,.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{right:0}
.topbar{font-size:11px}

/* Internal pages should feel as authored as the homepage, without competing with it */
.page-hero{padding:82px 0 86px}
.page-hero .inner-hero-grid>div:first-child{max-width:760px}
.page-hero .eyebrow{margin-bottom:18px}
.page-hero h1{font-size:clamp(52px,5.35vw,80px);line-height:.93;letter-spacing:-.064em;text-wrap:balance}
.page-hero p{max-width:670px;margin-top:23px;color:#c3c1bb;font-size:17px;line-height:1.68}
.page-hero .hero-actions{margin-top:27px}
.page-hero:before{content:'';position:absolute;width:440px;height:440px;right:4%;top:-190px;border-radius:50%;background:rgba(255,111,0,.12);filter:blur(65px);pointer-events:none}

.inner-hero-card,.inner-check-card,.seo-rank-card,.about-hero-proof,.process-hero-visual,.work-hero-proof,.contact-hero-card,.inner-project-showcase{box-shadow:0 28px 70px rgba(0,0,0,.26)}
.inner-hero-card:before,.inner-check-card:before,.seo-rank-card:before,.about-hero-proof:before,.process-hero-visual:before,.work-hero-proof:before,.contact-hero-card:before{content:'';position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff9d4f,transparent);opacity:.75}

/* Body content: stronger editorial rhythm */
.split-content{gap:76px}
.split-content>.section-heading{max-width:530px}
.split-content .long-copy{max-width:780px;font-size:17px;line-height:1.78}
.split-content .long-copy p{margin-bottom:18px}
.inner-feature-grid{gap:16px}
.inner-feature-grid article{position:relative;overflow:hidden;min-height:194px;padding:25px;border-color:#e1ddd3;box-shadow:0 12px 36px rgba(17,17,15,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.inner-feature-grid article:after{content:'';position:absolute;width:90px;height:90px;right:-40px;top:-40px;border-radius:50%;background:#fff5e9;opacity:0;transition:opacity .2s ease}
.inner-feature-grid article:hover{transform:translateY(-3px);border-color:#d9cbb9;box-shadow:0 19px 46px rgba(17,17,15,.065)}
.inner-feature-grid article:hover:after{opacity:1}
.inner-feature-grid article>b{position:relative;z-index:2;width:38px;height:38px}
.inner-feature-grid h3{position:relative;z-index:2;margin:31px 0 8px;font-size:22px}
.inner-feature-grid p{position:relative;z-index:2;font-size:13.5px;line-height:1.58}

/* Portfolio and case studies: screenshots remain the visual proof */
.portfolio-intro{margin-bottom:26px}
.portfolio-filter-bar{margin-bottom:30px}
.portfolio-filter{transition:all .18s ease}
.portfolio-project-grid{gap:40px 28px}
.portfolio-project-card .home-project-visual{border:1px solid #e1ddd4;transition:transform .22s ease,box-shadow .22s ease}
.portfolio-project-card:hover .home-project-visual{transform:translateY(-4px);box-shadow:0 28px 68px rgba(17,17,15,.13)}
.portfolio-project-card .case-study-pill{opacity:1;transform:none}
.case-study-stage{border-radius:30px;box-shadow:0 30px 80px rgba(17,17,15,.12)}
.case-summary-grid{gap:62px}
.case-facts-v4{border-radius:24px;overflow:hidden;box-shadow:0 14px 42px rgba(17,17,15,.05)}
.case-facts-v4>div{background:#fff}

/* About/company proof */
.about-company-card,.company-card{border:1px solid #e1ddd3;background:#fff;box-shadow:0 18px 55px rgba(17,17,15,.045)}
.company-facts>div{transition:transform .2s ease,border-color .2s ease}
.company-facts>div:hover{transform:translateY(-2px);border-color:#d8c9b7}

/* Packages: more breathing room around decision-making, less card bulk */
.package-hero .inner-hero-card{overflow:hidden}
.package-hero .inner-hero-card:after{content:'MANAGED';position:absolute;right:-8px;bottom:-10px;color:rgba(255,255,255,.035);font-size:54px;font-weight:950;letter-spacing:-.06em}
.package-detail-section .plan-table-wrap{border-radius:24px;box-shadow:0 18px 60px rgba(17,17,15,.055)}
.pricing-note{border-radius:18px}

/* SEO: make the search visual feel like a product surface */
.seo-rank-card{transform:rotate(1deg)}
.seo-rank-card .search-box{border:1px solid #dedbd2;box-shadow:0 9px 24px rgba(0,0,0,.12)}
.rank-result{box-shadow:0 14px 36px rgba(0,0,0,.14)}

/* Process: connected and intentional */
.process-track-large{gap:22px 18px}
.process-track-large .process-node{padding-right:12px}
.process-track-large .process-node>b{box-shadow:0 8px 24px rgba(255,115,0,.14)}
.process-track-large .process-node h3{font-size:20px}
.process-track-large .process-node p{max-width:320px}

/* Forms: conversion pages should feel reassuring, not admin-like */
.contact-form-section,.start-form-section{padding-top:82px;padding-bottom:92px}
.conversion-form-card{border-color:#dcd7cc;box-shadow:0 30px 80px rgba(17,17,15,.085)}
.conversion-form-card:before{content:'';display:block;height:4px;margin:-30px -30px 26px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--orange),var(--gold))}
.contact-stack>div{box-shadow:0 10px 32px rgba(17,17,15,.035)}
.start-reassurance li{color:#4d4a44}
.wp-enquiry-form input,.wp-enquiry-form textarea,.wp-enquiry-form select{font-size:15px}

/* FAQs: cleaner open state */
.faq-list details{background:#fff;border:1px solid #e2ded4;box-shadow:0 8px 24px rgba(17,17,15,.025);transition:border-color .2s ease,box-shadow .2s ease}
.faq-list details[open]{border-color:#d8c8b5;box-shadow:0 14px 34px rgba(17,17,15,.055)}
.faq-list summary{font-size:16px}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list summary span{transition:transform .18s ease}

/* Footer: deliberate end-state */
.final-cta-v2{border-top:1px solid rgba(255,255,255,.06)}
.final-cta-v2-inner{align-items:center}
.site-footer{background:#0b0b0a}
.site-footer a{transition:color .18s ease}
.site-footer a:hover{color:#ffad62}
.footer-brand p{max-width:320px}

/* Laptop/intermediate polish: stack authored hero compositions before they get cramped */
@media(max-width:1100px) and (min-width:791px){
  .inner-hero-grid{grid-template-columns:1fr;gap:34px}
  .page-hero .inner-hero-grid>div:first-child{max-width:820px}
  .inner-project-showcase,.inner-hero-card,.inner-check-card,.seo-rank-card,.about-hero-proof,.process-hero-visual,.work-hero-proof,.contact-hero-card{justify-self:start;width:min(100%,680px)}
  .page-hero h1{font-size:clamp(58px,7.1vw,78px)}
  .header-inner{grid-template-columns:205px 1fr auto;gap:16px}
  .main-nav .menu{gap:13px}
  .main-nav a{font-size:11.5px}
  .header-cta{font-size:12px;padding-inline:14px}
}

@media(max-width:790px){
  .main-nav a{padding:13px 0}
  .main-nav a:after{bottom:6px}
  .page-hero{padding:62px 0 68px}
  .page-hero h1{font-size:clamp(46px,12.7vw,67px)}
  .page-hero p{font-size:16px}
  .split-content{gap:28px}
  .case-summary-grid{gap:32px}
  .conversion-form-card:before{margin:-24px -24px 22px}
}

@media(max-width:620px){
  .page-hero h1{font-size:clamp(41px,11.6vw,54px);letter-spacing:-.055em}
  .inner-feature-grid article{min-height:0}
  .conversion-form-card:before{margin:-20px -20px 20px}
  .contact-form-section,.start-form-section{padding-top:62px;padding-bottom:70px}
}

/* =========================================================
   v3.2.4 COMMERCIAL RELEASE
   Final typography, accessibility, interaction and release QA
   ========================================================= */

/* Hero headline: explicit line boxes prevent glyph overhang being clipped by
   background-clip + tight tracking in Chromium/Edge at desktop zoom levels. */
.hero-v4-copy{overflow:visible}
.hero-v4 .hero-title{
  overflow:visible;
  padding:0 .16em .10em 0;
  margin:0 -.16em -.10em 0;
  max-width:none;
}
.hero-v4 .hero-title-line{
  display:block;
  width:max-content;
  max-width:calc(100% - .16em);
  overflow:visible;
  padding:0 .16em .07em 0;
  margin:0 0 -.055em 0;
  line-height:.92;
  white-space:nowrap;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.hero-v4 .hero-title-line:last-child{margin-bottom:0}
.hero-v4 .hero-title-line.gradient-text{
  background-image:linear-gradient(105deg,#ff6d00 8%,#ffb300 58%,#ffe174 100%);
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Keep the authored line structure at commercial desktop/laptop sizes. */
@media(max-width:1180px) and (min-width:791px){
  .hero-v4 .hero-title{font-size:clamp(58px,7.25vw,78px)}
  .hero-v4 .hero-title-line{max-width:calc(100% - .18em)}
}
@media(max-width:790px){
  .hero-v4 .hero-title{font-size:clamp(46px,12.4vw,65px);padding-right:.13em;margin-right:-.13em}
  .hero-v4 .hero-title-line{max-width:calc(100% - .13em);padding-right:.13em;white-space:normal}
}
@media(max-width:420px){
  .hero-v4 .hero-title{font-size:clamp(40px,11.6vw,48px);letter-spacing:-.05em}
}

/* Make clipped-gradient text elsewhere safe too. */
.page-hero h1,.section-heading h2,.final-cta-v2 h2{overflow:visible}
.page-hero .gradient-text,.section-heading .gradient-text,.final-cta-v2 .gradient-text{
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding-right:.055em;
}

/* Commercial interaction polish and keyboard accessibility. */
:where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid #ff9b36;
  outline-offset:4px;
}
.button,.nav-toggle,.portfolio-filter,summary{cursor:pointer}
.button:active{transform:translateY(0)}
.hero-client-device:focus-visible,.hero-client-phone:focus-visible,.home-project-card>a:focus-visible{
  outline:3px solid #ff9b36;
  outline-offset:6px;
  border-radius:28px;
}
.wp-enquiry-form input:focus,.wp-enquiry-form textarea:focus,.wp-enquiry-form select:focus{
  border-color:#e7670a;
  box-shadow:0 0 0 4px rgba(255,101,0,.10);
  outline:none;
}

/* WordPress admin bar + sticky header release behaviour. */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Stable anchor positions beneath the sticky header. */
:where(section,[id]){scroll-margin-top:112px}

/* Text and surface refinement. */
::selection{background:#ffb027;color:#111}
.entry-content p,.long-copy p{max-width:72ch}
.home-project-meta h3,.portfolio-project-card .home-project-meta h3{line-height:1.14}
.footer-address{max-width:260px}
.mobile-dock{padding-bottom:max(0px,env(safe-area-inset-bottom))}

/* Final desktop balance: preserve the hero's premium density without allowing
   the showcase to crowd the text column. */
@media(min-width:1181px){
  .hero-v4-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:62px}
  .hero-v4-copy{padding-right:8px}
  .hero-client-device{width:95%}
}

/* Release-grade mobile navigation and touch targets. */
@media(max-width:790px){
  .main-nav a{min-height:44px;display:flex;align-items:center}
  .mobile-dock a{min-height:48px;display:flex;align-items:center;justify-content:center}
  .hero-actions{gap:10px}
  .hero-actions .button{min-height:50px}
}

/* Respect reduced-motion preferences. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* Print-safe essentials for legal/content pages. */
@media print{
  .topbar,.site-header,.final-cta-v2,.site-footer,.mobile-dock,.hero-gridlines,.hero-orb{display:none!important}
  body{background:#fff!important;color:#000!important}
  main{display:block!important}
  a{text-decoration:underline}
}

/* Final cascade guard: the late intermediate-grid rule must never re-enable
   two columns on phones/tablets. */
@media(max-width:790px){
  .hero-v4-grid{grid-template-columns:1fr!important;gap:28px;width:100%}
  .hero-v4-copy{width:100%;max-width:none;margin:0}
  .hero-v4-showcase{width:100%;max-width:100%;margin:0;min-height:420px}
}
@media(max-width:620px){
  .hero-v4-showcase{min-height:350px}
}
@media(max-width:420px){
  .hero-v4-showcase{min-height:315px}
}

/* Preserve the shared shell gutters on mobile and keep the deliberately authored
   hero line breaks intact now that each line is known to fit. */
@media(max-width:790px){
  .shell.hero-v4-grid{width:min(100% - 28px,1220px);margin-inline:auto}
  .hero-v4 .hero-title-line{white-space:nowrap}
}
@media(max-width:420px){
  .shell.hero-v4-grid{width:min(100% - 24px,1220px)}
}

/* Override the legacy mobile inline-gradient rule from the earlier hotfix. */
.hero-v4 h1 .hero-title-line.gradient-text{display:block!important}

/* Keep the full desktop navigation comfortable at laptop widths. */
@media(max-width:1180px) and (min-width:791px){
  .header-inner{grid-template-columns:190px 1fr auto;gap:14px}
  .brand-logo img,.custom-logo{height:58px}
  .main-nav .menu{gap:12px}
  .main-nav a{font-size:11.5px}
  .header-cta{padding-inline:14px;font-size:12px}
}

/* =========================================================
   v3.2.5 FINAL VISUAL RELEASE
   Hero typography + portfolio + managed service + pricing alignment
   ========================================================= */

/* Hero: commercial-safe type. Avoid background-clip on the large sales line;
   this removes Chromium/Edge glyph clipping at zoom and keeps deliberate breaks. */
.hero-v4 .hero-title{
  max-width:680px;
  padding:0;
  margin:0;
  overflow:visible;
  letter-spacing:-.062em;
  line-height:.91;
}
.hero-v4 .hero-title-line{
  display:block;
  width:auto;
  max-width:none;
  padding:0 .08em .09em 0;
  margin:0 0 -.055em 0;
  overflow:visible;
  white-space:nowrap;
  line-height:.91;
}
.hero-v4 .hero-title-line:last-child{margin-bottom:0}
.hero-v4 .hero-accent{
  -webkit-text-fill-color:currentColor;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
}
.hero-v4 .hero-accent-1{color:#ff7200}
.hero-v4 .hero-accent-2{color:#ff9c00}
.hero-v4 .hero-accent-3{color:#ffd053}
@media(min-width:1181px){
  .hero-v4 .hero-title{font-size:clamp(56px,5.45vw,80px)}
}
@media(max-width:1180px) and (min-width:791px){
  .hero-v4 .hero-title{max-width:760px;font-size:clamp(56px,7vw,75px)}
}
@media(max-width:790px){
  .hero-v4 .hero-title{max-width:100%;font-size:clamp(46px,12vw,64px);letter-spacing:-.055em;padding:0;margin:0}
  .hero-v4 .hero-title-line{white-space:normal;padding-right:.06em}
}
@media(max-width:430px){
  .hero-v4 .hero-title{font-size:clamp(39px,11.3vw,48px)}
}

/* Portfolio: editorial, aligned and single-action. */
.projects-v4.section{padding:88px 0 72px}
.projects-v4 .section-heading.split{margin-bottom:44px}
.home-project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px;
  align-items:stretch;
}
.home-project-card,.home-project-card:nth-child(even){margin-top:0;height:100%}
.home-project-card>a{display:flex;flex-direction:column;height:100%}
.home-project-visual{
  padding:10px;
  border:1px solid #2d2d29;
  border-radius:25px;
  background:#171714;
  box-shadow:0 22px 62px rgba(17,17,15,.10);
}
.home-project-desktop{aspect-ratio:1.52;border-radius:0 0 15px 15px}
.home-project-phone{right:14px;bottom:14px;width:22%;height:63%;border-radius:18px}
.home-project-meta{
  min-height:92px;
  align-items:flex-end;
  padding:18px 3px 0;
  border-bottom:1px solid #e7e3da;
  padding-bottom:18px;
}
.home-project-meta span{font-size:10px;text-transform:none;color:#88847c}
.home-project-meta h3{font-size:23px;line-height:1.08;margin-top:5px}
.project-meta-action{display:flex;align-items:center;gap:9px;color:#111;white-space:nowrap}
.project-meta-action small{font-size:10px;font-weight:950;color:#111}
.project-meta-action b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d9d4ca;border-radius:50%;font-size:14px;transition:.2s}
.home-project-card:hover .project-meta-action b{background:#111;color:#fff;border-color:#111;transform:translate(2px,-2px)}
.home-project-card:hover .home-project-visual{transform:translateY(-4px);box-shadow:0 28px 72px rgba(17,17,15,.14)}
@media(max-width:790px){
  .home-project-grid{grid-template-columns:1fr;gap:42px}
  .home-project-meta{min-height:0}
  .project-meta-action{display:flex}
}
@media(max-width:520px){
  .project-meta-action small{display:none}
}

/* Managed service: no placeholder illustration, four deliberate service cards. */
.managed-v2.section{padding:94px 0;background:#f4f1ea}
.managed-intro-grid{grid-template-columns:.78fr 1.22fr;gap:64px;align-items:center}
.managed-bento-final{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(250px,1fr));
  gap:14px;
}
.managed-bento-final .bento-card{
  min-height:250px;
  padding:27px;
  border-radius:23px;
  overflow:hidden;
  box-shadow:0 16px 45px rgba(17,17,15,.035);
}
.managed-bento-final .bento-card h3{margin:34px 0 10px;font-size:28px;line-height:1.02;max-width:320px}
.managed-bento-final .bento-card p{font-size:14px;line-height:1.58;max-width:350px}
.bento-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.bento-head small{font-size:9px;font-weight:950;letter-spacing:.12em;color:#a0460c}
.bento-dark .bento-head small{color:#ffb879}
.service-mark{
  display:block;
  margin-top:-8px;
  font-size:44px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  color:#eee9df;
  user-select:none;
}
.service-mark-dark{color:#282824}
.bento-design-final{background:linear-gradient(145deg,#fff 0,#fbf8f1 100%)}
.bento-design-final:after{
  content:'';
  position:absolute;
  right:-70px;
  bottom:-90px;
  width:230px;
  height:230px;
  border-radius:50%;
  border:38px solid rgba(255,116,0,.055);
  pointer-events:none;
}
.managed-tags{position:absolute;left:27px;right:27px;bottom:24px;display:flex;gap:7px;flex-wrap:wrap}
.managed-tags span{padding:7px 9px;border:1px solid #ddd8cd;border-radius:999px;background:#fff;font-size:9px;font-weight:850;color:#625f58}
.managed-bento-final .uptime{right:27px;bottom:25px}
.managed-bento-final .message-chip{left:27px;right:27px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px}
.managed-bento-final .message-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.managed-bento-final .message-chip b{float:none;flex:0 0 auto}
.managed-bento-final .mini-phone{left:27px;bottom:27px}
@media(max-width:1050px){
  .managed-intro-grid{grid-template-columns:1fr;gap:42px}
  .managed-intro-grid>.section-heading{position:static;max-width:720px}
  .managed-bento-final{max-width:none}
}
@media(max-width:680px){
  .managed-bento-final{grid-template-columns:1fr;grid-template-rows:auto}
  .managed-bento-final .bento-card{min-height:235px}
}

/* Pricing: one coherent premium system, equal card bottoms and calmer labels. */
.pricing-v4.section{padding:96px 0}
.pricing-heading{margin-bottom:42px!important}
.pricing-grid.wp-core-pricing{gap:18px;align-items:stretch}
.pricing-grid.wp-core-pricing .price-card{
  display:flex;
  flex-direction:column;
  min-height:610px;
  padding:30px 28px 27px;
  border:1px solid #ddd8ce;
  border-radius:26px;
  background:#fff;
  box-shadow:0 16px 45px rgba(17,17,15,.035);
  transform:none;
  overflow:hidden;
}
.pricing-grid.wp-core-pricing .price-card:before{
  content:'';
  position:absolute;
  left:28px;
  right:28px;
  top:0;
  height:3px;
  border-radius:0 0 3px 3px;
  background:#ece7dc;
}
.pricing-grid.wp-core-pricing .price-card.featured{
  background:#11110f;
  color:#fff;
  border-color:#11110f;
  box-shadow:0 28px 72px rgba(17,17,15,.18);
}
.pricing-grid.wp-core-pricing .price-card.featured:before{background:linear-gradient(90deg,#ff6c00,#ffc42d)}
.pricing-grid.wp-core-pricing .plan-top{min-height:38px}
.pricing-grid.wp-core-pricing .plan-top>span{width:30px;height:30px}
.pricing-grid.wp-core-pricing .price-card h3{font-size:25px}
.pricing-grid.wp-core-pricing .price-card>p{min-height:46px;margin:15px 0 0;font-size:14px;line-height:1.5}
.pricing-grid.wp-core-pricing .plan-best-for{
  display:block;
  min-height:28px;
  margin:10px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#8a857c;
  font-size:9px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.pricing-grid.wp-core-pricing .featured .plan-best-for{background:none;color:#a9a59c}
.pricing-grid.wp-core-pricing .price{margin:22px 0 5px;font-size:62px}
.pricing-grid.wp-core-pricing .term{font-size:9px}
.pricing-grid.wp-core-pricing .price-card ul{
  flex:1 1 auto;
  min-height:0;
  margin:22px 0 24px;
  padding:20px 0 14px;
}
.pricing-grid.wp-core-pricing .price-card li{padding:6px 0;font-size:12.5px;line-height:1.35}
.pricing-grid.wp-core-pricing .price-card .button{margin-top:auto;min-height:54px;border-width:1.5px}
.pricing-grid.wp-core-pricing .popular{top:24px;right:24px}
.package-compare-link{margin-top:22px;background:#f8f6f0}
@media(max-width:1050px) and (min-width:791px){
  .pricing-grid.wp-core-pricing{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .pricing-grid.wp-core-pricing .price-card{padding:25px 20px 23px;min-height:610px}
  .pricing-grid.wp-core-pricing .price-card h3{font-size:22px}
  .pricing-grid.wp-core-pricing .price{font-size:56px}
  .pricing-grid.wp-core-pricing .popular{right:14px;top:17px}
}
@media(max-width:790px){
  .pricing-grid.wp-core-pricing{grid-template-columns:1fr;gap:16px}
  .pricing-grid.wp-core-pricing .price-card{min-height:0}
  .pricing-grid.wp-core-pricing .price-card ul{flex:none}
}

/* =========================================================
   v3.2.6 RELEASE QA POLISH
   Fix remaining content collisions, FAQ spacing, empty archives,
   and make large hero glyphs safe at desktop zoom levels.
   ========================================================= */

/* Hero glyph safety: give descenders/punctuation their own paint room. */
.hero-v4 .hero-title{
  line-height:.96;
  overflow:visible;
}
.hero-v4 .hero-title-line{
  line-height:.96;
  margin:0;
  padding:0 .12em .16em 0;
  overflow:visible;
}
.hero-v4 .hero-title-line + .hero-title-line{margin-top:-.12em}
@media(max-width:790px){
  .hero-v4 .hero-title-line{padding-right:.08em;padding-bottom:.14em}
  .hero-v4 .hero-title-line + .hero-title-line{margin-top:-.10em}
}

/* Managed service cards: content must define height; controls never sit over copy. */
.managed-bento-final{grid-template-rows:none;align-items:stretch}
.managed-bento-final .bento-card{
  display:flex;
  flex-direction:column;
  min-height:286px;
  padding:28px;
}
.managed-bento-final .bento-card h3{margin:30px 0 10px}
.managed-bento-final .bento-card p{margin-bottom:0}
.managed-tags,
.managed-bento-final .uptime,
.managed-bento-final .message-chip,
.managed-bento-final .mini-phone{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  margin-top:auto;
}
.managed-tags{padding-top:22px}
.managed-bento-final .uptime{align-self:flex-end}
.managed-bento-final .message-chip{width:100%;margin-top:auto}
.managed-bento-final .mini-phone{align-self:flex-start;padding-top:22px}
.service-mark{font-size:38px;margin-top:-5px}
@media(max-width:680px){
  .managed-bento-final .bento-card{min-height:0;padding:24px}
  .managed-bento-final .bento-card h3{margin-top:26px}
}

/* FAQ cards: premium accordion spacing with no text touching card edges. */
.faq-list{border-top:0;display:grid;gap:10px}
.faq-list details{
  margin:0;
  border:1px solid #ded9cf;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.faq-list summary{
  min-height:76px;
  padding:20px 22px;
  align-items:center;
  font-size:16px;
  line-height:1.35;
}
.faq-list summary span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#f3efe7;
  font-size:20px;
  line-height:1;
}
.faq-list details[open] summary{padding-bottom:14px}
.faq-list details[open] summary span{background:#111;color:#fff}
.faq-list details p{
  max-width:none;
  margin:0;
  padding:0 22px 22px;
  color:#6f6b63;
  font-size:15px;
  line-height:1.68;
}
@media(max-width:620px){
  .faq-list summary{min-height:68px;padding:18px;font-size:15px}
  .faq-list details[open] summary{padding-bottom:12px}
  .faq-list details p{padding:0 18px 18px;font-size:14px}
}

/* Archive/empty-state presentation: never leave a large blank white section. */
.taxonomy-archive-section{padding-top:86px;padding-bottom:92px}
.taxonomy-card-grid{align-items:stretch}
.taxonomy-card-grid article{
  display:flex;
  flex-direction:column;
  min-height:250px;
}
.taxonomy-card-grid article .text-link{margin-top:auto;padding-top:18px;align-self:flex-start}
.archive-empty-state{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:36px;
  align-items:center;
  padding:40px;
  border:1px solid #ddd8ce;
  border-radius:28px;
  background:#f5f2eb;
}
.archive-empty-state h2{margin:8px 0 12px;font-size:clamp(34px,4vw,52px);line-height:.98;letter-spacing:-.05em}
.archive-empty-state p{max-width:640px;margin:0;color:#706c64;font-size:16px}
.archive-empty-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media(max-width:790px){
  .taxonomy-archive-section{padding-top:64px;padding-bottom:68px}
  .archive-empty-state{grid-template-columns:1fr;padding:28px}
  .archive-empty-actions{justify-content:flex-start}
}

/* Final v3.2.6 refinements after live-site screenshots. */
.hero-v4 .hero-title{line-height:1}
.hero-v4 .hero-title-line{
  line-height:1;
  padding:0 .12em .20em 0;
  margin:0 0 -.18em 0;
}
.hero-v4 .hero-title-line:last-child{margin-bottom:-.05em}
.bento-design-final:after{display:none!important;content:none!important}
.bento-design-final{background:#fff}
.service-mark{opacity:.9;font-size:34px;color:#ebe6dc}
.service-mark-dark{color:#2f2f2a}

/* =========================================================
   v3.2.7 PREMIUM INTERNAL HERO SYSTEM
   All commercial/internal heroes now share the homepage quality bar.
   ========================================================= */
.premium-page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:88px 0 92px;
  background:
    radial-gradient(circle at 82% 15%,rgba(255,105,0,.23) 0,rgba(255,105,0,.07) 24%,transparent 48%),
    radial-gradient(circle at 58% 105%,rgba(255,198,41,.09),transparent 34%),
    #0b0b09;
}
.premium-page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.055;
  background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,#000 0,transparent 92%);
}
.premium-page-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  right:7%;
  top:-260px;
  border-radius:50%;
  background:#ff6b00;
  opacity:.12;
  filter:blur(68px);
  pointer-events:none;
}
.premium-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:70px;
  align-items:center;
  min-height:510px;
}
.premium-hero-copy{min-width:0;max-width:720px;overflow:visible}
.premium-hero-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:22px;color:#ffc08b;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.premium-hero-kicker em{font-style:normal;color:#aaa69e;font-weight:800}
.hero-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.10)}
.premium-page-hero h1{
  max-width:760px;
  margin:0;
  overflow:visible;
  font-size:clamp(55px,5.25vw,82px);
  line-height:.94;
  letter-spacing:-.064em;
  font-weight:950;
  text-wrap:balance;
}
.premium-page-hero h1 br{display:block}
.hero-accent{display:block;padding:0 .05em .07em 0;margin-right:-.05em;overflow:visible;line-height:1;color:#ff8a00}
.hero-accent--orange{color:#ff7600}
.hero-accent--gold{color:#ffc52d}
.premium-page-hero .premium-hero-copy>p{max-width:665px;margin:24px 0 0;color:#c5c2ba;font-size:17px;line-height:1.68}
.premium-page-hero .hero-actions{margin-top:28px}
.premium-hero-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #302e28;color:#aaa69d;font-size:11px;font-weight:800}
.premium-hero-proof i,.hero-surface-foot i,.location-detail-line i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#716b61}
.hero-surface{
  position:relative;
  justify-self:end;
  width:min(100%,535px);
  min-width:0;
  padding:27px;
  overflow:hidden;
  border:1px solid #3a3730;
  border-radius:28px;
  background:linear-gradient(155deg,rgba(29,29,25,.98),rgba(18,18,16,.97));
  color:#fff;
  box-shadow:0 34px 95px rgba(0,0,0,.38);
}
.hero-surface:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff9b48,transparent);opacity:.85}
.hero-surface:after{content:"";position:absolute;width:210px;height:210px;right:-100px;top:-110px;border-radius:50%;background:#ff7200;opacity:.07;filter:blur(2px);pointer-events:none}
.hero-surface-head{position:relative;z-index:2;margin-bottom:22px}
.hero-surface-head small,.industry-detail-hero>small,.location-detail-hero>small{display:block;color:#ffae6d;font-size:9px;font-weight:950;letter-spacing:.14em}
.hero-surface-head strong{display:block;max-width:390px;margin-top:9px;font-size:28px;line-height:1.02;letter-spacing:-.045em}
.hero-surface-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid #34322c;color:#a9a59d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}

/* Directory / industries */
.industry-mini-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.industry-mini-grid article{min-height:118px;padding:16px;border:1px solid #38352f;border-radius:17px;background:#20201c;display:flex;flex-direction:column;justify-content:flex-end}
.industry-mini-grid article:nth-child(1){background:linear-gradient(145deg,#2d2014,#201b15)}
.industry-mini-grid article span{position:absolute;margin-top:-78px;color:#6f675d;font-size:9px;font-weight:950;letter-spacing:.12em}
.industry-mini-grid article b{font-size:18px;letter-spacing:-.035em}
.industry-mini-grid article small{margin-top:4px;color:#97938a;font-size:9px}
.industry-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.industry-detail-hero>small,.industry-detail-hero>strong{grid-column:1/-1}
.industry-detail-hero>strong{display:block;margin:9px 0 14px;font-size:29px;line-height:1.05;letter-spacing:-.045em}
.industry-detail-hero>div{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #37342e;border-radius:15px;background:#20201c}
.industry-detail-hero>div span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#2d2b26;color:#f0a661;font-size:8px;font-weight:950}
.industry-detail-hero>div b{font-size:12px}

/* Location heroes */
.location-hero-board{min-height:430px}
.location-board-top small{color:#ffae6d;font-size:9px;font-weight:950;letter-spacing:.14em}
.location-board-top strong{display:block;margin-top:9px;font-size:29px;line-height:1.02;letter-spacing:-.045em}
.location-board-map{position:relative;height:225px;margin:20px 0 10px;border:1px solid #34322d;border-radius:21px;overflow:hidden;background:radial-gradient(circle at 45% 40%,#302515,#1b1b18 55%,#161613)}
.location-board-map:before{content:"";position:absolute;inset:20px 62px;border:1px dashed #5b5143;border-radius:45% 55% 48% 52%;transform:rotate(-9deg)}
.location-board-map b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:84px;line-height:1;color:rgba(255,255,255,.045);letter-spacing:-.08em}
.location-board-map .pin{position:absolute;width:10px;height:10px;border:2px solid #171714;border-radius:50%;background:#ff8c00;box-shadow:0 0 0 5px rgba(255,140,0,.12)}
.location-board-map .pin-a{left:45%;top:28%}.location-board-map .pin-b{left:38%;top:47%}.location-board-map .pin-c{left:51%;top:52%}.location-board-map .pin-d{left:55%;top:72%}.location-board-map .pin-e{left:64%;top:66%}
.location-chips{display:flex;gap:7px;flex-wrap:wrap}.location-chips span{padding:7px 9px;border:1px solid #37342e;border-radius:999px;color:#aaa69d;background:#20201c;font-size:9px;font-weight:850}
.location-detail-hero>strong{display:block;margin:10px 0 24px;font-size:30px;line-height:1.06;letter-spacing:-.045em}
.location-detail-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #37342e;border-bottom:1px solid #37342e;color:#c7c3bb;font-size:10px;font-weight:850}
.location-detail-hero>em{display:block;margin-top:18px;color:#918d85;font-size:10px;font-style:normal;font-weight:850}

/* FAQs / guides */
.faq-hero-preview{padding:22px}
.faq-hero-preview .hero-surface-head{padding:5px 5px 0}
.faq-preview-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:14px 15px;border-top:1px solid #34322d;color:#d7d3cb}
.faq-preview-row b{font-size:12px}.faq-preview-row em{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#272721;color:#f0b16e;font-style:normal;font-weight:950}
.faq-preview-row.is-open{align-items:flex-start;margin:4px 0 8px;border:1px solid #443c31;border-radius:15px;background:#24221d}
.faq-preview-row.is-open div{display:grid;gap:5px}.faq-preview-row.is-open span{max-width:340px;color:#9d988f;font-size:10px;line-height:1.5}.faq-preview-row.is-open em{background:#e8f4e8;color:#258332}
.guide-hero-stack{min-height:420px;padding:30px}
.guide-stack-card{position:absolute;left:30px;right:30px;min-height:145px;padding:20px;border:1px solid #39362f;border-radius:19px;background:#21211d;box-shadow:0 18px 45px rgba(0,0,0,.18);transform-origin:center}
.guide-stack-card small{color:#ee9b56;font-size:8px;font-weight:950;letter-spacing:.14em}.guide-stack-card strong{display:block;max-width:360px;margin:8px 0 10px;font-size:20px;line-height:1.07;letter-spacing:-.04em}.guide-stack-card span{color:#918d84;font-size:9px;font-weight:800}
.guide-stack-card-a{top:28px;z-index:3}.guide-stack-card-b{top:135px;z-index:2;transform:scale(.95);opacity:.88}.guide-stack-card-c{top:242px;z-index:1;transform:scale(.90);opacity:.68}

/* Packages */
.package-hero-board{padding:24px}
.package-mini-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.package-mini-grid article{position:relative;min-height:190px;padding:17px 14px;border:1px solid #39362f;border-radius:17px;background:#20201c;display:flex;flex-direction:column}
.package-mini-grid article.is-popular{border-color:#71451e;background:linear-gradient(155deg,#302113,#211d16)}
.package-mini-grid article>b{position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:999px;background:linear-gradient(110deg,#ff7400,#ffc62d);color:#111;font-size:6px;letter-spacing:.07em}
.package-mini-grid article>span{margin-top:17px;color:#d7d2ca;font-size:10px;font-weight:900}.package-mini-grid article>strong{margin-top:8px;font-size:42px;line-height:.9;letter-spacing:-.065em}.package-mini-grid article>small{color:#858078;font-size:8px}.package-mini-grid article>em{margin-top:auto;color:#aaa59c;font-size:8px;font-style:normal;line-height:1.35}

/* SEO */
.seo-hero-board{padding:23px;transform:rotate(.35deg)}
.seo-search-bar{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px 14px;border-radius:14px;background:#fff;color:#111;box-shadow:0 14px 38px rgba(0,0,0,.22)}
.seo-search-bar span{font-size:18px}.seo-search-bar b{font-size:11px}.seo-search-bar em{padding:6px 8px;border-radius:8px;background:#111;color:#fff;font-size:7px;font-style:normal;font-weight:900}
.seo-result-stack{position:relative;z-index:2;display:grid;gap:8px;margin-top:12px}
.seo-result-stack article{padding:13px 15px;border:1px solid #34322d;border-radius:13px;background:#20201c;display:flex;align-items:center;gap:11px;color:#aaa59c}
.seo-result-stack article>span{font-size:8px;color:#736e65}.seo-result-stack article>b{font-size:10px}
.seo-result-primary{display:block!important;padding:20px!important;background:#fff!important;color:#111!important;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.seo-result-primary small{color:#c94e00;font-size:8px;font-weight:950;letter-spacing:.12em}.seo-result-primary strong{display:block;margin:6px 0 8px;font-size:24px;line-height:1;letter-spacing:-.045em}.seo-result-primary p{margin:0!important;color:#6d6962!important;font-size:10px!important;line-height:1.5!important}.seo-result-primary div{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.seo-result-primary div span{padding:5px 7px;border-radius:999px;background:#f4f0e8;color:#5e5a53;font-size:7px;font-weight:850}
.seo-board-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:14px;border-top:1px solid #34322d;color:#aaa69e;font-size:9px}.seo-board-foot span{display:flex;align-items:center;gap:7px}.seo-board-foot i{width:7px;height:7px;border-radius:50%;background:#65d26c;box-shadow:0 0 0 4px rgba(101,210,108,.09)}.seo-board-foot b{color:#dad6ce}

/* Process */
.process-hero-board{padding:24px}
.process-board-step{position:relative;z-index:2;display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:center;padding:8px 6px}
.process-board-step>b{display:grid;place-items:center;width:43px;height:43px;border:1px solid #454139;border-radius:50%;color:#dba66f;font-size:9px}.process-board-step.is-active>b{border:0;background:linear-gradient(115deg,#ff6c00,#ffc82f);color:#111}.process-board-step small{display:block;color:#817b72;font-size:7px;font-weight:950;letter-spacing:.13em}.process-board-step strong{display:block;margin-top:2px;font-size:13px}.process-board-line{display:block;width:1px;height:18px;margin-left:27px;background:#454139}.process-board-stay{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-top:13px;padding:15px;border:1px solid #594531;border-radius:16px;background:#2a2117}.process-board-stay>span{font-size:34px;color:#ffad5b}.process-board-stay small{display:block;color:#b78b62;font-size:7px;font-weight:950;letter-spacing:.13em}.process-board-stay strong{font-size:15px}

/* About */
.about-hero-board{padding:27px}.about-board-brand small{color:#ffad69;font-size:9px;font-weight:950;letter-spacing:.14em}.about-board-brand strong{display:block;margin:13px 0 10px;font-size:34px;line-height:1;letter-spacing:-.052em}.about-board-brand p{max-width:390px;margin:0;color:#9b968d;font-size:11px}.about-board-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.about-board-facts article{min-height:90px;padding:14px;border:1px solid #37342e;border-radius:14px;background:#20201c;display:flex;flex-direction:column;justify-content:space-between}.about-board-facts small{color:#7f7a72;font-size:7px;font-weight:950;letter-spacing:.11em}.about-board-facts b{font-size:15px;letter-spacing:-.025em}

/* Contact */
.contact-hero-board{padding:28px}.contact-board-status{display:flex;align-items:center;gap:9px;color:#d7d3cb;font-size:9px;font-weight:950;letter-spacing:.12em}.contact-board-status i{width:7px;height:7px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.10)}.contact-hero-board>strong{display:block;margin:20px 0 10px;font-size:35px;line-height:1;letter-spacing:-.05em}.contact-hero-board>p{margin:0 0 22px!important;color:#98938a!important;font-size:12px!important}.contact-board-link{padding:13px 0;border-top:1px solid #36332d}.contact-board-link small{display:block;color:#77726a;font-size:7px;font-weight:950;letter-spacing:.12em}.contact-board-link a{font-size:16px;font-weight:900;color:#fff}.contact-hero-board>em{display:block;margin-top:10px;padding:10px 12px;border-radius:11px;background:#24231f;color:#d7b58f;font-size:8px;font-style:normal;font-weight:850}

/* Start */
.start-hero-board{padding:26px}.start-board-steps{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}.start-board-steps article{min-height:90px;padding:14px;border:1px solid #39362f;border-radius:14px;background:#20201c}.start-board-steps b{display:block;color:#ed9e58;font-size:8px;letter-spacing:.12em}.start-board-steps span{display:block;margin-top:17px;font-size:12px;font-weight:900;line-height:1.25}.start-board-foot{position:relative;z-index:2;display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px;border-radius:13px;background:#25241f}.start-board-foot span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e7f6e8;color:#23812a;font-weight:950}.start-board-foot p{margin:0!important;color:#c7c3ba!important;font-size:10px!important}

/* Pay-monthly */
.managed-service-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.managed-service-grid article{min-height:92px;padding:13px;border:1px solid #38352f;border-radius:14px;background:#20201c;display:flex;flex-direction:column;justify-content:space-between}.managed-service-grid span{color:#786f65;font-size:7px;font-weight:950}.managed-service-grid b{font-size:12px}.managed-service-foot{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:13px;padding:13px;border-radius:13px;background:#25241f}.managed-service-foot i{width:8px;height:8px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.09)}.managed-service-foot strong{font-size:10px;color:#d1cdc4}

/* Our Work hero */
.work-hero-stack{padding:23px;min-height:435px}.work-stack-head{position:relative;z-index:2}.work-stack-head small{color:#ffac66;font-size:8px;font-weight:950;letter-spacing:.14em}.work-stack-head strong{display:block;margin-top:5px;font-size:24px;letter-spacing:-.04em}.work-stack-projects{position:relative;height:290px;margin-top:15px}.work-stack-project{position:absolute;display:block;left:0;top:0;width:82%;height:250px;padding:6px;border:1px solid #3b3831;border-radius:17px;background:#151512;box-shadow:0 20px 48px rgba(0,0,0,.27);overflow:hidden;transform:rotate(-2deg)}.work-stack-project.is-second{left:18%;top:42px;z-index:2;transform:rotate(2deg)}.work-stack-project img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:12px}.work-stack-project>span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(120deg,#ff6a00,#ffc62e);color:#111;font-size:48px;font-weight:950}.work-stack-project em{position:absolute;left:13px;bottom:12px;max-width:70%;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.94);color:#111;font-size:8px;font-style:normal;font-weight:950}.work-stack-empty{display:grid;place-items:center;min-height:330px;text-align:center}.work-stack-empty small{color:#f1a660;font-size:8px;font-weight:950;letter-spacing:.14em}.work-stack-empty strong{max-width:340px;font-size:28px;line-height:1.05}

/* Real client project showcase on Website Design */
.premium-project-showcase{width:min(100%,555px);transform:none;border-radius:28px}.premium-project-showcase .project-browser{display:flex;align-items:center}.premium-project-showcase .project-browser>b{margin-left:auto;color:#f5aa63;font-size:7px;letter-spacing:.11em}.premium-project-showcase .inner-project-desktop{height:370px}.premium-project-showcase .inner-project-phone{width:128px;height:252px;right:-8px;bottom:-16px}

/* Internal hero responsive behaviour */
@media(max-width:1100px){
  .premium-hero-grid{grid-template-columns:1fr;gap:38px;min-height:0}
  .premium-hero-copy{max-width:830px}
  .hero-surface,.premium-project-showcase{justify-self:start;width:min(100%,680px)}
  .premium-page-hero h1{font-size:clamp(58px,7vw,78px)}
}
@media(max-width:790px){
  .premium-page-hero{padding:64px 0 70px}
  .premium-hero-grid{gap:30px}
  .premium-page-hero h1{font-size:clamp(47px,12.5vw,66px);letter-spacing:-.058em}
  .premium-page-hero h1 br{display:none}
  .premium-page-hero .premium-hero-copy>p{font-size:16px}
  .hero-surface{padding:22px;border-radius:23px}
  .hero-surface-head strong{font-size:25px}
  .work-hero-stack{min-height:390px}
  .work-stack-projects{height:250px}.work-stack-project{height:215px}
  .premium-project-showcase .inner-project-desktop{height:320px}
}
@media(max-width:560px){
  .premium-page-hero h1{font-size:clamp(42px,11.8vw,56px);line-height:.97}
  .premium-hero-kicker em{display:none}
  .premium-hero-proof{gap:8px;font-size:9px}
  .package-mini-grid{grid-template-columns:1fr}.package-mini-grid article{min-height:118px}.package-mini-grid article>strong{font-size:36px}.package-mini-grid article>em{margin-top:10px}
  .industry-mini-grid,.industry-detail-hero,.about-board-facts,.start-board-steps{grid-template-columns:1fr}
  .industry-detail-hero>small,.industry-detail-hero>strong{grid-column:auto}
  .managed-service-grid{grid-template-columns:1fr 1fr}
  .location-board-map{height:190px}
  .guide-hero-stack{min-height:390px;padding:20px}.guide-stack-card{left:20px;right:20px}
  .work-hero-stack{min-height:345px}.work-stack-projects{height:215px}.work-stack-project{height:185px}.work-stack-project.is-second{left:14%;top:35px}
  .premium-project-showcase .inner-project-desktop{height:250px}.premium-project-showcase .inner-project-phone{width:96px;height:190px;right:-3px}
}

/* =========================================================
   v3.2.8 FINAL ART-DIRECTION PASS
   Replace remaining placeholder-style internal hero graphics with
   a coherent Web Professionals visual system: operational, premium,
   useful and intentionally non-gimmicky.
   ========================================================= */

/* Shared internal-hero UI chrome */
.hero-ui-bar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:34px;
  margin:-3px -3px 23px;
  padding:0 3px 13px;
  border-bottom:1px solid #36332d;
  color:#8e887f;
}
.hero-ui-bar>small{
  flex:1 1 auto;
  font-size:7.5px;
  line-height:1;
  font-weight:950;
  letter-spacing:.15em;
}
.hero-ui-bar>em{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
  padding:6px 8px;
  border:1px solid #37342e;
  border-radius:999px;
  background:#20201c;
  color:#c6c1b8;
  font-size:7px;
  line-height:1;
  font-style:normal;
  font-weight:950;
  letter-spacing:.09em;
  white-space:nowrap;
}
.hero-ui-bar>em>i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#61ce6a;
  box-shadow:0 0 0 4px rgba(97,206,106,.09);
}
.hero-ui-dots{display:flex;gap:5px;align-items:center}
.hero-ui-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#555149}
.hero-ui-dots i:first-child{background:#ff7b18}.hero-ui-dots i:nth-child(2){background:#8e6f4f}.hero-ui-dots i:nth-child(3){background:#5a574f}

/* Give all authored surfaces more physical depth without fake clipart. */
.hero-surface{
  border-color:#403b33;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),transparent 28%),
    linear-gradient(155deg,#1d1d19,#121210);
  box-shadow:0 36px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.018);
}
.hero-surface:after{opacity:.045}

/* SEO: an actual optimisation workbench, not a fake search engine. */
.seo-hero-board.seo-workbench{
  min-height:455px;
  padding:25px;
  transform:none;
}
.seo-workbench-heading{position:relative;z-index:2;max-width:455px}
.seo-workbench-heading>small,.journey-board-heading>small,.coverage-heading>small,.support-desk-heading>small,.knowledge-feature>small{
  display:block;
  color:#f1a15b;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.14em;
}
.seo-workbench-heading>strong,.journey-board-heading>strong,.coverage-heading>strong,.support-desk-heading>strong{
  display:block;
  margin-top:9px;
  font-size:30px;
  line-height:1.02;
  letter-spacing:-.048em;
}
.seo-workbench-heading>p{
  max-width:440px;
  margin:11px 0 0!important;
  color:#969188!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.seo-workbench-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:22px;
}
.seo-workbench-grid article{
  position:relative;
  min-height:112px;
  padding:16px;
  overflow:hidden;
  border:1px solid #39352e;
  border-radius:16px;
  background:#20201c;
}
.seo-workbench-grid article:after{
  content:'';
  position:absolute;
  right:-34px;
  bottom:-48px;
  width:105px;
  height:105px;
  border:1px solid rgba(255,255,255,.035);
  border-radius:50%;
}
.seo-workbench-grid article.is-accent{
  border-color:#76502b;
  background:linear-gradient(145deg,#302114,#211b14 72%);
}
.seo-workbench-grid article>span{display:block;color:#887d70;font-size:7px;font-weight:950;letter-spacing:.12em}
.seo-workbench-grid article>b{display:block;margin-top:22px;font-size:14px;line-height:1.1;letter-spacing:-.02em}
.seo-workbench-grid article>small{display:block;max-width:185px;margin-top:6px;color:#928d84;font-size:8px;line-height:1.45}
.seo-workbench-grid article.is-accent>b{color:#fff}.seo-workbench-grid article.is-accent>span{color:#f1a15b}
.seo-workbench .hero-surface-foot{margin-top:16px}

/* Industries: customer-journey canvas, with one obvious progression. */
.customer-journey-board{min-height:455px;padding:25px}
.journey-board-heading{position:relative;z-index:2;max-width:440px}
.journey-rail{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;
  align-items:center;
  gap:4px;
  margin-top:25px;
}
.journey-rail>i{display:block;height:1px;background:linear-gradient(90deg,#514a40,#b8783f);opacity:.8}
.journey-rail article{
  min-width:0;
  min-height:128px;
  padding:15px 13px;
  border:1px solid #39352e;
  border-radius:16px;
  background:#20201c;
  display:flex;
  flex-direction:column;
}
.journey-rail article.is-accent{border-color:#835328;background:linear-gradient(155deg,#352214,#231c14)}
.journey-rail article>span{color:#8a8379;font-size:7px;font-weight:950;letter-spacing:.12em}
.journey-rail article>b{margin-top:auto;font-size:14px;line-height:1.05}
.journey-rail article>small{display:block;margin-top:5px;color:#8f8a82;font-size:7.5px;line-height:1.35}
.journey-rail article.is-accent>span{color:#ffa65c}.journey-rail article.is-accent>b{color:#fff}
.journey-business-row{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #35322c;
}
.journey-business-row span{
  padding:7px 9px;
  border:1px solid #38352f;
  border-radius:999px;
  background:#1e1e1a;
  color:#aaa59c;
  font-size:8px;
  font-weight:850;
}

/* Locations: planning workflow rather than an invented map. */
.coverage-planner-board{min-height:455px;padding:25px}
.coverage-heading{position:relative;z-index:2;max-width:455px}
.coverage-flow{position:relative;z-index:2;display:grid;gap:0;margin-top:22px}
.coverage-flow article{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:13px;
  align-items:center;
  min-height:76px;
  padding:12px 14px;
  border:1px solid #38352f;
  border-radius:15px;
  background:#20201c;
}
.coverage-flow article.is-accent{border-color:#79502b;background:linear-gradient(145deg,#302115,#211c15)}
.coverage-flow article>span{
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border:1px solid #474138;
  border-radius:50%;
  color:#e7a062;
  font-size:7px;
  font-weight:950;
}
.coverage-flow article.is-accent>span{border:0;background:linear-gradient(115deg,#ff7000,#ffc62d);color:#111}
.coverage-flow article small{display:block;color:#7f796f;font-size:7px;font-weight:950;letter-spacing:.12em}
.coverage-flow article b{display:block;margin-top:3px;font-size:12px;line-height:1.25}
.coverage-flow>i{display:block;width:1px;height:11px;margin-left:31px;background:#484239}
.coverage-tags{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.coverage-tags span{padding:7px 9px;border:1px solid #37342e;border-radius:999px;background:#1f1f1b;color:#aaa59d;font-size:8px;font-weight:850}

/* FAQ: support-desk visual, factual and useful instead of generic accordion art. */
.support-desk-board{min-height:455px;padding:25px}
.support-desk-heading{position:relative;z-index:2;max-width:450px}
.support-answer-card{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:12px;
  align-items:start;
  margin-top:21px;
  padding:17px;
  border:1px solid #6a4a2d;
  border-radius:17px;
  background:linear-gradient(145deg,#2c2117,#211d17);
}
.support-answer-card>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(115deg,#ff7000,#ffc62d);color:#111;font-size:7px;font-weight:950}
.support-answer-card small{display:block;color:#d39258;font-size:7px;font-weight:950;letter-spacing:.11em}
.support-answer-card b{display:block;margin-top:4px;font-size:13px;line-height:1.2}
.support-answer-card p{max-width:330px;margin:7px 0 0!important;color:#9f988f!important;font-size:8.5px!important;line-height:1.48!important}
.support-answer-card>em{padding:6px 7px;border-radius:999px;background:#e7f5e8;color:#297f31;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.08em}
.support-question-list{position:relative;z-index:2;display:grid;gap:7px;margin-top:10px}
.support-question-list article{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:52px;padding:10px 13px;border:1px solid #37342e;border-radius:13px;background:#20201c}
.support-question-list span{color:#777168;font-size:7px;font-weight:950}.support-question-list b{font-size:10px}.support-question-list em{color:#c49a70;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.08em}

/* Guides: editorial knowledge board rather than floating placeholder cards. */
.knowledge-board{min-height:455px;padding:25px}
.knowledge-feature{position:relative;z-index:2;padding:20px;border:1px solid #62462f;border-radius:18px;background:linear-gradient(145deg,#2b2118,#201c17)}
.knowledge-feature>strong{display:block;max-width:390px;margin:8px 0 9px;font-size:23px;line-height:1.04;letter-spacing:-.04em}
.knowledge-feature>p{max-width:410px;margin:0!important;color:#9e988f!important;font-size:9px!important;line-height:1.5!important}
.knowledge-feature>span{display:block;margin-top:15px;color:#d69b68;font-size:7px;font-weight:900;letter-spacing:.05em}
.knowledge-list{position:relative;z-index:2;display:grid;gap:8px;margin-top:10px}
.knowledge-list article{display:grid;grid-template-columns:30px 1fr 24px;gap:11px;align-items:center;min-height:65px;padding:12px 14px;border:1px solid #37342e;border-radius:14px;background:#20201c}
.knowledge-list article>span{color:#746f67;font-size:7px;font-weight:950}.knowledge-list small{display:block;color:#9a7656;font-size:6.5px;font-weight:950;letter-spacing:.11em}.knowledge-list b{display:block;margin-top:3px;font-size:10.5px;line-height:1.25}.knowledge-list em{font-size:15px;font-style:normal;color:#e0a16b}

/* Existing secondary hero boards: align finishing detail with the same system. */
.package-hero-board,.process-hero-board,.about-hero-board,.contact-hero-board,.start-hero-board,.managed-service-hero-board{min-height:455px}
.package-mini-grid article,.about-board-facts article,.start-board-steps article,.managed-service-grid article{box-shadow:inset 0 1px rgba(255,255,255,.012)}
.process-board-step strong,.contact-board-link a,.about-board-facts b{letter-spacing:-.02em}

/* Remove the previous placeholder-style SEO art rules completely from display. */
.seo-workbench .seo-search-bar,.seo-workbench .seo-result-stack,.seo-workbench .seo-board-foot{display:none!important}

@media(max-width:1100px){
  .seo-hero-board.seo-workbench,.customer-journey-board,.coverage-planner-board,.support-desk-board,.knowledge-board{width:min(100%,680px)}
}
@media(max-width:650px){
  .hero-ui-bar{margin-bottom:19px}.hero-ui-bar>em{display:none}
  .seo-workbench-heading>strong,.journey-board-heading>strong,.coverage-heading>strong,.support-desk-heading>strong{font-size:25px}
  .seo-workbench-grid{grid-template-columns:1fr}
  .seo-workbench-grid article{min-height:94px}.seo-workbench-grid article>b{margin-top:17px}
  .journey-rail{grid-template-columns:1fr;gap:7px}
  .journey-rail>i{width:1px;height:10px;margin-left:25px;background:#514a40}
  .journey-rail article{min-height:82px;padding:13px}.journey-rail article>b{margin-top:18px}
  .journey-business-row{margin-top:14px}
  .coverage-flow article{grid-template-columns:34px 1fr}
  .support-answer-card{grid-template-columns:30px 1fr}.support-answer-card>em{grid-column:2;justify-self:start;margin-top:2px}
  .support-question-list article{grid-template-columns:24px 1fr auto}
  .knowledge-feature{padding:17px}.knowledge-feature>strong{font-size:20px}
}

/* =========================================================
   v3.2.9 LOCAL SEO HERO — SEARCH VISIBILITY MOCKUP
   Search-engine familiar, but deliberately branded/illustrative.
   No real ranking claim is made by the visual.
   ========================================================= */
.seo-hero-board.seo-ranking-preview{
  width:min(100%,610px);
  min-height:500px;
  padding:25px;
  transform:none;
}
.seo-ranking-preview .hero-ui-bar{margin-bottom:16px}
.seo-query-bar{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:11px 11px 11px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#f8f7f3;
  color:#121210;
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}
.seo-query-bar>span{font-size:20px;line-height:1;transform:translateY(-1px)}
.seo-query-bar>strong{overflow:hidden;font-size:11px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}
.seo-query-bar>em{padding:8px 10px;border-radius:10px;background:#11110f;color:#fff;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.04em}
.seo-local-pack{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(150px,.78fr);
  gap:10px;
  margin-top:11px;
}
.seo-local-results{
  padding:13px;
  border:1px solid #37342e;
  border-radius:18px;
  background:#f8f7f3;
  color:#11110f;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
.seo-pack-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px}
.seo-pack-label>span{color:#cf5000;font-size:7px;font-weight:950;letter-spacing:.14em}
.seo-pack-label>small{color:#8a857d;font-size:6.5px;font-weight:800}
.seo-local-result{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:10px 8px;
  border-top:1px solid #e5e0d7;
}
.seo-local-result.is-featured{
  position:relative;
  grid-template-columns:24px minmax(0,1fr) 24px;
  min-height:150px;
  margin-bottom:3px;
  padding:12px 10px;
  overflow:hidden;
  border:1px solid #e3d4c2;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#fbf4ea);
}
.seo-local-result.is-featured:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#ff6c00,#ffc62d)}
.seo-result-index{align-self:start;padding-top:3px;color:#9e968c;font-size:7px;font-weight:950;letter-spacing:.12em}
.seo-local-result.is-featured div>small{display:block;color:#d55300;font-size:7px;font-weight:950;letter-spacing:.13em}
.seo-local-result.is-featured div>strong{display:block;margin:6px 0 7px;font-size:19px;line-height:1.03;letter-spacing:-.04em}
.seo-local-result.is-featured p{margin:0!important;color:#716c64!important;font-size:8.5px!important;line-height:1.5!important}
.seo-local-result.is-featured>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#11110f;color:#fff;font-size:9px}
.seo-signal-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.seo-signal-chips span{padding:5px 6px;border-radius:999px;background:#f0ebe2;color:#625d55;font-size:6.5px;font-weight:900}
.seo-local-result:not(.is-featured) div>strong{display:block;color:#292722;font-size:9px}
.seo-local-result:not(.is-featured) div>small{display:block;margin-top:2px;color:#9b958c;font-size:7px}
.seo-map-preview{
  position:relative;
  min-height:323px;
  overflow:hidden;
  border:1px solid #39362f;
  border-radius:18px;
  background:
    radial-gradient(circle at 65% 25%,rgba(255,153,42,.15),transparent 27%),
    linear-gradient(145deg,#28261f,#181816 70%);
}
.seo-map-preview:before,.seo-map-preview:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.05);border-radius:46% 54% 62% 38%}
.seo-map-preview:before{inset:38px -65px 60px 18px;transform:rotate(-16deg)}
.seo-map-preview:after{inset:100px -40px -50px 55px;transform:rotate(21deg)}
.seo-map-label{position:absolute;left:14px;top:14px;color:#8f887d;font-size:7px;font-weight:950;letter-spacing:.15em}
.seo-map-road{position:absolute;display:block;height:1px;background:rgba(255,255,255,.09);transform-origin:left center}
.seo-map-road.road-a{left:-8%;top:45%;width:130%;transform:rotate(-21deg)}
.seo-map-road.road-b{left:10%;top:65%;width:100%;transform:rotate(17deg)}
.seo-map-road.road-c{left:38%;top:5%;width:90%;transform:rotate(69deg)}
.seo-map-pin{position:absolute;display:grid;place-items:center;width:13px;height:13px;border:2px solid #161613;border-radius:50%;background:#aaa39a;box-shadow:0 0 0 4px rgba(255,255,255,.04);font-size:0}
.seo-map-pin.pin-main{left:52%;top:42%;width:32px;height:32px;background:linear-gradient(120deg,#ff6d00,#ffc72e);color:#111;font-size:7px;font-weight:950;box-shadow:0 0 0 7px rgba(255,143,18,.12)}
.seo-map-pin.pin-two{left:25%;top:60%}.seo-map-pin.pin-three{right:18%;top:70%}
.seo-map-preview>em{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:7px 9px;border:1px solid #403c35;border-radius:999px;background:#20201c;color:#b8b1a7;font-size:7px;font-style:normal;font-weight:900;white-space:nowrap}
.seo-ranking-foot{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
  padding-top:13px;
  border-top:1px solid #35322c;
}
.seo-ranking-foot span{display:flex;align-items:center;gap:6px;color:#b6afa5;font-size:7px;font-weight:900;line-height:1.25}
.seo-ranking-foot i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#63cf6a;box-shadow:0 0 0 4px rgba(99,207,106,.08)}

@media(max-width:1100px){
  .seo-hero-board.seo-ranking-preview{width:min(100%,680px)}
}
@media(max-width:620px){
  .seo-hero-board.seo-ranking-preview{min-height:0;padding:18px}
  .seo-local-pack{grid-template-columns:1fr}
  .seo-map-preview{min-height:175px}
  .seo-local-result.is-featured{min-height:138px}
  .seo-ranking-foot{grid-template-columns:1fr;gap:7px}
  .seo-pack-label{align-items:flex-start;flex-direction:column}
}

/* v3.3.0 — Local SEO hero grounded in a real client website, not decorative UI art */
.seo-proof-showcase{
  width:min(100%,690px);
  min-height:520px;
  padding:20px;
  overflow:hidden;
  border-color:rgba(255,157,40,.24);
  background:linear-gradient(145deg,#171713 0%,#11110f 72%);
}
.seo-proof-showcase .hero-ui-bar{margin-bottom:18px}
.seo-proof-stage{position:relative;min-height:410px;padding:6px 0 0}
.seo-site-window{
  position:absolute;
  inset:10px 0 0 52px;
  overflow:hidden;
  border:1px solid #3c3932;
  border-radius:22px;
  background:#0d0d0b;
  box-shadow:0 28px 55px rgba(0,0,0,.28);
}
.seo-site-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  height:38px;
  padding:0 16px;
  border-bottom:1px solid #312f2a;
  background:#211f1a;
  color:#888176;
  font-size:8px;
  font-weight:800;
}
.seo-site-bar>b{color:#ffae17;font-size:7px;letter-spacing:.12em}
.seo-site-shot{height:100%;min-height:360px;background:#0a0a09}
.seo-site-shot img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;object-position:top center}
.seo-site-fallback{display:flex;min-height:360px;flex-direction:column;justify-content:center;padding:42px;color:#fff;background:linear-gradient(135deg,#0b0b0a,#1d150c)}
.seo-site-fallback small{margin-bottom:14px;color:#ffae17;font-weight:900;letter-spacing:.12em}
.seo-site-fallback strong{max-width:420px;font-size:42px;line-height:.95;letter-spacing:-.05em}
.seo-site-fallback span{margin-top:18px;color:#c7c0b6}
.seo-serp-overlay{
  position:absolute;
  z-index:3;
  left:0;
  top:58px;
  width:min(365px,61%);
  padding:20px;
  border:1px solid #ded8cf;
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 58px rgba(0,0,0,.38);
  color:#171612;
}
.seo-serp-overlay>small{display:block;margin-bottom:12px;color:#b54a00;font-size:7px;font-weight:950;letter-spacing:.14em}
.seo-serp-query{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dedbd4;border-radius:999px;background:#fbfaf7}
.seo-serp-query>span{font-size:17px;line-height:1}
.seo-serp-query>strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.seo-serp-result{padding:17px 4px 7px}
.seo-serp-result>span{display:block;margin-bottom:5px;color:#4e7c55;font-size:8px;font-weight:800}
.seo-serp-result>strong{display:block;color:#1b52a1;font-family:Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.16;letter-spacing:-.015em}
.seo-serp-result>p{margin:8px 0 0!important;color:#5f5a52!important;font-size:9px!important;line-height:1.5!important}
.seo-serp-signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #e9e5de}
.seo-serp-signals>span{padding:6px 8px;border-radius:999px;background:#f2efe8;color:#504b43;font-size:7px;font-weight:900}
.seo-proof-foot{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-top:17px;padding-top:15px;border-top:1px solid #37342e;color:#d0c8bc;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.seo-proof-foot>i{display:block;width:3px;height:3px;border-radius:50%;background:#ff9a16}
@media (max-width:1180px){
  .seo-proof-showcase{width:min(100%,720px);margin-inline:auto}
}
@media (max-width:720px){
  .seo-proof-showcase{min-height:0;padding:15px}
  .seo-proof-stage{display:flex;min-height:0;flex-direction:column;padding:0}
  .seo-site-window{position:relative;inset:auto;order:2;height:240px;border-radius:16px}
  .seo-site-shot,.seo-site-shot img,.seo-site-fallback{min-height:202px;height:202px}
  .seo-serp-overlay{position:relative;left:auto;top:auto;z-index:2;order:1;width:calc(100% - 20px);margin:0 10px -22px;padding:16px;border-radius:15px}
  .seo-serp-result>strong{font-size:14px}
  .seo-proof-foot{margin-top:14px;gap:7px;font-size:6.5px}
}

/* =========================
   v3.3.1 — Local SEO search-proof refinement
   Real website remains the hero; search result becomes a quieter proof layer.
   ========================= */
.seo-proof-showcase{
  min-height:510px;
  padding:19px;
  border-color:rgba(255,157,40,.2);
  background:
    radial-gradient(circle at 92% 4%,rgba(255,113,0,.09),transparent 28%),
    linear-gradient(145deg,#171713 0%,#10100e 74%);
}
.seo-proof-showcase .hero-ui-bar{margin-bottom:14px}
.seo-proof-stage{min-height:405px;padding-top:3px}
.seo-site-window{
  inset:8px 0 0 42px;
  border-color:#35332e;
  border-radius:20px;
  box-shadow:0 25px 48px rgba(0,0,0,.24);
}
.seo-site-bar{height:36px;padding-inline:15px}
.seo-site-shot,.seo-site-shot img{min-height:363px}

.seo-serp-overlay{
  left:8px;
  top:39px;
  width:min(334px,55%);
  padding:17px 18px 16px;
  border-color:#e5e0d8;
  border-radius:14px;
  box-shadow:0 20px 42px rgba(0,0,0,.3);
}
.seo-serp-overlay>small{
  margin-bottom:9px;
  color:#8c857a;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.11em;
}
.seo-serp-query{
  grid-template-columns:20px 1fr;
  gap:8px;
  min-height:42px;
  padding:9px 12px;
  border-color:#ddd8cf;
  background:#fff;
}
.seo-serp-query>span{font-size:16px;color:#2c2a26}
.seo-serp-query>strong{
  color:#171612;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:-.01em;
}
.seo-serp-result{padding:15px 3px 4px}
.seo-serp-result>span{
  margin-bottom:4px;
  color:#387449;
  font-family:Arial,sans-serif;
  font-size:8px;
  font-weight:700;
}
.seo-serp-result>strong{
  max-width:285px;
  color:#2456a4;
  font-family:Arial,sans-serif;
  font-size:14.5px;
  font-weight:500;
  line-height:1.22;
  letter-spacing:0;
}
.seo-serp-result>p{
  max-width:292px;
  margin-top:7px!important;
  color:#5c5851!important;
  font-family:Arial,sans-serif;
  font-size:8.7px!important;
  line-height:1.48!important;
}
.seo-serp-signals{
  gap:15px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #ece8e1;
}
.seo-serp-signals>span{
  position:relative;
  padding:0 0 0 10px;
  border-radius:0;
  background:transparent;
  color:#6c665d;
  font-size:6.7px;
  font-weight:850;
  letter-spacing:.025em;
}
.seo-serp-signals>span:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#ff8a00;
  transform:translateY(-50%);
}
.seo-proof-foot{
  margin-top:14px;
  padding-top:13px;
  color:#bcb5aa;
  font-size:7.4px;
}

@media (max-width:1180px) and (min-width:721px){
  .seo-serp-overlay{left:12px;width:min(330px,52%)}
  .seo-site-window{left:52px}
}
@media (max-width:720px){
  .seo-proof-showcase{padding:14px}
  .seo-proof-stage{padding:0}
  .seo-site-window{inset:auto;height:238px;border-radius:15px}
  .seo-site-shot,.seo-site-shot img,.seo-site-fallback{height:202px;min-height:202px}
  .seo-serp-overlay{
    width:calc(100% - 24px);
    margin:0 12px -18px;
    padding:15px 16px 14px;
    border-radius:13px;
  }
  .seo-serp-query>strong{font-size:10.5px}
  .seo-serp-result>strong{font-size:14px}
  .seo-serp-signals{gap:11px}
  .seo-proof-foot{font-size:6.2px}
}

/* =========================================================
   v3.4.0 — COMMERCIAL PUBLIC-SITE FINAL PASS
   Real proof over decorative clip-art, refined light surfaces,
   consistent card systems, and final internal-page polish.
   ========================================================= */

/* Refined light-page canvas: white cards now sit on a deliberate warm surface. */
body{background:#f8f6f1}
main{background:#f8f6f1}
.section:not(.section-dark){background:linear-gradient(180deg,#fcfbf8 0%,#f8f6f1 100%)}
.section-soft{background:linear-gradient(180deg,#f2eee6 0%,#f6f3ec 100%)!important;border-top:1px solid #ebe5da;border-bottom:1px solid #ebe5da}
.section{padding:96px 0}
.section-heading{max-width:760px}
.section-heading.centered{max-width:820px;margin-inline:auto}
.section-heading h2{letter-spacing:-.052em}
.surface-section{background:linear-gradient(180deg,#f7f3ec 0%,#fbfaf7 100%)!important}
.editorial-section{background:#f8f6f1!important}
.editorial-panel{
  padding:44px;
  border:1px solid #ded8cd;
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 70px rgba(17,17,15,.055);
}
.content-card{
  padding:clamp(28px,5vw,58px);
  border:1px solid #ded8cd;
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 70px rgba(17,17,15,.045);
}
.entry-content h2,.entry-content h3{letter-spacing:-.04em}
.entry-content h2{margin-top:1.6em}

/* Light cards: quieter, more premium, no decorative pseudo-clipart. */
.inner-feature-grid{gap:18px}
.inner-feature-grid article{
  min-height:210px;
  padding:28px;
  border-color:#ded8ce;
  border-radius:24px;
  background:linear-gradient(155deg,#fff 0%,#fdfbf7 100%);
  box-shadow:0 16px 50px rgba(17,17,15,.045);
}
.inner-feature-grid article:after{display:none!important;content:none!important}
.inner-feature-grid article>b{
  width:36px;height:36px;
  border:1px solid #f1d7bd;
  background:#fff7ef;
  color:#d65300;
  font-size:13px;
}
.inner-feature-grid h3{margin-top:30px;font-size:22px}
.inner-feature-grid p{color:#69655e;font-size:14px;line-height:1.62}
.taxonomy-card-grid{gap:18px}
.taxonomy-card-grid article{
  min-height:260px;
  padding:30px;
  border-color:#ded8ce;
  border-radius:25px;
  background:linear-gradient(155deg,#fff,#fdfbf7);
  box-shadow:0 16px 50px rgba(17,17,15,.045);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.taxonomy-card-grid article:hover{transform:translateY(-4px);border-color:#d4c5b4;box-shadow:0 24px 64px rgba(17,17,15,.075)}
.taxonomy-card-grid article>span{border:1px solid #f0d8c1;background:#fff7ef}
.taxonomy-card-grid h2{margin-top:42px}
.taxonomy-card-grid p{color:#69655e;line-height:1.65}
.refined-empty-state{background:linear-gradient(135deg,#fff,#f4efe6);box-shadow:0 20px 60px rgba(17,17,15,.05)}

/* Homepage managed-service design card now uses real project proof. */
.bento-design-proof{
  grid-column:span 2;
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(260px,1.12fr);
  gap:28px;
  align-items:stretch;
  min-height:330px!important;
  background:linear-gradient(145deg,#fff,#f8f4ec)!important;
}
.bento-design-proof .bento-copy{display:flex;flex-direction:column;min-width:0}
.bento-design-proof .managed-tags{margin-top:auto;padding-top:20px}
.bento-design-proof .proof-label{
  display:inline-flex;align-items:center;min-height:25px;padding:0 8px;
  border:1px solid #ded7cc;border-radius:999px;background:#fff;
  color:#777168;font-size:7px;font-weight:950;letter-spacing:.12em;
}
.bento-project-proof{
  align-self:stretch;
  min-height:250px;
  overflow:hidden;
  border:8px solid #171714;
  border-radius:21px;
  background:#171714;
  box-shadow:0 22px 55px rgba(17,17,15,.14);
  transition:transform .22s ease,box-shadow .22s ease;
}
.bento-project-proof:hover{transform:translateY(-3px);box-shadow:0 28px 65px rgba(17,17,15,.18)}
.bento-project-bar{height:27px;display:flex;align-items:center;gap:5px;padding:0 8px;background:#252520;color:#858078;font-size:6px}
.bento-project-bar i{width:5px;height:5px;border-radius:50%;background:#5a5952}
.bento-project-bar span{margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bento-project-proof img{display:block;width:100%;height:calc(100% - 27px);min-height:225px;object-fit:cover;object-position:top center}
.service-mark{display:none!important}
.managed-bento-final .bento-card:not(.bento-design-proof){background:#fff}
.managed-bento-final .bento-dark{background:#11110f!important}
.managed-bento-final .bento-card{border-color:#ded8ce;box-shadow:0 15px 44px rgba(17,17,15,.045)}
.message-chip{border:1px solid #e1ddd5;background:#f7f4ed}

/* Portfolio and pricing sit on a more deliberate light canvas. */
.projects-v4.section{background:linear-gradient(180deg,#fff 0%,#f8f6f1 100%)}
.home-project-visual{box-shadow:0 24px 65px rgba(17,17,15,.12)}
.home-project-meta{border-bottom-color:#dcd6cc}
.pricing-v4.section{background:linear-gradient(180deg,#f7f4ed 0%,#fff 42%,#f8f6f1 100%)}
.pricing-grid.wp-core-pricing .price-card{
  border-color:#dcd6cc;
  background:linear-gradient(155deg,#fff,#fbf9f4);
  box-shadow:0 18px 55px rgba(17,17,15,.06);
}
.pricing-grid.wp-core-pricing .price-card.featured{background:linear-gradient(155deg,#151512,#0d0d0b);box-shadow:0 30px 80px rgba(17,17,15,.22)}
.pricing-grid.wp-core-pricing .price-card:hover{transform:translateY(-4px);box-shadow:0 26px 68px rgba(17,17,15,.095)}
.pricing-grid.wp-core-pricing .price-card.featured:hover{box-shadow:0 34px 85px rgba(17,17,15,.26)}
.package-compare-link,.pricing-note{border-color:#ddd6ca;background:#fff}

/* Real-work hero board shared by Industries and other proof-led pages. */
.proof-portfolio-board,.location-proof-board,.detail-proof-board,.faq-proof-board,.guide-proof-board,.generic-info-board{
  width:min(100%,590px);
  min-height:455px;
  padding:25px;
}
.proof-board-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #35322d}
.proof-board-head small{display:block;color:#f2a25d;font-size:8px;font-weight:950;letter-spacing:.14em}
.proof-board-head strong{display:block;max-width:410px;margin-top:7px;font-size:27px;line-height:1.02;letter-spacing:-.045em}
.proof-board-head>span{flex:0 0 auto;padding:6px 8px;border:1px solid #454139;border-radius:999px;color:#bbb5ac;background:#20201c;font-size:7px;font-weight:950;letter-spacing:.1em}
.proof-project-stack{position:relative;z-index:2;display:grid;gap:10px}
.proof-project-row{display:grid;grid-template-columns:165px minmax(0,1fr) 28px;gap:14px;align-items:center;min-height:118px;padding:9px;border:1px solid #37342e;border-radius:18px;background:#20201c;transition:.22s}
.proof-project-row:hover{border-color:#6f4b2b;background:#252019;transform:translateY(-2px)}
.proof-project-row.is-primary{border-color:#65462d;background:linear-gradient(145deg,#2a2118,#1d1b17)}
.proof-project-shot{height:96px;overflow:hidden;border-radius:11px;background:#0d0d0b}
.proof-project-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.proof-project-shot>span{display:grid;height:100%;place-items:center;color:#ff9a1c;font-weight:950}
.proof-project-copy{min-width:0}
.proof-project-copy small{display:block;color:#a48f7c;font-size:7px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.proof-project-copy b{display:block;margin:5px 0 3px;font-size:15px;line-height:1.1}
.proof-project-copy span{display:block;color:#878178;font-size:8px}
.proof-project-row>em{display:grid;place-items:center;width:27px;height:27px;border:1px solid #4a453c;border-radius:50%;font-size:11px;font-style:normal}
.proof-board-foot{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid #35322d}
.proof-board-foot span{padding:6px 8px;border:1px solid #3b3831;border-radius:999px;color:#aaa49b;background:#1d1d19;font-size:7px;font-weight:850}
.proof-board-fallback{position:relative;z-index:2;padding:30px 4px}
.proof-board-fallback strong{display:block;font-size:27px;line-height:1.04;letter-spacing:-.04em}
.proof-board-fallback p{max-width:430px;color:#9d978e;font-size:12px}

/* Locations: real website + factual coverage details, no pseudo-map art. */
.location-proof-shot{position:relative;z-index:2;display:block;overflow:hidden;border:7px solid #161613;border-radius:18px;background:#111;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.proof-browser{height:26px;display:flex;align-items:center;gap:5px;padding:0 8px;background:#24241f;color:#817b72;font-size:6px}
.proof-browser i{width:5px;height:5px;border-radius:50%;background:#5c5a53}.proof-browser span{margin-left:4px}
.location-proof-shot img{display:block;width:100%;height:215px;object-fit:cover;object-position:top center}
.location-proof-list{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1.2fr 1fr;gap:8px;margin-top:12px}
.location-proof-list>div{min-width:0;padding:13px;border:1px solid #37342e;border-radius:13px;background:#20201c}
.location-proof-list small{display:block;color:#817a70;font-size:6.5px;font-weight:950;letter-spacing:.12em}
.location-proof-list strong{display:block;margin-top:5px;color:#e4dfd7;font-size:9px;line-height:1.3}

/* Detail heroes use genuine portfolio proof when available. */
.detail-proof-shot{position:relative;z-index:2;display:block;overflow:hidden;border:7px solid #161613;border-radius:18px;background:#111}
.detail-proof-shot img{display:block;width:100%;height:235px;object-fit:cover;object-position:top center}
.detail-proof-shot em{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:9px;background:rgba(10,10,9,.86);backdrop-filter:blur(10px);color:#eee9e0;font-size:7px;font-style:normal;font-weight:900}
.detail-proof-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}
.detail-proof-steps span{padding:9px 8px;border:1px solid #39362f;border-radius:11px;background:#20201c;color:#aaa49b;text-align:center;font-size:7.5px;font-weight:850}

/* FAQ / Guides: content previews, not decorative dashboards. */
.faq-proof-list{position:relative;z-index:2;display:grid;gap:8px}
.faq-proof-list article{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:15px;border:1px solid #38352f;border-radius:15px;background:#20201c}
.faq-proof-list article:first-child{border-color:#6b4a2d;background:linear-gradient(145deg,#2a2119,#211d17)}
.faq-proof-list article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#292722;color:#e7a266;font-size:7px;font-weight:950}
.faq-proof-list b{display:block;font-size:12px;line-height:1.2}.faq-proof-list p{margin:5px 0 0!important;color:#99938a!important;font-size:8.5px!important;line-height:1.5!important}
.guide-proof-list{position:relative;z-index:2;display:grid;gap:9px}
.guide-proof-list a{display:grid;grid-template-columns:30px 1fr 24px;gap:12px;align-items:center;min-height:76px;padding:13px 14px;border:1px solid #38352f;border-radius:14px;background:#20201c;transition:.2s}
.guide-proof-list a:hover{border-color:#6c4a2d;background:#272018;transform:translateY(-2px)}
.guide-proof-list>a>span{color:#817970;font-size:7px;font-weight:950}.guide-proof-list small{display:block;color:#d58e51;font-size:6.5px;font-weight:950;letter-spacing:.11em}.guide-proof-list b{display:block;margin-top:4px;font-size:11px;line-height:1.25}.guide-proof-list em{font-style:normal;color:#e0a16b;font-size:15px}

/* Generic/legal/blog content now receives the same premium hierarchy. */
.generic-info-board>p{position:relative;z-index:2;margin:24px 0 0;color:#9e988f;font-size:13px;line-height:1.65}
.generic-info-list{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.generic-info-list span{padding:15px;border:1px solid #37342e;border-radius:13px;background:#20201c;color:#d8d3ca;font-size:11px;font-weight:900}
.article-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center;min-height:460px}
.article-hero-image{justify-self:end;width:min(100%,540px);overflow:hidden;border:1px solid #3a3730;border-radius:26px;box-shadow:0 34px 95px rgba(0,0,0,.36)}
.article-hero-image img{display:block;width:100%;height:360px;object-fit:cover}
.post-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.post-card{padding:30px;border:1px solid #ded8cd;border-radius:24px;background:#fff;box-shadow:0 16px 50px rgba(17,17,15,.045)}
.post-card h2{font-size:28px;line-height:1.05;letter-spacing:-.045em}.post-card p{color:#69655e}

/* Contact/form white sections gain depth without looking like boxed software UI. */
.contact-form-section{background:linear-gradient(180deg,#f6f2ea,#fbfaf7)!important}
.contact-stack>div,.conversion-form-card{border-color:#ddd7cc;background:#fff;box-shadow:0 15px 45px rgba(17,17,15,.045)}
.conversion-form-card{border-radius:28px}
.company-card,.company-v4-card{border-color:#ddd7cc;background:linear-gradient(150deg,#fff,#faf7f1);box-shadow:0 20px 60px rgba(17,17,15,.05)}

/* FAQ section light canvas and stronger alignment. */
.faq-page-section,.faq-section{background:linear-gradient(180deg,#f2eee6,#f8f5ef)!important}
.faq-list details{border-color:#dcd5ca;box-shadow:0 10px 28px rgba(17,17,15,.035)}
.faq-list details[open]{box-shadow:0 17px 42px rgba(17,17,15,.07)}

/* Remove all superseded decorative hero art if any legacy markup survives. */
.customer-journey-board,.coverage-planner-board,.seo-map-preview,.seo-workbench-grid{background-image:none!important}
.journey-rail>i,.coverage-flow>i,.seo-map-road,.seo-map-pin{display:none!important}

@media(max-width:1050px){
  .section{padding:82px 0}
  .bento-design-proof{grid-template-columns:1fr 1fr}
  .proof-portfolio-board,.location-proof-board,.detail-proof-board,.faq-proof-board,.guide-proof-board,.generic-info-board{width:min(100%,680px);margin-inline:auto}
  .article-hero-grid{grid-template-columns:1fr;gap:38px}
  .article-hero-image{justify-self:start}
}
@media(max-width:790px){
  .section{padding:70px 0}
  .editorial-panel{padding:30px}
  .bento-design-proof{grid-column:auto;grid-template-columns:1fr;min-height:0!important}
  .bento-project-proof{min-height:230px}
  .proof-project-row{grid-template-columns:125px minmax(0,1fr) 28px}
  .location-proof-list{grid-template-columns:1fr}
  .post-listing-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .section{padding:58px 0}
  .shell{width:min(100% - 30px,1220px)}
  .editorial-panel,.content-card{padding:24px;border-radius:22px}
  .proof-portfolio-board,.location-proof-board,.detail-proof-board,.faq-proof-board,.guide-proof-board,.generic-info-board{padding:18px;min-height:0;border-radius:22px}
  .proof-board-head{gap:12px}.proof-board-head strong{font-size:23px}.proof-board-head>span{display:none}
  .proof-project-row{grid-template-columns:96px minmax(0,1fr);gap:10px}.proof-project-row>em{display:none}.proof-project-shot{height:78px}
  .detail-proof-shot img{height:190px}.detail-proof-steps{grid-template-columns:1fr}
  .bento-design-proof{padding:22px!important}.bento-project-proof img{min-height:190px}
  .location-proof-shot img{height:185px}
  .article-hero-image img{height:250px}
}

/* Managed-service grid final balance: real-project feature + three equal service cards. */
.managed-bento-final{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px}
.managed-bento-final .bento-design-proof{grid-column:1/-1}
.managed-bento-final .bento-card:not(.bento-design-proof){grid-column:span 2;min-height:245px}
@media(max-width:900px){
  .managed-bento-final{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .managed-bento-final .bento-design-proof{grid-column:1/-1}
  .managed-bento-final .bento-card:not(.bento-design-proof){grid-column:auto}
  .managed-bento-final .bento-card:last-child{grid-column:1/-1}
}
@media(max-width:620px){
  .managed-bento-final{grid-template-columns:1fr!important}
  .managed-bento-final .bento-design-proof,.managed-bento-final .bento-card:not(.bento-design-proof),.managed-bento-final .bento-card:last-child{grid-column:auto}
}

/* =========================================================
   v3.4.1 — PUBLIC THEME FREEZE POLISH
   Final alignment pass before customer-platform development.
   ========================================================= */

/* Global rhythm: a stricter grid and slightly calmer light sections. */
.section{padding:88px 0}
.section-heading h2{line-height:.98}
.section-heading p{max-width:650px}

/* LOCAL SEO — one convincing search-results composition, no layered website/mock-dashboard. */
.seo-search-showcase{
  width:min(100%,650px);
  min-height:515px;
  padding:20px;
  overflow:hidden;
  border-color:rgba(255,145,25,.24);
  background:radial-gradient(circle at 92% 0,rgba(255,108,0,.10),transparent 30%),linear-gradient(145deg,#171713,#10100e 76%);
}
.seo-search-showcase .hero-ui-bar{margin-bottom:16px}
.seo-search-page{
  position:relative;
  min-height:408px;
  padding:24px 25px 20px;
  border:1px solid #e2ddd4;
  border-radius:20px;
  background:#fff;
  color:#171612;
  box-shadow:0 22px 52px rgba(0,0,0,.24);
}
.seo-search-disclosure{position:absolute;right:25px;top:17px;color:#9b9488;font-size:6.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.seo-search-box{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:52px;margin-top:10px;padding:9px 10px 9px 15px;border:1px solid #d9d5cd;border-radius:999px;background:#fbfaf7}
.seo-search-box>span{font-size:17px;color:#272520}
.seo-search-box>strong{overflow:hidden;font-family:Arial,sans-serif;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.seo-search-box>b{padding:8px 12px;border-radius:999px;background:#171612;color:#fff;font-size:8px}
.seo-search-count{margin:14px 3px 0;color:#918b82;font-family:Arial,sans-serif;font-size:8px}
.seo-organic-result{padding:16px 4px 0;font-family:Arial,sans-serif}
.seo-organic-result>span{display:block;margin-bottom:4px;color:#357546;font-size:8.5px}
.seo-organic-result h3,.seo-organic-result h4{margin:0;color:#2458a6;font-family:Arial,sans-serif;font-weight:500;letter-spacing:0}
.seo-organic-result h3{max-width:500px;font-size:18px;line-height:1.18}
.seo-organic-result h4{font-size:13px;line-height:1.2}
.seo-organic-result p{max-width:510px;margin:7px 0 0!important;color:#5f5b54!important;font-size:9px!important;line-height:1.48!important}
.seo-sitelinks{display:flex;gap:18px;flex-wrap:wrap;margin-top:11px;color:#2458a6;font-size:8.5px;font-weight:600}
.seo-result-divider{height:1px;margin:15px 4px 0;background:#ece8e1}
.seo-organic-result.is-supporting{display:grid;grid-template-columns:1fr;gap:0;padding-top:12px}
.seo-organic-result.is-supporting p{margin-top:4px!important}
.seo-search-showcase .seo-proof-foot{margin-top:15px;padding-top:14px}

/* OUR WORK — real screenshots are the artwork. No rotated browser-card clipart. */
.work-proof-pair{min-height:470px;padding:24px}
.work-proof-head small{display:block;color:#f0a05a;font-size:8px;font-weight:950;letter-spacing:.14em}
.work-proof-head strong{display:block;margin-top:4px;font-size:24px;letter-spacing:-.04em}
.work-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.work-proof-card{min-width:0}
.work-proof-image{aspect-ratio:1.36;overflow:hidden;border:1px solid #37342e;border-radius:17px;background:#0e0e0c;box-shadow:0 18px 42px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease}
.work-proof-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease}
.work-proof-image>span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#ff6a00,#ffc536);color:#111;font-size:42px;font-weight:950}
.work-proof-meta{padding:12px 2px 0}
.work-proof-meta small{display:block;color:#8f897f;font-size:7px;line-height:1.35}
.work-proof-meta strong{display:block;margin-top:3px;color:#fff;font-size:14px;line-height:1.18}
.work-proof-meta em{display:inline-block;margin-top:7px;color:#ffb56f;font-size:7.5px;font-style:normal;font-weight:900}
.work-proof-card:hover .work-proof-image{transform:translateY(-3px);border-color:#745031}
.work-proof-card:hover .work-proof-image img{transform:scale(1.012)}

/* Portfolio listing: remove fake browser chrome and keep direct, aligned project proof. */
.portfolio-project-card .project-browser{display:none}
.portfolio-project-card .home-project-visual{padding:9px;border-radius:24px;background:#121210}
.portfolio-project-card .home-project-desktop{aspect-ratio:1.48;border-radius:16px}
.portfolio-project-card .home-project-meta{align-items:center;padding:16px 2px 0}
.portfolio-project-card .home-project-meta>div:first-child{min-width:0}
.portfolio-project-card .home-project-meta h3{margin-top:5px}
.portfolio-project-grid{align-items:start}

/* Homepage portfolio also gets a quieter browser treatment without fake window dots. */
.home-project-card .project-browser{height:26px;padding:0 9px;background:#171714;border-radius:17px 17px 0 0}
.home-project-card .project-browser i{display:none}
.home-project-card .project-browser span{margin-left:0;color:#807b72}

/* Managed service: real project proof, cleaner service cards, no abstract number decorations. */
.managed-bento-final .service-mark{display:none}
.managed-bento-final .bento-design-proof{grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:30px;align-items:center;min-height:330px;padding:28px}
.bento-design-proof .bento-copy{min-width:0}
.bento-design-proof .managed-tags{position:static;margin-top:19px;padding-top:0}
.bento-project-proof{align-self:stretch;min-height:255px;border-radius:19px}
.bento-project-proof .bento-project-bar{display:none}
.bento-project-proof img{height:100%;min-height:255px;border-radius:19px;object-fit:cover;object-position:top center}
.managed-bento-final .bento-card:not(.bento-design-proof){min-height:230px;padding:25px}
.managed-bento-final .bento-card:not(.bento-design-proof) h3{margin-top:22px}

/* Homepage process — exact column rhythm and aligned content. */
.process-track-v4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:31px}
.process-track-v4 .process-node{min-height:240px;padding-right:26px}
.process-track-v4 .process-node h3{min-height:49px;margin-top:38px}
.process-track-v4 .process-node p{max-width:260px;margin-bottom:0}
.ongoing-care-v4{margin-top:20px}

/* Homepage industries — more useful than six empty white links. */
.industries-v2-grid{grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center}
.industries-v4 .section-heading h2{max-width:520px;font-size:clamp(48px,4.5vw,66px);line-height:.98}
.industry-cloud{gap:11px}
.industry-cloud a{min-height:118px;padding:18px 19px;grid-template-columns:28px 1fr 20px;grid-template-rows:auto 1fr;align-items:start}
.industry-cloud a span{grid-row:1/3}
.industry-cloud a strong{font-size:16px;line-height:1.15;align-self:end}
.industry-cloud a em{grid-column:2/3;color:#777168;font-size:10px;font-style:normal;font-weight:500;line-height:1.45;align-self:start;margin-top:6px}
.industry-cloud a b{grid-column:3;grid-row:1/3;align-self:center}

/* Company section — remove giant decorative ghost text and align facts. */
.company-v4-kicker{display:none}
.company-v4-card{grid-template-columns:1.08fr .92fr;align-items:center;padding:48px;gap:52px}
.company-v4-card .company-facts{align-self:center}
.company-v4-card .company-facts>div{min-height:112px}

/* HOW IT WORKS body — six steps align as a deliberate 3 x 2 system. */
.process-track-large{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin-top:34px}
.process-track-large .process-node{min-height:225px;padding:0 26px 0 0}
.process-track-large .process-node:nth-child(3n) .node-line{display:none}
.process-track-large .process-node:nth-child(n+4) .node-line{top:23px}
.process-track-large .process-node h3{min-height:48px;margin-top:42px}
.process-track-large .process-node p{max-width:330px;margin-bottom:0}

/* ABOUT — hero owns the company facts; body explains the model instead of repeating them. */
.about-why-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:68px;align-items:start}
.about-why-grid>.section-heading{position:sticky;top:120px}
.about-why-grid>.section-heading h2{font-size:clamp(45px,4.8vw,65px)}
.about-principles{display:grid;gap:12px}
.about-principles article{padding:29px 30px;border:1px solid #ddd7cd;border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(17,17,15,.04)}
.about-principles article small{color:#b64c05;font-size:8px;font-weight:950;letter-spacing:.12em}
.about-principles article h3{margin:12px 0 7px;font-size:24px;line-height:1.05;letter-spacing:-.04em}
.about-principles article p{margin:0;color:#716c64;font-size:14px;line-height:1.62}

/* CONTACT — use the left column instead of leaving a large dead area. */
.form-layout-v42{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.contact-sidebar{position:sticky;top:115px;display:grid;gap:12px}
.contact-stack{display:grid;gap:10px}
.contact-stack>div{padding:21px 22px}
.contact-next-card{padding:24px;border:1px solid #ddd7cc;border-radius:22px;background:#171714;color:#fff;box-shadow:0 18px 48px rgba(17,17,15,.08)}
.contact-next-card .eyebrow{color:#ffae68}
.contact-next-card ol{list-style:none;padding:0;margin:18px 0 0}
.contact-next-card li{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:13px 0;border-top:1px solid #34312b}
.contact-next-card li:first-child{border-top:0;padding-top:0}
.contact-next-card li>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#272620;color:#ffb76a;font-size:9px}
.contact-next-card strong{display:block;font-size:13px;line-height:1.25}
.contact-next-card p{margin:4px 0 0!important;color:#a9a39a;font-size:10.5px!important;line-height:1.5!important}
.conversion-form-card{padding:32px}
.wp-form-submit{align-items:flex-start;flex-wrap:wrap}
.wp-form-submit small{flex:1 1 260px;max-width:520px;padding-top:5px;font-size:10px}

/* FAQ polish: answers feel contained without giant white voids. */
.faq-list details{border:1px solid #ded8cd;border-radius:18px;background:#fff;overflow:hidden;margin-bottom:9px}
.faq-list{border-top:0}
.faq-list summary{padding:19px 21px}
.faq-list details p{padding:0 21px 20px;max-width:720px}

/* Responsive final alignment. */
@media(max-width:1180px){
  .work-proof-pair{width:min(100%,720px);margin-inline:auto}
  .about-why-grid{grid-template-columns:1fr;gap:35px}
  .about-why-grid>.section-heading{position:static}
  .managed-bento-final .bento-design-proof{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .section{padding:72px 0}
  .process-track-large{grid-template-columns:1fr 1fr;gap:30px 20px}
  .process-track-large .process-node:nth-child(3n) .node-line{display:block}
  .process-track-large .process-node:nth-child(2n) .node-line{display:none}
  .industries-v2-grid{grid-template-columns:1fr;gap:34px}
  .industries-v4 .section-heading h2{max-width:680px}
  .company-v4-card{grid-template-columns:1fr;gap:30px}
  .contact-sidebar{position:static}
  .form-layout-v42{grid-template-columns:1fr;gap:22px}
}
@media(max-width:720px){
  .seo-search-showcase{min-height:0;padding:14px}
  .seo-search-page{min-height:0;padding:19px 17px 16px;border-radius:16px}
  .seo-search-disclosure{position:static;margin-bottom:8px;text-align:right}
  .seo-search-box{grid-template-columns:20px 1fr;padding-right:12px}
  .seo-search-box>b{display:none}
  .seo-organic-result h3{font-size:16px}
  .seo-organic-result.is-supporting:last-of-type{display:none}
  .work-proof-grid{grid-template-columns:1fr}
  .work-proof-pair{min-height:0;padding:18px}
  .work-proof-image{aspect-ratio:1.55}
  .managed-bento-final .bento-design-proof{grid-template-columns:1fr;gap:20px;min-height:0}
  .bento-project-proof{min-height:210px}
  .bento-project-proof img{min-height:210px}
  .process-track-large{grid-template-columns:1fr;gap:20px}
  .process-track-large .process-node .node-line{display:none!important}
  .process-track-large .process-node{min-height:0;padding:0 0 16px}
  .process-track-large .process-node h3{min-height:0;margin-top:18px}
  .industry-cloud{grid-template-columns:1fr}
  .industry-cloud a{min-height:104px}
  .company-v4-card{padding:30px 22px}
  .conversion-form-card{padding:24px 20px}
}

/* v3.4.2 — final managed-service alignment polish */
.managed-bento-final{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch;
}
.managed-bento-final .bento-design-proof{
  grid-column:1/-1!important;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;
  gap:34px!important;
  align-items:center;
  min-height:340px!important;
  padding:30px!important;
}
.bento-design-proof .bento-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  justify-content:center;
}
.bento-design-proof .bento-head{margin-bottom:20px}
.bento-design-proof h3{margin:0 0 12px!important;font-size:31px!important;line-height:1.02!important;max-width:330px!important}
.bento-design-proof p{font-size:15px!important;line-height:1.62!important;max-width:390px!important}
.bento-design-proof .managed-tags{
  position:static!important;
  display:flex!important;
  gap:0!important;
  flex-wrap:wrap;
  margin-top:22px!important;
  padding:0!important;
}
.bento-design-proof .managed-tags span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#5f5a51!important;
  font-size:10px!important;
  font-weight:850!important;
}
.bento-design-proof .managed-tags span+span:before{
  content:'•';
  margin:0 10px;
  color:#d35b0a;
}
.bento-project-proof{
  min-height:278px!important;
  align-self:stretch!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(17,17,15,.12);
  background:#11110f;
  overflow:hidden;
}
.bento-project-proof img{
  display:block;
  width:100%;
  height:100%!important;
  min-height:278px!important;
  object-fit:cover!important;
  object-position:top center!important;
  border-radius:18px!important;
}
.managed-bento-final .bento-card:not(.bento-design-proof){
  grid-column:auto!important;
  min-height:270px!important;
  padding:27px!important;
  display:flex!important;
  flex-direction:column!important;
}
.managed-bento-final .bento-card:not(.bento-design-proof) .bento-head{margin-bottom:22px}
.managed-bento-final .bento-card:not(.bento-design-proof) h3{
  margin:0 0 12px!important;
  min-height:58px;
  font-size:27px!important;
  line-height:1.02!important;
  letter-spacing:-.045em;
  max-width:240px;
}
.managed-bento-final .bento-card:not(.bento-design-proof) p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.62!important;
  max-width:245px!important;
}
.managed-bento-final .uptime,
.managed-bento-final .message-chip,
.managed-bento-final .mini-phone{
  position:static!important;
  margin-top:auto!important;
  min-height:42px;
  width:100%;
  border-radius:13px;
  box-sizing:border-box;
}
.managed-bento-final .uptime{
  display:flex!important;
  justify-content:flex-start;
  align-items:center;
  gap:9px;
  padding:11px 13px;
  background:#1c1c19;
  border:1px solid #2e2e29;
  color:#f0efe9;
}
.managed-bento-final .uptime span{width:8px;height:8px;flex:0 0 auto}
.managed-bento-final .uptime b{font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.managed-bento-final .message-chip{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px!important;
  background:#f4f1e9;
  border:1px solid #e2ddd2;
}
.managed-bento-final .message-chip span{font-size:9px;color:#777168}
.managed-bento-final .message-chip b{font-size:9px;color:#247d2d;white-space:nowrap}
.managed-bento-final .mini-phone{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  padding:11px 13px!important;
  border:1px solid #ded8cd;
  background:#f7f4ed;
  color:#11110f!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.managed-bento-final .mini-phone:hover{border-color:#c95b10;background:#fff}

@media(max-width:1050px){
  .managed-bento-final{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .managed-bento-final .bento-design-proof{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
  .managed-bento-final .bento-card:not(.bento-design-proof){grid-column:auto!important}
  .managed-bento-final .bento-card:last-child{grid-column:1/-1!important;min-height:220px!important}
}
@media(max-width:700px){
  .managed-bento-final{grid-template-columns:1fr!important}
  .managed-bento-final .bento-design-proof{grid-template-columns:1fr!important;gap:24px!important;padding:24px!important}
  .managed-bento-final .bento-card,
  .managed-bento-final .bento-card:last-child{grid-column:auto!important;min-height:0!important}
  .managed-bento-final .bento-card:not(.bento-design-proof) h3{min-height:0}
  .bento-project-proof,.bento-project-proof img{min-height:230px!important}
}

/* =========================================================
   v3.5.0 MASTER ART DIRECTION + PRODUCTION POLISH
   Final public-theme system before platform/plugin work.
   ========================================================= */

/* ---- Global visual discipline ---- */
:root{
  --master-canvas:#f6f3ec;
  --master-surface:#fff;
  --master-border:#ddd8ce;
  --master-border-dark:#39362f;
  --master-copy:#6d6961;
  --master-shadow:0 18px 52px rgba(17,17,15,.055);
  --master-shadow-strong:0 28px 72px rgba(17,17,15,.11);
}
.section-soft,.surface-section,.contact-form-section,.start-form-section{background:var(--master-canvas)}
.section-heading h2{letter-spacing:-.055em;line-height:.98;text-wrap:balance}
.section-heading p,.heading-aside p,.long-copy p{color:var(--master-copy)}
.inner-feature-grid,.master-feature-grid,.taxonomy-card-grid{gap:14px}
.inner-feature-grid article,.master-feature-grid article,.taxonomy-card-grid article,.contact-stack>div,.company-facts>div{
  border:1px solid var(--master-border);
  background:var(--master-surface);
  box-shadow:none;
}
.inner-feature-grid article,.master-feature-grid article{padding:25px;border-radius:20px}
.inner-feature-grid article>b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff3e8;color:#cf5200;font-size:11px}
.master-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px}
.master-feature-grid article{min-height:210px;display:flex;flex-direction:column}
.master-feature-grid small{color:#a3480c;font-size:9px;font-weight:950;letter-spacing:.14em}
.master-feature-grid h3{margin:44px 0 9px;font-size:22px;line-height:1.06;letter-spacing:-.04em}
.master-feature-grid p{margin:0;color:#77726a;font-size:13px;line-height:1.62}

/* Remove ornamental UI where the real work is stronger. */
.portfolio-project-card .project-browser,.home-project-card .project-browser{display:none}
.portfolio-project-card .home-project-visual,.home-project-card .home-project-visual{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.portfolio-project-card .home-project-desktop,.home-project-card .home-project-desktop{border-radius:22px;overflow:hidden;border:1px solid #d9d5cc;background:#111;box-shadow:var(--master-shadow-strong)}
.portfolio-project-card:hover .home-project-visual,.home-project-card:hover .home-project-visual{transform:none;box-shadow:none}
.portfolio-project-card:hover .home-project-desktop,.home-project-card:hover .home-project-desktop{transform:translateY(-4px);box-shadow:0 32px 78px rgba(17,17,15,.14)}
.portfolio-project-card .home-project-desktop,.home-project-card .home-project-desktop{transition:transform .22s ease,box-shadow .22s ease}
.home-project-phone{border:1px solid #30302d;box-shadow:0 18px 42px rgba(0,0,0,.30)}

/* ---- Managed service: real proof + three disciplined service blocks ---- */
.managed-v2.section{padding:96px 0;background:var(--master-canvas)}
.managed-master-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}
.managed-master-intro{position:sticky;top:118px;align-self:start}
.managed-master-intro h2{font-size:clamp(46px,4.8vw,67px);margin:0}
.managed-master-intro h2 span{color:#9d927f}
.managed-master-intro p{max-width:510px;font-size:16px;line-height:1.68}
.managed-master-panel{display:grid;gap:14px}
.managed-master-feature{display:grid;grid-template-columns:.88fr 1.12fr;min-height:350px;border:1px solid var(--master-border);border-radius:26px;background:#fff;overflow:hidden;box-shadow:var(--master-shadow)}
.managed-master-copy{padding:31px 28px 29px;display:flex;flex-direction:column;min-width:0}
.managed-master-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.managed-master-label small{font-size:9px;font-weight:950;letter-spacing:.13em;color:#ad4807}
.managed-master-label span{font-size:8px;font-weight:950;letter-spacing:.1em;color:#817c73}
.managed-master-copy h3{font-size:34px;line-height:1;letter-spacing:-.055em;margin:62px 0 12px}
.managed-master-copy p{font-size:13px;line-height:1.62;color:#716d65;margin:0}
.managed-master-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
.managed-master-points span{padding:7px 9px;border:1px solid #ded9cf;border-radius:999px;font-size:8px;font-weight:900;color:#67635c;background:#fff}
.managed-master-project{position:relative;min-height:350px;background:#111;overflow:hidden;border-left:1px solid #e2ded5}
.managed-master-project img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}
.managed-master-project:hover img{transform:scale(1.018)}
.managed-master-project>span{position:absolute;left:17px;right:17px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.94);color:#111;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.managed-master-project b{font-size:11px}.managed-master-project em{font-style:normal;font-size:9px;font-weight:900;color:#7d776f}
.managed-master-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.managed-master-service{min-height:224px;padding:25px;border:1px solid var(--master-border);border-radius:22px;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(17,17,15,.035)}
.managed-master-service.is-dark{background:#11110f;color:#fff;border-color:#11110f}
.managed-master-service>small{font-size:9px;font-weight:950;letter-spacing:.13em;color:#ad4807}.managed-master-service.is-dark>small{color:#ffae69}
.managed-master-service h3{font-size:26px;line-height:1.02;letter-spacing:-.045em;margin:48px 0 9px}.managed-master-service p{font-size:13px;line-height:1.58;color:#746f67;margin:0}.managed-master-service.is-dark p{color:#a3a099}
.service-status,.service-action,.service-phone{margin-top:auto;padding-top:22px;font-size:10px;font-weight:900}
.service-status{display:flex;align-items:center;gap:8px;color:#ddd9d1}.service-status i{width:8px;height:8px;border-radius:50%;background:#65d26d;box-shadow:0 0 0 5px rgba(101,210,109,.1)}
.service-action{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#807b72}.service-action b{color:#27812f}
.service-phone{text-decoration:underline;text-decoration-color:#ff9a4f;text-underline-offset:5px}

/* ---- Local SEO: one clean SERP composition, no pseudo-dashboard art ---- */
.seo-serp-master{justify-self:end;width:min(100%,555px);padding:25px;border:1px solid #3a3730;border-radius:28px;background:#171714;box-shadow:0 34px 95px rgba(0,0,0,.38);color:#111}
.seo-serp-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px 17px;border-bottom:1px solid #34312c;color:#fff}
.seo-serp-top small{display:block;font-size:8px;color:#f0a25e;font-weight:950;letter-spacing:.13em}.seo-serp-top strong{display:block;margin-top:4px;font-size:16px}.seo-serp-top>span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #3d3932;border-radius:999px;font-size:8px;font-weight:900;color:#bbb7ae}.seo-serp-top>span i{width:7px;height:7px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.1)}
.seo-serp-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-top:17px;padding:14px 15px;border-radius:16px;background:#fff;border:1px solid #e2ddd4}.seo-serp-search>span{font-size:19px}.seo-serp-search b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-serp-search em{font-style:normal;padding:7px 10px;border-radius:9px;background:#111;color:#fff;font-size:8px;font-weight:900}
.seo-serp-results{margin-top:10px;border-radius:19px;background:#fff;overflow:hidden;border:1px solid #e1dcd3}
.seo-serp-result{padding:17px 20px;border-top:1px solid #ece8df}.seo-serp-result:first-child{border-top:0}.seo-serp-result small{color:#41824d;font-size:8px;font-weight:800}.seo-serp-result h3{margin:5px 0 7px;color:#174ea6;font-size:20px;line-height:1.08;letter-spacing:-.03em}.seo-serp-result h4{margin:4px 0 5px;color:#174ea6;font-size:14px;line-height:1.15}.seo-serp-result p{margin:0!important;color:#68645d!important;font-size:10px!important;line-height:1.5!important}.seo-serp-result.is-client{padding:21px 20px;border-left:3px solid #ff7200;background:#fffaf4}.seo-serp-result.is-client>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.seo-serp-result.is-client>div span{padding:5px 7px;border-radius:999px;background:#f1eee7;color:#625e57;font-size:7px;font-weight:850}
.seo-serp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;color:#aaa69e;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.seo-serp-foot i{width:3px;height:3px;border-radius:50%;background:#7c7469}

/* ---- Our Work: direct real screenshots, not faux browser windows ---- */
.work-gallery-master{justify-self:end;width:min(100%,570px)}
.work-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px;color:#fff}.work-gallery-heading small{font-size:8px;font-weight:950;letter-spacing:.14em;color:#f2a35e}.work-gallery-heading strong{font-size:18px;letter-spacing:-.03em}
.work-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.work-gallery-item{display:flex;flex-direction:column;min-width:0}
.work-gallery-image{aspect-ratio:1.15;overflow:hidden;border:1px solid #3a3731;border-radius:20px;background:#121210;box-shadow:0 24px 64px rgba(0,0,0,.3);transition:transform .22s ease,border-color .22s ease}.work-gallery-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.work-gallery-item:hover .work-gallery-image{transform:translateY(-4px);border-color:#6a4d31}
.work-gallery-meta{padding:13px 2px 0;color:#fff}.work-gallery-meta span{display:block;color:#9b968d;font-size:8px}.work-gallery-meta strong{display:block;margin-top:4px;font-size:16px;line-height:1.1;letter-spacing:-.035em}.work-gallery-meta em{display:block;margin-top:9px;color:#ffb06c;font-size:9px;font-style:normal;font-weight:900}
.work-gallery-empty{grid-column:1/-1;display:grid;place-items:center;min-height:280px;border:1px dashed #3e3a33;border-radius:20px;color:#bbb7ae}
.portfolio-project-grid{gap:46px 30px}.portfolio-project-card .home-project-meta{min-height:100px;border-bottom:0;padding-left:2px;padding-right:2px}.portfolio-project-card .home-project-meta h3{font-size:24px}.portfolio-project-card .project-meta-action small{display:block}

/* ---- Process: compact equal-height cards rather than sparse line diagrams ---- */
.process-master-section{background:#fff}
.process-master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.process-master-grid article{min-height:258px;padding:27px;border:1px solid var(--master-border);border-radius:22px;background:#fff;display:flex;flex-direction:column;box-shadow:none}
.process-master-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.process-master-grid article>div b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#111;color:#fff;font-size:10px}.process-master-grid article:first-child>div b,.process-master-grid article:last-child>div b{background:linear-gradient(115deg,var(--orange),var(--gold));color:#111}.process-master-grid article>div span{font-size:8px;font-weight:950;letter-spacing:.13em;color:#9a958c}
.process-master-grid h3{margin:auto 0 10px;font-size:23px;line-height:1.05;letter-spacing:-.04em}.process-master-grid p{margin:0;color:#746f67;font-size:13px;line-height:1.62}
.process-input-section{padding:78px 0}.process-input-master{display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center;padding:38px 42px;border:1px solid var(--master-border);border-radius:26px;background:#fff;box-shadow:var(--master-shadow)}.process-input-master h2{font-size:clamp(38px,4vw,54px);line-height:.98;letter-spacing:-.05em;margin:5px 0 12px}.process-input-master p{margin:0;color:#716d65;max-width:580px}.process-input-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.process-input-list>span{min-height:98px;padding:17px;border:1px solid #e0dbd1;border-radius:17px;display:flex;flex-direction:column;justify-content:space-between}.process-input-list small{font-size:8px;font-weight:950;letter-spacing:.12em;color:#9b958b}.process-input-list b{font-size:15px}

/* Homepage dark process: straighten rhythm and equalise text. */
.process-v4 .process-track-v4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.process-v4 .process-node{min-height:245px;padding-right:30px}.process-v4 .process-node h3{margin-top:38px;min-height:48px}.process-v4 .process-node p{max-width:260px}.ongoing-care-v4{margin-top:34px}

/* ---- About: one clear story, facts only once ---- */
.about-manifesto-master{justify-self:end;width:min(100%,520px);padding:33px;border:1px solid #3a3731;border-radius:28px;background:#171714;color:#fff;box-shadow:0 34px 95px rgba(0,0,0,.36)}
.about-manifesto-master>small{font-size:8px;font-weight:950;letter-spacing:.14em;color:#ffac67}.about-manifesto-master>strong{display:block;margin:20px 0 13px;font-size:40px;line-height:.98;letter-spacing:-.05em}.about-manifesto-master>p{margin:0;color:#a49f96;font-size:13px;line-height:1.6}.about-manifesto-master>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid #35322d}.about-manifesto-master>div span{font-size:8px;font-weight:950;letter-spacing:.1em;color:#d6d1c8}
.about-why-section{background:#fff}.about-why-grid{align-items:start}.about-principles{display:grid;gap:10px}.about-principles article{padding:25px 0;border-top:1px solid #dfdbd2}.about-principles article:first-child{border-top:0;padding-top:0}.about-principles small{font-size:9px;color:#ad4807;font-weight:950;letter-spacing:.12em}.about-principles h3{font-size:25px;margin:10px 0 8px;letter-spacing:-.04em}.about-principles p{margin:0;color:#706c64}
.about-credentials-section{padding:0 0 82px;background:#fff}.about-credentials-master{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--master-border);border-radius:22px;overflow:hidden}.about-credentials-master>div{min-height:105px;padding:20px;border-right:1px solid var(--master-border);display:flex;flex-direction:column;justify-content:space-between}.about-credentials-master>div:last-child{border-right:0}.about-credentials-master small{font-size:8px;color:#969087;font-weight:950;letter-spacing:.13em}.about-credentials-master strong{font-size:15px}

/* ---- Contact: denser, balanced conversion layout ---- */
.contact-form-section{padding:82px 0 88px}.form-layout-v42{grid-template-columns:.72fr 1.28fr;gap:18px;align-items:start}.contact-sidebar{display:grid;gap:14px;position:sticky;top:112px}.contact-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-stack>div{min-height:132px;padding:20px;border-radius:18px}.contact-stack>div small{font-size:8px;font-weight:950;letter-spacing:.13em;color:#a3480c}.contact-stack>div a{font-size:15px;font-weight:900}.contact-stack>div p{margin:7px 0 0!important;line-height:1.55}
.contact-next-card{padding:24px;border:1px solid var(--master-border);border-radius:20px;background:#11110f;color:#fff}.contact-next-card .eyebrow{color:#ffad68;margin-bottom:12px}.contact-next-card ol{list-style:none;margin:0;padding:0}.contact-next-card li{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:13px 0;border-top:1px solid #302e29}.contact-next-card li:first-child{border-top:0}.contact-next-card li>b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #4a453d;border-radius:50%;font-size:9px;color:#ffc17d}.contact-next-card strong{font-size:13px}.contact-next-card p{margin:3px 0 0!important;color:#a39f97!important;font-size:11px!important;line-height:1.5!important}
.conversion-form-card{padding:32px;border-radius:24px;border:1px solid var(--master-border);background:#fff;box-shadow:var(--master-shadow)}.form-card-head{margin-bottom:25px}.form-card-head h2{font-size:42px;line-height:1;letter-spacing:-.05em;margin:5px 0 10px}.form-card-head p{margin:0;color:#716c64;max-width:650px}.conversion-form-card .wp-enquiry-form{max-width:none}.conversion-form-card .wp-form-grid{gap:14px}.conversion-form-card .wp-enquiry-form p{margin-bottom:14px}.conversion-form-card .wp-enquiry-form label{font-size:12px}.conversion-form-card .wp-enquiry-form input,.conversion-form-card .wp-enquiry-form textarea,.conversion-form-card .wp-enquiry-form select{margin-top:6px;padding:14px 15px;border-color:#d9d4ca;background:#fbfaf7}.conversion-form-card .wp-enquiry-form textarea{min-height:150px;resize:vertical}.contact-reassurance-master{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;border:1px solid var(--master-border);border-radius:18px;background:#fff;overflow:hidden}.contact-reassurance-master span{padding:18px 20px;border-right:1px solid var(--master-border)}.contact-reassurance-master span:last-child{border-right:0}.contact-reassurance-master b,.contact-reassurance-master small{display:block}.contact-reassurance-master b{font-size:12px}.contact-reassurance-master small{margin-top:3px;color:#7a756d;font-size:10px}

/* ---- Company proof on homepage: compact, no giant watermark typography ---- */
.company-v4{padding:88px 0;background:#fff}.company-master{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:end;padding:46px 48px;border:1px solid var(--master-border);border-radius:28px;background:var(--master-canvas);box-shadow:var(--master-shadow)}
.company-master-copy h2{font-size:clamp(42px,4.7vw,64px);line-height:.96;letter-spacing:-.055em;margin:4px 0 16px}.company-master-copy h2 span{color:#9f9584}.company-master-copy p{max-width:650px;margin:0;color:#6f6a62;font-size:15px}.company-master-copy .company-actions{margin-top:25px}.company-master-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.company-master-facts>div{min-height:105px;padding:18px;border:1px solid #ddd8ce;border-radius:17px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.company-master-facts small{font-size:8px;color:#969087;font-weight:950;letter-spacing:.12em}.company-master-facts strong{font-size:14px;line-height:1.2}

/* ---- Industries / taxonomy cards: richer hierarchy, perfectly aligned ---- */
.industry-cloud{align-items:stretch}.industry-cloud a{grid-template-columns:38px 1fr auto;grid-template-rows:auto 1fr;min-height:128px;padding:20px}.industry-cloud a span{grid-row:1/3;align-self:start}.industry-cloud a strong{align-self:end}.industry-cloud a em{grid-column:2/3;display:block;margin-top:7px;color:#77726a;font-size:10px;font-style:normal;font-weight:600;line-height:1.45}.industry-cloud a b{grid-row:1/3;align-self:center}.taxonomy-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.taxonomy-card-grid article{min-height:280px;padding:25px;border-radius:22px}.taxonomy-card-grid article>span{font-size:9px;font-weight:950;color:#a3480c}.taxonomy-card-grid h2{margin:50px 0 10px;font-size:24px;line-height:1.05;letter-spacing:-.04em}.taxonomy-card-grid p{font-size:13px;line-height:1.62;color:#716d65}

/* ---- FAQ, pricing and light sections: cleaner white-card system ---- */
.faq-grid{gap:72px}.faq-list details{border-color:var(--master-border);box-shadow:none}.faq-list summary span{background:#f2eee5;color:#111}.faq-list details[open] summary span{transform:rotate(45deg);background:#111;color:#fff}
.pricing-grid.wp-core-pricing .price-card{box-shadow:none}.pricing-grid.wp-core-pricing .price-card.featured{box-shadow:0 24px 65px rgba(17,17,15,.15)}
.package-compare-link,.pricing-note{border-color:var(--master-border)}

/* ---- Footer pre-CTA stays the intentional end of every page ---- */
.final-cta{border-top:1px solid #24231f}

/* ---- Responsive master pass ---- */
@media(max-width:1100px){
  .managed-master-grid{grid-template-columns:1fr;gap:38px}.managed-master-intro{position:static;max-width:760px}.managed-master-panel{max-width:none}
  .master-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-gallery-master,.about-manifesto-master,.seo-serp-master{justify-self:start;width:min(100%,700px)}
  .form-layout-v42{grid-template-columns:1fr;gap:18px}.contact-sidebar{position:static;grid-template-columns:1fr 1fr;align-items:start}.contact-next-card{height:100%}
  .company-master{grid-template-columns:1fr}.about-credentials-master{grid-template-columns:1fr 1fr}.about-credentials-master>div:nth-child(2){border-right:0}.about-credentials-master>div:nth-child(-n+2){border-bottom:1px solid var(--master-border)}
}
@media(max-width:790px){
  .section{padding:76px 0}.managed-v2.section,.company-v4,.contact-form-section{padding:72px 0}
  .managed-master-feature{grid-template-columns:1fr;min-height:0}.managed-master-copy{padding:25px}.managed-master-copy h3{margin-top:40px}.managed-master-project{min-height:300px;border-left:0;border-top:1px solid #e2ded5}.managed-master-services{grid-template-columns:1fr}.managed-master-service{min-height:190px}
  .master-feature-grid,.process-master-grid,.taxonomy-card-grid{grid-template-columns:1fr}.master-feature-grid article,.process-master-grid article{min-height:0}
  .work-gallery-grid{grid-template-columns:1fr}.work-gallery-image{aspect-ratio:1.45}
  .process-input-master{grid-template-columns:1fr;gap:28px;padding:30px 25px}.process-input-list{grid-template-columns:1fr 1fr}
  .process-v4 .process-track-v4{grid-template-columns:1fr}.process-v4 .process-node{min-height:0;padding:0 0 28px 64px}.process-v4 .process-node>b{position:absolute;left:0}.process-v4 .node-line{left:24px;top:50px;bottom:0;width:1px;height:auto}.process-v4 .process-node h3{min-height:0;margin:3px 0 8px}.process-v4 .process-node:last-child .node-line{display:none}
  .contact-sidebar{grid-template-columns:1fr}.contact-stack{grid-template-columns:1fr 1fr}.conversion-form-card{padding:25px}.contact-reassurance-master{grid-template-columns:1fr}.contact-reassurance-master span{border-right:0;border-bottom:1px solid var(--master-border)}.contact-reassurance-master span:last-child{border-bottom:0}
  .company-master{padding:32px 25px}.company-master-facts{grid-template-columns:1fr 1fr}
  .faq-grid{gap:32px}
}
@media(max-width:560px){
  .shell{width:min(100% - 28px,1220px)}
  .managed-master-points{gap:5px}.managed-master-points span{font-size:7.5px}
  .seo-serp-master{padding:17px;border-radius:22px}.seo-serp-top{align-items:flex-start}.seo-serp-top>span{display:none}.seo-serp-search{grid-template-columns:auto 1fr}.seo-serp-search em{display:none}.seo-serp-result{padding:15px}.seo-serp-result.is-client{padding:18px 15px}.seo-serp-result h3{font-size:17px}.seo-serp-foot{font-size:7px}
  .work-gallery-heading{display:block}.work-gallery-heading strong{display:block;margin-top:4px}.work-gallery-image{aspect-ratio:1.25}
  .process-input-list,.about-credentials-master,.company-master-facts,.contact-stack{grid-template-columns:1fr}.about-credentials-master>div{border-right:0;border-bottom:1px solid var(--master-border)}.about-credentials-master>div:last-child{border-bottom:0}
  .about-manifesto-master{padding:24px}.about-manifesto-master>strong{font-size:34px}
  .form-card-head h2{font-size:35px}.conversion-form-card{padding:22px 18px}
  .company-master{padding:28px 20px}
}

/* =========================================================
   v3.5.1 FINAL PRE-PLUGIN REFINEMENT
   Remove repeated sales moments, reduce mockup chrome and
   lock the public theme to a tighter commercial rhythm.
   ========================================================= */

/* Packages: hero explains the progression without repeating the prices. */
.package-hero-system{padding:28px}
.package-hero-system .hero-surface-head{margin-bottom:22px}
.package-path{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.package-path>i{display:grid;place-items:center;color:#8f877b;font-size:17px;font-style:normal}
.package-path article{min-width:0;padding:18px;border:1px solid #39362f;border-radius:18px;background:#20201c;display:flex;flex-direction:column;gap:8px}
.package-path article.is-popular{border-color:#70451f;background:linear-gradient(150deg,#302014,#211c16)}
.package-path article small{font-size:7px;font-weight:950;letter-spacing:.13em;color:#a29c92}
.package-path article strong{font-size:18px;line-height:1.06;letter-spacing:-.035em;color:#fff}
.package-path article p{margin:0;color:#9f9a91;font-size:9px;line-height:1.55}
.package-path article span{margin-top:auto;padding-top:12px;border-top:1px solid #35322d;color:#ffb46f;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.package-detail-section{padding-top:82px}
.package-page-comparison{margin-top:34px}

/* Local SEO: the search result itself is the proof visual; no heavy outer mockup. */
.seo-search-proof{justify-self:end;width:min(100%,575px);position:relative}
.seo-search-proof-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 4px 13px;color:#fff}
.seo-search-proof-head small{display:block;color:#ffad67;font-size:8px;font-weight:950;letter-spacing:.13em}
.seo-search-proof-head strong{display:block;margin-top:5px;font-size:16px;letter-spacing:-.025em}
.seo-search-proof-head>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #3b3832;border-radius:999px;background:rgba(20,20,18,.55);color:#c1bdb5;font-size:8px;font-weight:900}
.seo-search-proof-head>span i{width:7px;height:7px;border-radius:50%;background:#64cf6c;box-shadow:0 0 0 4px rgba(100,207,108,.1)}
.seo-search-query{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px 19px;border:1px solid #ded8ce;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;color:#111;box-shadow:0 28px 80px rgba(0,0,0,.26)}
.seo-search-query span{font-size:20px}.seo-search-query b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-search-page{overflow:hidden;border:1px solid #ded8ce;border-radius:0 0 24px 24px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.26)}
.seo-search-result{padding:19px 22px;border-top:1px solid #ebe6dd;background:#fff}
.seo-search-result:first-child{border-top:0}
.seo-search-result small{display:block;color:#3f7e4a;font-size:8px;font-weight:800}
.seo-search-result h3{max-width:470px;margin:6px 0 8px;color:#174ea6;font-size:21px;line-height:1.08;letter-spacing:-.03em}
.seo-search-result h4{margin:5px 0 6px;color:#174ea6;font-size:14px;line-height:1.15}
.seo-search-result p{max-width:470px;margin:0!important;color:#69655e!important;font-size:10px!important;line-height:1.52!important}
.seo-search-result.is-client{position:relative;padding:23px 22px 21px;background:#fffaf4}
.seo-search-result.is-client:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff6f00,#ffc72e)}
.seo-search-result nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.seo-search-result nav span{font-size:8px;font-weight:850;color:#625e57}
.seo-search-result nav span+span:before{content:'·';margin-right:7px;color:#d35b0a}
.seo-search-proof-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 4px 0;color:#aaa69e;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.seo-search-proof-foot i{width:3px;height:3px;border-radius:50%;background:#8e8579}

/* Our Work: no large framed 'mockup' around the client screenshots. */
.work-gallery-master--open{width:min(100%,610px);padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.work-gallery-master--open:before,.work-gallery-master--open:after{display:none!important}
.work-gallery-master--open .work-gallery-heading{margin:0 0 18px;padding:0 2px}
.work-gallery-master--open .work-gallery-grid{gap:16px}
.work-gallery-master--open .work-gallery-image{aspect-ratio:1.22;border-radius:18px;border-color:#49443b;box-shadow:0 24px 64px rgba(0,0,0,.28)}
.work-gallery-master--open .work-gallery-meta{padding-top:12px}
.work-gallery-master--open .work-gallery-meta em{margin-top:7px}

/* About: outcomes rather than another repeated service list. */
.about-outcomes-section{padding-top:80px;padding-bottom:88px}
.about-outcomes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.about-outcomes-grid article{min-height:235px;padding:27px;border:1px solid var(--master-border);border-radius:22px;background:#fff;display:flex;flex-direction:column}
.about-outcomes-grid small{font-size:9px;font-weight:950;letter-spacing:.13em;color:#ad4807}
.about-outcomes-grid h3{margin:auto 0 10px;font-size:25px;line-height:1.04;letter-spacing:-.045em}
.about-outcomes-grid p{margin:0;color:#716c64;font-size:13px;line-height:1.62}

/* Contact: reassurance belongs with the form, not as a page-wide bar. */
.contact-form-section{padding-bottom:58px}
.contact-form-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid #e4ded4}
.contact-form-foot span{min-width:0;padding:0 4px}
.contact-form-foot b,.contact-form-foot small{display:block}
.contact-form-foot b{font-size:10px;letter-spacing:-.01em}
.contact-form-foot small{margin-top:4px;color:#7d786f;font-size:9px;line-height:1.45}
.contact-reassurance-master{display:none!important}

/* Neat alignment on the final light sections. */
.process-master-grid{align-items:stretch}
.process-master-grid article{min-height:246px}
.process-master-grid h3{margin-top:48px}
.process-master-grid p{min-height:62px}
.process-input-master{gap:48px}
.process-input-list>span{min-height:104px}
.industries-v2-grid{align-items:center}
.industries-v2-grid>.section-heading h2{max-width:560px;font-size:clamp(45px,4.4vw,61px)}
.industry-cloud{align-self:stretch}
.industry-cloud a{min-height:136px}
.company-master{align-items:center}
.company-master-facts>div{min-height:112px}

/* Keep project proof varied as more work is added: real images first, decorative chrome last. */
.premium-project-showcase .project-browser{opacity:.72}

@media(max-width:1100px){
  .package-path{grid-template-columns:1fr;gap:9px}.package-path>i{display:none}
  .package-path article{min-height:0}.package-path article span{margin-top:8px}
  .seo-search-proof{justify-self:start;width:min(100%,700px)}
  .work-gallery-master--open{width:min(100%,760px)}
}
@media(max-width:790px){
  .about-outcomes-grid{grid-template-columns:1fr}.about-outcomes-grid article{min-height:0}
  .contact-form-foot{grid-template-columns:1fr;gap:12px}.contact-form-foot span{padding:0}
  .process-master-grid p{min-height:0}
}
@media(max-width:560px){
  .seo-search-proof-head{align-items:flex-start}.seo-search-proof-head>span{display:none}
  .seo-search-query{padding:14px 15px;border-radius:19px 19px 0 0}.seo-search-page{border-radius:0 0 19px 19px}
  .seo-search-result,.seo-search-result.is-client{padding:17px 16px}.seo-search-result h3{font-size:17px}.seo-search-proof-foot{font-size:7px}
  .work-gallery-master--open .work-gallery-grid{grid-template-columns:1fr}
}

/* =========================================================
   v3.5.2 RESPONSIVE CERTIFICATION PASS
   Tablet/mobile hardening for the frozen public theme.
   ========================================================= */

/* Global safety: no component should create horizontal page scroll. */
html{overflow-x:clip}
body{min-width:0;overflow-x:clip}
main,.site-header,.topbar,.site-footer,.section,.page-hero,.hero-v4{max-width:100%;overflow-x:clip}
.shell,.premium-hero-grid,.hero-v4-grid,.managed-master-grid,.form-layout-v42,.company-master,.pricing-grid,.home-project-grid,.portfolio-project-grid{min-width:0}
img,svg,video,iframe{max-width:100%}
h1,h2,h3,h4,p,a,span,strong{overflow-wrap:break-word}
.button{max-width:100%;text-align:center}
input,select,textarea{max-width:100%;width:100%}

/* Keep tables usable without forcing the viewport wider. */
.plan-table-wrap,.wp-table-wrap,.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.plan-table{min-width:720px}

/* Tablet navigation: switch before the desktop menu becomes cramped. */
@media(max-width:980px){
  .topbar{display:none}
  .site-header{top:0}
  .header-inner{height:72px;grid-template-columns:minmax(0,1fr) auto;gap:14px}
  .brand-logo img,.custom-logo{height:48px;max-width:190px}
  .header-cta{display:none}
  .nav-toggle{display:grid;width:46px;height:46px;align-content:center;gap:5px;padding:11px;border-radius:12px}
  .nav-toggle span:not(.sr-only){display:block;height:2px;border-radius:2px;background:#111}
  .main-nav{display:none;position:absolute;left:0;right:0;top:72px;justify-self:stretch;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:12px max(20px,calc((100vw - 1220px)/2)) 24px;background:rgba(255,255,255,.985);border-top:1px solid #ece8df;box-shadow:0 24px 55px rgba(0,0,0,.13);-webkit-overflow-scrolling:touch}
  .main-nav.is-open{display:block}
  .main-nav .menu{display:block}
  .main-nav li{border-bottom:1px solid #eee9e0}
  .main-nav li:last-child{border-bottom:0}
  .main-nav a{display:block;padding:15px 4px;font-size:16px;line-height:1.25}
  .main-nav a:after{display:none}
  body.nav-open{overflow:hidden;touch-action:none}
}

/* Landscape tablets / small laptops. */
@media(max-width:1024px){
  .section{padding:76px 0}
  .page-hero,.premium-page-hero{padding-top:64px;padding-bottom:68px}
  .premium-hero-grid{grid-template-columns:1fr;gap:34px;min-height:0}
  .premium-hero-copy{max-width:820px}
  .hero-surface,.seo-search-proof,.work-gallery-master--open,.premium-project-showcase,.proof-portfolio-board,.location-proof-board,.detail-proof-board,.faq-proof-board,.guide-proof-board,.generic-info-board{justify-self:start;width:min(100%,720px);max-width:100%}
  .managed-master-grid{grid-template-columns:1fr;gap:38px}
  .managed-master-intro{position:static;max-width:760px}
  .managed-master-panel{max-width:none}
  .company-master{grid-template-columns:1fr;gap:32px}
  .company-master-copy p{max-width:720px}
  .form-layout-v42{grid-template-columns:1fr;gap:22px}
  .contact-sidebar,.start-reassurance{position:static}
  .contact-sidebar{grid-template-columns:1fr 1fr}
  .pricing-grid.wp-core-pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .pricing-grid.wp-core-pricing .price-card{min-height:0}
  .pricing-grid.wp-core-pricing .price-card.featured{order:-1}
  .pricing-grid.wp-core-pricing .price-card:last-child{grid-column:1/-1}
  .pricing-grid.wp-core-pricing .price-card ul{flex:0 0 auto}
  .master-feature-grid,.taxonomy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-credentials-master{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet portrait / large phones. */
@media(max-width:790px){
  .shell{width:min(100% - 32px,1220px)}
  .section{padding:64px 0}
  .page-hero,.premium-page-hero{padding:54px 0 58px}
  .premium-page-hero h1,.page-hero h1{font-size:clamp(44px,10.6vw,64px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
  .premium-page-hero .premium-hero-copy>p,.page-hero p{font-size:15.5px;line-height:1.62}
  .premium-hero-proof{font-size:9px;gap:8px}
  .hero-actions{gap:10px}
  .hero-actions .button{min-height:50px}

  /* Homepage hero keeps the proof visual readable without dominating. */
  .hero-v4{padding-top:54px}
  .hero-v4-grid{grid-template-columns:1fr;gap:26px;min-height:0}
  .hero-v4 h1{font-size:clamp(44px,11.2vw,62px);line-height:.95;letter-spacing:-.055em}
  .hero-lead{font-size:15.5px;line-height:1.62;margin:22px 0 24px}
  .hero-v4-showcase{width:100%;min-height:390px;margin-top:2px}
  .hero-client-device{left:0;right:auto;top:24px;width:96%}
  .hero-client-desktop{height:285px}
  .hero-client-phone{right:0;width:108px;height:215px}
  .hero-project-label{left:0;bottom:0;max-width:190px}
  .hero-microproof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:560px}
  .hero-microproof>span{min-width:0;margin:0;padding:0 12px;border-right:1px solid #30302a}
  .hero-microproof>span:first-child{padding-left:0}
  .hero-microproof>span:last-child{padding-right:0;border-right:0}
  .trust-rail-v4>div{display:flex;flex-wrap:wrap;gap:8px 13px}
  .trust-rail-v4>div i{display:none}

  .home-project-grid,.portfolio-project-grid,.work-gallery-grid{grid-template-columns:1fr;gap:36px}
  .home-project-card:nth-child(even){margin-top:0}
  .home-project-phone{right:12px;bottom:12px;width:22%;height:61%}
  .home-project-meta{gap:14px}

  .managed-master-feature{grid-template-columns:1fr;min-height:0}
  .managed-master-copy{padding:26px 24px}
  .managed-master-copy h3{margin:34px 0 10px;font-size:30px}
  .managed-master-project{min-height:300px;border-left:0;border-top:1px solid #e2ded5}
  .managed-master-services{grid-template-columns:1fr}
  .managed-master-service{min-height:0;padding:24px}
  .managed-master-service h3{margin:30px 0 9px}

  .pricing-grid.wp-core-pricing{grid-template-columns:1fr;gap:15px}
  .pricing-grid.wp-core-pricing .price-card:last-child{grid-column:auto}
  .pricing-grid.wp-core-pricing .price-card.featured{order:0}
  .package-compare-link{flex-direction:column;align-items:flex-start;gap:18px}
  .package-compare-link .button{width:100%}
  .pricing-note{grid-template-columns:1fr;gap:8px}

  .process-master-grid,.master-feature-grid,.taxonomy-card-grid,.about-outcomes-grid{grid-template-columns:1fr}
  .process-input-master{grid-template-columns:1fr;gap:26px;padding:28px 24px}
  .process-input-list{grid-template-columns:1fr 1fr}
  .industry-cloud{grid-template-columns:1fr}
  .industry-cloud a{min-height:105px}
  .company-master{padding:30px 24px}
  .company-master-facts{grid-template-columns:1fr 1fr}
  .about-credentials-master{grid-template-columns:1fr 1fr}

  .faq-grid{grid-template-columns:1fr;gap:28px}
  .faq-list summary{padding:18px 18px;font-size:16px;line-height:1.3}
  .faq-list details p{padding:0 18px 18px}

  .contact-sidebar{grid-template-columns:1fr}
  .contact-stack{grid-template-columns:1fr 1fr}
  .conversion-form-card{padding:24px}
  .contact-form-foot{grid-template-columns:1fr;gap:11px}
  .contact-form-foot span{padding:0}

  .final-cta-v2-inner{grid-template-columns:1fr;gap:24px}
  .final-cta-v2 h2{font-size:clamp(38px,9vw,50px)}
}

/* Phone layout. */
@media(max-width:560px){
  .shell{width:min(100% - 28px,1220px)}
  .section{padding:54px 0}
  .page-hero,.premium-page-hero{padding:48px 0 52px}
  .premium-page-hero h1,.page-hero h1{font-size:clamp(39px,11.4vw,52px);line-height:.98;letter-spacing:-.05em}
  .premium-hero-kicker{font-size:9px;margin-bottom:16px}
  .premium-hero-kicker em{display:none}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .button{width:100%}

  .hero-v4 h1{font-size:clamp(40px,12vw,50px);line-height:.97;letter-spacing:-.05em}
  .hero-v4-showcase{min-height:320px}
  .hero-client-desktop{height:220px}
  .hero-client-phone{width:82px;height:164px;right:-1px}
  .hero-project-label{bottom:-4px;width:166px;padding:10px 11px}
  .hero-project-label strong{font-size:10px}
  .hero-microproof b{font-size:17px}
  .hero-microproof small{font-size:7.5px;line-height:1.3}
  .hero-microproof>span{padding-inline:8px}
  .trust-rail-v4{padding-bottom:18px}

  .home-project-desktop{border-radius:16px!important}
  .home-project-phone{width:24%;height:58%;padding:4px;border-radius:15px}
  .home-project-phone>span{top:5px;height:5px}
  .home-project-meta{align-items:flex-start;flex-direction:column;padding-top:14px}
  .project-meta-action{display:flex}

  .managed-master-grid{gap:30px}
  .managed-master-intro h2{font-size:clamp(39px,10.6vw,50px)}
  .managed-master-feature{border-radius:21px}
  .managed-master-copy{padding:22px 19px}
  .managed-master-copy h3{font-size:27px}
  .managed-master-points{gap:5px}
  .managed-master-points span{font-size:7.5px;padding:6px 8px}
  .managed-master-project{min-height:225px}
  .managed-master-project>span{left:10px;right:10px;bottom:10px}
  .managed-master-services{gap:10px}
  .managed-master-service{padding:21px;border-radius:18px}
  .managed-master-service h3{font-size:24px}

  .price-card,.pricing-grid.wp-core-pricing .price-card{padding:24px 20px}
  .pricing-grid.wp-core-pricing .price{font-size:54px}
  .pricing-grid.wp-core-pricing .popular{top:17px;right:16px}

  .process-input-list,.company-master-facts,.about-credentials-master,.contact-stack{grid-template-columns:1fr}
  .company-master{padding:26px 19px;border-radius:22px}
  .company-master-copy h2{font-size:clamp(38px,10.5vw,48px)}
  .company-actions{display:grid;grid-template-columns:1fr;gap:14px}
  .company-actions .button{width:100%}

  .seo-search-proof{width:100%}
  .seo-search-proof-head{align-items:flex-start}
  .seo-search-proof-head>span{display:none}
  .seo-search-query{padding:13px 14px;border-radius:18px 18px 0 0}
  .seo-search-page{border-radius:0 0 18px 18px}
  .seo-search-result,.seo-search-result.is-client{padding:16px 14px}
  .seo-search-result h3{font-size:17px}
  .seo-search-result p{font-size:9.5px!important}
  .seo-search-proof-foot{font-size:6.8px;gap:5px}

  .work-gallery-master--open{width:100%}
  .work-gallery-master--open .work-gallery-grid{grid-template-columns:1fr}
  .work-gallery-image{aspect-ratio:1.35}

  .conversion-form-card{padding:21px 17px;border-radius:20px}
  .form-card-head h2{font-size:34px}
  .wp-form-submit{flex-direction:column;align-items:stretch;gap:12px}
  .wp-form-submit .button{width:100%}
  .wp-form-submit small{padding-top:0}

  .final-actions{flex-direction:column;align-items:stretch}
  .final-actions .button{width:100%}
  .final-phone{text-align:center}

  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .site-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .mobile-dock{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}
}

/* Very small phones: preserve readable gutters and avoid label collision. */
@media(max-width:380px){
  .shell{width:min(100% - 24px,1220px)}
  .hero-v4 h1{font-size:39px}
  .premium-page-hero h1,.page-hero h1{font-size:39px}
  .hero-v4-showcase{min-height:292px}
  .hero-client-desktop{height:195px}
  .hero-client-phone{width:72px;height:145px}
  .hero-project-label{width:150px}
  .hero-microproof b{font-size:15px}
  .hero-microproof small{font-size:7px}
  .managed-master-project{min-height:200px}
  .seo-search-result.is-supporting:last-child{display:none}
}

/* Touch devices should not depend on hover for information. */
@media(hover:none){
  .button:hover,.price-card:hover,.home-project-card:hover .home-project-desktop,.portfolio-project-card:hover .home-project-desktop{transform:none}
  .project-meta-action,.case-study-pill{opacity:1;transform:none}
}

/* =========================================================
   v3.6.1 PREMIUM DEVICE MOCKUP SYSTEM
   One clean device system replaces the accumulated phone hotfixes.
   Critical rule: the real mobile screenshot always keeps its natural
   dimensions. The outer handset grows around the image; nothing is
   cover-cropped, ratio-forced, or shortened.
   ========================================================= */

/* Shared shell --------------------------------------------------------- */
.hero-client-phone,
.home-project-phone,
.inner-project-phone,
.case-study-mobile{
  box-sizing:border-box!important;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:linear-gradient(145deg,#202020 0%,#090909 38%,#030303 100%)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.46),
    0 0 0 1px rgba(0,0,0,.75),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
  padding:13px 6px 11px!important;
  transform-origin:center center;
}

.hero-client-phone img,
.home-project-phone img,
.inner-project-phone img,
.case-study-mobile img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:top center!important;
  transform:none!important;
  background:#090909!important;
}

/* Hardware: the existing span is the dynamic-island / speaker detail. */
.hero-phone-notch,
.home-project-phone>span,
.inner-project-phone>span{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:4px!important;
  transform:translateX(-50%)!important;
  width:34%!important;
  height:7px!important;
  border-radius:999px!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.035)!important;
  pointer-events:none!important;
}

/* Home indicator. It sits in the bottom bezel, never on top of the image. */
.hero-client-phone::after,
.home-project-phone::after,
.inner-project-phone::after,
.case-study-mobile::after{
  content:"";
  position:absolute;
  z-index:6;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  width:31%;
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.30);
  pointer-events:none;
}

/* Case-study handset has no notch element in its markup, so use ::before. */
.case-study-mobile::before{
  content:""!important;
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:4px!important;
  transform:translateX(-50%)!important;
  width:34%!important;
  height:7px!important;
  border-radius:999px!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.04)!important;
  pointer-events:none!important;
}

/* Hero handset -------------------------------------------------------- */
.hero-client-phone{
  position:absolute!important;
  z-index:7!important;
  width:154px!important;
  right:-2px!important;
  bottom:13px!important;
  border-radius:32px!important;
  transform:rotate(-1.2deg)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.hero-client-phone img{border-radius:23px!important}
.hero-client-phone:hover{transform:rotate(-.4deg) translateY(-3px)!important}

/* Keep proof cards from covering the handset. */
.hero-project-label{
  left:-12px!important;
  bottom:10px!important;
  z-index:9!important;
}
.managed-card-v4{
  right:170px!important;
  bottom:-7px!important;
  z-index:9!important;
  transform:rotate(-.4deg)!important;
}

/* Portfolio handset --------------------------------------------------- */
.home-project-phone{
  position:absolute!important;
  z-index:5!important;
  width:20.5%!important;
  right:14px!important;
  bottom:14px!important;
  border-radius:24px!important;
  transform:rotate(-.7deg)!important;
  transition:transform .25s ease!important;
}
.home-project-phone img{border-radius:17px!important}
.home-project-card:hover .home-project-phone{transform:rotate(-.2deg) translateY(-3px)!important}

/* Website Design showcase handset ------------------------------------ */
.inner-project-phone{
  position:absolute!important;
  z-index:5!important;
  width:104px!important;
  right:-2px!important;
  bottom:4px!important;
  border-radius:27px!important;
  transform:rotate(-.8deg)!important;
}
.inner-project-phone img{border-radius:19px!important}

/* Case-study handset -------------------------------------------------- */
.case-study-mobile{
  position:absolute!important;
  z-index:5!important;
  width:21%!important;
  right:24px!important;
  bottom:-34px!important;
  border-radius:29px!important;
  transform:rotate(-.5deg)!important;
}
.case-study-mobile img{border-radius:20px!important}

/* Laptop / landscape tablet ------------------------------------------ */
@media(max-width:1180px){
  .hero-client-phone{width:144px!important;right:2px!important;bottom:14px!important}
  .managed-card-v4{right:160px!important;bottom:-5px!important}
  .home-project-phone{width:20%!important;right:13px!important;bottom:13px!important}
  .inner-project-phone{width:108px!important;right:0!important}
  .case-study-mobile{width:23%!important;right:18px!important;bottom:-28px!important}
}

/* Tablet -------------------------------------------------------------- */
@media(max-width:1024px){
  .hero-client-phone{width:132px!important;right:8px!important;bottom:18px!important}
  .managed-card-v4{right:150px!important;bottom:0!important}
  .home-project-phone{width:21%!important;right:12px!important;bottom:12px!important}
  .inner-project-phone{width:100px!important;right:2px!important;bottom:5px!important}
  .case-study-mobile{width:25%!important;right:15px!important;bottom:-22px!important}
}

/* Tablet portrait / large phone -------------------------------------- */
@media(max-width:790px){
  .hero-client-phone,
  .home-project-phone,
  .inner-project-phone,
  .case-study-mobile{padding:10px 5px 9px!important}
  .hero-client-phone{width:110px!important;right:8px!important;bottom:14px!important;border-radius:25px!important}
  .hero-client-phone img{border-radius:18px!important}
  .managed-card-v4{display:none!important}
  .home-project-phone{width:21%!important;right:10px!important;bottom:10px!important;border-radius:20px!important}
  .home-project-phone img{border-radius:14px!important}
  .inner-project-phone{width:90px!important;right:2px!important;bottom:4px!important;border-radius:22px!important}
  .inner-project-phone img{border-radius:15px!important}
  .case-study-mobile{width:28%!important;right:12px!important;bottom:-16px!important;border-radius:24px!important}
  .case-study-mobile img{border-radius:17px!important}
}

/* Phones -------------------------------------------------------------- */
@media(max-width:560px){
  .hero-client-phone,
  .home-project-phone,
  .inner-project-phone,
  .case-study-mobile{padding:8px 4px 8px!important}
  .hero-client-phone{width:86px!important;right:4px!important;bottom:9px!important;border-radius:20px!important;transform:rotate(-.6deg)!important}
  .hero-client-phone img{border-radius:14px!important}
  .hero-project-label{left:2px!important;bottom:-12px!important}
  .home-project-phone{width:22%!important;right:8px!important;bottom:8px!important;border-radius:16px!important}
  .home-project-phone img{border-radius:11px!important}
  .inner-project-phone{width:76px!important;right:1px!important;bottom:2px!important;border-radius:18px!important}
  .inner-project-phone img{border-radius:12px!important}
  .case-study-mobile{width:31%!important;right:8px!important;bottom:-12px!important;border-radius:20px!important}
  .case-study-mobile img{border-radius:14px!important}
  .hero-phone-notch,.home-project-phone>span,.inner-project-phone>span,.case-study-mobile::before{height:5px!important;top:3px!important}
  .hero-client-phone::after,.home-project-phone::after,.inner-project-phone::after,.case-study-mobile::after{height:2px;bottom:3px}
}

@media(max-width:380px){
  .hero-client-phone{width:76px!important;right:3px!important}
  .home-project-phone{width:21%!important}
  .inner-project-phone{width:66px!important}
  .case-study-mobile{width:33%!important}
}


/* =========================================================
   v3.6.2 REFERENCE COMPOSITION POLISH
   Match the approved desktop + mobile proof composition more closely.
   The mobile capture is already correct; this pass only improves scale,
   balance and safe positioning. No cover-cropping is reintroduced.
   ========================================================= */

/* Slightly larger, more confident phone beside the desktop proof. */
@media(min-width:1181px){
  .hero-client-phone{
    width:190px!important;
    right:-18px!important;
    bottom:4px!important;
    transform:rotate(-.6deg)!important;
  }
  .hero-client-phone:hover{transform:rotate(-.2deg) translateY(-3px)!important}
  .managed-card-v4{right:206px!important;bottom:-8px!important}
  .hero-project-label{left:-10px!important;bottom:8px!important}
}

/* Small-laptop safety: keep two-column hero readable before stacking. */
@media(max-width:1320px) and (min-width:1181px){
  .hero-v4-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px!important}
  .hero-v4 .hero-title{font-size:clamp(52px,4.65vw,62px)!important;max-width:560px}
  .hero-v4-copy{padding-right:0!important}
  .hero-client-device{width:96%!important}
  .hero-client-phone{width:174px!important;right:-10px!important}
  .managed-card-v4{right:185px!important}
}

/* At narrower laptop widths, stack cleanly rather than risk cramping or clipping. */
@media(max-width:1180px) and (min-width:981px){
  .hero-v4-grid{grid-template-columns:1fr!important;gap:30px!important;min-height:0!important}
  .hero-v4-copy{width:100%!important;max-width:820px!important;margin:0 auto!important;padding:0!important}
  .hero-v4 .hero-title{font-size:clamp(58px,6.8vw,74px)!important;max-width:760px!important}
  .hero-v4-showcase{width:min(100%,820px)!important;max-width:820px!important;margin:0 auto!important;min-height:520px!important}
  .hero-client-device{width:94%!important;left:0!important;right:auto!important}
  .hero-client-phone{width:168px!important;right:2px!important;bottom:12px!important}
  .managed-card-v4{right:184px!important;bottom:-2px!important}
}

/* Keep the screenshot fully visible in every phone shell. */
.hero-client-phone img,
.home-project-phone img,
.inner-project-phone img,
.case-study-mobile img{
  object-fit:contain!important;
  object-position:top center!important;
  height:auto!important;
  max-height:none!important;
}

/* =========================================================
   v3.6.3 MANAGED SERVICE EDITORIAL REDESIGN
   Replace the card-heavy managed section with one cohesive proof-led panel.
   ========================================================= */
.managed-v3{overflow:hidden}
.managed-editorial-wrap{display:grid;gap:34px}
.managed-editorial-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);column-gap:70px;align-items:end;max-width:none}
.managed-editorial-heading .eyebrow{grid-column:1/-1;margin-bottom:3px}
.managed-editorial-heading h2{margin:0;font-size:clamp(46px,5.15vw,76px);line-height:.93;letter-spacing:-.062em;max-width:820px}
.managed-editorial-heading h2 span{color:#9c9283}
.managed-editorial-heading p{margin:0 0 5px;max-width:500px;font-size:17px;line-height:1.62;color:#6f6a61}

.managed-editorial-card{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(370px,.72fr);overflow:hidden;border:1px solid #dcd5ca;border-radius:30px;background:#fff;box-shadow:0 28px 85px rgba(28,22,15,.08)}
.managed-editorial-proof{min-width:0;padding:24px;background:linear-gradient(145deg,#f5f1ea,#fff 52%,#f7f3ed)}
.managed-editorial-project{display:block;overflow:hidden;border:1px solid #24231f;border-radius:22px;background:#10100e;color:#111;box-shadow:0 20px 55px rgba(20,16,10,.14);transition:transform .3s ease,box-shadow .3s ease}
.managed-editorial-project:hover{transform:translateY(-3px);box-shadow:0 28px 70px rgba(20,16,10,.18)}
.managed-editorial-browserbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#20201c;color:#d3cdc4}
.managed-editorial-browserbar>span{display:flex;gap:5px}.managed-editorial-browserbar i{width:6px;height:6px;border-radius:50%;background:#67635b}.managed-editorial-browserbar i:first-child{background:#ff7916}
.managed-editorial-browserbar small{font-size:7px;font-weight:950;letter-spacing:.14em;color:#f2a45c}
.managed-editorial-project img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center;background:#0e0f0d}
.managed-editorial-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;background:#fff;border-top:1px solid #e6e1d8}
.managed-editorial-caption>div{display:grid;gap:3px;min-width:0}.managed-editorial-caption small{font-size:9px;color:#8a8379;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.managed-editorial-caption strong{font-size:16px;line-height:1.1}.managed-editorial-caption>span{font-size:10px;font-weight:900;white-space:nowrap;color:#292723}
.managed-editorial-empty{min-height:430px;display:grid;place-content:center;gap:8px;text-align:center;border:1px dashed #d6cfc4;border-radius:22px;color:#777067}.managed-editorial-empty span{font-size:9px;font-weight:950;letter-spacing:.15em;color:#b24d0a}.managed-editorial-empty strong{font-size:28px;color:#151411}

.managed-editorial-services{display:flex;flex-direction:column;padding:31px 32px 29px;background:linear-gradient(160deg,#171714,#0e0e0c);color:#fff}
.managed-editorial-kicker{padding-bottom:22px;border-bottom:1px solid #33312b}.managed-editorial-kicker .eyebrow{color:#ff9a42}.managed-editorial-kicker strong{display:block;margin-top:9px;font-size:25px;line-height:1.08;letter-spacing:-.035em}
.managed-editorial-services article{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #302e29}
.managed-editorial-services article>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #51483b;border-radius:50%;font-size:8px;font-weight:950;color:#ffab62;background:#211c17}
.managed-editorial-services h3{margin:0 0 5px;font-size:18px;line-height:1.15;letter-spacing:-.025em;color:#fff}
.managed-editorial-services p{margin:0;font-size:12px;line-height:1.52;color:#aaa59c}
.managed-editorial-actions{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:24px}.managed-editorial-actions .button{min-height:45px;padding:0 19px;background:#fff;color:#111;border-color:#fff;box-shadow:none}.managed-editorial-actions .button:hover{background:#f5ae36;border-color:#f5ae36}
.managed-editorial-phone{font-size:11px;font-weight:900;color:#fff;border-bottom:1px solid #ef7621;padding-bottom:3px}

@media(max-width:1180px){
  .managed-editorial-heading{grid-template-columns:1fr;gap:16px}.managed-editorial-heading .eyebrow{grid-column:auto}.managed-editorial-heading p{max-width:680px}
  .managed-editorial-card{grid-template-columns:1fr}.managed-editorial-proof{padding:20px}.managed-editorial-services{padding:28px}.managed-editorial-services article{grid-template-columns:36px 1fr}.managed-editorial-actions{margin-top:6px}
}
@media(max-width:720px){
  .managed-editorial-wrap{gap:24px}.managed-editorial-heading h2{font-size:clamp(43px,12vw,58px)}.managed-editorial-heading p{font-size:15px}
  .managed-editorial-card{border-radius:22px}.managed-editorial-proof{padding:12px}.managed-editorial-project{border-radius:16px}.managed-editorial-browserbar{height:29px}.managed-editorial-caption{padding:12px 13px}.managed-editorial-caption strong{font-size:14px}.managed-editorial-caption>span{font-size:9px}
  .managed-editorial-services{padding:24px 20px}.managed-editorial-kicker strong{font-size:22px}.managed-editorial-services article{padding:17px 0}.managed-editorial-services h3{font-size:17px}.managed-editorial-actions{align-items:flex-start;flex-direction:column}.managed-editorial-actions .button{width:100%;justify-content:center}
}
@media(max-width:430px){
  .managed-editorial-caption{align-items:flex-start;flex-direction:column;gap:7px}.managed-editorial-caption>span{padding-top:2px}.managed-editorial-services{padding:22px 17px}.managed-editorial-services article{grid-template-columns:32px 1fr;gap:11px}.managed-editorial-services article>span{width:27px;height:27px}
}

/* =========================================================
   v3.6.5 PROJECT EDITORIAL RESET
   Clean case-study system: real work first, minimal UI chrome,
   editorial story, one deliverables list, one proof strip.
   ========================================================= */
.case-editorial-hero{padding:88px 0 82px;overflow:hidden}
.case-editorial-hero .shell{max-width:1220px}
.case-editorial-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.case-editorial-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.case-editorial-tags span{padding:7px 10px;border:1px solid #38372f;border-radius:999px;color:#b9b4aa;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.case-editorial-hero h1{max-width:1120px;margin:0;font-size:clamp(58px,6.35vw,94px);line-height:.92;letter-spacing:-.067em}
.case-editorial-intro{display:grid;grid-template-columns:minmax(0,650px) auto;gap:42px;align-items:end;margin-top:26px;padding-top:26px;border-top:1px solid #2c2b26}
.case-editorial-intro>p{margin:0;color:#c0bcb3;font-size:18px;line-height:1.62}
.case-editorial-intro .hero-actions{justify-content:flex-end}

.case-editorial-showcase-section{padding-top:76px;padding-bottom:74px;background:#fff}
.case-editorial-showcase{position:relative;width:min(100%,1140px);margin:0 auto;padding:14px;border-radius:30px;background:#151512;box-shadow:0 32px 90px rgba(19,17,13,.15)}
.case-editorial-showcase-label{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 7px 0 10px;color:#817b70;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.case-editorial-desktop{overflow:hidden;border-radius:18px;background:#0b0d0e}
.case-editorial-desktop img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center}
.case-editorial-phone{position:absolute;z-index:4;right:2.4%;bottom:4%;width:20%;height:auto!important;padding:13px 6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(145deg,#202020 0%,#090909 42%,#020202 100%);box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.72);transform:rotate(-.45deg)}
.case-editorial-phone img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:top center!important;border-radius:20px;background:#080808}
.case-editorial-phone-speaker{position:absolute;z-index:6;left:50%;top:4px;width:34%;height:7px;transform:translateX(-50%);border-radius:999px;background:#000;border:1px solid rgba(255,255,255,.04)}
.case-editorial-phone-home{position:absolute;z-index:6;left:50%;bottom:4px;width:31%;height:3px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.30)}
.case-editorial-showcase-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(100%,1140px);margin:18px auto 0;padding:0 4px}
.case-editorial-showcase-foot strong{font-size:18px;letter-spacing:-.025em}.case-editorial-showcase-foot span{color:#8b857b;font-size:11px}

.case-editorial-story-section{padding-top:86px;padding-bottom:82px}
.case-editorial-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:90px;align-items:start}
.case-editorial-copy h2{margin:8px 0 22px;max-width:750px;font-size:clamp(42px,4.2vw,64px);line-height:.98;letter-spacing:-.057em}
.case-editorial-copy>p,.case-editorial-copy .entry-content{max-width:720px;color:#6d685f;font-size:17px;line-height:1.72}
.case-editorial-copy .entry-content>*:first-child{margin-top:0}.case-editorial-copy .entry-content>*:last-child{margin-bottom:0}
.case-editorial-highlight{margin-top:34px;padding:24px 0 3px;border-top:1px solid #d9d3c9}
.case-editorial-highlight small{display:block;margin-bottom:7px;color:#b24d0a;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.case-editorial-highlight strong{display:block;max-width:760px;font-size:23px;line-height:1.35;letter-spacing:-.025em}
.case-editorial-delivered{padding-top:7px}
.case-editorial-delivered ul{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid #d8d2c8}
.case-editorial-delivered li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #d8d2c8}
.case-editorial-delivered li span{color:#b24d0a;font-size:9px;font-weight:950;letter-spacing:.12em}.case-editorial-delivered li strong{font-size:17px;line-height:1.25}
.case-editorial-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:66px;border-top:1px solid #d7d0c6;border-bottom:1px solid #d7d0c6}
.case-editorial-proof-strip>div{padding:22px 22px 22px 0}.case-editorial-proof-strip>div+div{padding-left:22px;border-left:1px solid #d7d0c6}.case-editorial-proof-strip small,.case-editorial-proof-strip strong{display:block}.case-editorial-proof-strip small{margin-bottom:7px;color:#9a9388;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.case-editorial-proof-strip strong{font-size:15px;line-height:1.25}

.case-editorial-close-section{padding-top:76px;background:#fff}
.case-editorial-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;padding:50px 52px;border:1px solid #2d2b25;border-radius:28px;background:radial-gradient(circle at 90% 10%,#39210f 0,#171713 34%,#0d0d0b 80%);color:#fff;box-shadow:0 28px 75px rgba(16,14,10,.12)}
.case-editorial-cta h2{margin:9px 0 16px;font-size:clamp(40px,4.25vw,63px);line-height:.98;letter-spacing:-.058em}.case-editorial-cta p{margin:0;max-width:700px;color:#aaa59b;font-size:16px;line-height:1.65}.case-editorial-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.case-editorial-next{display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:30px;margin-top:22px;padding:14px;border:1px solid #e0dbd1;border-radius:25px;background:#faf8f3;transition:transform .25s ease,box-shadow .25s ease}
.case-editorial-next:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(17,17,15,.08)}
.case-editorial-next-image{height:150px;overflow:hidden;border-radius:17px;background:#111}.case-editorial-next-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.case-editorial-next-copy small{display:block;color:#b24d0a;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.case-editorial-next-copy h3{margin:5px 0 6px;font-size:29px;line-height:1.05;letter-spacing:-.04em}.case-editorial-next-copy span{color:#888178;font-size:11px}.case-editorial-next .project-arrow{margin-right:13px}

/* Hide legacy case-study component styling when the editorial template is active. */
.single-wp_portfolio .case-study-stage,.single-wp_portfolio .case-summary-grid,.single-wp_portfolio .case-facts-v4,.single-wp_portfolio .next-project-v4{display:none!important}

@media(max-width:980px){
  .case-editorial-intro{grid-template-columns:1fr;gap:22px}.case-editorial-intro .hero-actions{justify-content:flex-start}
  .case-editorial-story{grid-template-columns:1fr;gap:50px}.case-editorial-delivered{max-width:720px}
  .case-editorial-proof-strip{grid-template-columns:1fr 1fr}.case-editorial-proof-strip>div:nth-child(3){border-left:0}.case-editorial-proof-strip>div:nth-child(n+3){border-top:1px solid #d7d0c6}
  .case-editorial-cta{grid-template-columns:1fr;gap:28px}.case-editorial-cta-actions{justify-content:flex-start}
  .case-editorial-next{grid-template-columns:230px 1fr auto}
}
@media(max-width:760px){
  .case-editorial-hero{padding:66px 0 62px}.case-editorial-kicker{align-items:flex-start;flex-direction:column;gap:13px}.case-editorial-tags{justify-content:flex-start}.case-editorial-hero h1{font-size:clamp(48px,13vw,68px)}.case-editorial-intro>p{font-size:16px}
  .case-editorial-showcase-section{padding:54px 0 58px}.case-editorial-showcase{padding:9px;border-radius:22px}.case-editorial-desktop{border-radius:14px}.case-editorial-phone{width:25%;right:2%;bottom:3%;padding:9px 4px 8px;border-radius:21px}.case-editorial-phone img{border-radius:14px}.case-editorial-phone-speaker{top:3px;height:5px}.case-editorial-phone-home{bottom:3px;height:2px}.case-editorial-showcase-foot{align-items:flex-start;flex-direction:column;gap:3px}
  .case-editorial-story-section{padding:64px 0}.case-editorial-story{gap:38px}.case-editorial-copy h2{font-size:clamp(38px,10.5vw,52px)}.case-editorial-highlight strong{font-size:20px}
  .case-editorial-proof-strip{margin-top:46px}
  .case-editorial-cta{padding:36px 28px;border-radius:22px}.case-editorial-cta-actions{align-items:stretch;flex-direction:column}.case-editorial-cta-actions .button{width:100%;justify-content:center}
  .case-editorial-next{grid-template-columns:140px 1fr auto;gap:18px}.case-editorial-next-image{height:110px}.case-editorial-next-copy h3{font-size:22px}
}
@media(max-width:520px){
  .case-editorial-tags span{font-size:8px;padding:6px 8px}.case-editorial-hero .hero-actions{align-items:stretch;flex-direction:column}.case-editorial-hero .button{width:100%;justify-content:center}
  .case-editorial-phone{width:29%;right:1.5%;bottom:2.5%}
  .case-editorial-proof-strip{grid-template-columns:1fr}.case-editorial-proof-strip>div,.case-editorial-proof-strip>div+div{padding:16px 0;border-left:0;border-top:1px solid #d7d0c6}.case-editorial-proof-strip>div:first-child{border-top:0}
  .case-editorial-cta{padding:30px 22px}.case-editorial-cta h2 br{display:none}
  .case-editorial-next{grid-template-columns:1fr auto;padding:11px}.case-editorial-next-image{grid-column:1/-1;height:155px}.case-editorial-next .project-arrow{margin-right:7px}
}

/* =========================================================
   v3.6.6 — HUMAN TRUST / ABOUT PORTRAIT
   Real-person proof replaces abstract trust artwork.
   ========================================================= */
.about-human-hero{
  position:relative;
  justify-self:end;
  width:min(100%,560px);
  min-height:500px;
  overflow:hidden;
  border:1px solid rgba(255,166,78,.26);
  border-radius:30px;
  background:
    radial-gradient(circle at 75% 23%,rgba(255,116,0,.22),transparent 31%),
    linear-gradient(145deg,#1b1a17 0%,#11110f 68%,#17120d 100%);
  color:#fff;
  box-shadow:0 34px 95px rgba(0,0,0,.34);
}
.about-human-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 80%);pointer-events:none}
.about-human-copy{position:relative;z-index:3;width:56%;padding:34px 0 34px 34px}
.about-human-copy small{display:block;color:#ffad68;font-size:8px;font-weight:950;letter-spacing:.14em}
.about-human-copy strong{display:block;margin:20px 0 12px;font-size:clamp(30px,3vw,42px);line-height:.98;letter-spacing:-.05em}
.about-human-copy p{margin:0;color:#aaa49b;font-size:13px;line-height:1.65}
.about-human-copy>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}
.about-human-copy>div span{padding:7px 9px;border:1px solid #3a3731;border-radius:999px;background:rgba(255,255,255,.035);color:#ded9d0;font-size:7px;font-weight:950;letter-spacing:.09em}
.about-human-hero figure{position:absolute;z-index:2;right:-12px;bottom:0;width:53%;height:94%;margin:0;display:flex;align-items:flex-end;justify-content:center}
.about-human-hero figure:after{content:'';position:absolute;left:12%;right:5%;bottom:-4px;height:72px;background:radial-gradient(ellipse at center,rgba(255,118,0,.25),transparent 70%);filter:blur(12px);z-index:-1}
.about-human-glow{position:absolute;width:310px;height:310px;right:-60px;top:64px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.38) 0%,rgba(255,196,54,.12) 38%,transparent 70%);filter:blur(6px)}
.about-human-hero picture{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}
.about-human-hero img{display:block;width:auto;max-width:100%;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 30px rgba(0,0,0,.33))}

.company-master--human{grid-template-columns:1fr .9fr;align-items:stretch;overflow:hidden;padding:0;background:#f6f2e9}
.company-master--human .company-master-copy{padding:48px 0 46px 48px;align-self:center}
.company-human-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid #ddd7cc;color:#706a61;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.company-human-proof i{width:3px;height:3px;border-radius:50%;background:#c45b14}
.company-human-portrait{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(circle at 58% 23%,rgba(255,123,0,.24),transparent 35%),linear-gradient(145deg,#181714,#0f0f0d 76%);color:#fff}
.company-human-portrait:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;opacity:.65}
.company-human-copy{position:absolute;z-index:3;left:28px;top:28px;width:48%}
.company-human-copy small{display:block;color:#ffac67;font-size:8px;font-weight:950;letter-spacing:.14em}
.company-human-copy strong{display:block;margin:13px 0 10px;font-size:28px;line-height:1.02;letter-spacing:-.045em}
.company-human-copy p{margin:0;color:#aaa49a;font-size:11px;line-height:1.55}
.company-human-portrait figure{position:absolute;z-index:2;right:-5px;bottom:0;width:58%;height:96%;margin:0;display:flex;align-items:flex-end;justify-content:flex-end}
.company-human-portrait figure>span{position:absolute;right:-35px;top:38px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,105,0,.4),rgba(255,191,52,.10) 42%,transparent 70%);filter:blur(5px)}
.company-human-portrait picture{display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:100%}
.company-human-portrait img{display:block;width:auto;max-width:100%;height:94%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 28px rgba(0,0,0,.32))}

@media(max-width:1100px){
  .about-human-hero{justify-self:start;width:min(100%,720px)}
  .company-master--human{grid-template-columns:1fr}
  .company-master--human .company-master-copy{padding:40px}
  .company-human-portrait{min-height:390px}
}
@media(max-width:790px){
  .about-human-hero{min-height:560px}
  .about-human-copy{width:68%;padding:28px 0 28px 28px}
  .about-human-hero figure{width:58%;height:84%;right:-22px}
  .about-human-hero img{height:96%}
  .company-human-portrait{min-height:420px}
  .company-human-copy{left:24px;top:24px;width:55%}
  .company-human-portrait figure{width:62%}
}
@media(max-width:560px){
  .about-human-hero{min-height:610px;border-radius:24px}
  .about-human-copy{width:auto;padding:24px 22px 0}
  .about-human-copy strong{font-size:32px;max-width:310px}
  .about-human-copy p{max-width:330px}
  .about-human-copy>div{max-width:300px}
  .about-human-hero figure{right:-14px;width:78%;height:66%}
  .about-human-hero img{height:100%}
  .about-human-glow{width:260px;height:260px;right:-45px;top:210px}
  .company-master--human .company-master-copy{padding:30px 20px 32px}
  .company-human-proof{gap:7px}
  .company-human-portrait{min-height:500px}
  .company-human-copy{left:20px;right:20px;top:22px;width:auto}
  .company-human-copy strong{max-width:265px;font-size:27px}
  .company-human-copy p{max-width:285px}
  .company-human-portrait figure{right:-8px;width:78%;height:72%}
}


/* =========================================================
   v3.6.7 CONTACT CARD WIDTH POLISH
   Prevent long email text from forcing the first contact
   column narrow and keep phone/address cards readable.
   ========================================================= */
@media(min-width:791px){
  .contact-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }
  .contact-stack>div{
    min-width:0;
    min-height:140px;
  }
  .contact-stack a{
    display:block;
    max-width:100%;
    line-height:1.25;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .contact-stack>div:first-child a{
    white-space:nowrap;
    font-size:14px;
  }
  .contact-stack>div:nth-child(2) a{
    font-size:14px;
  }
  .contact-stack>div:nth-child(3) p,
  .contact-stack>div:nth-child(4) p{
    font-size:12.5px;
    line-height:1.5;
  }
}
@media(max-width:980px) and (min-width:791px){
  .contact-stack{grid-template-columns:1fr 1fr}
  .contact-stack>div:first-child a{font-size:15px}
}

/* =========================================================
   v3.6.8 CONTACT SIDEBAR STACK
   Keep contact details readable: one full-width card per row.
   ========================================================= */
.contact-stack{
  grid-template-columns:1fr!important;
}
.contact-stack>div{
  min-width:0;
  min-height:0!important;
  padding:20px 22px;
}
.contact-stack a{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.3;
}
.contact-stack>div:first-child a{
  white-space:normal;
  font-size:16px;
}
.contact-stack>div:nth-child(2) a{
  font-size:15px;
}
@media(max-width:560px){
  .contact-stack>div{padding:18px 19px}
  .contact-stack>div:first-child a,
  .contact-stack>div:nth-child(2) a{font-size:15px}
}

/* v3.6.9 customer access + signup integration */
.mobile-account-link{display:none}.topbar-account{opacity:.9}.topbar-account:hover{opacity:1;color:#ffb25a}
.start-board-steps-v369{grid-template-columns:1fr}.start-board-steps-v369 article{min-height:54px}.customer-signup-layout{display:grid;grid-template-columns:minmax(250px,.34fr) minmax(0,.66fr);gap:34px;align-items:start}.start-reassurance-v369{position:sticky;top:145px;padding:30px;border-radius:24px;background:#111;color:#fff}.start-reassurance-v369 .eyebrow{color:#ffab52}.start-reassurance-v369 h2{color:#fff}.start-reassurance-v369 p{color:#c9c5bd}.start-reassurance-v369 ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;color:#fff;font-weight:800}.signup-side-login{margin-top:28px;padding-top:24px;border-top:1px solid #333}.signup-side-login small,.signup-side-login strong,.signup-side-login a{display:block}.signup-side-login small{color:#ffad55;font-size:10px;font-weight:950;letter-spacing:.12em}.signup-side-login strong{margin:7px 0 10px;font-size:18px}.signup-side-login a{color:#fff;font-weight:900;text-decoration:underline;text-decoration-color:#ff8b2f;text-underline-offset:5px}.conversion-form-card-v369{padding:30px;border-radius:26px;background:#fff;box-shadow:0 22px 70px rgba(28,22,13,.08)}
.customer-login-hero{padding:86px 0 78px;background:radial-gradient(circle at 78% 45%,rgba(255,112,0,.24),transparent 34%),#111;color:#fff}.customer-login-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:70px;align-items:center}.customer-login-hero h1{margin:10px 0 20px;font-size:clamp(48px,5.6vw,82px);line-height:.94;letter-spacing:-.055em;color:#fff}.customer-login-hero p{max-width:670px;color:#d2cec6;font-size:18px;line-height:1.65}.customer-login-points{display:grid;gap:10px;padding:18px;border:1px solid #39362f;border-radius:24px;background:rgba(17,17,15,.72);box-shadow:0 30px 70px rgba(0,0,0,.28)}.customer-login-points article{padding:18px 20px;border-radius:16px;background:#1c1b18}.customer-login-points small{display:block;color:#ff9c43;font-weight:950;letter-spacing:.1em}.customer-login-points strong{display:block;margin-top:5px;color:#fff;font-size:17px;line-height:1.35}.customer-login-section{padding:82px 0}.customer-login-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:70px;align-items:start;max-width:1080px}.customer-login-intro h2{font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:-.04em}.customer-login-intro>p{max-width:500px;color:#68635b;font-size:17px;line-height:1.7}.customer-login-help{margin-top:28px;padding:20px 0 0;border-top:1px solid #ddd6c9}.customer-login-help p{color:#706a61}.customer-login-form-wrap{min-width:0}.customer-account-shell{padding:54px 0 86px;min-height:70vh}
@media(max-width:980px){.mobile-account-link{display:flex;margin:15px 20px 6px;padding:14px 0;border-top:1px solid #e6e0d6;color:#111;font-weight:900;justify-content:space-between}.customer-signup-layout{grid-template-columns:1fr}.start-reassurance-v369{position:static}.customer-login-hero-grid{grid-template-columns:1fr;gap:38px}.customer-login-layout{grid-template-columns:1fr;gap:36px}}
@media(max-width:650px){.conversion-form-card-v369{padding:20px;border-radius:20px}.start-reassurance-v369{padding:24px}.customer-login-hero{padding:58px 0 52px}.customer-login-hero h1{font-size:clamp(42px,13vw,60px)}.customer-login-section{padding:54px 0}.customer-account-shell{padding:30px 0 64px}}


/* v3.7.0 — direct WhatsApp contact */
.whatsapp-float{position:fixed;z-index:94;right:24px;bottom:24px;display:flex;align-items:center;gap:11px;padding:9px 15px 9px 9px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#fff;color:#171714;box-shadow:0 18px 50px rgba(0,0,0,.2);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 22px 58px rgba(0,0,0,.25);color:#171714}.whatsapp-float:focus-visible{outline:3px solid rgba(255,125,0,.42);outline-offset:4px}.whatsapp-float-icon{display:grid;width:42px;height:42px;flex:0 0 42px;border-radius:50%;place-items:center;background:#25d366;color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}.whatsapp-float-icon svg{width:24px;height:24px;fill:currentColor}.whatsapp-float-copy{display:grid;line-height:1.08}.whatsapp-float-copy small{margin-bottom:3px;color:#198c48;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.whatsapp-float-copy strong{font-size:13px;font-weight:950}.contact-inline-whatsapp{display:block;margin-top:7px;color:#198c48!important;font-size:12px;font-weight:900}.contact-inline-whatsapp:hover{text-decoration:underline}.contact-whatsapp-button{border-color:rgba(37,211,102,.5)!important}.site-footer a[href*="wa.me"]{color:#8fe0aa}.site-footer a[href*="wa.me"]:hover{color:#fff}
@media(max-width:980px){.whatsapp-float{right:max(14px,env(safe-area-inset-right));bottom:calc(76px + max(10px,env(safe-area-inset-bottom)));padding:8px}.whatsapp-float-copy{display:none}.whatsapp-float-icon{width:48px;height:48px;flex-basis:48px}.whatsapp-float-icon svg{width:27px;height:27px}}
@media(max-width:430px){.whatsapp-float{right:max(12px,env(safe-area-inset-right));bottom:calc(72px + max(10px,env(safe-area-inset-bottom)))}.whatsapp-float-icon{width:46px;height:46px;flex-basis:46px}}
@media print{.whatsapp-float{display:none!important}}

/* =========================================================
   v3.7.1 — RESPONSIVE EXPERIENCE + MOBILE NAV POLISH
   Cleaner desktop header, deliberate tablet breakpoints,
   off-canvas mobile navigation and less crowded mobile actions.
   ========================================================= */

/* Desktop header refinement */
.mobile-nav-head,.mobile-nav-actions,.nav-scrim{display:none}
.site-header{isolation:isolate}
.header-inner{height:78px;grid-template-columns:minmax(210px,250px) minmax(0,1fr) auto;gap:24px}
.brand{min-width:0}
.brand-logo img,.custom-logo{max-width:100%;height:60px}
.main-nav{min-width:0}
.main-nav .menu{gap:clamp(13px,1.45vw,25px)}
.main-nav a{font-size:12.5px;white-space:nowrap}
.header-cta{min-width:156px;box-shadow:0 10px 26px rgba(255,103,0,.13)}
.site-header.is-scrolled .header-inner{height:72px}
.site-header.is-scrolled .brand-logo img,.site-header.is-scrolled .custom-logo{height:55px}
.header-inner,.brand-logo img,.custom-logo{transition:height .2s ease}
.topbar-inner{min-height:34px}
.topbar-account{display:inline-flex;align-items:center;gap:6px}

/* A calmer desktop WhatsApp control that does not compete with primary CTAs. */
@media(min-width:1121px){
  .whatsapp-float{right:28px;bottom:28px;padding:8px 14px 8px 8px;box-shadow:0 14px 42px rgba(0,0,0,.16)}
  .whatsapp-float-icon{width:39px;height:39px;flex-basis:39px}
  .whatsapp-float-icon svg{width:22px;height:22px}
  .whatsapp-float-copy strong{font-size:12.5px}
}

/* Small desktop / laptop: keep the desktop nav elegant until the drawer breakpoint. */
@media(min-width:1121px) and (max-width:1280px){
  .shell{width:min(100% - 34px,1220px)}
  .header-inner{grid-template-columns:205px minmax(0,1fr) auto;gap:14px}
  .brand-logo img,.custom-logo{height:54px}
  .main-nav .menu{gap:11px}
  .main-nav a{font-size:11.2px;letter-spacing:-.015em}
  .header-cta{min-width:145px;padding-inline:14px;font-size:11.5px}
}

/* Tablet / compact laptop navigation becomes a proper off-canvas menu. */
@media(max-width:1120px){
  .topbar{display:none!important}
  .site-header{top:0;z-index:120;background:rgba(255,255,255,.985);backdrop-filter:blur(20px)}
  .header-inner{height:70px!important;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .brand-logo img,.custom-logo,.site-header.is-scrolled .brand-logo img,.site-header.is-scrolled .custom-logo{height:47px;max-width:188px}
  .header-cta{display:none!important}

  .nav-toggle{position:relative;z-index:126;display:grid!important;width:46px;height:46px;padding:11px;border:1px solid #e7e1d7;border-radius:14px;background:#fff;align-content:center;gap:5px;box-shadow:0 8px 22px rgba(20,16,10,.05);transition:background .2s ease,border-color .2s ease,transform .2s ease}
  .nav-toggle:hover{background:#faf7f1;border-color:#d9d0c3}
  .nav-toggle span:not(.sr-only){display:block!important;width:100%;height:2px!important;margin:0;border-radius:2px;background:#111!important;transform-origin:center;transition:transform .22s ease,opacity .16s ease}
  .nav-toggle[aria-expanded="true"]{background:#111;border-color:#111}
  .nav-toggle[aria-expanded="true"] span:not(.sr-only){background:#fff!important}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .nav-scrim{display:block;position:fixed;z-index:113;inset:70px 0 0;background:rgba(13,12,10,.48);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
  .nav-scrim.is-open{opacity:1;visibility:visible}

  .main-nav{display:flex!important;position:fixed!important;z-index:118;top:70px!important;right:0!important;bottom:0!important;left:auto!important;width:min(430px,92vw);max-height:none!important;padding:0!important;background:#f7f4ed!important;border:0!important;border-left:1px solid #e6ded2!important;box-shadow:-26px 30px 70px rgba(10,8,5,.18)!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column;justify-self:auto;transform:translateX(104%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.75,.25,1),visibility .28s ease;-webkit-overflow-scrolling:touch}
  .main-nav.is-open{transform:translateX(0);visibility:visible}
  .mobile-nav-head{display:block;padding:24px 28px 15px;border-bottom:1px solid #e8e0d4}
  .mobile-nav-head small,.mobile-nav-head strong{display:block}
  .mobile-nav-head small{color:#aa4b0b;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
  .mobile-nav-head strong{margin-top:4px;font-size:28px;line-height:1;letter-spacing:-.045em}

  .main-nav .menu{display:block!important;padding:8px 20px;margin:0}
  .main-nav li{position:relative;border-bottom:1px solid #e9e1d6!important}
  .main-nav li:last-child{border-bottom:0!important}
  .main-nav a{position:relative;display:flex!important;align-items:center;min-height:54px;padding:14px 8px!important;color:#1a1916;font-size:16px!important;font-weight:820;line-height:1.2;white-space:normal}
  .main-nav a:after{display:none!important}
  .main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:#bd4b00}
  .main-nav .current-menu-item>a:before,.main-nav .current_page_item>a:before{content:"";position:absolute;left:-8px;width:4px;height:24px;border-radius:99px;background:linear-gradient(180deg,var(--orange),var(--gold))}

  .mobile-nav-actions{display:grid;margin-top:auto;padding:20px 28px calc(24px + env(safe-area-inset-bottom));border-top:1px solid #e5ddd0;background:#fff}
  .mobile-nav-primary{display:flex!important;justify-content:space-between;align-items:center;min-height:56px!important;padding:0 18px!important;border-radius:16px;background:linear-gradient(110deg,var(--orange),var(--gold));color:#111!important;font-size:15px!important;font-weight:950!important;box-shadow:0 12px 28px rgba(255,108,0,.18)}
  .mobile-nav-primary b{font-size:20px}
  .mobile-nav-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  .mobile-nav-contact a{display:block!important;min-height:70px!important;padding:13px 14px!important;border:1px solid #e7e0d5;border-radius:14px;background:#f8f5ef}
  .mobile-nav-contact small,.mobile-nav-contact strong{display:block}
  .mobile-nav-contact small{color:#9d4b13;font-size:8px;font-weight:950;letter-spacing:.12em}
  .mobile-nav-contact strong{margin-top:4px;font-size:12px;line-height:1.25}
  .mobile-account-link{display:flex!important;justify-content:space-between!important;align-items:center;margin:10px 0 0!important;padding:14px 2px 2px!important;border-top:1px solid #ebe4da!important;color:#171613!important;font-size:13px!important;font-weight:900!important}
  .mobile-account-link b{font-size:18px}
  .mobile-nav-trust{display:flex;align-items:center;gap:8px;margin:15px 0 0;color:#7a746a;font-size:10px;font-weight:750}
  .mobile-nav-trust i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#65c96c;box-shadow:0 0 0 4px rgba(101,201,108,.10)}
  body.nav-open{overflow:hidden!important;touch-action:none}
}

/* Tablet page polish — reduce the feeling of desktop cards merely stacked down. */
@media(max-width:980px){
  .section{padding-block:clamp(62px,8vw,82px)}
  .section-heading.split{gap:18px}
  .section-heading h2{max-width:760px}
  .customer-signup-layout{gap:22px}
  .conversion-form-card-v369{box-shadow:0 16px 46px rgba(28,22,13,.065)}
  .start-reassurance-v369{border-radius:22px}
  .customer-login-hero{padding:64px 0 58px}
  .customer-login-points{max-width:720px}
  .footer-grid{gap:32px 26px}
}

/* Phone-first refinement. */
@media(max-width:790px){
  .shell{width:min(100% - 28px,1220px)}
  .header-inner{height:68px!important}
  .nav-scrim{inset:68px 0 0}
  .main-nav{top:68px!important;width:min(410px,94vw)}
  .brand-logo img,.custom-logo,.site-header.is-scrolled .brand-logo img,.site-header.is-scrolled .custom-logo{height:44px;max-width:174px}
  .nav-toggle{width:44px;height:44px;border-radius:13px}
  .mobile-nav-head{padding:21px 22px 13px}
  .main-nav .menu{padding:6px 16px}
  .main-nav a{min-height:50px;padding:12px 8px!important;font-size:15px!important}
  .mobile-nav-actions{padding:16px 22px calc(18px + env(safe-area-inset-bottom))}
  .mobile-nav-contact{grid-template-columns:1fr}
  .mobile-nav-contact a{min-height:60px!important}

  .hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .hero-actions .button{width:100%;min-height:52px}
  .premium-hero-proof{flex-wrap:wrap}
  .premium-hero-proof i{display:none}
  .premium-hero-proof span{padding:6px 9px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.03)}
  .section-heading h2{font-size:clamp(38px,10vw,52px);line-height:.98}

  .final-cta-v2{padding:52px 0 48px}
  .final-cta-v2-inner{gap:24px}
  .final-cta-v2 h2{font-size:clamp(36px,10vw,46px)}
  .final-cta-v2:after{font-size:140px;right:-24px;bottom:-50px}
  .site-footer{padding-top:58px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px 22px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{margin-top:36px;padding-top:20px}

  /* Mobile bottom action dock: Call + WhatsApp + Get started, no duplicate floating bubble. */
  .whatsapp-float{display:none!important}
  .mobile-dock{display:grid!important;grid-template-columns:1fr 1.05fr 1.25fr;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));padding:4px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(14,14,12,.96);backdrop-filter:blur(18px);box-shadow:0 16px 42px rgba(0,0,0,.28);overflow:visible}
  .mobile-dock:not(.has-whatsapp){grid-template-columns:1fr 1.45fr}
  .mobile-dock a{display:flex!important;gap:5px;min-width:0;min-height:48px!important;padding:0 8px;border-radius:14px;color:#fff;font-size:11px!important;line-height:1.05;text-align:center;flex-direction:column;align-items:center;justify-content:center}
  .mobile-dock a span{font-size:14px;line-height:1}
  .mobile-dock a strong{font-size:10.5px;white-space:nowrap}
  .mobile-dock .mobile-dock-whatsapp{background:#143d25;color:#dff7e8}
  .mobile-dock .mobile-dock-whatsapp span{color:#4ed77a}
  .mobile-dock .mobile-dock-start{background:linear-gradient(110deg,var(--orange),var(--gold));color:#111;flex-direction:row;font-weight:950}
  .mobile-dock .mobile-dock-start strong{font-size:11px}
  .mobile-dock .mobile-dock-start span{font-size:15px}
  .site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}

@media(max-width:520px){
  .shell{width:min(100% - 24px,1220px)}
  .section{padding-block:58px}
  .premium-page-hero,.page-hero{padding-top:48px;padding-bottom:52px}
  .hero-v4{padding-top:48px}
  .section-heading h2{font-size:clamp(36px,11vw,48px)}
  .mobile-nav-head strong{font-size:25px}
  .main-nav{width:100vw}
  .customer-login-hero h1{font-size:clamp(40px,12vw,54px)}
  .customer-login-points article{padding:15px 16px}
  .conversion-form-card-v369{padding:18px!important;border-radius:18px!important}
  .start-reassurance-v369{padding:21px!important;border-radius:18px!important}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .mobile-dock{grid-template-columns:.85fr 1fr 1.2fr}
  .mobile-dock a{padding-inline:5px}
  .mobile-dock a strong{font-size:9.8px}
}

@media(max-width:360px){
  .mobile-dock{left:6px;right:6px;bottom:6px;gap:0;padding:3px}
  .mobile-dock a{min-height:46px!important}
  .mobile-dock a strong{font-size:9px}
  .mobile-dock a span{font-size:13px}
  .main-nav .menu{padding-inline:12px}
  .mobile-nav-actions{padding-inline:18px}
}

@media(prefers-reduced-motion:reduce){
  .main-nav,.nav-scrim,.nav-toggle span:not(.sr-only),.site-header,.header-inner,.brand-logo img,.custom-logo{transition:none!important}
}

/* =========================================================
   v3.7.2 — MOBILE FINISHING PASS
   Cleaner first-screen composition, premium action dock and
   less intrusive sticky actions on small screens.
   ========================================================= */
@media(max-width:790px){
  /* Keep the first hero screen clean: the dock appears only after scrolling. */
  .mobile-dock{opacity:0;transform:translateY(calc(100% + 18px));pointer-events:none;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1)}
  .mobile-dock.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
  body.nav-open .mobile-dock{opacity:0!important;transform:translateY(calc(100% + 18px))!important;pointer-events:none!important}

  /* Reserve room at the end of pages so the persistent dock never hides final content. */
  #content{padding-bottom:calc(74px + env(safe-area-inset-bottom))}

  /* More refined dock: compact, consistent iconography and clearer hierarchy. */
  .mobile-dock{grid-template-columns:.82fr 1fr 1.22fr;gap:3px;padding:4px;border-radius:17px;background:rgba(13,13,12,.94)}
  .mobile-dock a{min-height:52px!important;border-radius:13px;gap:4px!important}
  .mobile-dock-icon{display:grid!important;place-items:center;width:20px;height:20px;font-size:0!important;line-height:0!important}
  .mobile-dock-icon svg{display:block;width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:0}
  .mobile-dock-call .mobile-dock-icon{color:#fff}
  .mobile-dock .mobile-dock-whatsapp{background:#173f27;color:#f1fff5}
  .mobile-dock .mobile-dock-whatsapp .mobile-dock-icon{color:#4ed77a}
  .mobile-dock .mobile-dock-start{min-height:52px!important;padding-inline:10px}
  .mobile-dock .mobile-dock-start strong{font-size:10.5px}
  .mobile-dock .mobile-dock-start>span{font-size:15px}

  /* Header is a touch calmer on phones. */
  .header-inner{height:66px!important}
  .brand-logo img,.custom-logo,.site-header.is-scrolled .brand-logo img,.site-header.is-scrolled .custom-logo{height:42px;max-width:166px}
  .nav-toggle{width:42px;height:42px;padding:10px;border-radius:12px;box-shadow:0 7px 18px rgba(20,16,10,.045)}
  .nav-scrim{inset:66px 0 0}
  .main-nav{top:66px!important}

  /* Avoid unnecessary crowding in the home hero at the exact point where the dock used to cover proof. */
  .hero-v4{padding-top:44px}
  .hero-kickers{gap:9px}
  .hero-proofline{margin-top:18px}
  .hero-microproof{margin-top:24px;padding-top:20px}
}
@media(max-width:430px){
  .mobile-dock{left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom))}
  .mobile-dock a strong{font-size:9.8px}
  .hero-v4{padding-top:40px}
}


/* =========================================================
   v3.7.3 — PREMIUM MOBILE ACTION DOCK
   Slimmer, calmer, horizontal controls with footer-aware hide.
   ========================================================= */
@media(max-width:790px){
  /* Override prior dock geometry with a lower-profile control bar. */
  .mobile-dock{
    grid-template-columns:.82fr 1.05fr 1.35fr!important;
    gap:4px!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:4px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:16px!important;
    background:rgba(12,12,11,.92)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.15);
    backdrop-filter:blur(18px) saturate(1.15);
    box-shadow:0 12px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }
  .mobile-dock:not(.has-whatsapp){grid-template-columns:.88fr 1.4fr!important}
  .mobile-dock a{
    min-height:44px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    flex-direction:row!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:-.01em;
    transition:background .18s ease,transform .18s ease,color .18s ease;
  }
  .mobile-dock a:active{transform:scale(.985)}
  .mobile-dock a strong{
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap;
  }
  .mobile-dock-icon{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px;
  }
  .mobile-dock-icon svg{width:18px!important;height:18px!important}
  .mobile-dock-call{background:rgba(255,255,255,.035)}
  .mobile-dock .mobile-dock-whatsapp{
    background:rgba(37,211,102,.16)!important;
    color:#f4fff7!important;
  }
  .mobile-dock .mobile-dock-whatsapp .mobile-dock-icon{color:#5fe087!important}
  .mobile-dock .mobile-dock-start{
    min-height:44px!important;
    padding:0 13px!important;
    background:linear-gradient(110deg,#ff6900 0,#ff9a00 48%,#ffd13b 100%)!important;
    color:#111!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
  }
  .mobile-dock .mobile-dock-start strong{font-size:12px!important}
  .mobile-dock .mobile-dock-start>span{font-size:16px!important;line-height:1!important}

  /* Keep the dock out of the way when the page has its own strong closing CTA. */
  .mobile-dock.is-near-footer{
    opacity:0!important;
    transform:translateY(calc(100% + 18px))!important;
    pointer-events:none!important;
  }

  /* A little less reserved page-bottom space now that the dock is shorter. */
  #content{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}

@media(max-width:430px){
  .mobile-dock{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    gap:3px!important;
    padding:3px!important;
    border-radius:15px!important;
  }
  .mobile-dock a{min-height:43px!important;padding-inline:8px!important;gap:6px!important}
  .mobile-dock a strong{font-size:11.5px!important}
  .mobile-dock .mobile-dock-start{padding-inline:10px!important}
}

@media(max-width:360px){
  .mobile-dock{grid-template-columns:.78fr 1fr 1.22fr!important;left:6px!important;right:6px!important}
  .mobile-dock a{padding-inline:6px!important;gap:5px!important}
  .mobile-dock a strong{font-size:10.8px!important}
  .mobile-dock-icon,.mobile-dock-icon svg{width:17px!important;height:17px!important;flex-basis:17px}
}

/* Theme 3.7.4 — customer journey and portal shell polish */
.start-board-steps-v374{display:grid;grid-template-columns:1fr 1fr;gap:8px}.start-board-steps-v374 article{min-height:76px;padding:13px 14px;border:1px solid #39362f;border-radius:13px;background:#1f1e1a}.start-board-steps-v374 b{display:block;color:#ff9c43;font-size:8px;letter-spacing:.12em}.start-board-steps-v374 span{display:block;margin-top:15px;color:#fff;font-size:11px;font-weight:900;line-height:1.25}
.start-reassurance-v374{position:sticky;top:136px;padding:28px;border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(255,118,0,.18),transparent 28%),#12110f;color:#fff;box-shadow:0 24px 60px rgba(29,21,13,.13)}.start-reassurance-v374 .eyebrow{color:#ffab52}.start-reassurance-v374 h2{margin:7px 0 10px;color:#fff;font-size:36px;line-height:1;letter-spacing:-.045em}.start-reassurance-v374>p{margin:0;color:#c8c2b9;line-height:1.65}.start-side-checklist{display:grid;gap:8px;margin-top:22px}.start-side-checklist>span{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px;border:1px solid #32302b;border-radius:13px;background:#1c1b18}.start-side-checklist i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ff8a00;color:#17130e;font-style:normal;font-size:10px;font-weight:950}.start-side-checklist b,.start-side-checklist small{display:block}.start-side-checklist b{font-size:11px}.start-side-checklist small{margin-top:2px;color:#a9a39a;font-size:9px;line-height:1.4}.signup-side-security{margin-top:12px;padding:13px;border-radius:13px;background:#292721}.signup-side-security strong,.signup-side-security span{display:block}.signup-side-security strong{color:#fff;font-size:10px}.signup-side-security span{margin-top:3px;color:#b8b2a8;font-size:9px;line-height:1.45}.start-reassurance-v374 .signup-side-login{margin-top:18px;padding-top:18px}
.customer-login-trust{display:grid;gap:9px;margin-top:24px}.customer-login-trust>span{padding:14px;border:1px solid #ded6cb;border-radius:13px;background:#fff}.customer-login-trust b,.customer-login-trust small{display:block}.customer-login-trust b{font-size:11px}.customer-login-trust small{margin-top:3px;color:#716a61;font-size:9px;line-height:1.4}
.customer-account-shell-v374{padding-top:36px}.customer-account-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:0 2px}.customer-account-page-head .eyebrow{margin:0}.customer-account-page-head strong{color:#746c62;font-size:11px;font-weight:800}
@media(max-width:980px){.start-reassurance-v374{position:static}.start-board-steps-v374{grid-template-columns:repeat(3,1fr)}.customer-account-page-head{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:650px){.start-board-steps-v374{grid-template-columns:1fr 1fr}.start-reassurance-v374{padding:22px}.start-reassurance-v374 h2{font-size:31px}.customer-account-shell-v374{padding-top:24px}.customer-account-page-head strong{font-size:10px}}

/* =========================================================
   v3.7.5 — MOBILE NAV + PROCESS STABILITY
   Fixes iOS/Safari off-canvas rendering and prevents the
   homepage process headings from collapsing into narrow grid columns.
   ========================================================= */

@media (max-width:1120px){
  /* Keep the drawer anchored to the sticky header rather than as a fixed
     descendant of a backdrop-filtered element. This is more reliable on iOS. */
  .site-header{overflow:visible!important}
  .main-nav{
    position:absolute!important;
    top:100%!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(430px,100vw)!important;
    height:calc(100dvh - 70px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 70px)!important;
    transform:translate3d(18px,0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    transition:transform .25s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility .2s ease!important;
  }
  .main-nav.is-open,
  body.nav-open .main-nav{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav-scrim{
    top:70px!important;
    inset-inline:0!important;
    bottom:0!important;
  }
  body.nav-open .mobile-dock{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(18px)!important;
  }
}

@media (max-width:790px){
  /* Homepage process: badge + one generous content column. Previous mobile
     rules left the desktop grid columns active after absolutely positioning
     the badge, which squeezed headings into a few characters per line. */
  .process-v4 .process-track-v4{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .process-v4 .process-node{
    position:relative!important;
    display:block!important;
    min-height:0!important;
    padding:0 0 34px 70px!important;
  }
  .process-v4 .process-node>b{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:50px!important;
    height:50px!important;
  }
  .process-v4 .process-node .node-line{
    position:absolute!important;
    top:50px!important;
    bottom:0!important;
    left:24px!important;
    right:auto!important;
    width:1px!important;
    height:auto!important;
  }
  .process-v4 .process-node h3{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:2px 0 8px!important;
    font-size:clamp(24px,7vw,31px)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .process-v4 .process-node p{
    display:block!important;
    width:auto!important;
    max-width:36rem!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.6!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .process-v4 .process-node:last-child{padding-bottom:8px!important}
  .process-v4 .process-node:last-child .node-line{display:none!important}
  .ongoing-care-v4{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:16px!important;
    padding:22px 18px!important;
    margin-top:28px!important;
  }
  .ongoing-care-v4>span{width:52px!important;height:52px!important;font-size:29px!important}
  .ongoing-care-v4>a{grid-column:1/-1!important;width:100%!important;margin-top:4px!important}
}

@media (max-width:430px){
  .header-inner{height:68px!important}
  .nav-scrim{top:68px!important}
  .main-nav{height:calc(100dvh - 68px)!important;max-height:calc(100dvh - 68px)!important}
  .process-v4 .process-node{padding-left:64px!important;padding-bottom:30px!important}
  .process-v4 .process-node>b{width:46px!important;height:46px!important}
  .process-v4 .process-node .node-line{top:46px!important;left:22px!important}
  .process-v4 .process-node h3{font-size:clamp(23px,7.2vw,28px)!important}
  .process-v4 .process-node p{font-size:14px!important;line-height:1.58!important}
}
@media (max-width:1120px){
  body.nav-open .site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}
}

/* =========================================================
   v3.7.6 — MOBILE-FIRST CUSTOMER JOURNEY HARDENING
   Full-width-safe signup/login/account layouts for phone use.
   ========================================================= */
@media (max-width: 790px){
  html,body{max-width:100%;overflow-x:hidden}
  #page,#content,main,.site,.site-content{min-width:0;max-width:100%;overflow-x:hidden}
  .shell{width:calc(100% - 24px)!important;max-width:none!important;min-width:0!important}

  /* Public quick-contact chrome is useful while browsing, but it obstructs
     the actual signup/account task. Customer-flow pages use their own CTAs. */
  body.webpro-signup-page .mobile-dock,
  body.webpro-customer-login-page .mobile-dock,
  body.webpro-customer-account-page .mobile-dock,
  body.webpro-signup-page .whatsapp-float,
  body.webpro-customer-login-page .whatsapp-float,
  body.webpro-customer-account-page .whatsapp-float{display:none!important}
  body.webpro-signup-page #content,
  body.webpro-customer-login-page #content,
  body.webpro-customer-account-page #content{padding-bottom:0!important}

  /* Start Your Website: every child must be allowed to shrink to the phone. */
  .start-form-section,.start-form-section-v369{overflow:hidden!important;padding-top:38px!important;padding-bottom:54px!important}
  .customer-signup-layout{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .customer-signup-layout>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .start-reassurance-v374,
  .start-reassurance-v369,
  .conversion-form-card,
  .conversion-form-card-v369{position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .start-reassurance-v374{margin:0 0 18px!important;padding:20px!important;border-radius:20px!important}
  .start-reassurance-v374 h2{max-width:100%!important;margin:6px 0 9px!important;font-size:clamp(28px,8vw,34px)!important;line-height:1.04!important;letter-spacing:-.04em!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
  .start-reassurance-v374>p{max-width:100%!important;font-size:14px!important;line-height:1.55!important}
  .start-side-checklist{gap:8px!important;margin-top:17px!important}
  .start-side-checklist>span{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;padding:11px!important;min-width:0!important}
  .start-side-checklist i{width:38px!important;height:38px!important}
  .start-side-checklist b{font-size:13px!important;line-height:1.2!important}
  .start-side-checklist small{font-size:11px!important;line-height:1.45!important}
  .signup-side-security{padding:13px!important}
  .signup-side-security strong{font-size:12px!important}
  .signup-side-security span{font-size:10.5px!important}
  .start-reassurance-v374 .signup-side-login{margin-top:14px!important;padding-top:14px!important}

  .conversion-form-card-v369{padding:16px!important;border-radius:18px!important;overflow:visible!important}
  .conversion-form-card-v369:before{margin:-16px -16px 18px!important;border-radius:18px 18px 0 0!important}
  .form-card-head{min-width:0!important;margin-bottom:17px!important;padding-bottom:17px!important}
  .form-card-head h2{max-width:100%!important;margin:4px 0 8px!important;font-size:clamp(29px,8.4vw,38px)!important;line-height:1.03!important;letter-spacing:-.045em!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
  .form-card-head p{max-width:100%!important;font-size:14px!important;line-height:1.55!important}

  /* Customer login/account shell. */
  .customer-login-layout,.customer-login-form-wrap,.customer-account-shell,.customer-account-shell-v374{width:100%!important;max-width:100%!important;min-width:0!important}
  .customer-account-shell-v374{padding-top:20px!important}
  .customer-account-page-head{padding-inline:0!important}
}

@media (max-width: 430px){
  .shell{width:calc(100% - 18px)!important}
  .header-inner{padding-inline:4px!important}
  .brand-logo img,.custom-logo,.site-header.is-scrolled .brand-logo img,.site-header.is-scrolled .custom-logo{max-width:155px!important;height:45px!important}
  .start-reassurance-v374{padding:17px!important;border-radius:18px!important}
  .start-reassurance-v374 h2{font-size:clamp(26px,8.3vw,31px)!important}
  .conversion-form-card-v369{padding:13px!important;border-radius:16px!important}
  .conversion-form-card-v369:before{margin:-13px -13px 15px!important;border-radius:16px 16px 0 0!important}
  .form-card-head h2{font-size:clamp(27px,8.3vw,34px)!important}
}


/* =========================================================
   v3.7.7 — MOBILE CUSTOMER EXPERIENCE COMPLETION
   Task-first login, reliable nav reopening, and phone-safe content rhythm.
   ========================================================= */
@media (max-width: 790px){
  /* Mobile navigation is a true phone canvas. It always starts at the top
     and no longer exposes a browser/touch focus rectangle on the first item. */
  .main-nav{
    width:100vw!important;
    max-width:100vw!important;
    border-left:0!important;
    overscroll-behavior:contain!important;
    scroll-behavior:auto!important;
  }
  .mobile-nav-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    background:#f7f4ed!important;
  }
  .main-nav a:focus{box-shadow:none!important}
  .main-nav a:focus-visible{
    outline:2px solid #ff8a00!important;
    outline-offset:-3px!important;
    border-radius:10px!important;
  }
  @media (pointer:coarse){
    .main-nav a:focus:not(:focus-visible){outline:none!important}
  }
  .main-nav .menu{padding-top:6px!important}
  .mobile-nav-actions{padding-bottom:max(20px,calc(18px + env(safe-area-inset-bottom)))!important}

  /* Customer login is a task page on a phone: form first, explanation second. */
  .customer-login-hero{padding:38px 0 34px!important}
  .customer-login-hero-grid{display:block!important}
  .customer-login-hero h1{
    max-width:100%!important;
    margin:7px 0 12px!important;
    font-size:clamp(38px,10.8vw,50px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  .customer-login-hero p{font-size:14px!important;line-height:1.55!important}
  .customer-login-points{display:none!important}
  .customer-login-hero .premium-hero-proof{margin-top:18px!important}
  .customer-login-section{padding:28px 0 52px!important}
  .customer-login-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .customer-login-form-wrap{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .customer-login-intro{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .customer-login-intro>span.eyebrow,.customer-login-intro>h2,.customer-login-intro>p{display:none!important}
  .customer-login-help{margin-top:0!important;padding-top:18px!important}
  .customer-login-trust{grid-template-columns:1fr!important;gap:7px!important;margin-top:16px!important}
  .customer-login-trust>span{padding:12px 13px!important}

  /* Global content guards for text/card components on customer-flow pages. */
  body.webpro-signup-page h1,body.webpro-signup-page h2,body.webpro-signup-page h3,
  body.webpro-customer-login-page h1,body.webpro-customer-login-page h2,body.webpro-customer-login-page h3,
  body.webpro-customer-account-page h1,body.webpro-customer-account-page h2,body.webpro-customer-account-page h3{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.webpro-signup-page .section,body.webpro-customer-login-page .section,body.webpro-customer-account-page .section{overflow-x:clip}
}

@media (max-width: 430px){
  .customer-login-hero{padding:32px 0 28px!important}
  .customer-login-hero h1{font-size:clamp(35px,10.5vw,44px)!important}
  .customer-login-hero .premium-hero-proof{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .customer-login-hero .premium-hero-proof i{display:none!important}
  .customer-login-section{padding-top:22px!important}
  .mobile-nav-head{padding-top:18px!important}
  .main-nav a{min-height:48px!important}
}

/* v3.7.7 task-first ordering refinements */
@media (max-width:790px){
  /* On phones the customer came here to act, not read a brochure first. */
  .customer-signup-layout{display:flex!important;flex-direction:column!important}
  .customer-signup-layout>.conversion-form-card,.customer-signup-layout>.conversion-form-card-v369{order:1!important}
  .customer-signup-layout>.start-reassurance,.customer-signup-layout>.start-reassurance-v369,.customer-signup-layout>.start-reassurance-v374{order:2!important;margin-top:18px!important;margin-bottom:0!important}

  /* Login is a utility page on a phone: put the form directly under the header. */
  body.webpro-customer-login-page .customer-login-hero{display:none!important}
  body.webpro-customer-login-page .customer-login-section{padding-top:18px!important}

  /* Customer-flow pages already contain their own next actions; the public
     marketing close duplicates them and adds unnecessary mobile scroll. */
  body.webpro-signup-page .final-cta-v2,
  body.webpro-customer-login-page .final-cta-v2,
  body.webpro-customer-account-page .final-cta-v2{display:none!important}
}

/* =========================================================
   v3.7.8 — MOBILE MENU POLISH
   Denser navigation, stronger action hierarchy and branded contact controls.
   ========================================================= */
@media (max-width:1120px){
  .mobile-nav-head{padding:17px 24px 11px!important}
  .mobile-nav-head small{font-size:8.5px!important;letter-spacing:.16em!important}
  .mobile-nav-head strong{margin-top:3px!important;font-size:25px!important;line-height:1!important}

  .main-nav .menu{padding:4px 18px 2px!important}
  .main-nav li{border-bottom-color:#e7dfd3!important}
  .main-nav a{min-height:48px!important;padding:12px 10px!important;font-size:15px!important;line-height:1.18!important}
  .main-nav .current-menu-item>a,.main-nav .current_page_item>a{
    margin:5px 0!important;
    padding-left:14px!important;
    border-radius:12px!important;
    background:linear-gradient(90deg,rgba(255,111,0,.09),rgba(255,177,0,.035))!important;
    color:#a94300!important;
  }
  .main-nav .current-menu-item>a:before,.main-nav .current_page_item>a:before{
    left:4px!important;width:3px!important;height:20px!important;
  }

  .mobile-nav-actions{
    gap:0!important;
    padding:16px 24px max(18px,calc(16px + env(safe-area-inset-bottom)))!important;
    background:linear-gradient(180deg,#fff,#fbfaf7)!important;
  }
  .mobile-nav-primary{
    min-height:54px!important;
    padding:0 18px!important;
    border-radius:16px!important;
    font-size:15px!important;
    box-shadow:0 10px 24px rgba(255,108,0,.16)!important;
  }
  .mobile-nav-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
  .mobile-nav-contact a{
    position:relative;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:62px!important;
    padding:11px 12px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .mobile-nav-contact a>span:last-of-type{min-width:0}
  .mobile-nav-contact small{font-size:7.5px!important;letter-spacing:.13em!important}
  .mobile-nav-contact strong{margin-top:2px!important;font-size:11.5px!important;line-height:1.18!important;white-space:nowrap}
  .mobile-nav-action-icon{
    width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;
  }
  .mobile-nav-action-icon svg{width:17px;height:17px;display:block}
  .mobile-nav-call{
    border:1px solid #1d1b18!important;background:#171613!important;color:#fff!important;
  }
  .mobile-nav-call small{color:#bfb8ad!important}
  .mobile-nav-call .mobile-nav-action-icon{background:#26231f;color:#fff}
  .mobile-nav-whatsapp{
    border:1px solid #128c4f!important;background:#128c4f!important;color:#fff!important;
  }
  .mobile-nav-whatsapp small{color:#bdebd2!important}
  .mobile-nav-whatsapp .mobile-nav-action-icon{background:rgba(255,255,255,.12);color:#fff}
  .mobile-nav-whatsapp>b{margin-left:auto;font-size:15px;line-height:1}

  .mobile-account-link{
    min-height:48px!important;
    margin:12px 0 0!important;
    padding:0 14px!important;
    border:1px solid #e3dbcf!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#171613!important;
    font-size:12.5px!important;
  }
  .mobile-account-link b{font-size:17px!important}
  .mobile-nav-trust{
    margin:12px 2px 0!important;
    padding-bottom:2px!important;
    font-size:9.5px!important;
    line-height:1.3!important;
  }

  .nav-toggle[aria-expanded="true"]{width:42px!important;height:42px!important;border-radius:13px!important}
}

@media (max-width:430px){
  .mobile-nav-head{padding:15px 20px 9px!important}
  .mobile-nav-head strong{font-size:23px!important}
  .main-nav .menu{padding-inline:14px!important}
  .main-nav a{min-height:46px!important;padding:11px 9px!important;font-size:14.5px!important}
  .mobile-nav-actions{padding:14px 18px max(16px,calc(14px + env(safe-area-inset-bottom)))!important}
  .mobile-nav-primary{min-height:52px!important}
  .mobile-nav-contact{gap:8px!important}
  .mobile-nav-contact a{min-height:58px!important;padding:9px 10px!important;gap:8px!important}
  .mobile-nav-action-icon{width:29px;height:29px;flex-basis:29px}
  .mobile-nav-action-icon svg{width:16px;height:16px}
  .mobile-nav-contact strong{font-size:10.5px!important}
  .mobile-account-link{min-height:46px!important;margin-top:10px!important}
  .mobile-nav-trust{margin-top:10px!important;font-size:9px!important}
}

@media (max-width:370px){
  .mobile-nav-contact{grid-template-columns:1fr!important}
  .mobile-nav-contact strong{font-size:11.5px!important}
}

/* =========================================================
   v3.7.9 — MOBILE MENU COMPLETION
   True iOS page lock plus clearer Services / Explore / Company navigation.
   ========================================================= */
@media (max-width:1120px){
  /* Freeze the document while the drawer is open. main.js stores/restores the
     precise scroll position so Safari cannot move the page underneath it. */
  html.nav-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.nav-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}

  .main-nav{
    height:calc(100vh - 70px)!important;
    height:calc(100dvh - 70px)!important;
    max-height:calc(100dvh - 70px)!important;
    overscroll-behavior-y:contain!important;
  }

  /* Visual grouping: easier scanning without turning the drawer into another
     collection of large cards. Group hooks are attached from functions.php. */
  .main-nav .menu{padding-top:2px!important}
  .main-nav .menu>li.mobile-group-services-start::before,
  .main-nav .menu>li.mobile-group-explore-start::before,
  .main-nav .menu>li.mobile-group-company-start::before{
    display:block;
    padding:12px 10px 5px;
    color:#a44a10;
    font-size:8px;
    font-weight:950;
    line-height:1;
    letter-spacing:.17em;
    text-transform:uppercase;
  }
  .main-nav .menu>li.mobile-group-services-start::before{content:"Services"}
  .main-nav .menu>li.mobile-group-explore-start::before{content:"Explore"}
  .main-nav .menu>li.mobile-group-company-start::before{content:"Company"}

  .main-nav .menu>li.mobile-group-explore-start,
  .main-nav .menu>li.mobile-group-company-start{margin-top:4px}

  .main-nav a{
    min-height:44px!important;
    padding:10px 10px!important;
    gap:12px!important;
  }
  .main-nav .menu>li>a::after{
    content:"→"!important;
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin-left:auto!important;
    border:0!important;
    background:none!important;
    color:#aaa296!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    opacity:.72!important;
    transform:none!important;
  }
  .main-nav .menu>li>a:hover::after,
  .main-nav .menu>.current-menu-item>a::after,
  .main-nav .menu>.current_page_item>a::after{color:#c65308!important;opacity:1!important}

  .main-nav .current-menu-item>a,.main-nav .current_page_item>a{
    margin:2px 0!important;
    background:rgba(255,124,0,.065)!important;
  }

  /* Give the action zone a clear separation from navigation without making it
     look detached from the drawer. */
  .mobile-nav-actions{border-top:1px solid #ddd4c7!important;box-shadow:0 -10px 28px rgba(45,32,15,.035)}
}

@media (max-width:430px){
  .main-nav .menu>li.mobile-group-services-start::before,
  .main-nav .menu>li.mobile-group-explore-start::before,
  .main-nav .menu>li.mobile-group-company-start::before{padding:10px 9px 4px;font-size:7.5px}
  .main-nav a{min-height:42px!important;padding-block:9px!important}
  .main-nav .menu>li>a::after{font-size:14px!important}
}
\n\n/* =========================================================\n   v3.8.0 — MOBILE MENU SCROLL LOCK CORRECTION\n   Hardens iOS Safari page locking so only the drawer scrolls.\n   ========================================================= */\n@media (max-width:1120px){\n  html.nav-open,\n  body.nav-open{\n    overflow:hidden!important;\n    overscroll-behavior:none!important;\n  }\n  body.nav-open{\n    touch-action:none!important;\n  }\n  .main-nav{\n    position:fixed!important;\n    top:70px!important;\n    bottom:0!important;\n    height:auto!important;\n    max-height:none!important;\n    min-height:0!important;\n    overflow-y:auto!important;\n    overflow-x:hidden!important;\n    overscroll-behavior:contain!important;\n    -webkit-overflow-scrolling:touch!important;\n    background:#f7f4ed!important;\n  }\n  .main-nav.is-open{visibility:visible!important}\n  .nav-scrim{\n    position:fixed!important;\n    pointer-events:none;\n  }\n  .nav-scrim.is-open{pointer-events:auto}\n}\n@media (max-width:790px){\n  .main-nav{top:66px!important}\n}\n

/* =========================================================
   v3.8.1 — SHARED LAYOUT STABILITY
   Stops desktop/intermediate customer and content layouts from clipping,
   drifting off-canvas or collapsing before their intended breakpoint.
   ========================================================= */

/* Shared flex/grid children must be allowed to shrink instead of forcing the
   parent wider than the viewport. */
.about-why-grid,
.about-why-grid > *,
.about-principles,
.about-principles article,
.customer-signup-layout,
.customer-signup-layout > *,
.customer-login-layout,
.customer-login-layout > *,
.customer-login-form-wrap,
.customer-login-intro,
.form-layout,
.form-layout > *,
.form-layout-v42,
.form-layout-v42 > *,
.premium-hero-grid,
.premium-hero-grid > *,
.process-input-master,
.process-input-master > *,
.conversion-form-card,
.conversion-form-card-v369,
.start-reassurance-v374,
.start-reassurance-v369 {
  min-width:0!important;
  max-width:100%;
}

/* Text inside shared cards should never be clipped at the card edge. */
.about-principles article,
.customer-login-intro,
.customer-login-form-wrap,
.conversion-form-card,
.conversion-form-card-v369,
.start-reassurance-v374,
.process-input-master {
  overflow:visible;
}
.about-principles article h3,
.about-principles article p,
.about-principles article small,
.customer-login-layout h1,
.customer-login-layout h2,
.customer-login-layout h3,
.customer-signup-layout h1,
.customer-signup-layout h2,
.customer-signup-layout h3 {
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
}

/* Intermediate desktop/laptop widths: collapse the About story sooner rather
   than squeezing the left column and clipping copy at browser zoom levels. */
@media (max-width:1366px){
  .about-why-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .about-why-grid>.section-heading{
    position:static!important;
    top:auto!important;
    max-width:760px!important;
  }
  .about-principles{
    width:100%!important;
  }
  .about-principles article{
    width:100%!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

/* Customer utility pages should always remain centred and fully inside the
   content shell, including when the browser is zoomed. */
.customer-login-section .shell,
.customer-account-shell .shell,
.start-form-section .shell,
.start-form-section-v369 .shell{
  min-width:0;
}
.customer-login-layout{
  width:100%;
  margin-inline:auto;
}

/* Desktop signup card safety. Keep the six-step bar readable and prevent any
   individual step from collapsing to an empty-looking pill. */
@media (min-width:791px){
  .customer-signup-layout .conversion-form-card-v369,
  .customer-signup-layout .conversion-form-card{
    min-width:0!important;
  }
}

/* Extra guard for browser zoom and smaller laptop workspaces. */
@media (max-width:1240px){
  .customer-login-layout{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
    gap:38px!important;
  }
  .form-layout-v42{
    grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)!important;
    gap:24px!important;
  }
}
@media (max-width:1040px){
  .customer-login-layout,
  .form-layout-v42,
  .process-input-master{
    grid-template-columns:1fr!important;
  }
  .contact-sidebar{
    position:static!important;
  }
}


/* =========================================================
   v3.8.2 — CUSTOMER LOGIN SHELL CENTRING FIX
   The customer-login grid also carries the shared .shell class. A late
   width:100% rule was overriding the shell gutter on desktop, pulling the
   left column against/off the viewport edge. Keep the utility page centred
   with explicit safe gutters at every breakpoint.
   ========================================================= */
@media (min-width:791px){
  body.webpro-customer-login-page .customer-login-section > .shell.customer-login-layout,
  .customer-login-section > .shell.customer-login-layout{
    width:min(1080px, calc(100% - 44px))!important;
    max-width:1080px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:790px){
  body.webpro-customer-login-page .customer-login-section > .shell.customer-login-layout,
  .customer-login-section > .shell.customer-login-layout{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:430px){
  body.webpro-customer-login-page .customer-login-section > .shell.customer-login-layout,
  .customer-login-section > .shell.customer-login-layout{
    width:calc(100% - 18px)!important;
  }
}

/* =========================================================
   v3.8.3 — ABOUT CARD SAFE GUTTERS
   A late About-section cleanup rule removed horizontal padding while the
   cards still retained their rounded borders. Restore deliberate inner
   gutters so labels, headings and body copy never sit against or clip at
   the card edge at desktop, laptop or zoomed browser widths.
   ========================================================= */
.about-why-section .about-principles article{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  padding:28px 30px!important;
  border:1px solid #ddd7cd!important;
  border-radius:24px!important;
  background:#fff!important;
  overflow:visible!important;
}
.about-why-section .about-principles article:first-child{
  padding-top:28px!important;
}
.about-why-section .about-principles article small,
.about-why-section .about-principles article h3,
.about-why-section .about-principles article p{
  display:block;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow-wrap:anywhere;
}

/* Keep the full About story safely inside the shared shell even at browser
   zoom / intermediate desktop widths. */
.about-why-section > .shell.about-why-grid{
  width:min(1220px,calc(100% - 44px))!important;
  max-width:1220px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  transform:none!important;
}
.about-why-section .about-why-grid{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
}

@media (max-width:1450px){
  .about-why-section .about-why-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .about-why-section .about-why-grid>.section-heading{
    position:static!important;
    top:auto!important;
    max-width:760px!important;
  }
}
@media (max-width:790px){
  .about-why-section > .shell.about-why-grid{
    width:calc(100% - 32px)!important;
  }
  .about-why-section .about-principles article{
    padding:23px 22px!important;
    border-radius:20px!important;
  }
  .about-why-section .about-principles article:first-child{
    padding-top:23px!important;
  }
}
@media (max-width:430px){
  .about-why-section > .shell.about-why-grid{
    width:calc(100% - 24px)!important;
  }
  .about-why-section .about-principles article{
    padding:21px 18px!important;
  }
}

/* =========================================================
   v3.8.4 — ABOUT CREDENTIAL STRIP RHYTHM
   Centres the company credential strip within its white section with equal
   top/bottom breathing room. The following outcomes section keeps its own
   independent spacing so the white band no longer feels bottom-heavy.
   ========================================================= */
.about-credentials-section{
  padding:64px 0!important;
  background:#fff;
}
@media (max-width:790px){
  .about-credentials-section{padding:48px 0!important}
}
@media (max-width:430px){
  .about-credentials-section{padding:36px 0!important}
}


/* =========================================================
   v3.8.6 PROJECT DEVICE BALANCE
   Every real-client phone keeps the same 480x1040 capture ratio but uses a calmer visual scale.
   The outer device no longer grows/shrinks with legacy image metadata.
   Standard captures fill the screen exactly; legacy captures are contained
   safely until they are refreshed from the Project editor.
   ========================================================= */

:root{--webpro-project-phone-ratio:480 / 1040}

.hero-client-phone,
.home-project-phone,
.inner-project-phone,
.case-study-mobile{
  aspect-ratio:var(--webpro-project-phone-ratio)!important;
  height:auto!important;
  overflow:hidden!important;
}

.hero-client-phone img,
.home-project-phone img,
.inner-project-phone img,
.case-study-mobile img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:top center!important;
  background:#090909!important;
}

/* Portfolio cards: one consistent supporting phone scale. */
.home-project-phone{
  width:clamp(96px,16.5%,120px)!important;
  right:18px!important;
  bottom:18px!important;
  padding:10px 5px 9px!important;
  border-radius:24px!important;
  transform:rotate(-.55deg)!important;
}
.home-project-phone img{border-radius:17px!important}
.home-project-card:hover .home-project-phone,
.portfolio-project-card:hover .home-project-phone{
  transform:rotate(-.15deg) translateY(-3px)!important;
}

/* Homepage hero: larger than portfolio cards, but still on the same ratio. */
.hero-client-phone{
  width:154px!important;
  right:0!important;
  bottom:8px!important;
  padding:13px 6px 11px!important;
  border-radius:32px!important;
}
.hero-client-phone img{border-radius:23px!important}
.managed-card-v4{right:166px!important}

/* Internal Website Design showcase. */
.inner-project-phone{
  width:104px!important;
  right:-2px!important;
  bottom:4px!important;
  padding:10px 5px 9px!important;
  border-radius:27px!important;
}
.inner-project-phone img{border-radius:19px!important}

/* Case study showcase. */
.case-study-mobile{
  width:clamp(106px,17.5%,136px)!important;
  right:24px!important;
  bottom:-30px!important;
  padding:11px 5px 10px!important;
  border-radius:29px!important;
}
.case-study-mobile img{border-radius:20px!important}

@media(max-width:1180px){
  .hero-client-phone{width:140px!important;right:4px!important}
  .managed-card-v4{right:152px!important}
  .home-project-phone{width:clamp(92px,16.5%,116px)!important;right:14px!important;bottom:14px!important}
  .inner-project-phone{width:96px!important}
  .case-study-mobile{width:clamp(100px,18%,126px)!important;right:18px!important;bottom:-26px!important}
}

@media(max-width:790px){
  .hero-client-phone{width:104px!important;right:8px!important;bottom:13px!important}
  .home-project-phone{width:clamp(84px,18%,102px)!important;right:10px!important;bottom:10px!important;padding:8px 4px 8px!important;border-radius:20px!important}
  .home-project-phone img{border-radius:14px!important}
  .inner-project-phone{width:84px!important}
  .case-study-mobile{width:clamp(90px,22%,112px)!important;right:12px!important;bottom:-16px!important}
}

@media(max-width:560px){
  .hero-client-phone{width:80px!important;right:4px!important;bottom:8px!important}
  .home-project-phone{width:clamp(72px,19%,88px)!important;right:8px!important;bottom:8px!important;padding:7px 4px 7px!important;border-radius:17px!important}
  .home-project-phone img{border-radius:12px!important}
  .inner-project-phone{width:72px!important}
  .case-study-mobile{width:clamp(82px,24%,100px)!important;right:8px!important;bottom:-12px!important}
}

@media(max-width:380px){
  .hero-client-phone{width:72px!important}
  .home-project-phone{width:74px!important}
  .inner-project-phone{width:66px!important}
  .case-study-mobile{width:84px!important}
}

/* =========================================================
   v3.8.12 HERO PHONE CONSISTENCY RESTORE
   Based on the stable v3.8.6 device system.
   Keep the screenshot fitting and portfolio phones unchanged.
   The hero phone now uses the exact same visual shell proportions
   as the portfolio phone, only scaled larger for the hero.
   ========================================================= */

/* Portfolio phone is the reference handset. Hero is a 1.25x scale
   of the same padding/radius proportions, not a different device. */
.hero-client-phone{
  width:150px!important;
  padding:12.5px 6.25px 11.25px!important;
  border-radius:30px!important;
  right:0!important;
  bottom:10px!important;
  transform:rotate(-.55deg)!important;
}
.hero-client-phone img{
  border-radius:21.25px!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:top center!important;
  background:#090909!important;
}
.hero-client-phone:hover{transform:rotate(-.15deg) translateY(-3px)!important}

/* Hardware scales with the same reference handset proportions. */
.hero-phone-notch{
  top:5px!important;
  height:8px!important;
}
.hero-client-phone::after{
  bottom:5px!important;
  height:3px!important;
}

/* Keep the proof card clear of the slightly wider hero phone. */
.managed-card-v4{right:162px!important}

@media (max-width:1180px){
  .hero-client-phone{width:136px!important;right:4px!important}
  .managed-card-v4{right:148px!important}
}
@media (max-width:980px){
  .hero-client-phone{width:102px!important;right:8px!important;bottom:12px!important}
}
@media (max-width:620px){
  .hero-client-phone{width:80px!important;right:4px!important;bottom:8px!important;padding:7px 3.5px 6px!important;border-radius:16px!important}
  .hero-client-phone img{border-radius:11px!important}
  .hero-phone-notch{top:3px!important;height:5px!important}
  .hero-client-phone::after{bottom:3px!important;height:2px!important}
}

/* =========================================================
   v3.8.13 PROJECT PHONE BALANCE
   Keep the stable v3.8.12 placement/sizing and the same handset
   everywhere, but use a shorter 1:2 visual phone window so the
   overlay no longer reads as an over-long slab on desktop/mobile.
   The original 480x1040 captures are preserved; only the lower
   part is cropped visually, never stretched.
   ========================================================= */
:root{--webpro-project-phone-ratio:1 / 2}

.hero-client-phone,
.home-project-phone,
.inner-project-phone,
.case-study-mobile,
.case-editorial-phone{
  aspect-ratio:var(--webpro-project-phone-ratio)!important;
  height:auto!important;
  overflow:hidden!important;
}

.hero-client-phone img,
.home-project-phone img,
.inner-project-phone img,
.case-study-mobile img,
.case-editorial-phone img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  background:#090909!important;
}

/* Keep one consistent shell language across all contexts. */
.hero-client-phone,
.home-project-phone,
.inner-project-phone,
.case-study-mobile,
.case-editorial-phone{
  box-sizing:border-box!important;
}

/* Hero is allowed to be larger, but not a different shape. */
.hero-client-phone{
  width:148px!important;
  padding:10px 5px 9px!important;
  border-radius:28px!important;
}
.hero-client-phone img{border-radius:20px!important}
.hero-phone-notch{top:4px!important;height:7px!important}
.hero-client-phone::after{bottom:4px!important;height:3px!important}

/* Portfolio cards retain the existing width/placement but share the same shorter shell. */
.home-project-phone{padding:8px 4px 8px!important;border-radius:21px!important}
.home-project-phone img{border-radius:15px!important}

/* Internal/case-study variants use the same proportions too. */
.inner-project-phone{padding:8px 4px 8px!important;border-radius:23px!important}
.inner-project-phone img{border-radius:16px!important}
.case-study-mobile{padding:9px 4px 9px!important;border-radius:25px!important}
.case-study-mobile img{border-radius:18px!important}
.case-editorial-phone{padding:9px 4px 9px!important;border-radius:25px!important}
.case-editorial-phone img{border-radius:18px!important}

@media(max-width:1180px){
  .hero-client-phone{width:134px!important}
}
@media(max-width:980px){
  .hero-client-phone{width:100px!important}
}
@media(max-width:620px){
  .hero-client-phone{width:82px!important;padding:6px 3px 6px!important;border-radius:17px!important}
  .hero-client-phone img{border-radius:12px!important}
  .hero-phone-notch{top:3px!important;height:5px!important}
  .hero-client-phone::after{bottom:3px!important;height:2px!important}
  .home-project-phone{padding:6px 3px 6px!important;border-radius:16px!important}
  .home-project-phone img{border-radius:11px!important}
}
@media(max-width:380px){
  .hero-client-phone{width:76px!important}
}