:root{

  --sage:#50817C;
  --sage-t:#48746F;
  --sage-lt:#87ADA2;
  --terra:#A65E42;
  --terra-t:#9B583E;
  --terra-od:#DC7F5F;
  --gold:#E0A967;

  --gold-ink:#080808;
  --plum:#8D6B91;
  --plum-t:#806184;
  --sage-od:#619D97;
  --plum-od:#A58AA8;
  --sage-bed:#E8EEEC;
  --sage-edge:#CFDCD7;
  --bg:#F3F4EF;
  --ink:#080808;
  --char:#1A2530;
  --text:#43505B;
  --muted:#43505B;
  --card:#F7F8F4;
  --tint:#E8EEEC;
  --hair:rgba(67,80,91,.12);

  --amber:#E0A967;  --amber-t:#9C6320;  --amber-lt:#FCF5EE;

  --disp:'Fraunces',Georgia,serif;
  --ui:'DM Sans',system-ui,sans-serif;
  --mono:'Roboto Mono',monospace;

  --max:1320px;
  --gut:clamp(20px,5vw,72px);

  --r:4px;
  --ez:cubic-bezier(.16,1,.3,1);
}

:root{

  --fg:var(--text);
  --fg-strong:var(--char);
  --fg-muted:var(--muted);
  --fg-max:var(--ink);
  --fg-on-dark:var(--bg);
  --fg-on-accent:#FFFFFF;

  --surface:var(--bg);
  --surface-raised:var(--card);
  --surface-sunken:var(--tint);
  --surface-inverse:var(--char);
  --surface-belief:var(--sage-bed);

  --border:var(--hair);
  --border-strong:var(--sage-edge);
  --border-on-dark:var(--line);

  --action:var(--acc);
  --action-fg:#FFFFFF;
  --action-quiet:var(--terra-t);
  --highlight:var(--gold);

  --font-display:var(--disp);
  --font-body:var(--ui);
  --font-mono:var(--mono);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;

  scroll-padding-top:132px}
body{
  margin:0;background:var(--surface);color:var(--fg);
  font-family:var(--ui);font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--disp);font-weight:400;color:var(--fg-max);
  font-variation-settings:'opsz' 144,'wght' 400;letter-spacing:-.022em}
p{margin:0}
button{font:inherit}
::selection{background:var(--gold);color:var(--fg-strong)}
:focus-visible{outline:2px solid var(--terra-t);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--surface-inverse);color:var(--fg-on-dark);
  padding:12px 18px;z-index:99;font-size:14px}
.skip:focus{left:12px;top:12px}

.skip:focus-visible{outline-color:var(--gold)}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--fg-muted);display:flex;align-items:center;gap:12px}

.eyebrow::before{content:'';width:26px;height:1px;background:var(--acc-raw,var(--terra));flex:none}
.eyebrow--dark{color:var(--sage-lt)}
.eyebrow--dark::before{background:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:14px;padding:15px 20px 15px 26px;
  border-radius:999px;text-decoration:none;font-size:15.5px;font-weight:500;
  letter-spacing:.005em;border:1px solid transparent;cursor:pointer;
  transition:transform .5s var(--ez),background-color .5s var(--ez),
             border-color .5s var(--ez),color .5s var(--ez);white-space:nowrap}
.btn__d{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;
  flex:none;font-size:14px;line-height:1;
  transition:transform .5s var(--ez),background-color .5s var(--ez)}

.btn__d::before{content:'';width:6px;height:6px;
  border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
  transform:rotate(45deg) translate(-1px,1px);opacity:.9}

.btn__d--down::before{transform:rotate(135deg) translate(-1px,1px)}

.btn--fill{background:var(--acc);color:#fff}
.btn--fill .btn__d{background:rgba(243,244,239,.2)}
.btn--fill:hover{background:var(--surface-inverse)}
.btn--fill:hover .btn__d{transform:translate(3px,-2px);background:rgba(243,244,239,.28)}
.btn--line{border-color:rgba(67,80,91,.34);color:var(--fg-strong)}
.btn--line .btn__d{background:rgba(67,80,91,.09)}
.btn--line:hover{border-color:var(--fg-strong);background:rgba(26,37,48,.05)}
.btn--line:hover .btn__d{transform:translate(3px,-2px)}
.btn--gold{background:var(--gold);color:var(--fg-strong)}
.btn--gold .btn__d{background:rgba(26,37,48,.16)}
.btn--gold:hover{background:var(--sage-lt)}

@media(max-width:560px){.btn{white-space:normal;text-align:center;max-width:100%}}
.btn--gold:hover .btn__d{transform:translate(3px,-2px)}
.btn--ondark{border-color:rgba(243,244,239,.34);color:var(--fg-on-dark)}
.btn--ondark .btn__d{background:rgba(243,244,239,.14)}
.btn--ondark:hover{border-color:var(--fg-on-dark);background:rgba(243,244,239,.08)}
.btn--ondark:hover .btn__d{transform:translate(3px,-2px)}
.btn:active{transform:scale(.985)}
.pillars{display:flex;height:5px;width:100%}

.pillars i{flex:1}
.pillars i:nth-child(1){background:var(--text)}
.pillars i:nth-child(2){background:var(--sage)}
.pillars i:nth-child(3){background:var(--terra)}
.pillars i:nth-child(4){background:var(--gold)}
.hdr{position:sticky;top:0;z-index:60;background:var(--surface-inverse);
  color:var(--fg-on-dark);
  --line:rgba(243,244,239,.14)}
.hdr__in{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);position:relative}
.hdr__rule{height:1px;background:var(--line);width:100%}
.plus{position:absolute;width:9px;height:9px;pointer-events:none;z-index:2;
  transform:translate(-50%,-50%)}
.plus::before,.plus::after{content:'';position:absolute;background:rgba(243,244,239,.34)}
.plus::before{left:0;right:0;top:50%;height:1px;transform:translateY(-.5px)}
.plus::after{top:0;bottom:0;left:50%;width:1px;transform:translateX(-.5px)}

.hdr__metaU{display:none}
@media(max-width:860px){
  .hdr__metaU{display:flex;align-items:center;gap:2px;margin-left:auto}
  .hdr__metaU .hdr__u{display:flex}}

.hdr__meta{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding-block:8px;position:relative}
.hdr__metaL,.hdr__metaR{display:flex;align-items:center;gap:10px}
.hdr__place{font-size:13px;letter-spacing:.01em;white-space:nowrap;
  color:var(--fg-on-dark)}
.hdr__sep{color:var(--sage-od);font-size:13px}
.lang{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12.5px;
  letter-spacing:.06em}
.lang a{text-decoration:none;color:var(--fg-on-dark);padding:2px 1px;
  transition:color .4s var(--ez)}
.lang a:hover{text-decoration:underline;text-underline-offset:3px}
.lang [aria-current="true"]{color:var(--gold);text-decoration:underline;
  text-underline-offset:4px;text-decoration-thickness:1px}
.lang__slash{color:var(--sage-od)}
.hdr__claim{font-family:var(--mono);font-size:12px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--fg-on-dark);white-space:nowrap}
.hdr__nav{display:grid;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr) auto auto auto;align-items:stretch;

  position:relative;min-height:66px;
  transition:min-height .5s var(--ez)}
.hdr__gap{border-left:1px solid var(--line);display:flex;align-items:center;
  padding-inline:clamp(16px,1.8vw,26px);overflow:hidden;min-width:0}
.hdr__ticks{flex:1;height:9px;opacity:.5;
  background-image:linear-gradient(90deg,rgba(243,244,239,.30) 0 1px,transparent 1px 100%);
  background-size:13px 100%;background-position:left center;background-repeat:repeat-x;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
          mask:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
@media(max-width:1200px){
.hdr__gap{border-left:0;padding-inline:0}
.hdr__ticks{display:none}
}
.hdr.is-tight .hdr__nav{min-height:56px}
.hdr__logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:3px;text-decoration:none;padding-right:clamp(18px,2.4vw,34px);
  border-right:1px solid var(--line)}
.hdr__logo img{height:23px;width:auto;transition:height .5s var(--ez)}
.hdr.is-tight .hdr__logo img{height:20px}

.hdr__desc{font-size:12px;line-height:1;letter-spacing:.005em;
  color:var(--fg-on-dark);white-space:nowrap;
  transition:opacity .4s var(--ez),max-height .4s var(--ez)}
.hdr.is-tight .hdr__desc{opacity:0;max-height:0;overflow:hidden}
.hdr__links{display:grid;grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  align-items:stretch;justify-content:stretch;

  list-style:none;padding:0;margin:0}

.hdr__links li{display:flex;min-width:0}
.hdr__links li>a{flex:1 1 auto;min-width:0}
.hdr__links a{display:flex;align-items:center;justify-content:center;
  white-space:nowrap;text-decoration:none;
  color:var(--fg-on-dark);font-size:clamp(13px,1.05vw,14.5px);
  padding-inline:clamp(13px,1.5vw,22px);
  border-left:1px solid var(--line);position:relative;
  transition:color .4s var(--ez),background-color .4s var(--ez)}
.hdr__links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ez)}

.hdr__links a:hover{color:var(--fg-on-dark);background:rgba(243,244,239,.09)}

.hdr__links a[data-nav="practice"]:hover{background:#F2F7F7;color:var(--fg-strong)}
.hdr__links a[data-nav="lab"]:hover     {background:#F3F5F6;color:var(--fg-strong)}
.hdr__links a[data-nav="tools"]:hover   {background:#F9F3F0;color:var(--fg-strong)}
.hdr__links a[data-nav="book"]:hover    {background:#FCF5EE;color:var(--fg-strong)}
.hdr__links a[data-nav="about"]:hover   {background:#F3F5F6;color:var(--fg-strong)}

.hdr__has[data-sub="practice"]{--sub-bed:#F2F7F7;--sub-acc:#4A7873}
.hdr__has[data-sub="lab"]     {--sub-bed:#F3F5F6;--sub-acc:#99A0A4}
.hdr__has[data-sub="projects"]{--sub-bed:#F9F3F0;--sub-acc:#A45D41}
.hdr__has[data-sub="books"]   {--sub-bed:#F2F7F7;--sub-acc:#87ADA2}
.hdr__has[data-sub="about"]   {--sub-bed:#F3F5F6;--sub-acc:#43505B}
.hdr__links a[data-nav="practice"]::after{background:#4A7873}
.hdr__links a[data-nav="lab"]::after     {background:#99A0A4}
.hdr__links a[data-nav="tools"]::after   {background:#A45D41}
.hdr__links a[data-nav="book"]::after    {background:#87ADA2}
.hdr__links a[data-nav="about"]::after   {background:#43505B}

.hdr__links a:hover::after{transform:scaleX(1)}

.hdr__u{display:flex;align-items:center;justify-content:center;
  color:var(--fg-on-dark);border-left:1px solid var(--line);
  padding-inline:clamp(13px,1.4vw,19px);position:relative;text-decoration:none;
  transition:background-color .4s var(--ez),color .4s var(--ez)}
.hdr__u svg{width:18px;height:18px;display:block;flex:none}

.hdr__u[aria-current="page"]{background:var(--amber);color:var(--ink)}
.hdr__u[aria-current="page"]:hover{background:var(--amber);color:var(--ink)}

.hdr__u:hover{background:rgba(243,244,239,.10)}

.hdr__tip{position:absolute;top:calc(100% + 10px);right:0;z-index:70;
  background:var(--char);color:var(--fg-on-dark);
  border:1px solid rgba(243,244,239,.16);border-radius:3px;
  padding:10px 13px 11px;width:max-content;max-width:236px;
  font-family:var(--ui);font-size:12.5px;line-height:1.45;letter-spacing:0;
  text-transform:none;white-space:normal;text-align:left;font-weight:400;
  box-shadow:0 18px 34px -14px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;
  transition:opacity .26s var(--ez),transform .26s var(--ez),visibility 0s .26s}
.hdr__tip b{display:block;font-weight:600;margin-bottom:2px;color:var(--fg-on-dark)}
.hdr__tip i{display:block;font-style:normal;color:var(--fg-on-dark)}
.hdr__u:hover .hdr__tip,.hdr__u:focus-visible .hdr__tip{
  opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}

@media(prefers-reduced-motion:reduce){
    }
.hdr__burger{display:none;background:none;border:0;cursor:pointer;
  width:56px;align-self:stretch;border-left:1px solid var(--line)}
.hdr__burger i{display:block;height:1.5px;width:20px;background:var(--surface);margin-inline:auto;
  transition:transform .45s var(--ez),opacity .3s var(--ez)}
.hdr__burger i+i{margin-top:5px}

.hdr[data-open="true"] .hdr__burger i{opacity:0}
.hdr__burger::after{content:'';position:absolute;width:16px;height:16px;
  opacity:0;transition:opacity .3s var(--ez);
  background:
    linear-gradient(currentColor,currentColor) center/16px 1.5px no-repeat,
    linear-gradient(currentColor,currentColor) center/1.5px 16px no-repeat;
  transform:rotate(45deg);color:var(--gold)}
.hdr[data-open="true"] .hdr__burger::after{opacity:1}
.hero__grid{position:relative;z-index:2;width:100%;max-width:var(--max);
  margin:0 auto;padding-inline:var(--gut);
  display:grid;grid-template-columns:repeat(12,1fr);gap:0 clamp(14px,1.7vw,26px)}
.hero__art{grid-column:1 / 8;grid-row:1;
  position:relative;align-self:stretch;justify-self:stretch;
  min-height:clamp(430px,64vh,760px);
  z-index:0;pointer-events:none}
.hero__shape{position:absolute;
  top:calc(-1 * clamp(40px,7vh,110px));
  bottom:calc(-1 * clamp(40px,7vh,110px));
  right:0;
  left:calc(-1 * (var(--gut) + (100vw - min(100vw,var(--max))) / 2) - 40px);
  overflow:hidden;background:var(--surface-sunken);
  border-radius:0 clamp(150px,20vw,320px) clamp(150px,20vw,320px) 0;

  -webkit-mask:linear-gradient(90deg,#000 0%,#000 62%,rgba(0,0,0,.62) 82%,rgba(0,0,0,0) 99%);
          mask:linear-gradient(90deg,#000 0%,#000 62%,rgba(0,0,0,.62) 82%,rgba(0,0,0,0) 99%)}
.hero__frame{position:absolute;inset:0;opacity:0;transform:scale(1.05);
  transition:opacity 1.15s var(--ez),transform 1.6s var(--ez)}
.hero__frame.on{opacity:1;transform:scale(1)}
.hero__frame img{width:100%;height:100%;object-fit:cover;
  transform:none}
.hero__shape::after{content:'';position:absolute;inset:0;
  background:linear-gradient(95deg,
     rgba(26,37,48,.16) 0%,
     rgba(26,37,48,.00) 34%,
     rgba(243,244,239,.06) 56%,
     rgba(243,244,239,.34) 70%,
     rgba(243,244,239,.74) 82%,
     rgba(243,244,239,.94) 92%,
     rgba(243,244,239,1) 100%)}
.hero__arc{position:absolute;right:-12vw;top:-18vh;
  width:clamp(420px,52vw,860px);height:clamp(420px,52vw,860px);
  border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 40% 46%,rgba(224,169,103,.26),rgba(224,169,103,0) 66%)}
.hero__copy{grid-column:4 / 12;grid-row:1;align-self:center;
  padding-block:clamp(10px,3vh,40px);position:relative;z-index:1}
.hero__copy::before{content:'';position:absolute;z-index:0;
  left:-30%;right:-18%;top:-16%;bottom:-16%;pointer-events:none;
  background:radial-gradient(ellipse 88% 76% at 55% 50%,
     rgba(243,244,239,.97) 0%,
     rgba(243,244,239,.94) 40%,
     rgba(243,244,239,.80) 56%,
     rgba(243,244,239,.54) 70%,
     rgba(243,244,239,.28) 82%,
     rgba(243,244,239,.09) 92%,
     rgba(243,244,239,0) 100%)}
.hero__id{font-family:var(--mono);font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--terra-onart);margin-bottom:20px}
.hero__kick{font-size:clamp(16.5px,1.25vw,19px);line-height:1.62;color:var(--fg);
  max-width:47ch;margin-bottom:clamp(10px,1.6vh,16px)}
.hero__line{font-family:var(--disp);font-style:italic;font-size:clamp(17px,1.35vw,21px);
  color:var(--sage-onart);font-variation-settings:'opsz' 72,'wght' 400;
  line-height:1.45;margin-bottom:clamp(22px,4vh,38px);max-width:44ch;padding-bottom:.08em}
.hero__acts{display:flex;gap:12px;flex-wrap:wrap}
@keyframes rise{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:none}
}
.rail__cap{font-family:var(--mono);font-size:12px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--fg-muted);writing-mode:vertical-rl;
  margin-bottom:14px;padding-block:2px}
.rail__pause{font-family:var(--mono);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg-muted);background:none;border:0;cursor:pointer;
  padding:12px 2px;margin-top:12px;min-height:44px;
  text-decoration:underline;text-underline-offset:4px}
.rail__pause:hover{color:var(--fg-strong)}
.strip__in{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);
  display:flex;align-items:baseline;gap:18px 38px;flex-wrap:wrap}
.strip__label{font-family:var(--mono);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);white-space:nowrap}
.strip__names{font-family:var(--disp);font-size:clamp(17px,1.7vw,23px);
  font-variation-settings:'opsz' 72,'wght' 400;color:var(--fg-on-dark);line-height:1.5}

.strip__names i{color:var(--sage-od);font-style:normal;margin:0 12px}
.thesis__say{font-family:var(--disp);font-weight:400;
  font-variation-settings:'opsz' 144,'wght' 400;
  font-size:clamp(29px,4.4vw,63px);line-height:1.22;letter-spacing:-.028em;
  color:var(--fg-max);max-width:19ch;margin:0 auto}
.thesis__pair{display:grid;grid-template-columns:1fr 1fr;gap:0;
  max-width:940px;margin:clamp(56px,7vw,84px) auto 0;text-align:left;
  border-top:1px solid var(--hair)}
.thesis__pair>div{padding:32px clamp(20px,3vw,42px) 8px}
.thesis__pair>div+div{border-left:1px solid var(--sage-edge)}
.thesis__pair{position:relative}

.thesis__seam{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:var(--sage-bed);border:1px solid var(--sage-edge);
  font-family:var(--disp);font-size:24px;line-height:1;color:var(--fg-max)}
.thesis__k{font-family:var(--mono);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;margin-bottom:12px}
.thesis__pair>div:nth-child(1) .thesis__k{color:#46716D}
.thesis__pair>div:nth-child(2) .thesis__k{color:#9B583E}
.thesis__pair h3{font-size:clamp(21px,2.05vw,28px);line-height:1.24;margin-bottom:11px;
  font-variation-settings:'opsz' 96,'wght' 400}
.thesis__pair p{font-size:16px;color:var(--fg-muted);max-width:38ch}

.thesis__acts{margin-top:clamp(42px,5vw,62px);padding-top:26px;
  border-top:1px solid var(--hair);max-width:940px;margin-inline:auto;
  display:flex;justify-content:center}
.needs__head{max-width:min(100%,940px);margin-bottom:clamp(48px,6vw,80px)}
.needs__head .eyebrow{margin-bottom:24px}
.needs__head h2{font-size:clamp(31px,4.15vw,58px);line-height:1.1;letter-spacing:-.03em;
  max-width:min(100%,17em)}
.needs__head h2 em{font-style:italic;color:var(--terra-t);
  font-variation-settings:'opsz' 144,'wght' 300;line-height:1.14;
  display:inline-block;padding-bottom:.05em}
.needs__lede{font-size:17.5px;color:var(--fg-muted);max-width:62ch;margin-top:22px}
.row__n{font-family:var(--disp);font-size:clamp(58px,7.6vw,116px);line-height:.8;
  font-variation-settings:'opsz' 144,'wght' 300;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1px rgba(80,129,124,.5);
  align-self:start;user-select:none;padding-top:.06em}
.row__t{align-self:start}
.row__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fg-muted);margin-bottom:14px}
.row__t h3{font-size:clamp(25px,3.05vw,42px);line-height:1.13;letter-spacing:-.026em;
  font-variation-settings:'opsz' 144,'wght' 400;max-width:17ch}
.row__t h3 em{font-style:italic;color:var(--sage-t);font-variation-settings:'opsz' 144,'wght' 300;
  display:inline-block;line-height:1.16;padding-bottom:.05em}
.row__body{align-self:start;padding-top:.5em}
.row__body p{font-size:16.5px;color:var(--fg);max-width:52ch}
.row__body b{color:var(--fg-max);font-weight:500}
.row__end{display:inline-flex;align-items:center;gap:10px;margin-top:20px;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;color:var(--sage-t)}
.row__end::before{content:'';width:16px;height:1px;background:var(--sage);flex:none}
.needs__foot{margin-top:clamp(34px,4vw,52px);font-size:16.5px;color:var(--fg-muted);max-width:66ch}
.practice__in{display:block}
.practice__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(28px,4.5vw,72px);align-items:end;
  margin-bottom:clamp(46px,5.5vw,72px);
  padding-bottom:clamp(30px,3.6vw,44px);border-bottom:1px solid rgba(67,80,91,.16)}
.four__bar{width:38px;height:3px;margin-bottom:15px}
.octa-wm{position:absolute;right:-70px;bottom:-100px;width:420px;height:420px;
  opacity:.06;background:var(--surface);z-index:1;pointer-events:none;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}
.close .octa-wm{right:auto;left:-90px;bottom:auto;top:-110px}
.lab__in{position:relative;z-index:2}
.lab__lede{font-size:17.5px;color:var(--fg-on-dark);max-width:58ch;margin-top:20px}
.stat__n{font-family:var(--disp);font-size:clamp(44px,5.6vw,82px);line-height:.95;
  font-variation-settings:'opsz' 144,'wght' 400;color:var(--gold);letter-spacing:-.03em}
.stat__n span{font-size:max(13px,.5em);vertical-align:.3em;margin-left:.14em;
  letter-spacing:.01em}
.stat__l{font-family:var(--mono);font-size:12.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--sage-lt);margin-top:14px;max-width:20ch;line-height:1.7}
.finding__main{border-left:2px solid var(--gold);padding-left:clamp(20px,2.4vw,32px)}
.finding__main h3{color:var(--fg-on-dark);font-size:clamp(22px,2.5vw,33px);line-height:1.2;
  font-variation-settings:'opsz' 96,'wght' 400;margin-bottom:16px;max-width:22ch}
.finding__main p{color:var(--fg-on-dark);font-size:16.5px;margin-bottom:14px;max-width:62ch}
.finding__main b{color:var(--fg-on-dark);font-weight:500}
.side__i{border-top:1px solid rgba(243,244,239,.2);padding-top:20px}
.side__i h4{color:var(--fg-on-dark);font-size:19px;margin-bottom:8px;
  font-variation-settings:'opsz' 72,'wght' 500}
.side__i p{font-size:14.5px;color:var(--fg-on-dark);line-height:1.6;margin-bottom:11px}

.side__i a,.finding__main a.txt{color:#A68BA9;font-size:14.5px;text-decoration:none;
  border-bottom:1px solid rgba(224,169,103,.4);padding-bottom:2px;
  transition:border-color .4s var(--ez)}
.side__i a:hover,.finding__main a.txt:hover{border-color:#A68BA9;color:var(--fg-on-dark)}
.side__thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:rgba(243,244,239,.06);
  margin-bottom:16px;border-radius:var(--r)}
.side__thumb img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s var(--ez)}
.side__i:hover .side__thumb img{transform:scale(1.05)}
.lab__more{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px);
  margin-top:clamp(50px,6vw,74px);padding-top:38px;border-top:1px solid rgba(243,244,239,.17)}
.card__octa{width:30px;height:30px;margin-bottom:14px;opacity:.92;flex:none;display:block;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
  transition:transform .6s cubic-bezier(.32,.72,0,1),opacity .6s var(--ez)}

.card__octa--lab  {background:var(--acc)}
.card__octa--terra{background:var(--terra)}
.card__octa--sage {background:var(--sage-lt)}
.card__octa--gold {background:var(--gold)}

.thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;
  margin-bottom:16px;background:rgba(255,255,255,.05);border-radius:6px;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.card:hover .thumb img{transform:scale(1.04)}
.thumb--todo{background:repeating-linear-gradient(45deg,rgba(224,169,103,.16) 0 8px,rgba(224,169,103,.05) 8px 16px);
  border:1px dashed rgba(224,169,103,.55);display:flex;align-items:center;justify-content:center}
.thumb--todo::after{content:"NO IMAGE";font-family:var(--mono);font-size:12px;
  letter-spacing:.18em;color:var(--gold)}
.tools__head{display:flex;justify-content:space-between;align-items:flex-end;
  gap:32px;flex-wrap:wrap;margin-bottom:clamp(38px,4.6vw,58px)}
.tools__lede{font-size:16.5px;color:var(--fg-muted);max-width:46ch}
.tool__soon{justify-self:end;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;
  color:var(--plum-t);display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  cursor:default}
.tool__soon::before{content:'';width:14px;height:0;flex:none;
  border-top:1px dotted var(--plum)}
.close{background:var(--surface-inverse);color:var(--fg-on-dark);padding:clamp(90px,11vw,140px) 0;
  position:relative;overflow:hidden}
.close::before{content:'';position:absolute;left:-10vw;bottom:-30vh;width:46vw;height:46vw;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(166,94,66,.3),rgba(166,94,66,0) 66%)}
.close__in{position:relative;z-index:1;max-width:800px}

.close__in > .conn{max-width:none;width:100%}
.close:has(.conn) .close__in{max-width:none}

.close:has(.conn) .close__in > h2{max-width:14ch}
.close:has(.conn) .close__in > p{max-width:60ch}
.close h2{color:var(--fg-on-dark);font-size:clamp(32px,4.5vw,66px);line-height:1.08;
  letter-spacing:-.03em;margin-bottom:24px}
.close h2 em{font-style:italic;color:var(--gold);font-variation-settings:'opsz' 144,'wght' 300;
  display:inline-block;line-height:1.14;padding-bottom:.06em}
.close p{color:var(--fg-on-dark);font-size:17.5px;max-width:60ch;margin-bottom:14px}
.close__acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

.conn{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);
  margin-top:clamp(34px,4vw,52px);align-items:stretch}
.conn__c{display:flex;flex-direction:column;text-decoration:none;
  padding:clamp(22px,2.2vw,30px);border-radius:1.88rem;

  background:rgba(243,244,239,.055);
  box-shadow:inset 0 0 0 1px rgba(243,244,239,.13);
  transition:background-color .35s var(--ez),box-shadow .35s var(--ez),
             transform .35s var(--ez)}
a.conn__c:hover{background:rgba(243,244,239,.09);
  box-shadow:inset 0 0 0 1px rgba(243,244,239,.26);transform:translateY(-2px)}
.conn__c:focus-within{box-shadow:inset 0 0 0 1px var(--gold)}

.conn__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin-bottom:13px}
.conn__t{font-family:var(--disp);font-weight:400;font-size:clamp(19px,1.85vw,23px);
  line-height:1.18;color:var(--fg-on-dark);margin-bottom:9px}

.conn__d{font-size:14.5px;line-height:1.56;color:var(--fg-on-dark);margin-bottom:20px}
.conn__go{margin-top:auto;align-self:flex-start;font-family:var(--ui);font-size:14.5px;
  color:var(--gold);display:inline-flex;align-items:center;gap:9px;
  background:none;border:0;padding:0;cursor:pointer;text-align:left}
.conn__go i{width:16px;height:1px;background:currentColor;flex:none;
  transition:width .35s var(--ez)}
.conn__c:hover .conn__go i{width:26px}
.conn__go:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

.conn__form[hidden]{display:none}
.conn__form{display:grid;gap:6px;margin-top:18px;padding-top:18px;
  border-top:1px solid rgba(243,244,239,.16)}
.conn__form label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-on-dark);margin-top:10px}
.conn__form label:first-child{margin-top:0}
.conn__form input{font-family:var(--ui);font-size:15px;color:var(--fg-on-dark);
  background:rgba(8,8,8,.28);border:0;border-radius:999px;padding:12px 17px;
  box-shadow:inset 0 0 0 1px rgba(243,244,239,.2);
  transition:box-shadow .3s var(--ez)}
.conn__form input::placeholder{color:rgba(243,244,239,.45)}
.conn__form input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--gold)}

.conn__form .btn--gold{margin-top:14px;justify-self:start;color:var(--gold-ink)}
.conn__fine{font-size:12.5px;color:var(--fg-on-dark);margin:10px 0 0;line-height:1.5}
.conn__fine a{color:var(--gold);border-bottom:1px solid rgba(224,169,103,.34);
  transition:border-color .3s var(--ez)}
.conn__fine a:hover{border-bottom-color:var(--gold)}

@media(max-width:900px){
  .conn{grid-template-columns:1fr;gap:12px}

  .conn__c{padding:clamp(20px,4vw,26px)}
}
.foot{background:var(--surface-inverse);color:var(--fg-on-dark);padding:0 0 40px;
  border-top:1px solid rgba(243,244,239,.14)}
.foot__in{display:flex;justify-content:space-between;align-items:center;gap:26px;
  flex-wrap:wrap;padding-top:34px}
.foot__sig{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--fg-on-dark)}
.foot__sig img{height:24px;width:auto}
.foot__meta{font-size:14.5px;color:var(--fg-on-dark);line-height:1.8}
.foot__meta a{color:var(--fg-on-dark);text-decoration:none;border-bottom:1px solid var(--gold)}
.foot__meta a:hover{color:var(--gold);border-color:var(--gold)}
.foot__band{display:flex;height:4px;margin-top:36px}
.foot__band i{flex:1}

.rv{transition:opacity .95s var(--ez),transform .95s var(--ez)}
.rv-on .rv:not(.seen){opacity:0;transform:translateY(26px)}
.rv.seen{opacity:1;transform:none}
.rv-d1{transition-delay:.09s}
.rv-d2{transition-delay:.18s}
.rv-d3{transition-delay:.27s}
@media(max-width:1080px){

  .hero__copy{grid-column:1 / 13;grid-row:3}

  .hero__kick{max-width:100%}
.hero__art{grid-column:1 / 13;grid-row:1;position:relative;inset:auto;
    opacity:1;min-height:0;height:clamp(360px,112vw,520px);
    margin-bottom:clamp(26px,3.4vw,40px);
    margin-inline:calc(-1 * var(--gut));overflow:hidden}
.hero__shape{position:absolute;inset:0;border-radius:0;left:0;right:0;top:0;bottom:0;
    -webkit-mask:none;mask:none}
.hero__shape::after{background:linear-gradient(180deg,
    rgba(243,244,239,.30) 0%,rgba(243,244,239,0) 34%,rgba(243,244,239,0) 100%)}

  .hero__frame img{transform:none;object-position:50% 30% !important}
.rail__cap{writing-mode:horizontal-tb;margin-bottom:0;margin-right:10px;
    flex-basis:100%;margin-bottom:10px}
.rail__pause{margin-top:0;margin-left:10px}
.practice__head{grid-template-columns:1fr;align-items:start;gap:20px}
.thesis__pair{grid-template-columns:1fr}
.thesis__pair>div+div{border-left:0;border-top:1px solid var(--sage-edge)}
.thesis__seam{display:none}
}
@media(max-width:860px){
body{font-size:16.5px}
.hdr__nav{grid-template-columns:1fr auto auto;min-height:58px}
.hdr.is-tight .hdr__nav{min-height:58px}
.hdr__gap{display:none}
.hdr__links{display:none;grid-column:1 / -1;flex-direction:column;
    align-items:stretch;border-top:1px solid var(--line)}
.hdr[data-open="true"] .hdr__links{display:flex}
.hdr__links a{border-left:0;border-bottom:1px solid var(--line);
    padding:15px 2px;font-size:16px}
.hdr__links li{opacity:0;transform:translateY(10px);animation:rise .55s var(--ez) forwards}
.hdr__links li:nth-child(2){animation-delay:.05s}
.hdr__links li:nth-child(3){animation-delay:.1s}
.hdr__links li:nth-child(4){animation-delay:.15s}
.hdr__links li:nth-child(5){animation-delay:.2s}

.hdr__burger{display:flex;flex-direction:column;align-items:center;
  justify-content:center;grid-row:1;grid-column:3;width:56px;justify-self:end}
.hdr__burger::before{content:'';position:absolute;width:34px;height:34px;
  border-radius:50%;border:1px solid rgba(243,244,239,.30);
  transition:border-color .35s var(--ez),background-color .35s var(--ez)}
.hdr__burger{position:relative}
.hdr[data-open="true"] .hdr__burger::before{border-color:var(--gold);
  background:rgba(224,169,103,.14)}
.hdr__burger i{width:16px}
.hdr[data-open="true"] .hdr__burger i{opacity:0}

.hdr__u{display:none}
.hdr__meta .hdr__u{display:flex;border-left:0;padding-inline:9px;min-height:34px}
.hdr__meta .hdr__u svg{width:17px;height:17px}
.hdr__meta .hdr__u--cta{background:transparent;color:var(--fg-on-dark);
    border-radius:3px}
.hdr__meta .hdr__u[data-cur="true"]{background:var(--gold);color:var(--fg-strong)}

.hdr__meta .hdr__tip{display:none}
.hdr__logo{border-right:0;padding-right:0}
.hero__arc{display:none}
.row__n{font-size:clamp(46px,15vw,76px)}
.row__body{padding-top:0}
.lab__more{grid-template-columns:1fr;gap:32px}
.tools__head{flex-direction:column;align-items:flex-start}
.foot__in{flex-direction:column;align-items:flex-start;gap:18px}
.hdr__claim{display:none}
.hdr__meta{justify-content:flex-start}
}

@media(max-width:359px){
  .hdr__meta{gap:8px}
  .hdr__metaL{gap:5px}
  .hdr__meta .hdr__u{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
.mth__card:hover{transform:none}

.rv,.rv-on .rv:not(.seen){opacity:1;transform:none}
.hero__frame{transition:none}
}

.pg__crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg-muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pg__crumb a{color:var(--fg-muted);text-decoration:none;border-bottom:1px solid transparent}
.pg__crumb a:hover{color:var(--fg-strong);border-bottom-color:var(--terra)}
.pg__crumb i{font-style:normal}

.pg__hero{padding:clamp(56px,7vw,104px) 0 clamp(40px,5vw,70px);position:relative}
.pg__hero h1{font-family:var(--disp);font-weight:400;font-size:clamp(34px,5.2vw,68px);
  line-height:1.04;letter-spacing:-.015em;color:var(--fg-strong);margin:22px 0 0;max-width:19ch}
.pg__hero h1 em{font-style:italic;color:var(--terra-t)}
.pg__lede{font-size:clamp(16.5px,1.35vw,19px);line-height:1.62;color:var(--fg);
  max-width:62ch;margin-top:24px}
.pg__acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

.pg__sec{padding:clamp(46px,5.5vw,86px) 0;border-top:1px solid var(--hair)}
.pg__sec h2{font-family:var(--disp);font-weight:400;font-size:clamp(26px,3.4vw,46px);
  line-height:1.1;letter-spacing:-.01em;color:var(--fg-strong);margin:16px 0 0;max-width:20ch}
.pg__sec h2 em{font-style:italic;color:var(--acc)}

.pg__stats{display:grid;grid-template-columns:repeat(2,auto);gap:clamp(30px,6vw,90px);
  justify-content:start;margin-top:34px}
.pg__stat b{font-family:var(--disp);font-weight:400;font-size:clamp(42px,5.4vw,78px);
  line-height:.95;color:var(--sage-t);display:block}
.pg__stat span{display:block;margin-top:10px;font-size:14.5px;color:var(--fg-muted);max-width:26ch}

.pg__arc{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,46px);margin-top:40px}
.pg__step b{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--terra-t);display:block}
.pg__step h3{font-family:var(--disp);font-weight:400;font-size:21px;line-height:1.25;
  color:var(--fg-strong);margin:12px 0 8px}
.pg__step p{font-size:15.5px;line-height:1.6;color:var(--fg)}

.pg__split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,54px);margin-top:36px}
.pg__split>div{padding:28px clamp(18px,2.2vw,32px);background:var(--surface-raised);
  border-top:3px solid var(--acc);border-radius:var(--r)}
.pg__split>div+div{border-top-color:var(--terra)}
.pg__split h3{font-family:var(--disp);font-weight:400;font-size:20px;color:var(--fg-strong);margin:0 0 10px}
.pg__split p{font-size:15px;line-height:1.62;color:var(--fg)}

.pg__quote{margin:clamp(38px,4.4vw,60px) 0 0;padding:26px 0 0;
  border-top:1px solid var(--border);position:relative}
.pg__quote::after{content:'';position:absolute;left:0;top:-1px;width:64px;
  height:3px;background:var(--acc)}
.pg__quote p{font-family:var(--disp);font-style:italic;font-weight:300;
  font-size:clamp(20px,2.6vw,31px);line-height:1.3;color:var(--fg-strong);
  max-width:24ch;margin:0}
.pg__quote cite{display:block;margin-top:18px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-style:normal}

.pg__faq{margin-top:34px;max-width:78ch}
.pg__faq details{border-top:1px solid var(--hair);padding:18px 0}
.pg__faq details:last-child{border-bottom:1px solid var(--hair)}
.pg__faq summary{cursor:pointer;list-style:none;font-family:var(--disp);font-size:19px;
  color:var(--fg-strong);display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.pg__faq summary::-webkit-details-marker{display:none}
.pg__faq summary::after{content:"+";font-family:var(--mono);color:var(--terra-t);flex:none}
.pg__faq details[open] summary::after{content:"–"}
.pg__faq p{font-size:15.5px;line-height:1.65;color:var(--fg);margin:14px 0 0;max-width:66ch}

.news{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,3.4vw,54px);
  background:var(--acc-band);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);
  border-radius:var(--r);padding:clamp(28px,3.4vw,48px);align-items:start}
.news__copy h2{font-family:var(--disp);font-weight:400;margin:0 0 12px;
  font-size:clamp(24px,2.5vw,32px);line-height:1.14;color:var(--fg-strong)}
.news__copy h2 em{font-style:italic;color:var(--acc)}
.news__copy p{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--fg);max-width:46ch}
.news__pts{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.news__pts li{position:relative;padding-left:20px;font-size:14px;line-height:1.5;color:var(--fg)}
.news__pts li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;
  border-radius:2px;background:var(--acc);opacity:.62}
.news__form{display:grid;gap:6px;background:var(--surface-raised);
  border:1px solid color-mix(in srgb,var(--acc) 14%,transparent);
  border-radius:var(--r);padding:clamp(20px,2.2vw,28px)}
.news__form label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-muted);margin-top:8px}
.news__form label:first-child{margin-top:0}
.news__form input{font-family:var(--ui);font-size:15px;color:var(--fg-strong);
  background:var(--surface);border:1px solid var(--hair);border-radius:999px;
  padding:12px 18px;width:100%;transition:border-color .3s var(--ez)}
.news__form input::placeholder{color:var(--fg-muted);opacity:.7}
.news__form input:focus{outline:none;border-color:var(--acc)}
.news__form button{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  margin-top:16px;font-family:var(--ui);font-size:15px;font-weight:500;cursor:pointer;
  background:var(--acc);color:#fff;border:0;border-radius:999px;padding:13px 22px;
  transition:opacity .3s var(--ez)}
.news__form button:hover{opacity:.9}
.news__form button .btn__d{border-color:currentColor}
.news__fine{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--fg-muted)}
@media(max-width:860px){.news{grid-template-columns:1fr}}

.pg__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;
  align-items:stretch}

.pg__card{display:flex;flex-direction:column;text-decoration:none;background:var(--surface-raised);
  border-radius:var(--r);border-top:3px solid var(--sage);padding:30px 28px;color:inherit;
  transition:transform .3s var(--ez),box-shadow .3s var(--ez)}
.pg__cards a.pg__card:nth-child(1){border-top-color:var(--acc)}
.pg__cards a.pg__card:nth-child(2){border-top-color:var(--terra)}
.pg__cards a.pg__card:nth-child(3){border-top-color:var(--gold)}
.pg__card:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(8,8,8,.07)}
.pg__card b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fg-muted);display:block}
.pg__card h3{font-family:var(--disp);font-weight:400;font-size:22px;line-height:1.22;
  color:var(--fg-strong);margin:12px 0 10px}
.pg__card p{font-size:15px;line-height:1.6;color:var(--fg)}
.pg__card b{min-height:2.4em}
.pg__card .pg__go{display:block;margin-top:auto;padding-top:16px;font-family:var(--mono);
  font-size:12px;letter-spacing:.1em;color:var(--acc)}

.pg__rule{display:grid;gap:2px;margin-top:34px}
.pg__rule>div{display:grid;grid-template-columns:4px 1fr;gap:18px;padding:18px 0;
  border-bottom:1px solid var(--hair)}

.pg__rule i{background:var(--acc);border-radius:2px}
.pg__rule>div:nth-child(2) i{background:var(--sage)}
.pg__rule>div:nth-child(3) i{background:var(--terra)}
.pg__rule>div:nth-child(4) i{background:var(--gold)}
.pg__rule h3{font-family:var(--disp);font-weight:400;font-size:19px;color:var(--fg-strong);margin:0 0 6px}
.pg__rule p{font-size:15px;line-height:1.55;color:var(--fg)}

.pg__pull{margin:34px 0 0;padding:26px clamp(20px,2.6vw,36px);background:var(--sage-bed);
  border-top:1px solid var(--sage-edge);border-bottom:1px solid var(--sage-edge);border-radius:var(--r)}
.pg__pull b{font-family:var(--disp);font-size:20px;font-weight:400;color:var(--fg-strong);display:block;margin-bottom:10px}
.pg__pull p{font-size:15.5px;line-height:1.62;color:var(--fg)}
.pg__pull .pg__pair{font-weight:700;color:#3E6560}

@media(max-width:980px){
  .pg__arc{grid-template-columns:1fr;gap:26px}
  .pg__split{grid-template-columns:1fr}
  .pg__cards{grid-template-columns:1fr}
  .pg__stats{grid-template-columns:1fr;gap:26px}
}

.pg__dark{background:var(--surface-inverse);color:var(--fg-on-dark);padding:clamp(56px,7vw,104px) 0;
  position:relative;overflow:hidden}
.pg__dark::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 80% at 18% 12%,rgba(80,129,124,.22),transparent 62%)}
.pg__dark__in{position:relative;z-index:2}
.pg__dark h2{font-family:var(--disp);font-weight:400;color:var(--fg-on-dark);
  font-size:clamp(28px,3.8vw,52px);line-height:1.1;letter-spacing:-.01em;margin:16px 0 0;max-width:20ch}
.pg__dark h2 em{font-style:italic;color:var(--gold)}
.pg__dark p{font-size:17px;line-height:1.65;color:var(--fg-on-dark);max-width:64ch;margin-top:18px}
.pg__dark p b{color:var(--fg-on-dark);font-weight:500}

.pg__mark{width:48px;height:48px;border-radius:var(--r);display:flex;
  align-items:center;justify-content:center;font-family:var(--disp);font-size:21px;
  line-height:1;transition:transform .45s var(--ez)}
.pg__mark--in{background:var(--ink);color:#fff}
.pg__mark--io{background:var(--sage);color:#fff}
.pg__mark--octa{background:var(--terra);position:relative;overflow:hidden}
.pg__mark--octa::after{content:"";position:absolute;inset:11px;background:#fff;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
  mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}
.pg__card:hover .pg__mark--octa{transform:rotate(22.5deg)}
.pg__card:hover .pg__mark--in,.pg__card:hover .pg__mark--io{transform:translateY(-2px)}
.pg__card .pg__mark{margin-bottom:18px}

.pg__card .pg__go{border-top:1px solid var(--hair);margin-top:auto;padding-top:16px}

.pg__dark--center{text-align:center}
.pg__dark--center h2{margin-left:auto;margin-right:auto;max-width:17ch}
.pg__dark--center p{margin-left:auto;margin-right:auto;max-width:60ch;text-align:center}
.pg__dark--center .octa-wm{right:-120px;left:auto;bottom:auto;top:22%;opacity:.05}
@media(max-width:860px){
  .pg__dark--center{text-align:left}
  .pg__dark--center h2,.pg__dark--center p{text-align:left;margin-left:0}
}

.pg__doc{max-width:68ch;margin:0 auto}
.pg__doc h2{font-family:var(--disp);font-weight:400;font-size:clamp(21px,2.2vw,28px);
  line-height:1.2;color:var(--fg-strong);margin:clamp(40px,4.2vw,64px) 0 0;
  scroll-margin-top:120px}
.pg__doc h3{font-family:var(--ui);font-weight:600;font-size:16.5px;line-height:1.35;
  color:var(--fg-strong);margin:clamp(24px,2.6vw,34px) 0 0;scroll-margin-top:120px}
.pg__doc p{font-size:16px;line-height:1.72;color:var(--fg);margin:14px 0 0}
.pg__doc p b,.pg__doc strong{color:var(--fg-strong);font-weight:600}
.pg__doc a{color:var(--acc);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--acc) 34%,transparent)}
.pg__doc a:hover{border-bottom-color:var(--acc)}
.pg__doc ul,.pg__doc ol{margin:14px 0 0;padding-left:22px}
.pg__doc li{font-size:16px;line-height:1.7;color:var(--fg);margin-top:7px}
.pg__doc li::marker{color:var(--acc)}

.pg__doc dl{margin:16px 0 0}
.pg__doc dt{font-weight:600;color:var(--fg-strong);font-size:15.5px;margin-top:14px}
.pg__doc dd{margin:4px 0 0;font-size:15.5px;line-height:1.65;color:var(--fg)}

.pg__doc__tw{overflow-x:auto;margin:20px 0 0;-webkit-overflow-scrolling:touch}
.pg__doc table{border-collapse:collapse;width:100%;min-width:420px;font-size:14.5px}
.pg__doc th,.pg__doc td{text-align:left;padding:11px 14px;
  border-bottom:1px solid var(--hair);vertical-align:top}
.pg__doc th{font-family:var(--mono);font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--fg-muted);font-weight:400}

.pg__stamp{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--fg-muted);margin-top:18px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pg__stamp b{font-weight:400;color:var(--acc)}

.pg__toc{background:var(--acc-band);border:1px solid color-mix(in srgb,var(--acc) 16%,transparent);
  border-radius:var(--r);padding:clamp(20px,2.2vw,28px);margin:0 0 clamp(30px,3.4vw,44px)}
.pg__toc h2{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-muted);margin:0 0 12px;font-weight:400}
.pg__toc ol{list-style:none;margin:0;padding:0;
  display:grid;gap:8px 26px;grid-template-columns:repeat(2,1fr)}
.pg__toc a{font-size:14.5px;color:var(--fg-strong);text-decoration:none;
  border-bottom:1px solid transparent;line-height:1.4}
.pg__toc a:hover{border-bottom-color:var(--acc);color:var(--acc)}
@media(max-width:700px){.pg__toc ol{grid-template-columns:1fr}}

.pg__holding{background:var(--amber-lt);
  border:1px solid color-mix(in srgb,var(--amber) 46%,transparent);
  border-left:3px solid var(--amber);border-radius:var(--r);
  padding:16px 20px;margin:0 0 clamp(26px,3vw,38px)}
.pg__holding b{display:block;font-size:14px;color:var(--amber-t);margin-bottom:4px}
.pg__holding span{display:block;font-size:13.5px;line-height:1.55;color:var(--fg)}

.pg__art{max-width:74ch;margin:0 auto}
.pg__art h2{font-family:var(--disp);font-weight:400;font-size:clamp(24px,2.9vw,36px);
  line-height:1.16;color:var(--fg-strong);margin:clamp(38px,4vw,62px) 0 0}

.pg__art h3{font-family:var(--ui);font-weight:500;font-size:17.5px;
  letter-spacing:.005em;color:var(--fg-max);
  margin:clamp(30px,3.2vw,44px) 0 0;padding-top:13px;
  border-top:1px solid var(--border);max-width:52ch}

.pg__art h2 em{font-style:italic;color:var(--acc)}

.pg__art>p:not([class]),.pg__art>p.art__note{font-size:17px;line-height:1.68;
  color:var(--fg);margin:18px 0 0}
.pg__art p b{color:var(--fg-strong);font-weight:600}
.pg__meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-muted);display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
.pg__check{list-style:none;padding:0;margin:22px 0 0}

.pg__check li{position:relative;padding:14px 0 14px 36px;
  border-bottom:1px solid var(--border);
  font-size:16px;line-height:1.6;color:var(--fg);max-width:70ch}

.pg__check li::before{content:"";position:absolute;left:6px;top:22px;width:10px;height:2px;
  background:var(--acc)}
.pg__qa{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:26px;
  border-top:1px solid var(--hair)}
.pg__qa>div{padding:16px 20px;border-bottom:1px solid var(--hair);font-size:15.5px;line-height:1.55}
.pg__qa>div:nth-child(odd){color:var(--fg-muted);border-right:1px solid var(--hair)}
.pg__qa>div:nth-child(even){color:var(--fg-strong)}
.pg__qa__h{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:860px){
  .pg__qa{grid-template-columns:1fr}
  .pg__qa>div:nth-child(odd){border-right:0;border-bottom:0;padding-bottom:0}
}

.pg__card:has(.pg__mark--in){border-top-color:var(--fg-max)}
.pg__card:has(.pg__mark--octa){border-top-color:var(--terra)}
.pg__card:has(.pg__mark--io){border-top-color:var(--sage)}

html[data-accent="practice"]{--acc:#46716D;--acc-raw:#87ADA2;--acc-band:#F2F7F7;--acc-wash:242,247,247;--tint:#E5EEED}
html[data-accent="lab"]{--acc:#43505B;--acc-raw:#99A0A4;--acc-band:#F3F5F6;--acc-wash:243,245,246;--tint:#E9ECF2}
html[data-accent="projects"]{--acc:#9B583E;--acc-raw:#DC7F5F;--acc-band:#F9F3F0;--acc-wash:249,243,240;--tint:#F1EBE8}
html[data-accent="books"]{--acc:#46716D;--acc-raw:#87ADA2;--acc-band:#F2F7F7;--acc-wash:242,247,247;--tint:#E5EEED}
html[data-accent="about"]{--acc:#43505B;--acc-raw:#99A0A4;--acc-band:#F3F5F6;--acc-wash:243,245,246;--tint:#E9ECF2}

html[data-accent="tools"]{--acc:#9B583E;--acc-raw:#DC7F5F;--acc-band:#F9F3F0;--acc-wash:249,243,240;--tint:#F1EBE8}
html[data-accent="book"]{--acc:#46716D;--acc-raw:#87ADA2;--acc-band:#F2F7F7;--acc-wash:242,247,247;--tint:#E5EEED}
html[data-accent="contact"]{--acc:#43505B;--acc-raw:#99A0A4;--acc-band:#F3F5F6;--acc-wash:243,245,246;--tint:#E9ECF2}

html{--acc:#46716D;--acc-raw:#87ADA2;--acc-band:#F2F7F7;--acc-wash:242,247,247}

.pg__head{position:relative;background:var(--bg);
  border-bottom:1px solid var(--sage-edge)}

.pg__head .pg__crumbband{position:relative}
.pg__head .pg__crumbband::after{content:'';position:absolute;
  left:0;right:0;bottom:-3px;height:3px;background:var(--acc);z-index:1}

.pg__crumbband{background:var(--acc-band);border-bottom:1px solid var(--sage-edge)}
.pg__crumbband .wrap{padding-block:13px}

.pg__crumbband{background:var(--acc-band);border-bottom:1px solid rgba(0,0,0,.06)}
.pg__crumbband>.wrap{display:flex;align-items:center;flex-wrap:wrap;
  padding-block:clamp(11px,1.1vw,15px)}
.smenu{display:flex;align-items:center;flex-wrap:wrap;
  gap:0 clamp(9px,1vw,14px);font-family:var(--mono);font-size:11.5px;
  letter-spacing:.15em;text-transform:uppercase;min-width:0}
.smenu a{color:var(--fg-muted);text-decoration:none;padding:4px 0;
  border-bottom:1px solid transparent;white-space:nowrap;
  transition:color .3s var(--ez),border-color .3s var(--ez)}
.smenu a:hover{color:var(--acc);border-bottom-color:var(--acc)}

.smenu>*{white-space:nowrap}

.smenu i{width:3px;height:3px;border-radius:50%;background:var(--acc);
  opacity:.38;flex:none;display:block}

.smenu [aria-current]{background:var(--acc);color:#fff;font-weight:500;
  padding:5px 11px 4px;border-radius:999px;line-height:1;white-space:nowrap}

@media(max-width:720px){
  .pg__crumbband{position:relative}
  .pg__crumbband>.wrap{padding-right:0}
  .smenu{flex-wrap:nowrap;overflow-x:auto;max-width:100%;
    scrollbar-width:none;padding-bottom:2px;padding-right:34px;
    -webkit-overflow-scrolling:touch}
  .smenu::-webkit-scrollbar{display:none}

  .pg__crumbband::after{content:'';position:absolute;top:0;right:0;bottom:0;
    width:34px;pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--acc-band))}}

.pg__head__grid{display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr);
  gap:clamp(26px,3.4vw,52px);align-items:center;
  padding-block:clamp(44px,5vw,72px)}

.pg__head__grid--noart{grid-template-columns:1fr}

.pg__head__grid--noart .pg__head__copy{max-width:none}
.pg__head__grid--noart h1{max-width:24ch}
.pg__head__grid--noart .pg__lede{max-width:62ch}
.pg__head__grid--noart p{max-width:62ch}

.pg__head__copy{min-width:0}

.pg__head__art{min-width:0;position:relative}

.pg__head__art figure{margin:0;position:relative;width:fit-content;
  margin-inline:auto}
.plate{position:relative;border-radius:1.88rem;overflow:hidden;
  box-shadow:0 18px 48px rgba(8,8,8,.13),
             inset 0 0 0 1px rgba(8,8,8,.09);
  background:#F4F3EE}

.plate img{width:100%;height:auto;display:block;
  aspect-ratio:1904/640;object-fit:cover}

.plate__mark{position:absolute;top:-5px;left:-5px;width:54px;height:54px;
  border-top:2.5px solid var(--acc);border-left:2.5px solid var(--acc);

  border-top-left-radius:calc(1.88rem + 5px);
  pointer-events:none;z-index:2}

.plate__cap{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fg-muted);margin-top:14px;
  display:flex;align-items:center;gap:10px}
.plate__cap b{font-weight:500;color:var(--acc)}

.pg__head h1{font-family:var(--disp);font-weight:400;
  font-size:clamp(32px,4.1vw,54px);line-height:1.06;letter-spacing:-.026em;
  color:var(--fg-max);margin:20px 0 0;max-width:14ch}

.pg__head h1 em{font-style:italic;color:var(--acc);line-height:1.1;
  display:inline-block;padding-bottom:2px}
.pg__head .eyebrow{color:var(--acc)}
.pg__head .eyebrow::before{background:var(--acc-raw)}
.pg__head p{font-size:clamp(16.5px,1.3vw,18.5px);color:var(--fg);
  max-width:48ch;margin-top:20px}
.pg__head .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

@media(max-width:1024px){
  .pg__head__grid{gap:clamp(22px,3vw,40px)}
  .pg__head h1{max-width:12ch}
}
@media(max-width:860px){
  .pg__head__grid{grid-template-columns:1fr;
    padding-block:clamp(32px,5vw,48px)}

  .pg__head__art{order:-1}
  .pg__head h1{max-width:16ch}
  .pg__head p{max-width:none}
}
@media(max-width:430px){
  .plate{border-radius:1.2rem}
  .plate__mark{width:34px;height:34px;border-width:2px;top:-4px;left:-4px;
    border-top-left-radius:calc(1.2rem + 4px)}
  .pg__head h1{font-size:clamp(29px,8vw,36px)}
}

.hdr__has{position:relative}
.hdr__car{width:7px;height:7px;margin-left:7px;flex:none;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);opacity:.55;
  transition:transform .4s var(--ez),opacity .4s var(--ez)}
.hdr__has:hover .hdr__car,.hdr__has:focus-within .hdr__car{opacity:1;transform:translateY(0) rotate(225deg)}

.hdr__sub{position:absolute;top:100%;left:0;z-index:60;
  min-width:330px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .34s var(--ez),transform .34s var(--ez),visibility 0s .34s}
.hdr__has:hover .hdr__sub,.hdr__has:focus-within .hdr__sub{
  opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}

.hdr__sub__in{background:var(--sub-bed,#F2F7F7);border:1px solid rgba(0,0,0,.08);border-top:0;
  box-shadow:0 22px 44px -18px rgba(0,0,0,.28)}
.hdr__sub a{display:block;padding:14px 20px 13px;text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.07);border-left:0;
  transition:background-color .3s var(--ez)}
.hdr__sub a:last-child{border-bottom:0}
.hdr__sub a::after{display:none}
.hdr__sub a:hover{background:rgba(0,0,0,.045)}
.hdr__sub b{display:block;font-size:14.5px;font-weight:500;
  color:var(--fg-strong);margin-bottom:3px}
.hdr__sub span{display:block;font-size:12.5px;line-height:1.45;
  color:var(--fg-muted)}
.hdr__sub a:hover b{color:var(--sub-acc,var(--acc))}

@media(min-width:861px) and (max-width:1180px){
  .hdr__has:last-child .hdr__sub{left:auto;right:0}
}

@media(max-width:860px){

  .hdr__sub{display:none}
  .hdr__car{display:none}
}

.hdr__links a[data-cur="true"]{background:var(--acc-band);color:var(--fg-strong);font-weight:500}

.hdr__links a[data-cur="true"]::after{background:var(--gold);transform:scaleX(1)}
.hdr__links a[data-cur="true"]:hover{background:var(--acc-band);color:var(--fg-strong)}

.hdr__u--cta[data-cur="true"]{box-shadow:inset 0 -3px 0 var(--char)}

@media(max-width:860px){

  .hdr__links a[data-cur="true"]{box-shadow:inset 3px 0 0 var(--acc-raw)}
  .hdr__links a[data-cur="true"]::after{display:none}
}

.swg{display:grid;gap:1px;background:var(--sage-edge);border:1px solid var(--sage-edge);
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));margin-top:26px}
.sw{display:flex;gap:0;background:var(--surface);min-height:132px}
.sw__chip{flex:0 0 96px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px}
.sw__on{font-size:15px;font-weight:500;line-height:1.15}
.sw__b{flex:1;min-width:0;padding:14px 16px 13px}
.sw__b code{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;
  color:var(--fg-max);font-weight:500}
.sw__tok{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--fg);margin-top:3px}
.sw__b p{font-size:12.5px;line-height:1.45;color:var(--fg);margin:7px 0 9px}
.sw__m{display:flex;flex-wrap:wrap;gap:3px 10px}
.sw__m span{font-size:10.5px;letter-spacing:.02em;color:var(--fg);
  white-space:nowrap}
.sw__m b{font-weight:500;font-family:var(--mono);font-size:10px}
.sw__m .ok{color:#487957}
.sw__m .no{color:#962531}
.sw__m .no::before{content:'fails ';font-family:var(--ui)}
.sw__hsl{font-family:var(--mono);font-size:10px;color:var(--fg-muted);
  margin-top:7px;letter-spacing:.04em}
@media(max-width:520px){
  .swg{grid-template-columns:1fr}
  .sw__chip{flex-basis:74px}
}

.foot__grid{display:grid;grid-template-columns:1.6fr repeat(5,1fr);
  gap:clamp(20px,2.2vw,38px);padding:clamp(52px,6vw,78px) 0 clamp(36px,4vw,52px);
  border-bottom:1px solid rgba(243,244,239,.11)}
.foot__col h3{font-family:var(--ui);font-size:11.5px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
  margin:0 0 15px}
.foot__col ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.foot__col a{color:#F3F4EF;text-decoration:none;font-size:14.5px;
  line-height:1.45;transition:color .3s var(--ez)}
.foot__col a:hover{color:var(--gold)}
.foot__col li ul{margin-top:9px;padding-left:13px;
  border-left:1px solid rgba(243,244,239,.15)}
.foot__col li ul a{font-size:13.5px;color:#F3F4EF}
.foot__col li ul a:hover{color:var(--gold)}

.foot__about p{font-size:14.5px;line-height:1.62;color:#F3F4EF;
  margin:0 0 14px;max-width:44ch}
.foot__about strong{color:#FFFFFF;font-weight:500}
.foot__about a{color:var(--gold);text-decoration:none;font-size:14px;
  border-bottom:1px solid rgba(224,169,103,.4)}
.foot__about a:hover{border-color:var(--gold)}

.foot__legal{display:flex;justify-content:space-between;align-items:center;
  gap:20px;flex-wrap:wrap;padding:22px 0 0;font-size:13px;
  color:#F3F4EF}
.foot__legal ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;
  gap:7px 20px}
.foot__legal a{color:#F3F4EF;text-decoration:none}
.foot__legal a:hover{color:var(--gold)}
.foot__legal .soon{color:#F3F4EF;cursor:default}

@media(max-width:1100px){
  .foot__grid{grid-template-columns:repeat(3,1fr);gap:34px 26px}
  .foot__about{grid-column:1 / -1}
}
@media(max-width:560px){
  .foot__grid{grid-template-columns:1fr}
  .foot__legal{flex-direction:column;align-items:flex-start;gap:12px}
}
.foot__logo{display:inline-block;margin-bottom:17px}
.foot__logo img{height:26px;width:auto;display:block}

@media(max-width:700px){

  .hero__frame img{transform:none;object-position:50% 30% !important}
}

.sub{background:var(--acc);color:#fff;border-radius:var(--r);
  padding:clamp(26px,3.2vw,40px) clamp(22px,3vw,42px);
  display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(18px,2.6vw,44px);
  align-items:center;margin-top:clamp(34px,4vw,52px)}
.sub h2{font-family:var(--disp);font-weight:400;font-size:clamp(23px,2.5vw,31px);
  line-height:1.14;margin:0 0 8px;color:#fff}
.sub p{font-size:14.5px;line-height:1.55;margin:0;color:var(--fg-on-dark)}
.sub__form{display:flex;gap:9px;flex-wrap:wrap}
.sub__form input{flex:1;min-width:190px;font:inherit;font-size:15px;
  padding:13px 16px;border:1px solid rgba(255,255,255,.42);border-radius:999px;
  background:rgba(255,255,255,.1);color:#fff}
.sub__form input::placeholder{color:rgba(255,255,255,.66)}
.sub__form input:focus{outline:2px solid #fff;outline-offset:2px;
  background:rgba(255,255,255,.16)}
.sub__form button{font:inherit;font-size:15px;font-weight:500;cursor:pointer;
  padding:13px 26px;border:0;border-radius:999px;

  background:var(--gold);color:var(--gold-ink);
  transition:background-color .3s var(--ez)}
.sub__form button:hover{background:#EAB877}
.sub__fine{font-size:12.5px;color:var(--fg-on-dark);margin-top:10px}
@media(max-width:820px){.sub{grid-template-columns:1fr}}

.kind{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 11px 4px;border-radius:999px;line-height:1;flex:none}
.kind--insight{background:var(--acc);color:#fff}

.kind--field-note{background:var(--surface-inverse);color:var(--fg-on-dark)}
.kind--news,

.kind--newsletter{background:transparent;color:var(--acc);
  box-shadow:inset 0 0 0 1px var(--acc)}

.kind--announcement{background:var(--gold);color:var(--gold-ink)}
.kind i{width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}

.feed{display:grid;gap:1px;background:var(--sage-edge);
  border-block:1px solid var(--sage-edge);margin-top:30px}
.feed__it{display:grid;grid-template-columns:132px 1fr auto;gap:clamp(16px,2.4vw,34px);
  align-items:start;background:var(--surface);padding:clamp(20px,2.4vw,30px) clamp(4px,1vw,14px);
  text-decoration:none;transition:background-color .35s var(--ez)}
.feed__it:hover{background:var(--surface-raised)}
.feed__d{font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  color:var(--fg);padding-top:3px}
.feed__b h3{font-family:var(--disp);font-weight:400;
  font-size:clamp(19px,2vw,25px);line-height:1.2;margin:10px 0 0;color:var(--fg-max)}
.feed__b p{font-size:14.5px;line-height:1.55;color:var(--fg);margin:8px 0 0;
  max-width:62ch}
.feed__m{display:flex;gap:14px;font-family:var(--mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--fg);
  margin-top:11px;flex-wrap:wrap}
.feed__go{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--acc);white-space:nowrap;padding-top:5px;
  opacity:0;transform:translateX(-6px);
  transition:opacity .35s var(--ez),transform .35s var(--ez)}
.feed__it:hover .feed__go{opacity:1;transform:translateX(0)}

.feed__it[data-kind="news"]{padding-block:clamp(15px,1.7vw,21px)}
.feed__it[data-kind="news"] .feed__b h3{font-size:clamp(17px,1.6vw,20px);
  font-family:var(--ui);font-weight:500;letter-spacing:-.005em}
@media(max-width:760px){
  .feed__it{grid-template-columns:1fr;gap:9px}
  .feed__go{display:none}
}

figure.art__fig{margin-block:clamp(30px,3.6vw,46px)}

figure.art__fig img,figure.art__fig video{width:100%;display:block;
  border-radius:1.88rem;background:var(--surface-raised);
  box-shadow:0 14px 38px rgba(8,8,8,.11),inset 0 0 0 1px rgba(8,8,8,.09)}

@media(max-width:760px){
  figure.art__fig.art__wide img,.art__wide figure.art__fig img,
  .art__wide .art__vid{border-radius:0;box-shadow:none}
}

figure.art__fig.art__fig--band img{aspect-ratio:1904/640;object-fit:cover;
  object-position:center;height:auto}
figure.art__fig.art__fig--inline img{aspect-ratio:4/3;object-fit:cover;
  object-position:center 22%;height:auto}

figure.art__fig.art__wide:not(.art__fig--band):not(.art__fig--inline) img{
  aspect-ratio:16/9;object-fit:cover;object-position:center 30%;height:auto}
figcaption{font-size:13px;line-height:1.5;color:var(--fg);margin-top:11px;
  padding-left:13px;border-left:2px solid var(--acc)}
.art__fig--duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.art__fig--duo figcaption{grid-column:1 / -1}
@media(max-width:680px){.art__fig--duo{grid-template-columns:1fr}}

.art__vid{position:relative;aspect-ratio:16/9;border-radius:var(--r);
  overflow:hidden;background:var(--surface-inverse)}
.art__vid video,.art__vid iframe{position:absolute;inset:0;width:100%;height:100%;
  border:0;object-fit:cover}
.art__vid__badge{position:absolute;left:14px;bottom:14px;z-index:2;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:rgba(26,37,48,.72);
  padding:6px 11px 5px;border-radius:999px;backdrop-filter:blur(6px)}

.art__tbl{width:100%;border-collapse:collapse;font-size:14.5px;
  margin-block:clamp(26px,3vw,38px)}
.art__tbl caption{text-align:left;font-family:var(--mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--acc);
  padding-bottom:11px}
.art__tbl th{text-align:left;font-family:var(--ui);font-weight:500;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--sage-t);
  padding:11px 14px;white-space:nowrap}
.art__tbl td{padding:12px 14px;border-bottom:1px solid var(--sage-edge);
  color:var(--fg);vertical-align:top}
.art__tbl tbody tr:nth-child(even) td{background:var(--surface-raised)}
.art__tbl td:first-child{color:var(--fg-max);font-weight:500}
.art__tbl td.num{font-family:var(--mono);font-size:13.5px;text-align:right;
  white-space:nowrap}
.art__tbl th.num{text-align:right}
.art__tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:900px){.art__tbl th{white-space:normal}}

.art__chart{margin-block:clamp(28px,3.2vw,42px);display:grid;gap:13px}
.art__chart__cap{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--acc)}
.bar{display:grid;grid-template-columns:150px 1fr 54px;gap:14px;align-items:center}
.bar__l{display:block;font-size:13.5px;color:var(--fg-max)}

.bar__t{display:block;height:22px;background:var(--surface-raised);border-radius:3px;overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--sage-edge)}

.bar__f{display:block;height:100%;background:var(--acc);border-radius:3px;
  transform-origin:left;animation:barin 1s var(--ez)}

.bar[data-c="2"] .bar__f{background:var(--acc);opacity:.85}
.bar[data-c="3"] .bar__f{background:var(--acc);opacity:.70}
.bar[data-c="4"] .bar__f{background:var(--acc);opacity:.55}

.bar[data-mark] .bar__f{background:var(--gold);opacity:1}
.bar[data-mark] .bar__l{font-weight:500;color:var(--fg-max)}

.bar__v{display:block;font-family:var(--mono);font-size:13px;text-align:right;color:var(--fg-max)}
@keyframes barin{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.bar__f{animation:none}}
@media(max-width:620px){.bar{grid-template-columns:1fr 46px;gap:6px 10px}
  .bar__l{grid-column:1 / -1}.bar__t{grid-column:1}}

.art__note{background:var(--surface-sunken);border-left:3px solid var(--acc);
  border-radius:0 var(--r) var(--r) 0;padding:clamp(18px,2.2vw,26px);
  margin-block:clamp(26px,3vw,38px)}
.art__note b{display:block;font-family:var(--ui);font-size:12px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.art__note p{margin:0;font-size:15px;line-height:1.6;color:var(--fg)}

.art__code{background:var(--surface-inverse);color:#F3F4EF;border-radius:var(--r);
  padding:clamp(16px,2vw,24px);overflow-x:auto;font-family:var(--mono);
  font-size:13px;line-height:1.65;margin-block:clamp(26px,3vw,38px)}

.art__code .c{color:var(--sage-od)}
.art__code .k{color:var(--gold)}

.art__notes{margin-top:clamp(38px,4.4vw,60px);padding-top:22px;
  border-top:1px solid var(--sage-edge);font-size:13.5px;line-height:1.6;
  color:var(--fg)}

.ann__dateline{font-size:17px;line-height:1.68;color:var(--fg);margin:26px 0 0;max-width:74ch}
.ann__dateline b{color:var(--fg-strong);font-weight:600}

.ann__quote{margin:clamp(34px,4vw,52px) 0 0;padding:26px 0 0;
  border-top:1px solid var(--border);position:relative;max-width:74ch}
.ann__quote::after{content:'';position:absolute;left:0;top:-1px;width:64px;
  height:3px;background:var(--acc)}
.ann__quote blockquote{margin:0}
.ann__quote blockquote p{font-family:var(--disp);font-style:italic;font-weight:300;
  font-size:clamp(19px,2.2vw,26px);line-height:1.34;color:var(--fg-strong);
  max-width:28ch;margin:0}
.ann__quote figcaption{margin-top:16px;display:flex;flex-wrap:wrap;gap:4px 12px;
  align-items:baseline}
.ann__who{font-family:var(--ui);font-size:14.5px;font-weight:600;color:var(--fg-strong)}
.ann__role{font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--fg-muted)}

.ann__boiler,.ann__media{margin-top:clamp(34px,4vw,52px);padding:26px 28px 24px;
  background:var(--tint);border-radius:10px;max-width:74ch}
.ann__boiler h2,.ann__media h2{font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--acc);
  margin:0 0 12px;font-weight:500;max-width:none}
.ann__boiler p{margin:0;font-size:15px;line-height:1.66;color:var(--fg)}
.ann__assets{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ann__assets li{font-size:14.5px;line-height:1.5}
.ann__assets a{color:var(--acc);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--acc) 38%,transparent)}
.ann__assets a:hover{border-bottom-color:var(--acc)}
.ann__contact{margin:16px 0 0;font-size:14.5px;color:var(--fg)}
.ann__contact span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--fg-muted);margin-right:8px}
.ann__contact a{color:var(--acc);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--acc) 38%,transparent)}

.pg__art a.fn{font-family:var(--mono);font-size:.66em;font-weight:500;
  text-decoration:none;vertical-align:super;line-height:0;
  padding:3px 5px;margin-left:2px;border-radius:3px;
  background:var(--gold);color:var(--gold-ink);border-bottom:0}
.pg__art a.fn:hover{background:#EAB877;border-bottom:0}

.art__notes ol{padding-left:0;margin:0;list-style:none;display:grid;gap:11px;
  counter-reset:fn}
.art__notes li{counter-increment:fn;position:relative;padding:2px 0 2px 34px;
  font-size:13.5px;line-height:1.6;color:var(--fg);
  border-radius:3px;transition:background-color .5s var(--ez)}
.art__notes li::before{content:counter(fn);position:absolute;left:0;top:2px;
  font-family:var(--mono);font-size:10px;font-weight:500;
  min-width:19px;height:19px;display:grid;place-items:center;
  background:var(--gold);color:var(--gold-ink);border-radius:3px}
.art__notes li:target{background:color-mix(in srgb,var(--gold) 22%,transparent)}
.art__notes .back{font-family:var(--mono);font-size:10.5px;color:var(--acc);
  text-decoration:none;margin-left:7px;border-bottom:1px solid transparent}
.art__notes .back:hover{border-bottom-color:var(--acc)}

.art__sub{margin-top:clamp(40px,4.6vw,64px)}

.pg__sec--next{padding-top:clamp(56px,6vw,86px);padding-bottom:clamp(56px,6vw,86px);
  border-top:1px solid var(--sage-edge)}
.next__h{display:flex;align-items:baseline;justify-content:space-between;
  gap:20px;flex-wrap:wrap;margin-bottom:clamp(22px,2.4vw,32px)}
.next__h h2{font-family:var(--disp);font-weight:400;margin:0;
  font-size:clamp(23px,2.4vw,31px);color:var(--fg-max)}
.next__all{font-family:var(--ui);font-size:14.5px;color:var(--acc);
  display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.next__all i{width:16px;height:1px;background:currentColor;flex:none;
  transition:width .35s var(--ez)}
.next__all:hover i{width:26px}

.mag--next{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.mag--next{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mag--next{grid-template-columns:1fr}}

.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pg__kindrow{margin-bottom:15px}

.lead{position:relative;margin-top:0}

.lead>.wrap{padding-top:clamp(34px,3.6vw,52px)}
.lead__img{position:relative;display:block;width:100%;
  height:clamp(230px,26vw,340px);overflow:hidden;background:var(--surface-raised);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.lead__img img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}
.lead__cap{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;
  gap:clamp(20px,3vw,54px);margin-top:clamp(22px,2.6vw,32px)}
@media(max-width:860px){.lead__cap{grid-template-columns:1fr;gap:16px}}
.lead__cap h1{margin:0;max-width:19ch}
.lead__cap p{margin:0;max-width:48ch;font-size:15.5px;line-height:1.6;color:var(--fg)}

.filt{margin-top:clamp(22px,2.6vw,34px)}
.feed__head h2{font-family:var(--disp);font-weight:400;
  font-size:clamp(26px,3.2vw,38px);line-height:1.1;color:var(--fg-max);margin:0}
.feed__head h2 em{font-style:normal;color:var(--acc)}
.feed__head p{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;
  color:var(--fg);margin:8px 0 0}

.filt__card{padding:clamp(14px,1.6vw,20px) clamp(18px,2vw,26px);
  background:var(--tint);border-radius:1.88rem;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 26%,transparent)}

.filt__row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filt__row--tags{margin-top:clamp(10px,1.1vw,14px);padding-top:clamp(10px,1.1vw,14px);
  border-top:1px solid color-mix(in srgb,var(--acc) 18%,transparent)}
.filt__meta{display:flex;align-items:center;gap:14px;
  margin-top:clamp(10px,1.2vw,14px);padding:0 clamp(18px,2vw,26px)}

.pg__sec--feed{padding-top:clamp(52px,6vw,84px);padding-bottom:clamp(64px,7vw,96px)}
.pg__sec--feed .filt{margin-top:0}

.pg__sec--feed .mag{margin-top:clamp(20px,2.2vw,30px)}

.filt__sort{display:inline-flex;border-radius:999px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 24%,transparent);
  background:color-mix(in srgb,var(--acc) 5%,transparent);overflow:hidden}
.filt__sort button{font-family:var(--ui);font-size:13px;color:var(--acc);
  background:transparent;border:0;cursor:pointer;padding:8px 15px 7px;
  transition:background-color .3s var(--ez),color .3s var(--ez)}
.filt__sort button[aria-pressed="true"]{background:var(--acc);color:#fff}
.filt__sort button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}

.filt__row--tags [data-tag]{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;
  padding:6px 11px 5px;border-radius:.6rem}

.filt__row--tags [data-tag]:disabled{opacity:.38;cursor:not-allowed;
  box-shadow:inset 0 0 0 1px var(--sage-edge)}

.filt__s{margin-left:auto}
@media(max-width:820px){
  .filt__s{margin-left:0;width:100%}
  .filt__s input{width:100%}
}

.filt__l{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fg);margin-right:6px}

.filt a,.filt button{font-family:var(--ui);font-size:13.5px;text-decoration:none;
  padding:8px 15px 7px;border-radius:999px;color:var(--acc);
  background:transparent;border:0;cursor:pointer;line-height:1.35;
  box-shadow:inset 0 0 0 1px var(--sage-edge);
  transition:background-color .3s var(--ez),box-shadow .3s var(--ez),color .3s var(--ez)}
.filt a:hover,.filt button:hover{box-shadow:inset 0 0 0 1px var(--acc)}

.filt button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.filt a[aria-current="true"],.filt button[aria-pressed="true"]{background:var(--acc);
  color:#fff;box-shadow:inset 0 0 0 1px var(--acc)}
.filt__n{font-family:var(--mono);font-size:12px;color:var(--fg)}

.mag{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(24px,2.8vw,40px);margin-top:clamp(30px,3.4vw,44px)}
.mag__c{display:flex;flex-direction:column;text-decoration:none}

.mag__c[hidden]{display:none}
.mag__c .thumb{margin-bottom:15px;background:var(--surface-raised)}
.mag__c .card__octa{margin-bottom:12px}

.mag__c .kind{align-self:flex-start;margin-bottom:10px}
.mag__c h3{font-family:var(--disp);font-weight:400;
  font-size:clamp(19px,1.9vw,24px);line-height:1.2;margin:0 0 9px;color:var(--fg-max)}
.mag__c p{font-size:14.5px;line-height:1.58;color:var(--fg);margin:0}
.mag__m{display:flex;gap:13px;flex-wrap:wrap;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fg);margin-top:13px}
.mag__go{margin-top:14px;font-size:14px;color:var(--acc);
  border-bottom:1px solid rgba(110,82,114,.34);align-self:flex-start;
  padding-bottom:2px;transition:border-color .3s var(--ez)}
.mag__c:hover .mag__go{border-color:var(--acc)}
.mag__c:hover .thumb img{transform:scale(1.04)}

.filt__s{position:relative;display:flex;align-items:center;margin-left:auto}
.filt__s svg{position:absolute;left:11px;width:13px;height:13px;stroke:var(--acc);
  stroke-width:1.8;fill:none;opacity:.7;pointer-events:none}
.filt__s input{font-family:var(--ui);font-size:13.5px;color:var(--fg-max);
  padding:8px 14px 7px 31px;border:0;border-radius:999px;background:transparent;
  box-shadow:inset 0 0 0 1px var(--sage-edge);width:clamp(150px,17vw,220px);
  transition:box-shadow .3s var(--ez),width .3s var(--ez)}
.filt__s input::placeholder{color:var(--fg);opacity:.72}
.filt__s input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--acc);
  width:clamp(180px,21vw,260px)}

@media(max-width:700px){
  .filt__s{margin-left:0;width:100%;order:9}
  .filt__s input{width:100%}
  .filt__s input:focus{width:100%}
}

.mag{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(22px,2.4vw,34px);margin-top:clamp(30px,3.4vw,44px);align-items:stretch}
.mag__c{display:flex;flex-direction:column;text-decoration:none;height:100%;
  padding:clamp(18px,1.9vw,24px);border-radius:1.88rem;
  transition:box-shadow .35s var(--ez),transform .35s var(--ez)}
.mag__c:hover{transform:translateY(-3px)}
.mag__c .thumb{margin-bottom:16px;background:var(--surface-raised);
  aspect-ratio:16/10;border-radius:14px}
.mag__c .card__octa{margin-bottom:12px}
.mag__c .kind{align-self:flex-start;margin-bottom:11px}
.mag__c h3{font-family:var(--disp);font-weight:400;
  font-size:clamp(18px,1.55vw,21px);line-height:1.22;margin:0 0 9px}
.mag__c p{font-size:14.5px;line-height:1.56;margin:0}
.mag__m{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;margin-top:13px}

.mag__go{margin-top:auto;padding-top:14px;font-size:14px;align-self:flex-start;
  border-bottom:1px solid transparent;transition:border-color .3s var(--ez)}
.mag__c:hover .thumb img{transform:scale(1.04)}

.mag__c[data-kind="field-note"]{background:var(--surface-raised);
  box-shadow:inset 0 0 0 1px var(--sage-edge)}
.mag__c[data-kind="field-note"] h3{color:var(--fg-max)}
.mag__c[data-kind="field-note"] p{color:var(--fg)}
.mag__c[data-kind="field-note"] .mag__m{color:var(--fg)}
.mag__c[data-kind="field-note"] .mag__go{color:var(--acc);
  border-bottom-color:color-mix(in srgb,var(--acc) 34%,transparent)}
.mag__c[data-kind="field-note"]:hover{box-shadow:inset 0 0 0 1px
  color-mix(in srgb,var(--acc) 45%,transparent)}

.mag__c[data-kind="announcement"]{background:var(--surface-inverse);
  box-shadow:inset 0 0 0 1px rgba(243,244,239,.14)}

.mag__c[data-kind="announcement"] h3{color:var(--fg-on-dark)}
.mag__c[data-kind="announcement"] p{color:var(--fg-on-dark)}
.mag__c[data-kind="announcement"] .mag__m{color:var(--fg-on-dark)}
.mag__c[data-kind="announcement"] .mag__go{color:var(--gold);
  border-bottom-color:rgba(224,169,103,.42)}
.mag__c[data-kind="announcement"]:hover{box-shadow:inset 0 0 0 1px rgba(224,169,103,.5)}
.mag__c[data-kind="announcement"] .card__octa{filter:invert(1) brightness(1.6)}

.mag__c[data-kind="field-note"] .kind{background:var(--surface-inverse);color:var(--fg-on-dark)}
.mag__c[data-kind="announcement"] .kind{background:var(--gold);color:var(--gold-ink)}

.mag__c[data-access="use-it-now"]{background:var(--surface-raised);
  box-shadow:inset 0 0 0 1px var(--sage-edge)}
.mag__c[data-access="use-it-now"] h3{color:var(--fg-max)}
.mag__c[data-access="use-it-now"] p,
.mag__c[data-access="use-it-now"] .mag__m{color:var(--fg)}
.mag__c[data-access="use-it-now"] .mag__go{color:var(--acc);
  border-bottom-color:color-mix(in srgb,var(--acc) 34%,transparent)}
.mag__c[data-access="use-it-now"]:hover{box-shadow:inset 0 0 0 1px
  color-mix(in srgb,var(--acc) 45%,transparent)}

.mag__c[data-access="use-it-now"] .kind{background:var(--acc);color:#fff}

.mag__c[data-access="see-a-demo"],
.mag__c[data-access="on-request"]{background:var(--tint);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 32%,transparent)}
.mag__c[data-access="see-a-demo"] h3,
.mag__c[data-access="on-request"] h3{color:var(--fg-max)}
.mag__c[data-access="see-a-demo"] p,
.mag__c[data-access="on-request"] p,
.mag__c[data-access="see-a-demo"] .mag__m,
.mag__c[data-access="on-request"] .mag__m{color:var(--fg)}
.mag__c[data-access="see-a-demo"] .mag__go,
.mag__c[data-access="on-request"] .mag__go{color:var(--acc);
  border-bottom-color:color-mix(in srgb,var(--acc) 40%,transparent)}
.mag__c[data-access="see-a-demo"]:hover,
.mag__c[data-access="on-request"]:hover{box-shadow:inset 0 0 0 1px var(--acc)}
.mag__c[data-access="see-a-demo"] .kind,
.mag__c[data-access="on-request"] .kind{background:transparent;color:var(--acc);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent)}

.mag__c[data-access="client-built"]{background:var(--surface-inverse);
  box-shadow:inset 0 0 0 1px rgba(243,244,239,.14)}

.mag__c[data-access="client-built"] h3{color:var(--fg-on-dark)}
.mag__c[data-access="client-built"] p{color:var(--fg-on-dark)}
.mag__c[data-access="client-built"] .mag__m{color:var(--fg-on-dark)}
.mag__c[data-access="client-built"] .mag__go{color:var(--gold);
  border-bottom-color:rgba(224,169,103,.42)}
.mag__c[data-access="client-built"]:hover{box-shadow:inset 0 0 0 1px rgba(224,169,103,.5)}
.mag__c[data-access="client-built"] .card__octa{filter:invert(1) brightness(1.6)}
.mag__c[data-access="client-built"] .kind{background:var(--gold);color:var(--gold-ink)}

.mag__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mag__tags span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;padding:3px 7px 2px;border-radius:.4rem;
  color:var(--fg);box-shadow:inset 0 0 0 1px var(--sage-edge)}
.mag__c[data-access="client-built"] .mag__tags span{color:var(--fg-on-dark);
  box-shadow:inset 0 0 0 1px rgba(243,244,239,.18)}
.mag__c[data-access="see-a-demo"] .mag__tags span,
.mag__c[data-access="on-request"] .mag__tags span{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 25%,transparent)}

.mag__c[data-over]{display:none}
.mag__more{display:flex;justify-content:center;margin-top:clamp(28px,3.2vw,42px)}
.mag__more button{font-family:var(--ui);font-size:14.5px;color:var(--acc);
  background:transparent;border:0;cursor:pointer;
  padding:13px 26px;border-radius:999px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 32%,transparent);
  transition:box-shadow .3s var(--ez),background-color .3s var(--ez)}
.mag__more button:hover{background:var(--tint);
  box-shadow:inset 0 0 0 1px var(--acc)}
.mag__more button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.mag__more[hidden]{display:none}

@media(max-width:900px){.mag{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mag{grid-template-columns:1fr}}

.ann{margin-top:clamp(44px,5vw,68px)}
.ann__h{display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--acc)}
.ann__h h2{margin:0;font-size:clamp(20px,2vw,25px)}
.ann__h span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--fg)}
.ann__it{display:grid;grid-template-columns:112px 1fr auto;gap:clamp(14px,2vw,28px);
  align-items:baseline;padding:16px 0;border-bottom:1px solid var(--sage-edge);
  text-decoration:none;transition:padding-left .3s var(--ez)}
.ann__it:hover{padding-left:8px}
.ann__d{font-family:var(--mono);font-size:12px;color:var(--fg)}
.ann__t{font-size:16px;line-height:1.4;color:var(--fg-max)}
.ann__go{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--acc);opacity:0;transition:opacity .3s var(--ez)}
.ann__it:hover .ann__go{opacity:1}
@media(max-width:640px){
  .ann__it{grid-template-columns:1fr;gap:5px}
  .ann__go{display:none}
}

.srch{margin-top:26px;max-width:62ch}
.srch__lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.srch__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--surface-raised);border:1px solid var(--border-strong);
  border-radius:999px;padding:6px 6px 6px 18px}
.srch__ico{display:grid;place-items:center;color:var(--fg-muted);flex:none}
.srch__in{flex:1 1 12ch;min-inline-size:0;border:0;background:none;outline:none;
  font-family:var(--font-body);font-size:16px;color:var(--fg);padding:12px 0}
.srch__in::placeholder{color:var(--fg-muted)}
.srch__row:focus-within{border-color:var(--action)}
.srch__count{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-muted);margin-bottom:26px}
.srch__count strong{color:var(--fg-strong);font-weight:500}
.srch__count em{font-style:normal;color:var(--action)}
.srch__list{list-style:none;padding:0;margin:0;max-width:74ch}
.srch__it{border-top:1px solid var(--border)}
.srch__it:last-child{border-bottom:1px solid var(--border)}
.srch__it a{display:block;padding:26px 0;text-decoration:none;color:inherit}
.srch__it a:hover h2{color:var(--action)}
.srch__kind{display:inline-block;font-family:var(--font-mono);font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--action);margin-bottom:9px}
.srch__it h2{font-family:var(--font-display);font-weight:400;font-size:clamp(21px,2.1vw,26px);
  line-height:1.2;margin:0 0 8px;color:var(--fg-strong);
  transition:color .4s var(--ez)}
.srch__it p{margin:0 0 10px;color:var(--fg);max-width:66ch}
.srch__url{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-muted);
  overflow-wrap:anywhere}

.empty{text-align:center;max-width:52ch;margin:clamp(40px,7vw,84px) auto;
  padding:clamp(30px,4vw,48px) 26px;
  background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--r)}
.empty__ico{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 18px;
  border-radius:999px;background:var(--surface-raised);color:var(--fg-muted)}
.empty h2{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.4vw,29px);
  line-height:1.18;margin:0 0 10px;color:var(--fg-strong);
  text-align:center;max-width:none}
.empty p{margin:0 auto 22px;color:var(--fg);max-width:44ch}
.empty__acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:560px){
  .srch__row{border-radius:var(--r);padding:12px}
  .srch__row .btn{width:100%;justify-content:center}
}

.cs__hero{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,88px) var(--gut) 0}
.cs__sec{max-width:var(--max);margin:0 auto;padding:clamp(40px,5vw,64px) var(--gut) 0}
.cs__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fg-muted);display:flex;align-items:center;gap:10px;margin:0 0 14px}
.cs__eyebrow:before{content:"";width:26px;height:1px;background:currentColor;opacity:.5}
.cs__lede{max-width:66ch;color:var(--fg)}
.cs__fam{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r);
  margin-bottom:16px;overflow:hidden}
.cs__fhd{padding:16px 20px 12px;border-bottom:1px solid var(--border)}
.cs__fhd h3{font-family:var(--disp);font-size:21px;font-weight:400;color:var(--fg-strong);margin:0;
  display:flex;align-items:center;gap:10px}
.cs__tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--border);border-radius:2px;padding:3px 7px;color:var(--fg-muted)}
.cs__fhd p{margin:3px 0 0;font-size:13.5px;color:var(--fg-muted)}
.cs__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cs__grid .fm{padding:16px 16px 18px;min-height:108px;border-right:1px solid rgba(255,255,255,.14)}
.cs__grid .fm:last-child{border-right:0}

.cs__grid .fl{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase}
.cs__grid .fh{font-family:var(--mono);font-size:14px;margin-top:8px}
.cs__grid .fr{font-family:var(--mono);font-size:10.5px;margin-top:7px;line-height:1.8;
  display:flex;flex-wrap:wrap;gap:4px 10px}
.cs__grid .fx{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
  margin-top:6px;font-weight:500}
.cs__note{padding:11px 20px;font-size:13px;background:var(--amber-lt,#FCF5EE);
  border-top:1px solid var(--border);margin:0;color:var(--fg)}
.cs__dark{border-radius:var(--r);padding:clamp(24px,3.4vw,34px)}
.cs__dark h2{font-family:var(--disp);font-size:clamp(22px,2.3vw,27px);font-weight:400;
  color:var(--fg-on-dark);margin:0 0 8px}
.cs__dark p{color:var(--fg-on-dark);max-width:66ch;margin:6px 0 0}
.cs__demo{font-family:var(--disp);font-size:clamp(22px,2.6vw,30px);display:flex;gap:26px;
  flex-wrap:wrap;margin-top:20px}
.cs__cap{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--fg-on-dark);margin-top:8px}
.cs__band{display:flex;height:46px;border-radius:var(--r);overflow:hidden;margin-top:18px;
  border:1px solid var(--border)}

.cs__b{display:flex;align-items:center;justify-content:center;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-max)}
.cs__b--n{background:var(--surface-raised);color:var(--fg-muted)}
.cs__b--ink{color:var(--fg-max)}
@media (max-width:860px){
  .cs__grid{grid-template-columns:repeat(2,1fr)}
  .cs__grid .fm:nth-child(2n){border-right:0}
}
@media (max-width:520px){ .cs__grid{grid-template-columns:1fr} .cs__grid .fm{border-right:0} }

.pg__formgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:clamp(32px,4vw,64px);align-items:start}
@media (max-width:860px){.pg__formgrid{grid-template-columns:1fr}}

.pg__form{max-width:60ch}
.pg__field{margin:0 0 22px}
.pg__field label{display:block;font-family:var(--ui);font-size:13.5px;font-weight:600;
  letter-spacing:.01em;color:var(--fg-strong);margin:0 0 7px}
.pg__opt{font-weight:400;color:var(--fg-muted);letter-spacing:.02em}

.pg__field input,.pg__field textarea{width:100%;box-sizing:border-box;
  font-family:var(--ui);font-size:16px;
  line-height:1.5;color:var(--fg-strong);background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;
  transition:border-color .18s var(--ez),box-shadow .18s var(--ez)}
.pg__field textarea{resize:vertical;min-height:132px}
.pg__field input::placeholder,.pg__field textarea::placeholder{color:var(--fg-muted)}

.pg__field input:focus-visible,.pg__field textarea:focus-visible{outline:2px solid var(--sage);
  outline-offset:1px;border-color:var(--sage)}
.pg__field input:disabled,.pg__field textarea:disabled{background:var(--surface-sunken);
  color:var(--fg-muted);cursor:not-allowed}

.pg__hint{font-size:13px;line-height:1.5;color:var(--fg-muted);margin:6px 0 0}

.pg__err{font-size:13px;line-height:1.5;color:var(--terra-t);margin:6px 0 0;font-weight:500}
.pg__err:empty{display:none}
.pg__field--bad input,.pg__field--bad textarea{border-color:var(--terra-t)}

.pg__form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.pg__consent{font-size:13.5px;line-height:1.6;color:var(--fg-muted);margin:0 0 20px}
.pg__consent a{color:var(--sage-t);text-decoration:underline;text-underline-offset:2px}

.pg__form__done h2{font-family:var(--disp);font-weight:400;
  font-size:clamp(24px,2.9vw,34px);color:var(--fg-strong);margin:0 0 10px}
.pg__form__done h2:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.pg__form__done p{font-size:17px;line-height:1.68;color:var(--fg);margin:0}

.pg__form__aside{background:var(--sage-bed);border:1px solid var(--sage-edge);
  border-radius:1.88rem;padding:clamp(24px,3vw,34px)}
.pg__form__aside h2{font-family:var(--disp);font-weight:400;font-size:22px;
  color:var(--fg-strong);margin:0 0 18px}
.pg__aside__line{font-size:15px;line-height:1.6;color:var(--fg);margin:0 0 16px}
.pg__aside__line b{font-family:var(--ui);font-size:12.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--sage-t)}
.pg__aside__line a{color:var(--fg-strong);text-decoration:underline;text-underline-offset:2px}
.pg__aside__note{font-size:14px;line-height:1.6;color:var(--fg-muted);margin:0;
  padding-top:16px;border-top:1px solid var(--sage-edge)}

.pg__404{--danger:#962531}

.pg__404 .eyebrow{color:var(--danger)}
.pg__404 .eyebrow::before{background:var(--danger)}

.pg__404__out{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,1.6vw,22px);margin:0}

.pg__404__row{position:relative;display:flex;flex-direction:column;
  justify-content:space-between;aspect-ratio:5/4;
  padding:clamp(20px,2.4vw,30px);border-radius:1.88rem;
  text-decoration:none;color:var(--fg-max);overflow:hidden;
  border:1px solid rgba(8,8,8,.07);
  transition:transform .5s var(--ez),box-shadow .5s var(--ez)}

.pg__404__row:nth-child(1){background:#E5EEED}

.pg__404__row:nth-child(2){background:#E9ECF2}

.pg__404__row:nth-child(3){background:#E9ECF2}

.pg__404__row:hover{transform:translateY(-3px);
  box-shadow:0 18px 48px rgba(8,8,8,.10)}

.pg__404__row:focus-visible{outline:2px solid var(--fg-max);outline-offset:3px}

.pg__404__row u{text-decoration:none;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase}

.pg__404__row:nth-child(1) u{color:#46716D}

.pg__404__row:nth-child(2) u{color:#43505B}

.pg__404__row:nth-child(3) u{color:#43505B}

.pg__404__row b{font-family:var(--disp);font-weight:400;
  font-size:clamp(21px,2.3vw,29px);line-height:1.14;letter-spacing:-.015em;
  color:var(--fg-max);max-width:11ch;position:relative;z-index:1}

.pg__404__row span{display:none}

.pg__404__row::after{content:'';position:absolute;right:18px;bottom:18px;
  width:74px;height:74px;pointer-events:none;opacity:.20;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}

.pg__404__row:nth-child(1)::after{background:#46716D}

.pg__404__row:nth-child(2)::after{background:#43505B}

.pg__404__row:nth-child(3)::after{background:#43505B}

@media(max-width:760px){
  .pg__404__out{grid-template-columns:1fr}
  .pg__404__row{aspect-ratio:auto;min-height:132px}
}

@media(prefers-reduced-motion:reduce){
  .pg__404__row,.pg__404__row u::after{transition:none}
  .pg__404__row:hover{padding-inline:0}
}

.pg__404__body{padding-block:clamp(44px,5vw,72px)}

.pg__404__body>h2{font-family:var(--mono);font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--fg-muted);margin:0 0 clamp(14px,1.6vw,20px);
  font-weight:400}

.pg__404__egg{background:var(--sage-bed);border-top:1px solid var(--sage-edge);
  padding-block:clamp(40px,4.5vw,64px)}

.pg__404__egg{text-align:center}

.pg__404__egg__ico{display:block;width:44px;height:44px;
  margin:0 auto .55rem;background:#9B583E;
  -webkit-mask:url("https://brand.inocta.io/icons/icon-easter-egg-mo.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/icon-easter-egg-mo.svg") center/contain no-repeat}

.pg__404__egg__lab{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--fg-muted);margin:0 0 6px}

.pg__404__egg__say{font-size:15.5px;line-height:1.6;color:var(--fg);
  text-align:left;max-width:46ch;margin:0 auto}

.pg__404__egg__say b{font-weight:500;color:var(--fg-max)}

.pg__404__play{margin:clamp(20px,2.2vw,28px) auto 0;max-width:29rem}

.pg__404__play .nim{margin-inline:auto}

.pg__404__play .nim__art{max-height:96px;object-position:center 34%}

.sat__lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--fg-on-dark)}
.sat__lockup--light{color:var(--fg-strong)}

.sat__lockup > img{height:21px;width:auto;max-width:none;flex:none}
.sat__lockup__txt{display:flex;align-items:center;gap:11px;
  font-family:var(--ui);font-size:15px;letter-spacing:.005em}
.sat__lockup__txt b{font-weight:600}

.sat__div{display:block;width:1px;height:15px;background:currentColor;opacity:.34}
.sat__chip{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r);
  background:var(--sat-env,var(--sage))}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap}

body:has(.sat__top[data-env="sage"]) .sat__canvas{--sat-env-t:var(--sage-t)}
body:has(.sat__top[data-env="terracotta"]) .sat__canvas{--sat-env-t:var(--terra-t)}
body:has(.sat__top[data-env="plum"]) .sat__canvas{--sat-env-t:var(--plum-t)}
body:has(.sat__top[data-env="gold"]) .sat__canvas{--sat-env-t:var(--fg-strong)}
body:has(.sat__top[data-env="graphite"]) .sat__canvas{--sat-env-t:var(--fg-muted)}

.sat__nav{display:flex;flex-direction:column;gap:22px;overflow-y:auto;
  margin-bottom:18px;min-height:0}
.sat__group{display:flex;flex-direction:column;gap:2px}

.sat__nav::-webkit-scrollbar{width:0}
.sat__nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;
  border-radius:var(--r);font-family:var(--ui);font-size:14px;
  color:var(--fg-on-dark);text-decoration:none;
  transition:background-color .18s var(--ez),color .18s var(--ez)}
.sat__nav a::before{content:"";width:5px;height:5px;border-radius:50%;
  background:currentColor;opacity:.42;flex:none}
.sat__nav a:hover{background:rgba(243,244,239,.07);color:var(--fg-on-dark)}

.sat__nav a[aria-current="page"]{background:rgba(243,244,239,.10);color:var(--fg-on-dark)}
.sat__nav a[aria-current="page"]::before{background:var(--sat-env,var(--sage));opacity:1}
.sat__nav a:focus-visible{outline:2px solid var(--sat-env,var(--sage));outline-offset:1px}

.sat__home{margin-top:auto;padding-top:18px;border-top:1px solid var(--border-on-dark);
  font-family:var(--mono);font-size:12px;letter-spacing:.05em;
  color:var(--fg-on-dark);text-decoration:none}
.sat__home:hover{text-decoration:underline;text-underline-offset:3px}
.sat__home:focus-visible{outline:2px solid var(--sat-env,var(--sage));outline-offset:2px}

.sat__with-panel .sat__canvas{padding-block:0}
.sat__canvas{padding-block:clamp(30px,3.4vw,48px);

  box-sizing:border-box;min-width:0;max-width:100%;overflow-x:hidden}
.sat__canvas__head{max-width:62ch;margin:0 0 clamp(30px,3.6vw,46px)}
.sat__canvas__head h1{font-family:var(--disp);font-weight:400;
  font-size:clamp(30px,3.7vw,44px);line-height:1.12;color:var(--fg-strong);margin:0 0 12px}

.sat__head__art{grid-column:7 / -1;grid-row:1;align-self:center;position:relative}
.sat__head__art img{width:100%;height:auto;max-height:340px;object-fit:contain;
  display:block}
@media (max-width:860px){
  .sat__head__art{grid-column:1;order:-1;margin:0 0 22px}
  .sat__head__art img{max-height:190px}
}

.sat__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);
  gap:clamp(26px,3.2vw,54px);align-items:start;margin:0 0 clamp(26px,3vw,40px)}
.sat__hero__copy{min-width:0;max-width:52ch}
.sat__hero__copy h1{font-family:var(--disp);font-weight:400;
  font-size:clamp(30px,3.7vw,44px);line-height:1.12;color:var(--fg-strong);margin:0 0 12px}

.sat__hero__art{min-width:0;position:relative;margin-top:-14px}
.sat__hero__art img{width:100%;height:auto;max-height:320px;object-fit:contain;
  display:block}
@media (max-width:860px){
  .sat__hero{grid-template-columns:1fr}
  .sat__hero__art{order:-1}
  .sat__hero__art img{max-height:210px}
}
.sat__eyebrow{color:var(--sat-env-t,var(--sage-t))}

@media (max-width:860px){

  .sat__home{margin:0;padding:0;border:0}

  .sat__canvas,.sat__canvas>*{min-width:0;max-width:100%}
  .sat__canvas__head h1{overflow-wrap:break-word}
}

.sat__top{background:var(--char)}
.sat__top[data-env="sage"]{background:var(--sage-t)}
.sat__top[data-env="terracotta"]{background:var(--terra-t)}
.sat__top[data-env="plum"]{background:var(--plum-t)}
.sat__top .sat__lockup{color:var(--fg-on-dark)}

.sat__top__in{display:flex;align-items:center;justify-content:space-between;
  gap:28px;padding-block:18px}
.sat__top__nav{display:flex;gap:clamp(14px,1.8vw,26px);flex-wrap:wrap}
.sat__top__nav a{font-family:var(--ui);font-size:.875rem;color:var(--fg-on-dark);
  text-decoration:none;transition:color .18s ease}
.sat__top__nav a:hover{text-decoration:underline;text-underline-offset:4px}

.sat__top__nav a[aria-current="page"]{color:var(--fg-on-dark);font-weight:600;
  text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.sat__top__nav a:focus-visible{outline:2px solid var(--fg-on-dark);outline-offset:4px}

.pg__cards--flat .pg__card{border-top-width:3px}
.ag__ep{display:block;margin-top:auto;padding:11px 13px;border-radius:.88rem;
  background:var(--surface-inverse);color:var(--fg-on-dark);
  font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;
  word-break:break-all;user-select:all;-webkit-user-select:all}
.ag__tools{display:grid;gap:12px;margin:28px 0 8px}
.ag__tools:empty{display:none}

.ag__tools > *{border:1px solid var(--hair);border-radius:.88rem;padding:16px 18px;
  background:var(--surface-raised)}
.ag__status{font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  color:var(--fg-muted);margin:14px 0 0}
.ag__status[data-state="yes"]{color:var(--sage-t)}
.ag__status[data-state="no"]{color:var(--fg-muted)}

.sat__foot{background:var(--char);color:var(--fg-on-dark);margin-top:0;padding:34px 0;border:0}

.sat__foot__in{display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap}
.sat__foot__lock{display:flex;line-height:0}

.sat__foot__lock img{height:19px;width:auto;max-width:none}
.sat__foot__home{font-family:var(--ui);font-size:.875rem;color:var(--fg-on-dark);
  text-decoration:none;display:inline-flex;gap:7px;align-items:baseline}
.sat__foot__home i{font-style:normal;transition:transform .18s ease;display:inline-block}
.sat__foot__home:hover i{transform:translateX(3px)}
.sat__foot__home:focus-visible{outline:2px solid var(--sage);outline-offset:4px}
.sat__sig{font-family:var(--mono);font-size:.78125rem;letter-spacing:.04em;
  color:var(--fg-on-dark)}

.sat__with-panel{display:grid;grid-template-columns:264px minmax(0,1fr);
  gap:clamp(28px,3vw,52px);align-items:start;
  padding-block:clamp(30px,3.4vw,48px)}

@media (max-width:900px){
  .sat__with-panel{grid-template-columns:minmax(0,1fr)}
}

.sat__panel{border-inline-end:1px solid var(--hair);
  padding:4px 24px 8px 0;position:sticky;top:24px}
@media (max-width:900px){
  .sat__panel{border-inline-end:0;border-block-end:1px solid var(--hair);
    padding:0 0 22px;margin-bottom:26px}
}

@media (max-width:900px){
  .sat__panel{position:static}
}

.sat__pg + .sat__pg{margin-top:26px;padding-top:24px;border-top:1px solid var(--hair)}

.sat__pg__h{font-family:var(--ui);font-size:.8125rem;font-weight:600;
  letter-spacing:.02em;color:var(--fg);margin:0 0 12px;
  display:flex;align-items:center;gap:9px}

.sat__pg__h i{width:7px;height:7px;border-radius:50%;background:var(--char);flex:none}
.sat__panel[data-env="sage"] .sat__pg__h i{background:var(--sage)}
.sat__panel[data-env="terracotta"] .sat__pg__h i{background:var(--terra)}
.sat__panel[data-env="plum"] .sat__pg__h i{background:var(--plum)}
.sat__panel[data-env="gold"] .sat__pg__h i{background:var(--gold)}

.sat__pg ul{list-style:none;margin:0;padding:0}
.sat__pg li + li{margin-top:2px}

.sat__pg a{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-family:var(--ui);font-size:.875rem;color:var(--fg-muted);
  text-decoration:none;padding:10px 12px;border-radius:.88rem;
  transition:background .16s ease,color .16s ease}
.sat__pg a:hover{background:var(--sage-bed);color:var(--fg)}

.sat__pg a[aria-current="true"]{background:var(--char);color:var(--fg-on-dark);
  font-weight:600}
.sat__panel[data-env="sage"] .sat__pg a[aria-current="true"]{background:var(--sage-t)}
.sat__panel[data-env="terracotta"] .sat__pg a[aria-current="true"]{background:var(--terra-t)}
.sat__panel[data-env="plum"] .sat__pg a[aria-current="true"]{background:var(--plum-t)}

.sat__pg a:focus-visible{outline:2px solid var(--sage);outline-offset:2px}

.sat__pg a b{font-family:var(--mono);font-size:.75rem;font-weight:400;
  color:var(--fg-muted);opacity:1}
.sat__pg a[aria-current="true"] b{color:var(--fg-on-dark)}

.sat__pg a[target="_blank"]::after{content:'↗';font-family:var(--mono);
  font-size:.75rem;color:var(--fg-muted);margin-left:auto;padding-left:6px}

.sat__col{min-width:0}

body:has(.sat__foot){display:flex;flex-direction:column;min-height:100svh}
body:has(.sat__foot) > *:not(.sat__top):not(.sat__foot){flex:1 0 auto}
body:has(.sat__foot) > .sat__top,
body:has(.sat__foot) > .sat__foot{flex:none}

.card__img{margin:-26px -28px 22px;overflow:hidden;
  border-radius:1.88rem 1.88rem 0 0;background:var(--sage-bed)}
.card__img img{width:100%;height:100%;display:block;object-fit:cover}

.card__img{aspect-ratio:16/9}
.card__img--wide{aspect-ratio:21/9}
.card__img--tall{aspect-ratio:4/3}

.bento__c .card__img,.pg__card .card__img{background:var(--sage-bed)}

.art__tldr{position:relative;margin:34px 0 0;padding:26px 28px 22px;max-width:66ch;
  background:var(--tint);border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);
  border-radius:10px}
.art__tldr .art__tldr__h{position:absolute;top:0;left:28px;transform:translateY(-50%);
  background:var(--tint);padding:0 10px;margin:0;
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--acc);font-weight:400}
*

.art__tldr__l{list-style:none;margin:0;padding:0;display:grid;gap:13px;
  counter-reset:tldr}
.art__tldr__l li{counter-increment:tldr;position:relative;padding-left:31px;
  font-size:16.5px;line-height:1.58;color:var(--fg-strong)}
.art__tldr__l li::before{content:counter(tldr);position:absolute;left:0;top:.28em;
  width:19px;height:19px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:10.5px;font-variant-numeric:tabular-nums;
  line-height:1;color:var(--acc);
  background:color-mix(in srgb,var(--acc) 13%,transparent)}
.art__tldr__f{margin:20px 0 0;padding-top:16px;display:flex;flex-wrap:wrap;
  align-items:center;gap:10px 14px;
  border-top:1px solid color-mix(in srgb,var(--acc) 16%,transparent)}
.art__tldr__go{font:inherit;font-size:14px;font-weight:500;letter-spacing:.005em;
  color:var(--fg-on-dark);background:var(--acc);border:0;border-radius:999px;
  padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  transition:background-color .4s var(--ez)}
.art__tldr__go svg{width:14px;height:14px;flex:none}
.art__tldr__go:hover{background:var(--surface-inverse)}
.art__tldr__note{font-family:var(--mono);font-size:11px;letter-spacing:.05em;
  color:var(--muted);flex:1 1 24ch;line-height:1.5}

.art__intro{font-family:var(--disp);font-size:clamp(19px,1.7vw,23px);
  line-height:1.5;color:var(--fg);margin:34px 0 0;max-width:66ch}
.art__share{margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
  font-size:13.5px}
.art__share__l{font-family:var(--mono);font-size:11px;letter-spacing:.19em;
  text-transform:uppercase;color:var(--muted);margin-right:2px}
.art__share a,.art__share button{font:inherit;font-size:13.5px;color:var(--acc);
  background:none;border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);
  border-radius:999px;padding:7px 14px 7px 11px;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;gap:7px;
  transition:background-color .35s var(--ez),border-color .35s var(--ez),color .35s var(--ez)}
.art__share svg{width:16px;height:16px;flex:none;
  transition:transform .35s var(--ez)}
.art__share a:hover,.art__share button:hover,
.art__share a:focus-visible,.art__share button:focus-visible{
  background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.art__share a:hover svg,.art__share button:hover svg,
.art__share a:focus-visible svg,.art__share button:focus-visible svg{
  transform:translateY(-1px)}
.art__share [data-copied]{background:color-mix(in srgb,var(--acc) 10%,transparent);
  border-color:color-mix(in srgb,var(--acc) 30%,transparent);color:var(--acc)}
.art__share [data-copied] svg{transform:none}
.agent__pick{display:inline-flex;gap:2px;margin-left:10px;padding:3px;
  background:var(--acc-band);border-radius:7px;vertical-align:middle}
.agent__pick a{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;
  padding:5px 11px;border-radius:5px;color:var(--acc);text-decoration:none;white-space:nowrap}
.agent__pick a:hover{background:var(--surface-inverse);color:#fff}
.agent__pick{margin:0}
.btn__v{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex:none;
  background:rgba(243,244,239,.2);transition:transform .3s var(--ez)}
.btn__v::before{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}
.btn__v{transform:translateY(3px);background:rgba(243,244,239,.28)}
.btn__v{width:22px;height:22px}
.btn__v::before{width:6px;height:6px}
.pg__acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

.pg__acts{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.pg__acts .btn{padding:13px 18px 13px 22px;gap:10px;font-size:15px}
.pg__acts .btn__d,.pg__acts .btn__v{width:22px;height:22px}
.pg__acts .btn__v::before{width:6px;height:6px}
.pg__acts .btn__d::before{width:5px;height:5px}
.pg__acts .btn--line{background:none;color:var(--acc);
  border:1px solid color-mix(in srgb,var(--acc) 42%,transparent)}
.pg__acts .btn--line .btn__d{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.pg__acts .btn--line:hover{background:var(--surface-inverse);color:var(--fg-on-dark);
  border-color:var(--surface-inverse)}
.pg__acts .btn--line:hover .btn__d{transform:translate(3px,-2px);
  background:rgba(243,244,239,.22)}
.pg__acts .agent__pick{margin:0}

.pg__artcol{position:relative;max-width:calc(74ch + 2 * clamp(0px,4vw,86px));
  margin-inline:auto;padding-inline:clamp(0px,4vw,86px)}

@media(min-width:1180px){

  .pg__artcol::before{content:'';position:absolute;
    left:-46px;top:6px;bottom:0;
    width:1px;background:linear-gradient(180deg,
      var(--acc) 0 44px,
      color-mix(in srgb,var(--acc) 22%,transparent) 44px calc(100% - 90px),
      transparent 100%)}
}

.art__wide{margin-inline:calc(-1 * clamp(0px,4vw,86px));
  margin-block:clamp(30px,3.6vw,46px);position:relative}

figure.art__fig.art__wide{margin-inline:0}
@media(max-width:760px){
  .art__wide{width:100vw;max-width:100vw;
    margin-left:0;margin-right:0;left:50%;transform:translateX(-50vw)}
  .art__wide figcaption,.art__wide .art__chart__cap{margin-inline:var(--gut)}
  .art__tblwrap.art__wide{padding-inline:var(--gut)}
}

.art__wide[data-mark]{position:relative}
.art__wide[data-mark]::before{content:attr(data-mark);position:absolute;
  left:-52px;top:0;transform:translateX(-100%);padding-right:12px;
  font-family:var(--mono);font-size:10px;line-height:1;letter-spacing:.14em;
  text-transform:uppercase;color:var(--acc);white-space:nowrap;text-align:right}
.art__wide[data-mark]::after{content:'';position:absolute;left:-46px;top:4px;
  width:38px;height:1px;background:var(--acc);opacity:.55}

@media(max-width:1179px){
  .pg__artcol::before,.art__wide[data-mark]::before,
  .art__wide[data-mark]::after{display:none}
}

.art__by{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  font-family:var(--mono);font-size:11.5px;line-height:1.45;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg-muted);
  margin:0 0 clamp(26px,3vw,38px);padding:9px 0 11px;
  border-block:1px solid var(--border)}
.art__by a{color:var(--acc);text-decoration:none;font-weight:500;
  border-bottom:1px solid transparent;padding-bottom:1px;
  transition:border-color .3s var(--ez)}
.art__by a:hover{border-bottom-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.art__by .dot{width:3px;height:3px;border-radius:50%;background:var(--acc);
  opacity:.34;flex:none}
.art__by time{font-variant-numeric:tabular-nums}

.art__by .kind{font-size:10px;letter-spacing:.12em;padding:4px 9px 3px;
  margin-right:2px}

.art__intro::first-letter{font-size:2.9em;line-height:.86;float:left;
  padding:.06em .14em 0 0;color:var(--acc);font-weight:500}

.art__fig--inline{max-width:62%;margin-inline:0}
@media(max-width:760px){.art__fig--inline{max-width:100%}}

figcaption b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--acc);font-weight:500;
  display:block;margin-bottom:4px}

.art__chart__note{font-size:12.5px;color:var(--fg-muted);margin-top:6px;
  padding-left:13px;border-left:2px solid var(--gold);max-width:62ch}
.art__wide .art__chart__note{margin-inline:var(--gut)}

.art__code code{font:inherit;color:inherit}

.pg__art a[rel~="external"]::after{content:'\2197';font-family:var(--mono);
  font-size:.78em;margin-left:.22em;color:var(--acc);vertical-align:.06em}

.pg__art h3 + p{margin-top:12px}

.art__tbl th.num{text-align:right}

.pg__check li:first-child{border-top:1px solid var(--border)}

.pg__art>p b{color:var(--fg-strong);font-weight:600}

.pg__art>p:not([class]) a,.pg__art>p.art__note a{color:var(--acc);
  text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--acc) 38%,transparent);
  transition:border-color .3s var(--ez),background-color .3s var(--ez)}
.pg__art>p:not([class]) a:hover,.pg__art>p.art__note a:hover{
  border-bottom-color:var(--acc);
  background:color-mix(in srgb,var(--acc) 7%,transparent)}

.art__codewrap{position:relative;margin-block:clamp(26px,3vw,38px)}
.art__codelang{position:absolute;top:0;right:0;z-index:2;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--char);background:var(--acc-raw);
  padding:5px 12px 4px;border-radius:0 var(--r) 0 var(--r);display:block}
.art__cite a{color:var(--acc);
  text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--acc) 38%,transparent);
  transition:border-color .3s var(--ez),background-color .3s var(--ez)}
.art__cite a:hover{border-bottom-color:var(--acc);
  background:color-mix(in srgb,var(--acc) 7%,transparent)}
.art__cite h2{font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--acc);
  margin:0 0 14px;font-weight:500;max-width:none}
.art__cite{margin-top:clamp(26px,3vw,38px)}
.art__cite ol{padding-left:0;margin:0;list-style:none;display:grid;gap:0;
  counter-reset:ct;border-top:1px solid var(--border)}
.art__cite li{counter-increment:ct;position:relative;padding:12px 0 12px 40px;
  border-bottom:1px solid var(--border);font-size:13.5px;line-height:1.6;
  color:var(--fg)}
.art__cite li::before{content:'[' counter(ct) ']';position:absolute;left:0;top:12px;
  font-family:var(--mono);font-size:11px;color:var(--acc);
  font-variant-numeric:tabular-nums}
.art__cite cite{font-style:italic;color:var(--fg-strong)}
.art__notes h2,.art__cite h2{font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--acc);
  margin:0 0 14px;font-weight:500;max-width:none}

.pg__sec--meta{padding:clamp(18px,2vw,26px) 0 clamp(24px,2.6vw,36px);border-top:0}
.tool__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

.tool__acc{font-family:var(--ui);font-size:12.5px;font-weight:500;
  padding:7px 14px 6px;border-radius:999px}
.tool__acc[data-access="use-it-now"]{background:var(--acc);color:#fff}
.tool__acc[data-access="see-a-demo"],
.tool__acc[data-access="on-request"]{background:transparent;color:var(--acc);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent)}
.tool__acc[data-access="client-built"]{background:var(--gold);color:var(--gold-ink)}

.tool__kind{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg)}
.tool__tags{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.tool__tags span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;padding:4px 8px 3px;border-radius:.4rem;color:var(--fg);
  box-shadow:inset 0 0 0 1px var(--sage-edge)}
@media(max-width:640px){.tool__tags{margin-left:0;width:100%}}

.tool__prob{position:relative;overflow:hidden;background:var(--surface-inverse);
  padding:clamp(52px,6vw,88px) 0}
.tool__prob h2{font-family:var(--disp);font-weight:400;
  font-size:clamp(28px,3.8vw,46px);line-height:1.12;color:var(--fg-on-dark);
  max-width:22ch;margin:0}
.tool__prob h2[data-pending]{font-family:var(--mono);font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;opacity:.55}

.tool__promise{display:flex;align-items:baseline;gap:12px;
  font-size:clamp(17px,1.9vw,21px);line-height:1.5;color:var(--gold);
  max-width:52ch;margin:clamp(18px,2vw,26px) 0 0}
.tool__promise i{flex:none;width:26px;height:2px;background:var(--gold);
  transform:translateY(-5px);position:relative}
.tool__promise i::after{content:'';position:absolute;right:-1px;top:-4px;
  width:9px;height:9px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);
  transform:rotate(45deg) scale(.7)}
.tool__promise[data-pending]{font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(243,244,239,.5)}
.tool__prob .octa-wm{filter:invert(1);opacity:.05}

.pg__sec--proof{padding-bottom:clamp(30px,3.4vw,46px)}
.tool__gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(18px,2vw,28px);margin-top:clamp(18px,2vw,26px)}
.tool__gal--one{grid-template-columns:1fr;max-width:880px}
.tool__shot{margin:0;background:var(--surface-raised);border-radius:1.4rem;
  padding:clamp(10px,1.1vw,14px);box-shadow:inset 0 0 0 1px var(--sage-edge)}
.tool__shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
  border-radius:.9rem}
.tool__shot .art__vid{border-radius:.9rem;overflow:hidden}
.tool__shot figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.05em;
  color:var(--fg);padding:10px 4px 2px}

.tool__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.4vw,52px)}
.tool__h--col{font-size:clamp(20px,2.2vw,26px);margin-bottom:clamp(10px,1.2vw,14px)}
@media(max-width:820px){
  .tool__cols{grid-template-columns:1fr;gap:clamp(22px,5vw,30px)}
  .tool__cols .tool__blk + .tool__blk{padding-top:clamp(20px,4.5vw,26px);
    border-top:1px solid var(--hair)}
}

.tool__blk{max-width:66ch}
.tool__h{font-family:var(--disp);font-weight:400;
  font-size:clamp(26px,3.4vw,40px);line-height:1.12;color:var(--fg-max);
  margin:0 0 clamp(14px,1.6vw,20px)}
.tool__h em{font-style:normal;color:var(--acc)}
.tool__body{font-size:clamp(16px,1.6vw,18.5px);line-height:1.62;color:var(--fg);margin:0}

.tool__body[data-pending]{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--fg);opacity:.6;line-height:1.4}
.tool__blk:has(.tool__body[data-pending]){padding:0}
.pg__sec:has(.tool__body[data-pending]){padding:clamp(26px,2.8vw,38px) 0}
.pg__sec:has(.tool__body[data-pending]) .tool__h{font-size:clamp(20px,2.2vw,26px);
  margin-bottom:8px}

.tool__step p[data-pending]{font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;opacity:.55}

.tool__not{margin:clamp(16px,1.8vw,22px) 0 0;padding-left:clamp(14px,1.5vw,18px);
  border-left:2px solid color-mix(in srgb,var(--acc) 35%,transparent);
  font-size:15.5px;line-height:1.55;color:var(--fg)}
.tool__not b{color:var(--fg-max);font-weight:500}

.tool__steps{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(20px,2.4vw,34px);margin-top:clamp(24px,2.8vw,36px)}
.tool__step{padding:clamp(20px,2.2vw,28px);border-radius:1.88rem;
  background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--sage-edge)}
.tool__n{display:block;font-family:var(--disp);font-size:clamp(24px,2.6vw,32px);
  line-height:1;color:var(--acc);margin-bottom:12px}
.tool__step h3{font-family:var(--disp);font-weight:400;font-size:clamp(17px,1.8vw,21px);
  line-height:1.18;color:var(--fg-max);margin:0 0 8px}
.tool__step p{font-size:15px;line-height:1.55;color:var(--fg);margin:0}
@media(max-width:820px){.tool__steps{grid-template-columns:1fr}}

.pg__sec--act{padding-top:clamp(40px,4.4vw,64px)}
.tool__act{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.tool__note{font-family:var(--mono);font-size:12.5px;color:var(--fg);margin:0}

.tool__ext{font-size:.85em}

h2.abt__h,.pg__sec h2.abt__h{font-family:var(--disp);font-weight:400;
  font-size:clamp(26px,3vw,40px);line-height:1.12;color:var(--fg-max);
  letter-spacing:-.01em;
  margin:0 0 clamp(14px,1.6vw,20px);max-width:26ch}

h2.abt__h em,.pg__sec h2.abt__h em{font-style:italic;color:var(--terra);
  display:inline-block;max-width:100%;text-wrap:balance}

html[data-accent="about"] .pg__head h1 em{color:var(--terra)}
h2.abt__h--dark{color:var(--fg-on-dark)}
h2.abt__h--dark em{color:var(--gold)}
.abt__lede{max-width:62ch;font-size:17px;line-height:1.65}
.abt__prose p,.abt__prose .pg__lede{font-size:17px;line-height:1.65;color:var(--fg);
  margin:0 0 1em;max-width:66ch}
.abt__prose p:last-child{margin-bottom:0}

.octa-wm--light{background:var(--char);opacity:.04;filter:none}

.abt__missionsec{position:relative}
.abt__bento{display:grid;grid-template-columns:repeat(12,1fr);
  grid-auto-rows:auto;gap:clamp(14px,1.6vw,22px)}
.abt__tile{position:relative;overflow:hidden;border-radius:1.4rem;
  padding:clamp(22px,2.5vw,32px)}

.abt__tile--statement{grid-column:1/9;background:var(--tint);
  display:flex;flex-direction:column;justify-content:center}
.abt__tile__wm{position:absolute;right:-70px;bottom:-90px;width:300px;height:300px;
  background:var(--char);opacity:.05;pointer-events:none;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}

h2.abt__mission__h,.pg__sec h2.abt__mission__h{font-family:var(--disp);font-weight:400;
  font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.012em;
  color:var(--fg-max);max-width:18ch;margin:0 0 clamp(14px,1.6vw,20px)}
h2.abt__mission__h em{font-style:italic;color:var(--terra)}
.abt__mission__why{font-size:16.5px;line-height:1.62;color:var(--fg);
  max-width:52ch;margin:0}

.abt__mission__job{margin-top:14px}

.abt__tile--badge{grid-column:9/13;grid-row:1/2;
  background:var(--surface-raised);
  box-shadow:inset 0 0 0 1px var(--sage-edge);
  display:flex;align-items:flex-start;justify-content:center;
  padding:0 clamp(14px,1.6vw,22px)}
.abt__tile--badge .lan-fig{margin:0;min-height:440px;width:100%}
.abt__tile--badge .lan{min-height:440px;padding-top:56px}

.abt__tile--close{grid-column:1/13;
  background:var(--surface-raised);
  border-left:3px solid var(--terra);border-radius:0 1.4rem 1.4rem 0;
  box-shadow:0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.13);
  padding:clamp(26px,3vw,40px) clamp(26px,3.2vw,44px)}

.abt__pair2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px)}
.abt__pair2 .abt__pair+.abt__pair{border-left:1px solid var(--hair);padding-left:clamp(24px,3vw,48px)}
@media(max-width:720px){.abt__pair2{grid-template-columns:1fr}
  .abt__pair2 .abt__pair+.abt__pair{border-left:0;padding-left:0;border-top:1px solid var(--hair);padding-top:18px}}
.abt__tile__pair .abt__pull__t{margin-bottom:10px}
.abt__pair{font-family:var(--disp);font-size:clamp(17px,1.7vw,19.5px);
  line-height:1.5;color:var(--fg-max);margin:0}
.abt__pair b{color:#48746F;font-weight:600}

@media(max-width:920px){
  .abt__bento{grid-template-columns:1fr}
  .abt__tile--statement,.abt__tile--badge,.abt__tile--close{grid-column:1/2;grid-row:auto}
  .abt__tile--statement{order:1}
  .abt__tile--badge{order:2;min-height:460px}
  .abt__tile--close{order:3}
}

.abt__mission__copy .abt__pull{margin-top:clamp(28px,3.2vw,44px)}

.abt__pull{--ppad:clamp(22px,2.6vw,36px);
  max-width:calc(58ch + 2 * var(--ppad));
  margin-left:calc(-1 * var(--ppad) - 3px);
  background:var(--surface-raised);
  border-left:3px solid var(--terra);
  border-radius:0 1.1rem 1.1rem 0;
  padding:clamp(18px,2vw,28px) var(--ppad) clamp(20px,2.2vw,30px);
  box-shadow:0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.13)}
.abt__pull__t{display:block;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.19em;text-transform:uppercase;color:var(--terra);
  margin-bottom:10px}

.abt__pull p{font-family:var(--disp);font-size:clamp(17.5px,1.8vw,20px);
  line-height:1.52;color:var(--fg-max);margin:0}

.abt__pull b{color:#48746F;font-weight:600}

.abt__namesec{position:relative;overflow:hidden;background:var(--tint);
  padding:clamp(48px,5.6vw,80px) 0}
.abt__names{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2vw,24px);margin-top:clamp(24px,2.8vw,36px);align-items:stretch}
.abt__name{position:relative;overflow:hidden;display:flex;flex-direction:column;
  padding:clamp(24px,2.6vw,34px);
  background:var(--surface-raised);border-radius:1.4rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.13);
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}

.abt__name--in{border-top:4px solid var(--char);
  background:linear-gradient(180deg,rgba(26,37,48,.045),rgba(26,37,48,0) 34%),var(--surface-raised)}
.abt__name--octa{border-top:4px solid var(--terra);
  background:linear-gradient(180deg,rgba(166,94,66,.06),rgba(166,94,66,0) 34%),var(--surface-raised)}
.abt__name--io{border-top:4px solid #48746F;
  background:linear-gradient(180deg,rgba(72,116,111,.06),rgba(72,116,111,0) 34%),var(--surface-raised)}

.abt__name__ghost{position:absolute;right:-24px;bottom:-46px;
  font-family:var(--disp);font-weight:600;font-size:190px;line-height:1;
  color:var(--char);opacity:.045;pointer-events:none;user-select:none}
.abt__name__ghost--octa{width:200px;height:200px;right:-52px;bottom:-58px;
  background:var(--terra);opacity:.07;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}
.abt__name--io .abt__name__ghost{color:#48746F;opacity:.06}
.abt__name:hover{transform:translateY(-4px);
  box-shadow:0 2px 4px rgba(26,37,48,.06),0 16px 38px rgba(26,37,48,.1)}

.abt__chip{position:relative;width:52px;height:52px;margin-bottom:18px;
  display:grid;place-items:center;
  border-radius:.7rem;font-family:var(--disp);font-size:23px;line-height:1;font-weight:600;
  box-shadow:0 3px 8px -2px rgba(26,37,48,.28),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .6s var(--ez)}
.abt__chip--in{background:var(--char);color:#fff}
.abt__chip--io{background:#48746F;color:#fff}
.abt__chip--octa{background:var(--terra);position:relative}
.abt__chip--octa i{position:absolute;inset:9px;background:#fff;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}
.abt__name:hover .abt__chip--octa{transform:rotate(22.5deg)}
.abt__name:hover .abt__chip--in,.abt__name:hover .abt__chip--io{transform:translateY(-2px)}
.abt__name h3{font-family:var(--disp);font-weight:600;font-size:20px;
  line-height:1.25;color:var(--fg-max);margin:0 0 10px}
.abt__name p{font-size:15px;line-height:1.62;color:var(--fg);margin:0 0 18px;flex:1}

.abt__name__end{margin-top:auto;border-top:1px solid var(--hair);padding-top:14px;
  font-size:15px;font-weight:500;color:#48746F}
@media(max-width:860px){.abt__names{grid-template-columns:1fr}}

.abt__practiceband{position:relative;overflow:hidden;background:var(--surface-inverse);
  padding:clamp(48px,5.6vw,80px) 0}
.abt__practiceband .octa-wm{filter:invert(1);opacity:.05}
.abt__lede--dark{color:var(--fg-on-dark)}
.abt__practiceband .pg__rule>div{border-bottom-color:rgba(243,244,239,.14)}
.abt__practiceband .pg__rule h3{color:var(--fg-on-dark);font-weight:600}
.abt__practiceband .pg__rule p{color:var(--fg-on-dark)}

.abt__prose--proof{margin-top:clamp(14px,1.6vw,20px)}
.abt__peers{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2vw,24px);margin-top:clamp(26px,3vw,40px)}
.abt__peer{position:relative;display:flex;flex-direction:column;text-decoration:none;
  padding:clamp(20px,2.2vw,28px);background:var(--surface-raised);
  border-radius:1.4rem;border-top:4px solid var(--peer,#48746F);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.13);
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}

.abt__peer[data-dest="lab"]{--peer:#43505B}
.abt__peer[data-dest="book"]{--peer:#46716D}
.abt__peer[data-dest="tools"]{--peer:#9B583E}

.abt__peer__k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--peer);margin-bottom:8px}
.abt__peer:hover{transform:translateY(-4px);
  box-shadow:0 2px 4px rgba(26,37,48,.06),0 16px 38px rgba(26,37,48,.1)}
.abt__peer__thumb{display:block;margin:-4px -4px 14px;border-radius:1rem;
  overflow:hidden;aspect-ratio:16/9;
  box-shadow:inset 0 0 0 1px rgba(26,37,48,.08)}
.abt__peer__thumb img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s var(--ez)}
.abt__peer:hover .abt__peer__thumb img{transform:scale(1.04)}
.abt__peer h3{font-family:var(--disp);font-weight:600;font-size:20px;
  line-height:1.25;color:var(--fg-max);margin:0 0 10px}
.abt__peer p{font-size:15px;line-height:1.62;color:var(--fg);margin:0 0 18px;flex:1}
.abt__peer__go{margin-top:auto;border-top:1px solid var(--hair);padding-top:14px;
  font-size:15px;font-weight:500;color:var(--peer,#48746F);
  display:inline-flex;align-items:center;gap:7px}
.abt__peer__go i{width:14px;height:2px;background:var(--peer,#48746F);position:relative;flex:none;
  transition:width .25s var(--ez)}
.abt__peer:hover .abt__peer__go i{width:22px}
.abt__peer__go i::after{content:'';position:absolute;right:-1px;top:-3px;width:7px;height:7px;
  border-top:2px solid var(--peer,#48746F);border-right:2px solid var(--peer,#48746F);
  transform:rotate(45deg) scale(.6)}
@media(max-width:860px){.abt__peers{grid-template-columns:1fr}}

.abt__split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,3.6vw,56px);
  align-items:center;margin-top:clamp(24px,2.8vw,36px)}

.abt__split--lan{align-items:start}
.abt__split--lan .abt__prose{align-self:center}

.abt__vision__grid{display:grid;grid-template-columns:1fr auto;
  gap:clamp(32px,4vw,64px);align-items:center}
.abt__paint{margin:0;width:clamp(220px,22vw,300px);justify-self:end}
.abt__paint .plate{border-radius:1.4rem;overflow:hidden;
  box-shadow:0 22px 48px -18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(243,244,239,.1)}
.abt__paint .plate img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:860px){
  .abt__vision__grid{grid-template-columns:1fr}
  .abt__paint{max-width:340px}}

.abt__prose a{color:#48746F;text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px;text-decoration-color:rgba(72,116,111,.45);
  transition:text-decoration-color .25s var(--ez)}
.abt__prose a:hover{text-decoration-color:#48746F}
.abt__split--origin{grid-template-columns:5fr 7fr;align-items:start}
.abt__fig{margin:0;position:sticky;top:112px}
.abt__split--origin .plate img{aspect-ratio:1/1}
@media(max-width:860px){.abt__split{grid-template-columns:1fr}
  .abt__fig{max-width:520px}}

.lan-fig{margin:0;position:relative;min-height:560px}
@media(max-width:860px){.lan-fig{min-height:440px}}

.lan3d{position:absolute;inset:0;z-index:2;pointer-events:none}
.lan3d.is-live{pointer-events:auto}

.lan3d canvas{touch-action:pan-y !important}
.lan--replaced{visibility:hidden}
.lan{margin:0;display:flex;justify-content:center;align-items:flex-start;
  min-height:380px;position:relative;

  padding-top:72px}
.lan__hang{position:relative;width:252px;
  transform-origin:50% -60px;
  animation:lan-sway 5.2s ease-in-out infinite alternate}
@keyframes lan-sway{from{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}

.lan__hang.is-held,.lan__hang.is-free{animation:none}
@media(prefers-reduced-motion:reduce){
  .lan__hang{animation:none}
}
.lan__band{position:absolute;left:50%;top:-64px;transform:translateX(-50%);
  width:150px;height:190px}
.lan__band path{fill:var(--surface-inverse);opacity:.92}
.lan__clip{position:absolute;left:50%;top:118px;transform:translateX(-50%);
  width:26px;height:16px;background:var(--gold);border-radius:4px;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);z-index:2}

.lan__card{position:relative;margin-top:130px;background:var(--surface-inverse);
  border-radius:1.1rem;padding:26px 24px 20px;text-align:center;
  box-shadow:0 18px 40px -18px rgba(26,37,48,.45),inset 0 0 0 1px rgba(243,244,239,.14);
  display:flex;flex-direction:column;align-items:center;gap:6px}
.lan__card::before{content:'';position:absolute;top:10px;left:50%;
  transform:translateX(-50%);width:34px;height:7px;border-radius:999px;
  background:rgba(243,244,239,.14)}
.lan__octa{width:56px;height:56px;margin:16px 0 4px;background:var(--gold);
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat}
.lan__name{font-family:var(--disp);font-weight:400;font-size:26px;color:var(--fg-on-dark)}
.lan__line{font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-on-dark)}
.lan__foot{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;white-space:nowrap;
  color:var(--fg-on-dark);margin-top:12px;padding-top:12px;
  border-top:1px solid rgba(243,244,239,.14);width:100%}
.lan__hang{cursor:grab}
.lan__hang.is-held{cursor:grabbing}

.abt__vision{position:relative;overflow:hidden;background:var(--surface-inverse);
  padding:clamp(56px,6.4vw,92px) 0}
.abt__vision .octa-wm{filter:invert(1);opacity:.05}
.abt__vision__body{max-width:66ch}
.abt__vision__body p{font-size:17px;line-height:1.65;
  color:var(--fg-on-dark);margin:0 0 1em}
.abt__vision__body p:last-child{margin-bottom:0}
.abt__vision__body b{color:var(--fg-on-dark);font-weight:500}

.pg__head__art--book{display:flex;justify-content:center;align-items:center}
.pg__head__art .book__obj{margin:0;position:relative;width:clamp(220px,24vw,320px);
  border-radius:6px 14px 14px 6px;overflow:hidden;
  box-shadow:0 1px 2px rgba(26,37,48,.08),0 28px 56px -18px rgba(26,37,48,.35),
    inset 0 0 0 1px rgba(26,37,48,.08);
  transform:rotate(-1.5deg);transition:transform .6s var(--ez)}
.book__obj::before{content:"";position:absolute;inset:0 auto 0 0;width:14px;z-index:1;
  background:linear-gradient(90deg,rgba(26,37,48,.22),rgba(26,37,48,.06) 45%,rgba(255,255,255,.18) 70%,rgba(26,37,48,0))}
.book__obj img{display:block;width:100%;height:auto;aspect-ratio:1688/2625;object-fit:cover}
.pg__head:hover .book__obj{transform:rotate(0deg)}
@media(prefers-reduced-motion:reduce){.pg__head__art .book__obj{transform:none;transition:none}}

.book__meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;
  gap:clamp(20px,3vw,48px);margin:0 0 clamp(32px,4vw,56px);
  padding:16px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.book__meta div{display:grid;gap:4px}
.book__meta dt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fg-muted)}
.book__meta dd{margin:0;font-size:15px;color:var(--fg-max);font-weight:500}

.book__split{display:grid;grid-template-columns:6fr 6fr;gap:clamp(32px,4.5vw,72px);align-items:start}
.book__prose .pg__lede{margin-top:0}
.book__prose .pg__lede+.pg__lede{margin-top:1em}
.book__inside__h{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg-muted);margin:8px 0 18px}
.book__toc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.book__toc li{padding:clamp(18px,2vw,26px) clamp(18px,2vw,26px) clamp(20px,2.2vw,28px);
  border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);display:grid;gap:8px;
  background:var(--surface-raised)}
.book__toc li:nth-child(1){background:var(--tint)}
.book__toc li:nth-child(4){background:var(--tint)}
.book__toc b{font-family:var(--disp);font-weight:600;font-size:18px;line-height:1.25;color:var(--fg-max)}
.book__toc span{font-size:14.5px;line-height:1.6;color:var(--fg)}
@media(max-width:860px){.book__split{grid-template-columns:1fr}
  .book__meta{grid-template-columns:repeat(2,auto)}}
@media(max-width:520px){.book__toc{grid-template-columns:1fr}}

.book__buy{background:var(--surface-raised)}
.book__buy__head{max-width:62ch}
.book__stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,2.6vw,34px)}
.book__store{display:inline-flex;align-items:center;gap:16px;text-decoration:none;
  padding:12px 18px 12px 20px;border-radius:999px;
  background:var(--char);color:var(--fg-on-dark);
  border:1px solid transparent;
  transition:transform .35s var(--ez),background-color .35s var(--ez)}
.book__store:hover{transform:translateY(-2px);background:#243240}
.book__store:active{transform:translateY(0)}
.book__store__k{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg-on-dark);display:block;line-height:1}
.book__store__l{font-size:15px;font-weight:500;display:block;line-height:1.2;margin-top:3px}
.book__store__t{display:grid;gap:3px}
.book__store i{width:28px;height:28px;border-radius:999px;flex:none;
  background:var(--acc);position:relative}
.book__store i::after{content:"";position:absolute;inset:0;margin:auto;width:7px;height:7px;
  border-top:1.5px solid var(--char);border-right:1.5px solid var(--char);transform:translateX(-1px) rotate(45deg)}
.book__store:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

.book__next{position:relative;overflow:hidden;background:var(--surface-inverse);
  padding:clamp(56px,6.4vw,92px) 0}
.book__next .octa-wm{filter:invert(1);opacity:.05}
.book__next .wrap{position:relative;z-index:1}
.book__next__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,4.5vw,72px);align-items:center}
.book__next .abt__lede--dark{max-width:56ch}
.book__next .pg__acts{margin-top:clamp(20px,2.4vw,30px)}
.book__next__art{margin:0;justify-self:end;width:clamp(220px,22vw,300px)}
.book__next__art .plate{border-radius:1.4rem;overflow:hidden;
  box-shadow:0 22px 48px -18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(243,244,239,.1)}
.book__next__art .plate img{display:block;width:100%;height:auto;aspect-ratio:928/1232;object-fit:cover}
@media(max-width:860px){.book__next__grid{grid-template-columns:1fr}
  .book__next__art{justify-self:start;max-width:300px}}

.pg__head h1 .book__sub{display:block;font-size:.5em;font-weight:400;line-height:1.25;
  letter-spacing:0;color:var(--fg);margin-top:.35em;font-style:italic}

.book__refs{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--hair);
  display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:baseline}
.book__refs__k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}
.book__refs__t{font-size:14.5px;line-height:1.55;color:var(--fg)}
.book__refs__go{font-size:14.5px;font-weight:500;color:#48746F;text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;gap:7px}
.book__refs__go i{width:14px;height:2px;background:#48746F;position:relative;flex:none;transition:width .25s var(--ez)}
.book__refs__go i::after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;
  border-top:2px solid #48746F;border-right:2px solid #48746F;transform:rotate(45deg)}
.book__refs__go:hover i{width:22px}
.book__refs__go:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media(max-width:600px){.book__refs{grid-template-columns:1fr}}

.mth__work__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,64px);align-items:start}
.mth__work__prose .pg__lede{margin-top:0}
.mth__work__prose .pg__lede+.pg__lede{margin-top:1em}
@media(max-width:860px){.mth__work__grid{grid-template-columns:1fr}}

.mth__steps{background:var(--tint)}
.mth__four{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,36px)}
.mth__four li{padding-left:clamp(16px,1.6vw,22px);border-left:2px solid var(--acc)}
.mth__n{display:block;font-family:var(--disp);font-size:clamp(24px,2.6vw,32px);line-height:1;color:var(--acc);margin-bottom:12px}
.mth__four h3{font-family:var(--disp);font-weight:600;font-size:20px;line-height:1.25;color:var(--fg-max);margin:0 0 8px}
.mth__four p{font-size:15px;line-height:1.62;color:var(--fg);margin:0}
.mth__steps__note{font-family:var(--disp);font-style:italic;font-size:clamp(17px,1.7vw,20px);
  color:var(--fg-max);margin:clamp(24px,2.8vw,36px) 0 0;max-width:40ch}
@media(max-width:1024px){.mth__four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mth__four{grid-template-columns:1fr}}

.mth__doors__head{max-width:62ch}
.mth__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(26px,3vw,40px)}
.mth__card{position:relative;display:flex;flex-direction:column;text-decoration:none;
  padding:clamp(22px,2.4vw,30px);background:var(--surface-raised);
  border-radius:1.4rem;border-top:4px solid var(--door,#46716D);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.13);
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.mth__card[data-door="1"]{--door:#50817C;--door-text:#48746F}
.mth__card[data-door="2"]{--door:#A65E42;--door-text:#A25C41}
.mth__card[data-door="3"]{--door:#E0A967;--door-text:#7A5A22}
.mth__card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(26,37,48,.06),0 16px 38px rgba(26,37,48,.1)}
.mth__card__k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg-muted);display:flex;gap:10px;align-items:baseline;margin-bottom:14px}
.mth__card__k b{font-family:var(--disp);font-size:18px;font-weight:400;letter-spacing:0;color:var(--door-text,var(--door))}
.mth__card__name{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-max);margin-bottom:8px}
.mth__card h3{font-family:var(--disp);font-weight:400;font-size:clamp(22px,2.2vw,27px);line-height:1.15;color:var(--fg-max);margin:0 0 12px}
.mth__card__decode{font-size:13.5px;color:var(--fg-muted);margin:-6px 0 12px}
.mth__card__need{font-size:15px;line-height:1.6;color:var(--fg-max);margin:0 0 10px;font-weight:500}
.mth__card__we{font-size:15px;line-height:1.6;color:var(--fg);margin:0 0 18px;flex:1}
.mth__card__go{margin-top:auto;border-top:1px solid var(--hair);padding-top:14px;
  font-size:15px;font-weight:500;color:#48746F;display:inline-flex;align-items:center;gap:7px}
.mth__card__go i{width:14px;height:2px;background:#48746F;position:relative;flex:none;transition:width .25s var(--ez)}
.mth__card__go i::after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:2px solid #48746F;border-right:2px solid #48746F;transform:rotate(45deg)}
.mth__card:hover .mth__card__go i{width:22px}
@media(max-width:900px){.mth__cards{grid-template-columns:1fr}}

.door__ladder{background:var(--tint)}
.door__ladder__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,64px);align-items:start}
.door__ladder__note{font-family:var(--disp);font-style:italic;font-size:18px;line-height:1.4;color:var(--fg-max);margin:18px 0 0;max-width:36ch}
.door__rungs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.door__rung{background:var(--surface-raised);border-radius:1.2rem;
  box-shadow:inset 0 0 0 1px var(--sage-edge)}
.door__rung>a,.door__rung.is-here{display:grid;gap:4px;padding:18px 22px;text-decoration:none;color:inherit}
.door__rung>a{transition:background-color .25s var(--ez)}
.door__rung>a:hover{background:#fff}
.door__rung.is-here{background:var(--char);color:var(--fg-on-dark);box-shadow:none}
.door__rung__k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.door__rung__k b{font-family:var(--disp);font-size:16px;font-weight:400;letter-spacing:0;color:var(--acc)}
.door__rung__k em{font-style:normal;margin-left:auto;color:var(--gold)}
.is-here .door__rung__k{color:var(--fg-on-dark)}
.is-here .door__rung__k b{color:var(--gold)}
.door__rung__t{font-family:var(--disp);font-size:19px;line-height:1.2;color:inherit}
.door__rung__l{font-size:14px;line-height:1.55;color:var(--fg)}
.is-here .door__rung__l{color:var(--fg-on-dark)}
.door__rung__go{font-size:14px;font-weight:500;color:#48746F;display:inline-flex;align-items:center;gap:7px;margin-top:6px}
.door__rung__go i{width:14px;height:2px;background:#48746F;position:relative;flex:none}
.door__rung__go i::after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:2px solid #48746F;border-right:2px solid #48746F;transform:rotate(45deg)}
@media(max-width:860px){.door__ladder__grid{grid-template-columns:1fr}}

.door__sec:nth-of-type(even){background:var(--surface-raised)}
.door__split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,64px);align-items:start}
.door__num{display:block;font-family:var(--disp);font-size:clamp(40px,4.4vw,56px);line-height:1;color:var(--acc);margin-bottom:10px}
.door__prose .pg__lede{margin-top:0}
.door__prose .pg__lede+.pg__lede{margin-top:1em}
.door__note{font-family:var(--disp);font-style:italic;font-size:18px;line-height:1.4;color:var(--fg-max);margin:22px 0 0;
  padding-left:16px;border-left:2px solid var(--gold);max-width:44ch}
.door__note--band{margin-top:clamp(24px,2.8vw,36px)}

.door__get__grid{list-style:none;margin:clamp(22px,2.6vw,34px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.door__get__grid li{padding:clamp(18px,2vw,26px);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);display:grid;gap:8px;background:var(--surface-raised)}
.door__get__grid li:nth-child(1){background:var(--tint)}
.door__get__grid li:nth-child(4){background:var(--tint)}
.door__get__grid:has(li:nth-child(4)):not(:has(li:nth-child(5))){grid-template-columns:repeat(2,1fr)}
.door__get__grid b{font-family:var(--disp);font-weight:600;font-size:18px;line-height:1.25;color:var(--fg-max)}
.door__get__grid span{font-size:14.5px;line-height:1.6;color:var(--fg)}
.door__steps{list-style:none;margin:clamp(22px,2.6vw,34px) 0 0;padding:0;display:grid;gap:0}
.door__steps li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:clamp(18px,2vw,26px) 0;border-top:1px solid var(--hair)}
.door__steps li:last-child{border-bottom:1px solid var(--hair)}
.door__steps h3{font-family:var(--disp);font-weight:600;font-size:20px;line-height:1.25;color:var(--fg-max);margin:0 0 6px}
.door__steps p{font-size:15.5px;line-height:1.62;color:var(--fg);margin:0;max-width:66ch}
@media(max-width:860px){.door__split{grid-template-columns:1fr}.door__get__grid{grid-template-columns:1fr}
  .door__steps li{grid-template-columns:48px 1fr}}

.home__start__head{max-width:62ch}
.home__more{margin-top:clamp(26px,3vw,40px)}
.home__band__head{max-width:36ch}
.home__band__head .abt__h{max-width:34ch}
.home__band__head .abt__h{margin-bottom:0}
.mag--home{margin-top:clamp(26px,3vw,40px)}

.home__lab .mag__c[data-kind="announcement"]{background:#243240;box-shadow:inset 0 0 0 1px rgba(243,244,239,.16)}
.mag--home .mag__c{box-shadow:0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.25)}
.home__lab .mag__c[data-kind="field-note"]{box-shadow:0 1px 2px rgba(0,0,0,.2),0 14px 32px -12px rgba(0,0,0,.5)}

.mth__cards--home .mth__card__need{margin-bottom:18px;flex:1}

.home__lab{position:relative;overflow:hidden;background:var(--surface-inverse);padding:clamp(56px,6.4vw,92px) 0}
.home__lab .octa-wm{filter:invert(1);opacity:.05}
.home__lab .wrap{position:relative;z-index:1}
.btn--on-dark{border-color:rgba(243,244,239,.34);color:var(--fg-on-dark)}
.btn--on-dark .btn__d{background:rgba(243,244,239,.14)}
.btn--on-dark:hover{border-color:var(--fg-on-dark);background:rgba(243,244,239,.08)}

.home__tools{background:var(--tint)}

.home__book__card{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;
  text-decoration:none;color:inherit;padding:clamp(24px,2.8vw,40px) clamp(24px,3.2vw,48px);
  background:var(--surface-raised);border-radius:1.4rem;border-left:3px solid var(--terra);
  box-shadow:0 1px 2px rgba(26,37,48,.05),0 10px 26px -10px rgba(26,37,48,.13);
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.home__book__card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(26,37,48,.06),0 16px 38px rgba(26,37,48,.1)}
.home__book__cover{display:block;width:clamp(96px,10vw,132px);border-radius:4px 9px 9px 4px;overflow:hidden;position:relative;
  box-shadow:0 1px 2px rgba(26,37,48,.08),0 18px 36px -14px rgba(26,37,48,.35),inset 0 0 0 1px rgba(26,37,48,.08);
  transform:rotate(-1.5deg)}
.home__book__cover::before{content:"";position:absolute;inset:0 auto 0 0;width:8px;z-index:1;
  background:linear-gradient(90deg,rgba(26,37,48,.22),rgba(26,37,48,.06) 45%,rgba(255,255,255,.18) 70%,rgba(26,37,48,0))}
.home__book__cover img{display:block;width:100%;height:auto;aspect-ratio:1688/2625;object-fit:cover}
.home__book__t{display:grid;gap:6px}
.home__book__t .eyebrow{margin-bottom:6px}
.home__book__t b{font-family:var(--disp);font-weight:400;font-size:clamp(24px,2.4vw,30px);line-height:1.12;color:var(--fg-max)}
.home__book__t i{font-family:var(--disp);font-style:italic;font-size:17px;color:var(--fg);line-height:1.3}
.home__book__line{font-size:15px;color:var(--fg);margin-top:6px}
.home__book__go{margin-top:12px;font-size:15px;font-weight:500;color:#48746F;display:inline-flex;align-items:center;gap:7px}
.home__book__go em{width:14px;height:2px;background:#48746F;position:relative;flex:none;transition:width .25s var(--ez)}
.home__book__go em::after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:2px solid #48746F;border-right:2px solid #48746F;transform:rotate(45deg)}
.home__book__card:hover .home__book__go em{width:22px}
.home__book__next{grid-column:1/-1;border-top:1px solid var(--hair);padding-top:14px;font-size:14.5px;color:var(--fg-muted)}
.home__book__next em{font-style:italic;color:var(--fg-max)}
@media(max-width:640px){.home__book__card{grid-template-columns:1fr}.home__book__cover{width:110px}}
@media(prefers-reduced-motion:reduce){.home__book__cover{transform:none}.home__book__card:hover{transform:none}}

.ag__doors{grid-template-columns:repeat(2,1fr);max-width:none}

.ag__fam{margin-top:34px}
.ag__fam[data-fam="find"]  { --fam:var(--sage);  --fam-t:var(--sage-t);  --fam-bed:var(--sage-bed) }
.ag__fam[data-fam="read"]  { --fam:var(--terra); --fam-t:var(--terra-t); --fam-bed:#F7EFEB }
.ag__fam[data-fam="build"] { --fam:var(--plum);  --fam-t:var(--plum-t);  --fam-bed:#F2ECF3 }
.ag__fam[data-fam="ask"]   { --fam:var(--gold);  --fam-t:#7A5A22;        --fam-bed:#FAF3E7 }

.ag__fam:first-child{margin-top:26px}

.ag__fam__hd{display:flex;flex-direction:column;gap:5px;
  padding-bottom:12px;border-bottom:1px solid var(--hair)}
.ag__fam__hd h3{font-family:var(--disp);font-weight:400;font-size:20px;line-height:1.24;
  color:var(--fg-strong);margin:0}
.ag__fam__hd p{font-size:14.5px;line-height:1.6;color:var(--fg-muted);margin:0;max-width:62ch}

.ag__fam__tools{list-style:none;margin:0;padding:0;display:grid;gap:0}

.ag__tool{display:grid;grid-template-columns:minmax(9.5rem,auto) 1fr;gap:14px;align-items:baseline;
  justify-items:start;
  padding:11px 2px;border-bottom:1px solid color-mix(in srgb,var(--hair) 58%,transparent)}
.ag__tool:last-child{border-bottom:0}
.ag__tool code{font-family:var(--mono);font-size:12.5px;letter-spacing:.01em;
  color:var(--fg-strong);background:none;padding:0}
.ag__tool span{font-size:14.5px;line-height:1.55;color:var(--fg)}

.ag__tools--page{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.ag__tools--page{grid-template-columns:1fr}}
.ag__ptool{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ag__ptool__n{font-family:var(--mono);font-size:12.5px;letter-spacing:.01em;
  color:var(--sage-t);background:var(--sage-bed);padding:3px 8px;border-radius:.4rem}
.ag__ptool__d{font-size:14.5px;line-height:1.55;color:var(--fg);margin:0}
.ag__ptool__a{font-family:var(--mono);font-size:12px;letter-spacing:.02em;
  color:var(--fg);margin:auto 0 0;padding-top:8px;
  border-top:1px solid var(--hair);align-self:stretch}

.ag__fam__hd{border-bottom:1px solid var(--fam)}
.ag__fam__hd h3{color:var(--fam-t)}

.ag__tool code{color:var(--fam-t);background:var(--fam-bed);
  padding:3px 8px;border-radius:.4rem}

.ag__tools > .ag__ref{border:0;border-radius:0;background:none;padding:22px 0 0}
.ag__ref{margin-top:40px;padding-top:22px;border-top:1px solid var(--hair)}
.ag__ref > b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fg-muted);display:block;margin-bottom:14px}
.ag__ref ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ag__ref a{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit;
  padding:13px 15px;border:1px solid var(--hair);border-radius:.88rem;
  transition:border-color .25s var(--ez),background .25s var(--ez)}
.ag__ref a:hover{border-color:var(--acc);background:var(--surface-raised)}
.ag__ref a b{font-size:14.5px;color:var(--fg-strong);font-weight:600}
.ag__ref a span{font-size:13px;line-height:1.5;color:var(--fg-muted)}

@media (max-width:860px){
  .ag__doors{grid-template-columns:1fr}
  .ag__ref ul{grid-template-columns:1fr}

  .ag__tool{grid-template-columns:1fr;gap:3px;padding:12px 2px}
}

.ag__x{margin-bottom:56px;padding-bottom:44px;border-bottom:1px solid var(--hair)}
.ag__x__lede{font-size:17px;line-height:1.62;color:var(--fg);max-width:66ch;margin:14px 0 0}

.ag__x__pair{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;margin-top:34px}

.ag__x__one{display:flex;flex-direction:column}
.ag__x__one h3{font-family:var(--disp);font-weight:400;font-size:21px;line-height:1.22;
  color:var(--fg-strong);margin:0 0 9px}
.ag__x__one p{font-size:15.5px;line-height:1.65;color:var(--fg);margin:0}

.ag__x__one{position:relative;padding:22px 24px 24px;border-radius:1rem;
  background:var(--card);border:1px solid var(--hair)}
.ag__x__one::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  border-radius:1rem 1rem 0 0}
.ag__x__one:nth-child(1)::before{background:var(--sage)}
.ag__x__one:nth-child(2)::before{background:var(--terra)}
.ag__x__one:nth-child(1) .ag__x__do{border-left-color:var(--sage)}
.ag__x__one:nth-child(2) .ag__x__do{border-left-color:var(--terra)}
.ag__x__one:nth-child(1) .ag__x__do b{color:var(--sage-t)}
.ag__x__one:nth-child(2) .ag__x__do b{color:var(--terra-t)}

.ag__x__do{margin-top:auto;padding:14px 0 0 14px;border-left:2px solid var(--sage)}
.ag__x__do b{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fg-muted);display:block;margin-bottom:4px}

.ag__x__where{margin-top:34px;padding-top:24px;border-top:1px solid var(--hair)}
.ag__x__where > b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fg-muted);display:block;margin-bottom:8px}
.ag__x__where > p{font-size:15px;line-height:1.6;color:var(--fg);margin:0;max-width:66ch}

.ag__x__list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0}
.ag__x__list a{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 13px;
  border:1px solid var(--hair);border-radius:999px;
  font-size:13.5px;color:var(--fg-strong);text-decoration:none;background:var(--card);
  transition:border-color .25s var(--ez),transform .25s var(--ez),box-shadow .25s var(--ez)}
.ag__x__list img{width:18px;height:18px;display:block;flex:none}
.ag__x__list a:hover{border-color:var(--sage);transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(8,8,8,.06)}

@media (max-width:860px){
  .ag__x__pair{grid-template-columns:1fr;gap:28px}
}