/*! ClickGap landing page. Tokens, layout and nav from the Tollgate template: MIT, Copyright (c) 2026 Illos. See LICENSE.md. */@font-face{font-family:Mona Sans;src:url(/fonts/mona-sans.woff2) format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}:root{color-scheme:light;--bg: #ffffff;--surface: #f4f6f9;--ink: #0b1526;--ink-2: #354052;--ink-3: #5b6577;--line: rgb(11 21 38 / .1);--line-2: rgb(11 21 38 / .18);--accent: #13a05f;--accent-ink: #0b7744;--accent-tint: #e5f6ec;--bar: #e3e8ee;--sans: "Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--wide: 108%;--r-sm: 8px;--r: 12px;--float: 0 0 0 1px rgb(11 21 38 / .05), 0 2px 4px rgb(11 21 38 / .04), 0 20px 44px -18px rgb(11 21 38 / .24);--ring: inset 0 0 0 1px var(--line);--ease: cubic-bezier(.23, 1, .32, 1);--section: 128px;--nav-h: 72px;--z-nav: 20;--grain: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22240%22 height=%22240%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.12 0%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22/%3E%3C/svg%3E");--sky: var(--grain), linear-gradient(205deg, transparent 38%, rgb(255 255 255 / .4) 54%, transparent 70%), linear-gradient(165deg, #8fb6cc 0%, #7fbcdb 34%, #86c6e4 56%, #b0e0f2 80%, #def5fb 100%);--mint: var(--grain), radial-gradient(60% 60% at 22% 24%, #bfeee2, transparent 72%), radial-gradient(60% 55% at 84% 80%, #d6f1c9, transparent 72%), radial-gradient(50% 45% at 70% 16%, #def2f6, transparent 72%), linear-gradient(180deg, #e3f5ef, #f5fbf7)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:color-mix(in oklch,var(--accent) 22%,transparent)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:12px;top:-64px;z-index:50;padding:10px 14px;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-size:14px}.skip:focus{top:12px}.wrap{max-width:1280px;margin:0 auto;padding:0 40px}.i{width:20px;height:20px;flex:none;stroke-width:1.5}.i *{vector-effect:non-scaling-stroke}.display,.h2{font-stretch:var(--wide);font-weight:520;text-wrap:balance}.display{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.032em}.h2{font-size:clamp(32px,3.3vw,46px);line-height:1.06;letter-spacing:-.026em}.h3{font-size:19px;line-height:1.3;font-weight:550;letter-spacing:-.01em}.lede{font-size:19px;line-height:1.55;color:var(--ink-3);text-wrap:pretty}.body{font-size:17px;line-height:1.6;color:var(--ink-3);text-wrap:pretty}.small{font-size:15px;line-height:1.55;color:var(--ink-3);text-wrap:pretty}.head{max-width:640px;display:grid;gap:16px;margin-bottom:48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:var(--r-sm);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease)}.btn:active{transform:scale(.96)}.btn .i{width:18px;height:18px}.btn--go{background:var(--accent-ink);color:#fff}.btn--line{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2)}.btn--ghost{background:none;color:var(--ink-2)}.btn--lg{height:48px;padding:0 22px}@media(hover:hover)and (pointer:fine){.btn--go:hover{background:color-mix(in oklch,var(--accent-ink) 86%,black)}.btn--line:hover{background:var(--surface)}.btn--ghost:hover{color:var(--ink);background:var(--surface)}}.ctas{display:flex;flex-wrap:wrap;gap:12px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:500;white-space:nowrap}.chip--accent{background:var(--accent-tint);color:var(--accent-ink)}.well{position:relative;border-radius:var(--r);isolation:isolate;overflow:hidden}.well--sky{background:var(--sky)}.well--mint{background:var(--mint)}.float{border-radius:var(--r);background:#fff;box-shadow:var(--float)}.nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--bg);box-shadow:0 1px 0 transparent;transition:box-shadow .2s var(--ease)}.nav.is-scrolled{box-shadow:0 1px 0 var(--line)}.nav__in{display:flex;align-items:center;gap:40px;height:var(--nav-h)}.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:19px;font-weight:600;font-stretch:var(--wide);letter-spacing:-.02em}.logo img{width:28px;height:28px}.links{display:flex;gap:4px}.links a{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--r-sm);color:var(--ink-2);font-size:15px;white-space:nowrap;transition:color .15s var(--ease),background-color .15s var(--ease)}@media(hover:hover)and (pointer:fine){.links a:hover{color:var(--ink);background:var(--surface)}}.nav__end{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.burger{display:none;width:44px;height:44px;place-items:center;border:0;border-radius:var(--r-sm);background:none}.burger .i{width:22px;height:22px}.burger .i+.i,.burger[aria-expanded=true] .i:first-child{display:none}.burger[aria-expanded=true] .i+.i{display:block}.sheet{display:grid;gap:4px;padding:8px 20px 24px;background:var(--bg);box-shadow:0 1px 0 var(--line)}.sheet a:not(.btn){display:flex;align-items:center;min-height:48px;font-size:19px;color:var(--ink)}.sheet .btn{margin-top:12px}.hero{display:grid;grid-template-columns:[full-start] minmax(40px,1fr) [copy-start] minmax(0,600px) [photo-start] minmax(0,600px) minmax(40px,1fr) [full-end];min-height:clamp(620px,calc(100svh - var(--nav-h)),760px)}.hero__copy{grid-column:copy-start / photo-start;align-self:center;display:grid;gap:24px;padding:72px 64px 88px 0}.hero__copy .ctas{margin-top:12px}.hero__note{text-wrap:pretty;display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:14px}.hero__note .i{width:18px;height:18px;color:var(--accent-ink)}.hero__photo{grid-column:photo-start / full-end;position:relative;overflow:hidden;isolation:isolate;background:#e9ece9}.hero__photo img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:50% 62%}.hero__photo .float{position:absolute;left:50%;top:44%;width:min(380px,84%);translate:-50% -50%}.section{padding-top:var(--section)}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.step__slot{position:relative;display:grid;place-items:center;aspect-ratio:5 / 4;background:var(--grain),radial-gradient(34% 60% at 14% 34%,#93c3dc,transparent 72%),radial-gradient(30% 64% at 50% 62%,#bdeedd,transparent 72%),radial-gradient(34% 60% at 86% 30%,#a3d3ea,transparent 72%),linear-gradient(90deg,#a2cbe0,#c9ecf2 30%,#d2f2e3,#c6e9f0 70%,#a9d2e6);background-size:240px 240px,300% 100%,300% 100%,300% 100%,300% 100%}.step:nth-child(1) .step__slot{background-position:0 0,0% 0,0% 0,0% 0,0% 0;border-radius:var(--r) 0 0 var(--r)}.step:nth-child(2) .step__slot{background-position:0 0,50% 0,50% 0,50% 0,50% 0}.step:nth-child(3) .step__slot{background-position:0 0,100% 0,100% 0,100% 0,100% 0;border-radius:0 var(--r) var(--r) 0}.step__slot .float{width:76%}.step+.step .step__slot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#ffffff8c}.step__go{position:absolute;z-index:1;left:0;top:50%;display:grid;place-items:center;width:32px;height:32px;translate:-50% -50%;border-radius:999px;background:#fff;box-shadow:var(--float);color:var(--ink-3)}.step__go .i{width:16px;height:16px}.step__text{display:grid;gap:8px;align-content:start;padding:28px 40px 0 0}.step__no{font:500 13px/1 var(--mono);color:var(--accent-ink)}.est{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.est .head{margin-bottom:40px}.est__form{display:grid;gap:32px}.field__top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px}.field-label{font-size:15px;font-weight:500;color:var(--ink-2)}.field__val{font-size:28px;font-weight:520;font-stretch:var(--wide);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.field__hint{margin-top:6px;color:var(--ink-3);font-size:14px}.range{--p: 50%;width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--p),var(--bar) var(--p))}.range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--p),var(--bar) var(--p))}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0b15261f,0 2px 6px #0b15262e;transition:transform .12s var(--ease)}.range::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0b15261f,0 2px 6px #0b15262e}.range:active::-webkit-slider-thumb{transform:scale(1.08)}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:2px}.range:focus-visible::-moz-range-thumb{outline:2px solid var(--ink);outline-offset:2px}.scale{position:relative;height:20px;margin-top:2px;color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.scale span{position:absolute;top:0;left:calc(12px + (100% - 24px) * var(--f));translate:-50% 0}.scale span:first-child{left:0;translate:0 0}.scale span:last-child{left:100%;translate:-100% 0}.scale--imp span:nth-child(1){--f: 0}.scale--imp span:nth-child(2){--f: .3333}.scale--imp span:nth-child(3){--f: .6667}.scale--imp span:nth-child(4){--f: 1}.scale--pos span:nth-child(1){--f: 0}.scale--pos span:nth-child(2){--f: .2105}.scale--pos span:nth-child(3){--f: .4737}.scale--pos span:nth-child(4){--f: .7368}.scale--pos span:nth-child(5){--f: 1}.est__well{display:grid;justify-items:center;gap:20px;padding:56px 48px 40px}.gap{width:100%;max-width:540px;padding:28px;font-variant-numeric:tabular-nums}.gap__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.bars{display:grid;gap:18px}.bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:baseline;font-size:15px}.bar__label{color:var(--ink-2)}.bar__val{font:500 15px/1.4 var(--mono)}.bar__track{grid-column:1 / -1;height:14px;border-radius:999px;background:var(--surface);overflow:hidden}.bar__fill{display:block;width:var(--w, 0%);min-width:6px;height:100%;border-radius:999px;background:#9aa6b8;transition:width .2s var(--ease)}.bar__fill--top{background:var(--accent)}.gap__total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:28px;padding-top:22px;box-shadow:inset 0 1px 0 var(--line);min-height:78px}.gap__total b{font-size:40px;line-height:1;font-weight:520;font-stretch:var(--wide);letter-spacing:-.03em;color:var(--accent-ink)}.gap__total span{color:var(--ink-2);font-size:16px;text-wrap:pretty}.est__note{max-width:540px;color:var(--ink-2);font-size:14px;text-align:center;text-wrap:pretty}.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feat{display:grid;gap:8px;align-content:start;padding:28px;border-radius:var(--r);background:var(--surface)}.feat .i{width:40px;height:40px;margin-bottom:12px;padding:9px;border-radius:var(--r-sm);background:#fff;box-shadow:var(--ring);color:var(--accent-ink)}.feats__more{margin-top:28px;color:var(--ink-3);font-size:15px}.ai{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}.ai .head{margin-bottom:32px}.asks{display:grid;gap:8px}.asks li{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:var(--r);background:var(--surface);font-size:16px;font-weight:500}.asks .i{color:var(--ink-3)}.ai__well{display:grid;place-items:center;padding:56px 48px}.chat{width:100%;max-width:440px;border-radius:var(--r);background:var(--ink);box-shadow:var(--float)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:40px}.facts li{display:grid;align-content:start;grid-template-columns:auto minmax(0,1fr);gap:4px 12px}.facts .i{grid-row:span 2;margin-top:2px;color:var(--ink-2)}.facts b{font-weight:550}.facts span{color:var(--ink-3);font-size:15px;text-wrap:pretty}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{display:grid;gap:24px;align-content:start;padding:40px;border-radius:var(--r);background:var(--surface)}.panel__text,.sources{display:grid;gap:8px}.sources li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:16px 18px;border-radius:var(--r-sm);background:#fff;box-shadow:var(--ring)}.sources .i{grid-row:span 2;margin-top:2px;color:var(--accent-ink)}.sources b{font-weight:550}.sources span{color:var(--ink-3);font-size:15px;text-wrap:pretty}.panel__well{display:grid;place-items:center;padding:32px 24px}.panel__well .float{width:min(340px,100%)}.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}.faq .head{margin:0}.qa{display:grid;gap:8px}.qa details{border-radius:var(--r);background:var(--surface)}.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 20px 16px 24px;font-size:17px;font-weight:500;cursor:pointer;list-style:none;border-radius:var(--r)}.qa summary::-webkit-details-marker{display:none}.qa summary .i{color:var(--ink-3);transition:transform .2s var(--ease)}.qa details[open] summary .i{transform:rotate(180deg)}.qa details p{max-width:62ch;padding:0 24px 22px;color:var(--ink-2);text-wrap:pretty}.close{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:64px}.close .head{margin:0}.close .body{color:var(--ink-2)}.foot{margin-top:var(--section);padding:64px 0 48px;box-shadow:inset 0 1px 0 var(--line)}.foot__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}.foot__brand{display:grid;gap:12px;align-content:start;justify-items:start}.foot__brand p{color:var(--ink-3);font-size:15px;max-width:40ch}.foot__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.foot__cols div{display:grid;gap:4px;align-content:start;justify-items:start}.foot__cols p{margin-bottom:6px;font-size:14px;font-weight:550}.foot__cols a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink-3);font-size:15px;transition:color .15s var(--ease)}@media(hover:hover)and (pointer:fine){.foot__cols a:hover{color:var(--ink)}}.foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;color:var(--ink-3);font-size:14px}@property --t{syntax: "<number>"; inherits: true; initial-value: .9;}@keyframes t{0%{--t: 0}to{--t: 1}}.pic{width:100%;height:auto;--leave: clamp(0, (.985 - var(--t)) * 40, 1)}@media(prefers-reduced-motion:no-preference){.pic{animation:t 8s linear infinite;animation-play-state:var(--play, running)}}.pic .at-1{--s: .06}.pic .at-2{--s: .15}.pic .at-3{--s: .24}.pic .at-4{--s: .33}.pic .at-5{--s: .42}.pic .at-6{--s: .51}.pic .at-7{--s: .6}.pic .at-8{--s: .69}.pic [class*=at-]{--p: clamp(0, (var(--t) - var(--s)) * var(--k, 16), 1)}.pic .in{opacity:calc(var(--p) * var(--leave));translate:0 calc((1 - var(--p)) * 8px)}.pic .fade{opacity:calc(var(--p) * var(--leave))}.pic .grow{--k: 5;transform-box:fill-box;transform-origin:0 50%;scale:var(--p) 1;opacity:var(--leave)}.pic .type{--k: 5;transform-box:fill-box;transform-origin:100% 50%;scale:calc(1 - var(--p)) 1}.pic .ring{--k: 3;stroke-dasharray:276.5px;stroke-dashoffset:calc(276.5px * (1 - var(--f) * var(--p)));opacity:var(--leave)}.pic .ring--86{--f: .86}.pic .ring--92{--f: .92}.pic .fr{opacity:clamp(0,min(var(--t) - var(--a),var(--b) - var(--t)) * 1000,1)}.pic .f0{--a: -1;--b: .1}.pic .f1{--a: .1;--b: .13}.pic .f2{--a: .13;--b: .16}.pic .f3{--a: .16;--b: .19}.pic .f4{--a: .19;--b: .22}.pic .f5{--a: .22;--b: .25}.pic .f6{--a: .25;--b: 2}.pic text{fill:var(--ink);font-size:13px}.pic .b{font-weight:550}.pic .sm{font-size:12px}.pic .xs{font-size:11px;font-weight:550}.pic .mut{fill:var(--ink-3)}.pic .gain{fill:var(--accent-ink)}.pic .num{font-family:var(--mono);font-weight:500}.pic .big{font-size:44px;font-weight:520;font-stretch:var(--wide);letter-spacing:-.03em}.pic .score{font-size:28px;font-weight:520;font-stretch:var(--wide);letter-spacing:-.02em}.pic .end{text-anchor:end}.pic .mid{text-anchor:middle}.pic .tint{fill:var(--surface)}.pic .rule{stroke:var(--line)}.pic .track{fill:var(--bar)}.pic .fill,.pic .ok{fill:var(--accent)}.pic .tick{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pic .todo{fill:#fff;stroke:var(--line-2);stroke-width:1.5}.pic .box{fill:#fff;stroke:var(--line)}.pic .box--on{fill:none;stroke:var(--accent);stroke-width:1.5}.pic .ringtrack{fill:none;stroke:var(--bar);stroke-width:9}.pic .ring{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round}.pic .hi{fill:#fde8ec}.pic .hi-t{fill:#a3213a}.pic .med{fill:#fcefd3}.pic .med-t{fill:#7d5206}.pic .acc{fill:var(--accent-tint)}.pic--dark text{fill:#e9eef6}.pic--dark .mut{fill:#9aa7bb}.pic--dark .gain{fill:#6fdca6}.pic--dark .bubble{fill:#1d2c47}.pic--dark .tool{fill:#132139;stroke:#2c3d5c}.pic--dark .tick{stroke:#6fdca6}.pic--dark .tag{fill:#1d2c47}@media(max-width:1100px){.links,.nav__end .btn--ghost{display:none}.burger{display:grid}.flow{grid-template-columns:minmax(0,1fr);gap:24px}.step{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:40px;align-items:center}.step .step__slot{border-radius:var(--r);background-size:240px 240px,100% 100%,100% 100%,100% 100%,100% 100%;background-position:0 0}.step+.step .step__slot:before,.step__go{display:none}.step__text{padding:0}.est,.ai,.faq{grid-template-columns:minmax(0,1fr);gap:48px}.feats{grid-template-columns:repeat(2,minmax(0,1fr))}.duo,.foot__in{grid-template-columns:minmax(0,1fr)}}@media(max-width:960px){.hero{grid-template-columns:[full-start] 20px [copy-start] minmax(0,1fr) [photo-start] 20px [full-end];min-height:0}.hero__copy{grid-column:copy-start / photo-start;padding:48px 0 40px;max-width:640px}.hero__photo{grid-column:full-start / full-end;height:min(125vw,620px)}.hero__photo .float{width:min(380px,88%);top:42%}}@media(max-width:720px){:root{--section: 96px;--nav-h: 64px}.wrap{padding:0 20px}.nav__in{gap:12px}.display{letter-spacing:-.028em}.lede{font-size:18px}.head{margin-bottom:32px}.step{grid-template-columns:minmax(0,1fr);gap:20px}.feats,.facts{grid-template-columns:minmax(0,1fr)}.est__well,.ai__well{padding:24px 12px}.gap{padding:22px 18px}.panel{padding:28px 20px}.panel__well{padding:20px 12px}.hero .ctas .btn,.close .ctas .btn{flex:1 1 100%}.close{flex-direction:column;align-items:flex-start;padding:40px 24px}.qa summary{padding-inline-start:20px}.qa details p{padding:0 20px 20px}}@media(pointer:coarse){.foot__cols a{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar__fill{transition:none}}