/* Layout: six full-bleed chapters on monochrome photographic grounds (light strands, paper, street map, window light, louvres, wave), counted "N of 6". */
:root{
  --ink:#1d2430;          /* deep text / dark buttons */
  --paper:#fafafa;        /* light text on deep grounds */
  --dusk:#000;         /* footer ground */
  --gold:#ffffff;         /* accent on deep grounds */
  --indigo:#1d2430;       /* accent on light grounds */
  --display:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  color-scheme:light;
  /* per-section tokens (defaults = light) */
  --fg:var(--ink);--sub:#5a6272;--soft:#343c4a;--rule:rgba(29,36,48,.16);--panel:rgba(255,255,255,.7);--acc:var(--indigo);--btn-bg:var(--ink);--btn-fg:#fff;
}
*{box-sizing:border-box}
html,body{margin:0}
body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img{max-width:100%}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:#efefee;color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:#151515}
a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

/* Tones */
.deep{--fg:var(--paper);--sub:#d0d3d7;--soft:#eceef0;--rule:rgba(255,255,255,.2);--panel:rgba(255,255,255,.08);--acc:var(--gold);--btn-bg:var(--paper);--btn-fg:var(--ink)}
section{color:var(--fg);position:relative;overflow:hidden}
.bg-dusk{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.55) 70%),url("img/bg-dusk.webp") center/cover,#000}
.bg-stone{background:url("img/bg-stone.webp") center/cover,#efefee}
.bg-map{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.82)),url("img/bg-map.webp") center/cover,#000}
.bg-paper{background:url("img/bg-paper.webp") center/cover,#e9eaeb}
.bg-garden{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.72) 60%,rgba(0,0,0,.55)),url("img/bg-garden.webp") center/cover,#000}
.bg-lavender{background:url("img/bg-lavender.webp") center/cover,#e2e3e4}

/* Header: transparent over the hero, like Namek; turns charcoal once you scroll */
header{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:transparent;color:#fafafa;transition:background .35s ease,box-shadow .35s ease}
header.scrolled{background:rgba(21,21,21,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
header .logo span{opacity:.75}
.bar{display:flex;align-items:center;justify-content:space-between;padding-block:24px 0;gap:16px}
.logo{display:flex;align-items:baseline;text-decoration:none;font-family:var(--display);font-size:clamp(28px,3vw,36px);letter-spacing:-.035em;position:relative;padding:8px 0 0 13px;line-height:1}
.logo::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-left:4px solid currentColor;border-top:4px solid currentColor}
.logo b{font-weight:900}.logo span{font-weight:600;opacity:.72;margin-left:2px}
.menu-btn{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.menu-btn:hover{background:#fafafa;color:#151515}
.menu-btn i{display:block;width:20px;height:1.5px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.progress{display:grid;justify-items:end;gap:8px;width:min(55%,640px);margin-left:auto;padding-block:18px 16px}
.track{width:100%;height:1px;background:rgba(255,255,255,.55);position:relative}
.track i{position:absolute;right:0;top:-1.5px;height:4px;background:#fafafa;width:16.6%;transition:width .4s ease}
.count{font-family:var(--body);font-size:16px;color:#fafafa;font-variant-numeric:tabular-nums;white-space:nowrap}
.count b{font-weight:400}
header.scrolled .progress{padding-block:12px 10px}
main > section:first-child{border-top:calc(env(safe-area-inset-top,0px) + 150px) solid transparent}
body::before{display:none}
@media (max-width:640px){.progress{width:100%}.menu-btn{width:48px;height:48px}main > section:first-child{border-top-width:calc(env(safe-area-inset-top,0px) + 130px)}}

nav.drawer{position:fixed;inset:0;z-index:70;color:var(--paper);background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),url("img/bg-dusk.webp") center/cover,#000;padding:calc(env(safe-area-inset-top,0px) + 96px) max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px))}
nav.drawer ul{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;gap:6px}
nav.drawer a{text-decoration:none;font-family:var(--display);font-weight:600;font-size:clamp(30px,6vw,52px);letter-spacing:-.03em;display:flex;gap:18px;align-items:baseline}
nav.drawer a small{font-family:var(--mono);font-size:12px;opacity:.6}
nav.drawer a:hover{opacity:.7}
nav.drawer .menu-btn{border-color:rgba(255,255,255,.3)}
.close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 18px);right:max(20px,env(safe-area-inset-right,0px))}

/* Chapters */
section{padding-block:clamp(72px,11vw,140px)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);display:flex;gap:14px;align-items:center;margin:0 0 18px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--acc)}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.035em;text-wrap:balance;margin:0}
h2{font-size:clamp(34px,5.4vw,60px);line-height:1.05;margin-bottom:28px}
h3{font-size:22px;letter-spacing:-.02em;font-weight:600}
p{margin:0}
.lede{font-size:clamp(18px,2vw,21px);font-weight:400;color:var(--soft);max-width:62ch}
.muted{color:var(--sub)}

/* Hero */
.hero{padding-block:clamp(48px,8vw,100px) clamp(72px,9vw,120px)}
.hero h1{font-size:clamp(38px,6.4vw,80px);line-height:1.02;max-width:16ch;margin-bottom:28px}
.hero-lede{max-width:58ch;margin-bottom:56px}
.hero h1 em{font-style:normal;font-weight:800;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.12em}
.defs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.def{padding:28px 28px 8px 0;border-right:1px solid var(--rule);display:grid;gap:10px;align-content:start;min-width:0}
.def+.def{padding-left:28px}
.def:last-child{border-right:0}
.def .word{font-size:28px;font-weight:700;letter-spacing:-.02em}
.def .ph{font-family:var(--mono);font-size:13px;color:var(--sub)}
.def .old{color:var(--sub);text-decoration:line-through;text-decoration-color:var(--rule);font-size:15px}
.def .new{font-size:17px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:52px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;border-radius:999px;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);text-decoration:none;font-weight:600;font-size:15px;cursor:pointer;font-family:var(--body)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--rule)}
.btn:hover{background:var(--acc);border-color:var(--acc);color:var(--btn-fg)}
.deep .btn:hover{color:var(--ink)}
.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translateX(4px)}

/* About */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,90px)}
.split > *{min-width:0}
.stack{display:grid;gap:22px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border-top:1px solid var(--rule)}
.fact{padding:20px 16px 0 0}
.fact b{display:block;font-weight:800;font-size:clamp(20px,1.9vw,24px);letter-spacing:-.02em}
.fact span{font-size:14px;color:var(--sub)}

/* Hubs */
.hubs{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);margin-top:44px}
.hub-list{display:grid;border-top:1px solid var(--rule);align-content:start}
.hub-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 4px;border-bottom:1px solid var(--rule);font-size:19px;font-weight:500;color:var(--sub);transition:color .2s,padding .2s}
.hub-btn small{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hub-btn:hover{color:var(--fg)}
.hub-btn[aria-selected="true"]{color:var(--fg);padding-left:14px;border-left:2px solid var(--acc)}
.hub-btn:focus-visible{outline:2px solid var(--acc)}
.hub-panel{background:var(--panel);border:1px solid var(--rule);backdrop-filter:blur(6px);padding:clamp(24px,4vw,44px);display:grid;gap:26px;min-width:0}
.hub-panel h3{font-size:clamp(26px,3.2vw,36px);font-weight:700;letter-spacing:-.03em}
.hub-panel .where{font-family:var(--mono);font-size:12px;color:var(--sub);letter-spacing:.06em;text-transform:uppercase}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.hub-grid h4,.hub-h{margin:0 0 8px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.hub-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.hub-grid li{padding-left:16px;position:relative}
.hub-grid li::before{content:"";position:absolute;left:0;top:.75em;width:7px;height:1px;background:var(--acc)}
.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:6px 12px;border:1px solid var(--rule);border-radius:999px;width:max-content;max-width:100%}
.status i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.status.grow i{background:var(--sub)}
.hub-link{font-family:var(--mono);font-size:12px;color:var(--sub);overflow-wrap:anywhere}

/* Pillars */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);margin-top:44px}
.pillar{padding:34px 30px 10px 0;border-right:1px solid var(--rule);display:grid;gap:16px;align-content:start;min-width:0}
.pillar+.pillar{padding-left:30px}
.pillar:last-child{border-right:0}
.pillar .tag{font-family:var(--mono);font-size:12px;color:var(--acc)}
.pillar ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px;color:var(--soft);font-size:15.5px}
.pillar li{border-top:1px solid var(--rule);padding-top:9px}

/* AI band */
.ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:start}
.ai > *{min-width:0}
.flow{font-family:var(--mono);font-size:13.5px;border:1px solid var(--rule);background:#fff;padding:24px;display:grid;box-shadow:0 18px 40px -24px rgba(29,36,48,.35)}
.flow div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px dashed var(--rule)}
.flow div:last-child{border-bottom:0}
.flow span{color:var(--sub)}
.flow em{font-style:normal;color:var(--acc)}

/* Process (a real sequence) */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px;counter-reset:s}
.step{border-top:1px solid var(--rule);padding:24px 24px 0 0;display:grid;gap:10px;align-content:start;position:relative;min-width:0}
.step::before{counter-increment:s;content:counter(s) " / 4";font-family:var(--mono);font-size:12px;color:var(--sub)}
.step::after{content:"";position:absolute;left:0;top:-2px;height:3px;width:36px;background:var(--acc)}

/* Partner */
.partner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,90px)}
.partner > *{min-width:0}
.who{display:grid;border-top:1px solid var(--rule)}
.who div{padding:18px 0;border-bottom:1px solid var(--rule);display:grid;gap:4px}
.who b{font-weight:600}
.who span{color:var(--sub);font-size:15px}

/* Contact */
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,90px)}
.contact > *{min-width:0}
form{display:grid;gap:18px;background:var(--panel);border:1px solid var(--rule);padding:clamp(22px,3.5vw,36px)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:grid;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
input,select,textarea{font-family:var(--body);font-size:16px;letter-spacing:0;text-transform:none;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:10px 0;border-radius:0;width:100%}
select option{background:#fff;color:var(--ink)}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--acc)}
.note{display:grid;gap:12px;padding:20px;border:1px solid var(--rule);background:#fff}
.note pre{margin:0;white-space:pre-wrap;font-family:var(--mono);font-size:13px;color:var(--soft);max-height:220px;overflow:auto}
.mail{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.mail code{font-family:var(--mono);font-size:15px;user-select:all;overflow-wrap:anywhere}
.copy{font-family:var(--mono);font-size:12px;background:transparent;color:var(--fg);border:1px solid var(--rule);border-radius:999px;padding:7px 14px;cursor:pointer}
.copy:hover{border-color:var(--acc)}


.js .rise{transform:translateY(14px);transition:transform .7s ease}
.js .rise.in{transform:none}

@media (max-width:900px){
  .defs,.pillars,.steps{grid-template-columns:1fr}
  .def,.pillar{border-right:0;border-bottom:1px solid var(--rule);padding:24px 0 20px}
  .def+.def,.pillar+.pillar{padding-left:0}
  .def:last-child,.pillar:last-child{border-bottom:0}
  .step{padding:22px 0 18px}
  .split,.hubs,.ai,.partner,.contact{grid-template-columns:1fr}
  .hub-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .hub-btn{font-size:16px;padding:14px 2px}
  .hub-btn small{display:none}
}
@media (max-width:560px){
  .hub-grid,.row2,.facts{grid-template-columns:1fr}
  .fact{padding-right:0}
  .hub-list{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rise{transform:none;transition:none}
  .track i,.btn .arr{transition:none}
}

/* Plans */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.plan{border:1px solid var(--rule);background:rgba(255,255,255,.04);padding:30px 26px;display:grid;gap:18px;align-content:start;min-width:0}
.plan.featured{background:var(--paper);color:var(--ink);border-color:var(--paper);--rule:rgba(29,36,48,.16);--sub:#5a6272}
.plan-top{display:grid;gap:4px}
.plan h3{font-size:28px;font-weight:700;letter-spacing:-.03em}
.plan-for{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px}
.plan li{border-top:1px solid var(--rule);padding-top:10px}
/* Everyday tasks (ranked list) */
.tasks{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,64px);counter-reset:t;border-top:1px solid var(--rule)}
.tasks li{counter-increment:t;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:6px;padding:22px 0;border-bottom:1px solid var(--rule)}
.tasks li::before{content:counter(t,decimal-leading-zero);grid-row:span 2;font-family:var(--mono);font-size:13px;color:var(--sub);padding-top:4px}
.tasks h3{font-size:19px}
.tasks p{color:var(--sub);font-size:15.5px}
@media (max-width:760px){.tasks{grid-template-columns:1fr}}
/* Expertise */
.big-stat{display:flex;align-items:baseline;gap:14px;margin-top:8px}
.big-stat b{font-size:clamp(72px,11vw,140px);font-weight:800;letter-spacing:-.06em;line-height:.9}
.big-stat span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub);max-width:18ch}
.expertise h4{margin:8px 0 12px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.expertise ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.expertise li{border:1px solid var(--rule);background:rgba(255,255,255,.55);padding:7px 14px;border-radius:999px;font-size:14.5px;font-weight:600}
/* Story callout */
.story{margin-top:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);color:var(--paper);padding:clamp(26px,4vw,48px);display:grid;gap:22px;--rule:rgba(255,255,255,.2);--sub:#c9ccd1}
.story-label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}
.story h3{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.04em}
.story-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px);border-top:1px solid var(--rule);padding-top:22px}
.story-cols h4{margin:0 0 8px;font-size:15px;font-weight:700}
.story-cols div:first-child p{color:var(--sub)}
.story-cols div:first-child h4{color:var(--sub);text-decoration:line-through;text-decoration-thickness:1px}
.story-foot{font-family:var(--mono);font-size:13px;color:var(--sub)}
.story kbd{font-family:var(--mono);font-size:12px;border:1px solid var(--rule);border-bottom-width:2px;border-radius:5px;padding:2px 7px;color:var(--paper)}
@media (max-width:700px){.story-cols{grid-template-columns:1fr}}
.story-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.story-tabs{display:flex;gap:6px;border:1px solid var(--rule);border-radius:999px;padding:4px}
.story-tabs button{font:600 13px/1 var(--body);color:var(--sub);background:transparent;border:0;border-radius:999px;padding:9px 16px;cursor:pointer}
.story-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink)}
.story-body{display:grid;gap:22px}
/* Business parks */
.parks{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:44px}
.park{border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);padding:clamp(22px,3vw,32px);display:grid;gap:12px;align-content:start;min-width:0}
.park h3{font-size:26px;font-weight:700;letter-spacing:-.03em}
.park-main{background:var(--paper);color:var(--ink);border-color:var(--paper);--sub:#5a6272;--btn-bg:var(--ink);--btn-fg:#fff}
.park-main h3{font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-.05em;line-height:1}
.park-main .btn{width:max-content;max-width:100%;margin-top:8px}
.park-main .btn:hover{color:#fff}
.park-tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.park-where{font-weight:600}
.park p:not(.park-where){color:var(--sub);font-size:15.5px}
.park-main p:not(.park-where){color:#343c4a;font-size:16.5px}
.park-link{font-weight:600;text-decoration:none;margin-top:4px}
.park-link:hover{text-decoration:underline}
.park-rest{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px}
.park-rest-label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.park-rest ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.park-rest li{border:1px solid var(--rule);border-radius:999px;padding:6px 13px;font-size:14px}
@media (max-width:900px){.parks{grid-template-columns:1fr}}
/* Home: bold, big type */
.home-hero{padding-block:clamp(70px,12vw,170px) clamp(80px,12vw,160px)}
.home-hero h1{font-size:clamp(48px,10.5vw,148px);line-height:.92;letter-spacing:-.055em;font-weight:800;max-width:11ch;margin-bottom:clamp(28px,4vw,44px)}
.home-hero h1 span{display:block;font-weight:300;opacity:.72}
.home-hero .lede{font-size:clamp(19px,2.2vw,24px);max-width:46ch}
.page-hero{padding-block:clamp(56px,9vw,120px) clamp(48px,7vw,90px)}
.page-hero h1{font-size:clamp(44px,8vw,104px);line-height:.95;letter-spacing:-.05em;font-weight:800;max-width:14ch;margin-bottom:22px}
.dict{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.dict article{padding:34px 30px 6px 0;border-right:1px solid var(--rule);display:grid;gap:12px;align-content:start;min-width:0}
.dict article+article{padding-left:30px}
.dict article:last-child{border-right:0}
.dict .word{font-size:clamp(34px,4vw,48px);font-weight:800;letter-spacing:-.045em;line-height:1}
.dict .ph{font-family:var(--mono);font-size:13px;color:var(--sub)}
.dict .old{color:var(--sub);text-decoration:line-through;text-decoration-color:var(--rule)}
.dict .new{font-size:18px;font-weight:500}
.door-list{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--rule)}
.door-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--rule);text-decoration:none}
.door-list b{font-size:clamp(32px,5.6vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1}
.door-list span{display:block;color:var(--sub);font-size:16px;margin-top:10px;max-width:56ch}
.door-list i{font-style:normal;font-size:clamp(26px,3vw,40px);transition:transform .25s}
.door-list a:hover i{transform:translateX(8px)}
.door-list a:hover b{opacity:.75}
.proof{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:center}
.proof b.num{font-size:clamp(110px,20vw,260px);font-weight:800;letter-spacing:-.07em;line-height:.8}
.closing h2{font-size:clamp(46px,8vw,110px);font-weight:800;letter-spacing:-.055em;line-height:.95;max-width:12ch}
nav.drawer a[aria-current="page"]{opacity:.55}
@media (max-width:900px){
  .dict{grid-template-columns:1fr}
  .dict article{border-right:0;border-bottom:1px solid var(--rule);padding:26px 0 22px}
  .dict article+article{padding-left:0}
  .proof{grid-template-columns:1fr}
}
/* Principal */
.principal{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,90px);margin-top:44px;align-items:start}
.portrait{margin:0;display:grid;gap:16px}
.mono{aspect-ratio:4/5;max-width:100%;border:1px solid var(--rule);background:var(--panel);display:grid;place-items:center;font-size:clamp(80px,12vw,150px);font-weight:800;letter-spacing:-.06em;position:relative}
.mono::before{content:"";position:absolute;left:18px;top:18px;width:28px;height:28px;border-left:4px solid currentColor;border-top:4px solid currentColor}
.portrait figcaption{display:grid;gap:2px}
.portrait b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.portrait span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
.pquote{margin:0;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.25;letter-spacing:-.025em;position:relative;padding-top:34px}
.pquote::before{content:"\201C";position:absolute;top:-18px;left:-4px;font-size:90px;line-height:1;font-weight:800;opacity:.35}
.creds{margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.creds div{padding:14px 16px 14px 0;border-bottom:1px solid var(--rule)}
.creds dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.creds dd{margin:4px 0 0;font-weight:600}
@media (max-width:900px){.principal{grid-template-columns:1fr}.mono{max-width:320px}}
@media (max-width:520px){.creds{grid-template-columns:1fr}}
/* AI page */
.ai-teaser{display:grid;gap:10px;margin-top:clamp(64px,9vw,110px);padding:clamp(26px,4vw,44px);background:var(--ink);color:#fff;text-decoration:none;--sub:#c9ccd1}
.ai-teaser b{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.045em;line-height:1}
.ai-teaser span:last-child{color:#c9ccd1}
.ai-teaser:hover b{opacity:.8}
.usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--rule)}
.usecases div{padding:24px 24px 24px 0;border-bottom:1px solid var(--rule);display:grid;gap:8px;align-content:start;min-width:0}
.usecases h3{font-size:19px}
.usecases p{color:var(--sub);font-size:15.5px}
.aisteps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:a}
.aisteps li{counter-increment:a;border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);padding:26px;display:grid;gap:10px;align-content:start;min-width:0}
.aisteps li::before{content:"Step " counter(a) " of 6";font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--sub)}
.aisteps h3{font-size:24px;font-weight:700}
.aisteps p{color:var(--sub);font-size:15.5px}
@media (max-width:900px){.usecases,.aisteps{grid-template-columns:1fr}}
/* Philosophy */
.twopillars{margin-top:clamp(48px,7vw,80px);display:grid;justify-items:center}
.tp-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:clamp(12px,2vw,24px);width:100%}
.tp-box{border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);padding:clamp(22px,3vw,34px);display:grid;gap:8px;align-content:start;min-width:0}
.tp-when{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.tp-box b{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.tp-box p{color:var(--sub)}
.tp-plus{align-self:center;font-size:clamp(32px,4vw,52px);font-weight:300}
.tp-merge{width:50%;height:56px;border:1px solid var(--rule);border-top:0;position:relative;margin-top:-1px}
.tp-merge i{position:absolute;left:50%;top:100%;width:1px;height:34px;background:var(--rule)}
.tp-merge i::after{content:"";position:absolute;left:-6px;bottom:-2px;border:6px solid transparent;border-top:8px solid var(--paper);border-bottom:0}
.tp-result{margin-top:42px;background:var(--paper);color:var(--ink);padding:18px clamp(24px,4vw,44px);font-size:clamp(24px,3.4vw,44px);font-weight:800;letter-spacing:-.04em;text-align:center}
@media (max-width:640px){
  .tp-row{grid-template-columns:1fr}
  .tp-plus{justify-self:center}
  .tp-merge{width:1px;height:40px;border:0;border-left:1px solid var(--rule)}
  .tp-merge i{display:none}
  .tp-result{margin-top:0}
}
/* Remote support */
.remote-steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:r}
.remote-steps li{counter-increment:r;border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);padding:26px;display:grid;gap:10px;align-content:start;min-width:0}
.remote-steps li::before{content:counter(r,decimal-leading-zero);font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:1}
.remote-steps p{color:var(--sub);font-size:15.5px}
.remote-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);margin-top:44px}
.remote-split h4{margin:0 0 12px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.remote-split ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.remote-split li{border:1px solid var(--rule);border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:600}
@media (max-width:900px){.remote-steps,.remote-split{grid-template-columns:1fr}}
/* Home hero definitions */
.dict-hero{margin-top:8px}
.dict-hero .word{font-size:clamp(40px,4.3vw,66px);letter-spacing:-.05em;line-height:.98;overflow-wrap:anywhere}
.dict-hero .old{font-size:15px}
.dict-hero .new{font-size:clamp(18px,1.7vw,21px);font-weight:500}
.dict-hero article{padding-top:clamp(30px,4vw,48px);gap:16px}
.statement{padding-block:clamp(80px,12vw,160px)}
.statement h2{font-size:clamp(48px,9.5vw,136px);line-height:.92;letter-spacing:-.055em;font-weight:800;max-width:11ch}
.statement h2 span{display:block;font-weight:300;opacity:.6}
.statement .lede{font-size:clamp(19px,2.2vw,24px);max-width:48ch}
/* Definition slider */
.defslider{border-top:1px solid var(--rule);padding-top:clamp(28px,4vw,48px)}
.slides{display:grid}
.slide{grid-area:1/1;display:grid;gap:clamp(12px,1.6vw,20px);align-content:start;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease,visibility 0s .6s}
.slide.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease,transform .6s ease}
.slide .word{font-size:clamp(58px,10.5vw,150px);font-weight:800;letter-spacing:-.06em;line-height:.9}
.slide .ph{font-family:var(--mono);font-size:clamp(13px,1.2vw,16px);color:var(--sub)}
.slide .old{color:var(--sub);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.35);font-size:clamp(16px,1.5vw,19px);max-width:52ch}
.slide .new{font-size:clamp(22px,2.6vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.25;max-width:30ch}
.slider-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(28px,4vw,44px)}
.sl-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--rule);background:transparent;color:var(--fg);font-size:18px;cursor:pointer}
.sl-arrow:hover{border-color:var(--fg)}
.sl-dots{display:flex;gap:10px;flex:1;min-width:0}
.sl-dots button{flex:1;min-width:0;background:transparent;border:0;color:var(--sub);cursor:pointer;display:grid;gap:8px;text-align:left;padding:6px 0;font:500 13px/1.2 var(--body)}
.sl-dots button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-dots button i{display:block;height:2px;background:var(--rule);position:relative;overflow:hidden}
.sl-dots button i::after{content:"";position:absolute;inset:0;background:var(--fg);transform:scaleX(0);transform-origin:left}
.sl-dots button[aria-selected="true"]{color:var(--fg)}
.sl-dots button[aria-selected="true"] i::after{transform:scaleX(1)}
.defslider.playing .sl-dots button[aria-selected="true"] i::after{animation:slfill 14s linear forwards}
@keyframes slfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sl-count{font-family:var(--mono);font-size:13px;color:var(--sub);font-variant-numeric:tabular-nums}
.sl-count b{color:var(--fg);font-weight:400}
@media (max-width:560px){.sl-dots button span{display:none}}
@media (prefers-reduced-motion:reduce){.slide,.slide.is-active{transition:none;transform:none}}
/* Closing conversation band */
.talk{color:#202225;padding-block:clamp(90px,13vw,190px) clamp(48px,6vw,80px);background:linear-gradient(90deg,rgba(245,245,244,.55),rgba(245,245,244,.15) 55%,rgba(245,245,244,0)),url("img/talk.webp") center/cover,#cfcfcf}
.talk-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,64px);align-items:end}
.talk h2{font-size:clamp(48px,8.4vw,120px);font-weight:800;letter-spacing:-.055em;line-height:.98;max-width:12ch;margin-bottom:clamp(22px,3vw,34px)}
.talk p{font-size:clamp(18px,1.8vw,22px);max-width:52ch}
.talk-btn{display:grid;place-items:center;min-width:clamp(200px,19vw,280px);padding:clamp(22px,2.4vw,32px) 28px;background:#fafafa;color:#202225;text-decoration:none;font-size:clamp(17px,1.5vw,20px);font-weight:500;transition:background .2s,color .2s}
.talk-btn:hover{background:#202225;color:#fafafa}
@media (max-width:760px){.talk-in{grid-template-columns:1fr}.talk-btn{justify-self:start}}
/* Philosophy (Namek-style) */
.philosophy{background:url("img/philosophy.webp") center/cover,#030303;padding-block:clamp(90px,12vw,170px) clamp(60px,8vw,100px)}
.phil-eyebrow{font-size:clamp(17px,1.5vw,20px);color:var(--sub);margin:0 0 10px}
.philosophy h2{font-size:clamp(44px,5.6vw,76px);font-weight:800;letter-spacing:-.05em;margin-bottom:12px}
.phil-sub{font-size:clamp(17px,1.5vw,20px);color:var(--sub);margin:0}
.phil-fig{margin:clamp(56px,8vw,110px) 0 0;max-width:62rem;display:grid;gap:clamp(24px,3vw,36px)}
.phil-mark{width:clamp(30px,2.6vw,40px);color:var(--sub)}
.phil-fig blockquote{margin:0;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.6;letter-spacing:-.005em;color:#ececec}
.phil-fig figcaption.sig-block{display:grid;justify-items:start;gap:0;margin-top:clamp(18px,3vw,34px);position:relative;width:max-content;max-width:100%}
.phil-fig .sig-svg{display:block;width:clamp(240px,30vw,420px);height:auto;color:#f4f4f2}
.phil-fig .sig-name{margin-top:14px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.readmore{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:clamp(40px,6vw,80px);text-decoration:none;font-weight:600;font-size:18px}
.readmore i{font-style:normal;width:clamp(64px,6vw,84px);aspect-ratio:1;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .2s,color .2s}
.readmore:hover i{background:var(--paper);color:var(--ink)}
.principal-h{font-size:clamp(44px,7.6vw,110px);font-weight:800;letter-spacing:-.055em;line-height:.95;max-width:13ch;margin-bottom:0}
.readmore-dark i{border-color:rgba(29,36,48,.3)}
.readmore-dark:hover i{background:var(--ink);color:#fff}
.principal-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(32px,5vw,56px)}
.talk-btn-dark{background:var(--ink);color:#fafafa}
.talk-btn-dark:hover{background:#000;color:#fff}
.principal-mail{color:var(--sub);font-size:15px}
.principal-mail code{font-family:var(--mono);color:var(--fg);user-select:all}
/* Local landing pages */
.crumbs{font-family:var(--mono);font-size:12px;color:var(--sub);margin-bottom:22px}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.land-list{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.land-list li{padding:18px 16px 18px 0;border-bottom:1px solid var(--rule);font-weight:600;font-size:17px}
.ar-band{font-family:"Inter",Tahoma,"Segoe UI",Arial,sans-serif}
.ar-band h2{font-size:clamp(30px,4vw,48px);letter-spacing:0;margin-bottom:18px}
.ar-band .lede{max-width:70ch;line-height:1.9}
.land-others{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.land-others a{display:inline-block;border:1px solid var(--rule);border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:600}
.land-others a:hover{background:var(--paper);color:var(--ink)}
.foot-local{flex-basis:100%;font-size:13px}
.foot-local a{text-decoration:none}.foot-local a:hover{text-decoration:underline}
@media (max-width:760px){.land-list{grid-template-columns:1fr}}
.fixsteps li::before{content:"Step " counter(a) " of 6"}
.tasks h3 a{text-decoration:none}.tasks h3 a:hover{text-decoration:underline}
.story-foot a{color:var(--paper)}
/* Remote regions */
.regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.region{position:relative;display:grid;gap:8px;padding:clamp(22px,3vw,32px);border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);text-decoration:none;min-width:0}
.region b{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1}
.region span:not(.park-tag){color:var(--sub)}
.region i{position:absolute;right:clamp(22px,3vw,32px);top:clamp(22px,3vw,32px);font-style:normal;font-size:28px;transition:transform .25s}
.region:hover i{transform:translateX(6px)}
.park-rest li a{text-decoration:none}
@media (max-width:760px){.regions{grid-template-columns:1fr}}
.deep .expertise li{background:rgba(255,255,255,.06)}
/* Footer */
.site-foot{background:#000;color:#e4e5e7;padding-block:18px calc(14px + env(safe-area-inset-bottom,0px));font-size:13px;--rule:rgba(255,255,255,.14)}
.site-foot a{text-decoration:none;color:inherit}
.site-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.site-foot .logo{font-size:20px;padding:5px 0 0 9px}
.site-foot .logo::before{width:10px;height:10px;border-width:3px}
.ft-links,.ft-areas{display:flex;flex-wrap:wrap;gap:4px 18px}
.ft-sub{margin-top:12px;padding-top:10px;border-top:1px solid var(--rule);color:#8e9298;font-size:12px}
.ft-areas{gap:4px 14px}
/* Example report */
.report{margin-top:40px;border:1px solid var(--rule);background:#fff;padding:clamp(18px,3vw,28px);display:grid;gap:0;max-width:760px;box-shadow:0 18px 40px -24px rgba(29,36,48,.35)}
.r-row{display:grid;grid-template-columns:14px minmax(0,1fr) minmax(0,1.3fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}
.r-row b{font-weight:600}.r-row span:last-child{color:var(--sub);font-size:15px}
.dot{width:12px;height:12px;border-radius:50%}.dot.g{background:#2e8b57}.dot.a{background:#d4a017}.dot.r{background:#c0392b}
.r-note{margin-top:14px;font-size:13.5px;color:var(--sub)}
/* Self-check quiz */
.quiz{display:grid;gap:0;margin-top:40px;border-top:1px solid var(--rule)}
.q{border:0;border-bottom:1px solid var(--rule);margin:0;padding:20px 0;display:grid;grid-template-columns:minmax(0,1.6fr) auto;gap:14px 28px;align-items:center}
.q legend{float:left;width:100%;display:flex;gap:16px;font-size:17px;font-weight:500;padding:0}
.q legend span{font-family:var(--mono);font-size:12px;color:var(--sub);padding-top:4px}
.q-opts{display:flex;gap:8px;flex-wrap:wrap}
.q-opts label{position:relative;cursor:pointer}
.q-opts input{position:absolute;opacity:0;inset:0}
.q-opts label{border:1px solid var(--rule);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.q-opts label:has(input:checked){background:var(--paper);color:var(--ink);border-color:var(--paper)}
.q-opts label:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.quiz-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px}
.quiz-foot span{font-family:var(--mono);font-size:13px;color:var(--sub)}
.q-result{margin-top:40px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:start;border:1px solid var(--rule);background:var(--panel);padding:clamp(24px,4vw,44px)}
.q-score{display:flex;align-items:baseline;gap:6px}
.q-score b{font-size:clamp(80px,12vw,140px);font-weight:800;letter-spacing:-.06em;line-height:.85}
.q-score span{font-size:24px;color:var(--sub)}
.q-result h3{font-size:clamp(24px,2.8vw,34px);font-weight:800}
.q-fixes{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--soft)}
.mini-steps{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--soft)}
@media (max-width:760px){.q{grid-template-columns:1fr}.q-result{grid-template-columns:1fr}.r-row{grid-template-columns:14px minmax(0,1fr)}.r-row span:last-child{grid-column:2}}
/* Industries */
.ind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.ind{border:1px solid var(--rule);background:rgba(255,255,255,.7);padding:clamp(22px,2.6vw,30px);display:grid;gap:10px;align-content:start;min-width:0}
.ind-no{font-family:var(--mono);font-size:12px;color:var(--sub)}
.ind h3{font-size:24px;font-weight:800;letter-spacing:-.03em}
.ind-risk{font-weight:600;color:var(--ink);padding-bottom:10px;border-bottom:1px solid var(--rule)}
.ind ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;color:var(--sub);font-size:15.5px}
.ind li{padding-left:16px;position:relative}
.ind li::before{content:"";position:absolute;left:0;top:.75em;width:7px;height:1px;background:var(--ink)}
@media (max-width:900px){.ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ind-grid{grid-template-columns:1fr}}
/* Home strip */
.home-strip{padding-block:0;background:#f3f3f2;border-bottom:1px solid rgba(29,36,48,.12)}
.strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.strip-item{display:grid;gap:8px;align-content:start;padding:clamp(24px,3vw,36px) clamp(18px,2.4vw,30px);text-decoration:none;color:var(--ink);border-right:1px solid rgba(29,36,48,.12);min-width:0;transition:background .2s}
.strip-item:first-child{padding-left:0}
.strip-item:last-child{border-right:0}
.strip-item:hover{background:#ebebea}
.strip-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5a6272}
.strip-item b{font-size:clamp(18px,1.6vw,21px);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.strip-go{font-size:14px;font-weight:600;color:#5a6272}
.strip-item:hover .strip-go{color:var(--ink)}
.strip-hl{background:#000;color:#fff;padding-left:clamp(18px,2.4vw,30px)!important}
.strip-hl:hover{background:#1a1a1a}
.strip-hl .strip-k,.strip-hl .strip-go{color:#a3a6ab}
.strip-hl:hover .strip-go{color:#fff}
@media (max-width:860px){.strip-grid{grid-template-columns:1fr}.strip-item{border-right:0;border-bottom:1px solid rgba(29,36,48,.12);padding-left:0}.strip-hl{margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)))!important;padding-inline:max(16px,env(safe-area-inset-left,0px))!important}}
/* Forms: consent, success, spam trap */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.consent{font-size:13px;color:var(--sub);margin:0}
.consent a{color:inherit}
.sent{padding:16px 18px;border-left:3px solid #2e8b57;background:rgba(46,139,87,.08);font-weight:500;margin:0}
.btn:disabled{opacity:.55;cursor:wait}
/* Legal page */
.legal{max-width:760px}
.legal h2{font-size:clamp(22px,2.4vw,28px);font-weight:700;margin:40px 0 12px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{color:var(--soft);line-height:1.75}
.legal ul{padding-left:20px;display:grid;gap:8px}
.home-hero h1.eyebrow{font-family:var(--mono);font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.12em;max-width:none;margin:0 0 18px;text-wrap:wrap}
.home-hero h1.eyebrow span{display:inline;opacity:1;font-weight:400}
/* Home: fewer words, bigger type */
.statement .lede{font-size:clamp(22px,2.6vw,32px);font-weight:500;letter-spacing:-.015em;max-width:34ch;color:var(--fg)}
.slide .new{font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.2;max-width:24ch}
.slide .old{font-size:clamp(17px,1.6vw,20px)}
@media (max-width:560px){.home-hero .cta-row{display:grid;grid-template-columns:1fr;gap:10px}.home-hero .cta-row .btn{justify-content:center}.home-hero .cta-row .btn{width:100%}}
.principal-h{max-width:15ch}
/* Arabic page */
.ar-page{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
.ar-page *{letter-spacing:0!important}
.ar-page h1,.ar-page h2,.ar-page h3{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.3}
.ar-page .eyebrow{text-transform:none;font-family:inherit;font-size:14px}
.ar-page .lede,.ar-page p,.ar-page li,.ar-page dd{line-height:1.9}
.ar-page .ind li{padding-left:0;padding-right:16px}
.ar-page .ind li::before{left:auto;right:0}
.rs-light li{background:rgba(255,255,255,.7)}
.hd-steps li::before{content:"Step " counter(a) " of 4"}
.lang-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:22px}
.lang-row .crumbs{margin-bottom:0}
.lang-switch{font-family:"Inter",Arial,sans-serif;font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--rule);border-radius:999px;padding:7px 14px;color:var(--fg)}
.lang-switch:hover{background:var(--paper);color:var(--ink)}
/* Multinational standards block */
.mn{border-top:1px solid var(--rule);padding-top:22px;display:grid;gap:16px}
.mn-lead{font-size:clamp(19px,1.8vw,23px);font-weight:700;letter-spacing:-.02em;line-height:1.35}
.mn-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.mn-list li{display:grid;gap:4px}
.mn-list b{font-weight:700}
.mn-list span{color:var(--sub);font-size:15px}
@media (max-width:560px){.mn-list{grid-template-columns:1fr}}
/* ITIL section */
.itil-head{display:flex;align-items:center;gap:22px;margin-bottom:24px}
.itil-badge{flex:none;display:grid;place-items:center;width:92px;height:92px;border:2px solid var(--ink);border-radius:50%;font-weight:900;font-size:17px;letter-spacing:.02em;text-align:center;line-height:1.1}
.itil-badge sup{font-size:.55em}
.itil-head .eyebrow{margin-bottom:8px}
.itil-head h2{margin-bottom:0}
.itil-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.itil-col{border:1px solid var(--rule);background:rgba(255,255,255,.72);padding:22px;display:grid;gap:10px;align-content:start;min-width:0}
.itil-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}
.itil-col h3{font-size:20px;font-weight:800;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.itil-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.itil-col li{display:grid;gap:2px}
.itil-col li b{font-size:15px;font-weight:700}
.itil-col li span{font-size:14px;color:var(--sub);line-height:1.5}
.itil-inline{text-underline-offset:4px}
@media (max-width:1000px){.itil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.itil-grid{grid-template-columns:1fr}.itil-head{align-items:flex-start}.itil-badge{width:72px;height:72px;font-size:14px}}
/* ITIL page */
.principles{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:p}
.principles li{counter-increment:p;border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);padding:22px;display:grid;gap:8px;align-content:start;min-width:0}
.principles li::before{content:counter(p);font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1}
.principles b{font-size:17px}
.principles span{font-size:14.5px;color:var(--sub)}
.dims{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.dims li{padding:22px 22px 0 0;display:grid;gap:8px;align-content:start;min-width:0}
.dim-no{font-family:var(--mono);font-size:12px;color:var(--sub)}
.dims b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.dims span:last-child{font-size:15px;color:var(--sub)}
.svs{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.svs span{border:1px solid var(--rule);background:#fff;padding:12px 16px;font-weight:600;font-size:15px}
.svs .svs-core{background:var(--ink);color:#fff;border-color:var(--ink)}
.svs i{font-style:normal;font-size:20px;color:var(--sub)}
.tm-note{font-size:12.5px;color:var(--sub);margin:0}
.bg-paper:has(.tm-note){padding-block:0 30px}
.itil-teaser{display:flex;align-items:center;gap:24px;text-decoration:none;border:1px solid var(--rule);background:rgba(255,255,255,.72);padding:clamp(20px,3vw,32px)}
.itil-tx{display:grid;gap:6px}
.itil-tx b{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.03em}
.itil-tx > span:last-child{color:var(--sub)}
.itil-teaser:hover b{text-decoration:underline;text-underline-offset:5px}
@media (max-width:1000px){.principles,.dims{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.principles,.dims{grid-template-columns:1fr}.dims li{padding:18px 0 14px;border-bottom:1px solid var(--rule)}.itil-teaser{flex-direction:column;align-items:flex-start}.svs{flex-direction:column;align-items:stretch}.svs i{transform:rotate(90deg);align-self:center}}
.sl-pause{display:grid;place-items:center}
.sl-pause svg{width:16px;height:16px}
.sl-pause .i-play{display:none}
.sl-pause.is-paused .i-pause{display:none}
.sl-pause.is-paused .i-play{display:block}
/* Best practices list */
.bp-list{list-style:none;margin:40px 0 0;padding:0;display:grid;border-top:1px solid var(--rule)}
.bp-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--rule)}
.bp-no{font-family:var(--mono);font-size:13px;color:var(--sub);padding-top:6px}
.bp-list h3{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.bp-list p{color:var(--soft);max-width:70ch}
.bp-you{margin-top:6px;font-weight:600;color:var(--fg)!important}
.ar-page .bp-list h3{letter-spacing:0}
@media (max-width:560px){.bp-list li{grid-template-columns:1fr;gap:6px}}
.research-card{display:grid;gap:10px;text-decoration:none;border:1px solid var(--rule);border-left:3px solid var(--ink);background:#fff;padding:clamp(18px,2.6vw,26px)}
.research-k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.research-card b{font-size:clamp(17px,1.6vw,20px);line-height:1.4;font-weight:700}
.research-go{font-weight:600;font-size:14px}
.research-card:hover b{text-decoration:underline;text-underline-offset:4px}
/* Why ITIL (home) */
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.why{border:1px solid var(--rule);background:rgba(255,255,255,.75);padding:24px;display:grid;gap:10px;align-content:start;min-width:0}
.why b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.why p{color:var(--sub);font-size:15px}
.why-stat{background:var(--ink);color:#fff;border-color:var(--ink)}
.why-num{font-size:clamp(56px,6vw,80px);font-weight:900;letter-spacing:-.05em;line-height:.9}
.why-stat p{color:#d0d3d7}
.bottom-line{margin-top:28px;border-left:3px solid var(--ink);padding:6px 0 6px 22px;display:grid;gap:12px;justify-items:start;max-width:820px}
.label-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}
.bottom-line p{font-size:clamp(19px,2vw,24px);font-weight:600;letter-spacing:-.015em;line-height:1.4}
.src-note{margin-top:22px;font-size:12px;color:var(--sub)}
@media (max-width:1000px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}}
.why-home{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:40px}
.why-home .bottom-line{margin-top:0}
@media (max-width:760px){.why-home{grid-template-columns:1fr}}
/* Disney case study */
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.case-col{border:1px solid var(--rule);background:var(--panel);backdrop-filter:blur(6px);padding:24px;display:grid;gap:12px;align-content:start;min-width:0}
.case-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}
.case-col p{color:var(--soft)}
.case-col ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--soft)}
.case-lesson{margin-top:28px;border-left:3px solid var(--paper);padding:6px 0 6px 22px;display:grid;gap:10px;max-width:820px}
.case-lesson p{font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.4;letter-spacing:-.015em}
.deep .src-note{color:var(--sub)}
@media (max-width:900px){.case-grid{grid-template-columns:1fr}}
.principal-lede{margin-top:22px;max-width:56ch;font-size:clamp(19px,2vw,23px)}
.btn.ghost-dark{background:transparent;color:var(--ink);border-color:rgba(29,36,48,.35)}
.btn.ghost-dark:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.versions div{border:1px solid var(--rule);background:#fff;padding:20px;display:grid;gap:8px}
.versions b{font-size:19px;font-weight:800}
.versions span{color:var(--sub);font-size:15px}
@media (max-width:560px){.versions{grid-template-columns:1fr}}
/* Scroll to explore */
.home-hero{position:relative}
.scroll-explore{position:absolute;right:max(20px,calc((100vw - 1180px)/2 + 20px));bottom:clamp(20px,3vh,36px);display:grid;justify-items:end;gap:14px;text-decoration:none;color:#fafafa;font-size:17px}
.scroll-explore i{width:66px;height:66px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);display:grid;place-items:center;font-style:normal;font-size:20px;transition:background .2s,color .2s}
.scroll-explore:hover i{background:#fafafa;color:#151515}
@media (max-width:760px){.scroll-explore{display:none}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ft-tag{margin:0 0 14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.home-hero{min-height:100svh;padding-block:clamp(0px,1.5vw,20px) clamp(110px,12vh,140px);display:flex;flex-direction:column;justify-content:center}
@media (max-width:760px){.home-hero{min-height:auto;padding-bottom:56px}}
.home-hero .defslider{border-top:0;padding-top:0}
/* Fit the home hero in one screen */
.home-hero .slide .word{font-size:clamp(52px,7.2vw,112px)}
.home-hero .slide .new{font-size:clamp(22px,2.5vw,34px)}
.home-hero .slider-ctl{margin-top:clamp(20px,3vh,34px)}
.home-hero .cta-row{margin-top:clamp(22px,3.5vh,40px)}
.home-hero > .wrap{width:100%}
@media (min-width:761px) and (max-height:820px){
  .home-hero .slide .word{font-size:clamp(48px,6vw,88px)}
  .home-hero .slide .new{font-size:clamp(20px,2.1vw,28px)}
  .home-hero .slide{gap:10px}
  .scroll-explore i{width:56px;height:56px}
}
/* FAQ */
.faq{margin:18px 0 0;display:grid;border-top:1px solid var(--rule)}
.faq div{padding:16px 0;border-bottom:1px solid var(--rule)}
.faq dt{font-weight:600;margin-bottom:4px}
.faq dd{margin:0;color:var(--sub);font-size:15.5px}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
/* Hover on mono buttons */
.btn:hover{opacity:.82}

/* Principal heading styled like the statement */
#principal .principal-h{font-size:clamp(48px,9.5vw,136px);line-height:.92;letter-spacing:-.055em;font-weight:800;max-width:none}
#principal .principal-h span{display:block;font-weight:300;opacity:.6}
/* Statement: pure black and white on a white ground */
.statement.bg-paper{background:#fff;--fg:#000;--sub:#5f6368;--rule:rgba(0,0,0,.14);--acc:#000}
.statement.bg-paper h2{color:#000}
.statement.bg-paper h2 span{color:#000;opacity:.45}
.statement.bg-paper .lede{color:#000}
/* Side margins: half of the previous version */
.wrap{max-width:none;padding-left:max(20px,env(safe-area-inset-left,0px),calc((100vw - 1140px)/4));padding-right:max(20px,env(safe-area-inset-right,0px),calc((100vw - 1140px)/4))}
.scroll-explore{right:max(20px,calc((100vw - 1140px)/4))}
nav.drawer ul{max-width:none;margin-inline:max(0px,calc((100vw - 1140px)/4 - 20px))}
/* Principal: black, like the slider */
#principal{background:#000;--fg:#fafafa;--sub:#a3a6ab;--rule:rgba(255,255,255,.2);--acc:#fafafa;color:#fafafa}
#principal .principal-h{color:#fafafa}
#principal .principal-h span{color:#fafafa;opacity:.55}
#principal .why-stat{background:#fafafa;color:#000;border-color:#fafafa}
#principal .why-stat p{color:#4a4f57}
#principal .bottom-line{border-left-color:#fafafa}
#principal .bottom-line p{color:#fafafa}
#principal .talk-btn-dark{background:#fafafa;color:#000}
#principal .talk-btn-dark:hover{background:#fff;color:#000}
#principal .btn.ghost-dark{color:#fafafa;border-color:rgba(255,255,255,.45)}
#principal .btn.ghost-dark:hover{background:#fafafa;color:#000;border-color:#fafafa}

/* How we think: same style as "Small faults. Costly downtime." */
.philosophy .phil-h{font-size:clamp(48px,9.5vw,136px);line-height:.92;letter-spacing:-.055em;font-weight:800;max-width:none;margin-bottom:0}
.philosophy .phil-h span{display:block;font-weight:300;opacity:.55}

/* Hero: one crafted button */
.home-hero .cta-one{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:clamp(22px,3.5vh,40px)}
.cta-big{display:inline-flex;align-items:center;gap:22px;padding:10px 10px 10px 30px;border-radius:999px;background:#fafafa;color:#000;text-decoration:none;font-weight:700;font-size:clamp(17px,1.4vw,19px);letter-spacing:-.01em;transition:background .25s,color .25s}
.cta-big .cta-txt{text-wrap:balance}
.cta-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#000;color:#fafafa;font-size:20px;transition:transform .25s}
.cta-big:hover{background:#fff}
.cta-big:hover .cta-ico{transform:translateX(4px) rotate(-45deg)}
.cta-meta{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a3a6ab}
@media (max-width:560px){.cta-big{width:100%;justify-content:space-between;padding-left:22px;gap:14px;font-size:16px;line-height:1.3}}
@media (prefers-reduced-motion:reduce){.cta-big,.cta-ico{transition:none}.cta-big:hover .cta-ico{transform:none}}
/* More space after the pronunciation line */
.home-hero .slide .ph{margin-bottom:clamp(16px,3.2vh,32px)}
/* Even rhythm: the space after the definition matches the space after the pronunciation */
.home-hero .slides{align-items:end}
.home-hero .slide{align-content:end}
.home-hero .slider-ctl{margin-top:calc(clamp(16px,3.2vh,32px) + var(--ctl-adj,0px))}
.home-hero{--ctl-adj:clamp(12px,1.6vw,20px)}
@media (min-width:761px) and (max-height:820px){.home-hero{--ctl-adj:10px}}

/* Slider plays once: the last tab stays filled */
.defslider.done .sl-dots button[aria-selected="true"] i::after{transform:scaleX(1)}

/* Arabic step labels on troubleshooting guides */
.ar-page .aisteps li::before{content:"الخطوة " counter(a) " من 6";font-family:inherit;letter-spacing:0}

/* ===== Toolbox ===== */
.toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.toolcard{display:flex;flex-direction:column;gap:10px;padding:28px;background:#fff;border:1px solid rgba(29,36,48,.12);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.toolcard:hover{border-color:var(--ink);transform:translateY(-3px)}
.toolcard h3{font-size:clamp(22px,2vw,26px);font-weight:800;letter-spacing:-.03em;margin:4px 0 0}
.toolcard p{margin:0;color:#4a4f57;flex:1}
.tool-tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b7079}
.tool-go{font-weight:700;margin-top:8px}
.toolcard:hover .arr{transform:translateX(4px)}.tool-go .arr{display:inline-block;transition:transform .2s}
.land-others-dark a{color:var(--ink);border-color:rgba(29,36,48,.3)}
@media (max-width:900px){.toolgrid{grid-template-columns:1fr}}

/* ===== Domain Health Check ===== */
.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}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dhc-form{display:flex;gap:10px;max-width:640px;margin-top:clamp(26px,4vh,40px)}
.dhc-form input{flex:1;min-width:0;font:inherit;font-size:18px;padding:16px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;outline:none}
.dhc-form input::placeholder{color:rgba(255,255,255,.55)}
.dhc-form input:focus{border-color:#fff;background:rgba(255,255,255,.12)}
.dhc-form .btn{white-space:nowrap}
.dhc-checks{margin:14px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--sub)}
.dhc-empty{margin:0;color:#6b7079;font-size:18px}
.dhc-loading{display:flex;align-items:center;gap:12px;font-size:18px;color:#4a4f57}
.dhc-spin{width:22px;height:22px;border:3px solid rgba(29,36,48,.15);border-top-color:var(--ink);border-radius:50%;animation:dhcspin .8s linear infinite}
@keyframes dhcspin{to{transform:rotate(360deg)}}
.dhc-error{color:#b3261e;font-size:18px;margin:0}
.dhc-results{scroll-margin-top:120px}
.dhc-score{display:flex;gap:28px;align-items:center;background:#fff;border:1px solid rgba(29,36,48,.12);padding:28px;margin-bottom:16px}
.dhc-score h2{margin:2px 0 6px;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.04em}
.dhc-score p{margin:0;color:#4a4f57}
.dhc-domain{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:#6b7079!important}
.dhc-ring{--c:#1e8e3e;flex:0 0 110px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#e6e7e9 0)}
.dhc-ring span{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;letter-spacing:-.04em}
.dhc-score-warn .dhc-ring{--c:#e8a100}.dhc-score-bad .dhc-ring{--c:#d93025}
.dhc-share{margin-top:10px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.dhc-fixes{background:#fff8e6;border:1px solid #f1d38a;padding:22px 26px;margin-bottom:16px}
.dhc-fixes h3{margin:0 0 8px;font-size:20px}
.dhc-fixes ol{margin:0;padding-left:20px}.dhc-fixes li{margin:6px 0;color:#3c3f45}
.dhc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dhc-card{background:#fff;border:1px solid rgba(29,36,48,.12);border-top:4px solid #9aa0a6;padding:20px 22px;overflow-wrap:anywhere}
.dhc-good{border-top-color:#1e8e3e}.dhc-warn{border-top-color:#e8a100}.dhc-bad{border-top-color:#d93025}
.dhc-card-head{display:flex;gap:12px;align-items:flex-start}
.dhc-card h3{margin:0;font-size:17px;font-weight:700}
.dhc-ico{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:#9aa0a6}
.dhc-good .dhc-ico{background:#1e8e3e}.dhc-warn .dhc-ico{background:#e8a100}.dhc-bad .dhc-ico{background:#d93025}
.dhc-sum{margin:2px 0 0;font-weight:600}
.dhc-tag{font-family:var(--mono);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:#6b7079;margin-left:4px}
.dhc-card>p{color:#4a4f57;font-size:15px;margin:10px 0 0}
.dhc-card dl{margin:10px 0 0;font-size:13px}
.dhc-card dt{font-weight:700;margin-top:6px}
.dhc-card dd{margin:0;color:#4a4f57;font-family:var(--mono);font-size:12px}
.dhc-remind{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--ink);color:#fff;padding:24px 28px;margin-top:16px}
.dhc-remind h3{margin:0 0 4px;font-size:20px}.dhc-remind p{margin:0;color:#d0d3d7}
.dhc-remind-row{display:flex;gap:8px;flex:1 1 340px;max-width:480px}
.dhc-remind-row input{flex:1;min-width:0;font:inherit;padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff}
.dhc-remind-row input::placeholder{color:rgba(255,255,255,.55)}
.dhc-remind .btn{--btn-bg:#fafafa;--btn-fg:var(--ink);background:#fafafa;color:var(--ink);border-color:#fafafa}
.dhc-remind .form-status{flex-basis:100%;margin:0;font-weight:600;min-height:0}
.dhc-remind .form-status.ok{color:#9fe0b0}.dhc-remind .form-status.err{color:#ffb4ab}
.dhc-next{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px;background:#fff;border:1px solid rgba(29,36,48,.12);padding:24px 28px}
.dhc-next h3{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.02em}.dhc-next p{margin:0;color:#4a4f57;max-width:52ch}
.dhc-next-btns{display:flex;gap:10px;flex-wrap:wrap}
.dhc-next .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.dhc-next .btn.ghost{background:transparent;color:var(--ink);border-color:rgba(29,36,48,.35)}
.dhc-next .btn:hover{background:#000;color:#fff;border-color:#000}
.dhc-note{font-size:13px;margin:16px 0 0;color:#6b7079}
.dhc-explain{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.dhc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dhc-grid{grid-template-columns:1fr}.dhc-form{flex-direction:column}.dhc-form .btn{justify-content:center}.dhc-score{flex-direction:column;text-align:center}.dhc-remind-row{flex-direction:column}}

/* ===== Email Signature Generator ===== */
.sig-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:start}
.sig-form{display:grid;gap:18px}
.sig-form fieldset{margin:0;padding:22px;border:1px solid rgba(29,36,48,.12);background:#fff;display:grid;gap:14px}
.sig-form legend{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b7079;padding:0 6px}
.sig-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sig-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.sig-form input:not([type=radio]):not([type=checkbox]):not([type=color]){font:inherit;font-weight:400;font-size:15px;padding:12px 14px;border:1px solid rgba(29,36,48,.2);border-radius:10px;background:#fafafa;color:var(--ink);min-width:0;width:100%}
.sig-form input:focus{outline:2px solid var(--ink);outline-offset:1px}
.sig-styles{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sig-style{position:relative;display:block!important;cursor:pointer}
.sig-style input{position:absolute;opacity:0;inset:0}
.sig-style span{display:inline-block;padding:10px 18px;border:1px solid rgba(29,36,48,.25);border-radius:999px;font-weight:600}
.sig-style input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.sig-style input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.sig-color{display:flex!important;align-items:center;gap:10px;margin-left:auto}
.sig-color input{width:44px;height:36px;padding:0;border:1px solid rgba(29,36,48,.2);border-radius:8px;background:none}
.sig-check{display:flex!important;align-items:center;gap:10px;font-weight:400!important}
.sig-side{position:sticky;top:120px;display:grid;gap:14px}
.sig-mail{background:#fff;border:1px solid rgba(29,36,48,.12);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.sig-mail-top{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #eee}
.sig-mail-top span{width:10px;height:10px;border-radius:50%;background:#e2e3e5}
.sig-mail-body{margin:0;padding:20px 22px 6px;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.sig-preview{padding:6px 22px 24px;overflow-x:auto}
.sig-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sig-btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.sig-btn-dark:hover{background:#000;color:#fff;border-color:#000}
.sig-reset{border:0;background:none;font:inherit;color:#6b7079;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px}
.sig-status{margin:0;min-height:1.4em;font-weight:600;color:#1e8e3e}
.sig-code{width:100%;font-family:var(--mono);font-size:12px;padding:12px;border:1px solid rgba(29,36,48,.2)}
.sig-note{margin:0;font-size:13px;color:#6b7079}
@media (max-width:900px){.sig-wrap{grid-template-columns:1fr}.sig-side{position:static}}
@media (max-width:560px){.sig-row{grid-template-columns:1fr}.sig-color{margin-left:0}}

/* ===== Domain Expiry Check ===== */
.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.toolgrid{grid-template-columns:1fr}}
.exp-form{display:grid;gap:10px;max-width:720px;margin-top:clamp(26px,4vh,40px)}
.exp-row{display:flex;gap:10px}
.exp-row input{flex:1;min-width:0;font:inherit;font-size:17px;padding:15px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;outline:none}
.exp-row input::placeholder{color:rgba(255,255,255,.55)}
.exp-row input:focus{border-color:#fff;background:rgba(255,255,255,.12)}
.exp-row .btn{white-space:nowrap;min-width:250px;justify-content:center}
.exp-status{margin:4px 0 0;min-height:1.5em;font-size:15px;color:var(--soft)}
.exp-status.err{color:#ffb4ab}
.exp-record{scroll-margin-top:120px;margin-bottom:clamp(40px,6vw,72px)}
.exp-rec{background:#fff;border:1px solid rgba(29,36,48,.12);border-top:6px solid #1e8e3e;padding:clamp(22px,3vw,34px)}
.exp-warn{border-top-color:#e8a100}.exp-bad{border-top-color:#d93025}.exp-unknown{border-top-color:#9aa0a6}
.exp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.exp-domain{margin:0;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}
.exp-sub{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6b7079}
.exp-badge{flex:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:7px 14px;border-radius:999px;background:#e6f4ea;color:#137333}
.exp-warn .exp-badge{background:#fff3d6;color:#8a5a00}.exp-bad .exp-badge{background:#fce8e6;color:#c5221f}.exp-unknown .exp-badge{background:#eceef0;color:#4a4f57}
.exp-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.exp-big div{background:#f5f5f4;padding:16px 18px}
.exp-big span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6b7079;margin-bottom:4px}
.exp-big b{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.02em}
.exp-small{font-size:17px!important;overflow-wrap:anywhere}
.exp-list{display:grid;grid-template-columns:max-content 1fr;gap:8px 22px;margin:0;font-size:15px}
.exp-list dt{font-weight:700}.exp-list dd{margin:0;color:#4a4f57;overflow-wrap:anywhere}
.exp-after{margin-top:22px;border-top:1px solid rgba(29,36,48,.12);padding-top:18px}
.exp-after-title{margin:0 0 6px;font-weight:800}
.exp-after ol{margin:0;padding-left:20px}.exp-after li{margin:6px 0;color:#3c3f45}
.exp-note{color:#4a4f57;margin:16px 0 0}
.exp-more{margin-top:20px}.exp-more a{font-weight:700;color:var(--ink)}
.exp-record:not([hidden])+.exp-intro{display:none}
@media (max-width:640px){.exp-row{flex-direction:column}.exp-row .btn{min-width:0}.exp-big{grid-template-columns:1fr}.exp-list{grid-template-columns:1fr;gap:2px}.exp-list dd{margin-bottom:8px}.exp-head{flex-direction:column}}
/* Tool forms: no panel frame */
.dhc-form,.exp-form,.sig-form{background:none;border:0;padding:0}
.dhc-remind{border:0}
/* Expiry warnings */
.exp-alert{display:flex;gap:12px;align-items:flex-start;max-width:720px;margin:20px 0 0;padding:14px 18px;border:1px solid rgba(255,180,171,.45);background:rgba(217,48,37,.16);color:#fff;font-size:15px;line-height:1.5}
.exp-alert span{flex:0 0 22px;height:22px;border-radius:50%;background:#d93025;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;margin-top:1px}
.exp-warning{margin:18px 0 0;padding:14px 18px;background:#fce8e6;border-left:4px solid #d93025;color:#5c1410;font-weight:600}
.exp-warn .exp-warning{background:#fff3d6;border-left-color:#e8a100;color:#4d3300}

/* ===== Website Speed & Security Check ===== */
.web-h{margin:34px 0 12px;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.03em}
.web-psi{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid rgba(29,36,48,.12);padding:22px 26px;margin-bottom:12px}
.web-psi-wait{color:#4a4f57;gap:12px}
.web-psi-none{margin:0;color:#4a4f57}.web-psi-none a{color:var(--ink);font-weight:700}
.web-psi-title{margin:0;font-weight:800;font-size:19px}
.web-psi-sub{margin:4px 0 10px;color:#4a4f57}
.web-ring-good{--c:#1e8e3e}.web-ring-warn{--c:#e8a100}.web-ring-bad{--c:#d93025}
.web-metrics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.web-metrics li{background:#f5f5f4;padding:8px 12px;display:grid;gap:2px}
.web-metrics span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6b7079}
.web-metrics b{font-size:15px}
@media (max-width:640px){.web-psi{flex-direction:column;text-align:center}.web-metrics{justify-content:center}}

/* ===== Email Blacklist Check ===== */
.blk-form{display:grid;gap:10px;max-width:720px;margin-top:clamp(26px,4vh,40px);background:none;border:0;padding:0}
.blk-head{align-items:flex-start}
.blk-big{flex:0 0 84px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:800;color:#fff;background:#1e8e3e}
.blk-big-warn{background:#e8a100}.blk-big-bad{background:#d93025}
.blk-meta{margin-top:8px!important;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#6b7079!important}
.blk-urgent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center;background:var(--ink);color:#fff;padding:26px 28px;margin-bottom:16px}
.blk-urgent h3{margin:0 0 6px;font-size:24px;font-weight:800;letter-spacing:-.02em}.blk-urgent p{margin:0;color:#d0d3d7}
.blk-urgent .lead-form{display:flex;flex-wrap:wrap;gap:8px;background:none;border:0;padding:0}
.blk-urgent .lead-form input:not([type=hidden]){flex:1 1 160px;min-width:0;font:inherit;padding:13px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff}
.blk-urgent .lead-form input::placeholder{color:rgba(255,255,255,.55)}
.blk-urgent .lead-form .btn{background:#fafafa;color:var(--ink);border-color:#fafafa}
.blk-urgent .lead-status{flex-basis:100%;margin:0;font-weight:600}
.blk-urgent .lead-status.ok{color:#9fe0b0}.blk-urgent .lead-status.err{color:#ffb4ab}.blk-urgent .lead-status a{color:#fff}
.blk-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.blk-col{background:#fff;border:1px solid rgba(29,36,48,.12);padding:20px 22px;min-width:0}
.blk-col h3{margin:0 0 12px;font-size:17px;font-weight:800}
.blk-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.blk-list li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}
.blk-list li:last-child{border-bottom:0}
.blk-list li div{display:grid;flex:1;min-width:0}
.blk-list b{font-size:14px}.blk-list li div span{font-size:13px;color:#6b7079;overflow-wrap:anywhere}
.blk-list a{font-size:13px;font-weight:700;color:var(--ink)}
.blk-list .dhc-ico{flex:0 0 26px;height:26px;font-size:13px}
.blk-clean .dhc-ico,.blk-good .dhc-ico{background:#1e8e3e}.blk-listed .dhc-ico,.blk-bad .dhc-ico{background:#d93025}.blk-warn .dhc-ico{background:#e8a100}
.blk-mx{margin:12px 0 0;font-size:12px;color:#6b7079;overflow-wrap:anywhere}
@media (max-width:900px){.blk-cols,.blk-urgent{grid-template-columns:1fr}}

/* ===== Lead forms (roadmap) ===== */
.lead-form-lg{display:grid;gap:14px;background:#fff;border:1px solid rgba(29,36,48,.12);padding:clamp(20px,3vw,30px)}
.lead-form-lg label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.lead-form-lg input:not([type=hidden]),.lead-form-lg select{font:inherit;font-weight:400;font-size:15px;padding:12px 14px;border:1px solid rgba(29,36,48,.2);border-radius:10px;background:#fafafa;color:var(--ink);min-width:0;width:100%}
.lead-form-lg .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.lead-form-lg .btn:hover{background:#000;border-color:#000;color:#fff}
.lead-status{margin:0;font-weight:600;min-height:0}
.lead-form-lg .lead-status.ok{color:#1e8e3e}.lead-form-lg .lead-status.err{color:#b3261e}

/* ===== Help yourself ===== */
.toolgrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.toolgrid-3{grid-template-columns:1fr}}
.hy-ar{margin-top:22px;font-size:16px}.hy-ar a{color:var(--ink);font-weight:700}

/* ===== Free email reminders ===== */
.rem-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:start}
.rem-form{display:grid;gap:14px;background:#fff;border:1px solid rgba(29,36,48,.12);padding:clamp(20px,3vw,32px)}
.rem-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.rem-form input:not([type=hidden]){font:inherit;font-weight:400;font-size:16px;padding:13px 14px;border:1px solid rgba(29,36,48,.2);border-radius:10px;background:#fafafa;color:var(--ink);min-width:0;width:100%}
.rem-form .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.rem-form .btn:hover{background:#000;border-color:#000;color:#fff}
.rem-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.rem-chips button{font:inherit;font-size:13px;padding:7px 12px;border:1px solid rgba(29,36,48,.2);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.rem-chips button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.rem-when{margin:0;font-size:15px;color:#4a4f57}
.rem-status{margin:0;font-weight:600}.rem-status.ok{color:#1e8e3e}.rem-status.err{color:#b3261e}
.rem-fine{margin:0;font-size:13px;color:#6b7079}
.rem-steps{margin:0 0 18px;padding-left:20px;display:grid;gap:12px;font-size:17px}
.rem-steps b{display:block}
@media (max-width:900px){.rem-wrap{grid-template-columns:1fr}}
/* Menu: scrolls when the list is taller than the screen; close button stays put */
nav.drawer{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 48px)}
nav.drawer a{font-size:clamp(28px,min(6vw,5.6vh),52px)}
nav.drawer .menu-btn.close{position:fixed;z-index:71}
html.menu-open,html.menu-open body{overflow:hidden}

/* ---------- Strong Password Maker ---------- */
.pw-wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.pw-box{display:flex;gap:10px;align-items:stretch}
.pw-box input{flex:1;min-width:0;font:600 clamp(18px,2.6vw,26px)/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;padding:18px 20px;border:2px solid var(--ink,#111);border-radius:14px;background:#fff;color:#111}
.pw-meter{height:8px;border-radius:99px;background:rgba(0,0,0,.08);margin:16px 0 8px;overflow:hidden}
.pw-meter span{display:block;height:100%;width:var(--w,0%);background:#c0392b;transition:width .3s,background .3s}
.pw-meter.pw-fair span{background:#d68910}.pw-meter.pw-strong span{background:#27ae60}.pw-meter.pw-vstrong span{background:#1e8449}
.pw-strength{margin:0;font-size:15px}.pw-strength span{opacity:.65}
.pw-copied{min-height:1.4em;margin:4px 0;font-size:14px;color:#1e8449}
.pw-new{background:none;border:0;padding:6px 0;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pw-more-h{margin-top:26px}
.pw-more{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pw-more li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px}
.pw-more code{font:500 15px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.pw-use{background:none;border:1px solid currentColor;border-radius:99px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;flex:none}
.pw-form{display:grid;gap:16px;background:none;border:0;padding:0}
.pw-form fieldset{border:0;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.pw-form legend{font-weight:700;margin-bottom:8px}
.pw-form label{display:grid;gap:6px}
.pw-form input[type=range]{width:100%;accent-color:#111}
.pw-form select{padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:10px;font:inherit;background:#fff}
.pw-mem,.pw-rnd{display:grid;gap:12px}
.pw-rnd{display:none}.pw-form.is-random .pw-rnd{display:grid}.pw-form.is-random .pw-mem{display:none}
@media (max-width:820px){.pw-wrap{grid-template-columns:1fr}}

/* ---------- New Business IT Checklist ---------- */
.chk-top{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.chk-num{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;margin:0}
.chk-msg{margin:4px 0 0;opacity:.75}
.chk-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.chk-bar{margin:18px 0 34px}
.chk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}
.chk-sec h3{font-size:20px;margin:0 0 10px;display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid #111;padding-bottom:8px}
.chk-count{font-size:14px;font-weight:600;opacity:.6}
.chk-sec ul{list-style:none;margin:0;padding:0}
.chk-item{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}
.chk-item input{position:absolute;opacity:0;width:1px;height:1px}
.chk-box{width:22px;height:22px;border:2px solid #111;border-radius:6px;margin-top:2px;display:grid;place-items:center}
.chk-item input:checked+.chk-box{background:#111}
.chk-item input:checked+.chk-box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.chk-item input:focus-visible+.chk-box{outline:3px solid #6aa0ff;outline-offset:2px}
.chk-item b{display:block}
.chk-item small{display:block;font-size:14px;opacity:.72;margin-top:2px}
.chk-item em{display:inline-block;font-style:normal;font-size:14px;margin-top:4px}
.chk-item em a{font-weight:600}
.chk-item input:checked~span b{text-decoration:line-through;opacity:.55}
@media (max-width:820px){.chk{grid-template-columns:1fr}}
@media print{
  body:has(#chk) :is(header,footer,nav.drawer,.page-hero .cta-row,.chk-actions,#service,.faq,main>section:not(#checklist):not(.page-hero)){display:none!important}
  body:has(#chk) .page-hero{padding:0!important;background:none!important;color:#000!important}
  .chk{grid-template-columns:1fr 1fr;gap:12px 28px}.chk-item{padding:6px 0;break-inside:avoid}.chk-sec{break-inside:avoid}
  .chk-item em{display:none}
}

/* ---------- IT Starter Kit button + drawer ---------- */
.kd-btn{display:flex;flex-direction:column;align-items:center;gap:12px;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;background:#fafafa;color:#151515;border:0;border-radius:18px 0 0 18px;padding:20px 14px 18px;cursor:pointer;box-shadow:0 18px 40px -14px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.08);transition:padding .25s,background .2s,color .2s,opacity .2s}
.kd-btn:hover,.kd-btn:focus-visible{padding-right:22px;background:#151515;color:#fafafa;box-shadow:0 0 0 1px #fafafa,0 18px 40px -14px rgba(0,0,0,.6)}
.kd-btn svg{width:28px;height:28px;flex:none}
.kd-t{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;gap:6px;text-align:start;white-space:nowrap}
.kd-t b{font:800 18px/1 var(--body);letter-spacing:-.01em}
.kd-t small{font:500 11.5px/1 var(--body);opacity:.7}
.kd-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#151515;color:#fafafa;font:700 13px var(--body);flex:none}
.kd-btn:hover .kd-n,.kd-btn:focus-visible .kd-n{background:#fafafa;color:#151515}
.kit.is-hidden .kd-btn,.kit-open .kd-btn{opacity:0;pointer-events:none}
.kd-drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:#151515;color:#fafafa;z-index:80;padding:30px 28px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .35s ease,visibility 0s .35s;box-shadow:-20px 0 50px -20px rgba(0,0,0,.6)}
.kd-drawer.open{transform:none;visibility:visible;transition:transform .35s ease}
.kd-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:79}
.kd-scrim[hidden]{display:none}
html.kit-open,html.kit-open body{overflow:hidden}
.kd-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}
.kd-k,.kd-g{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab;margin:0}
.kd-head h2{font-size:clamp(34px,4vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1;margin:8px 0;color:#fafafa}
.kd-sub{margin:0;color:#c9cbcf;font-size:15px}
.kd-x{background:none;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;color:inherit;cursor:pointer;flex:none}
.kd-g{margin-top:26px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.25)}
.kd-drawer ul{list-style:none;margin:0;padding:0}
.kd-drawer li a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fafafa}
.kd-drawer li b{display:block;font-size:15.5px;font-weight:600}
.kd-drawer li small{display:block;font-size:12.5px;color:#a3a6ab;margin-top:2px}
.kd-drawer li i{font-style:normal;opacity:.5;transition:transform .2s,opacity .2s}
.kd-drawer li a:hover i{transform:translateX(4px);opacity:1}
.kd-all{margin-top:24px;background:#fafafa;color:#151515}
@media (max-height:640px) and (min-width:761px){.kd-t small{display:none}}
@media (max-width:760px){
 .kd-btn{flex-direction:row;top:auto;bottom:16px;right:14px;transform:none;border-radius:99px;padding:12px 14px 12px 16px;gap:10px;max-width:calc(100vw - 28px)}
 .kd-btn:hover,.kd-btn:focus-visible{padding-right:14px}
 .kd-t{writing-mode:horizontal-tb;transform:none;flex-direction:column;gap:3px;white-space:normal;max-width:230px}
 .kd-t b{font-size:15px}.kd-t small{font-size:11px;line-height:1.25}
 .kd-btn svg{width:22px;height:22px}.kd-n{width:24px;height:24px;font-size:12px}
 footer.site-foot{padding-bottom:96px}
}
@media print{.kit{display:none!important}}
@media (max-width:760px){.kit.is-compact .kd-t small{display:none}.kit.is-compact .kd-btn{padding:11px 13px 11px 15px}}
.tool-num{font-family:var(--mono);font-weight:400;margin-right:4px;opacity:.6}
.kit-step2{margin-top:clamp(56px,7vw,90px)}
.kd-num{font-style:normal;font-family:var(--mono);font-weight:400;font-size:12px;color:#8e9298;margin-right:10px}
/* Scroll to Explore: floating, steps through sections */
.scroll-explore.is-floating{position:fixed;z-index:55;mix-blend-mode:difference;color:#fff}
.scroll-explore.is-floating i{border-color:#fff}
.scroll-explore.is-floating:hover i{background:#fff;color:#000}
html.menu-open .scroll-explore,html.kit-open .scroll-explore{opacity:0;pointer-events:none}
@media print{.scroll-explore{display:none}}

/* ---------- Startup tools: shared ---------- */
.st-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
.st-form{display:grid;gap:16px;background:none;border:0;padding:0}
.st-form label{display:grid;gap:6px;font-weight:600;font-size:15px}
.st-form label.sig-check,.st-form label.sig-style{font-weight:500}
.st-form input:not([type=checkbox]):not([type=radio]):not([type=range]),.st-form select{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.22);border-radius:10px;font:inherit;font-weight:400;background:#fff;color:#111}
.st-form input[type=range]{width:100%;accent-color:#111}
.st-out{position:sticky;top:120px;background:#151515;color:#fafafa;border-radius:18px;padding:clamp(22px,3vw,34px)}
.st-paper{background:#fff;color:#151515;border-radius:6px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06);padding:clamp(24px,4vw,48px)}
@media (max-width:900px){.st-two{grid-template-columns:1fr}.st-out{position:static}}
/* Budget */
.bud-big span,.bud-pair span{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab}
.bud-big b{display:block;font-size:clamp(46px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-top:6px}
.bud-big small{color:#c9cbcf;font-size:15px}
.bud-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;padding:18px 0;border-block:1px solid rgba(255,255,255,.18)}
.bud-pair b{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;margin-top:4px}
.bud-table{width:100%;border-collapse:collapse;font-size:14.5px}
.bud-table td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
.bud-table td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:12px}
.bud-table td small{display:block;color:#a3a6ab;font-size:12.5px}
.bud-table .bud-h th{text-align:left;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab;padding:16px 0 4px}
.st-out .sig-note{color:#a3a6ab}
/* Suite chooser */
.suite-form{display:grid;gap:22px;background:none;border:0;padding:0;max-width:860px}
.suite-q{border:0;margin:0;padding:0 0 20px;border-bottom:1px solid rgba(0,0,0,.12);display:grid;gap:8px}
.suite-q legend{font-size:clamp(19px,2vw,23px);font-weight:700;letter-spacing:-.01em;margin-bottom:10px;padding:0;display:flex;gap:12px;align-items:baseline}
.suite-q legend span{font-family:var(--mono);font-size:13px;font-weight:400;opacity:.55}
.suite-q label{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid rgba(0,0,0,.16);border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.suite-q label:hover{border-color:#111}
.suite-q label:has(input:checked){border-color:#111;background:#111;color:#fff}
.suite-q input{accent-color:#111;width:18px;height:18px;flex:none}
.suite-miss legend{color:#b3261e}.suite-miss legend::after{content:"Please choose one";font-size:13px;font-weight:600;margin-left:auto}
.suite-result{margin-top:clamp(36px,5vw,56px);max-width:860px}
.suite-card{background:#151515;color:#fafafa;border-radius:18px;padding:clamp(24px,4vw,44px)}
.suite-card h2{font-size:clamp(34px,4.6vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:6px 0 10px;color:#fafafa}
.suite-card h2 span{display:block;font-weight:300;color:#c9cbcf}
.suite-card h3{font-size:16px;margin:22px 0 6px;color:#fafafa}
.suite-card ul{margin:0;padding-left:20px;display:grid;gap:4px}
.suite-price{font-size:17px}.suite-price b{font-size:22px}
.suite-close{border-left:3px solid #fafafa;padding-left:14px;margin-top:18px}
.suite-note{font-size:13.5px;color:#a3a6ab;margin-top:14px}.suite-note a{color:#fafafa}
.suite-card .cta-row{margin-top:22px}.suite-card .btn.ghost-dark{color:#fafafa;border-color:rgba(255,255,255,.5)}
/* Domain name finder */
.dnf-form{background:none;border:0;padding:0;max-width:760px}
.dnf-status{min-height:1.5em;margin:14px 0}.dnf-status.err{color:#b3261e}
.dnf-results{max-width:760px}
.dnf-results h3{font-size:18px;margin:26px 0 8px}
.dnf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.dnf-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:#fff}
.dnf-d{font-weight:700;overflow-wrap:anywhere}
.dnf-s{font-size:12.5px;font-weight:600;white-space:nowrap;padding:3px 9px;border-radius:99px;background:#eee}
.dnf-free{border-color:#1e8449!important}.dnf-free .dnf-s{background:#1e8449;color:#fff}
.dnf-taken .dnf-d{opacity:.55;text-decoration:line-through}.dnf-taken .dnf-s{background:#e6e6e6;color:#555}
.dnf-unknown .dnf-s{white-space:normal;text-align:right;background:none;padding:0;color:#666}
.dnf-wait .dnf-s{animation:dnfpulse 1s ease-in-out infinite alternate}
@keyframes dnfpulse{to{opacity:.35}}
/* Starter & leaver */
.onb-head{border-bottom:2px solid #151515;padding-bottom:14px;margin-bottom:6px}
.onb-co,.pol-co{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6b6e73;margin:0}
.onb-head h2,.pol-head h2{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em;margin:6px 0 12px;color:#151515}
.onb-head dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0}
.onb-head dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8e9298}
.onb-head dd{margin:2px 0 0;font-weight:600;min-height:1.4em}
.onb-blank{display:block;border-bottom:1px solid #c9cbcf;height:1.2em}
#onb-doc section h3{font-size:16px;margin:20px 0 4px;color:#151515}
#onb-doc ul{list-style:none;margin:0;padding:0}
#onb-doc li label{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #ececec;cursor:pointer;font-size:14.5px}
#onb-doc li input{position:absolute;opacity:0}
.onb-box{width:16px;height:16px;border:1.6px solid #151515;border-radius:3px;margin-top:2px}
#onb-doc li input:checked+.onb-box{background:#151515}
#onb-doc li input:checked~span:last-child{text-decoration:line-through;opacity:.55}
#onb-doc li a{font-weight:700;color:#151515}
.onb-foot{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;font-size:13px;color:#55585d}.onb-src{margin-left:auto;color:#8e9298}
/* Policy */
.pol-head{border-bottom:2px solid #151515;padding-bottom:12px}
.pol-meta{margin:0;font-size:13.5px;color:#6b6e73}
#pol-doc section h3{display:flex;gap:10px;align-items:baseline;font-size:16.5px;margin:18px 0 6px;color:#151515}
#pol-doc section h3 span{font-family:var(--mono);font-size:12px;font-weight:400;color:#8e9298}
#pol-doc p,#pol-doc li{font-size:14.5px;line-height:1.55;color:#2a2c30}
#pol-doc ul{margin:0;padding-left:18px;display:grid;gap:4px}
.pol-lines{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:18px;margin-top:26px}
.pol-lines span{border-top:1px solid #151515;padding-top:6px;font-size:12px;color:#6b6e73}
.pol-src{font-size:11.5px!important;color:#8e9298!important;margin-top:20px}
/* Wi-Fi QR */
.qr-sign{background:#fff;color:#151515;border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06);padding:clamp(22px,3vw,36px);text-align:center}
.qr-h{font-size:clamp(30px,3.4vw,42px);font-weight:800;letter-spacing:-.03em;margin:0}
.qr-sub{margin:4px 0 16px;color:#6b6e73}
.qr-wrap{position:relative;width:min(320px,100%);margin:0 auto;aspect-ratio:1}
.qr-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}
.qr-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;border:2px dashed #c9cbcf;border-radius:12px;color:#8e9298;font-size:14px}
.qr-empty[hidden]{display:none}
.qr-sign dl{margin:18px 0 0;display:grid;gap:2px}
.qr-sign dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8e9298;margin-top:8px}
.qr-sign dd{margin:0;font-size:20px;font-weight:800;overflow-wrap:anywhere}
.qr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
#qr-form.is-open .qr-pwf{display:none}
/* Phishing quiz */
.ph{max-width:760px}
.ph-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;color:#6b6e73}.ph-top b{color:#111}
.ph-bar{height:4px;background:rgba(0,0,0,.08);border-radius:99px;margin:10px 0 22px;overflow:hidden}.ph-bar i{display:block;height:100%;width:var(--w);background:#111;transition:width .3s}
.ph-mail{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:clamp(18px,3vw,28px);box-shadow:0 20px 40px -30px rgba(0,0,0,.4)}
.ph-h{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #eee}
.ph-av{width:40px;height:40px;border-radius:50%;background:#151515;color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.ph-h b{display:block}.ph-addr{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#55585d;overflow-wrap:anywhere}
.ph-subj{font-size:18px;font-weight:700;margin:14px 0 6px}
.ph-att{font-size:14px;background:#f4f4f4;border-radius:8px;padding:8px 12px;display:inline-block}
.ph-link{display:inline-block;background:#1a56db;color:#fff;border-radius:8px;padding:9px 16px;font-weight:600;font-size:14px}
.ph-url{display:block;margin-top:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:#55585d;overflow-wrap:anywhere}
.ph-ask{margin-top:20px}.ph-ask p{font-weight:700;margin:0 0 10px}
.ph-btns{display:flex;gap:10px;flex-wrap:wrap}
.ph-ans{margin-top:18px;border-radius:14px;padding:18px 20px;border-left:5px solid}
.ph-right{background:#eaf6ee;border-color:#1e8449}.ph-wrong{background:#fdecea;border-color:#b3261e}
.ph-verdict{font-size:17px;margin-top:0}
.ph-done{text-align:left}
.ph-big{font-size:clamp(72px,10vw,120px);font-weight:800;letter-spacing:-.05em;line-height:1;margin:4px 0}.ph-big span{font-weight:300;opacity:.5;font-size:.5em}
.ph-tips{display:grid;gap:6px;padding-left:20px;margin:16px 0 22px}
/* Print: only the generated document */
@media print{
  body:has(#onb-doc) main>section:not(:has(#onb-doc)),body:has(#pol-doc) main>section:not(:has(#pol-doc)),body:has(#qr-sign) main>section:not(:has(#qr-sign)){display:none!important}
  body:has(#onb-doc) #onb-form,body:has(#pol-doc) #pol-form,body:has(#qr-sign) #qr-form{display:none!important}
  .st-two{display:block}.st-paper,.qr-sign{box-shadow:none;border:0;padding:0}
  body:has(.st-paper) header,body:has(.st-paper) footer,body:has(.st-paper) .talk,body:has(#qr-sign) header,body:has(#qr-sign) footer,body:has(#qr-sign) .talk{display:none!important}
  body:has(.st-paper) main>section,body:has(#qr-sign) main>section{padding:0!important;background:none!important}
  #onb-doc li label{break-inside:avoid}
  .qr-wrap{width:110mm}
}
.st-form label,.suite-q label{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--ink,#151515)}
.st-form input[type=checkbox],.st-form input[type=radio]{width:auto;flex:none;accent-color:#111}
.st-form .sig-check{grid-template-columns:none}
.st-out .bud-table,.st-out{font-family:var(--body)}
.suite-q label{font-size:16px;font-weight:500}
.st-form fieldset{border:0;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.st-form legend{font-weight:700;margin-bottom:8px;font-size:15px}
#onb-doc label{font-family:var(--body);letter-spacing:0;text-transform:none;color:#151515}
#onb-doc section,#pol-doc section{padding:0;margin:0;background:none;min-height:0}
@page{margin:14mm}
/* IT Starter Kit button: black and bolder */
.kd-btn{background:#000;color:#fff;box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 18px 40px -14px rgba(0,0,0,.6)}
.kd-btn:hover,.kd-btn:focus-visible{background:#fff;color:#000;box-shadow:0 0 0 1.5px #000,0 18px 40px -14px rgba(0,0,0,.6)}
.kd-t b{font-weight:900;font-size:21px;letter-spacing:-.02em}
.kd-t small{font-weight:600;font-size:12px;opacity:.8}
.kd-btn svg{stroke-width:2.4}
.kd-n{background:#fff;color:#000;font-weight:800}
.kd-btn:hover .kd-n,.kd-btn:focus-visible .kd-n{background:#000;color:#fff}
@media (max-width:760px){.kd-t b{font-size:16px}.kd-t small{font-size:11px}}
/* IT Starter Kit button: white background, bold */
.kd-btn{background:#fff;color:#000;box-shadow:0 0 0 1.5px #000,0 18px 40px -14px rgba(0,0,0,.55)}
.kd-btn:hover,.kd-btn:focus-visible{background:#000;color:#fff;box-shadow:0 0 0 1.5px #fff,0 18px 40px -14px rgba(0,0,0,.6)}
.kd-n{background:#000;color:#fff}
.kd-btn:hover .kd-n,.kd-btn:focus-visible .kd-n{background:#fff;color:#000}
/* IT Starter Kit button: name + domain hook */
.kd-t{gap:8px}
.kd-t small.kd-hook{font-size:14px;font-weight:800;opacity:1;letter-spacing:-.005em;color:#c0392b}
.kd-btn:hover .kd-hook,.kd-btn:focus-visible .kd-hook{color:#ff8a7a}
.kd-hot a{background:rgba(255,255,255,.06);margin-inline:-12px;padding-inline:12px!important;border-radius:10px;border-bottom-color:transparent!important}
.kd-tag{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#c0392b;color:#fff;border-radius:99px;padding:3px 9px}
@media (max-height:640px) and (min-width:761px){.kd-t small.kd-hook{display:block}}
@media (max-width:760px){.kd-t small.kd-hook{font-size:12px}}
.kd-alert{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 4px;padding:14px 16px;border-radius:12px;background:#c0392b;color:#fff;text-decoration:none}
.kd-alert b{display:block;font-size:16px;font-weight:800}
.kd-alert small{display:block;font-size:12.5px;opacity:.9;margin-top:2px;line-height:1.4}
.kd-alert .kd-tag{background:#fff;color:#c0392b;margin:0;white-space:nowrap;flex:none}
.kd-alert:hover{background:#a93226}
/* Business name generator */
.bng-form{max-width:860px}
.bng-grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bng-card{display:grid;gap:6px;align-content:start;padding:18px;border:1px solid rgba(0,0,0,.14);border-radius:14px;background:#fff}
.bng-name{font-size:clamp(21px,2vw,25px);font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
.bng-dom{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;color:#55585d}
.bng-card .dnf-s{justify-self:start}
.bng-more{font-size:13.5px;font-weight:600;color:#151515;margin-top:4px}
.bng-card.dnf-taken .bng-name{opacity:.5}
/* Slogan maker */
.st-opt{font-weight:400;color:#8e9298;font-size:12.5px;margin-left:4px}
.slg-results{margin-top:28px;max-width:960px}
.slg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.slg-grid li{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;border:1px solid rgba(0,0,0,.14);border-radius:14px;background:#fff}
.slg-grid p{margin:0;font-size:clamp(19px,1.8vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.25}
.slg-copy{align-self:flex-start;background:none;border:1px solid #151515;border-radius:99px;padding:6px 14px;font:600 13px var(--body);cursor:pointer}
.slg-copy:hover{background:#151515;color:#fff}
.bng-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px}
/* Affiliate offer: Business Email + Free Domain */
.aff-offer{display:grid;grid-template-columns:1fr auto;gap:10px 28px;align-items:center;margin:24px 0 8px;padding:clamp(20px,3vw,30px);border-radius:16px;background:#151515;color:#fafafa}
.aff-offer h3{font-size:clamp(22px,2.4vw,28px)!important;font-weight:800;letter-spacing:-.03em;margin:6px 0 8px!important;color:#fafafa}
.aff-offer p{margin:0 0 8px;color:#d6d8db;font-size:15px;line-height:1.5}.aff-offer p b{color:#fff}
.aff-k{font-family:var(--mono);font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab!important;margin:0!important}
.aff-price{margin-top:10px!important}.aff-price b{font-size:30px;font-weight:900;letter-spacing:-.03em}.aff-price span{color:#a3a6ab}
.aff-btn{background:#fff;color:#151515;white-space:nowrap}
.aff-note{grid-column:1/-1;font-size:12px!important;color:#8e9298!important;margin:0!important}
@media (max-width:700px){.aff-offer{grid-template-columns:1fr}.aff-btn{justify-self:start}}
.dnf-list{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.dnf-list li{flex-wrap:wrap}
.dnf-d{overflow-wrap:normal;word-break:normal}
.aff-offer h3{line-height:1.12}
.aff-light{background:#fff;color:#151515;border:2px solid #151515}
.aff-light h3{color:#151515!important}.aff-light p{color:#3a3d42}.aff-light .aff-k{color:#6b6e73!important}
.aff-light .aff-btn{background:#151515;color:#fff}
.aff-note a{color:inherit}
.aff-inline{display:block;margin-top:10px;font-size:12px;opacity:.6}
.gws-offer{margin-top:28px}#bud-gws[hidden]{display:none}

/* ===================== WebOcloud additions (appended to ITMagico's style.css) ===================== */
.ft-disc{font-size:12.5px;line-height:1.6;color:#8e9298;margin:18px 0 6px;max-width:110ch}
.ft-disc b{color:#cfd2d6}
.wo-note{font-size:13px;margin:18px 0 0;opacity:.75}
.wo-small{font-size:13.5px}

/* long-form guides */
.wo-prose{max-width:900px}
.wo-prose > h2{font-size:clamp(28px,3.6vw,44px);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:clamp(48px,7vw,84px) 0 18px}
.wo-prose > p,.wo-prose > ul{font-size:17px;line-height:1.7;max-width:68ch}
.wo-prose > ul{padding-left:20px}
.wo-prose > ul li{margin:6px 0}
.wo-prose code{font-family:var(--mono);font-size:.92em;background:rgba(0,0,0,.06);padding:1px 6px;border-radius:4px;overflow-wrap:anywhere}
.wo-prose .usecases,.wo-prose .aisteps{margin-top:8px}
.wo-quick{background:#fff;border-left:4px solid #151515;padding:clamp(20px,3vw,32px);margin-bottom:8px}
.wo-quick p{font-size:clamp(17px,1.6vw,20px);line-height:1.6;margin:0}
.wo-quick .eyebrow{font-size:11px;margin-bottom:10px}
.wo-callout{background:#fff;border-left:4px solid #151515;padding:18px 22px}

/* tables */
.wo-table-wrap{overflow-x:auto;margin:14px 0 6px;border-top:2px solid #151515;-webkit-overflow-scrolling:touch}
.wo-table{width:100%;min-width:560px;border-collapse:collapse;background:#fff;font-size:15.5px}
.wo-table th,.wo-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(21,21,21,.12)}
.wo-table thead th{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:#5c6066;background:#f6f6f5}
.wo-table tbody th{font-weight:700}
.wo-table caption{caption-side:bottom;text-align:left;font-size:13px;color:#6b6e73;padding-top:8px}

.wo-offer{margin-top:clamp(40px,6vw,64px)}

/* promo code page */
.wo-checks{list-style:none;padding:0;margin:6px 0 0;border-top:1px solid var(--rule)}
.wo-checks li{padding:14px 0 14px 30px;border-bottom:1px solid var(--rule);position:relative;font-size:16.5px}
.wo-checks li::before{content:"";position:absolute;left:4px;top:24px;width:14px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.wo-claim{display:grid;gap:22px;background:#fff;padding:clamp(24px,3.4vw,40px);border-top:3px solid #151515}
.wo-claim-h{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;line-height:1.05;margin:0}
.wo-claim .muted{margin:-8px 0 0}
.wo-plan{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wo-plan legend{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin-bottom:10px;padding:0}
.wo-plan label{position:relative;display:block;text-align:center;border:1px solid rgba(21,21,21,.25);padding:14px 6px;cursor:pointer;font-family:var(--body);font-size:15px;letter-spacing:0;text-transform:none;font-weight:600;color:#151515}
.wo-plan input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.wo-plan label:has(input:checked){background:#151515;color:#fff;border-color:#151515}
.wo-plan label:has(input:focus-visible){outline:2px solid #151515;outline-offset:2px}
.wo-agree{display:flex;gap:12px;align-items:flex-start;font-family:var(--body);font-size:14.5px;letter-spacing:0;text-transform:none;color:#3d424b}
.wo-agree input{position:static;opacity:1;width:18px;height:18px;flex:none;margin-top:2px;padding:0;accent-color:#151515}
.wo-msg{margin:0;font-size:14.5px}
.wo-msg.is-error{color:#a3261b}
.wo-reveal{background:#fff;padding:clamp(24px,3.4vw,40px);border-top:3px solid #2e8b57;display:grid;gap:14px}
.wo-reveal p{margin:0}
.wo-codebox code{font-size:clamp(18px,2.4vw,24px);font-weight:700;letter-spacing:.06em;color:#151515}
.wo-terms{background:#fff;padding:22px 26px;font-size:15px}
.wo-terms h3{font-size:20px;margin:0 0 8px}
.wo-terms ul{margin:0;padding-left:18px}
.wo-terms li{margin:5px 0}
.wo-expired{display:none;background:#fff4e5;border-left:3px solid #c98a2b;padding:16px 18px;font-size:15px}
.is-expired .wo-expired{display:block}
.is-expired #claimForm{display:none}

/* step labels use the real number of steps */
.aisteps.n2 li::before{content:"Step " counter(a) " of 2"}
.aisteps.n3 li::before{content:"Step " counter(a) " of 3"}
.aisteps.n4 li::before{content:"Step " counter(a) " of 4"}
.aisteps.n5 li::before{content:"Step " counter(a) " of 5"}
.aisteps.n6 li::before{content:"Step " counter(a) " of 6"}
.aisteps.n7 li::before{content:"Step " counter(a) " of 7"}
.aisteps.n8 li::before{content:"Step " counter(a) " of 8"}
.aisteps.n9 li::before{content:"Step " counter(a) " of 9"}
.aisteps.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.aisteps.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.aisteps.n4{grid-template-columns:1fr}}
.wo-offer-grid .aisteps{grid-template-columns:1fr;margin-top:4px}
.wo-offer-grid .aisteps li{padding:20px 22px}
.wo-offer-grid .aisteps h3{font-size:20px}

@media (max-width:900px){.wo-offer-grid > .stack:last-child{order:-1}}

/* ---------- promo code page: coupon cards + dialog ---------- */
.promo-hero h1{max-width:18ch}
.promo-meta{font-size:14px;opacity:.85;margin:4px 0 18px}
.promo-meta a{color:inherit}
.promo-answer{max-width:68ch}
.promo-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:26px}
.promo-head h2{margin:0}
.promo-head .muted{max-width:46ch;margin:0}
.cc-list{display:grid;gap:14px}
.cc{display:grid;grid-template-columns:116px minmax(0,1fr) 210px;align-items:center;gap:0 26px;background:#fff;border:1px solid rgba(21,21,21,.14);padding:22px 24px;transition:box-shadow .2s,border-color .2s}
.cc:hover{border-color:rgba(21,21,21,.4);box-shadow:0 14px 34px -22px rgba(0,0,0,.4)}
.cc-featured{border:2px solid #151515}
.cc-badge{display:grid;place-items:center;align-content:center;aspect-ratio:1;border:1px dashed rgba(21,21,21,.35);text-align:center;font-family:var(--mono);line-height:1.2}
.cc-badge span{font-size:11px;letter-spacing:.14em;color:#6b6e73}
.cc-badge b{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.03em;color:#151515}
.cc-badge-deal b{font-size:15px}
.cc-body{min-width:0}
.cc-tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b6e73;margin:0 0 6px}
.cc-body h3{font-size:clamp(18px,1.7vw,22px);letter-spacing:-.025em;margin:0 0 6px;line-height:1.2}
.cc-body p{margin:0;font-size:15px;color:#4b5059}
.cc-terms{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:12px 0 0}
.cc-terms li{font-size:12.5px;border:1px solid rgba(21,21,21,.18);border-radius:999px;padding:3px 10px;color:#3d424b}
.cc-act{display:grid;gap:8px;justify-items:stretch}
.cc-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;background:#151515;color:#fff;font:700 15px var(--body);cursor:pointer;text-decoration:none;overflow:hidden;padding:0 18px}
.cc-btn .cc-peek{position:absolute;right:0;top:0;bottom:0;width:46px;display:grid;place-items:center;background:#fff;color:#151515;border:2px dashed #151515;border-left-style:solid;font-family:var(--mono);letter-spacing:.1em;transition:width .25s}
.cc-btn[data-plan] .cc-btn-t{margin-right:40px}
.cc-btn:hover .cc-peek{width:56px}
.cc-btn-deal{background:transparent;color:#151515;border:1.5px solid #151515}
.cc-btn-deal:hover{background:#151515;color:#fff}
.cc-shown{margin:0;font-size:13px;text-align:center}
.cc-shown code{font-family:var(--mono);font-weight:700;letter-spacing:.06em}
.is-expired .cc-btn[data-plan]{opacity:.4;cursor:not-allowed}
.promo-disc{margin-top:18px}
@media (max-width:820px){
  .cc{grid-template-columns:72px minmax(0,1fr);gap:14px 16px;padding:18px}
  .cc-badge b{font-size:16px}.cc-badge span{font-size:9px}
  .cc-act{grid-column:1/-1}
}
.cc-dialog{border:0;padding:0;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:transparent;overflow:auto}
.cc-dialog::backdrop{background:rgba(10,8,8,.6);backdrop-filter:blur(3px)}
.cc-dialog .wo-claim,.cc-dialog .wo-reveal{box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.cc-close{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(21,21,21,.2);background:#fff;cursor:pointer;font-size:15px}
.cc-dialog label{color:#5c6066}
.cc-dialog input[type=email]{color:#151515;border-bottom-color:rgba(21,21,21,.3)}
.promo-head .muted{margin-top:4px}
.cc-list .cc .cc-tag{font-size:11px;line-height:1.5}
.cc-list .cc .cc-body p{font-size:15px;line-height:1.55}
.cc-list .cc .cc-terms li{font-size:12.5px}
@media (max-width:820px){
  .cc-list .cc{grid-template-columns:1fr;gap:14px;padding:20px}
  .cc-list .cc-badge{display:none}
  .cc-list .cc .cc-tag{font-size:10.5px;letter-spacing:.1em}
}

/* ---------- chat assistant ---------- */
.wo-chat{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;font-family:var(--body)}
.wo-chat-fab{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;background:#151515;color:#fff;padding:14px 20px;font:600 15px var(--body);cursor:pointer;box-shadow:0 14px 34px -12px rgba(0,0,0,.5)}
.wo-chat-dot{width:9px;height:9px;border-radius:50%;background:#35c27a;box-shadow:0 0 0 4px rgba(53,194,122,.2)}
.wo-chat.is-open .wo-chat-fab{display:none}
.wo-chat-panel{width:min(380px,calc(100vw - 32px));height:min(560px,calc(100dvh - 40px));display:flex;flex-direction:column;background:#fff;color:#151515;border:1px solid rgba(21,21,21,.15);box-shadow:0 30px 80px -24px rgba(0,0,0,.55)}
.wo-chat-panel[hidden]{display:none}
.wo-chat-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#151515;color:#fff}
.wo-chat-panel header b{display:block;font-size:15px}
.wo-chat-panel header small{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;opacity:.7}
.wo-chat-x{border:1px solid rgba(255,255,255,.3);background:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}
.wo-chat-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.wo-chat-log p{margin:0;max-width:86%;padding:10px 13px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.wo-msg-assistant{background:#f2f2f0;align-self:flex-start;border-radius:2px 14px 14px 14px}
.wo-msg-user{background:#151515;color:#fff;align-self:flex-end;border-radius:14px 2px 14px 14px}
.wo-msg-assistant a{color:inherit}
.is-wait{opacity:.6;letter-spacing:.2em}
.wo-chat-sugg{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.wo-chat-sugg[hidden]{display:none}
.wo-chat-sugg button{border:1px solid rgba(21,21,21,.2);background:#fff;border-radius:999px;padding:7px 12px;font:500 13px var(--body);cursor:pointer;color:#151515}
.wo-chat-sugg .wo-chat-get{background:#151515;color:#fff;border-color:#151515}
.wo-chat-form{display:flex;gap:8px;padding:12px 12px 6px;border-top:1px solid rgba(21,21,21,.1)}
.wo-chat-form input{position:static;opacity:1;flex:1;border:1px solid rgba(21,21,21,.2);border-radius:999px;padding:11px 14px;font-size:15px;color:#151515;background:#fff;width:auto}
.wo-chat-form button{border:0;border-radius:999px;background:#151515;color:#fff;padding:0 16px;font:600 14px var(--body);cursor:pointer}
.wo-chat-note{margin:0;padding:0 14px 10px;font-size:11.5px;color:#6b6e73}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:520px){.wo-chat-fab{padding:12px 16px;font-size:14px}.wo-chat-panel{height:calc(100dvh - 32px)}}
.wo-prose .aisteps{grid-template-columns:1fr}
.wo-prose .aisteps li{padding:22px 26px}

/* ===== Grouped menu panel ===== */
.drawer-groups .dg{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 32px}
.drawer-groups h2{font:500 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#c39a66);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(247,244,239,.16)}
.drawer-groups ul{list-style:none;margin:0!important;padding:0;display:grid;gap:4px;max-width:none}
.drawer-groups a{display:block!important;font-size:clamp(20px,2.1vw,26px)!important;font-weight:600;letter-spacing:-.02em;padding:6px 0;line-height:1.2}
.drawer-groups a small{display:block;font-family:var(--body,inherit);font-size:13px;font-weight:400;letter-spacing:0;opacity:.6;margin-top:3px}
.drawer-groups a.dg-cta{display:inline-block!important;margin-top:10px;font-size:15px!important;letter-spacing:0;background:var(--grad,#c06b4c);color:#1e1a19;border-radius:99px;padding:12px 18px}
@media (max-width:900px){.drawer-groups .dg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.drawer-groups .dg{grid-template-columns:1fr;gap:26px}.drawer-groups a{font-size:22px!important}}

/* ===== 3-step contact form ===== */
.wiz fieldset.wz{border:0;margin:0;padding:0;min-width:0;display:grid;gap:18px}
.wiz fieldset.wz[hidden]{display:none}
.wiz legend{padding:0;font-family:var(--display,inherit);font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px}
.wiz .wz-k{display:block;font:500 11px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--copper,#c06b4c);margin-bottom:10px}
.wz-bar{display:flex;gap:6px;margin-bottom:26px}
.wz-bar i{flex:1;height:3px;border-radius:2px;background:currentColor;opacity:.15}
.wz-bar i.on{background:var(--grad,#c06b4c);opacity:1}
.wz-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wz-chip{position:relative;display:block;cursor:pointer;margin:0!important}
.wz-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.wz-chip span{display:block;font-family:var(--body,inherit);color:var(--ink);border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 22%,transparent);border-radius:12px;padding:14px 16px;font-weight:600;font-size:15.5px;line-height:1.3;text-transform:none;letter-spacing:0;transition:border-color .15s,background .15s}
.wz-chip span small{display:block;font-family:var(--body,inherit);font-weight:400;font-size:13px;opacity:.65;margin-top:3px}
.wz-chip:hover span{border-color:color-mix(in srgb,currentColor 45%,transparent)}
.wz-chip input:checked + span{border-color:var(--copper,#c06b4c);background:rgba(192,107,76,.12);box-shadow:inset 0 0 0 1px var(--copper,#c06b4c)}
.wz-chip input:focus-visible + span{outline:2px solid var(--copper,#c06b4c);outline-offset:2px}
.wz-err{margin:0;color:var(--copper-ink,#a5583c);font-weight:600;font-size:14px}
.wz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
.wz-nav .wz-next,.wz-nav .wz-send{margin-left:auto}
.wz-back{background:none;border:0;color:inherit;opacity:.7;font:600 15px var(--body,inherit);cursor:pointer;padding:10px 0}
.wz-back:hover{opacity:1}
@media (max-width:560px){.wz-chips{grid-template-columns:1fr}}

/* ===== Licence self-check ===== */
.lic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;margin-top:32px;align-items:start}
.lic-form{display:grid;gap:0}
.lic-row{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule);margin:0!important;font-size:15.5px;text-transform:none!important;letter-spacing:0!important}
.lic-row>span{min-width:0;font-weight:600;font-family:var(--body,inherit)}
.lic-row small{display:block;font-weight:400;opacity:.65;font-size:13px;margin-top:2px}
.lic-row input,.lic-row select{flex:0 0 auto;font:600 16px var(--body,inherit);color:inherit;background:var(--panel,rgba(247,244,239,.05));border:1px solid var(--rule);border-radius:10px;padding:9px 11px}
.lic-row input{width:86px;text-align:right;font-variant-numeric:tabular-nums}
.lic-row select{max-width:min(320px,55vw)}
.lic-row select option{color:#1e1a19}
.lic-small{font-size:13px;opacity:.6;margin:12px 0 0}
.lic-res{border:1px solid var(--rule);border-radius:18px;padding:clamp(20px,3vw,32px);background:var(--panel,rgba(247,244,239,.05));position:sticky;top:110px}
.lic-big{font-family:var(--display,inherit);font-size:clamp(64px,9vw,104px);font-weight:800;line-height:.95;letter-spacing:-.05em;background:var(--grad,#c06b4c);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;margin:8px 0 12px}
.lic-sum{margin:0 0 12px;font-weight:600}
.lic-list{margin:0 0 22px;padding-left:20px;display:grid;gap:10px;font-size:15px;color:var(--sub)}
.lic-list b{color:var(--fg,inherit)}
@media (max-width:900px){.lic{grid-template-columns:1fr}.lic-res{position:static}}
@media (max-width:520px){.lic-row:has(select){flex-wrap:wrap}.lic-row select{max-width:100%;width:100%}}

.drawer-groups .dg-g{min-width:0;color:inherit}

/* ===== Right-edge "Try Google Workspace" tab (sits under the Starter Kit tab) ===== */
.gw-tab{position:fixed;z-index:59;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;
  background:var(--grad,#c06b4c);color:#1e1a19;text-decoration:none;border-radius:20px 0 0 20px;padding:22px 16px 22px 17px;gap:14px;
  box-shadow:0 0 0 1.5px #1e1a19,0 18px 40px -14px rgba(0,0,0,.55);transition:padding .25s,filter .2s,opacity .2s}
.gw-tab svg{width:28px;height:28px;flex:none}
.gw-t{writing-mode:vertical-rl;transform:rotate(180deg);font:800 19px/1.2 var(--body,inherit);letter-spacing:-.01em;white-space:nowrap}
.gw-t span{display:block;font-weight:500;font-size:16px;margin-left:4px}
.gw-tab:hover,.gw-tab:focus-visible{padding-right:20px;filter:brightness(1.07);outline:none;box-shadow:0 0 0 2px #f7f4ef,0 18px 40px -14px rgba(0,0,0,.6)}
@media (min-width:761px){body:has(.kd-btn) .gw-tab{top:max(96px,calc(50% - 232px));transform:none}
body:has(.kd-btn) .kd-btn{top:calc(max(96px,calc(50% - 232px)) + 311px);transform:none}}
.kit-open .gw-tab,.menu-open .gw-tab{opacity:0;pointer-events:none}
@media (max-height:620px) and (min-width:761px){body:has(.kd-btn) .kd-btn{display:none}body:has(.kd-btn) .gw-tab{top:50%;transform:translateY(-50%)}}
@media (max-width:760px){
  .gw-tab,body:has(.kd-btn) .gw-tab{flex-direction:row;top:auto;transform:none;bottom:16px;right:14px;border-radius:99px;padding:11px 16px 11px 14px;gap:9px;max-width:calc(100vw - 28px)}
  body:has(.kd-btn) .gw-tab{bottom:16px}
  .gw-t{writing-mode:horizontal-tb;transform:none;font-size:15px;white-space:normal}
  .gw-t span{display:block;font-size:14px;margin-left:0}
  .gw-tab:hover,.gw-tab:focus-visible{padding-right:16px}
  .gw-tab svg{width:18px;height:18px}
}
@media print{.gw-tab{display:none}}

/* Starter Kit tab is the small one now: name only */
@media (min-width:761px){.kd-btn{padding:16px 11px 14px!important;gap:10px!important}.kd-btn svg{width:22px!important;height:22px!important}.kd-t b{font-size:15px!important}}

/* ===== Logo: two stacked arrows + orbit O (WEB◯CLOUD) =====
   Arrows sit on the W's top-left corner (NAMEK-style): the front arrow hugs the W, the back one a step up and to the left. */
header .logo,.site-foot .logo{--sz:.62em;--st:.15em;--step:.25em;padding:.33em 0 0 .6em!important;margin:0;letter-spacing:-.035em}
header .logo::before,.site-foot .logo::before{content:"";position:absolute;left:var(--step);top:var(--step);width:var(--sz)!important;height:var(--sz)!important;border:0!important;border-left:var(--st) solid currentColor!important;border-top:var(--st) solid currentColor!important;box-sizing:border-box}
header .logo::after,.site-foot .logo::after{content:"";position:absolute;left:0;top:0;transform:none;width:var(--sz);height:var(--sz);border-left:var(--st) solid currentColor;border-top:var(--st) solid currentColor;box-sizing:border-box}
.logo .logo-o{width:.75em;height:.75em;flex:none;margin:0 .005em -.012em .01em;color:inherit;overflow:visible}
.logo .logo-o + span{margin-left:.02em}

/* "Code didn't work? Get another one" in the code dialog */
.wo-another-row{margin:4px 0 0}
.wo-another{background:none;border:0;padding:0;color:inherit;font:600 14px var(--body,inherit);text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.85}
.wo-another:hover{opacity:1}
.wo-another:disabled{opacity:.5;cursor:wait}
/* Code pages also have the chat button at the bottom right: on phones the Google Workspace pill sits above it */
@media (max-width:760px){
  body:has(.wo-chat) .gw-tab,body:has(.wo-chat):has(.kd-btn) .gw-tab{bottom:calc(16px + 52px + 10px)}
  body:has(.wo-chat) .kd-btn{display:none!important}
}
/* Anchor links land below the fixed header, not under it */
html{scroll-padding-top:108px}
@media (max-width:760px){html{scroll-padding-top:98px}}
#codes-and-deals{scroll-margin-top:30px}
.dhc-results,.exp-record{scroll-margin-top:12px!important}
/* The page behind the code window doesn't scroll while it's open */
html:has(dialog[open]){overflow:hidden}

/* "Official member of the Google Workspace Affiliate Program" line on the promo page (text only, no Google logos) */
.wo-official{display:inline-flex;align-items:center;gap:9px;margin:14px 0 22px;padding:7px 14px 7px 12px;border:1px solid rgba(247,244,239,.28);border-radius:99px;font:600 13.5px/1.2 var(--body,inherit);letter-spacing:0}
.wo-official-dot{width:8px;height:8px;border-radius:50%;background:#35c27a;box-shadow:0 0 0 4px rgba(53,194,122,.2);flex:none}

/* Phones: IT Free Tools becomes a small round icon in the bottom-left corner, so the two buttons don't stack over the text */
@media (max-width:760px){
  body .kd-btn{top:auto!important;right:auto!important;left:max(14px,env(safe-area-inset-left,0px))!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    width:52px!important;height:52px!important;min-width:0!important;padding:0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;gap:0!important;transform:none!important}
  body .kd-btn .kd-t,body .kd-btn .kd-n{display:none!important}
  body .kd-btn svg{width:22px!important;height:22px!important;margin:0!important}
}

/* Laptop widths: keep page content clear of the right-edge tabs (backgrounds still run full width) */
@media (min-width:761px) and (max-width:1499px){
  main .wrap,.site-foot .wrap{padding-right:max(84px,env(safe-area-inset-right,0px))!important}
}
/* Chat button: full label on big screens and phones, a round icon on laptop widths so it stays in the free right margin */
.wo-chat-ico{display:none}
@media (min-width:761px) and (max-width:1499px){
  .wo-chat-fab{width:58px;height:58px;padding:0!important;justify-content:center;position:relative}
  .wo-chat-fab .wo-chat-t{display:none}
  .wo-chat-fab .wo-chat-ico{display:block}
  .wo-chat-fab .wo-chat-dot{position:absolute;top:9px;right:9px;width:8px;height:8px}
}
/* ===== Header menu-button designs (html.hv-a / hv-b / hv-c / hv-d) ===== */
html[class*="hv-"] header .progress{display:none}
html[class*="hv-"] header .bar{padding-bottom:20px}
@media (max-width:760px){html[class*="hv-"] header .bar{padding-bottom:16px}}
.hv{display:flex;align-items:center;gap:14px;margin-left:auto}
.hv .menu-btn i{box-shadow:none;width:auto;height:auto;background:none}
.hv-ham{display:inline-grid;gap:5px}
.hv-ham i{display:block!important;width:18px!important;height:2px!important;border-radius:2px;background:currentColor!important;box-shadow:none!important}
.hv-info{display:flex;align-items:center;gap:10px;color:inherit}
.hv .menu-btn{flex:none}

/* A: labelled pill + ticks */
.hv-a .hv .menu-btn{width:auto;height:48px;border-radius:99px;border:0;background:#f7f4ef;color:#151515;display:inline-flex;align-items:center;gap:10px;padding:0 18px 0 20px;font:700 15px/1 var(--body,inherit)}
.hv-a .hv .menu-btn:hover{background:#fff}
.hv-a .hv-ham i{width:16px!important}
.hv-a .hv-num{font:500 13px var(--mono);letter-spacing:.06em;opacity:.7}
.hv-a .hv-num b{font-weight:500;opacity:1}
.hv-a .hv-ticks{display:flex;gap:3px}
.hv-a .hv-ticks i{width:10px;height:3px;border-radius:2px;background:rgba(247,244,239,.25)}
.hv-a .hv-ticks i.on{background:var(--grad,#c06b4c)}

/* B: progress ring + section name */
.hv-b .hv .menu-btn{position:relative;width:56px;height:56px;border:0;background:transparent}
.hv-b .hv .menu-btn:hover{background:rgba(247,244,239,.1);color:inherit}
.hv-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none}
.hv-ring .bg{stroke:rgba(247,244,239,.3);stroke-width:1.5}
.hv-ring .fg{stroke:url(#hvg);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .4s}
.hv-b .hv-info{display:block;text-align:right;line-height:1.2}
.hv-b .hv-info small{display:block;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#c39a66);margin-bottom:3px}
.hv-b .hv-info b{font-size:15px;font-weight:600}

/* C: split pill */
.hv-c .hv{gap:0;border:1px solid rgba(247,244,239,.3);border-radius:99px;overflow:visible;background:rgba(15,13,13,.45);backdrop-filter:blur(8px);position:relative}
.hv-c .hv-info{padding:0 16px 0 18px;font-size:14px;font-weight:600;position:relative;align-self:stretch}
.hv-c .hv-info small{font:500 12px var(--mono);color:var(--gold,#c39a66);letter-spacing:.04em}
.hv-c .hv::before{content:"";position:absolute;left:14px;right:14px;bottom:-11px;height:3px;border-radius:3px;background:rgba(247,244,239,.24)}
.hv-c .hv::after{content:"";position:absolute;left:14px;bottom:-11px;height:3px;border-radius:3px;width:calc(var(--hvp,0) * (100% - 28px));background:var(--grad,#c06b4c);box-shadow:0 0 10px rgba(208,135,94,.5);transition:width .15s linear}
.hv-c .hv-info .hv-pc{font:500 11px var(--mono);letter-spacing:.06em;opacity:.65;margin-left:2px}
.hv-c .hv .menu-btn{width:auto;height:46px;border:0;border-radius:0 99px 99px 0;background:#f7f4ef;color:#151515;display:inline-flex;align-items:center;gap:9px;padding:0 18px;font:700 14px/1 var(--body,inherit)}
.hv-c .hv-ham i{width:15px!important}

/* D: minimal stack + dots */
.hv-d .hv{align-items:flex-start;gap:18px}
.hv-d .hv .menu-btn{width:auto;height:auto;min-width:48px;min-height:48px;border:0;border-radius:8px;background:transparent;display:grid;justify-items:end;align-content:center;gap:7px;padding:4px}
.hv-d .hv .menu-btn:hover{background:transparent;color:var(--gold,#c39a66)}
.hv-d .hv-ham{gap:6px;justify-items:end}
.hv-d .hv-ham i{width:28px!important}
.hv-d .hv-ham i:nth-child(2){width:20px!important}
.hv-d .hv-ham i:nth-child(3){width:12px!important}
.hv-d .hv-num{font:500 11px var(--mono);letter-spacing:.14em;opacity:.7}
.hv-d .hv-num b{font-weight:500}
.hv-d .hv-dots{display:grid;gap:6px;padding-top:6px}
.hv-d .hv-dots i{width:6px;height:6px;border-radius:50%;background:rgba(247,244,239,.25);transition:all .25s}
.hv-d .hv-dots i.on{background:var(--copper,#c06b4c);height:16px;border-radius:4px}

@media (max-width:760px){
  .hv-a .hv-info{display:none}
  .hv-b .hv-info{display:none}
  .hv-b .hv .menu-btn{width:50px;height:50px}
  .hv-c .hv-info span{display:none}
  .hv-c .hv .menu-btn .hv-t{display:none}
  .hv-c .hv .menu-btn{padding:0 15px}
  .hv-d .hv-dots{display:none}
}
.hv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hv-c .hv-info{z-index:1}
@media (max-width:760px){.hv-c .hv::before,.hv-c .hv::after{bottom:-9px}}

/* ============ Warm theme (palette from zaghloulholdings.com) ============
   warm near-black #0f0d0d / #161313 / #1e1a19 · bone #f7f4ef · taupe #968d88
   copper #c06b4c → bronze #c39a66 accent gradient. Delete this block to return to plain Noir. */
:root{
  --ink:#1e1a19; --paper:#f7f4ef; --dusk:#0f0d0d; --gold:#c39a66; --indigo:#1e1a19;
  --sub:#6f6662; --soft:#3a3330; --rule:rgba(30,26,25,.16); --panel:rgba(255,255,255,.6);
  --acc:#c06b4c; --btn-bg:#1e1a19; --btn-fg:#f7f4ef;
  --copper:#c06b4c; --bronze:#c39a66; --copper-ink:#a5583c; --taupe:#968d88;
  --grad:linear-gradient(100deg,#c06b4c 0%,#d0875e 48%,#c39a66 100%);
}
html,body{background:#0f0d0d}
::selection{background:rgba(192,107,76,.3)}
.deep{--fg:#f7f4ef;--sub:#b3aaa4;--soft:#e8e2da;--rule:rgba(247,244,239,.14);--panel:rgba(247,244,239,.05);--acc:#c06b4c;--btn-bg:#f7f4ef;--btn-fg:#0f0d0d}

/* dark sections: warm black over the original textures, with a soft copper glow */
.bg-dusk{background:radial-gradient(55% 45% at 22% 40%,rgba(192,107,76,.16),rgba(192,107,76,0) 70%),linear-gradient(90deg,rgba(15,13,13,.92),rgba(30,26,25,.66) 70%),url("img/bg-dusk.webp") center/cover,#0f0d0d}
.bg-garden{background:radial-gradient(50% 60% at 85% 30%,rgba(195,154,102,.12),rgba(195,154,102,0) 70%),linear-gradient(90deg,rgba(15,13,13,.94),rgba(22,19,19,.78) 60%,rgba(22,19,19,.62)),url("img/bg-garden.webp") center/cover,#0f0d0d}
.bg-map{background:linear-gradient(180deg,rgba(22,19,19,.8),rgba(15,13,13,.88)),url("img/bg-map.webp") center/cover,#161313}
.philosophy{background:radial-gradient(45% 50% at 80% 20%,rgba(192,107,76,.14),rgba(192,107,76,0) 70%),linear-gradient(rgba(22,19,19,.5),rgba(22,19,19,.5)),url("img/philosophy.webp") center/cover,#161313}
.site-foot{background:#0f0d0d;color:#e8e2da}
.site-foot a{color:#e8e2da}
.ft-disc,.site-foot .ft-tag{color:#968d88}

/* light sections: bone instead of cool grey */
.bg-paper{background:linear-gradient(rgba(247,244,239,.9),rgba(247,244,239,.9)),url("img/bg-paper.webp") center/cover,#f7f4ef;--fg:#1e1a19;--sub:#6f6662;--rule:rgba(30,26,25,.14);--acc:#c06b4c}
.bg-stone{background:linear-gradient(rgba(239,233,225,.88),rgba(239,233,225,.88)),url("img/bg-stone.webp") center/cover,#efe9e1;--fg:#1e1a19;--sub:#6f6662;--rule:rgba(30,26,25,.14)}
.bg-lavender{background:#f7f4ef;--fg:#1e1a19;--sub:#6f6662;--rule:rgba(30,26,25,.14)}
.statement.bg-paper{background:#f7f4ef}
.talk{color:#1e1a19;background:linear-gradient(90deg,rgba(247,244,239,.86),rgba(239,233,225,.45) 55%,rgba(230,222,211,.15)),url("img/talk.webp") center/cover,#e6ded3}
.talk-btn{background:#1e1a19;color:#f7f4ef}
.talk-btn:hover{background:#c06b4c;color:#f7f4ef}

/* accent: the light second line of every headline in copper-bronze */
h1 span,h2 span{opacity:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.phil-eyebrow{color:var(--copper-ink)}
.deep .eyebrow,.deep .phil-eyebrow,.page-hero .eyebrow{color:#c39a66}
.eyebrow::before{background:currentColor}
.phil-mark{color:#c06b4c}
#trackFill,.track i{background:var(--grad)}

/* buttons and links */
.btn:hover{background:#c06b4c;border-color:#c06b4c;color:#f7f4ef}
.btn.ghost:hover,.btn.ghost-dark:hover{border-color:#c06b4c;color:#c06b4c;background:transparent}
.cta-ico{background:var(--grad);color:#0f0d0d}
.tool-num{color:#c06b4c}
.toolcard:hover{border-color:#c06b4c}
.tool-go .arr,.arr{color:inherit}
.wo-prose a,.faq a,.lede a,.muted a,.wo-terms a,.consent a{color:var(--copper-ink);text-decoration-color:rgba(165,88,60,.4)}
.deep .lede a,.deep .faq a{color:#d0875e}

/* WebOcloud components */
.wo-quick,.wo-callout{background:#fffdf9;border-left-color:#c06b4c}
.wo-claim{background:#fffdf9;border-top-color:#c06b4c}
.wo-reveal{background:#fffdf9}
.wo-terms{background:#fffdf9}
.wo-table{background:#fffdf9}
.wo-table-wrap{border-top-color:#1e1a19}
.wo-table thead th{background:#efe9e1;color:#6f6662}
.wo-plan label{border-color:rgba(30,26,25,.25);color:#1e1a19}
.wo-plan label:has(input:checked){background:#1e1a19;border-color:#1e1a19;color:#f7f4ef}
.aff-light{background:#fffdf9;border-color:#1e1a19;color:#1e1a19}
.aff-light .aff-btn{background:#1e1a19;color:#f7f4ef}
.aff-light .aff-btn:hover{background:#c06b4c}
.aff-offer:not(.aff-light){background:#1e1a19}
.statement h2 span,.phil-h span{opacity:1}
.talk{background:linear-gradient(90deg,rgba(247,244,239,.88),rgba(240,232,221,.5) 55%,rgba(230,218,203,.2)),url("img/talk.webp") center/cover,#e3d6c5;background-blend-mode:normal,multiply,normal}
h1 span,h2 span{-webkit-text-fill-color:transparent}
.statement h2 span{opacity:1!important}
/* promo page in the warm palette */
.cc,.cc-dialog .wo-claim,.cc-dialog .wo-reveal{background:#fffdf9}
.cc-featured{border-color:#c06b4c}
.cc-badge{border-color:rgba(192,107,76,.55)}
.cc-badge b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cc-btn{background:#1e1a19}
.cc-btn:hover{background:#c06b4c}
.cc-btn .cc-peek{border-color:#c06b4c;color:#c06b4c;background:#fffdf9}
.cc-btn-deal{background:transparent;color:#1e1a19;border-color:#1e1a19}
.cc-btn-deal:hover{background:#1e1a19;color:#f7f4ef}
.cc-terms li{border-color:rgba(30,26,25,.18);color:#3a3330}
.promo-meta b{color:#f7f4ef}
.wo-chat-fab,.wo-chat-panel header,.wo-msg-user,.wo-chat-form button,.wo-chat-sugg .wo-chat-get{background:#1e1a19;border-color:#1e1a19}
.wo-chat-fab:hover,.wo-chat-form button:hover{background:#c06b4c}
.wo-chat-panel{background:#fffdf9}
.wo-msg-assistant{background:#f1ebe3}
.wo-chat-dot{background:#c39a66;box-shadow:0 0 0 4px rgba(195,154,102,.25)}

/* ===== IT partner revamp (Option 3) ===== */
/* Header: text links next to the round menu button */
.hnav{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:14px}
.hnav a{text-decoration:none;font-size:15px;font-weight:500;color:#e4e5e7;padding:10px 14px;border-radius:999px;white-space:nowrap}
.hnav a:hover{background:rgba(255,255,255,.12);color:#fff}
.hnav .hnav-cta{background:#fafafa;color:#151515;font-weight:600;margin-left:8px}
.hnav .hnav-cta:hover{background:#fff;color:#000}
@media (max-width:1100px){.hnav{display:none}}
html.menu-open .hnav{visibility:hidden}

/* Hero second line under the big word */
.home-hero .slide .sub-line{font-family:var(--display);font-size:clamp(22px,2.6vw,36px);font-weight:300;letter-spacing:-.03em;line-height:1.1;color:#d0d3d7;margin-bottom:clamp(10px,2vh,22px)}
.h-light{font-weight:300;opacity:.6}

/* Org chart */
.org-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,90px);align-items:end;margin-bottom:clamp(48px,7vw,80px)}
.org-head .lede{margin:0}
.orgchart{display:flex;flex-direction:column;align-items:center}
.oc-top{background:#000;color:#fafafa;padding:18px 34px;font-weight:700;font-size:17px}
.oc-stem{width:1px;height:36px;background:#000}
.oc-row{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid #000}
.oc-box{position:relative;margin-top:28px;background:#f3f3f2;border:1px solid rgba(0,0,0,.1);padding:24px 22px;display:grid;gap:6px}
.oc-box::before{content:"";position:absolute;left:50%;top:-29px;width:1px;height:28px;background:#000}
.oc-box small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5f6368}
.oc-box b{font-size:24px;font-weight:800;letter-spacing:-.04em}
.oc-us{background:#000;color:#fafafa;border-color:#000;outline:1px dashed #000;outline-offset:6px}
.oc-us small{color:#c39a66}
@media (max-width:900px){.org-head{grid-template-columns:1fr}.oc-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Proof */
.proof-sec{background:#f3f3f2;border-top:1px solid rgba(29,36,48,.12)}
.proofgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.pf-story{margin:0;background:#000;color:#fafafa;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:18px}
.pf-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.pf-story blockquote{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.25}
.pf-story figcaption{font-size:14px;color:#a3a6ab}
.pf-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#d0d3d7;font-size:15.5px}
.pf-list li{border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
.pf-story a{font-weight:600;text-decoration:none;border-bottom:1px solid #fafafa;width:max-content}
.pf-num{background:#fff;border:1px solid rgba(29,36,48,.12);padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:12px}
.pf-num b{font-size:clamp(64px,7vw,96px);font-weight:800;letter-spacing:-.06em;line-height:.9}
.pf-num span{color:#4a4f57}
@media (max-width:900px){.proofgrid{grid-template-columns:1fr}}

/* Engagement models */
.tiers{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);margin-top:44px}
.tier-list{display:grid;border-top:1px solid var(--rule);align-content:start}
.tier-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 4px;border-bottom:1px solid var(--rule);font-size:19px;font-weight:500;color:var(--sub);transition:color .2s,padding .2s}
.tier-btn small{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.tier-btn:hover{color:var(--fg)}
.tier-btn[aria-selected="true"]{color:var(--fg);padding-left:14px;border-left:2px solid var(--acc)}
.tier-btn:focus-visible{outline:2px solid var(--acc)}
.tier-panel{background:var(--panel);border:1px solid var(--rule);backdrop-filter:blur(6px);padding:clamp(24px,4vw,44px);display:grid;gap:22px;align-content:start;min-width:0}
.tier-panel .tp-k{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
.tier-panel h3{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.03em}
.tier-panel .tp-who{color:var(--sub);max-width:52ch}
.tier-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tier-panel li{border-top:1px solid var(--rule);padding-top:10px}
.tier-panel .btn{width:max-content;max-width:100%}
@media (max-width:900px){.tiers{grid-template-columns:1fr}}

/* Commitments under the philosophy quote */
.clauses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:clamp(56px,7vw,90px);border-top:1px solid rgba(255,255,255,.2)}
.clauses div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.clauses span{font-family:var(--mono);font-size:13px;color:#c39a66;padding-top:3px}
.clauses p{font-size:17px;line-height:1.55;color:#a3a6ab}
.clauses b{color:#fafafa;font-weight:700}
@media (max-width:700px){.clauses{grid-template-columns:1fr}}

/* ===== Starter Kit v2: toolbox button + searchable palette ===== */
.sk-btn{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(18,18,18,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fafafa;cursor:pointer;font-family:var(--body);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);transition:transform .2s,border-color .2s,opacity .2s}
.sk-btn:hover,.sk-btn:focus-visible{transform:translateY(-2px);border-color:rgba(255,255,255,.6)}
.sk-ico{display:grid;grid-template-columns:repeat(2,13px);gap:4px;padding:9px;border-radius:12px;background:#fafafa}
.sk-ico i{width:13px;height:13px;border-radius:3px;background:#151515}
.sk-ico i:nth-child(2){border-radius:50%;background:linear-gradient(135deg,#c06b4c,#c39a66)}
.sk-btn:hover .sk-ico i:nth-child(3){transform:rotate(45deg)}
.sk-ico i{transition:transform .25s}
.sk-lbl{display:grid;text-align:left;line-height:1.15}
.sk-lbl b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.sk-lbl small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#a3a6ab;margin-top:3px}
.sk.is-hidden .sk-btn,html.kit-open .sk-btn{opacity:0;pointer-events:none}
.sk-scrim{position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.sk-scrim[hidden],.sk-panel[hidden]{display:none}
.sk-panel{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,calc(100vw - 32px));max-height:min(86vh,860px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.92)),url("img/bg-dusk.webp") center/cover,#0b0b0b;color:#fafafa;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:clamp(20px,3vw,36px);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);animation:skin .28s ease}
@keyframes skin{from{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}
.sk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.sk-k{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab}
.sk-top h2{margin:6px 0 0;font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-.05em;line-height:.95;color:#fafafa}
.sk-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:none;color:inherit;font-size:16px;cursor:pointer}
.sk-x:hover{background:#fafafa;color:#000}
.sk-search{display:flex;align-items:center;gap:12px;margin-top:24px;padding:4px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.sk-search:focus-within{border-color:#fafafa;background:rgba(255,255,255,.12)}
.sk-search svg{width:20px;height:20px;flex:none;color:#a3a6ab}
.sk-search input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:400 17px var(--body);padding:13px 0;outline:none;text-transform:none;letter-spacing:0}
.sk-search input::placeholder{color:rgba(255,255,255,.5)}
.sk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}
.sk-chip{font:600 14px var(--body);color:#d0d3d7;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 16px;cursor:pointer}
.sk-chip em{font-style:normal;font-family:var(--mono);font-size:11px;opacity:.6;margin-left:4px}
.sk-chip:hover{border-color:#fafafa;color:#fff}
.sk-chip[aria-pressed="true"]{background:#fafafa;color:#111;border-color:#fafafa}
.sk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sk-grid li[hidden]{display:none}
.sk-grid a{position:relative;display:grid;gap:6px;align-content:start;height:100%;padding:18px 40px 18px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fafafa;transition:background .2s,border-color .2s,transform .2s}
.sk-grid a:hover,.sk-grid a:focus-visible{background:#fafafa;color:#111;border-color:#fafafa;transform:translateY(-2px)}
.sk-n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#c39a66}
.sk-grid b{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.sk-grid small{font-size:13.5px;line-height:1.45;color:#b5b8bd}
.sk-grid a:hover small,.sk-grid a:focus-visible small{color:#4a4f57}
.sk-grid a:hover .sk-n{color:#9a5a3e}
.sk-grid i{position:absolute;right:16px;top:16px;font-style:normal;opacity:.5}
.sk-empty{margin:8px 0 0;color:#c9cbcf}.sk-empty a{color:#fff;font-weight:700}
.sk-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.sk-alert{display:grid;gap:2px;text-decoration:none;color:#fafafa;padding:12px 16px;border-radius:12px;border:1px solid rgba(192,107,76,.6);background:rgba(192,107,76,.14);max-width:560px}
.sk-alert b{font-size:15px}.sk-alert span{font-size:13px;color:#e6d3c9}
.sk-alert:hover{background:rgba(192,107,76,.28)}
.sk-all{font-weight:700;text-decoration:none;color:#fafafa;border-bottom:1px solid #fafafa;padding-bottom:2px}
@media (max-width:860px){.sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
 .sk-grid{grid-template-columns:1fr}
 .sk-panel{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation:skup .28s ease}
 .sk-btn{padding:8px 16px 8px 8px}.sk-lbl b{font-size:15px}
 footer.site-foot{padding-bottom:96px}
}
@keyframes skup{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sk-panel{animation:none}.sk-btn,.sk-grid a,.sk-ico i{transition:none}}
@media print{.sk{display:none!important}}

/* ===== Starter Kit page v2 (matches the toolbox palette) ===== */
.kp-find{margin-top:clamp(28px,4vw,44px);max-width:860px}
.kp-search{display:flex;align-items:center;gap:12px;padding:4px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.kp-search:focus-within{border-color:#fafafa;background:rgba(255,255,255,.13)}
.kp-search svg{width:22px;height:22px;flex:none;color:#a3a6ab}
.kp-search input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:400 18px var(--body);padding:15px 0;outline:none;text-transform:none;letter-spacing:0}
.kp-search input::placeholder{color:rgba(255,255,255,.55)}
.kp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.kp-chip{font:600 14px var(--body);color:#d0d3d7;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 18px;cursor:pointer}
.kp-chip em{font-style:normal;font-family:var(--mono);font-size:11px;opacity:.6;margin-left:4px}
.kp-chip:hover{border-color:#fafafa;color:#fff}
.kp-chip[aria-pressed="true"]{background:#fafafa;color:#111;border-color:#fafafa}
.kp-body{background:#0b0b0b;color:#fafafa;padding-block:clamp(40px,6vw,72px) clamp(80px,10vw,130px)}
.kp-alert{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 20px;text-decoration:none;color:#fafafa;padding:16px 22px;border-radius:14px;border:1px solid rgba(192,107,76,.6);background:rgba(192,107,76,.14);margin-bottom:clamp(40px,5vw,64px)}
.kp-alert b{font-size:17px}.kp-alert span{font-size:14.5px;color:#e6d3c9}
.kp-alert:hover{background:rgba(192,107,76,.26)}
.kp-stage{margin-top:clamp(48px,6vw,80px)}
.kp-stage:first-of-type{margin-top:0}
.kp-stage[hidden]{display:none}
.kp-stage-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px 24px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.18)}
.kp-step,.kp-count{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.kp-stage-h h2{margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.05;color:#fafafa}
.kp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kp-grid li[hidden]{display:none}
.kp-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fafafa;transition:background .2s,border-color .2s,transform .2s,color .2s}
.kp-card:hover,.kp-card:focus-visible{background:#fafafa;color:#111;border-color:#fafafa;transform:translateY(-3px)}
.kp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.kp-n{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#c39a66}
.kp-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:3px 9px;opacity:.6}
.kp-card h3{margin:4px 0 0;font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.kp-card p{margin:0;font-size:15px;line-height:1.55;color:#b5b8bd;flex:1}
.kp-card:hover p,.kp-card:focus-visible p{color:#4a4f57}
.kp-card:hover .kp-n{color:#9a5a3e}
.kp-go{font-weight:700;font-size:15px;margin-top:6px}
.kp-go i{font-style:normal;display:inline-block;transition:transform .2s}
.kp-card:hover .kp-go i{transform:translate(2px,-2px)}
.kp-empty{margin:24px 0 0;color:#c9cbcf;font-size:18px}.kp-empty a{color:#fff;font-weight:700}
@media (max-width:900px){.kp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.kp-grid{grid-template-columns:1fr}.kp-stage-h{grid-template-columns:1fr}.kp-count{display:none}}
@media (prefers-reduced-motion:reduce){.kp-card,.kp-go i{transition:none}}

/* ===== Run & grow tools ===== */
.itc-set{border:1px solid rgba(29,36,48,.14);background:#fff;margin:0;padding:20px;display:grid;gap:14px;border-radius:12px}
.itc-set legend{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5a6272;padding:0 6px;font-weight:400}
.itc-bars{display:grid;gap:18px;margin:22px 0;padding:18px 0;border-block:1px solid rgba(255,255,255,.18)}
.itc-bars div{display:grid;gap:4px}
.itc-bars span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.itc-bars b{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.02em}
.itc-bars i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.itc-bars em{display:block;height:100%;background:#fafafa;border-radius:99px;transition:width .3s}
.itc-bars div+div em{background:linear-gradient(90deg,#c06b4c,#c39a66)}
.itc-bars small{color:#c9cbcf;font-size:13.5px}
.air-q{grid-template-columns:1fr}
.air-q legend{font-size:16px}
.air-tasks{display:grid;gap:10px}
.air-of{display:inline!important;font-size:.4em!important;color:#a3a6ab!important}
.air-meter{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:16px 0 20px}
.air-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c06b4c,#c39a66);transition:width .3s}
.air-level{margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.03em;color:#fafafa}
.air-text{color:#c9cbcf;margin:6px 0 0}
.air-h{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab;margin:24px 0 10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.air-fixes{margin:0;padding-left:20px;display:grid;gap:8px;color:#e4e5e7;font-size:15px}
.air-ideas{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.air-ideas li{display:grid;gap:2px}
.air-ideas b{font-size:15.5px}.air-ideas span{color:#c9cbcf;font-size:14px}
@media (prefers-reduced-motion:reduce){.itc-bars em,.air-meter i{transition:none}}

/* ===== Fix it now tools ===== */
.fx-head{display:grid;gap:10px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.18)}
.fx-head p{margin:0;color:#d0d3d7}
.fx-title{margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.03em;color:#fafafa}
.fx-badge{width:max-content;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fafafa}
.fx-high{background:#c0392b;color:#fff}.fx-mid{background:rgba(192,107,76,.25);color:#f1d9cd;border:1px solid rgba(192,107,76,.6)}.fx-low{background:rgba(255,255,255,.12)}
.fx-steps{list-style:none;margin:0;padding:0;counter-reset:fx;display:grid}
.fx-steps>li{counter-increment:fx;position:relative;padding:14px 0 14px 44px;border-bottom:1px solid rgba(255,255,255,.1)}
.fx-steps>li::before{content:counter(fx,decimal-leading-zero);position:absolute;left:0;top:15px;font-family:var(--mono);font-size:12px;color:#c39a66}
.fx-steps b{display:block;font-size:16px;font-weight:700;color:#fafafa}
.fx-steps small{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:#c9cbcf}
.fx-check>li{padding-left:44px}
.fx-step{display:grid!important;grid-template-columns:24px minmax(0,1fr);gap:12px;cursor:pointer;font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important;font-size:inherit!important}
.fx-check>li::before{display:none}
.fx-step input{width:20px;height:20px;margin-top:2px;accent-color:#c39a66}
.fx-step input:checked+span b{text-decoration:line-through;opacity:.55}
.fx-step input:checked+span small{opacity:.5}
.fx-check>li{padding-left:0}
.fx-call{display:grid;gap:8px;padding:20px;border-radius:12px;background:#000;color:#fafafa}
.fx-call span{color:#c9cbcf;font-size:15px}
.fx-call .btn{background:#fafafa;color:#111;border-color:#fafafa;width:max-content;margin-top:6px}
.fx-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fx-opts-1{grid-template-columns:1fr}
.fx-opt{position:relative;display:block!important;cursor:pointer;font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important}
.fx-opt input{position:absolute;opacity:0;inset:0}
.fx-opt span{display:block;padding:12px 14px;border:1px solid rgba(29,36,48,.2);border-radius:10px;background:#fafafa;color:#1d2430;font-size:15px;font-weight:600}
.fx-opt input:checked+span{background:#1d2430;color:#fff;border-color:#1d2430}
.fx-opt input:focus-visible+span{outline:2px solid #1d2430;outline-offset:2px}
.fx-admin{display:grid;gap:4px;margin-top:20px;padding:16px;border-radius:12px;border:1px dashed rgba(255,255,255,.3);font-size:14px;color:#c9cbcf}
.fx-admin b{color:#fafafa;font-size:15px}
.fx-admin[hidden]{display:none}
@media (max-width:560px){.fx-opts{grid-template-columns:1fr}}
.mc-panel{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111;display:grid;place-items:center}
.mc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.mc-video:not([hidden])+.mc-ph{display:none}
.mc-ph{color:#a3a6ab;font-size:15px}
.mc-q{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}
.mc-list{list-style:none;margin:0;padding:0;display:grid}
.mc-list li{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.mc-list span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.mc-st{justify-self:end;font-size:16px;font-weight:700;color:#d0d3d7}
.mc-st.ok{color:#9fe0b0}.mc-st.bad{color:#ffb4ab}
.mc-st.ok::before{content:"✓ "}.mc-st.bad::before{content:"✕ "}
.mc-meter{grid-column:1/-1;display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.mc-meter em{display:block;height:100%;width:0;background:linear-gradient(90deg,#c06b4c,#c39a66);transition:width .08s}
.mc-devs{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px;color:#c9cbcf}
.mc-devs li span{display:inline-block;min-width:96px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#a3a6ab}

/* ===== Support tools: problem report, remote help, network check ===== */
.fx-opts-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-preview{margin:14px 0 0;white-space:pre-wrap;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:#e4e5e7;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;max-height:420px;overflow:auto}
#pr-form textarea,#rh-form textarea{font:400 15px var(--body);padding:12px 14px;border:1px solid rgba(29,36,48,.2);border-radius:10px;background:#fafafa;color:#1d2430;width:100%;min-height:90px}
#pr-form input:not([type=radio]):not([type=hidden]):not(.hp),#pr-form select{padding:12px 14px;border:1px solid rgba(29,36,48,.2);border-radius:10px;background:#fafafa;color:#1d2430}
.rh-tabs{display:flex;gap:6px;border:1px solid rgba(29,36,48,.2);border-radius:999px;padding:4px;width:max-content;margin-bottom:18px}
.rh-tab{font:600 14px var(--body);color:#5a6272;background:transparent;border:0;border-radius:999px;padding:10px 20px;cursor:pointer}
.rh-tab[aria-selected="true"]{background:#1d2430;color:#fff}
.rh-pane[hidden]{display:none}
.rh-steps{list-style:none;margin:0;padding:0;counter-reset:rh;display:grid;gap:0;border-top:1px solid rgba(29,36,48,.14)}
.rh-steps li{counter-increment:rh;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:18px 0;border-bottom:1px solid rgba(29,36,48,.14)}
.rh-steps li::before{content:counter(rh);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:#1d2430;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.rh-steps b{font-size:17px}.rh-steps span{color:#4a4f57;font-size:15px}
.rh-steps kbd,.nc-how kbd{font-family:var(--mono);font-size:12px;border:1px solid rgba(29,36,48,.3);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:#fff}
.rh-safe{margin-top:22px;display:grid;gap:4px;padding:16px 18px;border-left:3px solid #c0392b;background:#fff;font-size:15px}
.rh-safe span{color:#4a4f57}
.rh-form{display:grid;gap:14px;align-content:start}
.rh-form label{display:grid;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a3a6ab}
.rh-form input:not(.hp):not([type=hidden]),.rh-form select,.rh-form textarea{font:400 15px var(--body)!important;letter-spacing:0;text-transform:none;color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:10px;padding:12px 14px}
.rh-form select option{color:#111}
.rh-form .btn{background:#fafafa;color:#111;border-color:#fafafa}
.rh-sub{margin:0;color:#c9cbcf}
.rh-form .lead-status.ok{color:#9fe0b0}.rh-form .lead-status.err{color:#ffb4ab}.rh-form .lead-status a{color:#fff}
.nc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:36px;align-items:start}
.nc-cmds [role=tabpanel][hidden]{display:none}
.nc-how{margin:0 0 12px;color:#343c4a}
.nc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:nc}
.nc-list li{counter-increment:nc;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:14px 16px;background:#fff;border:1px solid rgba(29,36,48,.12);border-radius:12px}
.nc-list code{font-family:var(--mono);font-size:15px;background:#151515;color:#fafafa;padding:8px 12px;border-radius:8px;overflow-wrap:anywhere}
.nc-list code::before{content:counter(nc) "  ";color:#c39a66}
.nc-list span{grid-column:1/-1;font-size:14.5px;color:#4a4f57}
.nc-form{display:grid;gap:14px;background:#151515;color:#fafafa;border-radius:18px;padding:clamp(20px,3vw,30px)}
.nc-form label{display:grid;gap:6px;font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:#e4e5e7}
.nc-form select{font:400 15px var(--body);padding:12px 14px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.nc-form select option{color:#111}
.nc-out{display:grid;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.nc-out h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.nc-out p{margin:0;color:#c9cbcf}
.nc-out .btn{background:#fafafa;color:#111;border-color:#fafafa;width:max-content}
.nc-wait{color:#a3a6ab!important}
@media (max-width:900px){.nc-grid{grid-template-columns:1fr}}
@media (max-width:560px){.fx-opts-3{grid-template-columns:1fr}}

/* ===== Common IT problems hub ===== */
.cp-list{list-style:none;margin:40px 0 0;padding:0;display:grid;border-top:1px solid rgba(29,36,48,.18)}
.cp-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;padding:clamp(22px,3vw,32px) 0;border-bottom:1px solid rgba(29,36,48,.18)}
.cp-n{font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.05em;line-height:.9;color:#1d2430;opacity:.25}
.cp-body h3{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.03em;margin:0 0 14px}
.cp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cp-cols div{background:rgba(255,255,255,.75);border:1px solid rgba(29,36,48,.12);border-radius:12px;padding:16px 18px;display:grid;gap:6px;align-content:start}
.cp-cols div+div{background:#1d2430;border-color:#1d2430;color:#fafafa}
.cp-cols b{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#5a6272}
.cp-cols div+div b{color:#c39a66}
.cp-cols p{margin:0;font-size:15.5px;line-height:1.55}
.cp-cols div+div p{color:#d0d3d7}
.cp-go{display:inline-block;margin-top:14px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
@media (max-width:760px){.cp-item{grid-template-columns:1fr;gap:6px}.cp-cols{grid-template-columns:1fr}}
.sk-feature{position:relative;display:grid;gap:6px;max-width:720px;margin-top:32px;padding:22px 64px 22px 24px;border-radius:16px;background:#fafafa;color:#151515;text-decoration:none;transition:transform .2s}
.sk-feature:hover{transform:translateY(-3px)}
.sk-f-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a5a3e}
.sk-feature b{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.03em}
.sk-feature span:last-of-type{color:#4a4f57;font-size:15.5px}
.sk-feature i{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-style:normal;font-size:24px}
.sk-hook{display:block;font-style:normal;font-size:12.5px;font-weight:700;color:#e0a07f;margin-top:4px;letter-spacing:0}
.sk-btn:hover .sk-hook{color:#f0b896}
@media (max-width:560px){.sk-hook{font-size:11.5px}}
/* Try Google Workspace tab: white */
.gw-tab{background:#fff!important;color:#151515!important;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 18px 40px -14px rgba(0,0,0,.45)}
.gw-tab:hover,.gw-tab:focus-visible{background:#fff!important;color:#000!important;filter:none;box-shadow:0 0 0 2px #151515,0 18px 40px -14px rgba(0,0,0,.5)}
.gw-tab svg{color:#c06b4c}
/* Starter Kit button lined up under the Google Workspace tab */
@media (min-width:761px){
  body:has(.sk-btn) .gw-tab{top:max(96px,calc(50% - 220px));transform:none}
  .sk-btn.sk-side{left:auto;right:0;bottom:auto;flex-direction:column;justify-content:center;gap:12px;padding:20px 12px;border-radius:20px 0 0 20px;background:#fff;color:#151515;border:0;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 18px 40px -14px rgba(0,0,0,.45);backdrop-filter:none}
  .sk-btn.sk-side:hover,.sk-btn.sk-side:focus-visible{transform:none;box-shadow:0 0 0 2px #151515,0 18px 40px -14px rgba(0,0,0,.5)}
  .sk-btn.sk-side .sk-ico{background:#151515;padding:7px;grid-template-columns:repeat(2,10px);gap:3px}
  .sk-btn.sk-side .sk-ico i{width:10px;height:10px;background:#fafafa}
  .sk-btn.sk-side .sk-ico i:nth-child(2){background:linear-gradient(135deg,#c06b4c,#c39a66)}
  .sk-btn.sk-side .sk-lbl{writing-mode:vertical-rl;transform:rotate(180deg);text-align:left}
  .sk-btn.sk-side .sk-lbl b{font-size:19px}
  .sk-btn.sk-side .sk-lbl small{color:#5a6272;margin:0 4px 0 0}
  .sk-btn.sk-side .sk-hook{color:#9a5a3e;margin:0 4px 0 0}
}
@media (min-width:761px) and (max-height:700px){.sk-btn.sk-side .sk-hook{display:none}}
@media (max-width:760px){
  .sk-btn.sk-side{left:auto;right:14px;border-radius:99px;background:#fff;color:#151515;border:0;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 18px 40px -14px rgba(0,0,0,.45);padding:8px 16px 8px 8px}
  .sk-btn.sk-side .sk-lbl small{color:#5a6272}
  .sk-btn.sk-side .sk-hook{color:#9a5a3e}
}
@media (min-width:761px){.sk-btn.sk-side .sk-lbl{transform:none}}
@media (min-width:761px){.gw-tab .gw-t{transform:none}}

/* ===== Home: job ad (replaces the org chart) ===== */
.jobad{position:relative;max-width:960px;margin:0 auto;background:#fbfaf7;color:#151515;border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:clamp(24px,4vw,52px);box-shadow:0 40px 80px -40px rgba(0,0,0,.35),0 0 0 8px #f1f0ec;overflow:hidden}
.ja-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px;border-bottom:2px solid #151515}
.ja-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#5f6368}
.ja-toggle{display:flex;gap:4px;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:4px}
.ja-toggle button{font:600 14px var(--body);border:0;background:transparent;color:#5f6368;border-radius:999px;padding:9px 16px;cursor:pointer}
.ja-toggle button[aria-pressed="true"]{background:#151515;color:#fff}
.ja-title{margin:26px 0 6px;font-size:clamp(44px,7vw,92px);font-weight:800;letter-spacing:-.055em;line-height:.9;color:#151515}
.ja-title small{font-size:.38em;font-weight:300;letter-spacing:-.02em;color:#77797d;margin-left:8px}
.ja-intro{margin:18px 0 6px;color:#4a4f57}
.ja-list{list-style:none;margin:0;padding:0;counter-reset:ja}
.ja-list li{counter-increment:ja;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:4px 20px;align-items:baseline;padding:16px 0;border-bottom:1px dashed rgba(0,0,0,.18)}
.ja-list li::before{content:counter(ja,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:#9a5a3e}
.ja-req{font-size:clamp(17px,1.7vw,20px);font-weight:600;letter-spacing:-.01em;transition:color .3s}
.ja-fill{font-size:15px;color:#151515;opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .35s;display:flex;gap:8px;align-items:baseline}
.ja-fill::before{content:"✓";color:#fff;background:#151515;border-radius:50%;width:20px;height:20px;flex:none;display:inline-grid;place-items:center;font-size:11px;font-weight:800}
.ja-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px}
.ja-salary{font-size:15px;color:#4a4f57}.ja-salary b{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#151515;margin-right:8px}
.ja-fillbtn{font:700 16px var(--body);background:#151515;color:#fff;border:0;border-radius:999px;padding:14px 24px;cursor:pointer}
.ja-fillbtn:hover{background:#000}
.ja-stamp{position:absolute;right:clamp(16px,4vw,48px);top:clamp(80px,12vw,130px);transform:rotate(-12deg) scale(1.6);opacity:0;border:3px solid #9a5a3e;color:#9a5a3e;border-radius:10px;padding:10px 18px;font:900 clamp(20px,2.6vw,30px)/1 var(--body);letter-spacing:.04em;text-transform:uppercase;text-align:center;pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.2,1.6,.4,1)}
.ja-stamp small{display:block;font-size:.5em;font-weight:700;letter-spacing:.12em;margin-top:4px}
.ja-done{display:none;margin:22px 0 0;padding:16px 20px;border-radius:12px;background:#151515;color:#fafafa;font-weight:600}
.ja-done a{color:#e0a07f;margin-left:6px}
.jobad.is-filled .ja-req{color:#9a9da3;text-decoration:line-through;text-decoration-thickness:1px}
.jobad.is-filled .ja-fill{opacity:1;transform:none}
.jobad.is-filled .ja-stamp{opacity:.9;transform:rotate(-12deg) scale(1)}
.jobad.is-filled .ja-foot{display:none}
.jobad.is-filled .ja-done{display:block}
@media (max-width:700px){.ja-list li{grid-template-columns:32px minmax(0,1fr)}.ja-fill{grid-column:2}.jobad:not(.is-filled) .ja-fill{display:none}.ja-stamp{top:auto;bottom:90px}}
@media (prefers-reduced-motion:reduce){.ja-fill,.ja-stamp,.ja-req{transition:none}}
/* Job ad: compact version */
.jobad-sec{padding-block:clamp(56px,7vw,96px)!important}
.jobad-sec .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:center}
.jobad-sec .org-head{display:block;margin:0}
.jobad-sec h2{font-size:clamp(36px,4.6vw,64px)!important;margin-bottom:18px}
.jobad-sec .lede{font-size:clamp(17px,1.5vw,20px)!important;max-width:40ch}
.jobad{max-width:none;margin:0;padding:clamp(18px,2.4vw,28px);box-shadow:0 24px 50px -30px rgba(0,0,0,.35),0 0 0 5px #f1f0ec}
.ja-top{padding-bottom:12px;border-bottom-width:1.5px}
.ja-k{font-size:10.5px}
.ja-toggle button{font-size:13px;padding:7px 12px}
.ja-title{margin:14px 0 2px;font-size:clamp(30px,3.4vw,44px)}
.ja-intro{margin:8px 0 2px;font-size:14px}
.ja-list li{grid-template-columns:28px minmax(0,1fr);gap:2px 10px;padding:9px 0}
.ja-list li::before{font-size:11px}
.ja-req{font-size:15.5px}
.ja-fill{grid-column:2;font-size:13.5px;display:none}
.ja-fill::before{width:16px;height:16px;font-size:9px}
.jobad.is-filled .ja-fill{display:flex}
.ja-foot{margin-top:14px;gap:10px}
.ja-salary{font-size:13.5px}
.ja-fillbtn{font-size:14px;padding:11px 18px}
.ja-stamp{top:56px;right:18px;font-size:clamp(16px,1.8vw,22px);padding:8px 14px}
.ja-done{margin-top:14px;padding:12px 16px;font-size:14.5px}
@media (max-width:900px){.jobad-sec .wrap{grid-template-columns:1fr}.ja-stamp{top:auto;bottom:70px}}

/* ===== Home: org chart v2 ===== */
.oc2{background:#0e0e0e;color:#fafafa;border-radius:20px;padding:clamp(18px,2.4vw,28px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.oc2-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}
.oc2-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab}
.oc2 .ja-toggle{border-color:rgba(255,255,255,.25)}
.oc2 .ja-toggle button{color:#c9cbcf}
.oc2 .ja-toggle button[aria-pressed="true"]{background:#fafafa;color:#111}
.oc2-lead{display:flex;align-items:center;gap:10px;width:max-content;margin:22px auto 0;padding:10px 18px 10px 10px;border-radius:999px;background:#fafafa;color:#111}
.oc2-av{width:30px;height:30px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.oc2-lead b{font-size:15px}
.oc2-tree{position:relative;height:30px;margin:0 12.5%}
.oc2-tree::before{content:"";position:absolute;left:50%;top:0;height:14px;border-left:1.5px solid rgba(255,255,255,.35)}
.oc2-tree i{position:absolute;left:0;right:0;top:14px;height:16px;border:1.5px solid rgba(255,255,255,.35);border-bottom:0;border-radius:8px 8px 0 0}
.oc2-tree i::before,.oc2-tree i::after{content:"";position:absolute;top:-1.5px;height:16px;border-left:1.5px solid rgba(255,255,255,.35)}
.oc2-tree i::before{left:33.33%}.oc2-tree i::after{left:66.66%}
.oc2-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.oc2-box{display:grid;justify-items:center;text-align:center;gap:4px;padding:16px 8px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.oc2-box svg{width:24px;height:24px;color:#c9cbcf;margin-bottom:4px}
.oc2-box b{font-size:15px;font-weight:700;letter-spacing:-.01em}
.oc2-box small{font-size:12px;color:#a3a6ab}
.oc2-it{position:relative;background:transparent;border:1.5px dashed rgba(255,255,255,.45);transition:background .4s,border-color .4s,transform .4s}
.oc2-it::after{content:"";position:absolute;inset:-6px;border-radius:18px;border:1px solid rgba(192,107,76,.0);transition:border-color .4s}
.oc2-full{display:none!important}
.oc2-it .oc2-empty{color:#a3a6ab}
.oc2-it svg{opacity:.5}
.oc2.is-with .oc2-it{background:linear-gradient(145deg,#c06b4c,#c39a66);border:1.5px solid transparent;color:#111;transform:translateY(-4px)}
.oc2.is-with .oc2-it::after{border-color:rgba(192,107,76,.6)}
.oc2.is-with .oc2-it svg{color:#111;opacity:1}
.oc2.is-with .oc2-it small{color:#2a1a12}
.oc2.is-with .oc2-empty{display:none!important}
.oc2.is-with .oc2-full{display:block!important}
.oc2-covers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}
.oc2-covers span{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid rgba(195,154,102,.6);color:#e8c9a9}
.oc2.is-with .oc2-covers{max-height:120px;opacity:1}
.oc2-fill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;font:700 15px var(--body);background:#fafafa;color:#111;border:0;border-radius:999px;padding:13px 18px;cursor:pointer}
.oc2-fill:hover{background:#fff}
.oc2.is-with .oc2-fill{display:none}
@media (max-width:560px){.oc2-row{grid-template-columns:repeat(2,minmax(0,1fr))}.oc2-tree{display:none}.oc2-lead{margin:18px auto 12px}}
@media (prefers-reduced-motion:reduce){.oc2-it,.oc2-covers{transition:none}}

/* ===== Home: How we work v2 (timeline) ===== */
.hw-sec{padding-block:clamp(64px,8vw,110px)}
.hw-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 32px;margin-bottom:clamp(36px,5vw,56px)}
.hw-head h2{margin-bottom:0}
.hw-head .btn{background:#1d2430;color:#fff;border-color:#1d2430}
.hw{position:relative}
.hw-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hw-track{position:absolute;left:28px;right:calc((100% - 48px) / 4 - 28px);top:27px;height:2px;background:rgba(29,36,48,.15);z-index:0}
.hw-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1d2430,#c06b4c);transition:width 1.6s cubic-bezier(.4,0,.2,1)}
.hw.in .hw-track i{width:100%}
.hw-step{position:relative;z-index:1;display:grid;gap:10px;align-content:start}
.hw-dot{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fafafa;border:2px solid rgba(29,36,48,.2);font-family:var(--mono);font-size:14px;font-weight:500;color:#1d2430;margin-bottom:8px;transition:background .4s,color .4s,border-color .4s}
.hw.in .hw-step .hw-dot{background:#1d2430;color:#fff;border-color:#1d2430}
.hw.in .hw-step:nth-child(1) .hw-dot{transition-delay:.0s}
.hw.in .hw-step:nth-child(2) .hw-dot{transition-delay:.45s}
.hw.in .hw-step:nth-child(3) .hw-dot{transition-delay:.9s}
.hw.in .hw-step:nth-child(4) .hw-dot{transition-delay:1.35s;background:linear-gradient(135deg,#c06b4c,#c39a66);border-color:transparent;color:#111}
.hw-step h3{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.035em}
.hw-step p{margin:0;color:#4a4f57;font-size:15.5px;line-height:1.55;min-height:4.6em}
.hw-get{display:grid;gap:2px;margin-top:6px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.8);border:1px solid rgba(29,36,48,.12);font-weight:700;font-size:15px;color:#1d2430}
.hw-get small{font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#9a5a3e}
@media (max-width:900px){
  .hw-list{grid-template-columns:1fr;gap:0}
  .hw-track{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
  .hw-track i{width:100%;height:0;transition:height 1.6s cubic-bezier(.4,0,.2,1)}
  .hw.in .hw-track i{width:100%;height:100%}
  .hw-step{grid-template-columns:56px minmax(0,1fr);column-gap:18px;padding-bottom:26px}
  .hw-dot{grid-row:span 4;margin:0}
  .hw-step p{min-height:0}
}
@media (prefers-reduced-motion:reduce){.hw-track i,.hw-dot{transition:none}}

/* ===== Home: AI adoption ===== */
.aa-sec{padding-block:clamp(72px,9vw,130px)}
.aa-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.aa-top h2{font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.045em;font-weight:800}
.aa-top .lede{margin-top:6px}
.aa-race{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:clamp(18px,2.4vw,28px);display:grid;gap:16px;backdrop-filter:blur(6px)}
.aa-race figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab}
.aa-lane{display:grid;gap:8px}
.aa-lane span{font-weight:700;font-size:15px}
.aa-lane i{display:block;height:14px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.aa-lane em{display:block;height:100%;width:6%;border-radius:99px;transition:width 2.2s cubic-bezier(.3,0,.2,1)}
.aa-with em{background:linear-gradient(90deg,#c06b4c,#c39a66)}
.aa-without em{background:rgba(255,255,255,.45)}
.aa-race.in .aa-with em{width:100%}
.aa-race.in .aa-without em{width:42%;transition-duration:2.6s}
.aa-without span{color:#a3a6ab}
.aa-note{margin:0;font-size:14px;color:#c9cbcf}
.aa-grid{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.aa-grid li{display:grid;gap:6px;align-content:start;padding:22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .2s,border-color .2s}
.aa-grid li:hover{background:rgba(255,255,255,.1);border-color:rgba(195,154,102,.6)}
.aa-n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#c39a66}
.aa-grid b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.aa-grid p{margin:0;color:#c9cbcf;font-size:15px;line-height:1.55}
.aa-role{margin-top:clamp(28px,4vw,44px);padding:clamp(22px,3vw,36px);border-radius:20px;background:#fafafa;color:#151515;display:grid;gap:22px}
.aa-k{margin:0 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a5a3e}
.aa-role h3{margin:0;font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.aa-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:aa}
.aa-steps li{counter-increment:aa;display:grid;gap:4px;padding:16px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff}
.aa-steps li::before{content:counter(aa,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:#9a5a3e}
.aa-steps b{font-size:18px;font-weight:800}
.aa-steps span{font-size:14.5px;color:#4a4f57;line-height:1.5}
.aa-role .btn{background:#151515;color:#fff;border-color:#151515}
.aa-role .btn.ghost{background:transparent;color:#151515;border-color:rgba(0,0,0,.3)}
.aa-role .btn.ghost:hover{background:#151515;color:#fff}
@media (max-width:900px){.aa-top{grid-template-columns:1fr}.aa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aa-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.aa-grid,.aa-steps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.aa-lane em{transition:none}}

/* ===== AI benefits carousel ===== */
.aa-car{margin-top:clamp(40px,5vw,64px)}
.aa-car-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.aa-k2{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6ab}
.aa-car-ctl{display:flex;align-items:center;gap:10px}
.aa-count{font-family:var(--mono);font-size:13px;color:#a3a6ab;margin-right:6px}
.aa-count b{color:#fafafa;font-weight:500}
.aa-arr{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fafafa;font-size:20px;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.aa-arr:hover:not(:disabled){background:#fafafa;color:#111}
.aa-arr:disabled{opacity:.3;cursor:default}
.aa-track{list-style:none;margin:0;padding:0 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}
.aa-track::-webkit-scrollbar{display:none}
.aa-track:focus-visible{outline:2px solid #fafafa;outline-offset:4px;border-radius:18px}
.aa-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-height:340px;padding:26px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);transition:border-color .25s,transform .25s}
.aa-card:hover{border-color:rgba(195,154,102,.7);transform:translateY(-4px)}
.aa-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:28px}
.aa-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.aa-ic svg{width:28px;height:28px}
.aa-card b{font-size:clamp(22px,2vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.aa-card p{margin:0;color:#c9cbcf;font-size:15px;line-height:1.55}
.aa-ex{display:grid;gap:2px;margin-top:6px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.2);font-size:14.5px;font-weight:600;color:#fafafa}
.aa-ex small{font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#c39a66}
.aa-prog{height:2px;background:rgba(255,255,255,.15);margin-top:18px;border-radius:2px;overflow:hidden}
.aa-prog i{display:block;height:100%;width:33%;background:#fafafa;transition:width .3s}
@media (max-width:900px){.aa-track{grid-auto-columns:calc((100% - 14px)/2)}}
@media (max-width:560px){.aa-track{grid-auto-columns:86%}.aa-card{min-height:300px}.aa-arr{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.aa-track{scroll-behavior:auto}.aa-card{transition:none}}

/* AI adoption: live example under the race */
.aa-side{display:grid;gap:12px}
.aa-demo{background:#fafafa;color:#151515;border-radius:18px;padding:clamp(16px,2vw,22px);display:grid;gap:10px}
.aa-demo-k{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#5f6368}
.aa-demo-k i{width:8px;height:8px;border-radius:50%;background:#c06b4c;animation:woblink 2s ease-in-out infinite}
.aa-msg{max-width:92%;padding:11px 14px;border-radius:14px;font-size:14.5px;line-height:1.5}
.aa-msg small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;opacity:.7}
.aa-in{background:#ecebe7;border-bottom-left-radius:4px}
.aa-ai{justify-self:end;background:#151515;color:#fafafa;border-bottom-right-radius:4px;min-height:84px;opacity:0;transform:translateY(8px);transition:opacity .4s .5s,transform .4s .5s}
.aa-ai small{color:#e0a07f;opacity:1}
.aa-demo.in .aa-ai{opacity:1;transform:none}
.aa-caret{display:inline-block;width:2px;height:1em;background:#e0a07f;vertical-align:-2px;margin-left:2px;animation:woblink 1s steps(1) infinite;font-style:normal}
.aa-demo.done .aa-caret{display:none}
.aa-act{display:flex;justify-content:flex-end;gap:6px;opacity:0;transition:opacity .4s}
.aa-demo.done .aa-act{opacity:1}
.aa-chip{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.2)}
.aa-chip-on{background:linear-gradient(135deg,#c06b4c,#c39a66);border-color:transparent;color:#111}
@media (prefers-reduced-motion:reduce){.aa-ai,.aa-act{transition:none}.aa-demo-k i,.aa-caret{animation:none}}
.aa-more{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(32px,4vw,48px)}
.aa-sec-page .aa-car{margin-top:0}
#commitments .clauses{margin-top:clamp(40px,5vw,64px)}
/* Home philosophy: compact */
#company.philosophy{padding-block:clamp(56px,7vw,96px)}
#company .phil-h{font-size:clamp(36px,5vw,72px)!important}
#company .phil-fig{margin-top:clamp(28px,4vw,48px);gap:clamp(14px,2vw,22px);max-width:56rem}
#company .phil-mark{width:clamp(22px,2vw,30px)}
#company .phil-fig blockquote{font-size:clamp(18px,1.7vw,23px);line-height:1.5}
#company .phil-fig figcaption.sig-block{margin-top:clamp(6px,1.4vw,16px)}
#company .phil-fig .sig-svg{width:clamp(180px,20vw,280px)}
#company .phil-fig .sig-name{margin-top:8px}
@media (min-width:1000px){
  #company .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(40px,5vw,80px);align-items:center}
  #company .phil-eyebrow{grid-column:1}
  #company .phil-h{grid-column:1;margin:0}
  #company .phil-fig{grid-column:2;grid-row:1 / span 2;margin-top:0}
}
/* Signature v2: handwritten, signed on scroll */
.sig2{display:grid!important;justify-items:start;gap:0;margin-top:clamp(10px,1.6vw,18px)!important;color:#f1ede4}
.sig2-ink{font-family:"Mrs Saint Delafield","Brush Script MT",cursive;font-size:clamp(54px,6vw,84px);line-height:1;font-weight:400;letter-spacing:.01em;color:#f1ede4;transform:rotate(-4deg);transform-origin:left bottom;padding:0 16px 0 4px;text-shadow:0 0 .6px rgba(241,237,228,.9),.4px .3px 0 rgba(241,237,228,.35);clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.45,.05,.3,1)}
.sig2-flourish{width:clamp(200px,22vw,300px);height:auto;margin:-14px 0 0 18px;color:#c39a66;transform:rotate(-3deg)}
.sig2-flourish path{stroke-dasharray:460;stroke-dashoffset:460;transition:stroke-dashoffset .9s ease 1.45s}
.sig2.in .sig2-ink{clip-path:inset(0 0 0 0)}
.sig2.in .sig2-flourish path{stroke-dashoffset:0}
.sig2 .sig-name{margin-top:6px!important}
@media (prefers-reduced-motion:reduce){.sig2-ink{clip-path:none;transition:none}.sig2-flourish path{stroke-dashoffset:0;transition:none}}
/* Home Starter Kit: compact */
.kit-sec{padding-block:clamp(52px,6vw,84px)!important}
.kit-sec .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.kit-sec h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:12px}
.kit-sec .lede{font-size:clamp(16px,1.4vw,18px);max-width:48ch}
.kit-sec .cta-row{margin-top:22px}
.kit-sec .sk-feature{margin:0;max-width:none;padding:20px 58px 20px 22px}
.kit-sec .sk-feature b{font-size:clamp(20px,2vw,24px)}
@media (max-width:900px){.kit-sec .wrap{grid-template-columns:1fr}}
/* Home Starter Kit: extra compact band */
.kit-sec{padding-block:clamp(30px,3.6vw,48px)!important}
.kit-sec .wrap{gap:clamp(18px,3vw,40px)}
.kit-sec .eyebrow{margin-bottom:8px}
.kit-sec h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:6px}
.kit-sec .lede{font-size:15px;line-height:1.5}
.kit-sec .cta-row{margin-top:14px;gap:10px}
.kit-sec .cta-row .btn{padding:11px 20px;font-size:14px}
.kit-sec .sk-feature{padding:14px 50px 14px 18px;gap:3px;border-radius:14px}
.kit-sec .sk-feature b{font-size:clamp(17px,1.6vw,20px)}
.kit-sec .sk-feature span:last-of-type{font-size:13.5px;line-height:1.45}
.kit-sec .sk-feature i{right:16px;font-size:20px}
/* Home Starter Kit: slim strip */
.kit-sec{padding-block:clamp(20px,2.4vw,30px)!important}
.kit-sec .lede{display:none}
.kit-sec .kit-copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.kit-sec .kit-copy .eyebrow{flex-basis:100%;margin:0}
.kit-sec h2{font-size:clamp(20px,2vw,26px);margin:0}
.kit-sec .cta-row{margin:0}
.kit-sec .cta-row .btn{padding:9px 16px;font-size:13.5px}
.kit-sec .sk-feature{padding:10px 44px 10px 16px}
.kit-sec .sk-feature span:last-of-type{display:none}
.kit-sec .sk-feature b{font-size:clamp(16px,1.4vw,18px)}
/* Home Google Workspace: slim strip (disclosure kept visible) */
#resources{padding-block:clamp(20px,2.4vw,30px)!important}
#resources .split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px clamp(18px,3vw,40px);align-items:center}
#resources .eyebrow{margin:0 0 6px}
#resources h2{font-size:clamp(20px,2vw,26px);margin:0}
#resources .stack{gap:8px}
#resources .lede{display:none}
#resources .cta-row{margin:0;gap:10px}
#resources .cta-row .btn{padding:9px 16px;font-size:13.5px}
#resources .wo-small{font-size:12px;line-height:1.45;margin:0}
@media (max-width:900px){#resources .split{grid-template-columns:1fr}}

/* ===== Home: Engagement models v2 (rising levels) ===== */
.em-sec{padding-block:clamp(56px,7vw,96px)}
.em-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:clamp(28px,4vw,44px)}
.em-head h2{margin:0}
.em-sub{margin:0;max-width:40ch;color:#d0d3d7;font-size:16px}
.em-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.em-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.2vw,28px);border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);transition:transform .25s,border-color .25s}
.em-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.4)}
.em-l1{min-height:400px}.em-l2{min-height:440px}.em-l3{min-height:480px}
.em-rec{background:#fafafa;color:#151515;border-color:#fafafa}
.em-rec:hover{border-color:#fafafa}
.em-badge{position:absolute;top:-12px;left:24px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.em-top{display:flex;justify-content:space-between;align-items:center}
.em-lvl{display:flex;gap:5px}
.em-lvl i{width:22px;height:6px;border-radius:99px;background:rgba(255,255,255,.2)}
.em-lvl i.on{background:#c39a66}
.em-rec .em-lvl i{background:rgba(0,0,0,.12)}.em-rec .em-lvl i.on{background:#c06b4c}
.em-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.em-rec .em-k{color:#5f6368}
.em-card h3{margin:8px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1}
.em-line{margin:0;font-weight:700;font-size:16px}
.em-who{margin:0;font-size:14.5px;line-height:1.5;color:#c9cbcf}
.em-rec .em-who{color:#4a4f57}
.em-card ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;flex:1}
.em-card li{display:flex;gap:10px;font-size:14.5px;line-height:1.4;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.em-rec li{border-color:rgba(0,0,0,.1)}
.em-card li::before{content:"✓";color:#c39a66;font-weight:800;flex:none}
.em-rec li::before{color:#c06b4c}
.em-btn{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.4);color:#fafafa;transition:background .2s,color .2s}
.em-btn:hover{background:#fafafa;color:#111}
.em-rec .em-btn{background:#151515;color:#fff;border-color:#151515}
.em-rec .em-btn:hover{background:#000}
.em-rail{display:flex;align-items:center;gap:12px;margin-top:20px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.em-rail i{flex:1;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.25),#c39a66);position:relative}
.em-rail i::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:8px solid #c39a66}
@media (max-width:900px){.em-grid{grid-template-columns:1fr;align-items:stretch}.em-l1,.em-l2,.em-l3{min-height:0}.em-rec{margin-top:10px}.em-rail{display:none}}
@media (prefers-reduced-motion:reduce){.em-card{transition:none}}

/* ===== Engagement model design options ===== */
.opt-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:28px;padding:12px 16px;border-radius:12px;border:1px dashed rgba(195,154,102,.7);background:rgba(195,154,102,.1)}
.opt-label span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c39a66}
.opt-label b{font-size:17px}
.opt-label small{font-size:14px;opacity:.75}
.opt-label a{color:inherit}
/* B table */
.emB-wrap{overflow-x:auto;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.emB{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.emB th,.emB td{padding:14px 18px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
.emB tbody th{text-align:left;font-weight:600;color:#e4e5e7}
.emB thead th{padding-top:30px;vertical-align:bottom;position:relative}
.emB thead b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em}
.emB thead small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab}
.emB .emB-rec{background:#fafafa;color:#151515}
.emB thead .emB-rec small{color:#5f6368}
.emB-badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.emB-y{color:#c39a66;font-weight:800;font-size:17px}.emB .emB-rec .emB-y{color:#c06b4c}
.emB-n{opacity:.35}
.emB tfoot td{border-bottom:0;padding-bottom:22px}
.emB tfoot .em-btn{margin:0;justify-content:center;gap:8px}
/* C slider */
.emC{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.emC h2{margin-bottom:28px}
.emC-range input{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,#c06b4c var(--p,50%),rgba(255,255,255,.18) var(--p,50%));outline:none}
.emC-range input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fafafa;border:4px solid #c06b4c;cursor:pointer}
.emC-range input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fafafa;border:4px solid #c06b4c;cursor:pointer}
.emC-ticks{display:flex;justify-content:space-between;margin:12px 0 20px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a3a6ab}
.emC-panel{background:#fafafa;color:#151515;border-radius:22px;padding:clamp(22px,3vw,34px);display:grid;gap:10px;min-height:400px;align-content:start}
.emC-top{display:flex;justify-content:space-between;align-items:center}
.emC-lvl{display:flex;gap:5px}.emC-lvl i{width:24px;height:6px;border-radius:99px;background:rgba(0,0,0,.12)}.emC-lvl i.on{background:#c06b4c}
.emC-panel .em-k{color:#5f6368}
.emC-panel h3{margin:10px 0 0;font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1}
.emC-panel .em-who{color:#4a4f57}
.emC-panel ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.emC-panel li{display:flex;gap:10px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);font-size:15px}
.emC-panel li::before{content:"✓";color:#c06b4c;font-weight:800}
.emC-panel .em-btn{background:#151515;color:#fff;border-color:#151515}
@media (max-width:900px){.emC{grid-template-columns:1fr}}
/* D staircase */
.emD-sec .em-sub{color:#4a4f57}
.emD{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0}
.emD-step{display:flex;flex-direction:column;gap:8px;padding:26px 24px;text-decoration:none;color:#151515;background:#fff;border:1px solid rgba(29,36,48,.14);border-right:0;transition:background .25s,color .25s}
.emD-step:last-child{border-right:1px solid rgba(29,36,48,.14)}
.emD-s1{min-height:300px;border-radius:18px 0 0 0}.emD-s2{min-height:380px}.emD-s3{min-height:460px;border-radius:0 18px 0 0;background:#151515;color:#fafafa}
.emD-step:hover{background:#1d2430;color:#fafafa}
.emD-n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a5a3e}
.emD-s3 .emD-n,.emD-step:hover .emD-n{color:#e0a07f}
.emD-step b{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1}
.emD-k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.6}
.emD-step p{margin:6px 0 0;font-weight:700}
.emD-step ul{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:6px;font-size:14px;opacity:.85}
.emD-step li::before{content:"— "}
.emD-go{margin-top:12px;font-weight:700;font-size:14.5px}
@media (max-width:900px){.emD{grid-template-columns:1fr}.emD-step{min-height:0!important;border-right:1px solid rgba(29,36,48,.14);border-radius:0!important;border-bottom:0}.emD-step:last-child{border-bottom:1px solid rgba(29,36,48,.14)}}
/* E rows */
.emE{border-top:1px solid rgba(255,255,255,.25)}
.emE-row{border-bottom:1px solid rgba(255,255,255,.18)}
.emE-row summary{list-style:none;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.2fr) auto 44px;align-items:center;gap:16px;padding:22px 0;cursor:pointer}
.emE-row summary::-webkit-details-marker{display:none}
.emE-n{font-family:var(--mono);font-size:12px;color:#c39a66}
.emE-row b{font-size:clamp(26px,3.6vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1}
.emE-line{color:#d0d3d7;font-size:16px}
.emE-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a3a6ab;border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:5px 11px}
.emE-row i{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font-style:normal;font-size:20px;transition:transform .25s,background .25s}
.emE-row[open] i{transform:rotate(45deg);background:#fafafa;color:#111}
.emE-row summary:hover b{color:#e0a07f}
.emE-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:20px 32px;align-items:start;padding:0 0 26px 68px}
.emE-body p{margin:0;color:#c9cbcf}
.emE-body ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.emE-body li::before{content:"✓ ";color:#c39a66;font-weight:800}
.emE-body .em-btn{margin:0;white-space:nowrap;gap:10px}
@media (max-width:900px){.emE-row summary{grid-template-columns:36px minmax(0,1fr) 40px}.emE-line,.emE-k{display:none}.emE-body{grid-template-columns:1fr;padding-left:0}}
.opt-temp{margin:18px 0 0;font-size:14px}.opt-temp a{color:#e0a07f;font-weight:700}
/* Engagement models: reveal on click */
.em-reveal{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fafafa;font:700 clamp(17px,1.6vw,20px) var(--body);cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.em-reveal:hover{background:rgba(255,255,255,.12);border-color:#fafafa}
.em-reveal-t{flex:1}
.em-reveal-dots{display:flex;gap:5px}
.em-reveal-dots i{width:22px;height:6px;border-radius:99px;background:rgba(255,255,255,.25)}
.em-reveal-dots i:nth-child(1){background:#c39a66}
.em-reveal:hover .em-reveal-dots i{background:#c39a66}
.em-reveal-ico{width:40px;height:40px;border-radius:50%;background:#fafafa;color:#111;display:grid;place-items:center;font-size:22px;transition:transform .25s}
.em-reveal[aria-expanded="true"] .em-reveal-ico{transform:rotate(45deg)}
.em-choices{margin-top:22px}
.em-choices[hidden]{display:none}
.em-choices .em-card{animation:emIn .45s ease both}
@keyframes emIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.em-choices .em-card{animation:none}.em-reveal-ico{transition:none}}
/* AI adoption: example behind a button */
.aa-top{grid-template-columns:1fr!important}
.aa-top>div{max-width:900px}
.aa-reveal{margin-top:clamp(28px,4vw,40px)}
.aa-show{margin-top:16px}
.aa-show[hidden]{display:none}
.aa-side-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;animation:emIn .45s ease both}
@media (max-width:900px){.aa-side-open{grid-template-columns:1fr}}
/* Engagement models on white */
.em-light{background:#fff;color:#151515;--fg:#151515;--sub:#5f6368;--rule:rgba(0,0,0,.14);--acc:#151515}
.em-light .eyebrow{color:#5f6368}
.em-light .em-sub{color:#4a4f57}
.em-light .em-reveal{border-color:rgba(0,0,0,.18);background:#f5f5f3;color:#151515}
.em-light .em-reveal:hover{background:#efefec;border-color:#151515}
.em-light .em-reveal-dots i{background:rgba(0,0,0,.15)}
.em-light .em-reveal-dots i:nth-child(1),.em-light .em-reveal:hover .em-reveal-dots i{background:#c06b4c}
.em-light .em-reveal-ico{background:#151515;color:#fff}
.em-light .em-card{background:#f5f5f3;border-color:rgba(0,0,0,.1);color:#151515;backdrop-filter:none}
.em-light .em-card:hover{border-color:rgba(0,0,0,.35)}
.em-light .em-lvl i{background:rgba(0,0,0,.12)}.em-light .em-lvl i.on{background:#c06b4c}
.em-light .em-k{color:#5f6368}
.em-light .em-who{color:#4a4f57}
.em-light .em-card li{border-color:rgba(0,0,0,.1)}
.em-light .em-card li::before{color:#c06b4c}
.em-light .em-btn{border-color:rgba(0,0,0,.3);color:#151515}
.em-light .em-btn:hover{background:#151515;color:#fff}
.em-light .em-rec{background:#151515;color:#fafafa;border-color:#151515}
.em-light .em-rec:hover{border-color:#151515}
.em-light .em-rec .em-k{color:#a3a6ab}
.em-light .em-rec .em-who{color:#c9cbcf}
.em-light .em-rec li{border-color:rgba(255,255,255,.14)}
.em-light .em-rec .em-lvl i{background:rgba(255,255,255,.2)}.em-light .em-rec .em-lvl i.on{background:#c39a66}
.em-light .em-rec li::before{color:#c39a66}
.em-light .em-rec .em-btn{background:#fafafa;color:#111;border-color:#fafafa}
.em-light .em-rec .em-btn:hover{background:#fff}
.em-light .em-rail{color:#5f6368}
.em-light .em-rail i{background:linear-gradient(90deg,rgba(0,0,0,.15),#c06b4c)}
.em-light .em-rail i::after{border-left-color:#c06b4c}
.em-light .opt-temp a{color:#9a5a3e}
/* Home: staircase (option D) */
.em-choices .emD-step{animation:emIn .45s ease both}
.emD-step{position:relative}
.emD-badge{position:absolute;top:-12px;left:22px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.em-light .emD-step{background:#f5f5f3}
.em-light .emD-s3{background:#151515;color:#fafafa}
.em-light .emD-step:hover{background:#1d2430;color:#fafafa}
.emD-foot{margin:16px 0 0;font-size:14.5px;color:#5f6368}
@media (prefers-reduced-motion:reduce){.em-choices .emD-step{animation:none}}
.aa-show .aa-more{margin-top:16px}
/* AI adoption: polished reveal button on the right */
.aa-top{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}
.aa-cta{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);color:#fafafa;cursor:pointer;text-align:left;font-family:var(--body);box-shadow:0 18px 40px -20px rgba(0,0,0,.7);transition:background .25s,border-color .25s,transform .25s}
.aa-cta:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7);transform:translateY(-2px)}
.aa-cta:focus-visible{outline:2px solid #fafafa;outline-offset:3px}
.aa-cta-play{position:relative;width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.aa-cta-play svg{width:24px;height:24px;margin-left:2px}
.aa-cta-play::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(195,154,102,.6);animation:aaPulse 2.4s ease-out infinite}
@keyframes aaPulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.aa-cta-txt{display:grid;gap:2px;padding-right:6px}
.aa-cta-txt small{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#c39a66}
.aa-cta-txt .em-reveal-t{font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.aa-cta-ico{width:36px;height:36px;flex:none;border-radius:50%;background:#fafafa;color:#111;display:grid;place-items:center;font-size:20px;transition:transform .25s}
.aa-cta[aria-expanded="true"] .aa-cta-ico{transform:rotate(45deg)}
.aa-cta[aria-expanded="true"] .aa-cta-play::after{animation:none;opacity:0}
.aa-show{margin-top:clamp(24px,3vw,36px)}
@media (max-width:900px){.aa-top{grid-template-columns:1fr!important}.aa-cta{justify-self:start}}
@media (prefers-reduced-motion:reduce){.aa-cta-play::after{animation:none}.aa-cta,.aa-cta-ico{transition:none}}
/* Signature: static and simple */
.sig2-ink{clip-path:none!important;transition:none!important;transform:none!important;text-shadow:none!important;font-size:clamp(46px,4.6vw,64px)!important;padding:0!important;color:#f1ede4}
.sig2 .sig-name{margin-top:2px!important}
/* How AI helps: refined example */
.aa-demo{gap:12px;padding:clamp(18px,2.2vw,26px);border-radius:20px}
.aa-demo-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}
.aa-demo-k{font-size:11px;color:#9a5a3e;font-weight:500}
.aa-demo-t{font-size:15px;font-weight:700;color:#151515}
.aa-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;counter-reset:fl}
.aa-flow li{counter-increment:fl;position:relative;padding:8px 10px 8px 34px;border-radius:10px;background:#f1f0ec;font-size:12.5px;font-weight:700;color:#77797d;transition:background .35s,color .35s}
.aa-flow li::before{content:counter(fl);position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#d9d7d1;color:#fff;display:grid;place-items:center;font-size:11px;transition:background .35s}
.aa-demo.in .aa-flow .f1,.aa-demo.typing .aa-flow .f2,.aa-demo.done .aa-flow li{background:#151515;color:#fafafa}
.aa-demo.in .aa-flow .f1::before,.aa-demo.typing .aa-flow .f2::before,.aa-demo.done .aa-flow li::before{background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.aa-used{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;opacity:0;transition:opacity .4s .35s}
.aa-used span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77797d;margin-right:2px}
.aa-used b{font-weight:600;padding:4px 9px;border-radius:999px;border:1px dashed rgba(154,90,62,.5);color:#9a5a3e;background:#fbf6f2}
.aa-demo.in .aa-used{opacity:1}
.aa-msg{font-size:14.5px}
.aa-save{margin:2px 0 0;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);font-size:13px;color:#5f6368;opacity:0;transition:opacity .4s}
.aa-demo.done .aa-save{opacity:1}
@media (max-width:420px){.aa-flow{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.aa-used,.aa-save,.aa-flow li{transition:none}}
/* Where we work */
.where-sec{padding-block:clamp(56px,7vw,96px)}
.where-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px clamp(28px,5vw,72px);align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.where-head h2{margin:0}
.where-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.where-grid li{display:grid;gap:6px;padding:22px;border-radius:16px;background:#fff;border:1px solid rgba(29,36,48,.12)}
.where-grid b{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.035em}
.where-grid span{font-size:14.5px;color:#4a4f57;line-height:1.45}
.where-on{background:#151515!important;color:#fafafa;border-color:#151515!important}
.where-on span{color:#c9cbcf!important}
@media (max-width:900px){.where-head{grid-template-columns:1fr}.where-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.where-grid{grid-template-columns:1fr}}

/* ===== Promo section design options ===== */
.p1-list{display:grid;gap:14px}
.p1{display:grid;grid-template-columns:minmax(0,1fr) 300px;border-radius:18px;background:#fff;border:1px solid rgba(29,36,48,.12);overflow:hidden;box-shadow:0 18px 40px -30px rgba(0,0,0,.4)}
.p1-feat{border:2px solid #151515}
.p1-main{padding:clamp(20px,2.4vw,28px);display:grid;gap:8px}
.p1-tag{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a5a3e}
.p1-main h3{margin:0;font-size:clamp(20px,2vw,24px);font-weight:800;letter-spacing:-.02em}
.p1-main p{margin:0;color:#4a4f57;font-size:15px}
.p1-terms{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.p1-terms li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f1f0ec;color:#4a4f57}
.p1-stub{position:relative;display:grid;align-content:center;padding:22px;background:#151515;color:#fafafa;border-left:2px dashed rgba(0,0,0,.25);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.p1-stub::before,.p1-stub::after{content:"";position:absolute;left:-12px;width:22px;height:22px;border-radius:50%;background:#e9eaeb}
.p1-stub::before{top:-11px}.p1-stub::after{bottom:-11px}
.p1.torn .p1-stub{transform:rotate(-2deg) translate(6px,-4px);background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.p1-s1,.p1-s3{display:grid;gap:10px;justify-items:start}
.p1-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.p1-mask{font-family:var(--mono);font-size:22px;letter-spacing:.12em}
.p1-code{font-family:var(--mono);font-size:22px;letter-spacing:.06em;background:#fff;color:#111;padding:8px 12px;border-radius:8px;border:2px dashed #111}
.p1-get,.p1-s2 button,.p2-form button{font:700 15px var(--body);border:0;border-radius:999px;padding:12px 20px;cursor:pointer;background:#fafafa;color:#111}
.p1-get:hover{background:#fff}
.p1-s2{display:grid;gap:8px;background:none;border:0;padding:0}
.p1-s2 input[type=email],.p2-form input[type=email]{width:100%;font:400 15px var(--body);padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;text-transform:none;letter-spacing:0}
.p1-chk{display:flex!important;gap:8px;align-items:flex-start;font:400 12.5px var(--body)!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important;opacity:.85}
.p1-s2 button{background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
.p1-copy{font:700 14px var(--body);border:0;border-radius:999px;padding:10px 18px;background:#111;color:#fff;cursor:pointer}
.p1-go{font-weight:700;font-size:14px;color:inherit}
.p1-s2[hidden],.p1-s1[hidden],.p1-s3[hidden],.p2-done[hidden],.p2-form[hidden]{display:none}
@media (max-width:760px){.p1{grid-template-columns:1fr}.p1-stub{border-left:0;border-top:2px dashed rgba(0,0,0,.25)}.p1-stub::before,.p1-stub::after{display:none}}
.p2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:stretch}
.p2-l{display:grid;gap:12px;align-content:start}
.p2-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p2-tab{display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fafafa;cursor:pointer;font-family:var(--body)}
.p2-tab b{font-size:18px}.p2-tab small{font-size:12px;color:#a3a6ab}
.p2-tab[aria-selected="true"]{background:#fafafa;color:#111;border-color:#fafafa}
.p2-tab[aria-selected="true"] small{color:#5f6368}
.p2-plan{padding:22px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:grid;gap:8px}
.p2-plan h3{margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:800;letter-spacing:-.04em}
.p2-plan p{margin:0;color:#c9cbcf}
.p2-plan .p1-tag{color:#c39a66}
.p2-plan .p1-terms li{background:rgba(255,255,255,.1);color:#e4e5e7}
.p2-vault{display:grid;gap:14px;align-content:start;padding:22px;border-radius:18px;background:#fafafa;color:#151515}
.p2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;counter-reset:p2}
.p2-steps li{counter-increment:p2;font-size:12px;font-weight:700;padding:8px;border-radius:10px;background:#f1f0ec;color:#77797d;text-align:center}
.p2-steps li::before{content:counter(p2) " · "}
.p2-steps li.on{background:#151515;color:#fff}
.p2-lock{position:relative;display:grid;place-items:center;height:90px;border-radius:14px;border:2px dashed rgba(0,0,0,.2);background:repeating-linear-gradient(-45deg,#f6f5f2 0 10px,#efeee9 10px 20px);overflow:hidden}
.p2-blur{font-family:var(--mono);font-size:26px;letter-spacing:.08em;filter:blur(9px);transition:filter .6s}
.p2-padlock{position:absolute;width:44px;height:44px;border-radius:50%;background:#151515;color:#fff;display:grid;place-items:center;transition:opacity .4s,transform .4s}
.p2-padlock svg{width:22px;height:22px}
.p2-vault.open .p2-blur{filter:none}
.p2-vault.open .p2-padlock{opacity:0;transform:scale(.6)}
.p2-vault.open .p2-lock{background:#fff;border-color:#c06b4c}
.p2-form{display:grid;gap:8px;background:none;border:0;padding:0}
.p2-form input[type=email]{background:#fff;color:#111;border-color:rgba(0,0,0,.2)}
.p2-form button{background:#151515;color:#fff}
.p2-done{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.p2-note{margin:0;font-size:12.5px;color:#5f6368}
@media (max-width:900px){.p2{grid-template-columns:1fr}}

/* ===== Promo codes: tear-off coupon design (Option 1) ===== */
#get-code .cc-list{display:grid;gap:14px}
#get-code .cc{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:0!important;padding:0!important;border-radius:18px;background:#fff;border:1px solid rgba(29,36,48,.12);overflow:hidden;box-shadow:0 18px 40px -30px rgba(0,0,0,.4)}
#get-code .cc-featured{border:2px solid #151515}
#get-code .cc-badge{display:none!important}
#get-code .cc-body{padding:clamp(20px,2.4vw,28px);display:grid;gap:8px;align-content:start}
#get-code .cc-tag{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a5a3e}
#get-code .cc-body h3{margin:0;font-size:clamp(20px,2vw,24px);font-weight:800;letter-spacing:-.02em}
#get-code .cc-body>p{margin:0;color:#4a4f57;font-size:15px}
#get-code .cc-terms{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#get-code .cc-terms li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f1f0ec;color:#4a4f57}
#get-code .cc-terms li::before{display:none}
#get-code .cc-stub{position:relative;display:grid!important;align-content:center;justify-items:start;gap:10px;padding:22px!important;margin:0!important;background:#151515;color:#fafafa;border-left:2px dashed rgba(0,0,0,.25);transition:transform .5s cubic-bezier(.3,1.4,.5,1),background .4s}
#get-code .cc-stub::before,#get-code .cc-stub::after{content:"";position:absolute;left:-12px;width:22px;height:22px;border-radius:50%;background:#e9eaeb}
#get-code .cc-stub::before{top:-11px}#get-code .cc-stub::after{bottom:-11px}
#get-code .cc-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
#get-code .cc-mask{font-family:var(--mono);font-size:22px;letter-spacing:.12em}
#get-code .cc-stub .cc-btn{display:inline-flex;align-items:center;gap:8px;font:700 15px var(--body);border:0;border-radius:999px;padding:12px 22px;cursor:pointer;background:#fafafa;color:#111;text-decoration:none;min-width:0;width:auto;box-shadow:none}
#get-code .cc-stub .cc-btn:hover{background:#fff}
#get-code .cc-stub .cc-btn::after,#get-code .cc-stub .cc-btn::before{display:none}
#get-code .cc-shown{margin:0;font-size:13px}
#get-code .cc-shown code{display:inline-block;margin-top:4px;font-family:var(--mono);font-size:18px;letter-spacing:.06em;background:#fff;color:#111;padding:6px 10px;border-radius:8px;border:2px dashed #111}
/* torn off once a code has been revealed */
#get-code .cc:has(.cc-shown:not([hidden])) .cc-stub{transform:rotate(-2deg) translate(6px,-4px);background:linear-gradient(135deg,#c06b4c,#c39a66);color:#111}
#get-code .cc:has(.cc-shown:not([hidden])) .cc-mask{display:none}
#get-code .cc:has(.cc-shown:not([hidden])) .cc-btn .cc-btn-t{font-size:0}
#get-code .cc:has(.cc-shown:not([hidden])) .cc-btn .cc-btn-t::after{content:"Show again";font-size:15px}
/* deals: light stub */
#get-code .cc-stub-deal{background:#f6f2ee;color:#151515;border-left-color:rgba(154,90,62,.4)}
#get-code .cc-stub-deal .cc-mask{font-family:var(--body);font-size:17px;letter-spacing:0;font-weight:700}
#get-code .cc-stub-deal .cc-btn{background:#151515;color:#fff}
#get-code .cc-stub-deal .cc-btn:hover{background:#000}
@media (max-width:760px){#get-code .cc{grid-template-columns:1fr!important}#get-code .cc-stub{border-left:0;border-top:2px dashed rgba(0,0,0,.25)}#get-code .cc-stub::before,#get-code .cc-stub::after{display:none}}
@media (prefers-reduced-motion:reduce){#get-code .cc-stub{transition:none}}
#get-code{scroll-margin-top:110px}