:root{color-scheme:light;--paper:#fafbf8;--ink:#202820;--muted:#636c63;--blue:#2e52e6;--line:#dde2d9;--soft:#edf1e8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{border:0}button[hidden],[hidden]{display:none!important}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}p{color:var(--muted)}.shell{width:min(1120px,calc(100% - 64px));margin:auto}
.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.brand{display:inline-flex;gap:9px;align-items:center;font-weight:750;font-size:23px;letter-spacing:-.8px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--blue);color:white;font-size:16px;letter-spacing:0}.beta{font-size:10px;letter-spacing:.02em;font-weight:500;padding:3px 7px;border:1px solid var(--line);border-radius:20px;margin-left:2px;color:var(--muted)}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}.nav nav,.nav-actions{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:550}.nav a:hover,footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;border-radius:8px;color:white!important;background:var(--blue);font-weight:600;font-size:15px;transition:background .15s}.button:hover{background:#2141c6}.button.small{min-height:42px;padding:8px 15px;gap:16px;font-size:13px}.button>span{font-size:21px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{padding:52px 0 35px;text-align:center}.eyebrow{font-size:12px;font-weight:550;color:var(--muted);letter-spacing:.02em}.hero .eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:5px 12px;background:#fff}.hero .eyebrow span{color:var(--blue)}h1{font-size:clamp(48px,6.4vw,82px);font-weight:650;letter-spacing:-.065em;line-height:1.04;margin:23px 0 21px}h1>span{color:var(--blue)}.hero-copy{font-size:17px;line-height:1.7}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:25px 0 12px}.allowance{font-size:11px}
.demo-section{padding:48px 0 0}.demo{border:1px solid #dfe5ef;border-radius:15px;background:white;box-shadow:0 14px 60px #3f543c0a;overflow:hidden}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 21px;border-bottom:1px solid var(--line);font-size:11px}.demo-project{display:flex;align-items:center;gap:8px;font-weight:600}.project-dot{width:7px;height:7px;border-radius:50%;background:#799365}.sample-label{color:var(--muted);font-size:10px}.demo-tabs{display:flex;justify-content:center;gap:22px;border-bottom:1px solid var(--line);padding:0 20px}.demo-tabs button{display:flex;gap:9px;align-items:center;min-height:48px;padding:8px 12px;background:transparent;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;font-weight:550}.demo-tabs button>span{color:#8a9587;font-size:10px}.demo-tabs button[aria-pressed=true]{border-bottom-color:var(--blue);color:var(--ink)}.demo-tabs button:hover{background:var(--paper)}
.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;padding:25px 30px 28px;background:#f5f7fb}.source-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin:0 0 9px}.source-image{position:relative;overflow:hidden;border-radius:8px;background:#dde4d9}.source-image>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.source-scan{position:absolute;top:0;bottom:0;width:2px;left:62%;background:#f1ffc6;box-shadow:0 0 24px 10px #eaff7044;display:none}.demo[data-mode=find] .source-scan{display:block}.demo[data-playing=true][data-mode=find] .source-scan{animation:scan 3s ease-in-out infinite alternate}.source-crop{position:absolute;top:0;bottom:0;left:9.18%;width:31.64%;border:2px solid #c4e697;box-shadow:0 0 0 1000px #15281d18;display:none}.source-crop>span{position:absolute;top:5px;left:6px;background:#142c20bf;color:white;padding:1px 5px;border-radius:3px;font:10px/1.4 monospace}.source-crop.crop-two{left:50%;border-color:#b4c9fc}.demo[data-mode=frame] .source-crop.crop-one{display:block}.demo[data-mode=frame][data-layout=split] .source-crop{display:block;width:50%;height:79.01%;top:0;bottom:auto;box-shadow:none}.demo[data-mode=frame][data-layout=split] .crop-one{left:0}
.demo-controls{min-height:111px;padding-top:18px}.control-label{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.demo-controls p{font-size:16px;line-height:1.6;color:#384534;max-width:520px}.demo-controls mark{background:#e0ecc8;border-radius:3px;padding:2px 1px;color:inherit}.segmented{display:inline-flex;border:1px solid #ccd5c6;border-radius:6px;overflow:hidden;background:white}.segmented button{min-height:38px;padding:5px 15px;background:transparent;font-size:12px;color:var(--muted);border-right:1px solid var(--line)}.segmented button:last-child{border:0}.segmented button[aria-pressed=true]{background:var(--ink);color:white}
.demo-result{display:flex;flex-direction:column;min-width:0}.demo-result figcaption{display:flex;justify-content:space-between;color:var(--ink);font-size:11px;margin-bottom:9px}.demo-result figcaption>span{color:var(--muted)}.demo-result>img{border-radius:8px;width:100%;height:auto;aspect-ratio:300/533;object-fit:cover;background:#dce3d8}.result-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:10px;color:var(--muted)}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 21px;border-top:1px solid var(--line)}.demo-bottom p{font-size:12px}.demo-bottom button{display:flex;align-items:center;gap:8px;min-height:38px;background:transparent;padding:5px 8px;white-space:nowrap;font-size:12px;font-weight:550}.demo-disclosure{font-size:10px;color:#75806f;text-align:center;margin-top:12px}
.how{padding:90px 0}.section-heading{text-align:center}h2{font-size:clamp(34px,4.3vw,53px);font-weight:600;letter-spacing:-.055em}.section-heading h2{margin-top:14px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:50px}.step-no{display:block;font-size:11px;color:#7b8773;margin-bottom:18px}.steps h3{font-size:23px;font-weight:600;letter-spacing:-.04em;margin-bottom:13px}.steps p{font-size:14px;line-height:1.8;max-width:300px}.steps article{border-top:1px solid var(--line);padding-top:19px}
.features{background:#f2f6ff;padding:74px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.feature-layout h2{margin:15px 0 20px}.section-copy{font-size:15px;margin:0 0 25px}.feature-list article{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid #dce4f1}.feature-list article:last-child{border-bottom:0}.feature-icon{display:grid;place-items:center;border:1px solid #d1def2;background:#fff;width:40px;height:40px;flex-shrink:0;border-radius:9px;font-size:20px;color:#3154b9}.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature-list h3{font-size:19px;font-weight:600;margin-bottom:9px}.feature-list p{font-size:13px;line-height:1.8;max-width:320px}.type-icon{font:600 17px Georgia,serif}
.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:90px 0;align-items:start}.questions h2{font-size:36px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:66px;padding:17px 0;font-size:14px;font-weight:550;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:23px;color:var(--muted);font-weight:400}.faq details[open] summary::after{content:"−"}.faq p{font-size:13px;line-height:1.8;padding:0 25px 22px 0}
.final-cta{text-align:center;border-top:1px solid var(--line);padding:63px 0 80px}.final-cta>.brand-mark{margin:0 auto 23px;width:42px;height:42px;border-radius:11px}.final-cta h2{margin-bottom:27px}.final-cta p{font-size:11px;margin-top:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0;border-top:1px solid var(--line)}footer>.brand{font-size:19px}footer .brand-mark{width:27px;height:27px;font-size:13px;border-radius:7px}footer>div{display:flex;flex-wrap:wrap;gap:23px;font-size:11px;color:var(--muted)}
@keyframes scan{from{left:4%}to{left:95%}}
@media(max-width:900px){.nav nav{display:none}.hero{padding-top:40px}.demo-workspace{grid-template-columns:minmax(0,1fr) 200px;gap:20px;padding:20px}.demo-controls p{font-size:14px}.feature-layout{gap:40px}.questions{gap:40px}.steps{gap:26px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.nav{height:76px;gap:15px}.brand{font-size:21px}.beta{display:none}.nav-actions{gap:18px;font-size:12px}.nav-actions .button{display:none}.hero{padding-top:31px}h1{font-size:clamp(45px,9.3vw,60px);margin:21px -5px}.hero-copy{font-size:15px;max-width:340px;margin:auto}.desktop-break{display:none}.hero-actions{gap:22px}.hero .button{font-size:14px;min-height:48px}.hero .text-link{font-size:12px}.demo-section{padding-top:28px}.demo{border-radius:10px}.demo-top{padding:12px;font-size:10px}.demo-project{max-width:70%}.sample-label{font-size:9px}.demo-tabs{padding:0 6px;gap:0;justify-content:stretch}.demo-tabs button{flex:1;gap:5px;justify-content:center;padding:6px 3px;min-height:45px;font-size:10px}.demo-tabs button>span{display:none}.demo-workspace{grid-template-columns:minmax(0,1fr) 31%;gap:12px;padding:14px 12px}.source-heading,.demo-result figcaption{font-size:9px;margin-bottom:6px}.demo-controls{padding-top:13px;min-height:100px}.demo-controls p{font-size:12px;line-height:1.75}.control-label{font-size:9px}.segmented{display:flex;width:max-content;max-width:100%}.segmented button{font-size:10px;padding:5px 9px;min-height:37px}.result-footer{display:none}.demo-bottom{padding:8px 12px;gap:12px;align-items:center}.demo-bottom p{font-size:10px;line-height:1.7;max-width:210px}.demo-bottom button{font-size:10px;padding:5px 0;gap:5px}.demo-disclosure{font-size:9px;max-width:280px;margin:10px auto 0}.how{padding:64px 0}.steps{grid-template-columns:1fr;gap:22px;margin-top:34px}.steps article{padding:17px 0 0 41px;position:relative}.step-no{position:absolute;left:0;top:22px}.steps h3{font-size:22px;margin-bottom:9px}.steps p{max-width:100%;font-size:13px}.features{padding:50px 0}.feature-layout{grid-template-columns:1fr;gap:24px}.feature-layout h2{font-size:39px}.feature-list article{padding:19px 0}.questions{grid-template-columns:1fr;gap:26px;padding:61px 0}.questions h2{font-size:32px}.final-cta{padding:47px 0 60px}.final-cta h2{font-size:40px}footer{align-items:flex-start;gap:23px;flex-direction:column;padding:25px 0}footer>div{gap:19px}footer>div>span{flex-basis:100%;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}