/* Copyright © 2026 Knockmap LTD. All Rights Reserved.
   A shared colour layer for the marketing site; app preview tokens stay intact. */
@property --km-border-turn{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{--km-deep:#123c3d;--km-teal:#267d79;--km-mint:#84e4c5;--km-lime:#d3f8a8}
::selection{background:#b7edda;color:#123c3d}
.brand img{width:30px;height:43px;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;mix-blend-mode:normal}
.brand-plus{color:#237973}
.tablet-brand img{width:21px;height:32px;object-fit:contain;background:transparent;mix-blend-mode:normal}
.site-header{background:#fffffff2;backdrop-filter:blur(20px);border-bottom-color:#dce9e570}
.mobile-nav{max-height:calc(100svh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5cbbf transparent}
.reading-progress{background:linear-gradient(90deg,#2f8983,#95e6bb)}
.desktop-nav a:hover,.desktop-nav a.active,.text-link:hover{color:#207b71}
.button-dark{background:linear-gradient(115deg,#183d3e,#25675e);border-color:transparent;box-shadow:0 4px 14px -8px #123c3d70}
.button-dark:hover{background:linear-gradient(115deg,#205351,#347d6c);box-shadow:0 7px 20px -8px #123c3d70}
.button-outline{background:#ffffffa6;border-color:#aecac0}
.button-outline:hover{background:#eaf7f1;border-color:#72a796}
.hero{background:radial-gradient(ellipse at 16% 48%,#b9eed343,transparent 43%),radial-gradient(ellipse at 83% 22%,#a8e5e52c,transparent 45%),#fff}
.hero-copy .hero-line:last-child,.hero-copy .hero-line:last-child>span{color:#286f66}
.hero-copy .eyebrow{color:#477b6c}
.hero-stage-backdrop{background:radial-gradient(ellipse at 76% 20%,#d5f7ad 0,transparent 52%),linear-gradient(125deg,#e7f9ef,#b8e6da 54%,#c7e8ec);border:1px solid #cae5d6;box-shadow:0 20px 60px -36px #25776950}
.hero-stage-backdrop::after{background:radial-gradient(ellipse at 40% 35%,#ffffffb3,transparent 60%)}
.floating-detail{border-color:#c4e2d6;background:#ffffffed;box-shadow:0 14px 38px -16px #24685438}
.detail-icon{color:#31746b;background:#def3e9}
.detail-stops span{background:#254f4c}
.workflow-section{background:linear-gradient(180deg,#fff 0%,#f2faf6 64%,#fff 100%)}
.workflow-card{background:linear-gradient(145deg,#f9faf7,#eef5ef);border-color:#dbe9df}
.workflow-card-discovery{background:radial-gradient(ellipse at 15% 98%,#d5eddf99,transparent 65%),linear-gradient(135deg,#f5f8f2,#eff6f1)}
.workflow-card-team{background:linear-gradient(140deg,#f3f8f4,#e5f2ed)}
.workflow-card::after{content:'';position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--km-border-turn),#76b9a926 0%,#6aafa526 20%,#60bbaa 30%,#b1eba6 43%,#76b9a926 57%,#76b9a926 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.35;transition:opacity .5s}
.workflow-card.is-playing::after,.workflow-card:hover::after,.workflow-card:focus-within::after{opacity:1;animation:km-border-orbit 10s linear infinite}
.workflow-dialog-scene .workflow-card::after{display:none}
.workflow-dialog{background:#f5faf6;border-color:#cbded0}
.workflow-dialog-scene .workflow-card{background:#edf5ef}
.workflow-dialog-close{border-color:#cbded0;color:#315e50}
.workflow-section.is-paused .workflow-card::after{animation-play-state:paused}
.workflow-expand{background:#e4f1e6;border-color:#c9dfce;color:#396a58}
.workflow-expand:hover{background:#cff1df;border-color:#81b39d}
.workflow-motion{background:#ffffffd9;border-color:#c7ded2;color:#285951}
.workflow-heading .eyebrow,.workflow-label{color:#5a796a}
.about-section{border-top:1px solid #e3eee7}
.purpose-tags span{border-color:#d0e2d7;background:#f4fbf7;color:#315a4b}
.about-copy .text-link{margin-top:4px;color:#23685d}
.field-section{background:radial-gradient(ellipse at 8% 0,#2b5c5233,transparent 55%),#102b2c}
.field-tile:not(.field-photo){background:linear-gradient(135deg,#1c3b39,#153130);border-color:#41665a}
.field-tile:not(.field-photo):hover{border-color:#85c6a7;background:linear-gradient(135deg,#244b45,#1a3836)}
.field-tile .tile-label,.tile-caption,.field-bottom p{color:#b5cdc4}
.field-tile .tile-arrow{background:#e1f9db;color:#224d3c;border-color:#b3dcb8}
.field-section .text-link{color:#d5efb4}
.tile-route-stops span,.mini-team span{background:#bce4c5;color:#153a2e}
.mini-chart i{background:#69a894}.mini-chart i:nth-child(4){background:#c4ed9e}
.features-section{background:#f3f7f3}
.story-sticky{background:#f3f7f3}
.story-chapter h3 span{color:#437467}
.chapter-index,.chapter-number{color:#478272}
.story-navigation a.is-current{color:#2f7a65}
.focus-section{background:radial-gradient(ellipse at 88% 10%,#4b797648,transparent 60%),#112b2b}
.focus-choice[aria-pressed=true]{border-color:#8bccaf;background:#204840}
.focus-choice-number,.focus-choice-benefit{color:#b9eac6}
.focus-visual{border-color:#527569}
.showcase-section{background:#f5faf6;border-bottom-color:#d8e8dd}
.showcase-shell{background:linear-gradient(120deg,#193f3b,#102c2d);border:1px solid #547b67}
.showcase-viewport{background:radial-gradient(ellipse at 55% 46%,#72bbae55,transparent 68%)}
.showcase-tabs button[aria-selected=true]{background:#245e52;border-color:#245e52}
.showcase-timer-fill{background:linear-gradient(90deg,#6dc6ac,#d4edab)}
.audience-grid article{border-color:#d5e6d9;background:linear-gradient(145deg,#fff,#f1f8f1)}
.audience-grid article:hover{border-color:#8ab69b}
.audience-grid article>span{color:#397964}
.privacy-strip{background:linear-gradient(120deg,#e3f4e9,#f1f9e4 50%,#e1f2ed);border-color:#d0e4d2}
.download-section{background:radial-gradient(ellipse at 15% 15%,#dff6c6,transparent 60%),linear-gradient(120deg,#eef8ef,#d5ece3)}
.launch-form{position:relative;border-color:#adcdb9;background:#ffffffef;box-shadow:0 18px 50px -34px #19564966}
.launch-form::before{content:'';pointer-events:none;position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--km-border-turn),#a6d2bf,#e2f8a6,#308b79,#a6d2bf);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:km-border-orbit 16s linear infinite;animation-play-state:paused}
.launch-form.is-in-view::before{animation-play-state:running}
.launch-form input:focus,.launch-form select:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:#508f79;outline-color:#508f79}
.page-intro{position:relative;background:radial-gradient(ellipse at 85% 20%,#dcf6d680,transparent 65%)}
.page-intro .serif-emphasis{color:#317260}
.price-card{border-color:#d4e4d9}
.price-card.is-featured{background:linear-gradient(145deg,#163c35,#256754);border-color:#81b997}
.price-card.is-featured .button-light{background:#e3f6d4;color:#1a4833}
.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:#c4e0d1}
.billing-selector button[aria-pressed=true]{background:#245a4e;color:white}
.platform-section{padding:90px 0;background:linear-gradient(180deg,#fff,#f8fbf7)}
.platform-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:end;margin-bottom:35px}
.platform-heading h2{font-size:clamp(32px,4vw,52px);font-weight:550;letter-spacing:-.05em;line-height:1.12;margin-top:16px}
.platform-heading>p{font-size:16px;line-height:1.75;color:#5b6a61;max-width:490px}
.platform-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
.platform-tool{border-top:1px solid #cfded2}
.platform-tool summary{position:relative;cursor:pointer;list-style:none;padding:25px 34px 25px 0;display:flex;gap:17px;align-items:center;font-size:18px;font-weight:650;letter-spacing:-.025em;min-height:82px}
.platform-tool summary::-webkit-details-marker{display:none}
.platform-tool summary>.icon{width:23px;height:23px;color:#397b61;flex-shrink:0}
.platform-tool summary::after{content:'+';position:absolute;right:3px;font-size:22px;font-weight:400;color:#458269}
.platform-tool[open] summary::after{content:'−'}
.platform-tool summary:focus-visible{outline:2px solid #367966;outline-offset:3px}
.platform-tool ul{list-style:none;margin:0 0 26px 40px;padding:0}
.platform-tool li{font-size:16px;color:#536357;line-height:1.7;margin:0 0 11px}
.platform-tool li strong{font-weight:650;color:#254b3c}
.platform-note{font-size:13px;color:#64736a;line-height:1.7;margin-top:23px;max-width:780px}
.platform-note a{color:#286651;text-decoration:underline;text-underline-offset:3px}
.site-footer{background:#132d2c;color:#e5eee9;border-top:1px solid #244842;padding:62px 0 24px;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2b6658,#b4edc0,#d8f4a3,#2c776f)}
.site-footer .brand{color:#fff}.site-footer .brand img{filter:brightness(0) invert(1)}
.site-footer .brand-plus{color:#b9efc6}
.site-footer .footer-top{border-color:#36534b;padding-bottom:32px}
.site-footer .footer-top>p{color:#c0d5c8}
.site-footer .text-link{color:#c7eac1}
.footer-links{grid-template-columns:1fr 1fr 1.3fr;gap:32px;padding-block:34px}
.footer-links>div>span{color:#9ab7a8;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.footer-links a{color:#e2eee6;font-size:14px;line-height:1.6;padding-block:4px}
.footer-links a:hover,.footer-bottom a:hover{color:#cef49d}
.footer-contact p{font-size:14px;color:#b9cdc1;line-height:1.7;margin-top:9px;max-width:220px}
.footer-bottom{border-top:1px solid #36534b;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#b1c7bb;font-size:13px}
.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}
.footer-bottom a{font-size:13px;color:#d9eade;min-height:30px;display:inline-flex;align-items:center}
.legal-content h2{scroll-margin-top:110px}
.legal-content #copyright{padding-top:12px;border-top:1px solid #d4e4d8}
@keyframes km-border-orbit{to{--km-border-turn:360deg}}
.page-hidden .workflow-card::after,.page-hidden .launch-form::before{animation-play-state:paused!important}
@media(max-width:980px){.platform-heading{gap:32px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-contact{grid-column:1/-1}}
@media(max-width:760px){
  .brand img{width:25px;height:37px}
  .hero{background:radial-gradient(ellipse at 100% 22%,#cdebe647,transparent 60%),#fff}
  .hero-stage-backdrop{background:radial-gradient(ellipse at 80% 15%,#d5f7ad,transparent 60%),linear-gradient(125deg,#e8f7ee,#bee7da)}
  .platform-section{padding:58px 0}
  .platform-heading{display:block;margin-bottom:27px}
  .platform-heading h2{font-size:36px}
  .platform-heading>p{margin-top:22px}
  .platform-tools{grid-template-columns:1fr}
  .platform-tool summary{font-size:17px;min-height:78px}
  .platform-tool li{font-size:15px}
  .platform-tool ul{margin-left:40px}
  .site-footer{padding-top:42px}
  .footer-top{gap:22px}.footer-links{gap:28px 22px}
  .footer-bottom{align-items:start;gap:15px}
  .footer-bottom nav{gap:20px}
}
@media(prefers-reduced-motion:reduce){.workflow-card::after,.launch-form::before{animation:none!important}.workflow-card::after{opacity:.6}}