/* OpsFuse v3, "Starting point". Teal ground, sand reading surfaces, coral for the one action. */
@font-face{font-family:"Fraunces";src:url(fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"DM Sans";src:url(fonts/dmsans.woff2) format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(fonts/spacegrotesk.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}

:root{
  --deep:#00303f;      /* main ground */
  --teal:#005571;      /* raised surfaces */
  --foam:#e9fbfa;      /* text on teal */
  --mist:#b4dadd;      /* quieter text on teal, 9:1 on deep, 5.6:1 on teal */
  --cyan:#45fcf1;      /* selection, active state, the path */
  --sand:#f3e9d7;      /* reading surfaces */
  --ink:#0f2a33;       /* text on sand */
  --ink-quiet:#44606a; /* 5.4:1 on sand */
  --coral:#ff7a59;     /* the primary action, nothing else */
  --line:rgba(233,251,250,.22);
  --line-ink:rgba(15,42,51,.2);
  --serif:"Fraunces",Georgia,serif;          /* the visitor's voice: quotes, italics */
  --display:"Space Grotesk","DM Sans",system-ui,sans-serif; /* statements: headings, titles */
  --sans:"DM Sans",system-ui,sans-serif;
  --gutter:clamp(20px,5vw,64px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--deep);color:var(--foam);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:2px}
.sand :focus-visible{outline-color:var(--teal)}
[hidden]{display:none !important}
::selection{background:var(--cyan);color:var(--ink)}

h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.06;font-weight:450}
h2{font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.15}
h3{font-size:1.2rem;line-height:1.25}
.h-small{font-size:1.2rem}
.lede{font-size:clamp(1.02rem,1.2vw,1.15rem);line-height:1.6;color:var(--foam);max-width:40em}
.quiet{color:var(--mist);font-size:.92rem}
.sand .quiet{color:var(--ink-quiet)}
.sand .lede{color:var(--ink)}

.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--cyan);color:var(--ink);padding:10px 16px;font-weight:600}
.skip:focus{top:12px}

/* ---------- the one action ---------- */
.action{display:inline-block;background:linear-gradient(180deg,#ff8d69,#ff6a45);color:var(--ink);font:600 .95rem/1.2 var(--sans);padding:13px 22px;border:0;border-radius:8px;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px -14px rgba(255,122,89,.65),inset 0 -2px 0 rgba(15,42,51,.22)}
.action:hover{background:linear-gradient(180deg,#ff9b7b,#ff7a59)}
.action:focus-visible{outline-offset:4px}
.action-small{padding:9px 15px;font-size:.88rem}
.action[aria-current=page]{box-shadow:inset 0 -3px 0 var(--ink)}

/* ---------- header ---------- */
.top{border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.logo{display:block;width:118px;color:var(--foam)}
.logo svg{display:block;width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px)}
.site-nav ul{display:flex;gap:clamp(16px,2.5vw,36px)}
.site-nav li a{text-decoration:none;padding:8px 0;font-weight:500;border-bottom:2px solid transparent}
.site-nav li a:hover{border-bottom-color:var(--mist)}
.site-nav li a[aria-current=page],.site-nav li a.in-section{border-bottom-color:var(--cyan)}
.menu-button{display:none;background:none;border:1.5px solid var(--foam);color:var(--foam);font:600 1rem var(--sans);padding:9px 16px;border-radius:4px;cursor:pointer}

@media (max-width:820px){
  .top-row{flex-wrap:wrap}
  .js .menu-button{display:block}
  .site-nav{flex-basis:100%;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:10px}
  .js .site-nav{display:none}
  .js .site-nav.is-open{display:flex}
  .site-nav ul{flex-direction:column;gap:0;width:100%}
  .site-nav li a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:1.2rem}
  .site-nav .action{margin-top:14px}
}

/* ---------- hero ---------- */
.hero{padding-block:clamp(36px,4.5vw,64px) clamp(32px,4vw,56px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(32px,5vw,72px);align-items:end}
.hero h1{font-size:clamp(2.05rem,3.8vw,3.1rem)}
.hero .lede{font-size:1.1875rem;padding-bottom:.35em}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}

/* ---------- the situation picker: the bold part ---------- */
.picker{padding-block:clamp(20px,2.6vw,40px) clamp(44px,5.5vw,84px)}
.picker h2{font-size:clamp(1.5rem,2.5vw,2.1rem);color:var(--cyan)}
.picker-hint{color:var(--mist);margin-top:6px;max-width:52em}
.picker-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:20px}
.js .picker-grid{grid-template-columns:minmax(250px,5fr) minmax(0,11fr);gap:44px;align-items:start}
.sit-tabs{display:grid;gap:10px}
.sit-tab{position:relative;text-align:left;background:transparent;color:var(--foam);border:1.5px solid var(--line);border-radius:18px;padding:16px 22px;cursor:pointer;font:italic 400 1.1rem/1.35 var(--serif);transition:background-color .18s,border-color .18s,color .18s}
.sit-tab:hover{border-color:var(--cyan)}
.sit-tab[aria-selected=true]{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}
.sit-tab[aria-selected=true]::after{content:"";position:absolute;left:100%;top:50%;width:46px;height:2px;background:var(--cyan)}
.sit-tab:focus-visible{outline-offset:4px;border-radius:22px}

.sit-panel{background:var(--teal);border-radius:26px;padding:clamp(20px,2.4vw,28px);border:2px solid transparent}
.sit-panel + .sit-panel{margin-top:28px}
.js .sit-panel{border-color:var(--cyan);margin-top:0}
.sit-panel:focus-visible{outline-offset:5px;border-radius:30px}
.said{font:italic 400 1.15rem/1.35 var(--serif);color:var(--cyan)}
.sit-panel .said{margin-bottom:12px}
.sit-panel h3{font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.18;max-width:28em}
.reply{margin-top:10px;max-width:52em;font-size:.95rem;line-height:1.6}
.sit-panel h4{font:600 .92rem/1.3 var(--sans);letter-spacing:.02em;color:var(--mist);margin-bottom:10px}
.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.panel-side{display:grid;gap:16px;align-content:start}
.sit-panel .path{gap:13px}
.sit-panel .step p{font-size:.95rem;line-height:1.5}
.sit-panel .here{min-height:20px}
.arrive{position:relative;padding-left:40px}
.arrive::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;border:2.5px solid var(--cyan);box-shadow:inset 0 0 0 5px var(--teal),inset 0 0 0 11px var(--cyan)}
.proof{padding-left:40px}
.proof-title{font:500 1.1rem/1.3 var(--display);margin-bottom:4px}
.proof p:last-child,.arrive p{font-size:.95rem;line-height:1.5}
.panel-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:18px}
.panel-foot p{font-size:1rem}
.picker-none{margin-top:26px;color:var(--mist)}
@media (min-width:901px){.js .sit-panel .said{display:none}}
@media (max-width:900px){
  .js .picker-grid{grid-template-columns:1fr;gap:34px}
  .sit-tab{font-size:1.15rem;padding:14px 18px;border-radius:18px}
  .sit-tab[aria-selected=true]::after{display:none}
  .js .sit-panel{position:relative}
  .js .sit-panel::before{content:"";position:absolute;left:36px;bottom:100%;width:2px;height:34px;background:var(--cyan)}
  .panel-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:no-preference){
  .sit-panel.is-arriving{animation:arrive .32s cubic-bezier(.2,.7,.2,1)}
  .sit-panel.is-arriving .path::before{animation:draw .5s .08s ease-out backwards}
  @keyframes arrive{from{opacity:0;transform:translateX(14px)}}
  @keyframes draw{from{transform:scaleY(0)}}
}

/* ---------- the path: a real sequence ---------- */
.path{position:relative;display:grid;gap:20px;counter-reset:none}
.path::before{content:"";position:absolute;left:15px;top:8px;bottom:26px;width:2px;background:var(--cyan);transform-origin:top;opacity:.75}
.step,.here{position:relative;padding-left:48px}
.step::before{content:attr(value);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:600 .95rem var(--sans);background:var(--cyan);color:var(--ink)}
.step strong{font-weight:600;display:block}
.step p{font-size:1rem;line-height:1.55;color:var(--foam)}
.step-note{display:block;font-size:.9rem;line-height:1.3;color:var(--mist)}
.step-done::before,.step-later::before{background:var(--teal);color:var(--mist);box-shadow:inset 0 0 0 1.5px var(--mist)}
.raised .step-later::before{background:var(--teal)}
.step-done p,.step-later p{color:var(--mist)}
.step-done strong,.step-later strong{color:var(--mist);font-weight:500}
.here{min-height:24px}
.here::before{content:"";position:absolute;left:8px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--foam);box-shadow:0 0 0 4px var(--teal)}
.here span{font:italic 400 1.1rem/1.4 var(--serif);color:var(--foam)}
.path-large{gap:30px;max-width:36em}
.path-large .step{padding-left:60px}
.path-large .step::before{width:36px;height:36px;top:0}
.path-large::before{left:17px}
.path-large .step strong{font:500 1.25rem/1.25 var(--display);margin-bottom:4px}
.path-large .step p{font-size:1rem}
.band:not(.raised):not(.sand) .step-later::before{background:var(--deep)}
.path-ink::before{background:var(--teal);opacity:1}
.path-ink .step::before{background:var(--teal);color:var(--sand)}
.path-ink .step p{color:var(--ink)}

/* ---------- bands ---------- */
.band{padding-block:clamp(44px,5.5vw,84px)}
.band-tight{padding-block:clamp(32px,4vw,56px)}
.raised{background:var(--teal)}
.sand{background:var(--sand);color:var(--ink)}
.sand a{color:var(--teal)}
.sand h1,.sand h2,.sand h3{color:var(--ink)}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.split-head{display:grid;gap:14px;align-content:start}
.split-head p{max-width:26em}
@media (max-width:820px){.split{grid-template-columns:1fr}}

.principles{display:grid;grid-template-columns:1fr 1fr;gap:36px clamp(24px,4vw,56px)}
.principles li{border-top:2px solid var(--cyan);padding-top:16px}
.sand .principles li{border-top-color:var(--teal)}
.principles h3{margin-bottom:8px}
@media (max-width:560px){.principles{grid-template-columns:1fr}}

.prose-teal{display:grid;gap:18px;font-size:1.2rem;line-height:1.6;max-width:36em}

.story-list,.note-list{display:grid}
.story-row,.note-row{padding-block:22px;border-top:1px solid var(--line);display:grid;gap:6px}
.sand .story-row,.sand .note-row{border-top-color:var(--line-ink)}
.story-row:last-child,.note-row:last-child{border-bottom:1px solid var(--line)}
.sand .story-row:last-child,.sand .note-row:last-child{border-bottom-color:var(--line-ink)}
.story-title,.note-row h3,.note-row h2{font:500 1.2rem/1.25 var(--display);letter-spacing:-.01em}
.story-title a,.note-row a{text-decoration:none}
.story-title a:hover,.note-row a:hover{text-decoration:underline;text-decoration-thickness:2px}
.story-row p,.note-row p{max-width:40em}
.note-list-wide{max-width:50rem}
.note-list-wide .note-row h2{font-size:1.45rem}
.story-groups{display:grid;gap:56px;max-width:60rem}
.story-group h2{font:italic 400 1.5rem/1.3 var(--serif);color:var(--teal);margin-bottom:14px}

/* ---------- page heads ---------- */
.page-head{padding-block:clamp(36px,4.5vw,64px) clamp(32px,4vw,56px)}
.page-head-short{padding-bottom:clamp(32px,4vw,52px)}
.narrow-head h1{max-width:15em}
.narrow-head .lede{margin-top:24px}
.narrow-head .action{margin-top:30px}
.crumb{color:var(--mist);font-size:.9rem;margin-bottom:16px}
.head-note{margin-top:14px;color:var(--mist);max-width:48em;font-size:.95rem;line-height:1.6}
.sand .head-note{color:var(--ink-quiet)}
.ethos{margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:18px clamp(28px,5vw,72px);align-items:center}
.ethos-line{font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.18;text-wrap:balance}
.ethos-ai{display:block;font-family:var(--display);font-weight:500;letter-spacing:-.015em;color:var(--cyan)}
.ethos-human{display:block;font:italic 400 1em/1.16 var(--serif);color:var(--sand)}
.ethos-copy{color:var(--foam);font-size:1.05rem;line-height:1.65;max-width:36em}
@media (max-width:820px){.ethos{grid-template-columns:1fr;gap:16px}}

.eng-head{display:grid;gap:8px;margin-bottom:26px;max-width:52em}
.eng-head .lede{font-size:1.05rem;color:var(--mist)}
.eng-head .head-note{margin-top:4px}

/* how we help */
.help-list{display:grid}
.help-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(20px,5vw,80px);padding-block:34px;border-top:1px solid var(--line)}
.help-row:last-child{border-bottom:1px solid var(--line)}
.help-row .said{font-size:1.2rem}
.help-row h2{font-size:1.4rem;margin-bottom:8px}
.help-row h2 a{text-decoration:none}
.help-row h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.help-row .quiet{margin-top:10px}
@media (max-width:720px){.help-row{grid-template-columns:1fr;gap:12px}}

.caps{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,56px)}
.cap{padding-block:18px;border-top:1px solid var(--line)}
.cap dt{font-weight:600}
.cap dd{color:var(--foam);font-size:.95rem}
@media (max-width:560px){.caps{grid-template-columns:1fr}}

/* "where we have done it": secondary, quiet */
.done-band{border-top:1px solid var(--line)}
.done{display:grid;gap:14px;max-width:48em}
.done-studio{font-size:.95rem;line-height:1.6;color:var(--foam);border-left:2px solid var(--cyan);padding-left:14px}
.done-stories{display:grid;gap:8px}
.done-stories li{font-size:.92rem;line-height:1.55;color:var(--mist)}
.done-stories a{color:var(--foam)}

.plain-links{display:grid;gap:10px}
.plain-links a{font-size:1rem}
.said-links a{font:italic 400 1.1rem/1.35 var(--serif)}
.said-links + p{margin-top:28px}
.split-head .plain-links{margin-top:6px}
.h-small + .plain-links{margin-top:16px}
.page-head + .band-tight:not(.sand):not(.raised){padding-top:0}

/* ---------- story page ---------- */
.story-layout{display:grid;grid-template-columns:minmax(0,40rem) minmax(200px,17rem);gap:clamp(32px,6vw,96px);justify-content:start}
.beat{position:relative;padding:0 0 44px 52px}
.beat::before{content:"";position:absolute;left:4px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--teal)}
.beat::after{content:"";position:absolute;left:12px;top:26px;bottom:-8px;width:2px;background:var(--teal)}
.beat-end{padding-bottom:0}
.beat-end::before{left:0;top:4px;width:26px;height:26px;background:var(--sand);border:2.5px solid var(--teal);box-shadow:inset 0 0 0 5px var(--sand),inset 0 0 0 12px var(--teal)}
.beat-end::after{display:none}
.story-body h2{font-size:1.4rem;margin:0 0 10px}
@media (max-width:560px){.beat{padding-left:40px}}
.story-body p{font-size:1.0625rem;line-height:1.7}
.side-note{border-left:2px solid var(--teal);padding-left:22px;align-self:start;font-size:1rem}
.side-note h2{font:600 1rem/1.3 var(--sans);letter-spacing:0;margin:22px 0 4px;color:var(--ink-quiet)}
.side-note h2:first-child{margin-top:0}
.stack li,.side-note li{line-height:1.5}
@media (max-width:820px){.story-layout{grid-template-columns:1fr}}

/* ---------- article ---------- */
.prose{max-width:42rem;font-size:1.0625rem;line-height:1.7}
.prose > * + *{margin-top:1.1em}
.prose h2{font-size:1.5rem;margin-top:2em}
.prose h3{font-size:1.2rem;margin-top:1.7em}
.prose h4{font:600 1.1rem var(--sans);margin-top:1.6em}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:.45em}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose li::marker{color:var(--teal)}
.prose blockquote{margin-inline:0;padding-left:20px;border-left:2px solid var(--teal);font-family:var(--serif);font-style:italic}
.prose pre{overflow-x:auto;background:var(--ink);color:var(--foam);padding:18px;font-size:.95rem;line-height:1.5}
.prose code{font-family:ui-monospace,Menlo,monospace;font-size:.92em}
.prose table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}
.prose th,.prose td{padding:8px 14px;border-bottom:1px solid var(--line-ink);text-align:left;white-space:nowrap}
.prose hr{border:0;border-top:1px solid var(--line-ink)}
.prose a{overflow-wrap:anywhere}

/* ---------- closing ---------- */
.closing{border-top:1px solid var(--line);padding-block:clamp(40px,5vw,72px)}
.closing-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 48px}
.closing-row > div:first-child{max-width:38rem;display:grid;gap:12px}
.closing-action{display:grid;gap:12px;justify-items:start}
.closing-note{font:400 .78rem/1.6 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.03em;color:var(--mist);max-width:30em}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,6vw,96px);align-items:start}
.form{display:grid;gap:24px}
.form h2,.after h2{font-size:1.4rem}
.field{display:grid;gap:8px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{font-weight:600}
.optional{font-weight:400;color:var(--ink-quiet);margin-left:6px}
input,select,textarea{width:100%;font:400 1rem/1.4 var(--sans);color:var(--ink);background:#fffaf0;border:1.5px solid var(--ink-quiet);border-radius:4px;padding:13px 14px}
textarea{resize:vertical;min-height:150px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.help{font-size:.9rem;color:var(--ink-quiet)}
.form .action{justify-self:start}
.form-status:empty{display:none}
.form-status{border-left:3px solid var(--teal);padding:4px 0 4px 16px;font-weight:600}
.form-note{font-size:.9rem;color:var(--ink-quiet);max-width:40em}
.after{display:grid;gap:24px}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}.field-pair{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding-block:48px 40px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,3fr) minmax(0,3fr);gap:32px}
.foot-about{display:grid;gap:14px;align-content:start;max-width:21em;padding-right:16px}
.foot-title{font:600 1rem var(--sans);letter-spacing:0;color:var(--mist);margin-bottom:12px}
.foot ul{display:grid;gap:8px}
.foot-contact{gap:6px}
.foot-legal{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 24px;border-top:1px solid var(--line);margin-top:36px;padding-top:18px;color:var(--mist);font-size:.9rem}
.foot-legal a{color:var(--mist)}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1;max-width:28em}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}

/* ---------- hero: positioning + the ai workflow console ---------- */
.eyebrow{font:600 .8rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.action-ghost{display:inline-block;border:1.5px solid var(--line);color:var(--foam);font:600 .95rem/1.2 var(--sans);padding:11.5px 20px;border-radius:8px;text-decoration:none}
.action-ghost:hover{border-color:var(--cyan);color:var(--cyan)}

.console{--cycle:7.2s;margin-top:clamp(36px,4.5vw,60px);background-color:var(--teal);background-image:radial-gradient(rgba(233,251,250,.06) 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--line);border-radius:30px;padding:20px clamp(16px,2.4vw,26px) 24px}
.console-bar{font:500 .78rem/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em;color:var(--mist);border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}
.flow{display:flex;align-items:stretch}
.fnode{flex:1 1 0;min-width:0;background:var(--deep);border:1px solid var(--line);border-radius:16px;padding:14px 16px 15px;display:flex;flex-direction:column;gap:9px}
.fnode-tag{font:600 .72rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--mist)}
.f-ai{flex:1.12 1 0;border-color:var(--cyan)}
.f-ai .fnode-tag{color:var(--cyan)}
.f-human{border-color:var(--sand)}
.f-human .fnode-tag{font:italic 400 1.02rem/1.2 var(--serif);letter-spacing:0;text-transform:none;color:var(--sand)}
.fnode-sub{font:400 .72rem/1.5 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em;color:var(--mist);padding-top:6px;margin-top:auto}
.console-fig{text-align:center;font:400 .8rem/1.5 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.06em;color:var(--mist);margin-top:16px}

.ftiles{display:flex;flex-direction:column;gap:6px;margin-block:auto}
.ftile{display:flex;align-items:center;gap:9px;font:400 .8rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mist);border:1px solid var(--line);border-radius:9px;padding:5px 10px;animation:f-tile var(--cycle) linear infinite}
.ftile i{font-style:normal;font-size:.8rem}
.ft1{animation-delay:0s}.ft2{animation-delay:.35s}.ft3{animation-delay:.7s}
@keyframes f-tile{0%{color:var(--mist);background:transparent}2%,9%{color:var(--foam);background:rgba(69,252,241,.12)}14%,100%{color:var(--mist);background:transparent}}

.fsteps{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:400 .84rem/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mist);margin-block:auto}
.fsteps i,.fline i{font-style:normal;color:var(--mist);opacity:.55}
.fw{animation:f-word var(--cycle) linear infinite}
.fw1{animation-delay:1.3s}.fw2{animation-delay:1.8s}.fw3{animation-delay:2.3s}
@keyframes f-word{0%{color:var(--mist)}2%,9%{color:var(--cyan)}14%,100%{color:var(--mist)}}

.fline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:400 .84rem/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mist);margin-block:auto}
.fap{animation:f-ap var(--cycle) linear infinite;animation-delay:4.15s}
@keyframes f-ap{0%{color:var(--mist)}2%,9%{color:var(--sand)}14%,100%{color:var(--mist)}}

.fchips{display:flex;flex-wrap:wrap;gap:6px;margin-block:auto}
.fchip{font:400 .72rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.05em;color:var(--mist);border:1px solid var(--line);border-radius:999px;padding:3px 9px;animation:f-chip var(--cycle) linear infinite}
.fchip:nth-child(1){animation-delay:5.6s}.fchip:nth-child(2){animation-delay:5.75s}.fchip:nth-child(3){animation-delay:5.9s}.fchip:nth-child(4){animation-delay:6.05s}.fchip:nth-child(5){animation-delay:6.2s}
@keyframes f-chip{0%{color:var(--mist);border-color:var(--line)}2%,10%{color:var(--cyan);border-color:var(--cyan)}16%,100%{color:var(--mist);border-color:var(--line)}}

.flink{flex:0 0 30px;position:relative;align-self:center;height:2px}
.flink::before{content:"";position:absolute;inset:0;background:var(--line)}
.flink::after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:2px solid var(--line);border-right:2px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.fpulse{position:absolute;top:50%;left:0;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(69,252,241,.8);opacity:0;animation:f-px var(--cycle) linear infinite}
.fp1{animation-delay:.5s}.fp2{animation-delay:3.3s}
.fp3{animation-delay:4.9s;background:var(--sand);box-shadow:0 0 8px rgba(243,233,215,.8)}
@keyframes f-px{0%{transform:translateX(0);opacity:0}1.5%{opacity:1}9%{transform:translateX(22px);opacity:1}11%{transform:translateX(22px);opacity:0}100%{transform:translateX(22px);opacity:0}}

@media (max-width:900px){
  .hero h1 br{display:none}
  .flow{flex-direction:column;max-width:430px;margin-inline:auto}
  .flink{flex:0 0 30px;height:30px;width:2px;align-self:center}
  .flink::before{width:2px;left:0;right:auto;top:0;bottom:0;height:auto}
  .flink::after{right:auto;left:50%;top:auto;bottom:1px;transform:translateX(-50%) rotate(135deg)}
  .fpulse{left:50%;top:0;margin-top:0;margin-left:-3.5px;animation-name:f-py}
  @keyframes f-py{0%{transform:translateY(0);opacity:0}1.5%{opacity:1}9%{transform:translateY(22px);opacity:1}11%{transform:translateY(22px);opacity:0}100%{transform:translateY(22px);opacity:0}}
}

/* ---------- ai studio portfolio ---------- */
.sand .eyebrow{color:var(--teal)}
.stamp{display:flex;align-items:center;gap:16px;margin:28px 0 30px}
.stamp-rule{flex:1;height:1px;background:var(--line)}
.stamp-txt{font:500 .78rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);white-space:nowrap}
.studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.scard{grid-column:span 2;background:var(--deep);border:1px solid var(--line);border-radius:18px;padding:12px 12px 18px;display:flex;flex-direction:column;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.scard:nth-child(1),.scard:nth-child(2){grid-column:span 3}
.scard:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 24px 48px -32px rgba(0,0,0,.75)}
.scard:hover .shot{border-color:rgba(69,252,241,.45)}
.shot{background:rgba(233,251,250,.045);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:128px;justify-content:center;margin-bottom:14px;transition:border-color .18s ease}
.scard-body{padding:0 8px;display:flex;flex-direction:column;gap:6px;flex:1}
.scard-body h3{font-size:1.1rem}
.scard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.scard-product{font:500 .84rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--cyan)}
.scard-caps{font:400 .76rem/1.7 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mist)}
.scard-attr{font-size:.85rem;color:var(--mist);margin-top:auto;padding-top:4px}
.tag-client{font:500 .64rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--sand);border:1px solid currentColor;border-radius:999px;padding:3px 9px;white-space:nowrap}

.mrow{display:flex;align-items:center;gap:9px;background:var(--deep);border:1px solid var(--line);border-radius:8px;padding:7px 10px}
.mrow.m-hi{border-color:rgba(69,252,241,.5)}
.mava{width:15px;height:15px;border-radius:50%;background:var(--line);flex:0 0 15px}
.mbar{height:6px;border-radius:999px;background:rgba(233,251,250,.18)}
.mtag{margin-left:auto;font:500 .6rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.mscore{font:500 .72rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mist);border:1px solid var(--line);border-radius:5px;padding:2px 6px;margin-left:auto}
.m-hi .mscore{margin-left:0}
.ms-hi{color:var(--ink);background:var(--cyan);border-color:transparent}
.meter{display:flex;align-items:center;gap:10px}
.mlbl{font:400 .72rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mist);flex:0 0 70px}
.mtrack{flex:1;height:6px;border-radius:999px;background:rgba(233,251,250,.14);display:block;overflow:hidden}
.mfill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0fbfb2,var(--cyan))}
.mfoot{font:400 .68rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.05em;color:var(--mist);margin-top:2px}
.wklbl{font:400 .66rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.week{display:flex;gap:6px}
.wcell{flex:1;display:flex;align-items:center;justify-content:center;height:32px;font:400 .78rem ui-monospace,"SF Mono",Menlo,monospace;color:var(--cyan);background:rgba(69,252,241,.13);border-radius:7px}
.wc-half{background:rgba(69,252,241,.06)}
.wc-leave{background:rgba(243,233,215,.16);color:var(--sand)}
.wchip{align-self:flex-start;font:400 .66rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.05em;color:var(--sand);border:1px solid currentColor;border-radius:999px;padding:3px 9px}
.bq,.ba{font-size:.8rem;line-height:1.45;border-radius:9px;padding:7px 10px;max-width:92%}
.bq{background:var(--deep);border:1px solid var(--line);color:var(--mist);align-self:flex-end;border-bottom-right-radius:3px}
.ba{background:rgba(69,252,241,.13);color:var(--foam);align-self:flex-start;border-bottom-left-radius:3px}
.srcs{display:flex;gap:6px}
.srcs span{font:400 .64rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.05em;color:var(--mist);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.erow{display:flex;justify-content:space-between;align-items:center;font:400 .76rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--foam);background:var(--deep);border:1px solid var(--line);border-radius:8px;padding:6px 10px}
.ev{font-size:.7rem}
.ev-ok{color:var(--cyan)}
.ev-warn{color:var(--sand)}

/* ---------- ai studio page ---------- */
.scard-body h3 a{text-decoration:none}
.scard-body h3 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.page-head .stamp{margin:30px 0 0;max-width:34em}
.sol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.sol-side{display:grid;gap:12px}
.sol-shot{border:1px solid var(--line);border-radius:18px;padding:12px}
.raised .sol-shot{background:var(--deep)}
.band:not(.raised) .sol-shot{background:var(--teal)}
.sol-shot .shot{margin-bottom:0}
.sol-fit{font:400 .74rem/1.6 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em;color:var(--sand)}
.sol-main .eyebrow{margin-bottom:12px}
.sol-intro{margin-top:12px;font-size:.98rem;line-height:1.6;color:var(--foam);max-width:44em}
.sol-h{font:600 .76rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:24px 0 12px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 28px;margin-top:16px}
.stat{border-left:2px solid var(--cyan);padding-left:14px;display:grid;gap:1px}
.stat-up{font:500 .64rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.stat-n{font:500 clamp(1.5rem,2vw,1.95rem)/1.05 var(--display);color:var(--cyan)}
.stat-t{font-size:.92rem;color:var(--mist);line-height:1.45}
.stats-tight{gap:12px 20px}
.stats-tight .stat-n{font-size:1.35rem}
.sol-points{display:grid;gap:9px;margin-top:16px;max-width:44em}
.sol-points li{position:relative;padding-left:22px;font-size:.98rem;line-height:1.55;color:var(--foam)}
.sol-points li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--cyan)}
.sol-feats{margin-top:20px;gap:24px clamp(20px,3vw,40px)}
.sol-feats h3{font-size:1.1rem}
.sol-feats p{font-size:.95rem;color:var(--mist);line-height:1.5}
.eyebrow .tag-client{margin-left:12px;vertical-align:2px}
.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.ops-card{background:var(--deep);border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.ops-card .shot{margin-bottom:6px}
.ops-card h3{font-size:1.15rem}
.ops-note{font-size:.95rem;color:var(--mist);line-height:1.55}
@media (max-width:900px){
  .sol{grid-template-columns:1fr;gap:24px}
  .sol-side{max-width:430px}
  .ops-grid{grid-template-columns:1fr}
}

/* ---------- custom engineering composition ---------- */
.compose{display:flex;align-items:stretch;margin:36px 0 0}
.c-node{flex:1 1 0;min-width:0;background:#fffaf0;border:1.5px solid var(--line-ink);border-radius:14px;padding:16px 18px;display:grid;gap:4px;align-content:center}
.c-node.c-ai{flex:1.2 1 0;border-color:var(--teal);box-shadow:0 14px 34px -24px rgba(0,85,113,.6)}
.c-tag{font:500 .66rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.c-name{font:500 1.05rem/1.3 var(--display);color:var(--ink)}
.c-sub{font:400 .74rem/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:var(--ink-quiet)}
.c-chips{font:400 .74rem/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:var(--teal)}
.c-link{flex:0 0 32px;position:relative;align-self:center;height:2px;background:var(--line-ink)}
.c-link::after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:2px solid var(--line-ink);border-right:2px solid var(--line-ink);transform:translateY(-50%) rotate(45deg)}
.c-pulse{position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--teal);opacity:0;animation:travel-c 4.8s linear infinite}
.c-pulse.cp2{animation-delay:2.4s}
@keyframes travel-c{0%{transform:translateX(0);opacity:0}4%{opacity:1}22%{transform:translateX(24px);opacity:1}26%{transform:translateX(24px);opacity:0}100%{transform:translateX(24px);opacity:0}}
.eng-caps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:44px}
.ecap{border-top:2px solid var(--ink);padding-top:14px}
.ecap h3{font:500 1.05rem/1.3 var(--display);margin-bottom:6px}
.ecap p{font-size:.9rem;color:var(--ink-quiet);line-height:1.5}
.eng-note{margin-top:36px;font-size:.92rem;color:var(--ink-quiet);max-width:68ch;border-left:2px solid var(--teal);padding-left:14px}

/* ---------- why opsfuse + proof ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.pillar{background:#fffaf0;border:1.5px solid var(--line-ink);border-radius:14px;padding:22px 24px}
.pillar h3{font:500 1.15rem/1.3 var(--display);margin-bottom:8px}
.pillar p{font-size:.95rem;color:var(--ink-quiet);line-height:1.55}
.trust-row{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0}
.trust-row li{font:400 .78rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em;color:var(--ink-quiet);border:1px solid var(--line-ink);border-radius:999px;background:#fffaf0;padding:7px 14px}
.plist{margin-top:34px;border-top:1px solid var(--line)}
.prow{display:grid;grid-template-columns:200px 1fr 160px;gap:20px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}
.prow-name{font-weight:600;font-size:1.02rem}
.prow-desc{font-size:.95rem;color:var(--mist)}
.prow-tag{font:500 .68rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-align:right;white-space:nowrap}

/* ---------- adopt / adapt / build ---------- */
.pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.pathway{background:var(--teal);border-radius:18px;padding:24px 26px 26px;border-top:3px solid var(--cyan)}
.pathway.pw-build{border-top-style:dashed;border-top-color:var(--mist)}
.path-viz{width:132px;height:44px;display:block;margin-bottom:12px}
.pv-solid{fill:var(--cyan);opacity:.95}
.pv-ghost{fill:none;stroke:var(--line);stroke-width:1.5}
.pv-line{stroke:var(--line);stroke-width:1.5}
.pv-arr{fill:none;stroke:var(--line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pv-slider{stroke:var(--deep);stroke-width:1.5;stroke-linecap:round}
.pv-knob{fill:var(--deep)}
.pv-dash{fill:rgba(69,252,241,.12);stroke:var(--cyan);stroke-width:1.5;stroke-dasharray:4 4}
.pv-plus{stroke:var(--cyan);stroke-width:1.5;stroke-linecap:round}
.pw-src{display:block;font:500 .66rem/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.pw-src-build{color:var(--mist)}
.pathway h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.pathway p{font-size:.95rem;color:var(--mist);line-height:1.55}
.flywheel{margin-top:34px;text-align:center}
.flywheel-line{font:400 .82rem/1.6 ui-monospace,"SF Mono",Menlo,monospace;color:var(--cyan)}
.flywheel-note{font-size:.88rem;color:var(--mist);margin-top:6px}

@media (max-width:1000px){
  .studio-grid{grid-template-columns:1fr 1fr}
  .scard,.scard:nth-child(1),.scard:nth-child(2){grid-column:span 1}
  .scard:nth-child(5){grid-column:span 2}
  .eng-caps{grid-template-columns:repeat(3,1fr);gap:20px}
}
@media (max-width:900px){
  .pathways{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .prow{grid-template-columns:1fr;gap:4px}
  .prow-tag{text-align:left}
  .compose{flex-direction:column;max-width:460px}
  .c-link{flex:0 0 28px;height:28px;width:2px;align-self:center}
  .c-link::after{right:auto;left:50%;top:auto;bottom:1px;transform:translateX(-50%) rotate(135deg)}
  .c-pulse{left:50%;top:0;margin-top:0;margin-left:-3px;animation-name:travel-cy}
  @keyframes travel-cy{0%{transform:translateY(0);opacity:0}4%{opacity:1}22%{transform:translateY(20px);opacity:1}26%{transform:translateY(20px);opacity:0}100%{transform:translateY(20px);opacity:0}}
}
@media (max-width:620px){
  .studio-grid{grid-template-columns:1fr}
  .scard:nth-child(5){grid-column:span 1}
  .eng-caps{grid-template-columns:1fr 1fr}
}

/* ---------- connect: networking one-pager ---------- */
.connect-wrap{max-width:880px}
.connect-wrap .lede{margin-top:10px}
.connect-wrap h2{margin-bottom:4px}
.paths-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.paths-mini li{border-top:2px solid var(--cyan);padding-top:12px}
.paths-mini h3{font-size:1.02rem;margin-bottom:4px}
.paths-mini p{font-size:.92rem;color:var(--mist);line-height:1.55}
.mini-list{display:grid;margin-top:24px}
.mini-row{padding-block:14px;border-top:1px solid var(--line);display:grid;gap:3px}
.mini-row:last-child{border-bottom:1px solid var(--line)}
.mini-row h3{font-size:1.02rem}
.mini-row h3 a{text-decoration:none}
.mini-row h3 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.mini-row p{font-size:.92rem;color:var(--mist);line-height:1.55;max-width:56em}
.mini-row .quiet{font-size:.82rem}
.connect-note{margin-top:22px;font-size:.95rem;color:var(--mist);max-width:54em}
.sand .connect-note{color:var(--ink-quiet)}
.connect-strong{margin-top:20px;font-weight:600}
.sand .trust-row{margin-top:22px}
.quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.88rem}
.quick-links a{color:var(--foam);font-weight:500}
.quick-links span{color:var(--mist);opacity:.6}
.connect-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.connect-card{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
.ccell{border:1px solid var(--line);border-radius:12px;padding:13px 14px;display:grid;gap:4px;background:rgba(233,251,250,.03);min-width:0}
.clabel{font:500 .66rem/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.ccell a{font-size:.88rem;font-weight:500;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccell a:hover{text-decoration:underline}
@media (max-width:860px){.connect-card{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.connect-card{grid-template-columns:1fr}}
.connect-id a{color:inherit}
.connect-id{margin-top:28px;font:400 .76rem/1.6 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.06em;color:var(--mist)}
@media (max-width:700px){.paths-mini{grid-template-columns:1fr;gap:16px}}

/* ---------- modern surface treatments ---------- */
.hero,.page-head{background:radial-gradient(90% 55% at 72% -12%,rgba(69,252,241,.09),transparent 62%),radial-gradient(70% 55% at 4% 112%,rgba(0,85,113,.5),transparent 65%),var(--deep)}
.picker h2{background:linear-gradient(100deg,var(--cyan) 20%,#c8fffa 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sit-panel{background:linear-gradient(165deg,#01607f,#004a63)}
.raised{background:linear-gradient(178deg,#015a78,#004c66)}
.scard,.ops-card{background:linear-gradient(170deg,#013c50,#002b3c)}
.pathway{background:linear-gradient(165deg,#01607f,#004a63)}
.pillar,.c-node{box-shadow:0 10px 26px -22px rgba(15,42,51,.5)}
.c-node.c-ai{box-shadow:0 14px 34px -24px rgba(0,85,113,.6)}

@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}