/* Copyright © 2026 Knockmap LTD. All Rights Reserved. */
/* Shared additions extend the established typography, paper surfaces and accents. */
.workflow-heading-actions,.workflow-guide-control{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.workflow-heading-actions{flex-shrink:0}.workflow-guide-control a{min-height:46px}
.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{color:#245f53;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.mobile-nav{padding-bottom:max(24px,env(safe-area-inset-bottom))}
.mobile-nav a:active{color:#245f53;background:#f3f7f4}
.workflow-dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#adc5b7 transparent}
.workflow-dialog-heading{background:#f5faf6;border-bottom:1px solid #dce7df;padding-bottom:16px}
.workflow-dialog-close{width:44px;height:44px}
.workflow-dialog-close:hover{background:#e7f1eb;border-color:#8cad9b}
.workflow-dialog-close:active{transform:scale(.96)}
.workflow-explanation{scroll-margin-top:130px}
.workflow-explanation ul{padding-left:20px;margin:16px 0}.workflow-explanation li{margin-top:8px}
.screen-layer{transform:translateY(6px);transition:opacity .8s ease,transform .8s ease}
.screen-layer.is-active{transform:none}
/* The reading gallery uses uncropped captures at their native aspect ratio.
   The existing 3D hardware remains in the hero and scrolling feature story. */
.showcase-app-screen{width:100%;padding:8px;background:#111713;border:1px solid #809286;border-radius:30px;box-shadow:0 22px 46px -22px #0009}
.showcase-app-screen img{display:block;width:100%;height:auto;max-height:none;border-radius:22px;background:#f8f7f3}
.showcase-slide{width:min(280px,calc(100% - 40px));max-width:none;transform-style:flat;will-change:auto;transition:opacity .65s ease,visibility .65s}
.showcase-slide[data-state]{transform:translate(-50%,-50%);filter:none}
.showcase-viewport{height:620px;perspective:none}
.showcase-narrative{min-height:0;margin-top:38px}.showcase-narrative h3,.showcase-narrative p{min-height:0}
.showcase-feature-link{color:#d8eee3;min-height:44px;margin-top:18px;align-self:flex-start}
.showcase-feature-link:hover{color:#fff}
.showcase-disclosure{color:#b1c7bb}
.showcase-controls{flex-wrap:wrap;row-gap:12px}.showcase-controls #showcase-position{font-variant-numeric:tabular-nums;white-space:nowrap}
.showcase-tabs{margin:0 0 20px}.showcase-tabs button{min-height:44px}
.showcase-shell :focus-visible{outline-color:#b8e5ce}
.discovery-spotlight{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfafc 70%,#f4f7f5 100%);padding:72px 0 0}
.discovery-spotlight-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:28px}
.discovery-spotlight-copy{padding:25px 0 65px;position:relative;z-index:2}
.discovery-spotlight-copy h2{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.055em;line-height:1.08;max-width:520px}
.discovery-spotlight-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:430px;color:#59605d;margin:25px 0}
.discovery-benefits{list-style:none;padding:0;margin:28px 0 34px;display:grid;gap:18px}
.discovery-benefits li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600}
.discovery-benefits .icon{width:36px;height:36px;padding:8px;background:#fff;border:1px solid #e6e8e5;border-radius:50%;flex:none}
.discovery-composition{height:620px;position:relative;isolation:isolate;align-self:end}
.discovery-contours{position:absolute;inset:-12% -12% -6%;pointer-events:none;mask-image:radial-gradient(ellipse at 55% 55%,#000 25%,#000b 52%,transparent 76%)}
.discovery-device{position:absolute;left:50%;top:110px;transform:translateX(-50%);width:292px;aspect-ratio:390/858;background:#fdfcf9;border:8px solid #191a1c;border-radius:46px;box-shadow:0 0 0 2px #78757d,0 26px 60px -35px #41305280;overflow:hidden}
.discovery-device .actual-app-capture{width:100%;height:100%;object-fit:contain}
.discovery-device::after{content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:78px;height:22px;border-radius:20px;background:#151515;pointer-events:none}
.discovery-callout{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #eeebf2;border-radius:22px;padding:14px 19px;box-shadow:0 8px 25px -15px #46305240;color:#18151b;font-size:14px;font-weight:700;line-height:1.35;max-width:210px;text-decoration:none}
.discovery-callout .icon{background:#7946d5;color:white;border-radius:50%;width:34px;height:34px;padding:8px;flex:none}
.discovery-callout:nth-of-type(1){top:182px;right:0}.discovery-callout:nth-of-type(2){top:322px;left:0}.discovery-callout:nth-of-type(3){top:451px;right:-5px}.discovery-callout:nth-of-type(4){top:541px;left:30px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.discovery-callout:hover{animation:callout-wobble .65s ease both;box-shadow:0 10px 28px -14px #6b42a555}}
@keyframes callout-wobble{0%,100%{transform:rotate(0)}25%{transform:translateY(-3px) rotate(-1.5deg)}60%{transform:translateY(-2px) rotate(1deg)}}
.feature-page-intro{padding-bottom:35px}.feature-page-intro h1{max-width:950px}
.feature-jump-links{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 48px}
.feature-jump-links a{border:1px solid #e2e5e2;border-radius:24px;padding:10px 18px;font-size:14px;text-decoration:none;background:#fff}
.feature-jump-links a:hover{border-color:#567b70;background:#f5f8f6}
.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:52px 0;border-top:1px solid #e4e7e4;scroll-margin-top:110px}
.feature-detail-copy{padding-left:24px;border-left:1px solid #aebdb6}
.feature-detail h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15;letter-spacing:-.045em;margin:16px 0 23px}
.feature-detail-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#59605d}
.feature-detail ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}
.feature-detail li{font-size:14px;line-height:1.6;display:flex;gap:10px}.feature-detail li::before{content:'✓';color:#397c6c}
.feature-detail .feature-note{font-size:13px!important;line-height:1.6!important;margin-top:24px}
.feature-detail-visual{margin:0;min-width:0;padding:32px 30px 20px;border-radius:28px;background:linear-gradient(135deg,#eaf1eb,#f3f0f7);text-align:center;overflow:hidden}
.feature-detail-visual canvas{display:block;width:230px;max-width:100%;height:auto;aspect-ratio:390/858;margin:auto;border-radius:22px;box-shadow:0 12px 32px -18px #29253355;background:#fdfcf9}
.feature-detail-visual figcaption{font-size:12px;color:#68716c;margin-top:15px;line-height:1.6}
.feature-page-end{padding:55px 0 75px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #e4e7e4}
.feature-page-end h2{font-size:32px;letter-spacing:-.04em}
.footer-connect{border-top:1px solid #3b453e;margin-top:28px;padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-support a{font-size:16px;text-decoration:none}.footer-support p{font-size:14px;color:#b1c7bb;margin-top:6px}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px}.footer-socials a{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #dfe5df;border-radius:50%;background:#fff;color:#222;text-decoration:none;transition:transform .2s,border-color .2s}
.footer-socials svg{width:19px;height:19px;fill:currentColor}.footer-socials a:hover{border-color:#598676;transform:translateY(-2px)}.footer-socials a:active{transform:scale(.96)}
.cookie-settings-link{border:0;background:none;padding:6px 0;text-align:left;font:inherit;font-size:14px;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.cookie-notice{position:fixed;z-index:80;bottom:20px;left:20px;width:min(450px,calc(100% - 40px));padding:24px;border-radius:22px;border:1px solid #dce4df;background:#fff;box-shadow:0 12px 55px -20px #142a3540}
.cookie-notice[hidden]{display:none}.cookie-notice h2{font-size:19px;letter-spacing:-.025em}.cookie-notice p{font-size:14px;line-height:1.65;color:#58635d;margin:10px 0 17px}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cookie-actions .button{min-height:44px;font-size:14px;padding:11px 20px}
.cookie-dialog{border:1px solid #dce4df;border-radius:24px;padding:28px;width:min(530px,calc(100% - 32px));max-height:85svh;overflow:auto;color:#17201b;background:white}
.cookie-dialog::backdrop{background:#101c1650}.cookie-dialog h2{font-size:26px;margin-bottom:18px}.cookie-dialog p{font-size:15px;line-height:1.7;color:#58635d}.cookie-dialog dl{margin:24px 0}.cookie-dialog dt{font-weight:650;font-size:15px;margin-top:20px}.cookie-dialog dd{font-size:14px;color:#58635d;margin:7px 0 0;line-height:1.7}.cookie-dialog .button{margin-top:20px}
.cookie-dialog{overscroll-behavior:contain}.cookie-settings-link{min-height:44px}
@media(max-width:980px){.discovery-spotlight-grid{grid-template-columns:.8fr 1fr;gap:12px}.discovery-device{width:252px;top:112px}.discovery-callout{font-size:12px;padding:12px;max-width:180px}.discovery-callout:nth-of-type(2){left:-8px}.discovery-callout:nth-of-type(4){left:0}.feature-detail{gap:30px}.workflow-heading-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.discovery-spotlight{padding-top:48px}.discovery-spotlight-grid{grid-template-columns:1fr}.discovery-spotlight-copy{padding:0 0 12px}.discovery-spotlight-copy h2{font-size:40px}.discovery-spotlight-copy>p:not(.eyebrow){font-size:16px;margin:20px 0}.discovery-benefits{gap:12px;margin:24px 0}.discovery-composition{height:525px;margin:0 -8px}.discovery-device{width:238px;top:57px}.discovery-contours{inset:-12% -18% -6%;opacity:.65}.discovery-callout{max-width:170px;font-size:12px;gap:7px;padding:12px;border-radius:18px}.discovery-callout .icon{width:27px;height:27px;padding:6px}.discovery-callout:nth-of-type(1){top:128px;right:0}.discovery-callout:nth-of-type(2){top:253px;left:0}.discovery-callout:nth-of-type(3){top:365px;right:0}.discovery-callout:nth-of-type(4){top:460px;left:5px}.feature-detail{grid-template-columns:1fr;gap:25px;padding:36px 0}.feature-detail-copy{padding-left:18px}.feature-detail-visual{padding-top:24px}.feature-detail-visual canvas{width:220px}.feature-jump-links{padding-bottom:30px;gap:8px}.feature-jump-links a{padding:9px 13px;font-size:13px}.feature-page-end{flex-direction:column;align-items:flex-start}.footer-connect{align-items:flex-start;flex-direction:column;gap:20px}.cookie-notice{bottom:12px;left:12px;width:calc(100% - 24px);padding:20px}.workflow-heading-actions{gap:10px}.workflow-heading-actions .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.discovery-callout:hover,.footer-socials a:hover{animation:none;transform:none}.screen-layer{transition:none;transform:none}}
@media(max-width:760px){
  .showcase-slide{width:min(238px,calc(100% - 34px))}
  .showcase-viewport{height:490px;margin-top:12px}
  .showcase-narrative{margin-top:18px;min-height:0}
  .showcase-narrative h3{font-size:32px;min-height:0}
  .showcase-narrative p{min-height:0}
  .showcase-bottom{padding-top:24px}
  .showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .showcase-tabs button{padding:10px 6px;font-size:13px;line-height:1.35}
  .workflow-dialog-heading{top:-20px;margin-top:-4px;padding-top:16px;gap:10px}
  .workflow-dialog-heading h2{font-size:23px}
  .workflow-guide-control{display:grid;grid-template-columns:1fr;gap:10px}
  .workflow-guide-control .button{width:100%;justify-content:center}
  .workflow-explanation{padding:20px 18px;scroll-margin-top:130px}
  .workflow-explanation li{padding-left:0}
  .cookie-notice{bottom:max(12px,env(safe-area-inset-bottom));max-height:calc(100svh - 24px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}}

/* Charcoal and warm paper are the marketing palette. Native app screens and
   the green final conversion section keep their own, intentional colours. */
:root{--km-ink:#242522;--km-deep:#242522;--km-focus:#54564e;--km-teal:#55574e;--km-mint:#c8c7be;--km-lime:#e8e4da;--km-surface:#f5f4f0}
::selection{background:#dedbd3;color:#242522}
.site-header{border-bottom-color:#24252212}.reading-progress{background:linear-gradient(90deg,#242522,#aaa69c)}
.desktop-nav a:hover,.desktop-nav a.active,.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"],.mobile-nav .mobile-signup,.text-link:hover{color:#242522}
.mobile-nav a:active{color:#242522;background:#f1f0eb}
.button-dark{background:#242522;border-color:#242522;box-shadow:0 4px 14px -10px #24252255;transition:background .3s,box-shadow .3s,transform .2s}
.button-dark:hover{background:#3c3e37;border-color:#3c3e37;box-shadow:0 7px 20px -12px #24252277}
.button-dark:active{background:#171814;transform:translateY(1px)}
.button-outline{background:#ffffffb3;border-color:#c9c9c0}.button-outline:hover{background:#eeede7;border-color:#999b8f}
.hero{background:#fff}.hero-copy .hero-line:last-child,.hero-copy .hero-line:last-child>span{color:#242522}.hero-copy .eyebrow{color:#65665f}
.hero-stage-backdrop{background:linear-gradient(125deg,#f4f3ef,#e9e7e0);border-color:#e2e0d8;box-shadow:0 20px 60px -42px #24252230}
.hero-stage-backdrop::after{background:radial-gradient(ellipse at 70% 15%,#fff9,transparent 60%)}
.floating-detail{border-color:#dcdcd4;box-shadow:0 14px 38px -16px #24252230}.detail-icon{background:#efeee8;color:#45473e}.detail-stops span{background:#242522}
.workflow-section{background:linear-gradient(180deg,#fff,#faf9f6 64%,#fff)}
.workflow-card,.workflow-card-discovery,.workflow-card-team{background:#f5f4f0;border-color:#e3e1d9}
.workflow-card:hover{box-shadow:0 15px 36px -23px #24252250}.workflow-label,.workflow-heading .eyebrow{color:#6e7067}
.workflow-expand,.workflow-motion{background:#fff;border-color:#dddbd3;color:#46483f}.workflow-expand:hover{background:#eae8e0;border-color:#aaa99d}
.workflow-dialog,.workflow-dialog-scene .workflow-card,.workflow-dialog-heading{background:#f6f5f1;border-color:#dddcd4}
.workflow-dialog-close{color:#242522;border-color:#d4d3ca}.workflow-dialog-close:hover{background:#eae9e1;border-color:#a9aa9f}.workflow-dialog{scrollbar-color:#b1b2a6 transparent}
.workflow-card::after,.signal-panel.signal-panel::after{background:conic-gradient(from var(--km-border-turn),transparent 0deg,transparent 205deg,#b6afa01c 245deg,#9b92ac77 285deg,#81778f 310deg,#e1ddd2 330deg,transparent 350deg)}
.workflow-card.signal-panel:hover{border-color:#bdb9ad;box-shadow:0 18px 42px -27px #24252255}
.about-section{border-color:#e5e3dc}.purpose-tags span{background:#f5f4ef;color:#55574e;border-color:#dedcd3}.about-copy .text-link{color:#242522}
.field-section,.focus-section{background:#242522}
.field-tile:not(.field-photo){background:linear-gradient(135deg,#30312d,#292a26);border-color:#4d4f46}.field-tile:not(.field-photo):hover{background:#363831;border-color:#88897d}
.field-tile .tile-label,.tile-caption,.field-bottom p{color:#c6c8bc}.field-tile .tile-arrow{background:#ecebe3;color:#242522;border-color:#d1d0c6}.field-section .text-link{color:#e5e4da}
.tile-route-stops span,.mini-team span{background:#e0dfd5;color:#242522}.mini-chart i{background:#9a9c90}.mini-chart i:nth-child(4){background:#dfddcf}
.features-section,.story-sticky{background:#f5f4f0}.story-chapter h3 span,.chapter-index,.chapter-number,.story-navigation a.is-current{color:#686b5e}
.focus-choice,.focus-choice:last-child{padding:24px 20px;border-color:#ffffff24;isolation:isolate;transition:border-color .55s ease,color .55s ease;background:transparent}
.focus-choice::before{content:'';position:absolute;inset:5px 0;border-radius:14px;background:linear-gradient(105deg,#ffffff0e,#ffffff06 65%,#ffffff00);opacity:0;transition:opacity .65s ease;z-index:-1;pointer-events:none}
.focus-choice:hover::before{opacity:.65}.focus-choice[aria-pressed=true]{background:transparent;border-color:#ffffff32;color:#fff}.focus-choice[aria-pressed=true]::before{opacity:1}
.focus-choice[aria-pressed=true] .focus-choice-heading>.icon{color:#efeee5}.focus-choice-number,.focus-choice-benefit{color:#cccfc0}
.focus-choice:focus-visible{outline-color:#ddd9cd;outline-offset:4px}.focus-screen-layer{transition:opacity .7s ease,visibility .7s}.focus-result-card{border-color:#e0ded4}.focus-disclosure{color:#aeb0a4}
.focus-art::before{inset:-10%;width:auto;height:auto;background:radial-gradient(ellipse at center,#ffffff0a,transparent 65%);mask-image:radial-gradient(ellipse,#000 15%,transparent 72%)}
.showcase-section{background:#f6f5f1;border-color:#e2e0d7}.showcase-shell{background:#242522;border-color:#5b5e50}.showcase-viewport{background:radial-gradient(ellipse at 55% 46%,#7c7b6940,transparent 68%)}
.showcase-tabs button[aria-selected=true]{background:#52564a;border-color:#7e8272}.showcase-timer-fill{background:linear-gradient(90deg,#a5a792,#e6e2d4)}
.showcase-app-screen{background:#1c1d19;border-color:#717467}.showcase-feature-link{color:#e0e1d7}.showcase-disclosure{color:#bec2b2}.showcase-shell :focus-visible{outline-color:#dedccd}
.platform-section{background:linear-gradient(180deg,#fff,#f9f8f4)}.platform-tool{border-color:#dcddd3}.platform-tool summary>.icon,.platform-tool summary::after,.platform-tool li strong,.platform-note a{color:#53574a}
.audience-grid article{background:#f9f8f4;border-color:#dfdfd3}.audience-grid article:hover{border-color:#a6ac96}.audience-grid article>span{color:#606650}
.privacy-strip{background:#efeee7;border-color:#dfdfd0}
.page-intro{background:none}.page-intro .serif-emphasis{color:#242522}
.price-card{background:#faf9f5;border-color:#e1dfd6;border-radius:24px;box-shadow:0 8px 24px -22px #24252230}
.price-card.is-featured{background:#242522;border-color:#242522;box-shadow:0 14px 34px -23px #24252275}
.price-card.is-featured .button-light{background:#f4f2e9;color:#242522}.price-card.is-featured .button-light:hover{background:#fff}
.price-card.is-featured .plan-audience,.price-card.is-featured .price-cadence,.price-card.is-featured .plan-billing-note,.price-card.is-featured .plan-focus span{color:#cfcec4}
.billing-selector{background:#eeece4}.billing-selector button{transition:background .3s,color .3s}.billing-selector button[aria-pressed=true]{background:#242522;color:#fff}
.site-footer{background:#242522;border-color:#44463b}.site-footer::before{background:linear-gradient(90deg,#242522,#aaa997,#e7e3d3,#45473c)}
.site-footer .footer-top,.footer-bottom,.footer-connect{border-color:#45483c}.site-footer .footer-top>p,.site-footer .text-link,.footer-support p,.footer-bottom{color:#c2c5b6}
.footer-links>div>span{color:#a9ae9b}.footer-links a,.footer-bottom a{color:#e3e5db}.footer-links a:hover,.footer-bottom a:hover{color:#fff}.footer-socials a:hover{border-color:#979d87}
.discovery-spotlight{background:linear-gradient(180deg,#fff 0%,#fbfafc 70%,#f5f4f0 100%)}
@media(max-width:760px){.focus-choice,.focus-choice:last-child{padding:16px 14px}.focus-choice::before{inset:0;border-radius:10px}.focus-choice[aria-pressed=true]{border-color:#c0c1b5}.hero-stage-backdrop{background:linear-gradient(125deg,#f4f3ef,#e9e7e0)}}
@media(prefers-reduced-motion:reduce){.focus-choice,.focus-choice::before,.focus-screen-layer,.billing-selector button{transition:none}}