@charset "UTF-8";
:root{--ink:#111b36;--muted:#64708a;--line:#e5eaf1;--paper:#fff;--soft:#f5f7fb;--navy:#0b1430;--navy2:#142344;--lime:#baf37b;--lime-dark:#96d949;--blue:#4888f7;--violet:#8e78f9;--radius:18px;--shadow:0 24px 70px rgba(10,24,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}img{display:block}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}p{line-height:1.7;margin:0 0 1.2rem}h1,h2,h3{letter-spacing:-.055em;line-height:1.1;margin:0}h1{font-size:clamp(3.1rem,5.4vw,5.8rem)}h2{font-size:clamp(2.2rem,3.7vw,3.75rem)}h3{font-size:1.45rem}h1 em,h2 em{font-style:normal;color:#5d82d3}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.narrow{max-width:800px}.centered{text-align:center;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;background:var(--lime);z-index:200;padding:12px 18px;border-radius:8px}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #3a88ec;outline-offset:3px}
.site-header{height:78px;background:#fff;border-bottom:1px solid #edf0f5;position:sticky;top:0;z-index:100}.header-inner{height:100%;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.33rem;letter-spacing:-.065em;font-weight:850;white-space:nowrap}.brand>span>span{color:#4279cf}.brand img{flex:none}.desktop-nav{display:flex;align-items:center;gap:30px;margin-inline:auto}.desktop-nav>a,.nav-dropdown>button{font-size:.89rem;font-weight:650;color:#46516b;white-space:nowrap}.desktop-nav>a:hover,.nav-dropdown>button:hover{color:#2f6bd1}.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:none;display:flex;align-items:center;gap:6px;padding:25px 0}.nav-dropdown>button svg{transition:transform .2s}.nav-dropdown:focus-within>button svg,.nav-dropdown:hover>button svg{transform:rotate(180deg)}.dropdown-panel{display:none;position:absolute;top:calc(100% - 5px);left:-23px;width:254px;background:#fff;padding:10px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel,.nav-dropdown.open .dropdown-panel{display:block}.dropdown-panel a{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:9px;font-size:.87rem;font-weight:650;color:#273655}.dropdown-panel a:hover{background:#f3f6fa;color:#2863c5}.header-actions{margin-left:auto;display:flex;align-items:center}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line);background:#fff;border-radius:10px}.menu-toggle span{height:2px;width:18px;background:#1c2a46;border-radius:2px}.mobile-nav{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:13px 22px;border:1px solid transparent;border-radius:11px;font-size:.92rem;font-weight:780;line-height:1.2;text-align:center;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{flex:none}.button.primary{background:var(--lime);color:#11233d;box-shadow:0 7px 20px rgba(141,202,81,.16)}.button.primary:hover{background:#a7e85f;box-shadow:0 12px 26px rgba(141,202,81,.25)}.button.secondary{background:#fff;color:#1b2c4d;border-color:#dce3ed}.button.secondary:hover{border-color:#a9b7cd;background:#f7f9fb}.button.outline{background:#fff;border-color:#dce3ed;color:#1e304d}.button.outline:hover{background:#f7f9fc}.button.small{min-height:40px;padding:9px 14px;font-size:.83rem}.button.light{background:#fff;color:#14223c}.button.light:hover{background:#e8f5dd}.button.ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}.button.ghost-light:hover{background:rgba(255,255,255,.09)}.button.text-link{padding:0;min-height:auto;color:#2670d3}.button.full{width:100%}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.115em;color:#356ca6}.eyebrow-dot{width:7px;height:7px;background:#85c44e;border-radius:50%;box-shadow:0 0 0 4px #e4f6cf}.eyebrow.on-dark{color:#c6e3b1}.eyebrow.on-dark .eyebrow-dot{box-shadow:0 0 0 4px rgba(186,243,123,.12)}
.hero{overflow:hidden;background:radial-gradient(ellipse 60% 80% at 85% 45%,#eff5ff 0%,transparent 75%),linear-gradient(#fff,#f8fafc)}.hero-grid{min-height:645px;display:grid;grid-template-columns:1fr 1.1fr;gap:25px;align-items:center;padding-top:63px;padding-bottom:50px}.hero-copy{position:relative;z-index:2}.hero h1{margin:20px 0 22px}.hero h1 em{color:#4f83d9}.hero-lead,.inner-hero p{font-size:1.13rem;color:#5b6880;max-width:570px}.hero-note{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#66748a;font-size:.78rem;font-weight:600;margin-top:22px}.hero-note svg{color:#57ad48}.hero-note span{width:3px;height:3px;background:#a4adba;border-radius:50%;margin:0 3px}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 32px;border-top:1px solid #e7ecf3;color:#7b879b;font-size:.75rem;font-weight:760;text-transform:uppercase;letter-spacing:.095em}.trust-strip div{display:flex;flex-wrap:wrap;gap:15px;color:#3c4b68}.trust-strip b{color:#a2acc0}
.capture-visual{height:480px;position:relative;min-width:0;isolation:isolate;transform:translateX(14px)}.visual-glow{position:absolute;inset:12% 3%;background:radial-gradient(ellipse,#8fafeb66 0%,transparent 65%);filter:blur(35px);z-index:-1}.visual-window{position:absolute;left:4%;top:30px;width:92%;height:370px;background:white;border:1px solid #d5dfeb;border-radius:16px;overflow:hidden;box-shadow:0 30px 75px rgba(24,51,95,.19),0 4px 15px rgba(28,47,72,.06);transform:rotate(-2deg)}.visual-browser{height:40px;border-bottom:1px solid #e5eaf2;background:#fbfcff;display:flex;align-items:center;gap:24px;padding:0 15px;color:#97a4b7}.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;background:#d6dce7;border-radius:50%}.browser-dots i:first-child{background:#ffc2bd}.browser-dots i:nth-child(2){background:#ffe2a3}.browser-dots i:last-child{background:#b9e6b5}.browser-address{border:1px solid #e5ebf1;border-radius:6px;background:#f2f5f9;text-align:center;font-size:.59rem;line-height:21px;flex:1}.visual-page{height:330px;display:flex;background:#fff;position:relative}.visual-side{width:82px;background:#172643;padding:24px 15px;display:flex;flex-direction:column;gap:17px}.visual-side div{height:7px;border-radius:10px;background:#42516b;width:40px}.visual-side .side-mark{height:16px;width:16px;background:var(--lime);border-radius:5px;margin-bottom:22px}.visual-side div:nth-child(3){background:#85af75}.visual-content{padding:37px 32px;flex:1}.mock-pill{height:10px;width:67px;background:#c9efab;border-radius:10px;margin-bottom:24px}.mock-heading{height:21px;width:62%;border-radius:4px;background:#293b5b;margin-bottom:9px}.mock-heading.short{width:47%}.mock-lines{height:42px;width:80%;background:repeating-linear-gradient(to bottom,#dae2ed 0,#dae2ed 5px,transparent 5px,transparent 16px);margin:24px 0 20px}.mock-tiles{display:flex;gap:12px}.mock-tiles div{background:#ecf2f9;width:29%;height:80px;border-radius:8px;padding:13px}.mock-tiles div:nth-child(2){background:#e2efd9}.mock-tiles span,.mock-tiles b{display:block;width:42%;height:23px;border-radius:4px;background:#c7d9ec}.mock-tiles b{width:72%;height:6px;margin-top:12px;background:#cbd7e7}.visual-crop{position:absolute;inset:60px 17px 23px 110px;border:2px solid #5ba4fa;border-radius:2px;box-shadow:0 0 0 999px rgba(20,45,80,.08)}.crop-handle{position:absolute;width:9px;height:9px;background:#fff;border:2px solid #5ba4fa}.crop-handle.tl{left:-5px;top:-5px}.crop-handle.tr{right:-5px;top:-5px}.crop-handle.bl{bottom:-5px;left:-5px}.crop-handle.br{bottom:-5px;right:-5px}.visual-annotation{position:absolute;right:21%;top:44%;width:97px;height:65px;border-bottom:5px solid #ef6d55;border-radius:50%;transform:rotate(-13deg)}.visual-toolbar{position:absolute;left:-2%;top:174px;display:flex;flex-direction:column;gap:2px;background:white;border:1px solid #e1e7ef;border-radius:13px;padding:7px;box-shadow:0 12px 30px rgba(25,48,82,.16)}.visual-toolbar>span{display:grid;place-items:center;width:35px;height:35px;color:#677893}.visual-toolbar .tool-active{background:#ecf8e3;color:#559336;border-radius:8px}.visual-toolbar .tool-sep{height:1px;background:#e3e8ef;margin:5px 0;width:35px}.visual-record{position:absolute;right:-3%;bottom:25px;display:flex;align-items:center;gap:11px;background:#14223c;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 18px 35px rgba(16,30,57,.24);font-size:.8rem}.record-dot{display:inline-block;width:10px;height:10px;flex:none;background:#f36b67;border-radius:50%;box-shadow:0 0 0 4px #f36b6727}.record-wave{color:#a8e578;letter-spacing:1px}.record-pause{border-left:1px solid #53617a;padding-left:12px}.visual-tag{position:absolute;right:4%;top:10px;background:var(--lime);color:#193536;padding:11px 15px;border-radius:10px;font-size:.75rem;font-weight:800;box-shadow:0 10px 25px rgba(104,165,71,.2)}.visual-tag span{font-size:1rem;margin-right:5px}
.section{padding:100px 0}.section-intro{max-width:660px;margin-bottom:38px}.section-intro.centered{max-width:800px}.section-intro h2{margin:15px 0 16px}.section-intro p{font-size:1.04rem;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-height:320px;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover,.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c9d8ed}.product-card.featured{background:#14233f;color:#fff;border-color:#14233f}.product-card.featured p{color:#b8c6dc}.product-card h3{margin-bottom:12px}.product-card p{color:var(--muted);font-size:.88rem;margin:0}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.product-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;flex:none}.product-icon.lime{background:#dff7c6;color:#3f8532}.product-icon.blue{background:#e4f0ff;color:#3a78cc}.product-icon.violet{background:#efeaff;color:#7964cf}.product-icon.peach{background:#fff0e5;color:#bf764b}.status{display:inline-flex;align-items:center;border-radius:100px;padding:7px 9px;white-space:nowrap;font-size:.65rem;font-weight:800;letter-spacing:.02em}.status.live{background:#e5f7d9;color:#35762e}.status.soon{background:#eff2f7;color:#68768d}.product-card.featured .status.live{background:#b9f07d;color:#244a2c}.card-link{display:inline-flex;align-items:center;gap:9px;font-size:.81rem;font-weight:800;color:#3579d3}.product-card.featured .card-link{color:var(--lime)}
.light-section{background:#f6f8fb}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-feature.reverse .feature-copy{order:2}.feature-copy h2{margin:17px 0 20px}.feature-copy p{color:var(--muted);font-size:1.04rem}.check-list{list-style:none;margin:22px 0 25px;padding:0;display:grid;gap:12px}.check-list li{display:flex;align-items:flex-start;gap:10px;color:#3d4e69;font-size:.92rem;line-height:1.5}.check-list svg{color:#6bb74f;flex:none;margin-top:1px}.feature-visual{height:390px;position:relative}.shot-stack{background:radial-gradient(circle at 52% 53%,#e3f3d8,transparent 55%)}.stack-card{position:absolute;width:70%;height:285px;top:47px;left:17%;background:#fff;border:1px solid #dbe3ed;border-radius:14px;box-shadow:0 19px 45px rgba(17,36,72,.12)}.stack-card.back{transform:translate(27px,-18px) rotate(10deg);background:#e4edfa}.stack-card.mid{transform:translate(-22px,11px) rotate(-7deg);background:#d9ecdf}.stack-card.front{padding:34px;transform:rotate(1deg)}.stack-line{height:9px;border-radius:8px;background:#e3eaf3;width:67%;margin:13px 0}.stack-line.wide{height:18px;background:#263959;width:72%;margin:0}.stack-line.short{width:39%}.stack-art{height:117px;background:linear-gradient(135deg,#d8e9fa,#c9decf);margin:24px 0;border-radius:7px;position:relative;overflow:hidden}.stack-art span{position:absolute;width:160px;height:160px;border-radius:50%;background:#b2cdee;right:-20px;top:15px}.stack-art i{position:absolute;width:110px;height:110px;border-radius:50%;background:#9bc894;left:25px;top:38px}.stack-note{position:absolute;right:-3px;bottom:20px;background:var(--navy);color:#fff;border-radius:10px;padding:13px 17px;box-shadow:var(--shadow);font-size:.79rem}.stack-note b{color:var(--lime)}
.dark-feature{background:#0e1a35;color:#fff;overflow:hidden}.dark-feature .feature-copy p{color:#b1bed6}.dark-feature .check-list li{color:#c6d3e7}.recording-panel{border:1px solid #334462;border-radius:18px;background:#182743;padding:17px;box-shadow:0 30px 70px #050d203b;transform:rotate(-2deg);max-width:510px}.rec-header{display:flex;align-items:center;gap:11px;color:#d9e5f7;font-size:.8rem;padding:4px 5px 16px}.rec-header b{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums}.rec-screen{height:250px;background:#2a4263;position:relative;border-radius:8px;overflow:hidden;padding:18px}.rec-slide{height:100%;display:flex;align-items:center;padding:30px;background:linear-gradient(130deg,#f7f2e8 0%,#dceccf 100%);color:#263d4e;position:relative;overflow:hidden}.rec-slide span{font-size:2.15rem;line-height:1.05;font-weight:850;letter-spacing:-.06em;position:relative;z-index:1}.rec-slide strong{color:#538d51}.rec-slide i{position:absolute;width:260px;height:260px;background:#b5d3a5;border-radius:50%;right:-80px;bottom:-90px}.rec-camera{position:absolute;width:91px;height:91px;right:29px;bottom:24px;border:3px solid #fff;background:#a8bcd6;border-radius:50%;overflow:hidden;box-shadow:0 10px 25px #22364f77}.camera-head{width:26px;height:28px;background:#e9b994;border-radius:50%;margin:16px auto 0}.camera-body{width:68px;height:50px;background:#334c6f;border-radius:45% 45% 0 0;margin:2px auto}.rec-footer{display:flex;justify-content:space-between;gap:8px;padding:17px 5px 4px;color:#abbdd4;font-size:.66rem;letter-spacing:.02em}.rec-footer span:first-child{color:#bce68b}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-grid a{display:flex;flex-direction:column;align-items:flex-start;padding:28px;min-height:290px;border:1px solid var(--line);border-radius:17px;transition:transform .2s,border-color .2s}.roadmap-grid a:hover{transform:translateY(-3px);border-color:#a8c7e9}.roadmap-grid h3{margin:24px 0 12px}.roadmap-grid p{color:var(--muted);font-size:.91rem}.roadmap-state{font-size:.72rem;font-weight:820;color:#8390a3;margin-top:auto}.roadmap-state.live{color:#4c9a39}.quote-section{padding-top:10px}.quote-panel{background:#eef5ff;border-radius:22px;padding:57px 62px;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.quote-panel h2{margin:17px 0}.quote-panel p{max-width:560px;color:#61718b}.quote-usecases{display:grid;gap:12px}.quote-usecases span{display:flex;gap:20px;align-items:center;padding:16px 18px;background:#fff;border:1px solid #e3eaf4;border-radius:10px;color:#6d91c0;font-size:.75rem;font-weight:850}.quote-usecases b{color:#263652;font-size:.85rem}.final-cta{background:#172b4b;color:#fff;overflow:hidden}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:340px}.final-inner>div:first-child{max-width:700px;padding:65px 0}.final-inner h2{margin:15px 0}.final-inner p{color:#c1d0e3}.final-pattern{position:relative;flex:0 0 285px;height:240px}.pattern-window{position:absolute;left:0;top:20px;width:230px;height:185px;border:1px solid #98bbdf66;border-radius:15px;transform:rotate(12deg);padding:45px 25px;background:linear-gradient(145deg,#2c4d71,#203851);box-shadow:25px 30px 0 #ffffff0c}.pattern-window span{display:block;width:100%;height:11px;background:#89a5b866;border-radius:7px;margin-bottom:17px}.pattern-window span:nth-child(2){width:72%}.pattern-window span:nth-child(3){width:45%;background:#afed7b}.pattern-cursor{position:absolute;right:-29px;bottom:-19px;width:82px;height:82px;display:grid;place-items:center;background:var(--lime);color:#1d3d2d;border-radius:18px;font-size:2.6rem;transform:rotate(-12deg);box-shadow:0 15px 25px #0004}
.inner-hero{background:radial-gradient(ellipse at 88% 48%,#ebf3ff 0%,transparent 48%),#f9fbfd;overflow:hidden}.inner-grid{min-height:530px;padding-top:60px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.inner-hero h1{font-size:clamp(3rem,4.6vw,5.2rem);margin:17px 0 24px}.inner-hero .capture-visual{transform:scale(.91) translateX(12px)}.dark-inner{color:#fff;background:radial-gradient(circle at 80% 45%,#263f65,#0d1a35 60%)}.dark-inner h1 em{color:var(--lime)}.dark-inner p{color:#b6c6dc}.light-note{color:#b5c6d8}.feature-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{border:1px solid var(--line);border-radius:16px;padding:29px;min-height:220px}.mini-icon{width:43px;height:43px;border-radius:11px;background:#e8f2ff;color:#3c75c5;display:grid;place-items:center}.feature-card h3{font-size:1.19rem;letter-spacing:-.035em;margin:20px 0 10px}.feature-card p{color:var(--muted);font-size:.9rem;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{border-top:1px solid #d8e0e9;padding-top:27px}.steps span{font-size:.78rem;font-weight:850;color:#5a98d8}.steps h3{font-size:1.32rem;margin:25px 0 11px}.steps p{color:var(--muted);font-size:.93rem}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{list-style:none;cursor:pointer;font-size:1.07rem;font-weight:780;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#5891c9;font-size:1.5rem;font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{margin:12px 0 2px;color:var(--muted)}
.desktop-mock{height:398px;border:1px solid #516688;background:#182640;border-radius:15px;box-shadow:0 30px 75px #06102680;overflow:hidden;transform:rotate(2deg)}.desktop-title{height:34px;padding:9px 13px;background:#101d35;color:#a9c1d6;font-size:.7rem;font-weight:750}.desktop-title i{display:inline-block;width:11px;height:11px;background:var(--lime);border-radius:4px;margin-right:8px;vertical-align:-1px}.desktop-title span{float:right;letter-spacing:9px}.desktop-body{height:calc(100% - 34px);display:flex}.desktop-sidebar{width:48px;border-right:1px solid #34445e;display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:23px;color:#7897bb}.desktop-sidebar span:first-child{color:var(--lime)}.desktop-work{flex:1;padding:15px}.desktop-preview{height:66%;background:#253955;border-radius:8px;position:relative;padding:10px}.preview-window{height:100%;background:linear-gradient(130deg,#eef5e9,#afc7d5);border-radius:5px;position:relative;padding:30px;color:#203951;overflow:hidden}.preview-window strong{font-size:1.8rem;line-height:1.1;letter-spacing:-.05em;position:relative;z-index:1}.preview-lines{height:9px;background:#aec5cf;width:65%;border-radius:10px;margin-bottom:29px}.preview-camera{position:absolute;width:68px;height:68px;background:radial-gradient(circle at 50% 37%,#eab991 0 15%,transparent 16%),radial-gradient(circle at 50% 90%,#345477 0 38%,transparent 39%),#a4bbc8;bottom:21px;right:26px;border:3px solid white;border-radius:50%}.desktop-track{display:flex;align-items:center;gap:9px;height:17%;color:#a2b2c5;font-size:.58rem}.desktop-track div{height:28px;flex:1;border-radius:5px;background:#4482d5}.desktop-track div:last-child{flex:.55;background:#8a7bce}.desktop-controls{display:flex;justify-content:space-between;border-top:1px solid #3b4d69;padding-top:12px;color:#b8c8d9;font-size:.65rem}.desktop-controls span:first-child{color:#ff8e85}.callout-art{height:360px;position:relative;display:grid;place-items:center;background:#e9f1ff;border-radius:22px;overflow:hidden}.callout-orbit{position:absolute;width:310px;height:310px;border:1px solid #b6cdef;border-radius:50%}.callout-orbit.two{width:220px;height:220px}.callout-center{width:104px;height:104px;border-radius:26px;background:#1b3155;color:var(--lime);display:grid;place-items:center;box-shadow:0 22px 35px #29476f40;position:relative}.signup-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:#f0f6ff;border-radius:22px;padding:50px}.signup-panel h2{font-size:2.4rem;margin:15px 0}.signup-panel p{color:var(--muted);margin:0}.signup-form{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch}.signup-form input[type=email]{flex:1 1 210px;min-width:0;border:1px solid #d5e0ef;border-radius:10px;padding:13px 15px;background:#fff;color:#182840;min-height:52px}.signup-form button{flex:0 0 auto}.form-message{flex:1 1 100%;min-height:16px;font-size:.76rem;color:#3d7950;margin:0}.form-message.error{color:#bd4848}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.editor-mock{height:400px;background:#1d2d4b;border:1px solid #536d90;border-radius:17px;box-shadow:var(--shadow);position:relative;padding:15px;transform:rotate(2deg)}.editor-bar{display:flex;gap:14px;background:#121f38;border-radius:8px;padding:13px;color:#b7cbea}.editor-canvas{position:relative;height:285px;margin:14px 27px;background:#f0f5f6;border-radius:4px;overflow:hidden;padding:30px}.editor-title{height:22px;background:#2c3f5d;width:62%;border-radius:5px}.editor-text{height:8px;background:#bdcddd;width:82%;border-radius:5px;margin-top:19px}.editor-photo{height:130px;width:66%;background:linear-gradient(135deg,#aad6be,#719ec7);border-radius:8px;margin-top:20px}.editor-blur{position:absolute;bottom:45px;left:75px;width:100px;height:33px;backdrop-filter:blur(10px);background:#ccc7;border:1px dashed #567daa}.editor-arrow{position:absolute;right:65px;bottom:75px;color:#ed7869;font-size:4rem;transform:rotate(-18deg)}.editor-label{position:absolute;right:-10px;bottom:10px;padding:12px 16px;border-radius:9px;background:var(--lime);font-size:.78rem;font-weight:800;color:#1d3c2d}
.future-visual{height:380px;background:#172744;color:#dce8f7;border:1px solid #405775;box-shadow:0 30px 65px #16325d36;border-radius:17px;padding:18px;transform:rotate(2deg);overflow:hidden}.future-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #415570;padding-bottom:16px;font-size:.73rem;font-weight:750}.future-dots{color:#9facbf;letter-spacing:4px;font-size:.7rem}.code-sample{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;padding:24px 5px;color:#e0e9f7}.code-comment{color:#86a0bd}.code-accent{color:var(--lime)}.ocr-card,.ai-card,.cloud-card,.web-card{width:84%;margin:32px auto;background:#fff;color:#263b5a;border-radius:12px;padding:26px;box-shadow:0 18px 30px #0b163a66}.ocr-card>span{display:block;color:#8ba1ba;font-size:.8rem;letter-spacing:.2em;margin-bottom:16px}.ocr-card>div{border-bottom:1px solid #e0e8f0;padding:9px 0;font-weight:730}.ocr-card i{display:inline-block;background:#e6f7d8;color:#377034;padding:9px 14px;border-radius:6px;font-size:.73rem;font-style:normal;font-weight:800;margin-top:20px}.ai-card>span{color:#647bce;font-weight:900}.ai-card>div{margin:26px 0;border:1px solid #e0e6ed;padding:18px;border-radius:9px;font-size:1.05rem}.ai-card p{font-size:.7rem;color:#7795ae;margin:0}.cloud-card>div:first-child,.cloud-card>div:last-child{display:flex;justify-content:space-between;gap:10px}.cloud-card span{font-size:.78rem}.cloud-card b{font-size:.7rem;color:#5889bb}.cloud-card>div:nth-child(2){display:flex;gap:10px;margin:22px 0}.cloud-card i{width:33%;height:100px;border-radius:7px;background:#dfe9f3}.cloud-card i:nth-child(2){background:#d8f1db}.cloud-card i:nth-child(3){background:#ebe5fa}.web-card{padding:0;overflow:hidden}.web-top{background:#e5ebf2;font-size:.7rem;padding:13px}.web-body{padding:25px;height:165px}.web-body span{display:block;height:14px;width:76%;background:#cedae8;margin:12px;border-radius:5px}.web-body span:nth-child(2){width:48%;background:#aed99a}.web-body span:nth-child(3){width:58%}.web-body i{display:block;height:46px;background:#eaf1f8;margin:12px;border-radius:5px}.web-bottom{background:#d7f5bf;padding:10px;text-align:center;font-size:.73rem;font-weight:800;color:#497443}.timeline-card{background:#f5f8fc;border:1px solid var(--line);border-radius:20px;padding:40px;display:grid;grid-template-columns:45px 1fr;gap:8px 16px}.timeline-card span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e2f3d7;color:#488537;font-size:.72rem;font-weight:800;grid-row:span 2}.timeline-card h3{margin-top:2px;font-size:1.2rem}.timeline-card p{grid-column:2;color:var(--muted);font-size:.87rem;margin:0 0 20px}
.page-heading{background:#f7fafe;padding:95px 0 78px}.page-heading h1{font-size:clamp(3rem,5vw,5.2rem);margin:18px 0}.page-heading p{font-size:1.1rem;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:auto}.price-card{padding:36px;border:1px solid var(--line);border-radius:19px;display:flex;align-items:flex-start;flex-direction:column}.price-card.highlighted{border:2px solid #8ccd60;box-shadow:0 20px 50px #8ccd6021}.price-card h2{font-size:1.75rem;margin:24px 0 12px}.price-card .price{font-size:2.6rem;font-weight:850;letter-spacing:-.06em}.price-card .text-price{font-size:2rem}.price-card p{color:var(--muted);min-height:74px}.price-card .check-list{min-height:175px}.price-card .button{margin-top:auto}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{border:1px solid var(--line);border-radius:18px;padding:34px;min-height:320px;display:flex;align-items:flex-start;flex-direction:column;transition:transform .2s,box-shadow .2s}.mini-label{color:#8293a9;font-size:.7rem;font-weight:800;letter-spacing:.08em;margin:26px 0 13px}.guide-card h2{font-size:1.7rem}.guide-card p{color:var(--muted);font-size:.9rem;margin-top:12px}.guide-card .card-link{margin-top:auto}.article,.legal{font-size:1.05rem}.article h2,.legal h2{font-size:1.8rem;margin:34px 0 12px}.article p,.legal p{color:#4e5d75}.article a:not(.button),.legal a{color:#2474ce;text-decoration:underline}.article-cta{background:#ecf6e7;border-radius:15px;padding:28px;margin-top:42px;display:flex;align-items:center;justify-content:space-between;gap:22px}.article-cta h3{font-size:1.4rem}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-info h2{font-size:2.6rem;margin-bottom:20px}.contact-info>p{color:var(--muted)}.contact-item{display:flex;align-items:flex-start;gap:15px;padding:19px 0;border-bottom:1px solid var(--line);color:#3c74bd}.contact-item span{display:flex;flex-direction:column;color:var(--muted);font-size:.82rem;gap:3px}.contact-item strong{color:var(--ink);font-size:.95rem}.small-muted{font-size:.8rem;margin-top:25px}.small-muted a{color:#2675cf;text-decoration:underline}.contact-form{border:1px solid var(--line);box-shadow:0 20px 50px #18355312;padding:34px;border-radius:18px;display:flex;flex-direction:column;gap:9px}.contact-form h3{margin-bottom:13px}.contact-form label{font-size:.83rem;font-weight:750;margin-top:6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #dce4ef;border-radius:9px;padding:12px 13px;outline:none;color:#162541}.contact-form input:focus,.contact-form textarea:focus,.signup-form input:focus{border-color:#5b97df;box-shadow:0 0 0 3px #5895e31e}.contact-form button{align-self:flex-start;margin-top:13px}.server-message{padding:10px 12px;border-radius:8px;font-size:.84rem;margin:0}.server-message.success{background:#e8f7df;color:#317331}.server-message.error{background:#fff0f0;color:#aa4040}.not-found{min-height:470px}
.site-footer{background:#0c1730;color:#d9e4f3;padding:65px 0 24px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:46px;padding-bottom:65px}.footer-about .brand{color:#fff}.footer-about .brand>span>span{color:var(--lime)}.footer-about p{font-size:.9rem;color:#aabbd0;max-width:295px;margin:18px 0}.footer-about small{color:#7991ac}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col strong{font-size:.82rem;color:#fff;margin:8px 0 5px}.footer-col a{font-size:.82rem;color:#a3b5cb}.footer-col a:hover,.footer-bottom a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #2d405c;padding-top:24px;display:flex;justify-content:space-between;gap:25px;color:#7991aa;font-size:.75rem}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{color:#9fb0c4}
@media(max-width:1100px){.desktop-nav{gap:18px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:270px}.hero-grid{gap:0}.capture-visual{transform:scale(.88) translateX(16px);transform-origin:center}.split-feature{gap:45px}}
@media(max-width:850px){.site-header{height:70px}.desktop-nav,.header-actions>.button{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:block;position:absolute;top:70px;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 12px 25px #091e351c;max-height:calc(100vh - 70px);overflow:auto}.mobile-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;width:min(1200px,calc(100% - 48px));margin:auto;padding:18px 0 24px}.mobile-nav strong{grid-column:1/-1;color:#6a7e9b;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-top:13px}.mobile-nav a{padding:10px 0;font-size:.88rem;font-weight:700}.hero-grid,.inner-grid{grid-template-columns:minmax(0,1fr);padding-top:58px}.hero-grid>*,.inner-grid>*{min-width:0}.hero-grid{padding-bottom:0}.hero-copy{max-width:700px}.hero .capture-visual,.inner-hero .capture-visual{width:min(680px,100%);transform:scale(.95);margin:auto}.trust-strip{justify-content:center;text-align:center;flex-wrap:wrap}.inner-grid{gap:0}.desktop-mock,.editor-mock,.future-visual{max-width:580px;width:100%;margin:35px auto 15px}.feature-card-grid{grid-template-columns:repeat(2,1fr)}.split-feature{grid-template-columns:1fr}.split-feature.reverse .feature-copy{order:0}.feature-visual,.recording-panel,.callout-art{width:min(550px,100%);margin:auto}.signup-panel{grid-template-columns:1fr;gap:25px}.quote-panel{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-about{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.contact-layout{gap:28px}}
@media(max-width:600px){.container{width:min(100% - 34px,1200px)}.section{padding:69px 0}.brand{font-size:1.19rem}.brand img{width:31px;height:31px}.hero-grid{padding-top:45px}.hero h1{font-size:clamp(2.65rem,11vw,4rem);margin-top:16px}.hero-lead,.inner-hero p{font-size:1rem}.hero .capture-visual,.inner-hero .capture-visual{height:350px;transform:scale(.73);width:600px;max-width:none;transform-origin:top left;margin:20px 0 -60px;left:50%;margin-left:-220px}.trust-strip{padding-top:0}.trust-strip div{justify-content:center;gap:8px;font-size:.65rem}.button{min-height:49px;padding:12px 15px;font-size:.82rem}.button-row{gap:9px}.hero-note{font-size:.73rem}.section-intro{margin-bottom:25px}.product-grid,.roadmap-grid,.feature-card-grid,.steps,.pricing-grid,.guide-grid,.quote-panel,.contact-layout{grid-template-columns:1fr}.product-card{min-height:235px}.roadmap-grid a{min-height:245px}.split-feature{gap:20px}.feature-visual{height:330px}.stack-card{height:245px;top:29px}.stack-note{right:0}.quote-panel{padding:30px 23px}.quote-usecases{gap:7px}.final-inner{min-height:0}.final-inner>div:first-child{padding:60px 0}.final-pattern{display:none}.inner-grid{padding-top:50px;padding-bottom:50px}.inner-hero h1,.page-heading h1{font-size:clamp(2.6rem,10vw,4rem)}.desktop-mock,.editor-mock,.future-visual{height:330px;transform:none}.desktop-preview{height:60%}.editor-canvas{margin:12px 2px;height:225px}.future-visual{height:355px}.code-sample{font-size:11px}.signup-panel{padding:30px 22px}.signup-panel h2{font-size:2rem}.signup-form{display:grid;grid-template-columns:1fr}.signup-form input[type=email]{min-height:49px}.signup-form button{width:100%}.price-card{padding:26px}.price-card p,.price-card .check-list{min-height:0}.page-heading{padding:70px 0 60px}.contact-form{padding:22px}.article-cta{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr;gap:27px}.footer-about{grid-column:1/-1}.footer-col:last-child{grid-column:1/-1}.footer-bottom{line-height:1.7}.footer-bottom div{flex-wrap:wrap}.rec-footer{font-size:.56rem}}
@media(max-width:420px){.hero .capture-visual,.inner-hero .capture-visual{transform:scale(.62);height:303px;margin-left:-188px}.button-row .button{width:100%}.visual-record{right:0}.quote-usecases b{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}