/* Round three: sharper type, a connected conversation, and a strategic feedback loop. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Bricolage Grotesque';src:url('/assets/fonts/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;}
:root{--font:Inter,Arial,sans-serif;--display:'Bricolage Grotesque',Inter,sans-serif;--serif:var(--display);--air:oklch(98.9% .005 92);--air-2:oklch(97.5% .009 100);--ink:oklch(25% .029 160);--muted:oklch(46% .016 155);--mint:oklch(71.885% .12165 164.24);--mint-ink:oklch(53% .12165 164.24);--brand-green:oklch(71.885% .12165 164.24);}
body{font-family:var(--font);}
button,input{font-family:inherit;}
.h2{font-family:var(--display);font-weight:600;letter-spacing:-.043em;line-height:1.04;}
.h2 em,.hero h1 em,.closer h2 em{font-style:normal;font-weight:600;}
.nav{background:rgba(253,252,249,.88);}
.hero{padding-top:64px;}
.hero h1{font:600 clamp(42px,5.8vw,72px)/1.08 var(--font);letter-spacing:-.065em;min-height:2.25em;text-wrap:balance;}
.hero-title-line{display:block;}.hero-phrase{white-space:nowrap;}
.hero h1 em{font-family:var(--display);font-size:1.15em;letter-spacing:-.055em;line-height:1.08;}
.hero-lede{font-size:17px;line-height:1.7;max-width:590px;margin-top:24px;letter-spacing:-.022em;}
.hero-context{color:var(--muted);}
.pixel-garden>svg{transform:translateX(var(--garden-drift,0px));transition:transform 1.2s var(--ease);}
.pixel-garden .pixel-row{animation-duration:5.2s;}
@keyframes pixel-drift{0%,100%{transform:translateX(-2.8px);}50%{transform:translateX(3.2px);}}
.garden-code{font-size:9px;opacity:.8;}
.os-intro .h2{font-size:clamp(35px,4.3vw,53px);}
.flow-machine{grid-template-columns:150px 34px minmax(0,1.04fr) 34px minmax(0,1.16fr);}
.signal-orbit{gap:15px 10px;}
.signal-node:last-child{grid-column:1/-1;}
.signal-hint{color:oklch(77% .019 149);}
.terminal-log{height:165px;gap:10px;}
.log-row{font-size:10.5px;grid-template-columns:10px 73px minmax(0,1fr);gap:6px;}
.terminal-session small,.command-flag,.terminal-footer{color:oklch(74% .02 149);}
.terminal-footer{font-size:8px;}
.message-sheet{min-height:376px;background:#fdfcf9;padding:18px;}
.message-copy{font-size:12px;line-height:1.65;min-height:215px;}
.message-copy .ai-written{text-decoration:underline;text-decoration-color:rgba(66,137,101,.45);text-decoration-thickness:1px;text-underline-offset:3px;}
.ai-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:8px;line-height:1.5;border-top:1px solid rgba(37,58,44,.08);padding-top:9px;margin-top:12px;color:var(--muted);}
.ai-legend span:first-child{text-decoration:underline;text-decoration-color:rgba(66,137,101,.45);text-underline-offset:3px;}
.source-context{font-size:10px;line-height:1.6;color:oklch(84% .019 149);margin:11px 3px 0;}
.source-context summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;min-height:32px;align-items:center;list-style:none;}
.source-context summary::-webkit-details-marker{display:none;}
.source-context summary>span{font-size:16px;transition:transform .2s;}
.source-context[open] summary>span{transform:rotate(45deg);}
.source-context dl{padding-top:9px;border-top:1px solid rgba(230,247,227,.12);}
.source-context dl>div{margin-bottom:10px;}
.source-context dt{color:oklch(70% .027 152);font-size:9px;}
.source-context dd{margin:2px 0 0;font-size:11px;}
.email-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}
.email-tags span{border:1px solid rgba(230,247,227,.12);padding:3px 6px;border-radius:4px;font-size:8px;}
.campaign-bottom{font-size:9px;}
.demo-controls{color:oklch(78% .02 148);}
.meeting-band{display:grid;grid-template-columns:.92fr 1.25fr 1fr;align-items:center;gap:34px;margin-top:65px;padding-top:48px;padding-bottom:15px;border-top:1px solid rgba(228,247,230,.12);}
.meeting-intro .eyebrow{font-size:9px;color:oklch(76% .035 150);margin-bottom:15px;}
.meeting-intro h3{font:600 32px/1.08 var(--display);letter-spacing:-.035em;}
.meeting-intro h3 em{font-style:normal;color:oklch(80% .055 150);}
.meeting-intro>p:not(.eyebrow){font-size:12px;line-height:1.75;color:oklch(78% .02 148);max-width:27ch;margin-top:17px;}
#show-outcome{color:oklch(91% .04 150);font-size:11px;cursor:pointer;border:0;border-bottom:1px solid rgba(220,245,224,.25);background:none;margin-top:17px;padding:8px 0;}
.reply-thread{display:flex;flex-direction:column;gap:22px;min-width:0;}
.reply-note,.reply-answer{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.65;transition:opacity .65s,transform .65s;}
.reply-avatar{flex:none;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(229,244,228,.16);background:rgba(227,240,227,.09);border-radius:8px;color:oklch(85% .04 145);font-size:10px;}
.reply-byline{font-weight:500;margin-bottom:6px;}
.reply-byline span{color:oklch(73% .019 149);font-size:9px;font-weight:400;}
#example-reply,#reply-answer-text{color:oklch(89% .015 146);}
.reply-classification{display:block;color:oklch(78% .055 153);font-size:9px;margin-top:9px;}
.reply-answer{padding-top:19px;border-top:1px solid rgba(228,247,230,.09);}
.demo-booking-link{display:flex;align-items:center;gap:6px;color:oklch(84% .075 152);font-size:10px;margin-top:11px;}
.demo-booking-link svg{width:13px;height:13px;}
.meeting-result{position:relative;min-height:260px;display:grid;align-items:center;}
.meeting-pending{position:absolute;inset:0;display:grid;place-content:center;color:oklch(70% .025 150);font-size:11px;line-height:1.8;text-align:center;transition:opacity .4s;}
.meeting-calendar{width:100%;color:var(--ink);background:rgba(251,253,245,.96);border:1px solid rgba(252,255,246,.8);border-radius:12px;padding:16px;box-shadow:0 20px 38px rgba(3,18,9,.25),inset 0 1px 0 white;opacity:0;transform:translateY(14px) rotate(1.5deg) scale(.96);visibility:hidden;transition:opacity .7s,transform .7s var(--ease),visibility .7s;}
.calendar-toast{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:500;padding-bottom:13px;border-bottom:1px solid rgba(24,48,39,.1);}
.calendar-toast svg{width:14px;height:14px;color:var(--mint-ink);}.calendar-check{margin-left:auto;color:var(--mint-ink);}
.calendar-title{font:600 21px/1.1 var(--display);letter-spacing:-.035em;margin-top:17px;}
.calendar-person{font-size:10px;color:var(--muted);margin-top:5px;}
.calendar-week{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:19px;text-align:center;font-size:8px;color:var(--muted);}
.calendar-week>span{padding:7px 3px;border-radius:6px;}.calendar-week b{display:block;font-size:13px;font-weight:500;margin-top:5px;color:var(--ink);}
.calendar-week .booked-day{background:oklch(89% .046 150);color:var(--mint-ink);}
.calendar-slot{display:flex;gap:10px;align-items:center;background:oklch(93% .032 148);border-left:2px solid var(--mint-ink);padding:9px 8px;font-size:9px;margin-top:11px;border-radius:2px 5px 5px 2px;}
.calendar-slot strong{font-weight:500;}.calendar-slot i{width:4px;height:4px;border-radius:50%;background:var(--mint-ink);margin-left:auto;}
.calendar-demo{display:block;text-align:right;font-size:8px;color:var(--muted);margin-top:9px;}
.meeting-band[data-outcome="waiting"] .reply-note{opacity:.38;}
.meeting-band[data-outcome="waiting"] .reply-answer,.meeting-band[data-outcome="reply"] .reply-answer{opacity:.25;transform:translateY(5px);}
.meeting-band[data-outcome="booked"] .meeting-calendar{visibility:visible;opacity:1;transform:translateY(0) rotate(-1deg) scale(1);}
.meeting-band[data-outcome="booked"] .meeting-pending{opacity:0;}
.gtm-story .h2{font-weight:600;}.gtm-orbit-scene{transform:rotate(-4deg);}.gtm-compass-label{transform:translateX(-50%) rotate(4deg);}
.gtm-learning h3{font-family:var(--display);font-weight:600;letter-spacing:-.035em;}
.case strong{font-weight:600;font-size:clamp(31px,3.7vw,43px);letter-spacing:-.04em;}
.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;margin-top:43px;}
.journey::before{content:"";position:absolute;top:40px;left:0;right:0;height:1px;background:var(--line);}
.journey-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:none;border:0;padding:0 5px 13px 0;color:var(--muted);cursor:pointer;}
.journey-no{font:500 10px var(--mono);}.journey-dot{position:relative;z-index:1;width:9px;height:9px;margin:21px 0 23px;background:var(--air);border:1px solid #8ca79a;border-radius:50%;box-shadow:0 0 0 6px var(--air);transition:background .3s,box-shadow .3s;}
.journey-step strong{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.025em;}
.journey-step>span:last-child{font-size:12px;line-height:1.7;margin-top:8px;max-width:25ch;}
.journey-step[aria-pressed="true"] .journey-dot{background:var(--mint-ink);box-shadow:0 0 0 6px var(--air),0 0 0 7px rgba(54,122,85,.2);}
.journey-step[aria-pressed="true"] .journey-no{color:var(--mint-ink);}.journey-step:hover .journey-dot{background:var(--mint);}
.journey-output{display:grid;grid-template-columns:100px 1fr 240px;align-items:center;gap:25px;border:1px solid rgba(30,55,39,.12);border-radius:12px;padding:25px 28px;margin-top:20px;background:rgba(255,255,254,.65);box-shadow:inset 0 1px 0 white,0 6px 25px rgba(30,55,39,.035);}
.journey-output-label{font-size:10px;color:var(--mint-ink);}
.journey-output h3{font-size:16px;font-weight:600;letter-spacing:-.025em;}.journey-output p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:7px;max-width:60ch;}
.journey-artifact{display:flex;flex-wrap:wrap;gap:6px;}.journey-artifact span{font:400 9px var(--mono);border:1px solid rgba(30,55,39,.1);border-radius:4px;padding:6px 8px;background:rgba(241,246,237,.6);}
.closer{background:oklch(97.1% .018 119);}
.booking-intro{text-align:center;}.booking-brand{display:inline-flex;align-items:center;gap:7px;font-size:24px;font-weight:600;letter-spacing:-.06em;margin-bottom:29px;}
.closer .booking-intro h2{font:600 clamp(48px,6vw,72px)/1.03 var(--display);letter-spacing:-.055em;}
.booking-intro .lede{max-width:none;font-size:15px;}.booking-intro .eyebrow{font-size:9px;}
.booking-shell{position:relative;min-height:600px;margin:42px auto 0;border:1px solid rgba(38,63,43,.12);border-radius:14px;padding:7px;background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 white,0 16px 45px rgba(30,55,39,.045);overflow:hidden;}
#my-cal-inline-discovery-call-mini-audit{min-height:600px;}
.booking-status{position:absolute;top:25px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);pointer-events:none;z-index:1;}
.booking-fallback{text-align:center;font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px;}.booking-fallback a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;}
:focus-visible{outline:2px solid var(--mint);outline-offset:4px;}
@media (max-width:1050px) and (min-width:801px){.flow-machine{grid-template-columns:118px 22px minmax(0,1fr) 22px minmax(0,1.15fr);}.log-row{font-size:9px;grid-template-columns:8px 64px minmax(0,1fr);}.message-copy{font-size:11px;}.message-sheet{padding:14px;min-height:420px;}.meeting-band{gap:22px;}.meeting-intro h3{font-size:28px;}.journey-output{grid-template-columns:85px 1fr 190px;}}
@media (max-width:800px){.hero{padding-top:52px;}.hero h1{font-size:clamp(34px,5.9vw,52px);}.flow-machine{grid-template-columns:1fr;}.signal-orbit{grid-template-columns:repeat(5,1fr);gap:8px;}.signal-node:last-child{grid-column:auto;}.signal-node>span:last-child{font-size:9px;}.signal-caption{margin-top:5px;}.terminal-log{height:160px;}.log-row{font-size:11px;grid-template-columns:11px 83px minmax(0,1fr);gap:8px;}.message-sheet{min-height:380px;padding:20px;}.message-copy{font-size:13px;min-height:205px;}.ai-legend{font-size:9px;}.source-context{font-size:11px;}.source-context dt{font-size:10px;}.source-context dd{font-size:12px;}.campaign-bottom{font-size:10px;}.meeting-band{grid-template-columns:1fr 1fr;gap:28px;max-width:490px;margin-inline:auto;margin-top:45px;padding-top:36px;}.meeting-intro{grid-column:1/-1;}.meeting-intro>p:not(.eyebrow){max-width:48ch;}.reply-note,.reply-answer{font-size:11px;}.reply-avatar{width:24px;height:24px;}.meeting-calendar{padding:13px;}.calendar-title{font-size:18px;}.meeting-result{min-height:270px;}.journey-output{grid-template-columns:1fr;gap:12px;}.journey-artifact{margin-top:3px;}.booking-shell,#my-cal-inline-discovery-call-mini-audit{min-height:650px;}}
@media (max-width:560px){.hero{padding-top:41px;}.hero h1{font-size:clamp(31px,8.6vw,46px);line-height:1.12;letter-spacing:-.06em;min-height:3.32em;max-width:430px;}.hero-title-line{max-width:100%;margin:auto;}.hero h1 em{font-size:1.12em;line-height:1.14;white-space:nowrap;}.hero-lede{font-size:14px;line-height:1.75;max-width:34ch;margin-top:20px;}.hero .cta-row{margin-top:23px;}.hero-context{font-size:9px;}.garden-code{font-size:7px;}.h2{font-size:42px;}.os-intro .h2{font-size:clamp(30px,9.7vw,42px);}.signal-node svg,.source-glyph{width:40px;height:40px;padding:10px;}.signal-node .meta-glyph{padding:9px 0;font-size:32px;}.signal-orbit{gap:3px;}.signal-node{min-height:62px;}.terminal-log{height:175px;}.log-row{font-size:10px;grid-template-columns:9px 73px minmax(0,1fr);gap:6px;}.message-sheet{padding:16px;min-height:397px;}.message-copy{font-size:12px;min-height:225px;}.ai-legend{font-size:8px;}.meeting-band{grid-template-columns:1fr;gap:27px;}.meeting-intro h3{font-size:34px;}.meeting-intro>p:not(.eyebrow){font-size:13px;}.reply-thread{max-width:370px;}.reply-note,.reply-answer{font-size:12px;}.reply-byline span,.reply-classification{font-size:10px;}.meeting-result{min-height:270px;max-width:290px;width:100%;justify-self:center;}.meeting-calendar{padding:18px;}.calendar-title{font-size:23px;}.calendar-person{font-size:11px;}.calendar-slot{font-size:10px;}.calendar-week{font-size:9px;}.calendar-week b{font-size:14px;}.journey{grid-template-columns:1fr 1fr;gap:23px 18px;margin-top:32px;}.journey::before{display:none;}.journey-step{padding:0 0 0 17px;border-left:1px solid var(--line);}.journey-dot{position:absolute;top:0;left:-5px;margin:0;}.journey-no{font-size:9px;margin-bottom:13px;}.journey-step strong{font-size:15px;}.journey-step>span:last-child{font-size:12px;}.journey-output{padding:22px;min-height:228px;}.journey-output h3{font-size:17px;}.journey-artifact span{font-size:8px;}.booking-shell{margin-inline:-10px;padding:4px;min-height:800px;}.booking-intro .lede{font-size:13px;}#my-cal-inline-discovery-call-mini-audit{min-height:800px;}.booking-fallback{font-size:10px;}.gtm-orbit-scene{transform:none;}.gtm-compass-label{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.pixel-garden>svg{transform:none;}.meeting-calendar{transition:none;}.meeting-band[data-outcome="booked"] .meeting-calendar{transform:none;}}
body.motion-paused .pixel-garden>svg{transform:none;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Final brand assets supplied by Diederik. The display green keeps the logo hue. */
.brand .brand-wordmark{display:block;width:152px;height:auto;border-radius:0;}
.booking-brand .brand-wordmark{display:block;width:190px;height:auto;}
.seadz-mark{border-radius:50%;object-fit:contain;}
.terminal-session .seadz-mark{border-radius:50%;opacity:1;}
.seadz-avatar{border-radius:50%;}
.os-intro .h2 em,.meeting-intro h3 em{color:var(--brand-green);}
.gtm-layer{--gtm-green:var(--mint-ink);}
@media(max-width:800px){.brand .brand-wordmark{width:132px;}}
@media(max-width:560px){.brand .brand-wordmark{width:112px;}.booking-brand .brand-wordmark{width:176px;}}
@media(max-width:360px){.nav-inner{gap:10px;}.nav-os-mobile{display:none;}.nav .btn{margin-left:auto;}.brand .brand-wordmark{width:118px;}}

/* The navigation uses the supplied favicon; the hero names the agency directly. */
.nav .brand .brand-mark{display:block;width:38px;height:38px;border-radius:0;}
.hero-kicker .status-dot{animation:availability-blink 2.8s steps(1,end) infinite;}
@keyframes availability-blink{0%,54%{opacity:1;}55%,100%{opacity:0;}}
body.motion-paused .hero-kicker .status-dot{animation:none!important;opacity:1;}
@media(prefers-reduced-motion:reduce){.hero-kicker .status-dot{animation:none;opacity:1;}}

/* Page fix, 8 October 2026: the rotated compass orbit pushed the document 25px wider than the viewport at
   1024px (measured: main 1049/1024). Clip horizontal overflow at the page level; no scroll container, so
   sticky elements and scroll-driven animation keep working. */
main#main{overflow-x:clip;}

/* 10 October 2026, on Diederik's brief: the official logo top left, made a good deal smaller later that day (mark 26px, letters 34px). The square mark gets the button
   radius; the letters are the official "seadz" letterforms cropped from the supplied logo and set in the
   site's emphasis green (oklch 53% .12165 164.24) instead of the bright logo green. Baselines align as
   in the supplied logo (letters' x-height equals the mark's height, bottoms level). */
.nav .brand{align-items:flex-end;gap:7px;}
.nav .brand .brand-mark{width:26px;height:26px;border-radius:8px;}
.nav .brand .brand-word{display:block;width:auto;height:34px;margin-bottom:-1px;}
@media(max-width:560px){
  .nav .brand{gap:7px;}
  .nav .brand .brand-mark{width:24px;height:24px;border-radius:7px;}
  .nav .brand .brand-word{height:31px;}
  .nav-os-mobile{display:none;}
  .nav .btn{margin-left:auto;}
}

/* 10 October 2026: one short, light line under the Outreach OS heading that says what the team does. */
.os-intro .os-sub{margin-top:18px;max-width:min(36ch,calc(50vw - var(--pad) - 36px));font-size:15px;line-height:1.65;color:oklch(84% .02 147);text-wrap:pretty;}
/* The root line from the hero runs down the centre of the band; the paragraph stays left of it and wraps into more lines. */
@media(max-width:800px){.os-intro .os-sub{font-size:14px;max-width:none;}}

/* 10 October 2026: iOS draws U+2197 as an emoji, so buttons carry an SVG arrow in the text colour. */
.btn .btn-ico{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:2;}