.klooz-hero{--k-paper: #f6f4ef;--k-ink: #16181d;--k-ink-night: #111317;--k-teal: #0d7377;--k-teal-night: #3fb3b8;--k-red: #ed1c24;--k-clay-night: #f0a17d;--k-text-secondary: #4f5866;--k-text-night: #f3f5f7;--k-grid: 48px;--k-pin: 28px;--k-pad: clamp(24px, 4.4vw, 64px);position:relative;isolation:isolate;overflow:hidden;min-height:clamp(420px,56vw,720px);display:flex;align-items:flex-end;padding:var(--k-pad);box-sizing:border-box;font-family:Montserrat Variable,Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.klooz-hero__layer{position:absolute;inset:0;z-index:0;pointer-events:none}.klooz-hero__route{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.klooz-hero__pin{position:absolute;z-index:2;width:var(--k-pin);height:var(--k-pin);border-radius:999px;box-sizing:border-box;transform:translate(-50%,-50%);pointer-events:none}.klooz-hero__ping{position:absolute;z-index:2;width:calc(var(--k-pin) * 2.6);height:calc(var(--k-pin) * 2.6);border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;animation:klooz-ping 2.8s ease-out infinite}@keyframes klooz-ping{0%{transform:translate(-50%,-50%) scale(.35);opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes klooz-dash{to{stroke-dashoffset:-48}}@media(prefers-reduced-motion:reduce){.klooz-hero__ping{animation:none;opacity:.45;transform:translate(-50%,-50%) scale(.7)}.klooz-hero__route polyline{animation:none!important}}.klooz-hero__copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:14px;max-width:34ch}.klooz-hero__eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:0}.klooz-hero__title{margin:0;font-size:clamp(34px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.02;text-wrap:pretty}.klooz-hero__lede{margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.klooz-hero--player{background-color:var(--k-paper);color:var(--k-ink)}.klooz-hero--player .klooz-hero__contours{background-image:repeating-radial-gradient(ellipse 125% 139% at 22% 86%,transparent 0 34px,rgba(22,24,29,.1) 34px 35.5px),repeating-radial-gradient(ellipse 86% 113% at 90% 14%,transparent 0 30px,rgba(13,115,119,.16) 30px 31.5px)}.klooz-hero--player .klooz-hero__grid{background-image:linear-gradient(rgba(22,24,29,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(22,24,29,.05) 1px,transparent 1px);background-size:var(--k-grid) var(--k-grid)}.klooz-hero--player .klooz-hero__eyebrow{color:var(--k-teal)}.klooz-hero--player .klooz-hero__pin--start{border:3px solid var(--k-ink);background:var(--k-paper)}.klooz-hero--player .klooz-hero__pin--end{background:var(--k-red);border:3px solid var(--k-paper);box-shadow:0 2px 4px #0000004d}.klooz-hero--player .klooz-hero__ping{border:2px solid rgba(237,28,36,.5)}.klooz-hero--creator{background-color:var(--k-ink-night);color:var(--k-text-night);--k-grid: 40px}.klooz-hero--creator .klooz-hero__grid{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:var(--k-grid) var(--k-grid)}.klooz-hero--creator .klooz-hero__grid--major{background-image:linear-gradient(rgba(63,179,184,.16) 2px,transparent 2px),linear-gradient(90deg,rgba(63,179,184,.16) 2px,transparent 2px);background-size:calc(var(--k-grid) * 5) calc(var(--k-grid) * 5)}.klooz-hero--creator .klooz-hero__zone{position:absolute;z-index:1;border-width:1.5px;border-style:solid;pointer-events:none}.klooz-hero--creator .klooz-hero__zone--teal{background:#3fb3b81a;border-color:#3fb3b873}.klooz-hero--creator .klooz-hero__zone--red{background:#ed1c241a;border-color:#ed1c2480}.klooz-hero--creator .klooz-hero__eyebrow{color:var(--k-teal-night)}.klooz-hero--creator .klooz-hero__pin{--k-pin: 24px;border:3px solid var(--k-ink-night)}.klooz-hero--creator .klooz-hero__pin--a{background:var(--k-teal-night)}.klooz-hero--creator .klooz-hero__pin--b{background:var(--k-paper)}.klooz-hero--creator .klooz-hero__pin--c{background:var(--k-red)}.klooz-hero--creator .klooz-hero__route polyline{animation:klooz-dash 2.4s linear infinite}:root{--klooz-paper: #f6f4ef;--klooz-ink: #16181d;--klooz-ink-night: #111317;--klooz-teal: #0d7377;--klooz-teal-dark: #3fb3b8;--klooz-text-secondary: #4f5866;--klooz-text-night: #f3f5f7;--klooz-max-width: 1120px;--klooz-pad: clamp(20px, 4vw, 48px)}*{box-sizing:border-box}html{font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:var(--klooz-paper);color:var(--klooz-ink);line-height:1.5}.container{max-width:var(--klooz-max-width);margin:0 auto;padding-left:var(--klooz-pad);padding-right:var(--klooz-pad)}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:20px var(--klooz-pad);position:sticky;top:0;z-index:10;background:var(--klooz-paper)}.site-nav__logo img{height:1.5rem;width:auto;display:block}.site-nav__links{display:flex;gap:24px;list-style:none;margin:0;padding:0}.site-nav__links a{color:var(--klooz-ink);text-decoration:none;font-weight:500}.site-nav__links a:hover{color:var(--klooz-teal)}.site-footer{background:var(--klooz-ink-night);color:var(--klooz-text-night);padding:40px var(--klooz-pad);margin-top:64px}.site-footer__grid{max-width:var(--klooz-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.site-footer h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--klooz-teal-dark);margin:0 0 12px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer a{color:var(--klooz-text-night);text-decoration:none;display:block;padding:4px 0}.site-footer a:hover{color:var(--klooz-teal-dark)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;border:2px solid var(--klooz-teal);background:var(--klooz-teal);color:#fff;font-weight:600;text-decoration:none;cursor:pointer;font-size:15px}.btn--disabled{background:transparent;color:var(--klooz-teal);cursor:not-allowed;opacity:.75}.feature-grid{margin:64px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.eyebrow{color:var(--klooz-teal)}