:root{
  --ivory:#FFFFFF;
  --paper:#FFFFFF;
  --tint:#F8F6F2;
  --tray:#F3F0EA;
  --plate:#F0E8DC;
  --fuchsia:#D9146B;
  --fuchsia-deep:#A2044D;
  --lime:#CFE81E;
  --lime-deep:#9DB209;
  --ink:#171210;
  --ink-2:#4B413B;
  --muted:#8A7F76;
  --hair:rgba(23,18,16,.09);

  --display:"Playfair Display","Georgia",serif;
  --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono","SFMono-Regular",Menlo,monospace;

  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(28px,5vw,72px);
  --maxw:1280px;
  --plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v18h-2z'/%3E%3Cpath fill='black' d='M3 11h18v2H3z'/%3E%3C/svg%3E");
}
@media(max-width:480px){:root{--pad:22px}}
*{box-sizing:border-box}
html,body{overflow-anchor:none}
body{
  margin:0;background:var(--ivory);color:var(--ink);
  font-family:var(--sans);font-size:17px;font-weight:500;line-height:1.64;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}

/* ---------- type ---------- */
.kick{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:12px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--fuchsia);
}
.kick::before{content:"";width:38px;height:2px;background:var(--lime-deep)}
.kick.on-fuchsia{color:#fff}
.kick.on-fuchsia::before{background:var(--lime)}
.h-display{font-family:var(--display);font-weight:900;line-height:.98;letter-spacing:-.015em}
.h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.2vw,52px);line-height:1.06;letter-spacing:-.012em}
.lead{font-size:clamp(16.5px,1.3vw,19px);font-weight:500;line-height:1.62;color:var(--ink-2);max-width:60ch}
.small{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.note{font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--muted)}

/* ---------- cursor ---------- */
.cursor-on, .cursor-on a, .cursor-on button, .cursor-on summary, .cursor-on input, .cursor-on textarea{cursor:none}
.plain-page.cursor-on, .plain-page.cursor-on a, .plain-page.cursor-on button, .plain-page.cursor-on summary, .plain-page.cursor-on input, .plain-page.cursor-on textarea{cursor:auto}
.plain-page .cur, .plain-page .cur-trail{display:none !important}
.cursor-on #aws-chat, .cursor-on #aws-chat *{cursor:auto}
.cursor-on #aws-chat a, .cursor-on #aws-chat button, .cursor-on #aws-chat [role="button"]{cursor:pointer}
.cursor-on #aws-chat input, .cursor-on #aws-chat textarea{cursor:text}
.cur{position:fixed;top:0;left:0;z-index:200;pointer-events:none;will-change:transform;display:none}
.cursor-on .cur{display:block}
.cur-dot{
  position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
  background:var(--fuchsia);display:grid;place-items:center;
  transform:scale(.001);transition:transform .4s var(--ease),background .3s ease;
}
.cur.hot .cur-dot{transform:scale(1)}
.cur.hot.inv .cur-dot{background:var(--lime)}
.cur-dot svg{width:17px;height:17px;color:#fff;opacity:0;transition:opacity .3s ease .06s}
.cur.hot .cur-dot svg{opacity:1}
.cur.hot.inv .cur-dot svg{color:var(--ink)}
.cur-arrow{
  position:absolute;width:26px;height:26px;margin:-4px 0 0 -3px;color:var(--fuchsia);
  transform-origin:15% 12%;transition:opacity .25s ease,color .3s ease;
}
.cur.hot .cur-arrow{opacity:0}
.cur.inv .cur-arrow{color:var(--lime)}
.cur-trail{
  position:fixed;top:0;left:0;z-index:199;pointer-events:none;display:none;
  width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--lime);
}
.cursor-on .cur-trail{display:block}

/* ---------- scroll progress ---------- */
.progress{position:fixed;inset:0 0 auto 0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:0 50%;z-index:90}
@supports (animation-timeline: scroll()){ .progress{animation:grow linear;animation-timeline:scroll(root)} }
@keyframes grow{to{transform:scaleX(1)}}

/* ---------- header ---------- */
header.site{position:sticky;top:14px;z-index:60;padding-inline:var(--pad);pointer-events:none;margin-bottom:-80px}
body{padding-top:14px}
header.site .bar{
  pointer-events:auto;max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);height:66px;padding:0 10px 0 22px;
  background:rgba(255,255,255,.74);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(23,18,16,.07);border-radius:999px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 24px 50px -30px rgba(60,20,40,.35);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
header.site.compact .bar{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 30px 60px -32px rgba(60,20,40,.5)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;color:var(--fuchsia)}
.brand .mark{width:44px;height:28px;flex:none;transition:transform .6s var(--ease)}
.brand:hover .mark{transform:translateY(-2px) scale(1.06)}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-weight:800;font-size:15px;letter-spacing:.26em;text-transform:uppercase}
.brand .wm span{font-weight:500;font-size:8.5px;letter-spacing:.34em;text-transform:uppercase;margin-top:4px;opacity:.9}
.brand.light{color:#fff}
.brand.light .wm span{color:var(--lime)}
nav.main{display:flex;gap:clamp(13px,1.8vw,26px);margin-inline:auto}
nav.main a{position:relative;text-decoration:none;font-size:14px;font-weight:600;color:var(--ink-2);padding:6px 0;transition:color .2s}
nav.main a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime-deep);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
nav.main a:hover{color:var(--ink)}
nav.main a:hover::after{transform:scaleX(1)}
nav.main a.on{color:var(--ink)}
.menu-open .cur{display:none}
nav.main a.on::after{transform:scaleX(1);background:var(--fuchsia)}
.langs{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);white-space:nowrap}
.langs b{color:var(--ink);font-weight:700}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(23,18,16,.08);background:rgba(255,255,255,.7);position:relative;cursor:pointer;flex:none}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:var(--ink);border-radius:2px;transition:transform .5s var(--ease),opacity .3s}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:25px}
.menu-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:55;background:rgba(255,255,255,.94);display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s .5s}
.menu-open .menu{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s var(--ease),visibility 0s;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.menu ul{display:flex;flex-direction:column;gap:6px;text-align:center}
.menu a{display:block;text-decoration:none;font-family:var(--display);font-weight:800;font-size:clamp(34px,8vw,64px);line-height:1.1;color:var(--ink);opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .6s var(--ease),color .3s;transition-delay:calc(var(--i)*.06s)}
.menu a:hover{color:var(--fuchsia)}
.menu-open .menu a{opacity:1;transform:none}
.menu .btn{margin-top:26px;font-family:var(--sans);font-size:15px;opacity:0;transform:translateY(28px);transition-delay:.4s}
.menu-open .menu .btn{opacity:1;transform:none}
@media(max-width:1080px){nav.main{display:none}.langs{margin-inline:auto}.burger{display:block}}
@media(max-width:720px){.langs{display:none}header.site .bar{gap:12px;padding:0 8px 0 16px}header.site .bar .btn{display:none}.brand .wm b{font-size:13px}.brand .wm span{font-size:7.5px}}

.btn{position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:14px;font-weight:700;text-decoration:none;letter-spacing:.01em;padding:15px 27px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:color .25s ease,border-color .25s ease,transform .2s ease-out}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .45s var(--ease)}
.btn:hover::before{transform:translateY(0)}
.btn-primary{background:var(--fuchsia);color:#fff}
.btn-primary::before{background:var(--ink)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.btn-ghost::before{background:var(--ink)}
.btn-ghost:hover{color:var(--paper)}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-lime::before{background:#fff}
.btn-sm{padding:10px 18px;font-size:13px}
.btn .ic{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;margin:-6px -14px -6px 2px;font-size:15px;line-height:1;transition:transform .5s var(--ease),background .3s}
.btn-ghost .ic,.btn-lime .ic{background:rgba(23,18,16,.08)}
.btn:hover .ic{transform:translate(3px,-1px) scale(1.08);background:rgba(255,255,255,.22)}
.btn-ghost:hover .ic{background:rgba(255,255,255,.18)}
.btn:active{transform:scale(.97)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2.5px solid var(--fuchsia);outline-offset:3px}

/* address strip */
.strip{display:none}
.strip .wrap{display:flex;align-items:center;gap:14px;height:40px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.strip .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none;box-shadow:0 0 0 3px rgba(207,232,30,.28)}
.strip .path b{color:var(--fuchsia);font-weight:500}
.strip .path b::after{content:"";display:inline-block;width:1px;height:11px;background:var(--fuchsia);margin-left:2px;vertical-align:-1px;animation:caret 1.1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.strip .status{margin-left:auto;color:var(--ink-2);white-space:nowrap}
@media(max-width:760px){.strip .status{display:none}}

/* channel row */
.channels{background:var(--lime)}
.channels .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding-block:16px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.channels span{display:flex;align-items:center;gap:11px}
.channels span::before{content:"";width:6px;height:6px;background:var(--fuchsia);border-radius:50%;flex:none}
.channels span.new::before{background:var(--ink)}
.channels span.new::after{content:"new";margin-left:8px;font-size:9.5px;background:var(--ink);color:var(--lime);padding:3px 7px;border-radius:999px;letter-spacing:.14em}

/* ---------- hero ---------- */
.hero{padding-top:clamp(112px,9vw,140px);padding-bottom:clamp(52px,6.5vw,92px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,58px);align-items:center}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr}}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
h1.hero-h1{font-family:var(--display);font-weight:900;font-size:clamp(40px,6.6vw,88px);line-height:.99;letter-spacing:-.02em;margin:20px 0 0}
h1.hero-h1 em{font-style:italic;color:var(--fuchsia)}
.ln{display:block;overflow:hidden;padding-bottom:.05em}
.ln > i{display:block;font-style:inherit}
.hero p.lead{margin-top:24px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.undercta{margin-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px}
.undercta b{color:var(--fuchsia);font-weight:500}

/* plates */
.plate{
  position:relative;border-radius:26px;overflow:hidden;background:var(--plate);margin:8px;
  box-shadow:0 0 0 1px rgba(23,18,16,.05),0 0 0 8px var(--tray),0 0 0 9px rgba(23,18,16,.05),0 44px 80px -44px rgba(60,20,40,.38);
}
.plate::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px rgba(255,255,255,.55);pointer-events:none}
.plate.tall{aspect-ratio:4/5}
.plate.wide{aspect-ratio:1/1}
.plate.land{aspect-ratio:4/3}
.plate img,.card .top img,.svc-img img{width:100%;height:100%;object-fit:cover}
.plate img{object-position:50% 22%}
.par img{transform:scale(1.03)}
@supports (animation-timeline: view()){
  .par img{animation:par linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes par{from{transform:scale(1.06) translateY(-2%)}to{transform:scale(1.06) translateY(2%)}}
}

/* ---------- stat band ---------- */
.metrics{border-block:1px solid var(--hair);background:var(--tint)}
.metrics .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.metrics.six .wrap{grid-template-columns:repeat(6,1fr)}
.metric{padding:clamp(28px,3.4vw,44px) 26px clamp(28px,3.4vw,44px) 0;border-right:1px solid var(--hair)}
.metric:last-child{border-right:0;padding-right:0}
.metric b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(29px,3.4vw,44px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.metric span{display:block;margin-top:10px;font-size:13px;font-weight:500;line-height:1.45;color:var(--ink-2);max-width:22ch}
@media(max-width:980px){.metrics .wrap,.metrics.six .wrap{grid-template-columns:repeat(2,1fr)}.metric{padding-right:16px;border-bottom:1px solid var(--hair)}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}}

/* sections */
section{scroll-margin-top:130px}
.sec{padding-block:clamp(64px,9vw,128px)}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,4vw,50px)}
.sec-head .h2{max-width:17ch}

.answer{background:var(--paper);border:1px solid var(--hair);border-left:5px solid var(--lime);border-radius:4px 24px 24px 4px;padding:clamp(30px,3.8vw,48px);box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.answer h3{font-family:var(--display);font-weight:800;font-size:clamp(21px,2.3vw,29px);line-height:1.16}
.answer p{margin-top:14px;font-size:16.5px;line-height:1.66;color:var(--ink-2);max-width:74ch}
.entity{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.entity li{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;background:var(--tint);border:1px solid var(--hair);border-radius:999px;padding:8px 15px;color:var(--ink-2)}
.entity li b{color:var(--fuchsia);font-weight:500}


/* fuchsia slab */
.slab{background:var(--fuchsia);color:#fff;overflow:hidden;position:relative}
.slab .wrap{position:relative;z-index:2;padding-block:clamp(50px,7vw,96px)}
.slab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:clamp(28px,4vw,58px);align-items:center}
@media(max-width:940px){.slab-grid{grid-template-columns:1fr}}
.slab h2{font-family:var(--display);font-weight:900;font-size:clamp(32px,5vw,64px);line-height:1.02;letter-spacing:-.02em;margin-top:20px}
.slab h2 em{font-style:italic;color:var(--lime)}
.slab p{margin-top:20px;font-size:16.5px;font-weight:500;line-height:1.65;color:#FFE3F0;max-width:54ch}
.badge{display:inline-flex;align-items:center;gap:9px;background:var(--lime);color:var(--ink);border-radius:999px;padding:7px 16px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tri{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3);border-radius:22px;overflow:hidden;margin-top:34px}
.tri div{background:var(--fuchsia);padding:22px 28px;display:grid;grid-template-columns:150px 1fr;gap:6px 24px;align-items:baseline}
.tri b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.tri p{margin-top:0;font-size:15px;line-height:1.6;color:#FFE3F0;max-width:60ch}
@media(max-width:640px){.tri div{grid-template-columns:1fr}}
.honest{margin-top:26px;border-left:3px solid var(--lime);padding:6px 0 6px 20px;font-family:var(--sans);font-style:normal;font-weight:600;font-size:16.5px;line-height:1.6;color:#fff;max-width:60ch}
.case-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3);border-radius:22px;overflow:hidden;margin-top:30px}
.case-nums div{background:var(--fuchsia);padding:28px}
.case-nums b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(27px,3.4vw,42px);line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.case-nums span{display:block;margin-top:8px;font-size:12.5px;color:#FFD9EB;line-height:1.4}

/* case block on ivory */
.case-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(28px,4vw,58px);align-items:center}
@media(max-width:900px){.case-grid{grid-template-columns:1fr}}
.numrow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:20px;overflow:hidden;margin-top:28px}
.numrow div{background:var(--paper);padding:22px 22px}
.numrow{box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.numrow b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(24px,2.8vw,34px);line-height:1;color:var(--fuchsia)}
.numrow span{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);line-height:1.4}
@media(max-width:620px){.numrow{grid-template-columns:repeat(2,1fr)}}

/* cases grid */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
@media(max-width:960px){.cases{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cases{grid-template-columns:1fr}}
.case{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--hair);border-radius:28px;overflow:hidden;text-decoration:none;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
.case:hover{transform:translateY(-8px);box-shadow:0 40px 70px -36px rgba(60,20,40,.38);border-color:rgba(217,20,107,.5)}
.case .top{aspect-ratio:3/2;overflow:hidden;background:var(--plate)}
.case .top img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.case:hover .top img{transform:scale(1.05)}
.case .body{padding:30px 32px 32px;display:flex;flex-direction:column;gap:10px;flex:1}
.case .meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case h3{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.12}
.case p{font-size:14.5px;line-height:1.55;color:var(--ink-2);flex:1}
.case .res{font-family:var(--mono);font-size:11.5px;line-height:1.5;color:var(--fuchsia)}
.wlist li{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:18px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.wlist b{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.2}
.wlist span{display:block;margin-top:5px;font-size:14px;color:var(--ink-2);line-height:1.5}
.wlist em{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.wlist em.live{color:var(--lime-deep)}

/* work-runs / checklists */
.four{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:28px;overflow:hidden;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
@media(max-width:700px){.four{grid-template-columns:1fr}}
.four div{background:var(--paper);padding:32px 32px 34px 36px;position:relative;transition:background .3s}
.four div::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:4px;background:var(--fuchsia);border-radius:0 4px 4px 0}
.four div:hover{background:var(--tint)}
.four b{display:block;font-family:var(--display);font-weight:800;font-size:20px;line-height:1.16}
.four p{margin-top:9px;font-size:14.5px;line-height:1.58;color:var(--ink-2)}

/* is this for you */
.foryou{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,4vw,56px)}
@media(max-width:760px){.foryou{grid-template-columns:1fr}}
.foryou li{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--hair);font-size:16.5px;line-height:1.45;align-items:center}
.foryou li::before{content:attr(data-n);font-family:var(--display);font-weight:900;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--fuchsia)}
.foryou li:nth-child(3n) span{background:linear-gradient(transparent 55%,rgba(207,232,30,.85) 55%)}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px);align-items:start}
@media(max-width:960px){.plans{grid-template-columns:1fr}}
.plan{background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:34px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset;transition:transform .6s var(--ease),border-color .4s,box-shadow .6s var(--ease)}
.plan:hover{transform:translateY(-8px);border-color:rgba(217,20,107,.5);box-shadow:0 40px 70px -36px rgba(60,20,40,.38)}
.plan.feature{border:2px solid var(--fuchsia);box-shadow:0 0 0 8px #FBEAF2,0 40px 70px -40px rgba(217,20,107,.45)}
.plan.feature .p{color:var(--fuchsia)}
.plan .p{font-family:var(--display);font-weight:900;font-size:42px;line-height:1;letter-spacing:-.02em}
.plan .p small{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0}
.plan ul{display:flex;flex-direction:column;flex:1}
.plan li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:14.5px;line-height:1.5;color:var(--ink-2);align-items:flex-start}
.plan li:last-child{border-bottom:0}
.plan li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;background:var(--lime);border-radius:50%}
.plan li.new{color:var(--ink);font-weight:700}
.plan.feature li.new{color:var(--fuchsia)}

.table{border:1px solid var(--hair);border-radius:24px;overflow:hidden;background:var(--paper);box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.table .row{display:grid;grid-template-columns:150px 1fr 130px;gap:16px;padding:18px 28px;border-bottom:1px solid var(--hair);align-items:center}
.table .row:last-child{border-bottom:0}
.table .row.head{background:var(--tint);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.table .cat{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.table .row.hot .cat{color:var(--fuchsia)}
.table .row.hot{background:#FBF1F5}
.table .svcn{font-weight:600;font-size:15.5px}
.table .pr{text-align:right;font-family:var(--mono);font-size:13px;font-weight:700}
@media(max-width:640px){.table .row{grid-template-columns:1fr auto;gap:6px 14px}.table .cat{grid-column:1/-1}.table .row.head{display:none}}

/* quotes */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
.quotes-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.quotes,.quotes-2{grid-template-columns:1fr}}
.quote{background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:34px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.quote .mark{font-family:var(--display);font-weight:900;font-size:64px;line-height:.5;height:28px;color:var(--lime-deep)}
.quote p{font-family:var(--display);font-weight:400;font-size:17.5px;line-height:1.55;color:var(--ink);flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.quote.open p{-webkit-line-clamp:unset;display:block}
.more{display:inline-flex;align-items:center;gap:8px}
.more::after{content:"↓";transition:transform .3s var(--ease)}
.quote.open .more::after{transform:rotate(180deg)}
.more{align-self:flex-start;background:none;border:0;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fuchsia);cursor:pointer}
.more:hover{color:var(--ink)}
.quote .who{border-top:1px solid var(--hair);padding-top:14px}
.quote .who b{display:block;font-size:14.5px;font-weight:700}
.quote .who span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:5px}

/* faq */
.faq{border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;padding:24px 44px 24px 0;position:relative;font-family:var(--display);font-weight:700;font-size:clamp(19px,1.9vw,25px);line-height:1.26;transition:color .25s}
.faq summary:hover{color:var(--fuchsia)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--fuchsia);-webkit-mask:var(--plus) center/contain no-repeat;mask:var(--plus) center/contain no-repeat;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq .ans{padding:0 0 26px;color:var(--ink-2);max-width:74ch;font-size:16.5px;line-height:1.66}
.faq details[open] .ans{animation:ansIn .45s var(--ease) both}
@keyframes ansIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* cta + form */
.cta-band{background:var(--fuchsia);color:#fff}
.cta-band .kick{color:#fff}.cta-band .kick::before{background:var(--lime)}
.cta-band .h-display,.cta-band .h2{color:#fff}.cta-band .h-display em,.cta-band .h2 em{color:var(--lime) !important}
.cta-band .lead{color:#FFE3F0}
.cta-band .btn-primary{background:var(--lime);color:var(--ink)}.cta-band .btn-primary::before{background:#fff}
.cta-band .btn-ghost{border-color:#fff;color:#fff}.cta-band .btn-ghost::before{background:#fff}.cta-band .btn-ghost:hover{color:var(--fuchsia)}
.cta-band .contacts{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.3)}.cta-band .contacts a,.cta-band .contacts div{background:var(--fuchsia);color:#fff}.cta-band .contacts b{color:#FFD1E4}.cta-band .contacts a:hover{background:var(--lime);color:var(--ink)}.cta-band .contacts a:hover b{color:var(--ink)}
.cta-band .plate{box-shadow:0 0 0 1px rgba(23,18,16,.05),0 0 0 8px rgba(255,255,255,.35),0 44px 80px -44px rgba(60,20,40,.5)}
.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(28px,4vw,60px);align-items:start;padding-block:clamp(50px,7vw,92px)}
.cta-grid .plate{max-width:420px;justify-self:end;width:100%}
@media(max-width:860px){.cta-grid{grid-template-columns:1fr}.cta-grid .plate{max-width:320px;justify-self:start}}
@media(max-width:860px){.cta-grid{grid-template-columns:1fr}}
form.lead-form{background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:34px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset;display:flex;flex-direction:column;gap:14px}
form.lead-form label{display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
form.lead-form input,form.lead-form textarea{
  font-family:var(--sans);font-size:15.5px;font-weight:500;color:var(--ink);
  background:var(--tint);border:1px solid var(--hair);border-radius:14px;padding:13px 15px;
  transition:border-color .25s;
}
form.lead-form input:focus,form.lead-form textarea:focus{border-color:var(--fuchsia)}
form.lead-form textarea{resize:vertical;min-height:88px}
.form-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);line-height:1.6}
.form-ok{display:none;background:var(--lime);border-radius:14px;padding:15px 17px;font-size:14.5px;font-weight:600;line-height:1.5}
form.lead-form.sent .form-ok{display:block}
.form-err,.form-fail{display:none;background:#FBEAF2;border-left:4px solid var(--fuchsia);border-radius:12px;padding:13px 16px;font-size:14.5px;font-weight:600;line-height:1.5}
form.lead-form.error .form-err{display:block}form.lead-form.failed .form-fail{display:block}
form.lead-form.sending .btn{opacity:.6;pointer-events:none}
.contacts{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:24px;overflow:hidden;margin-top:24px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.contacts a,.contacts div{background:var(--paper);padding:18px 24px;text-decoration:none;display:flex;justify-content:space-between;gap:14px;align-items:center;transition:background .25s}
.contacts a:hover{background:var(--lime)}
.contacts b{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.contacts span{font-size:14.5px;font-weight:600;text-align:right}

/* footer */
footer.site{background:var(--tint);color:var(--ink);border-top:1px solid var(--hair);padding:clamp(44px,6vw,72px) 0 34px}
.f-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:clamp(22px,3vw,44px)}
@media(max-width:860px){.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.f-grid{grid-template-columns:1fr}}
footer.site h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fuchsia);margin-bottom:16px;font-weight:500}
footer.site li{margin-bottom:9px}
footer.site a{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--ink);opacity:.85;transition:opacity .2s,color .2s}
footer.site a:hover{opacity:1;color:var(--fuchsia)}
footer.site .url{font-family:var(--mono);font-size:11px;color:var(--muted);display:block;margin-top:2px}
.f-brand p{font-size:14.5px;color:var(--ink-2);line-height:1.65;margin-top:14px;max-width:34ch}
.f-status{margin-top:20px;display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.f-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:pulse 2.6s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.f-bot{margin-top:44px;padding-top:22px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.05em;line-height:1.8}

/* inner pages */
.crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.crumbs a{text-decoration:none;color:var(--fuchsia)}
.page-head{padding-top:clamp(108px,8.5vw,128px);padding-bottom:clamp(28px,4vw,46px)}
.page-head h1{font-family:var(--display);font-weight:900;font-size:clamp(33px,5.2vw,66px);line-height:1.02;letter-spacing:-.02em;margin-top:20px;max-width:17ch}
.head-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(26px,4vw,54px);align-items:center}
@media(max-width:900px){.head-grid{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,58px)}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.prose p{margin-top:18px;font-size:17px;line-height:1.7;color:var(--ink-2);max-width:62ch}
.prose p:first-child{margin-top:0}
.checklist li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--hair);font-size:15.5px;align-items:flex-start;line-height:1.55}
.checklist li::before{content:"";flex:none;width:9px;height:9px;margin-top:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 3px rgba(207,232,30,.3)}
.deny li{padding:20px 0;border-bottom:1px solid var(--hair)}
.deny b{display:block;font-family:var(--display);font-weight:800;font-size:20px;line-height:1.2}
.deny span{display:block;margin-top:7px;font-size:15px;color:var(--ink-2);line-height:1.58}
.degrees li{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.degrees b{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--fuchsia)}
.degrees span{font-size:15.5px;line-height:1.55;color:var(--ink-2)}
@media(max-width:620px){.degrees li{grid-template-columns:1fr;gap:8px}}
.factsheet{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:24px;overflow:hidden;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.factsheet div{background:var(--paper);padding:18px 24px;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.factsheet b{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);flex:none}
.factsheet span{text-align:right;font-size:15px;font-weight:500}
.timeline{position:relative;padding-left:34px}
.timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:4px;background:var(--lime);border-radius:4px}
.timeline li{position:relative;display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px 0;font-size:15.5px;align-items:baseline}
.timeline li::before{content:"";position:absolute;left:-30px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--fuchsia);box-shadow:0 0 0 4px #fff}
.timeline li b{font-family:var(--display);font-weight:900;font-size:18px;color:var(--fuchsia)}
.steps{counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;column-gap:18px;row-gap:0;padding:22px 0;border-bottom:1px solid var(--hair);align-items:start}
.steps li > *{grid-column:2}
.steps li::before{content:counter(s,decimal-leading-zero);grid-column:1;grid-row:1 / span 3;font-family:var(--display);font-weight:900;font-size:30px;line-height:1;color:var(--fuchsia);letter-spacing:-.02em;padding-top:2px}
.steps b{display:block;font-family:var(--display);font-weight:800;font-size:21px;line-height:1.14}
.steps span{display:block;margin-top:6px;color:var(--ink-2);font-size:15px;line-height:1.58}
.steps em{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-top:8px}
.slot{position:absolute;inset:0;display:grid;place-items:center;text-align:center;border:1.5px dashed rgba(217,20,107,.45);border-radius:inherit;color:var(--fuchsia);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:22px}
.slot small{display:block;color:var(--muted);letter-spacing:.05em;font-size:10px;margin-top:8px;max-width:26ch;line-height:1.6}

/* hero variants */
.hero-visual{position:relative}
.ba{position:absolute;top:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 13px;max-width:44%;line-height:1.35;border-radius:999px;background:rgba(255,255,255,.82);color:var(--ink-2);z-index:2;transition:opacity .3s}
.ba-l{left:18px}.ba-r{right:18px;color:var(--fuchsia);text-align:right;background:rgba(255,255,255,.9)}
.plate[data-variant="portrait"] .ba{opacity:0}
.vtoggle{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.vtoggle button{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 15px;border-radius:999px;border:1px solid var(--hair);background:var(--paper);color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.vtoggle button:hover{border-color:var(--fuchsia);color:var(--ink)}
.vtoggle button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* pricing ladder */
.ladder{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.tier{position:relative;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr);grid-template-rows:auto auto;gap:14px clamp(24px,3vw,48px);padding:clamp(28px,3.4vw,44px);background:var(--paper);border:1px solid var(--hair);border-radius:28px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset;transition:border-color .4s,box-shadow .6s var(--ease)}
.tier:hover{border-color:rgba(217,20,107,.45);box-shadow:0 36px 70px -40px rgba(60,20,40,.35)}
.tier.feature{background:#FDF3F7;border:2px solid var(--fuchsia);box-shadow:0 0 0 8px #FBEAF2,0 40px 70px -40px rgba(217,20,107,.4)}
.tier .badge{position:absolute;top:-14px;left:clamp(28px,3.4vw,44px)}
.t-head{display:flex;flex-direction:column;gap:8px;align-items:flex-start;grid-column:1;grid-row:1}
.tier:not(.feature){background:linear-gradient(90deg,var(--tint) 0,var(--tint) 34%,var(--paper) 34%)}
.t-no{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--fuchsia)}
.t-head h3{font-family:var(--display);font-weight:800;font-size:28px;line-height:1.05}
.t-price{font-family:var(--display);font-weight:900;font-size:clamp(34px,3.2vw,44px);line-height:1;letter-spacing:-.02em;margin-top:6px}
.tier.feature .t-price{color:var(--fuchsia)}
.t-price small{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:6px}
.t-time{font-size:13px;line-height:1.5;color:var(--ink-2);margin-top:4px}
.t-time b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-weight:500}
.t-head .btn{margin-top:14px}
.t-for{display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:2;padding-top:14px;border-top:1px solid var(--hair)}
.t-lead{font-family:var(--display);font-weight:700;font-style:italic;font-size:17.5px;line-height:1.35;color:var(--ink)}
.t-sum{font-size:14px;line-height:1.55;color:var(--ink-2)}
.t-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;line-height:1.6;color:var(--muted)}
.t-list{display:flex;flex-direction:column}
.tier > .t-list{grid-column:2;grid-row:1 / span 2;display:block;column-count:2;column-gap:clamp(20px,2.6vw,36px)}
.tier > .t-list li{break-inside:avoid}
.tier > .t-list li:first-child{padding-top:0}
.t-list li{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:14px;line-height:1.5;color:var(--ink-2);align-items:flex-start}
.t-list li:last-child{border-bottom:0}
.t-list li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;background:var(--lime);border-radius:50%}
.t-groups{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:4px clamp(18px,2.4vw,32px);align-content:start}
.t-groups > div > b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fuchsia);margin:0 0 2px}
.t-groups > div{padding-bottom:8px}
@media(max-width:1100px){.t-groups{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.tier:not(.feature){background:var(--paper)}.tier{grid-template-columns:1fr}.tier > .t-list,.t-groups{grid-column:1;grid-row:auto;column-count:1}.t-groups{grid-template-columns:1fr}.t-for{grid-row:auto}}

.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:24px;overflow:hidden;margin-top:18px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
@media(max-width:900px){.addons{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.addons{grid-template-columns:1fr}}
.addons > div{background:var(--paper);padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:start;transition:background .3s}
.addons > div:hover{background:var(--tint)}
.a-name{font-weight:700;font-size:15px;line-height:1.35}
.a-desc{grid-column:1;font-size:13px;color:var(--muted);line-height:1.45}
.a-price{grid-column:2;grid-row:1 / span 2;font-family:var(--display);font-weight:800;font-size:20px;color:var(--fuchsia);white-space:nowrap}

.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px);align-items:stretch}
@media(max-width:960px){.trio{grid-template-columns:1fr}}
.trio-card{display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--paper);border:1px solid var(--hair);border-radius:24px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.trio-card p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.trio-card .checklist li{padding:9px 0;font-size:14.5px}
.trio-card.lime{border:1.5px solid var(--lime)}
.trio-card .g-lead{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.4;color:var(--ink)}

/* ---------- magazine devices ---------- */
:root{--script:"Caveat","Marker Felt","Segoe Print",cursive}
.mast{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}
.mast b{font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.mast i{display:block;width:100%;height:1px;background:var(--ink);opacity:.5}
.mast span{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:lowercase;color:var(--ink-2)}
.mast span em{font-style:normal;color:var(--fuchsia);margin:0 6px}
.corner{position:absolute;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);line-height:1.9;text-align:right}
.corner.tr{top:0;right:0}.corner.bl{bottom:0;left:0;text-align:left}
.corner.on-pink{color:#FFD1E4}
.hl{position:relative;display:inline;padding:0 .08em;color:var(--ink);background:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23CFE81E' d='M4 24c30-9 70-11 110-9 30 1 55-2 82 0 3 0 4 4 1 6-22 6-52 3-80 6-36 3-71 12-108 9-6 0-9-9-5-12z'/%3E%3Cpath fill='%23CFE81E' opacity='.9' d='M10 38c40-6 90-4 140-9 20-2 38-4 45 2 2 3-1 6-5 7-30 4-60 4-90 6-32 2-60 6-88 2-6-1-7-7-2-8z'/%3E%3C/svg%3E");
  background-size:100% .74em;background-position:0 62%;background-repeat:no-repeat}
.slab .hl{color:var(--ink)}
.scr{position:relative;display:inline-block}
.scr::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.14em;height:.32em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23CFE81E' stroke-width='6' stroke-linecap='round' d='M4 14c40-8 80-6 120-3s80 4 120-6c20-5 40-3 52 2'/%3E%3Cpath fill='none' stroke='%23CFE81E' stroke-width='5' stroke-linecap='round' opacity='.85' d='M18 20c50-5 100-8 150-4 40 3 70 1 110-6'/%3E%3C/svg%3E") no-repeat center/100% 100%;pointer-events:none}
.scr.pink::after{filter:hue-rotate(-100deg) saturate(3)}
.script{font-family:var(--script);font-weight:700;color:var(--fuchsia);font-size:clamp(24px,2.6vw,34px);line-height:1;letter-spacing:0;text-transform:none;transform:rotate(-4deg);display:inline-block}
.script.lime{color:var(--lime-deep)}
.note-pin{position:absolute;z-index:3;background:var(--paper);border-radius:14px;padding:10px 16px;box-shadow:0 14px 30px -18px rgba(60,20,40,.4);transform:rotate(-5deg)}
.note-pin .script{transform:none;font-size:clamp(22px,2.2vw,30px)}
.hero{position:relative}
.hero-grid > div:first-child{position:relative}
.hero .corner.tr{top:0;right:0}
/* uppercase editorial headlines */
h1.hero-h1{text-transform:uppercase;line-height:.92;letter-spacing:-.01em}
h1.hero-h1 em{font-style:normal}
.h2{text-transform:uppercase;line-height:.98;letter-spacing:-.005em;font-size:clamp(28px,3.9vw,50px)}
p.h2{text-transform:none;letter-spacing:-.012em;line-height:1.24}
.h2 em{font-style:normal;color:var(--fuchsia)}
.slab h2{text-transform:uppercase;line-height:.96}
.slab h2 em{font-style:normal;color:var(--lime)}
.h-display{text-transform:uppercase;line-height:.94}
.page-head h1{text-transform:uppercase;line-height:.95}
.exc{font-family:var(--display);font-weight:900;color:var(--lime);font-size:1.1em;letter-spacing:-.02em}

/* photo overlays */
.tagged .chip{position:absolute;z-index:3;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 10px 24px -14px rgba(60,20,40,.45)}
.tagged .chip.pink{background:var(--fuchsia);color:#fff}
.tagged .chip.lime{background:var(--lime);color:var(--ink)}
.tagged .growth{position:absolute;left:6%;bottom:12%;width:34%;height:auto;z-index:2;opacity:.95;filter:drop-shadow(0 6px 10px rgba(60,20,40,.2))}

/* ---------- playful bits ---------- */
.finger{position:absolute;z-index:4;width:12%;aspect-ratio:1;left:66%;top:52%;pointer-events:none;transition:transform .1s linear}
.finger svg{width:100%;height:100%;color:var(--lime);filter:drop-shadow(0 8px 12px rgba(60,20,40,.28))}
.cur-say{position:absolute;left:30px;top:-6px;white-space:nowrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:6px 10px;border-radius:999px;opacity:0;transform:translateY(6px) scale(.7);transform-origin:0 100%;transition:opacity .25s var(--ease),transform .3s var(--ease)}
.cur.say .cur-say{opacity:1;transform:none}
.js .hl{background-size:0% .74em}
.js .hero .hl{animation:hlDraw .55s cubic-bezier(.2,.8,.2,1) 1.15s forwards}
.js .reveal.seen .hl{animation:hlDraw .55s cubic-bezier(.2,.8,.2,1) .35s forwards}
@keyframes hlDraw{to{background-size:100% .74em}}
.cmp{--x:50%;touch-action:none}
.cmp img.cmp-after{width:100%;height:100%;object-fit:cover}
.cmp-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0);z-index:1}
.cmp-before img{width:100%;height:100%;object-fit:cover}
.cmp-line{position:absolute;top:0;bottom:0;left:var(--x);width:4px;background:var(--lime);transform:translateX(-50%);z-index:3;box-shadow:0 0 0 1px rgba(23,18,16,.08)}
.cmp-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-family:var(--sans);font-weight:800;font-size:18px;color:var(--ink);box-shadow:0 12px 24px -12px rgba(60,20,40,.5)}
.cmp-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:4;-webkit-appearance:none;appearance:none}
.cmp .ba{transition:opacity .3s}
.cmp .ba-l{opacity:calc(var(--xn,.5) * 1.6)}
.cmp .ba-r{opacity:calc((1 - var(--xn,.5)) * 1.6)}
.say-tip{position:absolute;left:0;top:-34px;font-family:var(--script);font-weight:700;font-size:26px;color:var(--fuchsia);white-space:nowrap;opacity:0;transform:translateY(6px) rotate(-4deg);transition:opacity .25s var(--ease),transform .3s var(--ease);pointer-events:none}
.say-tip.on{opacity:1;transform:rotate(-4deg)}
.hero-cta{position:relative}
.hero-cta .btn-primary{transition:transform .35s var(--ease),color .25s ease,border-color .25s ease}

/* tablet: cap portrait plates */
@media(max-width:940px){
  .hero-visual{max-width:400px;margin:28px auto 0}
  .plate.tall{max-width:420px;margin-inline:auto}
  .hero .corner.tr{display:none}
}
@media(max-width:560px){.plate.tall{max-width:100%}}

/* v12 accents */
.band-tint{background:var(--tint);border-block:1px solid var(--hair)}
.band-tint + .band-tint{border-top:0}
.case-badge{position:absolute;z-index:2;left:18px;top:18px;background:var(--fuchsia);color:#fff;font-family:var(--display);font-weight:900;font-size:18px;padding:8px 14px;border-radius:999px;box-shadow:0 12px 24px -14px rgba(60,20,40,.5)}
.case .top{position:relative}
.numrow.pink div{background:var(--fuchsia)}
.numrow.pink b{color:var(--lime)}
.numrow.pink span{color:#FFD9EB}
.numrow.pink{background:rgba(255,255,255,.25);border-color:transparent}
.quote.lime{background:var(--lime);border-color:var(--lime)}
.quote.lime .mark{color:var(--fuchsia)}
.quote.lime .who{border-top-color:rgba(23,18,16,.15)}
.quote.lime .more{color:var(--ink)}
.faq-mark{font-size:22px;margin-left:12px;vertical-align:middle;transform:rotate(-6deg)}
.faq-mark.lime{color:var(--lime-deep)}
.form-h{font-family:var(--display);font-weight:800;font-size:24px;line-height:1.1;text-transform:uppercase}
.form-h em{font-style:normal;color:var(--fuchsia)}
.kick b{color:var(--fuchsia)}

/* v13 inner pages */
.deg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px)}
@media(max-width:860px){.deg-cards{grid-template-columns:1fr}}
.deg-cards > div{background:var(--paper);border:1px solid var(--hair);border-radius:26px;padding:28px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22)}
.deg-cards > div:nth-child(2){background:var(--tint)}
.deg-cards b{display:block;font-family:var(--display);font-weight:900;font-size:40px;line-height:1;color:var(--fuchsia)}
.deg-cards i{display:block;margin-top:10px;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.deg-cards p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.deny-slab .deny{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,56px)}
@media(max-width:820px){.deny-slab .deny{grid-template-columns:1fr}}
.deny-slab .deny li{border-bottom-color:rgba(255,255,255,.3)}
.deny-slab .deny b{color:#fff;text-transform:uppercase;font-size:19px;letter-spacing:-.005em}
.deny-slab .deny span{color:#FFE3F0}
.tg-card{position:absolute;z-index:3;left:6%;right:6%;bottom:7%;background:rgba(255,255,255,.96);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 40px -20px rgba(60,20,40,.5)}
.tg-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tg-t{font-size:13.5px;line-height:1.45;color:var(--ink)}
.tg-b{display:flex;gap:8px;margin-top:4px}
.tg-b em,.tg-b i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px}
.tg-b em{background:var(--lime);color:var(--ink)}.tg-b i{background:var(--tint);color:var(--ink-2)}
.pricestrip{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-2);align-items:center}
.pricestrip b{color:var(--fuchsia);font-family:var(--display);font-size:16px;letter-spacing:0;margin-right:5px}
.pricestrip a{color:var(--fuchsia);text-decoration:none;font-weight:700}
.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);margin:22px 0 8px}
@media(max-width:700px){.covers{grid-template-columns:1fr 1fr}}
.covers .plate{margin:0;box-shadow:0 24px 56px -34px rgba(60,20,40,.3)}

/* language switcher */
.langs button,.menu-langs button,.langs a[data-lang],.menu-langs a[data-lang]{text-decoration:none;background:none;border:0;padding:2px 4px;font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);cursor:pointer;transition:color .2s}
.langs button.on,.menu-langs button.on,.langs a[data-lang].on,.menu-langs a[data-lang].on{color:var(--ink);font-weight:700}
.langs button:hover,.menu-langs button:hover,.langs a[data-lang]:hover,.menu-langs a[data-lang]:hover{color:var(--fuchsia)}
.menu-langs{display:flex;gap:18px;justify-content:center;margin-top:10px}
.menu-langs button{font-size:14px}

/* automation */
.fn{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);text-transform:none;margin-top:3px}
.turn .turn-photo .chip{max-width:78%;white-space:normal;line-height:1.4}
.turn-text p:first-child::first-letter{font-family:var(--display);font-weight:900;font-size:3.1em;line-height:.8;float:left;margin:.08em .12em 0 0;color:var(--fuchsia)}
.turn-range{margin-top:28px}
@media(max-width:860px){.turn .turn-photo{max-width:320px}}
/* mobile overflow guards */
.hero-grid > *,.slab-grid > *,.cta-grid > *,.two > *,.case-grid > *,.head-grid > *,.turn > *{min-width:0}
@media(max-width:620px){.case-nums{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:480px){.btn{white-space:normal;text-align:center;line-height:1.3}.btn .ic{flex:none}}
.page-head .slogan{margin-top:18px;font-family:var(--display);font-weight:700;font-style:italic;font-size:clamp(20px,2.2vw,28px);line-height:1.25;color:var(--ink);max-width:30ch}
/* legal page */
.legal h2{margin-top:36px}.legal h2:first-child{margin-top:0}
.legal p{margin-top:14px}
.legal-list{margin-top:14px;display:flex;flex-direction:column}
.legal-list li{padding:14px 0;border-bottom:1px solid var(--hair);font-size:16px;line-height:1.62;color:var(--ink-2)}
.legal-list li b{color:var(--ink);font-weight:700}
.legal-table{margin-top:18px}.legal-table .row{grid-template-columns:160px 1fr 120px;font-size:14.5px}
.legal-table .row span:first-child{font-family:var(--mono);font-size:12.5px}
@media(max-width:640px){.legal-table .row{grid-template-columns:1fr;gap:4px}}
/* cookie banner */
.ck{position:fixed;left:16px;right:16px;bottom:92px;z-index:150;display:flex;justify-content:center;pointer-events:none}
.ck[hidden]{display:none !important}
[hidden]{display:none}
.ck-box{pointer-events:auto;max-width:720px;width:100%;background:var(--paper);border:1px solid var(--hair);border-left:5px solid var(--lime);border-radius:20px;padding:18px 22px;box-shadow:0 30px 70px -30px rgba(60,20,40,.45);display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between}
.ck-box p{font-size:14px;line-height:1.55;color:var(--ink-2);flex:1 1 360px;margin:0}
.ck-box p a{color:var(--fuchsia);font-weight:600}
.ck-btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:480px){.ck{left:10px;right:10px;bottom:76px}.ck-box{padding:16px}.ck-btns .btn{flex:1}}
/* nav dropdown */
.nav-drop{position:relative;display:flex;align-items:center}
.nav-drop > a::before{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.nav-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,6px);min-width:230px;background:var(--paper);border:1px solid var(--hair);border-radius:18px;padding:8px;box-shadow:0 24px 50px -26px rgba(60,20,40,.4);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s;z-index:5}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu,.nav-drop.open .nav-menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.nav-menu a{padding:9px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.nav-menu a::after{display:none}
.nav-menu a:hover{background:var(--tint);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.nav-menu{transition:none}}
/* websites page */
.w-price{margin-top:20px;font-family:var(--display);font-weight:900;font-size:clamp(22px,2.4vw,30px);line-height:1;letter-spacing:-.02em;color:var(--fuchsia)}
.w-shot{position:relative}
.w-shot-mob{position:absolute;right:-8px;bottom:-26px;width:34%;margin:0;box-shadow:0 0 0 1px rgba(23,18,16,.05),0 0 0 6px var(--tray),0 30px 60px -34px rgba(60,20,40,.45)}
@media(max-width:900px){.w-shot{margin-top:26px}.w-shot-mob{width:30%;bottom:-16px}}
.w-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:clamp(26px,3.4vw,40px);padding-top:18px;border-top:1px solid var(--hair)}
.w-subnav a:not(.btn){font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}
.w-subnav a:not(.btn):hover{color:var(--fuchsia)}
.w-subnav .btn{margin-left:auto}
@media(max-width:720px){.w-subnav{display:none}}
.w-three{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3.4vw,48px)}
@media(max-width:820px){.w-three{grid-template-columns:1fr;gap:0}}
.w-three > div{padding:22px 0;border-top:1px solid var(--hair)}
.w-three h3{font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.16}
.w-three p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.w-cases{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,30px)}
@media(max-width:900px){.w-cases{grid-template-columns:1fr}}
.w-case{display:flex;flex-direction:column}
.w-case .plate{margin:0}
.w-case-body{padding-top:18px}
.w-case h3{font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,24px);line-height:1.16}
.w-case p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.w-tags{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);line-height:1.7}
.w-case .card-link{display:inline-block;margin-top:12px}
.w-sub{font-family:var(--display);font-weight:800;font-size:clamp(18px,1.9vw,22px);line-height:1.2}
.two > div > .w-sub + p{margin-top:10px;font-size:15px;line-height:1.62;color:var(--ink-2)}
.w-honest{margin-top:clamp(20px,2.6vw,30px);max-width:74ch;font-size:15px;line-height:1.6;color:var(--ink-2);border-left:3px solid var(--lime);padding-left:16px}
.w-helper{margin-top:16px;font-size:14.5px;color:var(--ink-2)}
.w-helper a{color:var(--fuchsia);text-decoration:underline}
.plan-price-sm{font-family:var(--sans);font-weight:700;font-size:clamp(15px,1.6vw,17px);line-height:1.35;letter-spacing:0}
.site-form label i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--muted)}
/* pricing cards */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px);align-items:start}
@media(max-width:960px){.plan-grid{grid-template-columns:1fr}}
.plan-card{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--hair);border-radius:26px;padding:clamp(24px,2.8vw,34px);box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset;transition:border-color .4s,box-shadow .6s var(--ease)}
.plan-card:hover{border-color:rgba(217,20,107,.45);box-shadow:0 36px 70px -40px rgba(60,20,40,.35)}
.plan-card.feature{background:#FDF3F7;border:2px solid var(--fuchsia);box-shadow:0 0 0 8px #FBEAF2,0 40px 70px -40px rgba(217,20,107,.4)}
.plan-kind{font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.16}
.plan-when{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.plan-quick{display:flex;flex-direction:column;margin-top:4px}
.plan-quick li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--hair);font-size:14px;line-height:1.5;color:var(--ink-2);align-items:flex-start}
.plan-quick li:last-child{border-bottom:0}
.plan-quick li::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;background:var(--lime);border-radius:50%}
.plan-caveat{font-size:13px;line-height:1.5;color:var(--muted);border-left:3px solid var(--lime);padding-left:12px}
.plan-price{font-family:var(--display);font-weight:900;font-size:clamp(30px,3.2vw,42px);line-height:1;letter-spacing:-.02em;margin-top:6px}
.plan-card.feature .plan-price{color:var(--fuchsia)}
.plan-time{font-size:13px;line-height:1.5;color:var(--ink-2)}
.plan-time b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-weight:500}
.plan-more{margin-top:6px;border-top:1px solid var(--hair);padding-top:12px}
.plan-more summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fuchsia);display:flex;align-items:center;gap:8px}
.plan-more summary::-webkit-details-marker{display:none}
.plan-more summary::after{content:"+";font-family:var(--sans);font-size:15px;font-weight:700;margin-left:auto;transition:transform .3s var(--ease)}
.plan-more[open] summary::after{transform:rotate(45deg)}
.plan-more summary:hover{color:var(--ink)}
.plan-full{padding-top:14px}
.plan-full .t-for{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.plan-full .t-groups{display:flex;flex-direction:column;gap:10px}
.plan-full .t-groups > div > b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fuchsia);margin:0 0 2px}
.plan-card .btn{margin-top:auto;align-self:flex-start}
.plan-notes{margin-top:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:10px;max-width:74ch}
.plan-notes p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.plan-notes b{color:var(--ink);font-weight:700}
.plan-notes a{color:var(--fuchsia);text-decoration:underline}
/* services overview */
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,20px)}
@media(max-width:760px){.svc-grid{grid-template-columns:1fr}}
.svc-card{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--hair);border-radius:24px;padding:clamp(24px,2.8vw,34px);box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 40px 70px -36px rgba(60,20,40,.38);border-color:rgba(217,20,107,.5)}
.svc-card:nth-child(even){background:var(--tint)}
.svc-card h3{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.1vw,25px);line-height:1.14}
.svc-card p{font-size:14.5px;line-height:1.6;color:var(--ink-2);flex:1}
/* AI service matcher */
.rec-head{max-width:60ch}
.rec-form{margin-top:clamp(20px,2.8vw,30px);max-width:820px}
.rec-row{display:flex;gap:12px;align-items:flex-end;background:var(--paper);border:1.5px solid var(--hair);border-radius:26px;padding:8px 8px 8px 20px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22);transition:border-color .25s}
.rec-row:focus-within{border-color:var(--fuchsia)}
.rec-input{flex:1;min-width:0;border:0;background:transparent;resize:none;font-family:var(--sans);font-size:16.5px;font-weight:500;line-height:1.5;color:var(--ink);padding:12px 0;max-height:190px;overflow-y:auto}
.rec-input:focus{outline:none}
.rec-input::placeholder{color:var(--muted)}
.rec-send{flex:none;align-self:flex-end}
.rec-send[disabled]{opacity:.55;pointer-events:none}
.rec-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rec-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rec-chip{background:var(--tint);border:1px solid var(--hair);border-radius:999px;padding:8px 15px;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.rec-chip:hover{border-color:var(--fuchsia);color:var(--ink);background:var(--paper)}
.rec-note{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);line-height:1.8}
.rec-note a{color:var(--muted);text-decoration:underline}
.rec-note a:hover{color:var(--fuchsia)}
.rec-out{margin-top:clamp(16px,2.2vw,24px);max-width:820px}
.rec-card{background:var(--paper);border:1px solid var(--hair);border-left:5px solid var(--lime);border-radius:4px 24px 24px 4px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 56px -34px rgba(60,20,40,.22)}
.rec-card.wait{border-left-color:var(--hair)}
.rec-lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.rec-sum{margin-top:6px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.rec-title{font-family:var(--display);font-weight:800;font-size:clamp(21px,2.3vw,28px);line-height:1.14;margin-top:4px}
.rec-price{font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,38px);line-height:1;letter-spacing:-.02em;color:var(--fuchsia);margin-top:10px}
.rec-price.custom{font-family:var(--sans);font-weight:700;font-size:clamp(15px,1.6vw,17px);line-height:1.4;letter-spacing:0}
.rec-block{margin-top:18px}
.rec-list{margin-top:8px;display:flex;flex-direction:column}
.rec-list li{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:14.5px;line-height:1.55;color:var(--ink-2);align-items:flex-start}
.rec-list li:last-child{border-bottom:0}
.rec-list li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;background:var(--lime);border-radius:50%}
.rec-meta{margin-top:6px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.rec-page{display:inline-block;margin-top:16px}
.rec-personal{margin-top:18px;padding:14px 16px;background:var(--tint);border-radius:14px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.rec-fine{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;line-height:1.8;color:var(--muted)}
.rec-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}
.rec-again{background:none;border:0;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fuchsia);cursor:pointer;text-decoration:underline}
.rec-again:hover{color:var(--ink)}
.rec-dots{display:inline-flex;gap:5px;align-items:center;margin-left:2px}
.rec-dots i{width:7px;height:7px;border-radius:50%;background:var(--lime-deep);animation:recDot 1.1s infinite}
.rec-dots i:nth-child(2){animation-delay:.15s}.rec-dots i:nth-child(3){animation-delay:.3s}
@keyframes recDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.rec-dots i{animation:none;opacity:.6}}
.rec-demo{display:inline-block;margin-bottom:12px;background:var(--lime);color:var(--ink);border-radius:999px;padding:5px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
@media(max-width:560px){.rec-row{flex-direction:column;align-items:stretch;padding:14px}.rec-send{width:100%}.rec-input{flex:none;width:100%;min-height:52px;padding:2px 0 6px}}
.leaks{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,20px)}
@media(max-width:1000px){.leaks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.leaks{grid-template-columns:1fr}}
.leak{background:var(--paper);border:1px solid var(--hair);border-radius:26px;padding:28px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22)}
.leak b{display:block;font-family:var(--display);font-weight:900;font-size:40px;line-height:1;color:var(--fuchsia)}
.leak h3{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.14;margin-top:12px}
.leak p{margin-top:10px;font-size:14.5px;line-height:1.58;color:var(--ink-2)}
.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px);align-items:start}
@media(max-width:1000px){.groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.groups{grid-template-columns:1fr}}
.group{position:relative;background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:30px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22);transition:transform .5s var(--ease),border-color .3s}
.group:hover{transform:translateY(-6px);border-color:rgba(217,20,107,.5)}
.group.feature{background:#FDF3F7;border-color:var(--fuchsia)}
.group:nth-child(3n+2):not(.feature){background:var(--tint)}
.g-letter{font-family:var(--display);font-weight:900;font-size:56px;line-height:.9;color:var(--fuchsia);letter-spacing:-.03em}
.group.feature .g-letter{color:var(--fuchsia)}
.group h3{font-family:var(--display);font-weight:800;font-size:23px;line-height:1.12;margin-top:12px}
.g-sub{margin-top:8px;font-family:var(--display);font-style:italic;font-weight:600;font-size:16px;color:var(--ink-2)}
.group .t-list{margin-top:14px}
.honest-light{margin-top:22px;border-left:3px solid var(--lime);padding:6px 0 6px 18px;font-family:var(--sans);font-style:normal;font-weight:600;font-size:15.5px;line-height:1.6;color:var(--ink);max-width:56ch}
.mini-table{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:16px;overflow:hidden;margin-top:6px}
.mini-table > div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;background:var(--paper);padding:10px 14px;font-size:13.5px;color:var(--ink-2)}
.mini-table b{font-family:var(--display);font-weight:800;font-size:16px;color:var(--fuchsia);white-space:nowrap}
.t-list a{color:var(--fuchsia);text-decoration:none;font-weight:700}
.part .more{margin-top:auto}

/* alternate photo sides: expect = photo left, about = photo right */
#about-short .two > .plate{order:2}
#about-short .two > .plate .note-pin{left:auto;right:18px}
@media(max-width:860px){#about-short .two > .plate{order:0}}

/* collapsible groups inside tiers */
.t-groups > div{padding-bottom:0}
.t-groups > div > b{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;border:1px solid var(--hair);border-radius:14px;background:var(--paper);color:var(--ink);font-size:11px;transition:border-color .25s,background .25s}
.t-groups > div > b::after{content:"+";font-family:var(--sans);font-size:16px;font-weight:700;color:var(--fuchsia);line-height:1;transition:transform .35s var(--ease)}
.t-groups > div > b:hover{border-color:var(--fuchsia)}
.t-groups > div.open > b{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.t-groups > div.open > b::after{transform:rotate(45deg);color:var(--lime)}
.t-groups > div > .t-list{display:none;padding:6px 4px 10px}
.t-groups > div.open > .t-list{display:block;animation:ansIn .4s var(--ease) both}
.t-groups{gap:10px clamp(14px,2vw,24px);align-content:start}

.price-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(14px,1.6vw,20px)}
@media(max-width:900px){.price-cards{grid-template-columns:1fr}}
.pc{background:var(--paper);border:1px solid var(--hair);border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22)}
.pc.feature{border:2px solid var(--fuchsia);background:#FDF3F7}
.pc b{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.1}
.pc-price{font-family:var(--display);font-weight:900;font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:-.02em;color:var(--fuchsia)}
.pc p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}

/* automation hero: pick what you want to simplify */
.simplify{background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:clamp(24px,2.8vw,34px);box-shadow:0 24px 56px -34px rgba(60,20,40,.22),0 1px 0 rgba(255,255,255,.9) inset}
.s-opts{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.s-opt{text-align:left;font:inherit;font-size:15px;line-height:1.3;color:var(--ink);background:transparent;border:1px solid var(--hair);border-radius:14px;padding:13px 16px;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.s-opt:hover{border-color:var(--fuchsia)}
.s-opt.on{background:var(--ink);border-color:var(--ink);color:#fff}
.s-opt:focus-visible{outline:2px solid var(--fuchsia);outline-offset:2px}
.s-ex{margin-top:18px;padding-top:18px;border-top:1px dashed var(--hair)}
.s-ex p{font-size:15px;line-height:1.6;color:var(--ink-2)}
.s-ex p[hidden]{display:none}

/* online booking: a small service, set apart from the two main ones */
.booking-slab{margin-top:clamp(28px,3.4vw,44px);background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:clamp(26px,3vw,36px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:clamp(20px,2.6vw,34px);align-items:center;box-shadow:0 24px 56px -34px rgba(60,20,40,.22)}
@media(max-width:820px){.booking-slab{grid-template-columns:1fr}}
.booking-slab h3{font-family:var(--display);font-weight:900;font-size:clamp(21px,2.2vw,28px);line-height:1.08;text-transform:uppercase;letter-spacing:-.01em;margin-top:14px}
.booking-slab p{font-size:15px;line-height:1.6;color:var(--ink-2);margin-top:12px}
.booking-slab .bs-scope,.booking-slab .bs-run,.booking-slab .bs-after{font-size:13.5px;color:var(--muted)}
.bs-buy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.bs-price{font-family:var(--display);font-weight:900;font-size:clamp(34px,3.4vw,46px);line-height:1;color:var(--fuchsia)}
.bs-price-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}

/* ---- /automation/ and /ads/: calmer type, sentence case, less decoration ---- */
#automation h1, #ads-page h1{font-family:var(--display);font-weight:900;font-size:clamp(31px,4vw,52px);line-height:1.06;letter-spacing:-.015em;text-transform:none;max-width:19ch;margin-top:16px}
#automation .h2, #ads-page .h2{text-transform:none;font-size:clamp(25px,2.9vw,38px);line-height:1.1;letter-spacing:-.012em;margin-top:14px;max-width:22ch}
#automation .lead, #ads-page .lead{font-size:clamp(17px,1.35vw,18.5px);line-height:1.62;max-width:64ch}
#automation p, #ads-page p, #automation li, #ads-page li{font-size:17px;line-height:1.6}
#automation .small, #ads-page .small{font-size:15.5px;line-height:1.6}
#automation .sec, #ads-page .sec{padding-block:clamp(40px,5.4vw,84px)}
#automation .sec-head, #ads-page .sec-head{margin-bottom:clamp(24px,3vw,38px)}
#automation .script, #ads-page .script, #automation .faq-mark, #ads-page .faq-mark{display:none}
#automation .faq .ans, #ads-page .faq .ans{font-size:16.5px;max-width:66ch}
#automation .faq summary, #ads-page .faq summary{font-size:clamp(17.5px,1.6vw,21px);font-weight:700;line-height:1.3}
.auto-hero{padding-top:clamp(104px,8.4vw,126px);padding-bottom:clamp(34px,4.4vw,58px)}
.auto-hero-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(24px,4vw,58px);align-items:center}
.auto-hero-grid .plate{max-width:340px;justify-self:end;width:100%}
@media(max-width:900px){.auto-hero-grid{grid-template-columns:1fr}.auto-hero-grid .plate{max-width:300px;justify-self:start;margin-top:6px}}
@media(max-width:700px){.auto-end{padding-bottom:104px}}  /* clear of the floating chat launcher */
.auto-hero .kick{margin-top:18px;display:block}
.auto-hero .lead{margin-top:18px}
.auto-hero .hero-cta{margin-top:26px}
#automation .auto-fine,#ads-page .auto-fine{font-size:14.5px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:62ch}

/* examples: two columns on a desktop, an accordion on a phone */
.ex-wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:clamp(22px,3vw,44px);align-items:start}
.ex-tab{grid-column:1;text-align:left;font:inherit;font-size:16.5px;font-weight:600;line-height:1.3;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--hair);padding:16px 30px 16px 0;cursor:pointer;position:relative;transition:color .2s}
.ex-tab:first-of-type{border-top:1px solid var(--hair)}
.ex-tab::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:1.6px solid var(--fuchsia);border-bottom:1.6px solid var(--fuchsia);transform:rotate(-45deg);opacity:0;transition:opacity .2s}
.ex-tab:hover{color:var(--fuchsia)}
.ex-tab.on{color:var(--fuchsia)}
.ex-tab.on::after{opacity:1}
.ex-tab:focus-visible{outline:2px solid var(--fuchsia);outline-offset:3px}
.ex-panel{grid-column:2;grid-row:1/span 12;background:var(--paper);border:1px solid var(--hair);border-radius:24px;padding:clamp(24px,2.8vw,34px)}
#automation .ex-panel .ex-lead{font-size:18px;line-height:1.55;max-width:52ch}
.ex-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:20px}
.ex-flow span{background:var(--sand);border:1px solid var(--hair);border-radius:999px;padding:8px 14px;font-size:14.5px;line-height:1.3}
.ex-flow i{font-style:normal;color:var(--fuchsia);font-size:15px}
#automation .ex-fine{margin-top:20px;padding-top:16px;border-top:1px dashed var(--hair);font-size:14.5px;line-height:1.6;color:var(--muted);max-width:56ch}
.ex-other{margin-top:26px}
.ex-other a{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
@media(max-width:820px){
  .ex-wrap{grid-template-columns:1fr}
  .ex-tab,.ex-panel{grid-column:1}
  .ex-panel{grid-row:auto;border-radius:0;border:0;border-bottom:1px solid var(--hair);background:transparent;padding:0 0 22px}
  .ex-tab::after{transform:rotate(45deg);margin-top:-8px;opacity:1;border-color:var(--muted)}
  .ex-tab.on::after{transform:rotate(-135deg);margin-top:-3px;border-color:var(--fuchsia)}
}

/* pricing */
.auto-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,1.8vw,22px);align-items:start}
.ac{background:var(--paper);border:1px solid var(--hair);border-radius:26px;padding:clamp(24px,2.6vw,32px);display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 26px -22px rgba(60,20,40,.3)}
.ac b{font-family:var(--display);font-weight:800;font-size:23px;line-height:1.1}
.ac-price{font-family:var(--display);font-weight:900;font-size:clamp(27px,2.6vw,34px);line-height:1.05;letter-spacing:-.02em;color:var(--fuchsia)}
.ac-kind{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:-6px}
#automation .ac-fine,#ads-page .ac-fine{font-size:14.5px;line-height:1.55;color:var(--muted)}
.ac .btn{align-self:flex-start;margin-top:4px}
.ac-more{margin-top:2px;border-top:1px dashed var(--hair);padding-top:14px}
.ac-more summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia);display:flex;align-items:center;gap:8px}
.ac-more summary::-webkit-details-marker{display:none}
.ac-more summary::after{content:"+";font-family:var(--sans);font-size:15px;line-height:1}
.ac-more[open] summary::after{content:"\2013"}
.ac-more summary:focus-visible{outline:2px solid var(--fuchsia);outline-offset:3px}
#automation .ac-more div p{font-size:15px;line-height:1.6;color:var(--ink-2);margin-top:12px}

.bslab{margin-top:clamp(20px,2.4vw,30px);background:var(--sand);border:1px solid var(--hair);border-radius:26px;padding:clamp(24px,2.6vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px);gap:clamp(20px,2.6vw,34px);align-items:start}
@media(max-width:820px){.bslab{grid-template-columns:1fr}}
.bslab h3{font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,25px);line-height:1.1}
#automation .bslab p{margin-top:12px;max-width:60ch}
#automation .bslab-scope,#automation .bslab-run{font-size:14.5px;line-height:1.55;color:var(--muted)}
.bslab-buy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.bslab-price{font-family:var(--display);font-weight:900;font-size:clamp(32px,3.2vw,42px);line-height:1;color:var(--fuchsia)}
.bslab-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}

/* after the launch, and the four steps */
.after-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(16px,2vw,26px)}
.after h3{font-family:var(--display);font-weight:800;font-size:19px;line-height:1.15;padding-top:16px;border-top:2px solid var(--lime)}
#automation .after p{margin-top:10px;color:var(--ink-2);max-width:44ch}
.auto-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(16px,2vw,26px)}
.auto-steps b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--fuchsia)}
.auto-steps h3{font-family:var(--display);font-weight:800;font-size:19px;line-height:1.15;margin-top:8px}
#automation .auto-steps p{margin-top:8px;color:var(--ink-2);max-width:40ch}
.auto-end{padding-bottom:clamp(48px,6vw,92px)}
#automation .auto-end .undercta{font-size:14.5px}

.after-wrap{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(24px,3.6vw,52px);align-items:center}
.after-wrap .after-grid{grid-template-columns:1fr;gap:clamp(18px,2.4vw,30px)}
.after-wrap .plate{max-width:320px}
#automation .after-wrap .after p{max-width:none}
@media(max-width:860px){.after-wrap{grid-template-columns:1fr}.after-wrap .plate{max-width:240px}}
.auto-end-panel{background:var(--plate);border:1px solid var(--hair);border-radius:32px;padding:clamp(28px,3.6vw,52px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:clamp(24px,3.6vw,50px);align-items:center}
.auto-end-panel .plate{width:100%}
@media(max-width:860px){.auto-end-panel{grid-template-columns:1fr}.auto-end-panel .plate{max-width:260px}}
/* the four steps carry the page's colour: big fuchsia numerals on a lime rule */
.auto-steps li{padding-top:16px;border-top:2px solid var(--lime)}
.auto-steps b{font-family:var(--display);font-weight:900;font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:-.02em;color:var(--fuchsia)}

/* ---- ads page: the automation furniture, plus what only this page needs ---- */
#ads-page .after p,#ads-page .auto-steps p{margin-top:10px;color:var(--ink-2);max-width:42ch}
#ads-page .ac p{color:var(--ink-2)}
.ads-textlink{align-self:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.ads-textlink:hover{color:var(--ink)}
.ads-label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ads-ch{border-top:3px solid var(--fuchsia)}
.ads-ch-alt{border-top:3px solid var(--lime)}
.ads-ch .t-list{margin-top:-4px}
.ads-steps em{display:block;margin-top:10px;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ads-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(24px,4vw,58px);align-items:center}
.ads-case .plate{width:100%}
.ads-result{list-style:none;display:grid;gap:14px;margin-top:14px}
.ads-result li{display:flex;align-items:baseline;gap:14px;padding-top:12px;border-top:1px solid var(--hair)}
.ads-result b{font-family:var(--display);font-weight:900;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.02em;color:var(--fuchsia);flex:none;min-width:82px}
.ads-result span{font-size:15px;line-height:1.5;color:var(--ink-2)}
.ads-prices .ac-price{margin-top:2px}

/* Three consecutive sections were three rows of columns, so each takes a shape
   of its own: a divided panel, a ledger, then four steps on one rail. */
.ads-check{background:var(--plate);border-radius:28px;padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,40px)}
.ads-check .chk + .chk{border-left:1px solid var(--hair);padding-left:clamp(22px,3vw,40px)}
.ads-check h3{font-family:var(--display);font-weight:800;font-size:clamp(19px,1.9vw,22px);line-height:1.15;display:flex;align-items:center;gap:10px}
.ads-check h3::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--fuchsia);flex:none}
#ads-page .ads-check p{margin-top:12px;color:var(--ink-2)}
@media(max-width:820px){.ads-check{grid-template-columns:1fr;gap:0}.ads-check .chk + .chk{border-left:0;padding-left:0;border-top:1px solid var(--hair);padding-top:22px;margin-top:22px}}

.ads-ledger{border-top:1px solid var(--hair)}
.ads-ledger .led{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:clamp(14px,3vw,44px);padding:clamp(18px,2.2vw,26px) 0;border-bottom:1px solid var(--hair);align-items:start}
.ads-ledger h3{font-family:var(--display);font-weight:800;font-size:clamp(19px,1.9vw,23px);line-height:1.15;padding-left:14px;border-left:3px solid var(--lime)}
#ads-page .ads-ledger p{color:var(--ink-2);max-width:72ch}
@media(max-width:700px){.ads-ledger .led{grid-template-columns:1fr;gap:12px}}

.ads-rail{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,26px);position:relative;padding-top:36px}
.ads-rail::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--hair)}
.ads-rail li{position:relative}
.ads-rail li::before{content:"";position:absolute;top:-27px;left:0;width:12px;height:12px;border-radius:50%;background:var(--fuchsia);box-shadow:0 0 0 5px var(--paper)}
.ads-rail b{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--muted)}
.ads-rail h3{font-family:var(--display);font-weight:800;font-size:19px;line-height:1.15;margin-top:7px}
#ads-page .ads-rail p{margin-top:8px;color:var(--ink-2);max-width:40ch}
.ads-rail em{display:block;margin-top:10px;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia)}
@media(max-width:860px){
  /* the rail only reads as one line while the steps sit in a single row */
  .ads-rail{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px;padding-top:0}
  .ads-rail::before{display:none}
  .ads-rail li{padding-top:18px;border-top:2px solid var(--hair)}
  .ads-rail li::before{top:-7px;width:12px;height:12px}
}
@media(max-width:520px){.ads-rail{grid-template-columns:1fr}}

.ads-prices .ac-accent{border-color:var(--fuchsia);background:var(--sand,var(--tint))}
.ads-prices .ac-accent .ac-kind{color:var(--fuchsia)}
#ads-channels .auto-cards{align-items:stretch}
#ads-channels .ac .btn{margin-top:auto}
@media(max-width:860px){.ads-case{grid-template-columns:1fr}.ads-case .plate{max-width:280px}}
@media(max-width:560px){.ads-textlink{align-self:flex-start}.ads-result b{min-width:64px}}

/* site mockups: a browser frame that opens the whole page */
.w-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(20px,2.6vw,34px);align-items:start}
.shot figcaption{padding-top:18px}
.shot h3{font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,24px);line-height:1.15}
.shot figcaption p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:52ch}
.shot-frame{display:block;width:100%;padding:0;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--paper);cursor:pointer;position:relative;box-shadow:0 18px 40px -30px rgba(60,20,40,.45);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.shot-frame:hover{transform:translateY(-3px);box-shadow:0 26px 54px -30px rgba(60,20,40,.5)}
.shot-frame:focus-visible{outline:2px solid var(--fuchsia);outline-offset:3px}
.shot-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--tray);border-bottom:1px solid var(--hair)}
.shot-bar i{width:8px;height:8px;border-radius:50%;background:rgba(23,18,16,.16);flex:none}
.shot-bar em{margin-left:10px;font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 0}
.shot-open{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:var(--fuchsia);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;box-shadow:0 8px 18px -8px rgba(217,20,107,.7)}
.shot-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px}
.shot-hint{margin-top:20px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lb-open #aws-chat{display:none !important}
.shot-lb{position:fixed;inset:0;z-index:120;background:rgba(23,18,16,.86);display:flex;justify-content:center;padding:clamp(16px,3vw,40px)}
.shot-lb[hidden]{display:none !important}
.shot-lb-scroll{overflow:auto;overflow-anchor:none;-webkit-overflow-scrolling:touch;width:min(100%,1000px);border-radius:12px;background:var(--paper)}
.shot-lb-scroll img{display:block;width:100%;height:auto}
.shot-lb-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.shot-lb-x:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* ---------- /about/ : an editorial profile, not a pitch deck ---------- */
#about h1{font-family:var(--display);font-weight:900;font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-.02em;text-transform:none;margin-top:14px}
#about .h2{text-transform:none;font-size:clamp(25px,2.9vw,38px);line-height:1.12;letter-spacing:-.012em;margin-top:14px;max-width:24ch}
#about .lead{font-size:clamp(17px,1.35vw,18.5px);line-height:1.62;max-width:62ch;margin-top:18px}
#about p,#about li{font-size:17px;line-height:1.62}
#about .prose p{max-width:64ch;margin-top:14px}
#about .sec{padding-block:clamp(40px,5.6vw,88px)}
#about .sec-head{margin-bottom:clamp(24px,3vw,38px)}
#about .script,#about .note-pin{display:none}
#about .about-fine{font-size:14.5px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:62ch}
#about .about-role{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia);margin-top:16px}
.about-hero{padding-top:clamp(104px,8.4vw,126px);padding-bottom:clamp(28px,3.4vw,44px)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:clamp(24px,4vw,58px);align-items:center}
.about-hero-grid .kick{display:block;margin-top:18px}
.about-hero-grid .hero-cta{margin-top:26px}
.about-hero-grid .plate{max-width:360px;justify-self:end;width:100%}
@media(max-width:900px){.about-hero-grid{grid-template-columns:1fr}.about-hero-grid .plate{order:2;max-width:300px;justify-self:start;margin-top:10px}}

.factbar{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0;border-block:1px solid var(--hair)}
.factbar li{padding:18px clamp(14px,2vw,26px);border-left:1px solid var(--hair)}
.factbar li:first-child{border-left:0;padding-left:0}
.factbar b{display:block;font-family:var(--display);font-weight:800;font-size:17px;line-height:1.2}
#about .factbar span{display:block;margin-top:5px;font-size:14.5px;line-height:1.5;color:var(--muted)}
@media(max-width:700px){.factbar li{border-left:0;border-top:1px solid var(--hair);padding-left:0}.factbar li:first-child{border-top:0}}

.about-story .plate{max-width:300px;justify-self:end}
@media(max-width:860px){.about-story .plate{max-width:240px;justify-self:start}}

.about-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
@media(max-width:720px){.about-svc{grid-template-columns:1fr}}
.asvc{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--hair);border-radius:24px;padding:clamp(22px,2.4vw,30px);transition:transform .25s var(--ease),border-color .25s}
.asvc:hover{transform:translateY(-3px);border-color:var(--fuchsia)}
.asvc:focus-visible{outline:2px solid var(--fuchsia);outline-offset:3px}
.asvc h3{font-family:var(--display);font-weight:800;font-size:20px;line-height:1.15}
#about .asvc p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.asvc-link{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia)}

.about-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(16px,2vw,28px);align-items:start}
.acase h3{font-family:var(--display);font-weight:800;font-size:19px;line-height:1.18;margin-top:16px}
#about .acase p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
#about .acase-tags{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:12px}
#about .about-cases + .hero-cta{margin-top:clamp(24px,3vw,38px)}

.about-edu,.about-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(18px,2.4vw,32px)}
.aedu h3,.arule h3{font-family:var(--display);font-weight:800;font-size:19px;line-height:1.18;padding-top:16px;border-top:2px solid var(--lime)}
#about .aedu p,#about .arule p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:42ch}
.about-ai{max-width:70ch}
.about-ai .card-link{margin-top:18px;display:inline-block}
.about-end{padding-bottom:clamp(48px,6vw,92px)}
.about-end .plate{max-width:420px;justify-self:end;width:100%}
@media(max-width:860px){.about-end .plate{max-width:320px;justify-self:start}}

.aedu-n{display:block;font-family:var(--display);font-weight:900;font-size:clamp(26px,2.6vw,34px);line-height:1;color:var(--fuchsia);letter-spacing:-.02em}
.aedu h3{border-top:0;padding-top:10px}
.about-ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(24px,3.6vw,54px);align-items:center}
.about-ai-grid .plate{max-width:360px;justify-self:end;width:100%}
@media(max-width:860px){.about-ai-grid{grid-template-columns:1fr}.about-ai-grid .plate{max-width:280px;justify-self:start}}
.about-end-panel{background:var(--plate);border:1px solid var(--hair);border-radius:32px;padding:clamp(26px,3.4vw,48px)}
#about .factbar b{position:relative;padding-left:16px}
#about .factbar b::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;border-radius:50%;background:var(--lime)}

/* ---------- blog: index, article, and the strip on service pages ---------- */
.blog-head{padding-top:clamp(104px,8.4vw,126px);padding-bottom:clamp(10px,1.6vw,20px)}
.blog-head .kick{display:block;margin-top:18px}
#blog h1,#post h1{font-family:var(--display);font-weight:900;font-size:clamp(30px,4.2vw,52px);line-height:1.05;letter-spacing:-.02em;text-transform:none;margin-top:14px;max-width:20ch}
#blog .lead{font-size:clamp(17px,1.35vw,18.5px);line-height:1.62;max-width:62ch;margin-top:18px}

.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(18px,2.4vw,30px);align-items:start}
.bcard{display:block;text-decoration:none;color:inherit;border:1px solid var(--hair);border-radius:22px;overflow:hidden;background:var(--paper);transition:transform .25s var(--ease),border-color .25s}
.bcard:hover{transform:translateY(-3px);border-color:var(--fuchsia)}
.bcard:focus-visible{outline:2px solid var(--fuchsia);outline-offset:3px}
.bcard-img{aspect-ratio:3/2;background:var(--tray)}
.bcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.bcard-body{padding:clamp(20px,2.2vw,26px)}
.bcard-meta{display:flex;flex-wrap:wrap;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bcard-meta i{font-style:normal;color:var(--lime-deep)}
.bcard h2{font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.2;letter-spacing:-.01em;text-transform:none;margin-top:12px;max-width:none}
.bcard p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}

/* article */
.post-page{padding-top:clamp(104px,8.4vw,126px)}
.post-head{max-width:72ch}
.post-topic{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fuchsia);display:block;margin-top:18px}
.post-lead{font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--ink-2);max-width:62ch;margin-top:18px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:18px}
.post-meta i{font-style:normal;color:var(--lime-deep)}
.post-cover{margin:clamp(26px,3.2vw,40px) 0 0;padding:0}
.post-cover img{width:100%;max-width:min(100%,820px);aspect-ratio:12/5;object-fit:cover;border-radius:18px;display:block}
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,44px);margin-top:clamp(28px,3.6vw,48px)}
@media(min-width:1040px){.post-wrap.has-toc{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}
.post-toc{align-self:start}
@media(min-width:1040px){.post-toc{position:sticky;top:96px}}
.post-toc summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--hair)}
.post-toc summary::-webkit-details-marker{display:none}
.post-toc ol{list-style:none;margin:12px 0 0;padding:0;counter-reset:toc}
.post-toc li{counter-increment:toc;margin-top:8px}
.post-toc a{display:flex;gap:9px;font-size:14px;line-height:1.4;color:var(--ink-2);text-decoration:none}
.post-toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:10px;color:var(--fuchsia);flex:none;padding-top:2px}
.post-toc a:hover{color:var(--fuchsia)}
.post-body{max-width:68ch;font-size:18px;line-height:1.72;color:var(--ink-2)}
@media(max-width:640px){.post-body{font-size:17px}}
.post-body h2{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.5vw,28px);line-height:1.2;letter-spacing:-.012em;color:var(--ink);margin-top:clamp(34px,3.6vw,46px);scroll-margin-top:100px}
.post-body h3{font-family:var(--sans);font-weight:600;font-size:17.5px;line-height:1.35;color:var(--ink);margin-top:28px}
.post-body p{margin-top:16px}
.post-body ul,.post-body ol{margin-top:16px;padding-left:22px}
.post-body li{margin-top:9px}
.post-body li::marker{color:var(--lime-deep)}
.post-body a{color:var(--fuchsia-deep);text-underline-offset:3px}
.post-body strong{color:var(--ink);font-weight:600}
.post-body blockquote{margin:26px 0 0;padding:2px 0 2px 22px;border-left:3px solid var(--lime)}
.post-body blockquote p{margin:0;font-family:var(--display);font-size:19px;line-height:1.5;color:var(--ink)}
.post-body hr{border:0;border-top:1px solid var(--hair);margin:34px 0 0}
.post-fig{margin:26px 0 0;padding:0}
.post-fig img{width:100%;height:auto;border-radius:16px;display:block}
/* a diagram drawn in text: five steps, stacked on a phone */
.post-flow{margin:clamp(28px,3.4vw,42px) 0 0;padding:clamp(22px,2.6vw,30px);background:var(--tint);border:1px solid var(--hair);border-radius:20px}
.post-flow figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.post-flow ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:flow}
@media(min-width:820px){.post-flow ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}
.post-flow li{counter-increment:flow;position:relative;background:var(--paper);border:1px solid var(--hair);border-radius:14px;padding:16px 16px 16px 44px}
@media(min-width:820px){.post-flow li{padding:16px 14px 16px 14px}}
.post-flow li::before{content:counter(flow);position:absolute;left:16px;top:15px;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--fuchsia)}
@media(min-width:820px){.post-flow li::before{position:static;display:block;margin-bottom:8px}}
.post-flow li::after{content:"";position:absolute;left:24px;bottom:-12px;width:1px;height:12px;background:var(--lime-deep)}
.post-flow li:last-child::after{display:none}
@media(min-width:820px){.post-flow li::after{left:auto;right:-6px;top:50%;bottom:auto;width:11px;height:1px}}
.post-body .post-flow b{display:block;font-family:var(--sans);font-weight:600;font-size:15px;line-height:1.3;color:var(--ink)}
.post-flow span{display:block;margin-top:5px;font-size:13.5px;line-height:1.45;color:var(--muted)}

/* comparison table inside an article */
.post-table{margin:clamp(28px,3.4vw,42px) 0 0;padding:0}
.post-table figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.pt-scroll{overflow-x:auto;border:1px solid var(--hair);border-radius:16px;background:var(--paper)}
.post-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.post-table th,.post-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--hair);vertical-align:top;line-height:1.5}
.post-table .num{text-align:right;white-space:nowrap}
.post-table .ctr{text-align:center}
.post-table thead th{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia);white-space:nowrap}
.post-table tbody th{font-weight:600;color:var(--ink);width:26%}
.post-table td{color:var(--ink-2)}
.post-table tbody tr:last-child th,.post-table tbody tr:last-child td{border-bottom:0}

/* pull quote, author card and the FAQ inside an article */
.post-body blockquote cite{display:block;margin-top:12px;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.post-author{margin-top:clamp(34px,4vw,52px);display:grid;grid-template-columns:96px minmax(0,1fr);gap:clamp(18px,2.2vw,26px);align-items:start;background:var(--tint);border:1px solid var(--hair);border-radius:20px;padding:clamp(20px,2.4vw,28px)}
@media(max-width:560px){.post-author{grid-template-columns:72px minmax(0,1fr)}}
.pa-photo{border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:var(--tray)}
.pa-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.pa-kick{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fuchsia)}
.pa-text b{display:block;margin-top:8px;font-family:var(--display);font-weight:800;font-size:19px;line-height:1.2;color:var(--ink)}
.pa-role{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.post-body .pa-text p{margin-top:10px;font-size:15px;line-height:1.6}
.pa-text .card-link{margin-top:12px;display:inline-block}
.post-faq{margin-top:clamp(34px,4vw,52px)}
.post-faq h2{font-family:var(--display);font-weight:800;font-size:clamp(21px,2.3vw,26px);line-height:1.2;color:var(--ink);margin:0 0 6px}
.post-faq .faq summary{font-family:var(--sans);font-weight:600;font-size:16.5px;line-height:1.4;padding:18px 44px 18px 0}
.post-faq .faq .ans{font-size:16px;padding-bottom:20px;max-width:none}
.post-svc{margin-top:clamp(34px,4vw,52px);background:var(--plate);border-radius:20px;padding:clamp(22px,2.6vw,30px)}
.post-svc p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink)}
.post-svc .btn{margin-top:16px}
.bmore{margin-top:clamp(40px,5vw,72px);padding-top:clamp(26px,3vw,38px);border-top:1px solid var(--hair)}
.bmore h2{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.bmore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(14px,1.8vw,22px);margin-top:18px}
.bmore-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--hair);border-radius:18px;padding:20px 22px;transition:border-color .25s}
.bmore-card:hover{border-color:var(--fuchsia)}
.bmore-card span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bmore-card b{display:block;margin-top:8px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.25}

/* strip on the service pages */
.sec:has(+ .bstrip){padding-bottom:clamp(16px,2vw,28px)}
.bstrip{padding-top:clamp(28px,3.4vw,46px);padding-bottom:clamp(28px,3.4vw,46px)}
.bstrip-panel{background:var(--plate);border-radius:28px;padding:clamp(24px,3vw,40px)}
.bstrip-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(18px,2.2vw,26px)}
.bstrip-head:has(h2){align-items:flex-start}
.bstrip-head h2{margin-top:12px;font-family:var(--display);font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.12;letter-spacing:-.01em}
.bstrip-head p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:56ch}
@media(max-width:700px){.bstrip-head{flex-direction:column;align-items:flex-start;gap:14px}}
.bstrip-grid{display:grid;grid-template-columns:1fr;gap:clamp(14px,1.8vw,22px);align-items:stretch}
@media(min-width:620px){.bstrip-grid[data-count="2"],.bstrip-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:920px){.bstrip-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:720px){
  .bstrip-grid[data-count="1"] .bstrip-card{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(18px,2.2vw,26px);align-items:center}
  .bstrip-grid[data-count="1"] .bsc-img{margin-bottom:0;aspect-ratio:4/3}
  .bstrip-grid[data-count="1"] .bstrip-card b{font-size:21px;margin-top:8px}
  .bstrip-grid[data-count="1"] .bstrip-card em{-webkit-line-clamp:4;font-size:15.5px}
}
.bstrip-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--hair);border-radius:20px;padding:clamp(14px,1.6vw,18px);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.bstrip-card:hover{transform:translateY(-3px);border-color:var(--fuchsia);box-shadow:0 18px 34px -26px rgba(60,20,40,.5)}
.bstrip-card:focus-visible{outline:2px solid var(--fuchsia);outline-offset:3px}
.bsc-img{display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--tray);margin-bottom:14px}
.bsc-img img{width:100%;height:100%;object-fit:cover;display:block}
.bsc-meta{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 4px}
.bsc-meta i{font-style:normal;color:var(--lime-deep);margin:0 6px}
.bstrip-card b{display:block;margin-top:9px;padding:0 4px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.22;letter-spacing:-.01em}
.bstrip-card em{display:block;margin-top:8px;padding:0 4px 4px;font-style:normal;font-size:14.5px;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.blog-end{padding-bottom:clamp(48px,6vw,92px)}
.blog-end-panel{background:var(--plate);border:1px solid var(--hair);border-radius:28px;padding:clamp(26px,3.4vw,46px);max-width:70ch}
#blog .blog-end-panel .h2,#post .blog-end-panel .h2{text-transform:none;font-size:clamp(23px,2.7vw,32px);line-height:1.14;letter-spacing:-.012em;margin:0;max-width:22ch}
.blog-end-panel .lead{font-size:17px;line-height:1.62;max-width:60ch;margin-top:16px}
.blog-end-panel .hero-cta{margin-top:24px}

/* ledger: what I need / what you own */
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);align-items:stretch}
@media(max-width:860px){.ledger{grid-template-columns:1fr}}
.ledger-card{background:var(--paper);border:1px solid var(--hair);border-radius:28px;padding:clamp(26px,3vw,36px);display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 56px -34px rgba(60,20,40,.22)}
.ledger-card.yours{border:2px solid var(--fuchsia)}
.ledger-card h3{font-family:var(--display);font-weight:900;font-size:clamp(22px,2.4vw,30px);line-height:1.05;text-transform:uppercase;letter-spacing:-.01em}
.ledger-card.yours h3{color:var(--fuchsia)}
.ledger-list{counter-reset:l;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.ledger-list li{counter-increment:l;display:grid;grid-template-columns:36px 1fr;gap:4px 14px;padding:13px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.ledger-list li:last-child{border-bottom:0}
.ledger-list li::before{content:counter(l,decimal-leading-zero);grid-row:1 / span 2;font-family:var(--display);font-weight:900;font-size:22px;color:var(--fuchsia);line-height:1}
.ledger-list b{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3}
.ledger-list span{grid-column:2;font-size:14px;color:var(--ink-2);line-height:1.5}
.ledger-note{margin-top:auto;border-radius:16px;padding:16px 18px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.ledger-note b{color:var(--ink)}
.ledger-note.pink{background:#FDF3F7;border:1px solid rgba(217,20,107,.25)}
.ledger-note.lime{background:rgba(207,232,30,.28);border:1px solid rgba(157,178,9,.35)}

/* automation page extras */
.chat-mock{position:absolute;z-index:3;left:6%;right:6%;bottom:6%;display:flex;flex-direction:column;gap:8px}
.cm-in,.cm-out{max-width:86%;border-radius:18px;padding:10px 14px;font-size:13px;line-height:1.4;box-shadow:0 14px 30px -18px rgba(60,20,40,.45)}
.cm-in{align-self:flex-start;background:rgba(255,255,255,.96);color:var(--ink);border-bottom-left-radius:6px}
.cm-out{align-self:flex-end;background:var(--fuchsia);color:#fff;border-bottom-right-radius:6px}
.cm-in i,.cm-out i{display:block;font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:3px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}
.trust li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.trust li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800}
.group{display:flex;flex-direction:column;align-items:flex-start}
.g-price{position:static;display:inline-block;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:6px 11px;border-radius:999px;white-space:normal;line-height:1.4}
.group h3{width:100%}.group .t-list,.group .g-sub{width:100%}
.group.feature .g-price{background:var(--fuchsia);color:#fff}
.pc .btn{margin-top:auto;align-self:flex-start}
.sticky-cta{position:fixed;left:50%;bottom:18px;transform:translate(-50%,120%);z-index:70;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid var(--hair);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 24px 50px -24px rgba(60,20,40,.45);font-family:var(--display);font-weight:700;font-size:15px;white-space:nowrap;transition:transform .5s var(--ease);max-width:calc(100vw - 32px)}
.sticky-cta.on{transform:translate(-50%,0)}
@media(max-width:1100px){.sticky-cta{bottom:84px}}
@media(max-width:640px){.sticky-cta span{display:none}.sticky-cta{padding:8px}}

/* tier layout v2: head | list on row 1, description as a horizontal band on row 2 */
.tier{grid-template-rows:auto auto}
.tier:not(.feature){background:var(--paper)}
.t-head{background:var(--tint);border-radius:22px;padding:22px 24px;grid-row:1}
.tier.feature .t-head{background:rgba(255,255,255,.7)}
.tier > .t-list,.t-groups{grid-row:1}
.t-for{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:8px clamp(24px,4vw,56px);align-items:start;border-top:1px solid var(--hair);padding-top:18px}
.t-for .t-lead{grid-column:1;grid-row:1 / span 3}
.t-for .t-sum,.t-for .t-note{grid-column:2}
@media(max-width:760px){.t-for{grid-template-columns:1fr}.t-for .t-lead{grid-row:auto}.t-for .t-sum,.t-for .t-note{grid-column:1}}

.card-link{margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fuchsia);text-decoration:none;font-weight:700}
.card-link:hover{color:var(--ink)}
.t-list-head{font-family:var(--mono) !important;font-size:10.5px !important;letter-spacing:.16em;text-transform:uppercase;color:var(--fuchsia) !important;border-bottom:0 !important;padding-bottom:2px !important;column-span:all}
.t-list-head::before{display:none !important}

/* mobile: tiers stack, no grid-row collisions */
@media(max-width:760px){
  .tier{display:flex;flex-direction:column;gap:18px}
  .t-head,.t-for,.tier > .t-list,.t-groups{grid-row:auto;grid-column:auto}
  .t-head{order:1}.t-groups,.tier > .t-list{order:2}.t-for{order:3;display:flex;flex-direction:column;gap:10px}
  .t-groups{display:flex;flex-direction:column;gap:10px}
  .tier > .t-list{column-count:1}
}

/* motion */
.js .ln > i{transform:translateY(105%);animation:lineUp .95s var(--ease) forwards;animation-delay:calc(.12s + var(--i,0)*.1s)}
@keyframes lineUp{to{transform:none}}
.js .lift{opacity:0;transform:translateY(22px);filter:blur(6px);animation:liftIn .8s var(--ease) forwards;animation-delay:calc(.3s + var(--i,0)*.09s)}
@keyframes liftIn{to{opacity:1;transform:none;filter:none}}
.js .plate.intro{clip-path:inset(0 0 100% 0);animation:plateIn 1.1s var(--ease) .25s forwards}
@keyframes plateIn{to{clip-path:inset(0 0 0 0)}}
.js .reveal{opacity:0;transform:translateY(30px);filter:blur(8px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--i,0)*.09s)}
.js .reveal.seen{opacity:1;transform:none;filter:none}
.js main.enter{animation:viewIn .45s var(--ease) both}
@keyframes viewIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .js .ln > i,.js .lift,.js .reveal{opacity:1 !important;transform:none !important}
  .js .plate.intro{clip-path:none !important}
  .cur,.cur-trail{display:none !important}
}