@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17231f;--forest:#10251f;--green:#217346;--mint:#c9efda;--paper:#fafcf9;--line:#dce6de;--muted:#607067;font-family:Manrope,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #2f9b61;outline-offset:3px}[hidden]{display:none!important}
.site-header{height:78px;max-width:1520px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:36px;position:relative;z-index:5;background:var(--paper)}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-icon{width:43px;height:45px;position:relative;overflow:hidden;flex:none}.brand-icon img{width:57px;height:57px;max-width:none;position:absolute;left:-7px;top:-6px}.brand-word{font-size:23px;font-weight:500;letter-spacing:-.07em;line-height:1}.brand-word strong{font-weight:800}.desktop-nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:700}.desktop-nav a,.header-link,.site-footer>a:not(.brand){transition:color .2s ease}.desktop-nav a:hover,.header-link:hover,.site-footer>a:not(.brand):hover{color:var(--green)}.header-link{font-size:14px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}.header-link span{margin-left:8px}.menu-toggle,.mobile-nav{display:none}
.hero{color:var(--ink);background:#eef7f1;overflow:hidden}.hero-inner{max-width:1520px;min-height:645px;margin:auto;padding:90px 5% 110px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:3%;align-items:center}.hero-copy{position:relative;z-index:1}.hero h1,.product-heading h2,.early-access h2{font-weight:800;letter-spacing:-.065em;line-height:1.1;margin:0}.hero h1{font-size:clamp(46px,4vw,64px)}.hero h1 span{color:var(--green)}.hero p{max-width:620px;color:#51675a;font-size:18px;line-height:1.7;margin:25px 0 29px}.hero-actions{display:flex;gap:28px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;min-height:50px;align-items:center;gap:32px;padding:12px 18px;border-radius:5px;font-size:14px;font-weight:800;transition:background .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button-light{color:#fff;background:#146a40}.button-light:hover{background:#105632}.quiet-link{font-size:14px;font-weight:700;color:#26563d}.quiet-link span{margin-left:7px}
.laptop-link{display:block;width:100%;padding:35px 4% 55px 0;perspective:1400px;outline-offset:9px}.laptop{display:block;width:100%;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-2deg);transform-style:preserve-3d;filter:drop-shadow(8px 38px 28px #17392531);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease}.laptop-link:hover .laptop,.laptop-link:focus-visible .laptop{transform:rotateY(-6deg) rotateX(3deg) rotateZ(-1deg) translateY(-7px);filter:drop-shadow(8px 45px 34px #17392539)}.laptop-lid{display:block;position:relative;padding:15px 13px 12px;border:1px solid #35413e;border-radius:15px 15px 5px 5px;background:#18201e;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 0 #111816}.laptop-camera{position:absolute;top:6px;left:50%;width:3px;height:3px;border-radius:50%;background:#586963}.laptop-screen{display:block;aspect-ratio:16/9;overflow:hidden;background:#fff}.laptop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.laptop-base{display:block;position:relative;width:110%;height:21px;margin-left:-5%;background:linear-gradient(#d9e3df 0%,#acb8b2 54%,#697b72 100%);clip-path:polygon(4.5% 0,95.5% 0,100% 68%,97% 100%,3% 100%,0 68%);border-radius:0 0 12px 12px;box-shadow:inset 0 1px #fff}.laptop-notch{position:absolute;left:42%;top:0;width:16%;height:5px;border-radius:0 0 6px 6px;background:#889b91}
.product-section{max-width:1520px;margin:auto;padding:80px 5% 100px}.product-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.product-heading h2{font-size:clamp(36px,4.2vw,60px)}.product-heading p{color:var(--muted);font-size:16px;margin:12px 0 0}.capture-controls{display:flex;gap:3px;padding:4px;border:1px solid var(--line);background:#f1f6f1;border-radius:8px;white-space:nowrap}.capture-tab{cursor:pointer;border:0;border-radius:5px;padding:10px 15px;color:#5b6b60;background:transparent;font-size:13px;font-weight:800;transition:background .2s ease,color .2s ease}.capture-tab:hover{color:var(--green)}.capture-tab[aria-selected=true]{color:#123c29;background:#fff;box-shadow:0 1px 4px #1c3e261a}.capture-panel{animation:appear .28s ease both}.capture-image{display:block;width:100%;max-width:1015px;margin-inline:auto;position:relative;padding:0;border:1px solid #cbd7ce;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #0c2a1b18;cursor:zoom-in;line-height:0;text-align:left}.capture-image img{display:block;width:100%;height:auto}.image-hint{position:absolute;bottom:15px;right:15px;color:#fff;background:#10251fe8;border-radius:4px;padding:10px 12px;font-size:12px;line-height:1;font-weight:800;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.capture-image:hover .image-hint,.capture-image:focus-visible .image-hint{opacity:1;transform:translateY(0)}.capture-caption{display:flex;align-items:baseline;gap:24px;max-width:1015px;margin:auto;padding-top:22px}.capture-caption h3{flex:none;margin:0;font-size:21px;letter-spacing:-.04em}.capture-caption p{color:var(--muted);margin:0;font-size:15px}.capture-disclosure{border-top:1px solid var(--line);margin:40px 0 0;padding-top:15px;color:#718076;font-size:12px}.image-dialog{width:min(96vw,2550px);max-width:none;max-height:94vh;padding:0;border:0;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 25px 90px #06180f80}.image-dialog::backdrop{background:#071710d9}.dialog-toolbar{display:flex;justify-content:flex-end;gap:8px;align-items:center;height:48px;padding:6px 14px;background:#f2f6f3;border-bottom:1px solid var(--line)}.dialog-toolbar button{border:1px solid #b8c8bb;border-radius:4px;background:#fff;color:var(--forest);padding:5px 10px;cursor:pointer;font-size:13px;font-weight:700}.dialog-toolbar button:hover{background:#e8f3eb}.dialog-scroll{max-height:calc(94vh - 48px);overflow:auto}.image-dialog img{display:block;max-width:100%;height:auto;margin:auto}.image-dialog.is-actual img{max-width:none}
.workflow-section{max-width:1520px;margin:auto;padding:54px 5% 105px;border-top:1px solid var(--line)}.workflow-section h2{font-size:clamp(39px,4vw,60px);margin-bottom:33px}.workflow-list{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.workflow-list article{border-top:2px solid #cfe0d3;padding-top:18px}.workflow-list article>span{color:var(--green);font-size:12px;font-weight:800}.workflow-list h3{font-size:21px;letter-spacing:-.04em;margin:14px 0 10px}.workflow-list p{margin:0;color:var(--muted);font-size:15px}.early-access{background:var(--forest);color:#fff;padding:70px max(5%,calc((100vw - 1368px)/2))}.early-access h2{font-size:clamp(40px,4vw,56px)}.early-access p{margin:17px 0 0;color:#bdd2c4}.site-footer{max-width:1520px;margin:auto;min-height:100px;padding:23px 5%;display:flex;align-items:center;gap:30px;color:#647268;font-size:12px}.site-footer .brand-word{color:var(--ink);font-size:20px}.site-footer .brand-icon{transform:scale(.85);margin-right:-5px}.site-footer>span{margin-right:auto}.site-footer>a:not(.brand){color:#2c6241;font-weight:700;white-space:nowrap}.site-footer small{font-size:12px;white-space:nowrap}
@keyframes appear{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:15px;min-height:0;padding:70px 5% 85px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(48px,7vw,74px)}.laptop-link{max-width:780px;margin:0 auto;padding:15px 4% 30px}.product-heading{display:block}.capture-controls{width:max-content;max-width:100%;margin-top:25px}}
@media(max-width:760px){.site-header{height:72px;padding:0 5%}.desktop-nav,.header-link{display:none}.menu-toggle{width:38px;height:38px;border:0;background:none;margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:var(--ink);transition:transform .2s ease}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){position:absolute;left:0;right:0;top:72px;display:flex;flex-direction:column;background:var(--paper);padding:10px 5% 22px;box-shadow:0 18px 25px #0b2b241c}.mobile-nav a{padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}.hero-inner{padding:65px 5% 70px}.hero h1{font-size:clamp(43px,8vw,64px)}.hero p{font-size:17px}.laptop-link{padding:10px 3% 22px}.product-section{padding:65px 5% 70px}.capture-caption{display:block}.capture-caption p{margin-top:7px}.workflow-section{padding:54px 5% 75px}.workflow-list{display:block}.workflow-list article{margin-top:30px}.early-access{padding:64px 5%}.site-footer{padding:27px 5%;flex-wrap:wrap;gap:12px 20px}.site-footer>span{flex-basis:100%;order:2}}
@media(max-width:700px){.capture-image{width:100%;margin:auto}.image-hint{opacity:1;transform:none}.capture-tab{padding:9px 10px;font-size:12px}}
@media(max-width:440px){.brand-word{font-size:21px}.hero h1{font-size:42px}.hero-actions{align-items:start;flex-direction:column;gap:18px}.capture-controls{width:100%;justify-content:space-between}.capture-tab{padding:9px 8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}