:root{--paper:#f5f5f1;--paper-2:#e9eef4;--card:#fdfdfb;--ink:#17202c;--ink-2:#4c5563;--ink-3:#7d8593;--line:#e2e1db;--accent:#0b5196;--accent-dark:#083d73;--navy:#13243a;--shadow:0 1px 2px #17202c0f, 0 12px 32px -12px #17202c38;--shadow-lift:0 2px 4px #17202c14, 0 28px 60px -18px #17202c61;--display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--radius:16px;--gutter:clamp(16px, 4vw, 48px);color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{margin:0;font-weight:400}h1,h2{font-family:var(--display);letter-spacing:-.025em;font-weight:600;line-height:1.1}em{color:var(--accent);font-style:normal}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 14px;top:16px;left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{z-index:50;padding:12px var(--gutter);backdrop-filter:blur(12px);background:#f5f5f1d9;border-bottom:1px solid #e2e1dbb3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:5px;font-size:14px;font-weight:600;text-decoration:none}.site-header nav{align-items:center;gap:clamp(12px,3vw,28px);font-size:14px;display:flex}.site-header nav a{color:var(--ink-2);text-decoration:none}.site-header nav a:hover{color:var(--ink)}.site-header .nav-cta{color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:6px 14px}.site-header .nav-cta:hover{color:var(--ink);background:var(--card)}.btn{border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-solid{background:var(--accent);color:#fff}.btn-solid:hover{background:var(--accent-dark)}.btn-ghost{border:1px solid var(--line);backdrop-filter:blur(6px);background:#ffffffb3}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-size:12px;font-weight:600}.shot{aspect-ratio:16/10;border-radius:var(--radius);background:var(--tint);position:relative;overflow:hidden}.shot img{object-fit:cover;object-position:top center;width:100%;height:100%}.mock{padding:7%;display:flex;position:absolute;inset:0}.mock-watchlist{flex-direction:column;gap:7%}.mock-wordmark{font:700 clamp(8px, 1.1vw, 15px) / 1 var(--sans);letter-spacing:.2em;color:#e5484d}.mock-hero{opacity:.85;background:linear-gradient(120deg,#3a2b55,#b4532a 60%,#e5a54d);border-radius:8px;flex:1}.mock-row{gap:4%;height:22%;display:flex}.mock-row i{background:#23232d;border-radius:6px;flex:1}.mock-row i:first-child{box-shadow:inset 0 -3px #e5484d}.mock-corrections{align-items:center;gap:6%}.mock-card{background:#fff;border-radius:8px;flex-direction:column;flex:1;gap:8%;height:86%;padding:7%;display:flex;box-shadow:0 2px 6px #00000014}.mock-card b{font:600 clamp(7px, .9vw, 13px) / 1 var(--sans);color:#4b6b3c}.mock-card i{background:#e7ecdf;border-radius:4px;height:9%}.mock-card i+i{width:70%}.mock-card em{aspect-ratio:1;opacity:.8;background:linear-gradient(90deg,#141414 50%,#0000 0) 0 0/34% 34%,linear-gradient(#141414 50%,#0000 0) 0 0/34% 34%;align-self:flex-end;width:30%;margin-top:auto}.field{--px:0;--py:0;isolation:isolate;height:max(100svh,680px);position:relative;overflow:hidden}.field-tiles{position:absolute;inset:0}.tile{--blur:calc((1 - var(--depth)) * 7px);--shift:calc(var(--depth) * 34px);left:var(--x);top:var(--y);width:clamp(120px, var(--w), 340px);z-index:calc(var(--depth) * 10);transform:translate(-50%, -50%) translate(calc(var(--px) * var(--shift) * -1), calc(var(--py) * var(--shift) * -1));outline:none;text-decoration:none;position:absolute}.tile-float{border-radius:var(--radius);box-shadow:var(--shadow);filter:blur(var(--blur));opacity:calc(.5 + var(--depth) * .5);animation:9s ease-in-out infinite bob;animation-delay:var(--delay);transition:filter .45s,opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:block;position:relative}@keyframes bob{0%,to{translate:0}50%{translate:0 -10px}}.tile-label{color:#fff;white-space:nowrap;backdrop-filter:blur(6px);opacity:0;background:#17202ce0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;transition:opacity .3s,translate .3s;position:absolute;bottom:10px;left:10px;translate:0 6px}.tile:not(.tile-echo):hover,.tile:not(.tile-echo):focus-visible{z-index:30}.tile:not(.tile-echo):hover .tile-float,.tile:not(.tile-echo):focus-visible .tile-float{filter:blur();opacity:1;box-shadow:var(--shadow-lift);animation-play-state:paused;transform:scale(1.07)}.tile:hover .tile-label,.tile:focus-visible .tile-label{opacity:1;translate:0}.tile:focus-visible .tile-float{outline:2px solid var(--accent);outline-offset:4px}.field-tiles:has(.tile:not(.tile-echo):hover) .tile:not(:hover) .tile-float{opacity:calc(.25 + var(--depth) * .35)}.tile-echo{pointer-events:none}.field-copy{z-index:20;width:min(560px, calc(100% - 2 * var(--gutter)));text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-copy a{pointer-events:auto}.field-copy h1{font-size:clamp(32px,4.4vw,60px)}.lede{text-wrap:balance;max-width:440px;color:var(--ink-2);margin:18px auto 0;font-size:17px}.lede span{color:var(--ink-3);margin-top:4px;font-size:14px;display:block}.hint-touch{display:none!important}@media (hover:none){.hint-pointer{display:none!important}.hint-touch{display:block!important}}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.section{padding:clamp(72px, 10vw, 128px) var(--gutter)}.section-head{max-width:1200px;margin:0 auto 44px}.section h2{max-width:16ch;font-size:clamp(30px,3.6vw,46px)}.section-lede{max-width:520px;color:var(--ink-2);margin:18px 0 0;font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px;max-width:1200px;margin:0 auto;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);flex-direction:column;padding:10px;transition:transform .3s,box-shadow .3s;display:flex}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card .shot{border-radius:var(--radius)}.card-body{flex-direction:column;flex:1;padding:16px 10px 8px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card h3{letter-spacing:-.01em;font-size:19px;font-weight:600}.card p{color:var(--ink-2);margin:8px 0 0;font-size:15px}.status{background:var(--paper-2);color:var(--ink-2);border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:500}.status-live{color:#2c6a35;background:#e3f1e4}.status-demo{color:#8f4421;background:#f6e7dc}.status-in-development{color:#4a3f8f;background:#e8e6f7}.tags{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--ink-3);border-radius:999px;padding:2px 9px;font-size:12px}.card-link{margin-top:auto;padding-top:18px;font-size:14px;font-weight:500;text-decoration:none}.card-link:hover{color:var(--accent)}.card-link-muted{color:var(--ink-3);font-weight:400}.build{background:var(--navy);color:var(--paper)}.build em{color:#9cc3ec}.build .kicker{color:#8d9bb0}.build .section-lede{color:#c8d2df}.build-inner{gap:44px;max-width:1200px;margin:0 auto;display:grid}.offer{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.offer li{border-radius:var(--radius);border:1px solid #ffffff1f;padding:22px}.offer h3{font-family:var(--display);letter-spacing:-.01em;font-size:20px;font-weight:600}.offer p{color:#c8d2df;margin:8px 0 0;font-size:15px}.build .btn-solid{background:var(--paper);color:var(--navy)}.fine{color:#8d9bb0;margin:12px 0 0;font-size:14px}.site-footer{padding:28px var(--gutter);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:14px;display:flex}.site-footer p{margin:0}.notfound{flex-direction:column;justify-content:center;align-items:flex-start;max-width:1200px;min-height:80svh;margin:0 auto;display:flex}.notfound h1{font-size:clamp(40px,6vw,72px)}.notfound .btn{margin-top:28px}@media (width<=720px){.tile{--blur:calc((1 - var(--depth)) * 2.5px);left:var(--mx);top:var(--my);width:var(--mw)}.tile-desktop-only{display:none}.tile-label{padding:4px 9px;font-size:12px;bottom:6px;left:6px}.field-copy{top:51%}.field-copy h1{font-size:clamp(30px,8.5vw,38px)}.lede{margin-top:12px;font-size:15px}.actions{margin-top:16px}.field-copy:before{content:"";z-index:-1;backdrop-filter:blur(10px);background:#f5f5f1d9;border-radius:24px;position:absolute;inset:-18px -12px}.site-header nav a:not(.nav-cta){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile-float{animation:none}.tile-float,.tile-label,.card,.btn{transition:none}}