:root{font-family:Inter,"Segoe UI",sans-serif;color:#202b3b;background:#fafcff;font-synthesis:none;--green:#2463dc;--muted:#6b7c94;--line:#dfe7f2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #759e73;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.nav{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-1px}.logo{display:grid;place-items:center;background:var(--green);color:#fff;width:32px;height:32px;border-radius:9px;font-size:22px}.beta{font-size:8px;letter-spacing:1px;font-weight:600;margin-left:10px;border:1px solid var(--line);padding:5px 7px;border-radius:4px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a:hover{color:#3578e5}.nav-buy{border-bottom:1px solid #8b9ab0;padding:7px 0}.nav-buy span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:650px;align-items:center;padding-bottom:50px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#647c9b}.status-dot{display:inline-block;width:6px;height:6px;background:#6598ee;border-radius:50%;margin-right:7px}h1{font-size:clamp(45px,4.8vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:27px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#407bd2}p{line-height:1.7}.intro{font-size:16px;color:#6b7c94;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:26px;border:0;background:var(--green);color:#fff;padding:15px 20px;border-radius:7px;font-size:12px;font-weight:550;transition:background .18s,transform .18s}.button:hover{background:#174eb9;transform:translateY(-2px)}.price-note{font-size:10px;color:var(--muted)}.platform{display:flex;align-items:center;gap:8px;font-size:10px;color:#889ab2;margin-top:22px}.platform svg{width:12px;height:12px;fill:#889ab2}.stage{height:550px;position:relative;isolation:isolate}.orb{position:absolute;width:470px;height:470px;max-width:100%;top:24px;right:-10px;border-radius:50%;background:radial-gradient(ellipse at 65% 50%,#aecdf7 0,#d0e1fa 42%,#e8f1ff 68%,transparent 72%);filter:blur(6px);z-index:-1}.note{position:absolute;left:5%;top:60px;width:91%;padding:22px 25px 32px;background:#ffffffce;border:1px solid #fff;border-radius:13px;box-shadow:0 15px 40px #29497c0c;transform:rotate(-3deg)}.note-top{display:flex;align-items:center;font-size:10px;color:#8b9bb1}.note-dot{width:7px;height:7px;border-radius:50%;background:#c4d8f0;margin-right:7px}.note-menu{margin-left:auto}.note p{font-family:Georgia,serif;font-size:27px;line-height:1.45;color:#516b91;margin:26px 0 15px}.caret{color:#6599e1}.note-rule{height:1px;background:#e4ecf8;margin:17px 0}.note small{font-size:9px;color:#8396b1}.clip-demo{position:absolute;left:21%;top:218px;width:295px;border:1px solid #ffffffed;border-radius:12px;background:#f3f8ffdc;backdrop-filter:blur(24px);box-shadow:0 22px 50px #234b8624,0 2px 6px #234b8609;padding:10px}.clip-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:2px 4px 10px;color:#59739a}.clip-top strong{color:#345078}.mini-logo{margin-right:4px}.demo-search{display:flex;align-items:center;gap:7px;padding:8px 9px;background:#ffffffa3;border:1px solid #dce6f5;border-radius:5px;font-size:11px;color:#91a4bd;margin-bottom:5px}.demo-search span:last-child{margin-left:auto;font-size:9px}.demo-row{width:100%;border:0;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;padding:9px;border-radius:5px;color:#44618a;cursor:pointer;font-size:11px;transition:background .18s}.demo-row small{font-size:6px;letter-spacing:1px;display:block;color:#8ea2c0;margin-bottom:3px}.demo-row.active,.demo-row:hover{background:#dceaff}.row-arrow{color:#91abd0}.demo-image{display:flex;align-items:center;gap:10px;margin:6px 9px;font-size:10px}.landscape{width:44px;height:32px;border-radius:4px;background:linear-gradient(155deg,transparent 45%,#6b9ddd 46% 65%,#396bb3 66%),linear-gradient(#b5d6fc,#e3efff)}.muted{display:block;font-size:7px;margin-top:4px;color:#8da3c0}.image-label{margin-left:auto;font-size:8px;color:#708eb6}.clip-footer{display:flex;justify-content:space-between;border-top:1px solid #dce6f5;font-size:7px;padding:8px 5px 0;color:#8099bb;margin-top:10px}.shortcut{position:absolute;left:0;bottom:50px;display:flex;align-items:center;gap:5px;transform:rotate(-5deg);font-size:9px;color:#849abb}kbd{font:11px "Segoe UI",sans-serif;padding:8px 10px;border:1px solid #d5e2f5;border-bottom-width:3px;background:#ffffff;border-radius:5px;box-shadow:0 5px 10px #264d8608}.demo-caption{position:absolute;bottom:0;right:38px;font-size:7px;letter-spacing:1.4px;color:#7d96b7}.benefit-strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:23px;padding-bottom:23px;font-size:10px;color:#9daec5}.benefit-strip b{font-size:12px;font-weight:450;color:#607b9e;margin-left:14px}.details{padding-top:96px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1fr 1fr}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:40px;line-height:1.13;letter-spacing:-1.5px;font-weight:450;margin:16px 0 20px}.section-heading>p:last-child{align-self:center;color:var(--muted);font-size:14px;justify-self:end}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.feature-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dae7f9;border-radius:9px;background:#edf4ff;color:#5c8bd2;font-size:20px}h3{font-size:16px;font-weight:550;margin:20px 0 8px}.features p{font-size:13px;color:var(--muted);max-width:280px}.purchase{background:#eaf2ff;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:55px;padding-bottom:55px;max-width:1120px}.purchase h2{font-size:48px}.purchase p:not(.eyebrow):not(.big-price){color:#6b85aa;font-size:12px}.buy-card{padding:30px 35px;background:#fafdff;border:1px solid #fff;border-radius:12px;box-shadow:0 10px 25px #264d8606}.edition{font-size:9px;letter-spacing:1.5px;color:#738db0}.big-price{font-size:65px;letter-spacing:-3px;margin:7px 0;line-height:1.2}.big-price span{font-size:12px;letter-spacing:0;margin-left:10px;color:#7d96b8}.purchase .one-time{margin-top:4px}.checkout{width:100%;margin-top:25px}.checkout:disabled{background:#5979aa;cursor:not-allowed;transform:none}.buy-note{text-align:center;font-size:10px!important}.requirements{border-top:1px solid #dde8f7;padding-top:16px;margin-top:20px;font-size:10px;color:#7e98bb;line-height:1.8}.faq{padding-top:95px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.faq h2{font-size:32px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::after{content:"+";color:#6b8dbb}.faq-list details[open] summary::after{content:"−"}.faq-list p{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:27px!important;padding-bottom:30px!important;color:#7b93b3;font-size:10px}footer .brand{font-size:18px;color:#3e6395}.skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}
@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}.hero{gap:0}h1{font-size:47px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.clip-demo{left:8%;width:270px}.note p{font-size:22px}.stage{height:550px}.shortcut{bottom:38px}.purchase{margin:0 25px}.beta{display:none}}
@media(max-width:650px){.nav{height:78px}nav{gap:15px}nav>a:not(.nav-buy){display:none}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:20px}.hero-copy{text-align:center}h1{font-size:48px}.hero-actions{align-items:center}.platform{justify-content:center;font-size:9px}.stage{width:100%;max-width:420px;margin:10px auto 0;height:535px}.note{top:30px}.clip-demo{left:18%;top:180px}.orb{top:0}.shortcut{left:6%;bottom:40px}.demo-caption{right:10px}.benefit-strip{gap:16px}.benefit-strip span{display:flex;flex-direction:column;gap:7px}.benefit-strip b{margin:0;font-size:10px}.details{padding-top:60px;padding-bottom:55px}.section-heading{display:block}.section-heading>p:last-child{font-size:13px}.features{grid-template-columns:1fr;gap:22px;margin-top:28px}.features article{border-top:1px solid var(--line);padding-top:23px}.features p{max-width:100%}.purchase{grid-template-columns:1fr;gap:15px;padding:30px 23px}.purchase h2{font-size:40px}.buy-card{padding:25px}.faq{grid-template-columns:1fr;gap:10px;padding-top:60px;padding-bottom:60px}footer{flex-wrap:wrap;gap:15px}footer span:last-child{width:100%}h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
[hidden]{display:none!important}.demo-search input{border:0;background:transparent;min-width:0;width:100%;font:inherit;color:#44618a;outline-offset:2px}.thumbnail,.image-label{border:0;background:transparent;cursor:pointer;padding:0;color:#356dba}.thumbnail .landscape{display:block}.image-label{padding:7px;border-radius:4px}.image-label:hover{background:#dceaff}#demo-empty{font-size:11px;color:#647c9b;text-align:center;padding:12px}.pasted-landscape{display:inline-block;vertical-align:middle;width:95px;height:45px;margin-left:5px}dialog{border:1px solid #dce6f5;border-radius:16px;padding:25px;max-width:450px;width:90%;color:#202b3b;background:#fafdff;box-shadow:0 25px 80px #234b8633}dialog::backdrop{background:#152d5566;backdrop-filter:blur(5px)}dialog h2{font-size:24px}dialog p{font-size:12px;color:#6b7c94}.large-landscape{width:100%;height:210px}#close-preview{float:right;border:0;background:transparent;font-size:25px;cursor:pointer;color:#44618a}dialog .button{cursor:pointer;width:100%}
