:root{--paper:#fbfaf7;--ink:#102c2a;--forest:#073e34;--mint:#c5e3d9;--muted:#63706e;--line:#dfe4df;--green:#005943}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cabin,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d89332;outline-offset:5px}button{color:inherit}figure{margin:0}html[data-hero="village"] .hero{min-height:760px;height:min(62vw,880px);max-height:none;border:0}html[data-hero="village"] .hero-inner{padding-top:150px;padding-bottom:130px}html[data-hero="village"] .hero h1{max-width:750px;font-size:clamp(40px,4.6vw,68px);line-height:1.2;letter-spacing:-.045em}html[data-hero="village"] .hv-scrim{background:linear-gradient(90deg,rgba(1,28,29,.35),transparent 75%),linear-gradient(0deg,rgba(4,31,28,.52),transparent 24%)}html[data-hero="village"] .nav{max-width:1240px;width:calc(100% - 100px)}html[data-hero="village"] .hero-inner{max-width:1240px;width:calc(100% - 100px)}.editorial h2{font:400 clamp(34px,3.6vw,52px)/1.15 'Berkeley Mono',monospace;letter-spacing:-.05em;margin:0 0 22px}.editorial p{margin:0}.editorial .eyebrow{font:14px/1.4 'Berkeley Mono',monospace;letter-spacing:.045em;text-transform:uppercase;color:#29715e;margin-bottom:16px}.chapter{border-bottom:1px solid var(--line)}.chapter-inner{max-width:1300px;width:calc(100% - 100px);margin:auto;display:grid;grid-template-columns:minmax(280px,.84fr) minmax(0,1.55fr);gap:70px;align-items:center;padding:66px 0}.chapter-copy{position:relative;padding-top:88px;align-self:center}.chapter-number{position:absolute;top:-14px;font:400 124px/1 'Berkeley Mono',monospace;letter-spacing:-.09em;color:#e8e8e1}.chapter-copy .lead{font-size:23px;line-height:1.42;color:var(--ink);margin-bottom:22px}.chapter-copy>p:last-child{font-size:18px;line-height:1.55;color:var(--muted);max-width:36ch}.ads-proof{padding-top:35px}.screenshot-open{border:0;background:none;padding:0}.ads-proof img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 16px 40px #13312b1a;border:1px solid #d9dfd9;transition:transform .2s}.ads-proof .screenshot-open:hover img{transform:translateY(-3px)}.ads-proof figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:14px;color:var(--muted)}.text-button{background:transparent;border:0;padding:0;color:#12614c;font-size:14px;white-space:nowrap}.booking{background:#073a32;color:#fff;border:0;overflow:hidden}.booking .chapter-inner{min-height:610px;padding-top:60px;padding-bottom:60px}.booking .chapter-number{color:#ffffff26}.booking .eyebrow{color:#c2e2d7}.booking .lead{color:#f0f6f1}.booking .chapter-copy>p:last-child{color:#c0d0c9}.booking-scene{position:relative;isolation:isolate;padding:24px 120px 24px 0}.reception-art{position:absolute;inset:-60px -100px -60px 8%;width:calc(100% + 100px);height:calc(100% + 120px);object-fit:cover;object-position:80% center;z-index:-1;mask-image:linear-gradient(90deg,transparent,black 45%)}.booking-widget{background:#fcfdfb;border:1px solid #dce3dc;border-radius:10px;padding:25px;color:var(--ink);box-shadow:0 18px 50px #001c2466;position:relative}.widget-heading{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:25px}.widget-heading .text-button{margin-left:auto}.example{font:11px/1.5 'Berkeley Mono',monospace;color:#286851;background:#e0eee7;padding:3px 7px;border-radius:4px}.booking-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.booking-widget h3{font-size:15px;font-weight:600;margin:0 0 16px}.month-nav{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:14px}.month-nav button{border:0;background:transparent;font-size:23px;padding:0 6px}.weekday,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.weekday{font-size:11px;color:#74847c;margin-bottom:8px}.calendar-grid button,.calendar-grid .empty-day{aspect-ratio:1;min-width:0;border:0;background:transparent;border-radius:50%;font-size:12px;padding:0}.calendar-grid button.selected{background:var(--green);color:white}.calendar-grid button:hover:not(.selected){background:#e1eee5}.time-options{display:grid;gap:7px}.time-options button{border:1px solid #e6eae5;border-radius:5px;padding:7px;background:#fff;font-size:12px}.time-options button.selected{background:var(--green);color:white;border-color:var(--green)}.booking-summary{border-top:1px solid #e1e6e0;padding-top:20px;margin-top:23px;display:flex;gap:12px;justify-content:space-between;align-items:center}.booking-summary strong{display:block;font-size:13px}.booking-summary span{display:block;color:#66736d;font-size:12px;margin-top:6px}.solid-button{background:var(--green);color:#fff;border:0;border-radius:5px;padding:12px 17px;font-size:14px;white-space:nowrap}.solid-button span{color:inherit;display:inline;margin-left:12px}.demo-result{padding:12px 0 0;font-size:13px;line-height:1.5;color:#245d47}.flow-widget{background:#fff;border:1px solid #e1e5de;border-radius:10px;padding:26px;box-shadow:0 12px 32px #142d2410}.flow-canvas{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center}.flow-stack{display:flex;flex-direction:column}.flow-node{display:flex;align-items:center;gap:12px;padding:16px 12px;background:#f4f8f4;border:1px solid #dce7df;border-radius:7px;transition:background .3s,box-shadow .3s}.node-icon{width:28px;height:30px;display:grid;place-items:center;font-size:25px;color:#0b5b45}.flow-node strong{font-size:14px;display:block}.flow-node small{display:block;font-size:12px;color:#64766c;margin-top:4px}.flow-arrow{display:block;text-align:center;line-height:29px;color:#71857a;font-size:21px}.flow-arrow small{font-size:11px;position:absolute;margin-left:8px}.flow-node.active{background:#d4eade;box-shadow:0 0 0 3px #00594316;border-color:#598876}.email-preview{border:1px solid #e0e5de;border-radius:7px;overflow:hidden;background:#fff}.email-preview>img{width:100%;height:125px;object-fit:cover}.email-preview .eyebrow{margin:16px 16px 10px;font-size:11px}.email-preview h3{font-size:18px;margin:0 16px 12px;line-height:1.2}.email-preview>p:not(.eyebrow){font-size:13px;line-height:1.5;margin:0 16px 14px}.email-cta{display:block;font-size:12px;background:var(--forest);color:white;padding:9px 12px;margin:0 16px 18px;border-radius:4px}.email-preview .flow-status{font-size:11px!important;color:#587464}.wide-wrap{max-width:1300px;width:calc(100% - 100px);margin:auto}.connection{padding:54px 0 60px;background:#f5f9f4}.connection .loopblock{margin-top:0}.connection .loop-text{max-width:none;margin:0 0 36px;text-align:left}.connection .loop-text h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin-bottom:14px}.connection .loop-text p{font-size:19px}.connection .lst{background:#fff;min-height:190px;padding:17px 14px;box-shadow:0 6px 18px #13322606}.connection .lp-k{font-size:12px;letter-spacing:0;text-transform:none;color:#213d35}.connection .lp-cap{font-size:10px;letter-spacing:0;line-height:1.4}.accessible-loop{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.agents{background:#073a32;color:#f3f7f3}.agents-inner{max-width:1300px;width:calc(100% - 100px);margin:auto;display:grid;grid-template-columns:230px 1fr 1.3fr;gap:32px;align-items:center;padding:38px 0}.raven-wrap{height:180px;display:grid;place-items:center}.raven-wrap img{width:100%;height:100%;object-fit:contain}.agents h2{font-size:27px;letter-spacing:-.035em;margin:0;line-height:1.4}.agents-copy{border-left:1px solid #ffffff30;padding-left:38px}.agents-copy .lead{font-size:20px;margin-bottom:15px;line-height:1.4}.agents-copy p:last-child{font-size:16px;line-height:1.55;color:#c0d3c9}.closing{padding:62px 0;background:linear-gradient(90deg,#fbfaf7 25%,#fbfaf7d9 70%,#fbfaf79c),url('/assets/hero-village/village-poster.webp') center 58%/cover}.closing-inner{max-width:1300px;width:calc(100% - 100px);margin:auto;display:flex;align-items:center;justify-content:space-between}.closing h2{font-size:38px}.closing p{font-size:19px;color:#52665d}.closing .btn{margin-top:28px;min-width:205px;justify-content:space-between}.closing-note{font:18px/1.5 'Berkeley Mono',monospace!important;transform:rotate(-5deg);color:#183e32!important;border-bottom:2px solid #c69245;padding-bottom:13px}.preview-footer{max-width:1300px;width:calc(100% - 100px);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:12px;color:#64776c}.preview-footer .wordmark{font-size:26px}.preview-footer a{text-decoration:none}.preview-footer a:hover{text-decoration:underline}dialog{border:0;padding:48px 14px 14px;background:#fbfaf7;border-radius:10px;width:min(1450px,96vw);max-height:94vh;overflow:auto}dialog::backdrop{background:#001c20cc;backdrop-filter:blur(5px)}dialog img{width:100%;height:auto;display:block}.dialog-close{position:absolute;right:15px;top:12px;background:var(--green);color:white;border:0;border-radius:4px;padding:6px 13px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.chapter-inner{padding:82px 0}}
@media(max-width:1100px){.chapter-inner{gap:32px;width:calc(100% - 64px);grid-template-columns:.85fr 1.4fr}.booking-scene{padding-right:40px}.booking-widget{padding:20px}.booking-columns{gap:15px}.flow-canvas{gap:14px}.flow-widget{padding:20px}.agents-inner{grid-template-columns:160px 1fr 1.2fr;gap:20px}.agents h2{font-size:23px}.agents-copy{padding-left:20px}.chapter-copy .lead{font-size:21px}}
@media(max-width:760px){html[data-hero="village"] .hero{height:720px;min-height:0}html[data-hero="village"] .nav,html[data-hero="village"] .hero-inner{width:calc(100% - 40px)}html[data-hero="village"] .nav{gap:14px}html[data-hero="village"] .hero-inner{padding-top:150px;padding-bottom:130px}html[data-hero="village"] .hero h1{font-size:42px;max-width:550px}html[data-hero="village"] .hv-plate{object-position:62% center}.chapter-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:28px;padding:38px 0 46px}.chapter-copy{padding-top:65px}.chapter-number{font-size:92px;top:-8px}.editorial h2{font-size:36px}.chapter-copy .lead{font-size:21px;max-width:35ch}.chapter-copy>p:last-child{font-size:17px;max-width:44ch}.ads-proof{padding-top:0}.booking-scene{padding:0 15px 0 0}.booking .chapter-inner{padding:38px 0 48px}.reception-art{inset:-20px -20px -48px 20%;width:90%;height:calc(100% + 68px)}.booking-widget{max-width:520px}.booking-columns{grid-template-columns:1.3fr 1fr;gap:20px}.calendar-grid button,.calendar-grid .empty-day{font-size:13px}.flow-canvas{grid-template-columns:1.15fr 1fr;gap:14px}.flow-node{gap:7px;padding:13px 8px}.flow-node strong{font-size:12px}.flow-node small{font-size:11px}.flow-widget{padding:18px 13px}.email-preview h3{font-size:16px}.email-preview>img{height:110px}.wide-wrap{width:calc(100% - 40px)}.connection{padding:40px 0}.connection .loop-text p{font-size:17px}.connection .loopwrap{padding-right:38px}.connection .lst{min-height:112px}.connection .lp-cap{font-size:12px}.agents-inner{width:calc(100% - 40px);grid-template-columns:130px 1fr;padding:30px 0;gap:16px}.raven-wrap{height:130px}.agents h2{font-size:24px}.agents-copy{grid-column:1/-1;padding:20px 0 0;border-left:0;border-top:1px solid #ffffff25}.closing-inner{width:calc(100% - 40px)}.closing-note{display:none}.closing{padding:44px 0}.editorial .closing h2{font-size:30px}.closing p{font-size:17px}.preview-footer{width:calc(100% - 40px);gap:15px;flex-wrap:wrap}.preview-footer a:nth-child(2){font-size:11px}}
@media(max-width:390px){.flow-canvas{grid-template-columns:1fr}.email-preview{display:none}.booking-columns{gap:10px}.booking-widget{padding:16px}.booking-summary{flex-wrap:wrap}.agents h2{font-size:20px}.nav .btn{font-size:11px;padding:10px}.hero .lang{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* The preview begins directly beneath the village, without the original screenshot seam. */
main.editorial{padding-top:0}.reception-art{max-width:none}.raven-wrap img{mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}

/* Live Kundr textured ink-to-paper transition. */
.ads-seam {
  /* Length of the ink ramp. Absolute, not a percentage: a wider viewport makes
     `cover` crop more off the artwork's dark top, so the fade must not shrink
     with the element. Shortened on small screens, where the seam is ~300px tall
     and a full-length ramp would swallow the canvas whole. */
  --ink-ramp: 200px;

  background-color: var(--ink);

  /* Two separate layers, not one gradient with mixed units: CSS clamps stops
     that fall out of order, so a `%` paper stop landing above a `px` ink stop
     would silently collapse the bottom fade on short viewports. */
  background-image: linear-gradient(
      to bottom,
      var(--ink) 0px,
      var(--ink) calc(var(--ink-ramp) * 0.14),
      rgba(11, 31, 29, 0.97) calc(var(--ink-ramp) * 0.26),
      rgba(11, 31, 29, 0.86) calc(var(--ink-ramp) * 0.4),
      rgba(11, 31, 29, 0.62) calc(var(--ink-ramp) * 0.55),
      rgba(11, 31, 29, 0.33) calc(var(--ink-ramp) * 0.71),
      rgba(11, 31, 29, 0.12) calc(var(--ink-ramp) * 0.86),
      rgba(11, 31, 29, 0) var(--ink-ramp)
    ),
    linear-gradient(to bottom, rgba(251, 250, 247, 0) 58%, var(--paper) 96%),
    url("/assets/seam-canvas.webp");
  background-size: cover;

  /* Biased low, not centred: `cover` on a wide, short band crops hard, and the
     centre of the artwork is empty sky. Pulling the frame down puts the horizon
     and the water in the gutters beside the card, where they can actually be
     seen — the middle of the painting is behind the screenshot regardless. */
  background-position: center 78%;
  padding: 96px 24px 0;

  /* The element's top lands on a fractional pixel, so the gradient layer
     rasterises a hair short and the bare canvas bled through the first row as
     a bright hairline. This caps that row with opaque ink; inset shadows paint
     over the background image and cost no layout. */
  box-shadow: inset 0 2px 0 var(--ink);
}
.ads-seam{--ink:#0b1f1d;--paper:#fbfaf7;padding:76px 24px 0}.seam-proof{max-width:1120px;margin:auto}.ads-seam .ads-proof{padding-top:0}.ads-seam .ads-proof img{box-shadow:0 24px 60px rgba(11,31,29,.28)}.ads-seam figcaption{padding:0 4px;margin-bottom:0}.acquisition .chapter-inner{display:block;padding:48px 0 60px}.acquisition .chapter-copy{padding:0 0 0 130px;display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.acquisition .chapter-number{left:0;top:0}.acquisition .eyebrow{grid-column:1}.acquisition h2{grid-column:1;grid-row:2/4}.acquisition .lead{grid-column:2;grid-row:1/3}.acquisition .chapter-copy>p:last-child{grid-column:2;grid-row:3;max-width:44ch}
html[data-hero="village"] .hv-scrim{background:linear-gradient(90deg,rgba(1,28,29,.35),transparent 75%),linear-gradient(0deg,#0b1f1d 0%,rgba(11,31,29,.8) 7%,transparent 26%)}
.flows .chapter-inner{grid-template-columns:1fr;gap:32px;padding-bottom:55px}.flows .chapter-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;padding:0 0 0 130px}.flows .chapter-number{left:0;top:0}.flows .eyebrow{grid-column:1}.flows h2{grid-column:1;grid-row:2/4}.flows .lead{grid-column:2;grid-row:1/3}.flows .chapter-copy>p:last-child{grid-column:2;grid-row:3;max-width:44ch}.flows-animation{min-width:0}.flows-animation .loopblock{margin-top:8px}.flows-animation .lst{background:#fff;min-height:190px;padding:17px 14px;box-shadow:0 6px 18px #13322606}.flows-animation .lp-k{font-size:12px;letter-spacing:0;text-transform:none;color:#213d35}.flows-animation .lp-cap{font-size:11px;letter-spacing:0;line-height:1.4}
@media(max-width:760px){.ads-seam{--ink-ramp:120px;padding:30px 20px 0}.acquisition .chapter-inner{padding:35px 0 44px}.acquisition .chapter-copy,.flows .chapter-copy{display:block;padding:65px 0 0}.acquisition .chapter-number,.flows .chapter-number{top:-8px}.flows .chapter-inner{gap:24px}.flows-animation .loopwrap{padding-right:38px}.flows-animation .lst{min-height:145px}.flows-animation .lp-cap{font-size:12px}}
/* Selected mobile treatment: circular path, original micro-animations, S1 segment. */
.segment-scene{width:100%;height:100%;display:block}.segment-scene text{font:23px Cabin,Arial,sans-serif;fill:#315c40}.segment-scene .segment-result{font-size:20px}.segment-focus{display:none}.flows-animation #lst2 .lp-art{min-height:100px}.flows-animation #lst2 .lp-cap{letter-spacing:0}
@media(max-width:900px){
.flows-animation .loopwrap{height:400px;padding:0!important;width:100%;margin:8px 0 10px}.flows-animation .loop-stations{display:block;padding:0}.flows-animation .lst{position:absolute!important;width:88px;height:96px;min-height:0!important;margin:-48px 0 0 -44px;padding:7px;gap:6px;border-radius:12px;background:#fbfaf7;box-shadow:none;border-color:transparent}.flows-animation .lp-k{text-align:center;font-size:12px}.flows-animation .lp-art{width:149px;min-height:86px!important;transform:scale(.48);transform-origin:left top;margin-bottom:-46px}.flows-animation .lp-cap{display:none}.flows-animation .loop-return{bottom:0;font-size:10px;letter-spacing:0;text-transform:none}.flows-animation .lw-track{stroke-dasharray:3 5}.flows-animation .loopwrap::after{content:'Én kunde.\A Hele historien.';white-space:pre;position:absolute;left:50%;top:193px;transform:translate(-50%,-50%);font:14px/1.6 'Berkeley Mono';text-align:center;color:#386e53}.flows-animation .segment-detail-active::after{visibility:hidden}.flows-animation .segment-focus{position:absolute;z-index:3;left:50%;top:193px;width:176px;height:122px;transform:translate(-50%,-50%);background:#fbfaf7;border-radius:8px}.flows-animation .segment-detail-active .segment-focus{display:block}.flows-animation #lst2 .segment-scene{height:86px}.flows-animation #lst2 .lp-art{margin-bottom:-46px}.flows-animation .loop-tok{width:9px;height:9px;margin:-4.5px;box-shadow:0 0 0 4px #00594316}
}
/* The selected circular story now continues across desktop widths. */
@media(min-width:901px){
.flows-animation .loopwrap{height:655px;padding:0!important;width:100%;max-width:1100px;margin:0 auto 10px}.flows-animation .loop-stations{display:block;padding:0}.flows-animation .lst{position:absolute!important;width:180px;height:168px;min-height:0!important;margin:-84px 0 0 -90px;padding:16px;gap:10px;border-radius:12px;background:#fbfaf7;box-shadow:none}.flows-animation .lp-k{font-size:14px;text-transform:none;letter-spacing:0}.flows-animation .lp-cap{font:12px/1.4 Cabin;letter-spacing:0}.flows-animation .lp-art{min-height:86px}.flows-animation #lst2 .lp-art{min-height:86px}.flows-animation #lst2 .lp-cap{display:none}.flows-animation .loop-return{bottom:2px;font-size:12px;text-transform:none;letter-spacing:0}.flows-animation .lw-track{stroke-dasharray:4 7}.flows-animation .loopwrap::after{content:'Én kunde.\A Hele historien.';white-space:pre;position:absolute;left:50%;top:325px;transform:translate(-50%,-50%);font:23px/1.6 'Berkeley Mono';letter-spacing:-.04em;text-align:center;color:#386e53}.flows-animation .segment-detail-active::after{visibility:hidden}.flows-animation .segment-focus{position:absolute;z-index:3;left:50%;top:325px;width:290px;height:200px;transform:translate(-50%,-50%);background:#fbfaf7;border-radius:10px}.flows-animation .segment-detail-active .segment-focus{display:block}
}
/* Isolated split-layout study: consistent text-left / visual-right chapters. */
.acquisition .chapter-inner,.flows .chapter-inner{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.55fr);gap:60px;align-items:center;padding:66px 0}.acquisition .chapter-copy,.flows .chapter-copy{display:block;position:relative;padding:88px 0 0}.acquisition .chapter-number,.flows .chapter-number{left:0;top:-14px}.acquisition .chapter-copy>p:last-child,.flows .chapter-copy>p:last-child{max-width:36ch}.acquisition .ads-proof{min-width:0;padding-top:0}.acquisition{background-image:linear-gradient(to bottom,#0b1f1d 0%,#0b1f1dd9 12%,#fbfaf700 62%,#fbfaf7 99%),url('/assets/seam-canvas.webp');background-size:cover;background-position:center 78%}.acquisition .chapter-inner{padding-top:95px;padding-bottom:75px}.acquisition .chapter-copy{background:#fbfaf7ed;padding:100px 25px 28px;border-radius:9px}.acquisition .chapter-number{top:0;left:24px}.acquisition figcaption{background:#fbfaf7e8;padding:10px 12px;border-radius:5px}.flows-animation{width:100%;min-width:0}
@media(min-width:901px){.flows-animation .loopwrap{height:565px}.flows-animation .lst{width:134px;height:143px;margin:-71.5px 0 0 -67px;padding:12px;gap:7px}.flows-animation .lp-art{width:149px;transform:scale(.72);transform-origin:left top;margin-bottom:-24px}.flows-animation .lp-k{font-size:13px}.flows-animation .lp-cap{font-size:11px}.flows-animation .loopwrap::after{top:278px;font-size:18px}.flows-animation .segment-focus{top:278px;width:205px;height:142px}}
@media(max-width:900px){.acquisition .chapter-inner,.flows .chapter-inner{grid-template-columns:1fr;gap:28px;padding:38px 0 46px}.acquisition .chapter-copy,.flows .chapter-copy{padding:65px 0 0}.acquisition .chapter-copy{padding:80px 20px 24px}.acquisition .chapter-number{left:20px;top:0}.flows .chapter-number{top:-8px}.acquisition .ads-proof{padding:0}.flows-animation .loopwrap{max-width:440px;margin-left:auto;margin-right:auto}}
/* Quieter hero: the headline sits in the sky above the horizon. */
html[data-hero="village"] .hero-inner{position:absolute;left:50%;top:44%;transform:translate(-50%,-100%);margin:0;padding:0 24px;display:block;width:calc(100% - 100px);max-width:1240px}
html[data-hero="village"] .hero h1{font-size:clamp(34px,3.6vw,52px);line-height:1.16;letter-spacing:-.04em;max-width:760px;margin:0}
html[data-hero="village"] .hero .kicker{font-size:12px;margin:0 0 24px}
html[data-hero="village"] .nav .lang{margin-right:0;margin-left:auto}
@media(max-width:760px){html[data-hero="village"] .hero-inner{width:calc(100% - 40px);top:40%;padding:0 6px}html[data-hero="village"] .hero h1{font-size:clamp(30px,7.5vw,42px);max-width:550px}html[data-hero="village"] .hero .kicker{font-size:10px;margin-bottom:18px}}
.raven-wrap img{mask-image:none;object-fit:contain}
/* Product promise and genuine customer wordmarks below the village. */
.control-banner{background:#0b1f1d;color:#f7f8f0;text-align:center;padding:32px 24px 40px}.control-banner-inner{max-width:1240px;margin:0 auto}.editorial .control-banner h2{font-size:clamp(25px,3vw,40px);line-height:1.25;letter-spacing:-.045em;margin:0 0 30px}.customer-banner{display:flex;gap:30px;align-items:center;justify-content:center}.customer-banner p{font:12px 'Berkeley Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#b9cec2}.customer-banner img{height:26px;width:auto;object-fit:contain;max-width:155px}.customer-banner .customer-pust{width:91px;height:29px}.customer-banner .customer-titanbar{width:145px;height:auto}.customer-divider{height:25px;width:1px;background:#b9cec233}
/* The acquisition copy sits directly on the shared textured background. */
.acquisition .chapter-copy{background:none;border:0;border-radius:0;box-shadow:none;padding:88px 0 0}.acquisition .chapter-number{left:0;top:-14px;color:#d9e0d7}.acquisition{background-image:linear-gradient(to bottom,#0b1f1d 0px,rgba(11,31,29,0) 105px),linear-gradient(to bottom,rgba(251,250,247,.88),rgba(251,250,247,.7) 65%,#fbfaf7 100%),url('/assets/seam-canvas.webp');background-size:cover;background-position:center 78%}.acquisition .chapter-inner{padding-top:135px}
@media(max-width:900px){.acquisition .chapter-copy{padding:65px 0 0}.acquisition .chapter-number{left:0;top:-8px}.acquisition .chapter-inner{padding-top:105px}}
@media(max-width:600px){.control-banner{padding:20px 20px 32px}.editorial .control-banner h2{max-width:19ch;margin:0 auto 26px;font-size:27px}.customer-banner{gap:22px;flex-wrap:wrap}.customer-banner p{width:100%;font-size:11px}.customer-banner .customer-pust{width:80px;height:26px}.customer-banner .customer-titanbar{width:130px}.customer-divider{height:21px}}
/* One uninterrupted live-site fade behind the promise, logos and acquisition. */
.intro-transition{background-color:#0b1f1d;background-image:linear-gradient(to bottom,#0b1f1d 0px,#0b1f1d 150px,rgba(11,31,29,.97) 200px,rgba(11,31,29,.86) 240px,rgba(11,31,29,.62) 290px,rgba(11,31,29,.33) 340px,rgba(11,31,29,.12) 390px,rgba(11,31,29,0) 440px),linear-gradient(to bottom,rgba(251,250,247,0) 58%,#fbfaf7 98%),url('/assets/seam-canvas.webp');background-size:cover;background-position:center 78%;box-shadow:inset 0 2px 0 #0b1f1d}.control-banner,.acquisition{background:none}.acquisition .chapter-inner{padding-top:150px;padding-bottom:75px}.acquisition .chapter-number{color:#ffffff40}.acquisition .chapter-copy{color:#0b1f1d}.acquisition .chapter-copy>p:last-child{color:#304c44}.acquisition .eyebrow{color:#164c3b}
@media(max-width:900px){.intro-transition{background-image:linear-gradient(to bottom,#0b1f1d 0px,#0b1f1d 155px,rgba(11,31,29,.86) 220px,rgba(11,31,29,.45) 290px,rgba(11,31,29,0) 370px),linear-gradient(to bottom,rgba(251,250,247,0) 42%,#fbfaf7 98%),url('/assets/seam-canvas.webp')}.acquisition .chapter-inner{padding-top:150px;padding-bottom:46px}}
/* Approved four booking grammars and ads agents, implemented as responsive UI. */
.booking-types{background:#073a32}.booking-types .chapter-inner{grid-template-columns:minmax(250px,.75fr) minmax(0,1.65fr);gap:46px;padding:84px 0;min-height:0}.booking-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.booking-type{padding:26px 22px 14px;min-width:0}.booking-type:nth-child(odd){border-right:1px solid #b8dfcc30}.booking-type:nth-child(-n+2){border-bottom:1px solid #b8dfcc30}.booking-type h3{font:400 clamp(17px,1.5vw,23px)/1.3 'Berkeley Mono',monospace;letter-spacing:-.04em;margin:0 0 8px;color:#f6fbf5}.booking-type figcaption p{font-size:15px;color:#c5ddd1;line-height:1.45;min-height:22px}.booking-type svg{width:100%;height:auto;margin-top:24px;display:block;overflow:visible}.booking-type svg text{font:14px Cabin,sans-serif;fill:#dfefe6}.booking-type svg .bk-count{fill:#073a32}.bk-bar{fill:#aadbc5}.bk-empty{fill:none;stroke:#add4c077;stroke-dasharray:4 4}.bk-grid{fill:none;stroke:#add4c035;stroke-dasharray:3 5}.bk-lane{fill:none;stroke:#add4c066}.ads-agents{background:var(--paper);color:var(--ink)}.ads-agents .chapter-inner{grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);gap:45px;padding:85px 0 80px}.ads-agents h2{font-size:clamp(30px,3vw,46px);line-height:1.2;margin-bottom:22px}.ads-agents .lead{font-size:21px}.agent-workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:start;min-width:0}.agent-analysis,.agent-proposal{position:relative;padding-top:133px;min-width:0}.agent-proposal{margin-top:54px}.worker-caption{font:12px/1.6 'Berkeley Mono',monospace;color:#4e6960;position:absolute;top:0;left:0}.worker-raven{position:absolute;right:14px;top:57px;width:118px;height:76px;overflow:hidden;mix-blend-mode:multiply;pointer-events:none}.worker-raven img{position:absolute;max-width:none;width:1152px;height:768px;left:-550px;top:-112px}.worker-raven-second img{left:-1005px;top:-187px}.worker-raven-second{height:72px;top:61px}.agent-panel{background:#fff;border:1px solid #e7ece6;border-radius:12px;padding:22px 18px;box-shadow:0 12px 30px #173d3008;min-width:0}.agent-panel h3{font:400 18px/1.4 'Berkeley Mono',monospace;letter-spacing:-.05em;margin:0;color:#123d32}.agent-panel-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:28px}.agent-panel-heading>span{font-size:12px;color:#68766f;background:#f3f6f2;border-radius:10px;padding:4px 7px}.ad-table-head,.ad-campaign{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:12px;align-items:center}.ad-table-head{font-size:12px;color:#64786e;padding:0 0 16px}.ad-campaign{padding:22px 0;border-bottom:1px solid #edf0eb}.ad-campaign:last-child{border:0}.ad-campaign.highlighted{background:#eef6ef;margin:0 -9px;padding:22px 9px;border-radius:7px;border:0}.ad-campaign strong{font-size:14px;font-weight:400;line-height:1.4}.ad-campaign small{display:block;font-size:12px;color:#667c70;margin-top:7px}.ad-campaign small:before{content:'';display:inline-block;width:5px;height:5px;background:#258663;border-radius:50%;margin-right:5px}.ad-meter{display:block;height:18px;background:#ecf1ec;border-radius:3px;overflow:hidden}.ad-meter i{height:100%;display:block;background:#6d9983;border-radius:3px}.highlighted .ad-meter i{background:#397b60}.agent-panel .agent-example-note{font-size:12px;color:#697b71;margin-top:24px;line-height:1.5}.agent-panel dl{margin:22px 0}.agent-panel dt{font-size:12px;color:#697b71;margin:18px 0 6px}.agent-panel dd{margin:0;font-size:16px;line-height:1.4}.agent-ad-preview{background:#f1f5ed;padding:17px;border-radius:6px}.agent-ad-preview>span{font:11px 'Berkeley Mono',monospace;text-transform:uppercase;color:#637d6d}.agent-ad-preview p{font-size:23px;line-height:1.25;margin:14px 0 10px}.agent-ad-preview small{font-size:14px;color:#587260}.agent-review{margin-top:20px}.agent-review summary{list-style:none;background:#005943;color:white;padding:13px 14px;border-radius:5px;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.agent-review summary::-webkit-details-marker{display:none}.agent-review summary:focus-visible{outline:3px solid #d89332;outline-offset:4px}.agent-review-body{padding-top:18px}.agent-review-body p{font-size:14px;line-height:1.5}.agent-review label{display:block;font-size:13px;margin:16px 0 6px}.agent-review textarea{font:15px/1.5 Cabin,sans-serif;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #ccdace;border-radius:5px;padding:9px;color:var(--ink);background:#fff}.agent-review button{width:100%;padding:11px;border:0;border-radius:5px;background:#005943;color:#fff;font-size:14px;margin:12px 0}.agent-review button:disabled{background:#dceade;color:#245640;cursor:default}.agent-review #ad-example-status{font-size:12px;color:#617769}.agent-progress{list-style:none;display:flex;justify-content:space-between;gap:8px;margin:20px 0 0;padding:0;color:#62776a;font-size:11px}.agent-progress li:before{content:'✓';display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;background:#166347;color:white;margin-bottom:8px}.agent-progress li:last-child:before{content:'';background:transparent;border:1px solid #166347;box-sizing:border-box}
@media(max-width:1100px){.booking-types .chapter-inner,.ads-agents .chapter-inner{grid-template-columns:1fr;gap:30px}.booking-types .chapter-copy,.ads-agents .chapter-copy{max-width:610px}.booking-type-grid{max-width:850px;width:100%;margin:auto}.agent-workspace{width:100%;max-width:820px;margin:auto}.booking-type h3{font-size:22px}}
@media(max-width:600px){.booking-types .chapter-inner,.ads-agents .chapter-inner{padding:45px 0}.booking-type{padding:22px 10px 15px}.booking-type h3{font-size:15px;letter-spacing:-.06em}.booking-type figcaption p{font-size:13px;min-height:38px}.booking-type svg{margin-top:12px}.booking-type svg text{font-size:19px}.booking-type-grid{margin:0}.agent-workspace{grid-template-columns:1fr;gap:24px;max-width:420px}.agent-proposal{margin-top:0}.agent-panel{padding:24px}.agent-panel h3{font-size:19px}.ad-table-head{font-size:13px}.ad-campaign strong{font-size:16px}.agent-progress{font-size:12px}.worker-caption{font-size:13px}.ads-agents h2{font-size:34px}.agent-analysis,.agent-proposal{padding-top:128px}.worker-raven{top:52px}.worker-raven-second{top:56px}}
@media(max-width:380px){.booking-type-grid{grid-template-columns:1fr}.booking-type:nth-child(odd){border-right:0}.booking-type{border-bottom:1px solid #b8dfcc30;padding:24px 8px}.booking-type h3{font-size:20px}.booking-type figcaption p{min-height:0;font-size:15px}.booking-type svg text{font-size:14px}}
@media(max-width:600px){.booking-type-grid{grid-template-columns:1fr}.booking-type{padding:25px 0;border-bottom:1px solid #b8dfcc30}.booking-type:nth-child(odd){border-right:0}.booking-type:last-child{border-bottom:0}.booking-type h3{font-size:22px}.booking-type figcaption p{font-size:15px;min-height:0}.booking-type svg{max-width:420px;margin:24px auto 0}.booking-type svg text{font-size:15px}}

.recommendation-options{display:flex;gap:6px;margin:0 0 16px}.recommendation-options button{flex:1;border:1px solid #dce5dc;background:transparent;color:#426653;border-radius:5px;padding:9px 6px;font-size:13px}.recommendation-options button[aria-pressed="true"]{background:#005943;border-color:#005943;color:#fff}.agent-ad-preview small{display:block;line-height:1.55}.agent-ad-preview p{font-size:24px}
/* Compact booking chapter without shrinking its labels. */
.booking-types .chapter-inner{padding-top:48px;padding-bottom:48px;gap:34px}
.booking-type{padding-top:16px;padding-bottom:8px}
.booking-type h3{margin-bottom:5px}
.booking-type svg{margin-top:12px;max-height:190px}
@media(max-width:1100px){.booking-types .chapter-inner{gap:20px}.booking-types .chapter-copy .lead{margin-bottom:0}}
@media(max-width:600px){.booking-types .chapter-inner{padding-top:32px;padding-bottom:32px}.booking-type{padding:18px 0 12px}.booking-type svg{margin-top:12px;max-height:210px}.booking-types .chapter-copy h2{margin-bottom:14px}}
/* Selected direction 24: a briefing prepared by the agents. */
.briefing-chapter .chapter-inner{grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);gap:60px;padding:110px 0 105px}
.briefing-scene{position:relative;min-width:0;padding:60px 38px 15px 0}
.agent-briefing{position:relative;background:linear-gradient(115deg,#fffefa,#f7f6f0);padding:36px 38px 32px;border:1px solid #ecece4;border-radius:3px 3px 12px 5px;box-shadow:0 24px 35px #283b2919,0 3px 6px #283b2906;transform:rotate(-2deg);color:#19372e}
.briefing-letterhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.briefing-letterhead>span:last-child{font:10px/1.8 'Berkeley Mono',monospace;text-transform:uppercase;letter-spacing:.2em;text-align:center;color:#637068}.agent-briefing h3{font:400 clamp(25px,2.55vw,37px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px}.agent-briefing .briefing-date{font:10px/1.6 'Berkeley Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#617368;margin-bottom:23px}.agent-briefing .briefing-intro{font:18px/1.5 Georgia,serif;color:#52645b;margin-bottom:24px}.briefing-recommendations{margin:0;padding:0;list-style:none}.briefing-recommendations li{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:23px 0;border-top:1px solid #d9ded5}.briefing-index{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e2ece2;color:#145d43;font:16px Georgia,serif}.agent-briefing .briefing-campaign{font:10px/1.5 'Berkeley Mono',monospace;text-transform:uppercase;letter-spacing:.09em;color:#617368;margin-bottom:7px}.agent-briefing h4{font:400 clamp(22px,2vw,29px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 9px}.briefing-recommendations li div>p:last-child{font:17px/1.5 Georgia,serif;color:#52645b}.briefing-review{margin-top:12px}.briefing-review summary{display:flex;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;background:#005943;color:#fff;padding:16px 20px;border-radius:7px;font:17px/1.3 Cabin,sans-serif}.briefing-review summary::-webkit-details-marker{display:none}.briefing-review summary:focus-visible{outline:3px solid #d89332;outline-offset:4px}.agent-briefing .briefing-count{text-transform:uppercase;letter-spacing:.12em;font:10px/1.6 'Berkeley Mono',monospace;text-align:right;color:#617368;margin-top:15px}.briefing-raven-top{left:2px;right:auto;top:-4px;z-index:2;transform:scale(1.15);transform-origin:left bottom}.briefing-raven-side{right:-14px;top:51%;z-index:2;transform:scale(1.12);transform-origin:right center}.briefing-note{position:absolute;right:-39px;top:138px;color:#385446;font:italic 16px/1.4 Georgia,serif;transform:rotate(7deg)}.briefing-note span{display:block;font-size:38px;transform:rotate(15deg);text-align:center}.briefing-clip{position:absolute;right:30px;top:-15px;width:43px;height:28px;background:linear-gradient(100deg,#124538,#062c21);border:1px solid #547166;border-radius:2px;transform:rotate(8deg);box-shadow:2px 3px 3px #172a2830}.briefing-clip:before{content:'';position:absolute;width:23px;height:39px;left:9px;bottom:13px;border:3px double #829087;border-radius:12px 12px 3px 3px;transform:rotate(-4deg)}#briefing-approval{padding:22px 0 0;font-size:15px;line-height:1.5}#briefing-approval label{display:flex;gap:10px;align-items:baseline;margin:14px 0}#briefing-approval input{accent-color:#005943;width:17px;height:17px;flex-shrink:0}#briefing-approval button{background:#005943;color:white;border:0;border-radius:5px;padding:12px 16px;font-size:15px;margin:15px 0}#briefing-approval .briefing-demo-note,#briefing-status{font-size:13px;color:#617368}
@media(max-width:1100px){.briefing-chapter .chapter-inner{grid-template-columns:1fr;gap:40px;padding:65px 0}.briefing-scene{max-width:740px;width:100%;box-sizing:border-box;margin:0 auto}.agent-briefing h3{font-size:35px}.agent-briefing h4{font-size:27px}.briefing-note{right:-3px}.briefing-raven-side{right:0}}
@media(max-width:600px){.briefing-chapter .chapter-inner{padding:45px 0 55px;gap:25px}.briefing-scene{padding:70px 4px 0}.agent-briefing{padding:28px 21px 26px;transform:rotate(-.7deg)}.agent-briefing h3{font-size:29px;max-width:12ch}.agent-briefing h4{font-size:24px}.briefing-recommendations li{grid-template-columns:29px 1fr;gap:10px;padding:22px 0}.briefing-index{width:28px;height:28px;font-size:14px}.briefing-recommendations li div>p:last-child{font-size:16px}.agent-briefing .briefing-intro{font-size:17px}.briefing-raven-top{top:8px;left:9px;transform:none}.briefing-raven-side{top:10px;right:6px;transform:none}.briefing-note{display:none}.briefing-clip{right:37%;width:30px;height:21px}.briefing-clip:before{width:17px;left:6px;height:29px}.briefing-review summary{padding:15px 12px;font-size:16px}}

/* Real alpha cutouts replace screenshot crops. */
.briefing-scene .worker-raven{mix-blend-mode:normal;overflow:visible;width:125px;height:88px}
.briefing-scene .worker-raven img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;mask-image:none}
.briefing-scene .briefing-raven-top{top:-15px}
@media(max-width:600px){.briefing-scene .briefing-raven-top,.briefing-scene .briefing-raven-side{top:-4px}}
/* Smaller recommendation document with a tighter, readable report. */
.briefing-chapter .briefing-scene{max-width:610px;justify-self:center;width:100%;box-sizing:border-box}
.agent-briefing{padding:27px 28px 24px}
.agent-briefing h3{font-size:29px;margin-bottom:12px}
.agent-briefing .briefing-date{margin-bottom:16px}
.agent-briefing .briefing-intro{font-size:16px;line-height:1.45;margin-bottom:17px}
.briefing-recommendations li{padding:17px 0;gap:12px}
.agent-briefing h4{font-size:24px;margin-bottom:7px}
.briefing-recommendations li div>p:last-child{font-size:16px;line-height:1.4}
.briefing-review summary{padding:13px 16px;font-size:16px}
.agent-briefing .briefing-count{margin-top:11px}
@media(max-width:600px){.agent-briefing{padding:24px 18px 20px}.agent-briefing h3{font-size:27px}.agent-briefing h4{font-size:22px}}

.briefing-ready{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#e4eee4;color:#20533c;padding:14px 17px;border-radius:5px;font:16px/1.4 Cabin,sans-serif;margin-top:12px}

/* Each chapter has one supporting line, with consistent lead styling. */
.editorial .chapter-copy>.lead:last-child{font-size:21px;line-height:1.45;max-width:36ch;color:var(--ink);margin-bottom:0}
.editorial .booking .chapter-copy>.lead:last-child{color:#f0f6f1}
.editorial .closing h2{max-width:20ch}
@media(max-width:600px){.editorial .chapter-copy>.lead:last-child{font-size:19px}}
/* Slightly smaller booking illustrations; keep surrounding copy unchanged. */
.booking-types .booking-type svg{width:88%;max-height:165px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.booking-types .booking-type svg{width:88%;max-height:185px}}
/* A more compact recommendation sheet, independent of the chapter heading. */
.briefing-chapter .briefing-scene{max-width:550px}
.agent-briefing{padding:23px 24px 20px}
.agent-briefing h3{font-size:27px;margin-bottom:10px}
.agent-briefing .briefing-intro{margin-bottom:13px}
.briefing-recommendations li{padding:14px 0}
.agent-briefing h4{font-size:22px}
.briefing-ready{padding:11px 14px;margin-top:8px}
@media(max-width:600px){.agent-briefing{padding:21px 18px 18px}.agent-briefing h3{font-size:25px}.agent-briefing h4{font-size:21px}}

/* Place the first raven by the chapter text, freeing the top of the report. */
.briefing-chapter .chapter-copy{padding-right:105px}
.briefing-chapter .chapter-copy .briefing-raven-top{left:auto;right:-10px;top:auto;bottom:18px;width:110px;height:82px;transform:none;mix-blend-mode:normal;overflow:visible}
.briefing-chapter .chapter-copy .briefing-raven-top img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom}
.briefing-chapter .briefing-scene{padding-top:10px}
@media(max-width:1100px){.briefing-chapter .chapter-copy{padding-right:120px}.briefing-chapter .chapter-copy .briefing-raven-top{right:0;bottom:15px}}
@media(max-width:600px){.briefing-chapter .chapter-copy{padding-right:78px}.briefing-chapter .chapter-copy .briefing-raven-top{width:78px;height:65px;right:-6px;bottom:20px}.briefing-chapter .briefing-scene{padding-top:8px}.briefing-scene .briefing-raven-side{top:48%;right:-8px;width:85px;height:64px}}

/* Flatter ellipse: preserve width, reduce vertical travel and wrapper height. */
@media(min-width:901px){.flows-animation .loopwrap{height:475px}.flows-animation .loopwrap::after{top:233px}}
@media(max-width:900px){.flows-animation .loopwrap{height:352px}.flows-animation .loopwrap::after{top:169px}}

/* Dark closing scene, echoing the village without repeating the sauna. */
.closing-dark{background:#00251f;color-scheme:dark;padding:0;overflow:hidden;color:#faf7e9}.closing-dark .closing-inner{position:relative;isolation:isolate;min-height:580px;display:flex;align-items:center;padding:75px 0;box-sizing:border-box}.closing-dark .closing-copy{position:relative;z-index:1;max-width:60%;padding-bottom:45px}.editorial .closing-dark h2{font-size:clamp(36px,4vw,58px);line-height:1.17;max-width:18ch;color:#faf7e9;margin-bottom:26px}.closing-dark .closing-copy p{font-size:22px;line-height:1.55;color:#afccc2}.closing-contact{display:inline-flex;gap:14px;color:#bedbd0;text-decoration:none;border-bottom:1px solid #8fbaaa;font:17px/1.5 'Berkeley Mono',monospace;margin-top:35px;padding:0 0 4px}.closing-contact:hover{color:white;border-color:white}.closing-art{position:absolute;z-index:0;right:-50px;bottom:0;width:88%;height:100%;object-fit:cover;object-position:right bottom;mask-image:linear-gradient(to right,transparent 0%,#000 32%)}.preview-footer.closing-footer{max-width:none;width:100%;padding:0 0 26px;background:#00251f;color:#b4cfc3}.closing-footer>div{max-width:1300px;width:calc(100% - 100px);margin:auto;padding-top:24px;border-top:1px solid #b4cfc344;display:flex;gap:28px;align-items:center}.closing-footer .wordmark{margin-right:auto;color:#faf7e9}.closing-footer a{color:inherit}.closing-footer span,.closing-footer a:not(.wordmark){font-size:12px}
@media(max-width:900px){.closing-dark .closing-inner{min-height:550px}.closing-dark .closing-copy{max-width:70%}.closing-art{width:100%;right:-70px;opacity:.85}.closing-dark .closing-copy p{font-size:20px}}
@media(max-width:600px){.closing-dark .closing-inner{min-height:680px;padding:48px 0 330px;align-items:flex-start}.closing-dark .closing-copy{max-width:100%;padding:0}.editorial .closing-dark h2{font-size:36px}.closing-dark .closing-copy p{font-size:19px}.closing-contact{font-size:15px;margin-top:24px}.closing-art{width:125%;height:365px;right:-20px;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 27%)}.closing-footer>div{width:calc(100% - 40px);gap:18px;flex-wrap:wrap}.closing-footer .wordmark{width:100%;margin:0}.closing-footer span,.closing-footer a:not(.wordmark){font-size:12px}}

/* The splitter between 03 and 04: the closing's statement, moved to the seam
   where the page turns from the flows to the agents. Two paper chapters on
   either side, so a dark band is the whole device - the closing's cream on
   chapter 02's pine ground (#003f34, 2026-09-11), and the line starts on the same left edge the
   chapter headings do. It is one centred line, set to the control banner's h2. */
.interlude{background:#003f34;color:#faf7e9}
.interlude-inner{max-width:1200px;width:calc(100% - 96px);margin:auto;padding:108px 0 104px;text-align:center}
.editorial .interlude h2{margin:0;font:400 clamp(25px,3vw,40px)/1.25 'Berkeley Mono',monospace;letter-spacing:-.045em;color:#faf7e9;text-align:center}
@media(max-width:1100px){.interlude-inner{padding:80px 0 76px}}
@media(max-width:760px){.interlude-inner{padding:58px 0 56px}}
@media(max-width:700px){.interlude-inner{width:calc(100% - 40px)}}
@media(max-width:600px){.editorial .interlude h2{font-size:27px}}

/* 2026-09-11, the editorial page on kundr.io. The nav's demo door is a link that opens the
   loader's dialog (data-kundr-book-open), styled as the button it replaced. The closing
   stacks its copy over the native picker mount so the picker gets the full width. */
a.nav-book{text-decoration:none;display:inline-block}
.closing-dark .closing-inner.closing-stack{flex-direction:column;align-items:flex-start;justify-content:center}
.closing-dark .closing-stack .closing-copy{max-width:60%;padding-bottom:28px}
.closing-book{width:100%;position:relative;z-index:1}
.closing-book:not(.is-ready) iframe{position:absolute;left:0;top:0;width:100%!important;opacity:0;pointer-events:none}
.closing-book.is-ready{min-height:0}
/* The illustration no longer sits below this native booking stack. */
@media(max-width:600px){
 .closing-dark .closing-inner.closing-stack{min-height:0;padding-bottom:48px}
}

/* The nav's demo door, ported from the preview's booking-modal.css (the mock dialog stayed behind, its button did not). */
/* The top-right door: a mint pill in the nav; the dialog it opens is built by kundr.js. */
.nav-book{margin-left:18px;background:#c5e3d9;color:#0b1f1d;border:0;border-radius:6px;padding:11px 18px;font:14px/1 'Berkeley Mono',monospace;white-space:nowrap;cursor:pointer}
.nav-book:hover{background:#d8ede6}
@media(max-width:760px){.nav-book{margin-left:12px;padding:10px 14px;font-size:12px}}

/* Selected website direction: copy beside one invitation, stacked on phones. */
.closing-dark .closing-inner.closing-stack:has([data-kundr-book="demo"],[data-kundr-content="demo"]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:center;min-height:0;padding-block:72px}
.closing-dark .closing-stack:has([data-kundr-book="demo"],[data-kundr-content="demo"]) .closing-copy{max-width:100%;padding:0}
@media(max-width:900px){
 .closing-dark .closing-inner.closing-stack:has([data-kundr-book="demo"],[data-kundr-content="demo"]){grid-template-columns:1fr;gap:28px;padding-block:48px}
 .closing-stack:has([data-kundr-book="demo"],[data-kundr-content="demo"]) .closing-book{max-width:520px}
}
.closing-dark .closing-book-status{font-size:15px;color:#afccc2;margin:0 0 16px}

/* Landing illustrations: compact phones without scaling their type/controls. */
@media(max-width:700px){
 .booking-cards-section .bc-layout{padding-top:48px}
 .booking-cards-section .bc-screen{height:calc(var(--s)*544px)}
 .booking-cards-section .bc-hero{height:calc(var(--s)*88px)}
 .booking-cards-section .bc-view{padding-top:calc(var(--s)*6px)}
 .booking-cards-section .bc-screen .bc-view>*+*{margin-top:calc(var(--s)*8px)}
 .booking-cards-section .bc-screen .bc-view>.bc-lab+*{margin-top:calc(var(--s)*6px)}
}
/* A quiet physical report, offset above the page. No hover or scroll motion. */
.calm-agents .calm-report{
 transform:perspective(1100px) rotateX(3deg) rotateY(-5deg) rotateZ(-1.4deg);
 transform-origin:50% 65%;
 box-shadow:3px 4px 0 #cfddd2,6px 8px 0 #a6bfb2,12px 20px 28px #16382c24;
}
@media(max-width:700px){
 .calm-agents .calm-report{width:calc(100% - 14px);margin-inline:auto;transform:perspective(900px) rotateX(2deg) rotateY(-3deg) rotateZ(-1.2deg)}
}
@media(prefers-reduced-motion:reduce){.calm-agents .calm-report{transform:none}}