:root{color-scheme:light;--ice: #f5f8f7;--ceramic: #fffefd;--ink: #172524;--muted: #425a58;--glacier: #075d72;--glacier-pale: #d6edf0;--coral: #c63d2f;--clay: #8f2f27;--line: #a8bbb9;font:17px/1.55 Inter,Aptos,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--ice)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ice)}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(#78918e .6px,transparent .6px);background-size:10px 10px}a{color:#075468;text-decoration-thickness:2px;text-underline-offset:3px}a:not(.button){display:inline-flex;align-items:center;min-height:44px}a:hover{text-decoration-thickness:3px}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:20;left:16px;top:-80px;padding:12px 18px;background:var(--ink);color:#fff;border-radius:8px}.skip-link:focus{top:16px}.site-header{min-height:80px;max-width:1200px;margin:auto;padding:16px clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;min-height:44px;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.wordmark-mark{width:13px;height:38px;border:4px solid var(--coral);border-width:0 4px;border-radius:8px;transform:rotate(9deg)}.site-header nav{display:flex;align-items:center;gap:clamp(12px,3vw,28px)}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-weight:650}.site-header [aria-current=page]{text-decoration-color:var(--coral);text-decoration-thickness:4px}h1,h2,h3{font-family:Charter,Georgia,serif;letter-spacing:-.025em;text-wrap:balance}h1{max-width:14ch;margin:12px 0 18px;font-size:clamp(2.55rem,5.4vw,4.9rem);line-height:.98}h2{margin:8px 0 16px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}h3{font-size:1.35rem;line-height:1.2}p{max-width:68ch}.kicker{margin:0;color:var(--glacier);text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:850}.hero{max-width:1200px;min-height:calc(100vh - 80px);margin:auto;padding:clamp(40px,5vw,72px) clamp(20px,5vw,64px)}.shell-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(36px,6vw,88px)}.lede{max-width:49ch;margin:0 0 28px;font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted)}.hero-action{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.hero-action span{color:var(--muted);font-size:.93rem}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 18px;border:2px solid var(--glacier);border-radius:12px 6px;font-weight:780;text-decoration:none}.button.primary{background:var(--glacier);color:#fff}.button.primary:hover{background:#064b5c}.button.secondary{background:transparent;color:var(--glacier)}.plain-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.9rem}.plain-facts li:before{content:"—";margin-right:9px;color:var(--coral);font-weight:900}.hero-art{margin:0;align-self:stretch;display:grid;align-content:center}.hero-art img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:60px 14px;border:1px solid var(--line);box-shadow:0 28px 70px #17252429}.hero-art figcaption{margin:10px 12px 0;color:var(--muted);font-size:.82rem}.preview-section{max-width:1200px;margin:auto;padding:96px clamp(20px,5vw,64px)}.section-intro{max-width:720px;margin-bottom:40px}.section-intro>p:last-child{color:var(--muted);font-size:1.08rem}.browser-frame{border:1px solid #8da3a0;border-radius:34px 12px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #17252421}.browser-top{height:54px;display:flex;gap:8px;align-items:center;padding:0 18px;background:#e4eceb;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}.browser-top i{width:10px;height:10px;border:1px solid #657b79;border-radius:50%}.browser-top span{flex:1;max-width:420px;padding:6px 14px;border-radius:7px;background:var(--ceramic);text-align:center}.preview-workspace{position:relative;min-height:430px;display:grid;grid-template-columns:210px 1fr;overflow:hidden}.preview-workspace aside{display:flex;flex-direction:column;gap:6px;padding:32px 18px;background:#18302f;color:#f5f8f7}.preview-workspace aside span,.preview-workspace aside strong{padding:10px 12px}.preview-workspace aside .selected{border-left:4px solid #ef7769;background:#294542}.preview-content{padding:56px clamp(28px,7vw,92px)}.preview-content h3{margin:6px 0 28px;font-size:2.2rem}.preview-content label,.preview-content input{display:block}.preview-content input{width:min(100%,540px);min-height:48px;margin:6px 0 24px;padding:8px 12px;border:2px solid #748a87;border-radius:7px}.sample-focus{min-height:48px;padding:9px 18px;background:#163e6a;color:#fff;border:0;border-radius:8px;outline:5px solid var(--coral);outline-offset:5px;box-shadow:0 0 0 8px #fff}.preview-lane{position:absolute;left:210px;right:0;height:122px;top:210px;border-block:3px solid var(--coral);pointer-events:none;box-shadow:0 0 0 999px #17252452}.micro{margin:0;color:#496765;font-weight:750;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.how-section{padding:104px max(20px,calc((100vw - 1072px)/2));background:#dfecea;border-block:1px solid #bdcfcd}.steps{list-style:none;margin:0 0 36px;padding:0;border-top:1px solid #91aaa7}.steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #91aaa7}.steps li>span{color:var(--coral);font:700 2rem/1 Charter,Georgia,serif}.steps h3,.steps p{margin:0}.steps p{color:var(--muted)}.install-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.limits-section{max-width:1072px;margin:auto;padding:112px 20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.limits-copy{padding-left:28px;border-left:6px solid var(--coral)}.limits-copy p:first-child{margin-top:0}.site-footer{padding:48px max(20px,calc((100vw - 1072px)/2));display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;background:var(--ink);color:#eef4f3;font-size:.88rem}.site-footer p{margin:0}.site-footer nav{display:flex;flex-direction:column;gap:8px}.site-footer a{color:#fff}.demo-banner{position:sticky;z-index:10;top:0;min-height:52px;padding:8px max(20px,calc((100vw - 1072px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5dfd8;border-block:1px solid #c76f62;color:#54231e}.demo-banner span{display:flex;align-items:center;gap:18px}.text-button{min-height:44px;padding:4px;border:0;background:transparent;color:#54231e;font-weight:750;text-decoration:underline}.demo-main{max-width:1280px;margin:auto;padding:56px 20px 100px}.demo-title{max-width:760px;margin-bottom:38px}.demo-title h1{max-width:15ch;font-size:clamp(2.4rem,5vw,4.6rem)}.demo-layout{display:grid;grid-template-columns:minmax(310px,390px) 1fr;grid-template-areas:"panel sample";gap:24px;align-items:start}.demo-panel,.sample-app{background:var(--ceramic);border:1px solid var(--line);box-shadow:0 16px 44px #1725241a}.demo-panel{grid-area:panel;padding:24px;border-radius:28px 10px}.demo-panel h2{font-size:1.7rem;margin-top:0}.demo-panel h3{margin:24px 0 10px}.control-label{display:flex;justify-content:space-between;font-weight:750}input[type=range]{width:100%;min-height:44px;accent-color:var(--glacier)}fieldset{border:0;margin:12px 0;padding:0}legend{font-weight:750}.segment{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.segment label{position:relative;min-height:44px;padding:9px 4px;border:2px solid #718886;border-radius:9px;text-align:center;text-transform:capitalize;font-size:.82rem;font-weight:700}.segment input{position:absolute;opacity:0}.segment label:has(input:checked){background:var(--glacier-pale);border-color:var(--glacier)}.segment label:has(input:focus-visible){outline:4px solid var(--coral);outline-offset:3px;box-shadow:0 0 0 2px var(--ceramic)}.check-label{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700}.check-label input{width:22px;height:22px;accent-color:var(--glacier)}.site-picker{display:grid;gap:5px;margin:12px 0;font-weight:750}.site-picker select{min-height:44px;padding:7px 10px;border:2px solid #718886;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.demo-panel label[for=demo-waypoint]{display:block;font-weight:700}.input-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:5px}.input-row input,.search-row input{min-height:44px;min-width:0;padding:7px 10px;border:2px solid #718886;border-radius:9px;color:var(--ink)}.input-row button,.demo-waypoints button,.sample-app button{min-height:44px;padding:8px 11px;border:2px solid var(--glacier);border-radius:9px;background:var(--glacier);color:#fff;font-weight:750}.demo-waypoints{list-style:none;margin:12px 0 20px;padding:0}.demo-waypoints li{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:7px}.demo-waypoints li button:first-child{text-align:left}.demo-waypoints .remove-waypoint{border-color:#8f2f27;background:transparent;color:#8f2f27}.empty-state,.status,.help-text,.selected-control{color:var(--muted);font-size:.88rem}.selected-control{margin:0 0 4px;font-weight:750}.help-text{margin:4px 0 8px}.validation-error{margin:8px 0 0;color:var(--clay);font-weight:750}.sample-app{grid-area:sample;border-radius:12px 34px;overflow:hidden}.sample-app-bar{min-height:54px;padding:12px 20px;display:flex;justify-content:space-between;background:#18302f;color:#fff}.sample-body{position:relative;min-height:650px;display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden}.sample-body[data-contrast=strong]{filter:contrast(1.22) saturate(.8)}.sample-body[data-contrast=dim]{filter:brightness(.8) contrast(1.12)}.sample-body[data-focus-width="3"]{--demo-focus-width: 3px}.sample-body[data-focus-width="4"]{--demo-focus-width: 4px}.sample-body[data-focus-width="5"]{--demo-focus-width: 5px}.sample-body[data-focus-width="6"]{--demo-focus-width: 6px}.sample-body[data-focus-width="7"]{--demo-focus-width: 7px}.sample-body[data-focus-width="8"]{--demo-focus-width: 8px}.sample-body[data-focus-width="9"]{--demo-focus-width: 9px}.sample-body[data-focus-width="10"]{--demo-focus-width: 10px}.sample-body[data-focus-color="#c63d2f"]{--demo-focus-color: #c63d2f}.sample-body[data-focus-color="#075d72"]{--demo-focus-color: #075d72}.sample-body[data-focus-color="#7b2cbf"]{--demo-focus-color: #7b2cbf}.sample-body[data-focus-color="#111111"]{--demo-focus-color: #111111}.sample-body nav{display:flex;flex-direction:column;gap:9px;padding:24px 12px;background:#e0e8e7}.sample-body nav strong{margin:0 6px 12px}.sample-body nav ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sample-body nav li{min-height:44px;padding:9px 12px;border-left:4px solid transparent}.sample-body nav li[aria-current=page]{border-color:var(--coral);background:#c8d9d7;font-weight:750}.sample-content{transform-origin:top left;padding:44px 36px}.sample-content{min-width:0}.sample-body[data-zoom="80"] .sample-content{transform:scale(.8);width:125%}.sample-body[data-zoom="90"] .sample-content{transform:scale(.9);width:111.12%}.sample-body[data-zoom="100"] .sample-content{transform:scale(1);width:100%}.sample-body[data-zoom="110"] .sample-content{transform:scale(1.1);width:90.91%}.sample-body[data-zoom="120"] .sample-content{transform:scale(1.2);width:83.34%}.sample-body[data-zoom="130"] .sample-content{transform:scale(1.3);width:76.93%}.sample-body[data-zoom="140"] .sample-content{transform:scale(1.4);width:71.43%}.sample-body[data-zoom="150"] .sample-content{transform:scale(1.5);width:66.67%}.sample-body[data-zoom="160"] .sample-content{transform:scale(1.6);width:62.5%}.sample-content h2{font-size:2rem}.search-row{display:grid;gap:5px;max-width:440px}table{width:100%;margin:28px 0;border-collapse:collapse;text-align:left}caption{margin-bottom:6px;text-align:left;color:var(--muted)}th,td{padding:12px 8px;border-bottom:1px solid #9eb1af}.sample-body[data-focus-visible=true] .sample-control[data-selected=true],.sample-open:focus-visible,.sample-content input:focus-visible{outline:var(--demo-focus-width, 6px) solid var(--demo-focus-color, var(--coral));outline-offset:4px;box-shadow:0 0 0 calc(var(--demo-focus-width, 6px) + 2px) #fff}.sample-body[data-focus-visible=false] .sample-control{outline:0;box-shadow:none}.sample-record{margin-top:22px;padding:16px;border-left:5px solid var(--coral);background:#e8f0ef}.sample-record h3,.sample-record p{margin:0 0 10px}.demo-reading-lane{position:absolute;z-index:3;left:180px;right:0;top:252px;height:110px;border-block:3px solid var(--coral);box-shadow:0 0 0 999px #0f1d1c61;pointer-events:none}.legal-page,.not-found{max-width:760px;min-height:68vh;margin:auto;padding:84px 20px 120px}.legal-page h1,.not-found h1{max-width:14ch;font-size:clamp(2.5rem,6vw,4.8rem)}.legal-page h2{margin-top:48px;font-size:1.8rem}.install-steps{display:grid;gap:14px;padding-left:28px}code{padding:2px 5px;border-radius:4px;background:#e0e8e7;font-size:.92em;overflow-wrap:anywhere}.not-found{position:relative}.lost-lens{float:right;width:190px;height:190px;margin:0 0 20px 20px;border:22px solid rgba(7,93,114,.28);border-radius:50%;box-shadow:inset 0 0 0 8px #fff}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:4px solid var(--coral);outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){.site-header{align-items:flex-start}.site-header nav{gap:12px;font-size:.86rem}.site-header nav a[href="/#how"]{display:none}.shell-grid,.limits-section,.demo-layout{grid-template-columns:1fr}.demo-layout{grid-template-areas:"sample" "panel"}.hero{padding-top:48px}.hero-art{margin-top:16px}.preview-workspace{grid-template-columns:1fr}.preview-workspace aside{display:none}.preview-lane{left:0}.limits-section{gap:18px}.site-footer,.sample-body{grid-template-columns:1fr}.sample-body nav{display:none}.demo-reading-lane{left:0}.plain-facts{grid-template-columns:1fr}}@media(max-width:480px){.site-header{min-height:72px;padding:12px 16px;flex-wrap:wrap;gap:8px}.wordmark{font-size:.9rem}.site-header nav{gap:4px 12px;flex-wrap:wrap;justify-content:space-between}.hero{padding-inline:18px}h1{font-size:2.65rem}.hero-action{align-items:flex-start;flex-direction:column}.preview-section{padding:72px 16px}.preview-content{padding:42px 22px}.how-section{padding:72px 18px}.steps li{grid-template-columns:46px 1fr}.demo-banner{align-items:flex-start;flex-direction:column;gap:2px;padding-block:6px}.demo-banner span{width:100%;justify-content:space-between}.demo-main{padding:22px 12px 72px}.demo-title{margin-bottom:18px}.demo-title h1{margin-block:7px 10px;font-size:2.25rem}.demo-title p:last-child{margin-block:0}.demo-panel{padding:18px}.input-row{grid-template-columns:1fr}.sample-app-bar{font-size:.78rem}.sample-body{min-height:610px}.sample-content{padding:22px 20px}.demo-layout>*{min-width:0}.sample-content h2{margin:4px 0 12px;font-size:1.55rem}.sample-content table{margin:18px 0}.sample-content tbody tr:not(:first-child){display:none}.demo-reading-lane{top:170px;height:96px}table{table-layout:fixed}th,td{overflow-wrap:anywhere}table th:nth-child(2),table td:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}