:root{--ink:#1d1d25;--muted:#747480;--purple:#6f63ff;--purple-dark:#5548eb;--lav:#eeecff;--line:#e7e7ee;--paper:#fff;--soft:#f7f7fa;--dark:#191821;--radius:24px;--shadow:0 20px 70px rgba(38,35,80,.12)}
html,body{overflow-x:hidden}.container,.hero-grid>*,.editor-grid>*,.workflow-grid>*,.faq-grid>*{min-width:0}.editor-shot img{width:100%;height:auto!important;aspect-ratio:16/9;object-fit:contain}
.mini-cta{display:inline-flex;align-items:center;gap:8px}.store-app-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;box-shadow:0 7px 18px rgba(30,25,90,.2)}.mini-cta .store-app-icon{width:20px;height:20px;flex-basis:20px;border-radius:6px;box-shadow:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(226,226,235,.8);backdrop-filter:blur(18px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo,.footer-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800}.logo img,.footer-logo img{border-radius:11px;box-shadow:0 7px 20px rgba(111,99,255,.24)}.logo b,.footer-logo b,.popup-brand b,.progress-brand b{color:var(--purple)}.logo small{display:block;font-size:10px;line-height:1.2;color:#9a99a4;font-weight:500}.nav-wrap nav{display:flex;gap:28px;font-size:14px;font-weight:600;color:#5e5d68}.nav-wrap nav a:hover{color:var(--purple)}.mini-cta{padding:10px 16px;border-radius:12px;color:#fff;background:var(--ink);font-size:12px;font-weight:700}.is-disabled{cursor:default}.hero{position:relative;overflow:hidden;padding:104px 0 96px;background:linear-gradient(180deg,#fbfaff 0%,#fff 92%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}.hero-orb-one{width:480px;height:480px;right:-180px;top:-190px;background:rgba(111,99,255,.13)}.hero-orb-two{width:240px;height:240px;left:-140px;bottom:0;background:rgba(196,190,255,.18)}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.eyebrow,.section-kicker{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.11em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow span{width:8px;height:8px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 7px rgba(111,99,255,.1)}h1,h2,h3,p{margin-top:0}h1{max-width:640px;margin-bottom:24px;font-size:clamp(46px,5.4vw,74px);line-height:.98;letter-spacing:-.052em}h1 em{color:var(--purple);font-style:normal}.hero-lead{max-width:610px;margin-bottom:32px;color:#666570;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px}.primary-cta{display:inline-flex;align-items:center;gap:13px;padding:14px 20px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 14px 30px rgba(91,79,238,.25);font-size:14px;font-weight:800}.primary-cta small{display:block;margin-top:1px;color:rgba(255,255,255,.7);font-size:9px;font-weight:500}.chrome-mark{position:relative;width:31px;height:31px;flex:0 0 31px;border:6px solid rgba(255,255,255,.95);border-radius:50%}.chrome-mark:after{content:"";position:absolute;inset:4px;background:rgba(255,255,255,.95);border-radius:50%}.text-link{font-size:13px;font-weight:700;color:#55545e}.text-link span{margin-left:5px;color:var(--purple)}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 0;padding:0;list-style:none;color:#696873;font-size:12px}.hero-points i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;color:var(--purple);background:var(--lav);font-style:normal;font-weight:800}.hero-visual{position:relative;min-height:490px}.browser-window{position:absolute;inset:18px 0 0 10px;overflow:hidden;border:1px solid #e5e4ed;border-radius:25px;background:#fff;box-shadow:var(--shadow);transform:rotate(1.2deg)}.browser-top{height:56px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #ecebf2;background:#f8f8fb}.browser-top>span{width:9px;height:9px;border-radius:50%;background:#dddce4}.browser-top>span:first-child{background:#ff8d8d}.browser-top>span:nth-child(2){background:#ffd66e}.browser-top>span:nth-child(3){background:#80d5a0}.address{height:30px;flex:1;display:flex;align-items:center;margin:0 12px;padding:0 14px;border:1px solid #e9e8ee;border-radius:10px;color:#a09fa8;background:#fff;font-size:10px}.browser-top img{border-radius:8px}.page-skeleton{padding:52px}.sk-title{width:54%;height:26px;border-radius:8px;background:#ececf2}.sk-line{width:76%;height:10px;margin-top:18px;border-radius:10px;background:#f0eff5}.sk-line.short{width:61%;margin-top:9px}.sk-panel{height:210px;margin-top:34px;border-radius:22px;background:linear-gradient(135deg,#f2f0ff,#ddd9ff)}.popup-card{position:absolute;z-index:2;width:340px;right:-20px;top:86px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;color:#fff;background:radial-gradient(circle at 14% 0%,rgba(113,104,255,.29),transparent 42%),linear-gradient(155deg,#252432,#181821 70%);box-shadow:0 24px 65px rgba(23,22,32,.32)}.popup-brand{display:flex;align-items:center;gap:11px;margin-bottom:16px}.popup-brand img,.progress-brand img{border-radius:12px;box-shadow:0 8px 24px rgba(113,104,255,.28)}.popup-brand strong,.popup-brand small,.popup-option strong,.popup-option small,.progress-brand strong,.progress-brand small{display:block}.popup-brand strong{font-size:15px}.popup-brand small{color:#aaa9b7;font-size:11px}.popup-option{display:flex;align-items:center;gap:12px;margin-top:9px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06)}.popup-option.active{border-color:rgba(164,158,255,.48);background:linear-gradient(135deg,rgba(113,104,255,.34),rgba(113,104,255,.15))}.option-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:11px;color:#bcb8ff;background:rgba(113,104,255,.18);font-size:23px}.popup-option strong{font-size:13px}.popup-option small{margin-top:3px;color:#aaa9b7;font-size:11px}.popup-card>p{margin:13px 2px 0;color:#8f8e9e;font-size:10px;text-align:center}.floating-note{position:absolute;left:-22px;bottom:16px;z-index:3;padding:11px 15px;border:1px solid #e8e7ef;border-radius:13px;background:#fff;box-shadow:0 16px 35px rgba(45,42,80,.14);font-size:12px;font-weight:800}.floating-note span{margin-right:6px}.trust-strip{border-block:1px solid #ededf2;background:#fafafe}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid div{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px;border-right:1px solid #e9e9ef}.trust-grid div:last-child{border:0}.trust-grid strong{color:var(--purple);font-size:13px}.trust-grid span{font-size:13px;font-weight:700}.section{padding:112px 0}.section-heading{max-width:690px;margin-bottom:52px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading h2,.editor-copy h2,.workflow-copy h2,.faq-grid>div h2,.final-inner h2{margin:11px 0 15px;font-size:clamp(36px,4.4vw,54px);line-height:1.06;letter-spacing:-.04em}.section-heading p,.editor-copy>p,.workflow-copy>p,.faq-grid>div>p{color:var(--muted);font-size:16px;line-height:1.7}.modes{background:#fff}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{position:relative;min-height:400px;overflow:hidden;padding:40px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 40px rgba(32,30,63,.06)}.mode-card:before{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-120px;border-radius:50%;background:var(--lav)}.mode-card.full-mode{color:#fff;border-color:#292735;background:linear-gradient(145deg,#242330,#17171f)}.mode-card.full-mode:before{background:rgba(111,99,255,.18)}.mode-number{position:absolute;right:30px;top:25px;color:#d8d7de;font-size:54px;font-weight:900;letter-spacing:-.08em}.full-mode .mode-number{color:#363442}.mode-icon{width:66px;height:66px;display:grid;place-items:center;margin-bottom:34px;border-radius:20px;color:var(--purple);background:var(--lav);font-size:30px;font-weight:700}.full-mode .mode-icon{color:#c7c2ff;background:rgba(111,99,255,.2)}.mode-card h3{max-width:390px;margin-bottom:14px;font-size:27px;line-height:1.15}.mode-card p{max-width:500px;color:#73727d;line-height:1.7}.full-mode p{color:#a9a8b3}.mode-card ul{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}.mode-card li{padding:7px 10px;border-radius:9px;color:#595866;background:#f4f3f8;font-size:11px;font-weight:700}.full-mode li{color:#cbc9d7;background:rgba(255,255,255,.08)}.editor-section{background:#f7f7fa}.editor-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:66px;align-items:center}.tool-list{display:grid;gap:10px;margin-top:30px}.tool-list>div{display:grid;grid-template-columns:46px 1fr;column-gap:13px;padding:12px;border-radius:15px;transition:background .2s}.tool-list>div:hover{background:#fff}.tool-list span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--purple);background:var(--lav);font-size:19px;font-weight:800}.tool-list strong{font-size:13px}.tool-list small{color:#868590;font-size:11px}.editor-shot{position:relative;margin:0;padding:12px;border:1px solid #e3e2e9;border-radius:24px;background:#fff;box-shadow:var(--shadow);transform:rotate(.5deg)}.editor-shot img{border-radius:15px}.shot-label{position:absolute;z-index:2;left:30px;top:28px;padding:9px 12px;border-radius:10px;color:#fff;background:rgba(29,29,37,.86);font-size:10px;font-weight:700;backdrop-filter:blur(8px)}.shot-label span{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#7f73ff}.editor-shot figcaption{position:absolute;right:28px;bottom:28px;padding:8px 11px;border-radius:9px;background:#fff;color:#777681;box-shadow:0 7px 20px rgba(40,38,60,.13);font-size:10px}.fullpage-section{overflow:hidden;color:#fff;background:var(--dark)}.section-heading.light p{color:#aaa9b4}.capture-demo{position:relative;max-width:930px;height:520px;margin:0 auto 52px}.long-page{position:absolute;inset:0 170px 0 30px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.24);transform:rotate(-2deg)}.long-head{height:46px;display:flex;gap:7px;align-items:center;padding:0 16px;background:#f2f2f6}.long-head span{width:8px;height:8px;border-radius:50%;background:#d8d7de}.long-hero{height:130px;margin:24px;border-radius:15px;background:linear-gradient(135deg,#e5e1ff,#b9b1ff)}.long-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px}.long-row i{height:95px;border-radius:13px;background:#f1f0f5}.long-copy{width:80%;height:10px;margin:24px;border-radius:8px;background:#eeedf2}.long-copy.short{width:62%;margin-top:-14px}.long-gallery{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px}.long-gallery i{height:170px;border-radius:13px;background:#f3f2f7}.progress-card{position:absolute;z-index:3;right:0;top:105px;width:380px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:radial-gradient(circle at 10% 0%,rgba(113,104,255,.28),transparent 44%),#22212d;box-shadow:0 30px 80px rgba(0,0,0,.38)}.progress-brand{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.progress-brand strong{font-size:14px}.progress-brand small{color:#9695a2;font-size:10px}.progress-status{display:flex;align-items:center;gap:13px;margin:20px 0 17px}.progress-status strong,.progress-status small{display:block}.progress-status strong{font-size:13px}.progress-status small{color:#9695a2;font-size:10px}.spinner{width:29px;height:29px;border:3px solid rgba(255,255,255,.13);border-top-color:#8f85ff;border-radius:50%;animation:spin 1s linear infinite}.progress-track{height:7px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.09)}.progress-track span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f63ff,#a79fff);animation:pulse 1.6s ease-in-out infinite}.progress-card>p{margin:15px 0 0;color:#858491;font-size:9px;text-align:center}.capture-result{position:absolute;z-index:2;right:55px;bottom:32px;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;color:var(--ink);background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.25)}.capture-result>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#58c28a;font-weight:800}.capture-result strong,.capture-result small{display:block}.capture-result strong{font-size:12px}.capture-result small{color:#85848e;font-size:9px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1)}.step-grid>div{padding:26px 24px;border-right:1px solid rgba(255,255,255,.1)}.step-grid>div:last-child{border:0}.step-grid b{display:block;margin-bottom:16px;color:#8d84ff;font-size:12px}.step-grid strong,.step-grid span{display:block}.step-grid strong{margin-bottom:5px;font-size:13px}.step-grid span{color:#8f8e99;font-size:10px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{width:92%;opacity:.75}}.workflow-section{background:#fff}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.choice-row>div{padding:16px;border:1px solid var(--line);border-radius:16px}.choice-row span,.choice-row strong,.choice-row small{display:block}.choice-row span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px;border-radius:11px;color:var(--purple);background:var(--lav);font-size:18px}.choice-row strong{font-size:13px}.choice-row small{margin-top:3px;color:#888791;font-size:10px}.link-card{padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,#f8f7ff);box-shadow:var(--shadow)}.link-card-top{display:flex;align-items:center;gap:12px}.link-card-top img{border-radius:12px}.link-card-top span{flex:1}.link-card-top strong,.link-card-top small{display:block}.link-card-top strong{font-size:14px}.link-card-top small{color:#8b8a94;font-size:10px}.link-card-top i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#58c28a;font-style:normal}.fake-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:9px 9px 9px 14px;border:1px solid #dddbe9;border-radius:13px;color:#5d5b6b;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fake-link button{border:0;border-radius:9px;padding:9px 11px;color:#fff;background:var(--purple);font-size:9px;font-weight:700}.link-card>p{margin:14px 0 0;color:#91909a;font-size:10px}.usecases{background:#f7f7fa}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.usecase-grid article{padding:27px 24px;border:1px solid #e6e5ec;border-radius:20px;background:#fff}.usecase-grid span{color:var(--purple);font-size:11px;font-weight:800}.usecase-grid h3{margin:35px 0 9px;font-size:17px}.usecase-grid p{margin:0;color:#7d7c86;font-size:12px;line-height:1.6}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.faq-grid>div>a{color:var(--purple);font-size:13px;font-weight:800}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:750}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--purple);background:var(--lav);font-size:18px;transition:transform .2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{max-width:680px;margin:-8px 45px 22px 0;color:#777681;font-size:13px;line-height:1.7}.final-cta{padding:105px 0;color:#fff;background:radial-gradient(circle at 50% 0%,rgba(111,99,255,.36),transparent 44%),#191821}.final-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.final-inner>img{margin-bottom:24px;border-radius:24px;box-shadow:0 16px 40px rgba(111,99,255,.35)}.final-inner h2{max-width:720px}.final-inner p{max-width:620px;color:#aaa9b4}.final-inner .primary-cta{margin-top:16px}.compatibility{margin-top:15px;color:#777683;font-size:10px}footer{border-top:1px solid #2a2933;color:#aaa9b4;background:#191821}.footer-inner{min-height:100px;display:flex;align-items:center;gap:30px}.footer-logo{color:#fff}.footer-inner>p{flex:1;margin:0;font-size:11px}.footer-inner>div{display:flex;gap:20px;font-size:11px}.footer-inner a:hover{color:#fff}
@media(max-width:980px){.nav-wrap nav{display:none}.hero{padding-top:72px}.hero-grid,.editor-grid,.workflow-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.hero-grid{gap:44px}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.hero-lead{margin-inline:auto}.hero-points{justify-content:center}.hero-visual{width:min(650px,100%);margin:auto}.popup-card{right:10px}.editor-grid,.workflow-grid,.faq-grid{gap:46px}.editor-copy,.workflow-copy{text-align:center}.tool-list{max-width:600px;margin-inline:auto}.step-grid{grid-template-columns:1fr 1fr}.step-grid>div:nth-child(2){border-right:0}.step-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.usecase-grid{grid-template-columns:1fr 1fr}.faq-grid>div{text-align:center}}
@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.site-header .mini-cta{display:none}.nav-wrap{height:66px}.hero{padding:62px 0 70px}h1{max-width:100%;font-size:42px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;gap:17px}.hero-points{gap:10px}.hero-visual{min-height:450px}.browser-window{inset:0}.page-skeleton{padding:34px 25px}.popup-card{width:calc(100% - 30px);right:-2px;top:72px}.floating-note{left:2px;bottom:8px}.trust-grid{grid-template-columns:1fr}.trust-grid div{justify-content:flex-start;border-right:0;border-bottom:1px solid #e9e9ef}.trust-grid div:last-child{border-bottom:0}.section{padding:78px 0}.section-heading{margin-bottom:35px}.section-heading h2,.editor-copy h2,.workflow-copy h2,.faq-grid>div h2,.final-inner h2{font-size:36px}.mode-grid,.choice-row,.usecase-grid{grid-template-columns:1fr}.mode-card{min-height:auto;padding:30px}.mode-number{font-size:43px}.editor-shot{padding:7px;border-radius:17px}.editor-shot img{border-radius:11px}.shot-label{left:16px;top:15px}.editor-shot figcaption{display:none}.capture-demo{height:520px}.long-page{inset:0 16px 0 0}.progress-card{width:calc(100% - 18px);right:0;top:120px}.capture-result{right:10px;bottom:24px}.step-grid{grid-template-columns:1fr}.step-grid>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)}.step-grid>div:last-child{border-bottom:0}.fake-link{align-items:stretch;flex-direction:column;word-break:break-all}.footer-inner{padding:34px 0;flex-direction:column;text-align:center}.footer-inner>p{flex:auto}.footer-inner>div{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner,.progress-track span{animation:none}}