:root.biz{
  --ground:#101215;
  --band:#14171b;
  --surface:#191d22;
  --text:#ece7de;
  --muted:#a39d93;
  --accent:#7fc15a;
  --accent-hover:#93cf70;
  --on-accent:#101215;
  --detail:#b7b0a4;
  --note:#d6a95c;
  --danger:#ff8a7a;
  --rule:rgba(163,157,147,.15);
  --field:rgba(163,157,147,.34);
  --head:rgba(16,18,21,.88);
  --shadow:0 1px 2px rgba(0,0,0,.3);
  --show-sun:none;
  --show-moon:none;
  color-scheme:dark;
}

.biz-tag{font:500 12px/1 var(--figure);letter-spacing:.08em;text-transform:uppercase;color:var(--detail);
  border:1px solid var(--rule);border-radius:999px;padding:6px 11px;white-space:nowrap}
@media not all and (max-width:640px){
  .biz-head{--head-gap:16px;--nav-gap:14px;--pill-x:16px}
  .biz-head .head-in{column-gap:var(--head-gap)}
  .biz-head .topnav{align-items:center;gap:var(--nav-gap);margin:0 0 0 auto}
  .biz-head .topnav a[href="index.html"]{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14.5px}
  .biz-head .topnav a[href="index.html"]::before{content:"";position:absolute;left:calc(var(--nav-gap) / -2);top:50%;width:1px;height:20px;
    transform:translateY(-50%);background:var(--field)}
  .biz-head .topnav a[href="index.html"] .ic{width:15px;height:15px;vertical-align:0;color:var(--accent)}
  .biz-head .topnav a[href="index.html"]:hover{color:var(--text);border-bottom-color:transparent}
  .biz-head .topnav a[href="business-book.html"],
  .biz-head .topnav a[href="business-book.html"]:hover,
  .biz-head .topnav a[href="business-book.html"][aria-current]{background:var(--accent);color:var(--on-accent);font-weight:600;
    padding:10px var(--pill-x);border-radius:999px;border-bottom-color:transparent;transition:background .15s}
  .biz-head .topnav a[href="business-book.html"]:hover{background:var(--accent-hover)}
}
@media (min-width:720px) and (max-width:960px), (min-width:1040px){
  .biz-head{--head-gap:22px;--nav-gap:28px;--pill-x:20px}
}

@media (max-width:739px){
  .biz-head .topnav a[href="index.html"] .ic{display:none}
}

.biz-hero{position:relative;overflow:hidden;isolation:isolate;padding:96px 0 56px;background:var(--ground)}
.biz-hero-in{position:relative;z-index:1}
.biz-hero h1{font-size:clamp(36px,4.6vw,56px);line-height:1.08;letter-spacing:-.02em;max-width:13em;text-wrap:balance;margin-bottom:20px}
.biz-hero h1 em{font-style:normal;color:var(--accent)}
.biz-lede{font-size:19px;line-height:1.65;color:var(--muted);max-width:34em;margin-bottom:32px}
.biz-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}

.smoke{position:absolute;inset:0;z-index:0;pointer-events:none}
.smoke::before{content:"";position:absolute;right:-10%;top:-30%;width:70%;height:130%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 10%,transparent),transparent);filter:blur(20px)}
.smoke i{position:absolute;bottom:-45%;left:var(--x);width:var(--w);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(var(--c),var(--o)),rgba(var(--c),0));
  filter:blur(22px);opacity:0;will-change:transform,opacity;animation:rise var(--d) linear var(--l) infinite}
@keyframes rise{
  0%{transform:translate(0,0) scale(.45);opacity:0}
  18%{opacity:1}
  45%{transform:translate(var(--sx),-55%) scale(.95)}
  70%{opacity:.75}
  100%{transform:translate(calc(var(--sx) * -1),-125%) scale(1.6);opacity:0}
}
@media (prefers-reduced-motion: reduce){.smoke i{animation:none;opacity:.5;transform:translateY(-60%)}}
.smoke i:nth-child(1){--x:52%;--w:300px;--d:11s;--l:0s;--sx:-30px;--c:127,193,90;--o:.42}
.smoke i:nth-child(2){--x:66%;--w:360px;--d:14s;--l:-4s;--sx:40px;--c:70,150,105;--o:.40}
.smoke i:nth-child(3){--x:78%;--w:280px;--d:10s;--l:-7s;--sx:-24px;--c:150,205,110;--o:.32}
.smoke i:nth-child(4){--x:60%;--w:320px;--d:13s;--l:-10s;--sx:34px;--c:127,193,90;--o:.36}
.smoke i:nth-child(5){--x:84%;--w:340px;--d:12s;--l:-2s;--sx:-38px;--c:70,150,105;--o:.34}
.smoke i:nth-child(6){--x:44%;--w:260px;--d:15s;--l:-12s;--sx:28px;--c:127,193,90;--o:.24}

.biz-services{padding:8px 0 96px}
.biz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.biz-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:26px 26px 22px;box-shadow:var(--shadow)}
.biz-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.biz-ico .ic{width:22px;height:22px}
.biz-card h3{font-size:19px;line-height:1.2;margin:18px 0 8px}
.biz-card p{font-size:15.5px;line-height:1.55;color:var(--muted);flex:1;margin:0 0 16px}

.biz-strip{padding:0 0 72px}
.biz-strip ol{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);max-width:880px;padding:0;margin:0}
.biz-strip li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  font-size:15px;font-weight:500;color:var(--text);white-space:nowrap}
.biz-strip li::after{content:"";position:absolute;top:16px;left:44px;right:12px;height:1px;background:var(--field)}
.biz-strip li:last-child::after{display:none}
.biz-strip b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--field);border-radius:50%;
  font:500 12.5px/1 var(--figure);color:var(--detail)}
.biz-strip li:first-child b{border-color:var(--accent);color:var(--accent)}

main.page .biz-ctas{margin-top:36px}
.biz-steps{list-style:none;padding:0;margin:24px 0 0;max-width:46em;border-top:1px solid var(--rule)}
.biz-steps li{display:grid;grid-template-columns:64px 1fr;column-gap:16px;padding:26px 0;border-bottom:1px solid var(--rule)}
.biz-num{grid-row:1 / span 2;font:500 14px/1.9 var(--figure);letter-spacing:.04em;color:var(--detail)}
.biz-steps h2{font-size:21px;line-height:1.25;margin:0 0 8px}
.biz-steps p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.65}
.biz-steps .biz-step-note{grid-column:2;margin-top:6px;font-size:15px;color:var(--detail)}
.biz-note-label{font-weight:600;color:var(--note)}

.biz-form{max-width:640px;margin-top:8px}
.biz-form input[type=number]{width:100%;max-width:12em;background:var(--surface);color:var(--text);font:16px/1.5 var(--body);
  border:1px solid var(--field);border-radius:12px;padding:12px 14px;transition:border-color .15s}
.biz-form ~ .result{margin-top:8px}
.biz-noscript{max-width:640px;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;margin:0 0 24px}

@media (max-width:960px){

  .biz-services{scroll-margin-top:40px}
  .biz-hero{padding:72px 0 48px}
  .biz-strip{padding-bottom:56px}
}
@media (max-width:820px){
  .biz-cards{grid-template-columns:1fr}
}

@media (max-width:760px){
  .biz-strip ol{grid-template-columns:1fr;max-width:none}
  .biz-strip li{flex-direction:row;align-items:center;gap:14px;padding-bottom:16px}
  .biz-strip li:last-child{padding-bottom:0}
  .biz-strip li::after{top:32px;bottom:0;left:16px;right:auto;width:1px;height:auto}
}
@media (max-width:640px){

  .site-foot{padding-bottom:calc(100px + env(safe-area-inset-bottom))}

  .js .biz-head .topnav a[href="index.html"]{display:flex;align-self:stretch;align-items:center;gap:10px;min-height:44px;margin-top:20px;
    padding:20px 0 0;border:0;border-top:1px solid var(--rule);border-radius:0;font:500 17px/1.3 var(--body);color:var(--muted)}
  .js .biz-head .topnav a[href="index.html"]::before{content:none}
  .js .biz-head .topnav a[href="index.html"] .ic{display:block;width:20px;height:20px;color:var(--accent)}
  .js .biz-head .topnav a[href="index.html"]:hover{color:var(--text);border-top-color:var(--rule)}

  .biz-head .brand{margin-right:0}
  .biz-tag{margin-right:auto}
  .js .topnav a[href="business-book.html"]{color:var(--accent)}
  html:not(.js) .topnav a[href="business-book.html"]{display:none}

  .biz-hero{padding:36px 0 32px}
  .biz-strip{padding-bottom:40px}
  .smoke i:nth-child(n+4){display:none}
  .biz-hero h1{font-size:clamp(34px,9.8vw,42px);margin-bottom:16px}
  .biz-lede{font-size:17.5px;line-height:1.6;margin-bottom:24px}
  .biz-ctas .btn{width:100%;justify-content:center;min-height:56px}
  .biz-services{padding:4px 0 48px;scroll-margin-top:0}
  .biz-cards{gap:14px}
  .biz-card{padding:22px 20px 18px;border-radius:14px}
  .biz-steps li{grid-template-columns:40px 1fr;column-gap:12px;padding:20px 0}
  .biz-steps h2{font-size:19px}
  main.page .biz-ctas{margin-top:28px}
}