@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-600.woff2') format('woff2');font-display:swap;font-weight:600}
@media(max-width:480px){.download-card .btn[data-download]{font-size:14px;gap:8px;padding:14px 10px}.download-card .btn[data-download] svg{width:18px}.download-card .btn[data-download] span{white-space:nowrap}}
:root{--ink:#20222b;--muted:#666879;--purple:#543cc3;--purple-dark:#3f2a9d;--lilac:#f0effb;--line:#e6e5ed;--white:#fff;--max:1200px;--soft:#fafaff}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 Inter,Arial,sans-serif}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9b83ff;outline-offset:5px}img,video{max-width:100%;height:auto;display:block}button,summary{font:inherit}h1,h2,h3{font-family:Poppins,Inter,Arial,sans-serif;font-weight:600;line-height:1.18;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(38px,4.5vw,64px)}h2{font-size:clamp(30px,3.5vw,44px)}h3{font-size:23px}p{margin:0 0 22px}svg{flex:none;vertical-align:middle}section{padding:96px 0}.wrap{max-width:var(--max);padding:0 28px;margin:0 auto}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--purple);text-transform:uppercase;margin-bottom:18px}.lead{font-size:19px;line-height:1.7;color:#55586a;max-width:565px}.section-lead{font-size:19px;color:var(--muted);max-width:650px}.center{text-align:center}.center .section-lead{margin-left:auto;margin-right:auto}.fine{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.7}.text-link{font-weight:600;display:inline-flex;align-items:center;gap:10px}.text-link svg{width:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:7px;background:var(--purple);color:#fff;font-size:16px;font-weight:650;padding:17px 24px;line-height:1.4;box-shadow:0 6px 20px #543cc31a;transition:background .2s,transform .2s;text-decoration:none;min-height:54px}.btn:hover{background:var(--purple-dark);transform:translateY(-1px);text-decoration:none}.btn svg{width:20px}.btn.secondary{color:var(--purple);background:#f0edff;box-shadow:none}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.actions .text-link{font-size:15px}.checks{list-style:none;padding:0;margin:25px 0 30px;display:grid;gap:12px;font-size:15px;font-weight:550}.checks li{display:flex;align-items:flex-start;gap:10px}.checks svg{color:var(--purple);background:#ede9fb;border-radius:4px;width:21px;height:21px;padding:3px;margin-top:2px}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{height:84px;border-bottom:1px solid #f0eff5;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);white-space:nowrap;font-size:20px;letter-spacing:-.04em;font-weight:500}.brand:hover{text-decoration:none}.brand b{font-weight:750}.brand-symbol{display:grid;place-items:center;background:var(--purple);color:white;width:38px;height:38px;border-radius:11px}.brand-symbol svg{width:25px}.main-nav{display:flex;gap:29px;align-items:center;font-size:14px;font-weight:550}.main-nav>a{color:var(--ink)}.nav-download{display:flex;gap:8px;align-items:center;padding:12px 18px;background:var(--purple);color:white!important;border-radius:6px}.nav-download svg{width:18px}.hero{padding:88px 0 86px;overflow:hidden;background:radial-gradient(ellipse at 82% 48%,#f6f5fa 0,transparent 58%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);align-items:center;gap:34px}.hero .checks{grid-template-columns:1fr 1fr;column-gap:12px}.hero .lead{max-width:520px}.hero-media{position:relative;min-width:0;margin-right:-155px;padding:8px 0}.app-shot{display:block;position:relative;border:1px solid #d9d7e5;border-radius:10px;overflow:hidden;box-shadow:0 25px 55px #29224620;background:#fff;cursor:zoom-in}.app-shot:after{content:"View screenshot";position:absolute;right:12px;bottom:12px;padding:6px 11px;border:1px solid #ffffffb3;border-radius:999px;background:#fffffff0;color:#363147;box-shadow:0 3px 12px #17132024;font-size:11px;font-weight:600;line-height:1.4;pointer-events:none;transition:background .2s,transform .2s}.app-shot:hover:after,.app-shot:focus-visible:after{background:#fff;transform:translateY(-2px)}.app-shot img{width:100%;height:auto;aspect-ratio:auto}.hero-meta{font-size:12px;color:var(--muted);margin-bottom:12px}.task-strip{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.task-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.task-strip strong{font-size:12px;color:var(--muted);font-weight:550}.task-strip a{display:flex;align-items:center;gap:9px;color:#454158}.task-strip svg{color:var(--purple);width:19px}
/* A three-card path keeps each task readable while the dashed line joins the sequence. */
.steps{--step-gap:64px;--step-offset:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--step-gap);max-width:1080px;margin:56px auto 42px;padding:0;list-style:none;position:relative;isolation:isolate}
.step-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:280px;aspect-ratio:1;padding:34px 25px;border:1px solid #e9e4f4;border-radius:24px;background:linear-gradient(145deg,#fff 55%,#fcfaff);box-shadow:0 12px 35px #3f2a9d08}
.step-card:nth-child(2){margin-top:var(--step-offset);background:linear-gradient(145deg,#faf8ff,#f0ebff);border-color:#ddd3f5;box-shadow:0 18px 40px #543cc313}
.step-card:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:calc(var(--step-gap) + 2px);height:var(--step-offset);border-top:2px dashed #c9b9e8;border-right:2px dashed #c9b9e8;border-top-right-radius:24px;pointer-events:none;z-index:-1}
.step-card:nth-child(2):after{top:calc(50% - var(--step-offset));border-top:0;border-bottom:2px dashed #c9b9e8;border-top-right-radius:0;border-bottom-right-radius:24px}
.step-icon{display:grid;place-items:center;width:76px;height:76px;margin-bottom:29px;border:1px solid #ece5fc;border-radius:22px;background:#f2edff;color:var(--purple);box-shadow:inset 0 1px #fff;flex:none}
.step-icon svg{width:34px;height:34px}.step-card:nth-child(2) .step-icon{background:white;border-color:#fff;box-shadow:0 6px 20px #543cc30b}
.steps h3{font-size:21px;line-height:1.35;margin:0 0 12px;letter-spacing:-.025em}.step-index{color:var(--purple);font-variant-numeric:tabular-nums}.steps p{max-width:245px;margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.feature-section{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:48px;align-items:center;margin-top:48px}.feature-list{border-top:1px solid #dcdbe5}.feature-list details{border-bottom:1px solid #dcdbe5;padding:19px 0}.feature-list summary{cursor:pointer;font-family:Poppins,Arial,sans-serif;font-size:19px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px;line-height:1.4}.feature-list summary::-webkit-details-marker{display:none}.feature-list details[open] summary{color:var(--purple)}.feature-list p{font-size:15px;color:var(--muted);margin:13px 24px 0 0;line-height:1.8}.feature-image{min-width:0}.feature-image .app-shot{box-shadow:0 18px 45px #29224612}.feature-caption{font-size:12px;color:var(--muted);text-align:center;margin-top:15px}.demo-section{padding:90px 0;background:var(--lilac)}.demo-layout{display:grid;grid-template-columns:minmax(0,.33fr) minmax(0,.67fr);gap:50px;align-items:center}.demo-layout h2{font-size:38px}.demo-layout p{color:var(--muted)}.demo-box{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #3c2a6720;background:#191b22}.demo-box video{width:100%}
/* Spacious, task-based cards use one recognizable icon and one existing guide link. */
.use-section{background:var(--lilac)}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:46px}
.use-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:36px 30px 31px;border:1px solid #e8e3f3;border-radius:18px;background:#fff;box-shadow:0 8px 26px #3f2a9d04}
.use-card .use-icon{display:grid;place-items:center;width:76px;height:76px;flex:none;margin:0 0 30px;border-radius:50%;background:linear-gradient(140deg,#8b68e8 0%,#6746cc 52%,#4e35b7 100%);color:white;box-shadow:0 0 0 8px #f8f5ff,0 10px 22px #543cc315}
.use-icon svg{width:34px;height:34px}.use-card h3{font-size:21px;line-height:1.35;margin-bottom:15px}.use-card p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:24px;flex:1}.use-card a{font-size:14px;margin-top:auto}
.download-section{background:var(--lilac)}.download-grid{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:70px;align-items:center}.download-card{background:white;border-radius:16px;padding:34px;border:1px solid #e8e5f2;box-shadow:0 20px 45px #3023560a}.download-heading{display:flex;gap:15px;align-items:center}.product-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--lilac);color:var(--purple);flex:none}.download-heading h3{font-size:21px;margin-bottom:5px}.download-heading span:not(.product-icon){font-size:12px;color:var(--muted)}.file-details{font-size:13px;color:var(--muted);margin:20px 0}.download-card>.btn{width:100%}.download-card .checks{font-size:13px;margin:21px 0}.download-card .text-link{font-size:13px;margin-top:20px}.requirements{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted)}.requirements summary{color:var(--ink);cursor:pointer;font-weight:550}.requirements p{margin:14px 0 0;overflow-wrap:anywhere}.tools-section{background:#fff}.tools-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.tools-top p{margin-bottom:0}.tools-top>a{font-size:14px;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.tool-card{border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;background:#fff}.tool-card h3{font-size:19px;letter-spacing:-.025em;margin:22px 0 12px}.tool-card p{font-size:14px;color:var(--muted);flex:1}.tool-card .tag{font-size:11px;letter-spacing:.05em;font-weight:600;color:var(--purple);margin-top:16px}.tool-card .text-link{font-size:13px}.tool-bottom{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%;margin-top:12px}.tool-download{font-size:14px;font-weight:650;line-height:1.4;min-height:48px;width:100%;border:1px solid var(--purple);border-radius:7px;padding:12px;display:flex;gap:8px;align-items:center;justify-content:center;background:var(--purple);color:#fff;transition:background .2s}.tool-download:hover{background:var(--purple-dark);text-decoration:none}.tool-download svg{width:18px}.tool-download span{white-space:nowrap}.resources{background:var(--soft)}.resources-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;margin-top:40px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{list-style:none;cursor:pointer;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:15px;color:var(--muted);margin:15px 35px 0 0;line-height:1.8}.guide-list{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.guide-list h3{font-size:20px}.guide-list a{display:flex;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;gap:18px;justify-content:space-between}.guide-list a:last-child{border:0}.guide-list svg{width:16px}.final-cta{text-align:center;background:linear-gradient(180deg,#fff,#f3f0fc)}.final-cta p{color:var(--muted)}.final-cta .eyebrow{color:var(--purple)}.final-cta .fine{font-size:12px}footer{padding:65px 0 22px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:38px}.footer-grid .brand{font-size:17px}.footer-grid .brand-symbol{width:32px;height:32px}.footer-grid p{font-size:13px;color:var(--muted);margin-top:20px}.footer-grid nav{display:flex;flex-direction:column;gap:11px;font-size:12px}.footer-grid nav strong{font-size:13px;margin-bottom:10px}.footer-grid nav a{color:var(--muted)}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.footer-bottom a{margin-left:24px;color:var(--muted)}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:25px}.breadcrumb a{color:var(--muted)}.article-hero{background:var(--soft);padding:60px 0}.article-hero h1{font-size:clamp(32px,3.7vw,49px);max-width:820px}.article-hero .lead{max-width:760px}.article-grid{display:grid;grid-template-columns:minmax(0,770px) minmax(240px,1fr);gap:65px;align-items:start}.article-content{overflow-wrap:anywhere}.article-content h2{font-size:29px;margin:42px 0 18px}.article-content h3{font-size:22px;margin-top:30px}.article-content p,.article-content li{font-size:16px;color:#55586a}.article-content ul,.article-content ol{padding-left:25px}.article-content li{padding-left:7px;margin-bottom:13px}.article-content img{border-radius:8px;margin:28px auto}.article-content table{border-collapse:collapse;width:100%;font-size:14px;margin:25px 0}.article-content th,.article-content td{border:1px solid var(--line);padding:12px;text-align:left}.article-content .notice{border-left:3px solid var(--purple);background:var(--lilac);padding:20px;margin:26px 0}.article-content .notice p:last-child{margin-bottom:0}.article-aside{position:sticky;top:110px;background:var(--lilac);padding:25px;border-radius:12px}.article-aside h3{font-size:20px}.article-aside p{font-size:14px;color:var(--muted)}.article-aside .btn{font-size:13px;padding:14px 12px;width:100%}.article-aside .fine{font-size:11px}.article-aside>a:not(.btn){font-size:13px}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.archive-item{min-width:0;overflow-wrap:anywhere;border:1px solid var(--line);padding:22px;border-radius:9px}.archive-item h3{font-size:18px;letter-spacing:-.02em;margin-bottom:12px}.archive-item p{font-size:13px;color:var(--muted);margin-bottom:0}.download-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.download-catalog .download-card{box-shadow:none}.page-intro{padding:65px 0 45px;background:var(--soft)}.page-intro h1{font-size:45px}.shot-gallery{display:grid;gap:60px}.shot-gallery h2{font-size:28px}.shot-gallery figure{margin:0}.shot-gallery figcaption{font-size:13px;color:var(--muted);margin-top:15px}.review-note{font-size:13px;background:#fff8e7;border-left:3px solid #dfb84a;padding:15px;margin-bottom:25px}.directory-filter{width:100%;max-width:550px;padding:14px 17px;border:1px solid var(--line);border-radius:7px;font:inherit}.empty-search{padding:25px;color:var(--muted)}.legal{max-width:780px}.legal h2{font-size:27px;margin-top:40px}.legal p,.legal li{font-size:16px}.comparison{width:100%;border-collapse:collapse;margin:25px 0}.comparison td,.comparison th{padding:18px;border-bottom:1px solid var(--line);text-align:left}.comparison th{background:var(--lilac)}[hidden]{display:none!important}
@media(min-width:1600px){:root{--max:1320px}.hero{padding:110px 0}.hero-grid{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:55px}.hero-media{margin-right:-120px}.hero h1{font-size:64px}.hero .lead{font-size:20px}}
@media(max-width:1100px){.wrap{padding:0 25px}.hero-grid{gap:26px;grid-template-columns:48% 52%}.hero-media{margin-right:-80px}.hero .checks{grid-template-columns:1fr}.main-nav{gap:20px}.hero h1{font-size:49px}.feature-grid{gap:30px;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.steps{--step-gap:32px;--step-offset:34px}.step-card{min-height:270px;padding:30px 20px}.steps h3{font-size:19px}.download-grid{gap:40px}.demo-layout{gap:30px}.footer-grid{gap:22px}.brand{font-size:18px}.task-strip .wrap{gap:14px;font-size:12px}}
@media(max-width:800px){section{padding:65px 0}.site-header{height:72px}.main-nav{gap:18px}.nav-guide,.nav-free{display:none}.brand{font-size:17px}.brand-symbol{width:32px;height:32px}.hero{padding:48px 0 55px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:47px;max-width:650px}.hero .lead{max-width:620px}.hero .checks{grid-template-columns:1fr 1fr}.hero-media{margin-right:0;padding:0}.task-strip .wrap{flex-wrap:wrap;justify-content:center;gap:15px 25px}.task-strip strong{flex-basis:100%;text-align:center}.steps{--step-gap:34px;grid-template-columns:minmax(0,1fr);gap:var(--step-gap);max-width:430px;margin:38px auto 0}.step-card{width:calc(100% - 22px);min-height:240px;aspect-ratio:auto;padding:30px}.step-card:nth-child(2){margin-top:0;margin-left:22px}.step-card:not(:last-child):after{left:50%;top:100%;width:22px;height:calc(var(--step-gap) + 2px);border:0;border-left:2px dashed #c9b9e8;border-bottom:2px dashed #c9b9e8;border-top-right-radius:0;border-bottom-left-radius:14px}.step-card:nth-child(2):after{left:calc(50% - 22px);top:100%;border-left:0;border-right:2px dashed #c9b9e8;border-bottom:2px dashed #c9b9e8;border-bottom-left-radius:0;border-bottom-right-radius:14px}.step-icon{width:68px;height:68px;margin-bottom:22px}.steps h3{font-size:21px}.steps p{font-size:15px}.feature-grid,.download-grid,.demo-layout,.resources-grid{grid-template-columns:minmax(0,1fr);gap:32px}.feature-image{padding-top:10px}.use-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.download-grid>.download-card{max-width:580px}.tools-top{display:block}.tools-top>a{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.article-grid{grid-template-columns:1fr}.article-aside{position:static}.article-hero{padding:45px 0}.download-catalog{grid-template-columns:1fr}.demo-layout h2{font-size:34px}}
@media(max-width:480px){body{font-size:16px}.wrap{padding:0 20px}.site-header{height:68px}.brand{font-size:14px;gap:7px}.brand-symbol{width:29px;height:29px;border-radius:8px}.brand-symbol svg{width:21px}.main-nav{font-size:12px;gap:12px}.nav-download{padding:10px 11px;font-size:12px}.nav-download svg{display:none}.hero h1{font-size:39px;line-height:1.16}.lead{font-size:17px;line-height:1.7}.hero .checks{grid-template-columns:1fr;gap:9px;font-size:14px;margin:22px 0}.actions{gap:20px}.actions .btn{width:100%;font-size:15px}.actions .text-link{font-size:14px}.hero .fine{font-size:12px}.hero-media{margin-top:7px}.step-card{min-height:238px;padding:28px 24px}.steps h3{font-size:20px}.app-shot:after{right:8px;bottom:8px;font-size:10px;padding:5px 9px}.feature-list summary{font-size:17px}.feature-list p{font-size:14px}.section-lead{font-size:17px}.use-grid,.tool-grid{grid-template-columns:1fr;gap:18px}.use-grid{gap:22px;margin-top:34px}.use-card{padding:32px 28px 28px}.use-card .use-icon{width:68px;height:68px;margin-bottom:27px}.use-card h3{font-size:21px}.use-card p{font-size:15px}.download-card{padding:24px}.download-heading h3{font-size:19px}.file-details{font-size:12px;line-height:1.8}.tool-card{padding:23px}.tool-card .product-icon{width:60px;height:60px}.tool-card h3{margin-top:17px}.guide-list{padding:23px}.faq-list summary{font-size:15px}.faq-list p{margin-right:0;font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid nav{font-size:11px}.footer-grid .brand{font-size:18px}.footer-grid nav:last-child{grid-column:span 2}.footer-bottom{font-size:11px;gap:10px}.footer-bottom a{margin-left:15px}.final-cta .btn{width:100%}.article-hero h1,.page-intro h1{font-size:34px}.article-content h2{font-size:26px}.article-content table{display:block;overflow-x:auto}.archive-list{grid-template-columns:minmax(0,1fr)}.comparison{font-size:13px}.comparison td,.comparison th{padding:11px}.demo-layout h2{font-size:31px}}
.legacy-notes{border:1px solid var(--line);padding:20px 24px;border-radius:10px;margin:30px 0}.legacy-notes>summary{font-weight:600;color:var(--purple);cursor:pointer}.legacy-notes[open]>summary{margin-bottom:24px}.legacy-notes h4{font-size:17px;margin:25px 0 12px}.legacy-anchor{display:block;scroll-margin-top:90px}

/* The dialog opens in fit mode; native size uses a scrollable canvas without cropping. */
@media(max-width:380px){.site-header .wrap{padding-inline:14px}.nav-inner{gap:8px}.brand{font-size:13px;gap:5px}.main-nav{gap:8px}.nav-download{padding-inline:8px}}
@media(max-width:340px){.brand{font-size:12px}.brand-symbol{width:26px;height:26px}.nav-inner{gap:6px}.main-nav{font-size:11px;gap:6px}.nav-download{font-size:11px;padding-inline:7px}}
dialog.image-lightbox{position:fixed;inset:0;width:calc(100% - 48px);height:calc(100dvh - 48px);max-width:1760px;max-height:none;margin:auto;padding:0;border:0;border-radius:18px;overflow:hidden;background:#fafaff;color:var(--ink);box-shadow:0 30px 100px #0006}
dialog.image-lightbox[open]{display:flex;flex-direction:column}
dialog.image-lightbox::backdrop{background:#171a22}
.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;min-height:80px;padding:17px 22px;border-bottom:1px solid #e7e5ee;background:#fff}.lightbox-toolbar>div{min-width:0}
#lightbox-title{margin:0;color:var(--ink);font-size:16px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}#lightbox-meta{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.lightbox-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:none}.lightbox-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px 13px;border:1px solid #e1ddec;border-radius:8px;background:#fff;color:#484157;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}.lightbox-actions button:hover{background:#f2eefb;border-color:#cfc3eb}.lightbox-actions button:disabled{opacity:.5;cursor:wait}.lightbox-actions button[aria-pressed="true"]{background:#eee7ff;border-color:#c9b8f0;color:var(--purple-dark)}.lightbox-actions svg{width:18px;height:18px}
.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0;padding:24px;overflow:auto;overscroll-behavior:contain;background:#f0f2f6;scroll-padding:24px}.lightbox-stage:focus-visible{outline:3px solid #ae97ef;outline-offset:-5px}.lightbox-stage img{display:block;flex:none;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 20px #2933441a;cursor:zoom-in}
.image-lightbox.is-native .lightbox-stage{display:block}.image-lightbox.is-native .lightbox-stage img{max-width:none;max-height:none;width:auto;height:auto;margin:0 auto;cursor:zoom-out}
.lightbox-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 48px);margin:0;color:#55586a;font-size:14px;text-align:center;line-height:1.6}
@media(max-width:600px){dialog.image-lightbox{width:calc(100% - 24px);height:calc(100dvh - 24px);border-radius:12px}.lightbox-toolbar{align-items:flex-start;gap:12px;padding:14px;flex-wrap:wrap;min-height:0}.lightbox-toolbar>div:first-child{flex:1 1 170px}#lightbox-title{font-size:14px}#lightbox-meta{font-size:11px}.lightbox-actions{margin-left:auto;gap:7px}.lightbox-actions button{min-height:42px;min-width:42px;padding:9px 11px;font-size:12px}.lightbox-stage{padding:12px;scroll-padding:12px}.lightbox-status{max-width:calc(100% - 28px);font-size:13px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Product navigation: tasks, identifiable icons and a concise reason to choose each app. */
.nav-inner{position:relative}.product-menu>summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;min-height:44px;line-height:1.4;border-radius:6px}.product-menu>summary::-webkit-details-marker{display:none}.menu-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:0;flex:none}.menu-chevron svg{display:block;width:16px;height:16px;transition:transform .2s}.product-menu[open] .menu-chevron svg{transform:rotate(180deg)}.product-menu[open]>summary{color:var(--purple)}
.menu-panel{position:absolute;top:calc(100% - 4px);right:28px;width:min(830px,calc(100vw - 56px));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;border:1px solid #e8e3f1;border-radius:20px;box-shadow:0 28px 70px #2c1f5b24;padding:0;z-index:30}.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 27px 18px;border-bottom:1px solid #f0edf6}.menu-heading strong{font-family:Poppins,Inter,sans-serif;font-size:19px;letter-spacing:-.025em}.menu-heading>span{font-size:12px;font-weight:450;color:var(--muted)}.menu-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;padding:23px 20px 19px}.menu-group+.menu-group{border-left:1px solid #eeeaf5;padding-left:24px}.menu-group-title{color:#777384;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin:0 9px 10px}.menu-product{display:flex;gap:12px;align-items:center;padding:12px 9px;min-height:82px;border-radius:11px;color:var(--ink);position:relative}.menu-product:hover,.menu-product:focus-visible{background:#f6f3ff;text-decoration:none}.menu-product[aria-current=page]{background:#f5f2fc}.menu-product-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px}.menu-product-icon svg{width:26px;height:26px}.tone-violet{background:#eee7ff;color:#6948ce}.tone-indigo{background:#eaeaff;color:#555ac4}.tone-rose{background:#fbe9ef;color:#b65578}.tone-teal{background:#e4f3ef;color:#337a6b}.tone-amber{background:#fbefdc;color:#9a6d2e}.tone-blue{background:#e6effb;color:#3d70ae}.menu-product-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.menu-product-copy strong{font-size:13px;line-height:1.4;font-weight:650;letter-spacing:-.025em}.menu-product-copy>span{font-size:11px;line-height:1.5;font-weight:400;color:var(--muted)}.menu-free{font-size:9px;line-height:1.5;font-weight:650;color:#417467;background:#edf7f1;border-radius:4px;padding:2px 5px;align-self:flex-start;margin-left:auto;flex:none;margin-top:1px}.menu-shortcuts{border-top:1px solid #eae5f2;background:#faf9fe;display:flex;justify-content:space-between;gap:18px;padding:8px 27px;border-radius:0 0 20px 20px}.menu-shortcuts a{display:flex;align-items:center;gap:13px;min-height:44px;font-size:12px;font-weight:650}.menu-shortcuts svg{width:17px;height:17px}
@media(max-width:800px){.menu-panel{right:20px;width:calc(100vw - 40px);top:calc(100% - 2px);max-height:calc(100dvh - 85px)}.menu-groups{gap:15px;padding-inline:15px}.menu-group+.menu-group{padding-left:15px}.menu-free{display:none}}
@media(max-width:600px){.menu-panel{position:fixed;top:74px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 86px);border-radius:15px}.menu-heading{padding:18px}.menu-heading strong{font-size:17px}.menu-heading>span{font-size:10px}.menu-groups{grid-template-columns:minmax(0,1fr);gap:19px;padding:19px 14px}.menu-group+.menu-group{border-left:0;border-top:1px solid #eeeaf5;padding:18px 0 0}.menu-product{min-height:78px;padding:10px 8px;gap:12px}.menu-product-copy strong{font-size:13px}.menu-product-copy>span{font-size:11px}.menu-free{display:block}.menu-shortcuts{padding:8px 18px;gap:10px;flex-wrap:wrap}.menu-shortcuts a{font-size:11px;gap:8px}.menu-shortcuts svg{width:15px}.product-menu>summary{gap:5px}.menu-chevron,.menu-chevron svg{width:14px;height:14px}}
@media(max-width:480px){.menu-panel{top:69px;max-height:calc(100dvh - 81px)}}

@media(max-width:800px){.feature-list details .feature-image{padding:8px 0 22px;margin:0}.feature-list details .feature-image .feature-caption{font-size:11px;line-height:1.5;margin:14px 0 0}.feature-list details .app-shot{box-shadow:0 12px 28px #29224614}}

@media(min-width:1600px){.hero[data-product="CoolRecordEditPro"] h1{font-size:58px}}
.edition-choice{display:flex;gap:25px;align-items:center;border:1px solid #e4def3;border-radius:12px;background:var(--lilac);padding:22px 26px;margin:0 0 30px}.edition-choice strong{color:var(--purple);font-size:17px;flex:none}.edition-choice p{font-size:14px;color:#555369;margin:0;max-width:690px}.quick-answer{max-width:850px;margin:26px 0 0;border-left:3px solid var(--purple);padding:17px 22px;background:#fff;border-radius:0 10px 10px 0}.quick-answer>strong{font-size:13px;color:var(--purple)}.quick-answer ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:10px;padding-left:20px;margin:12px 0 0;font-size:14px;color:#4f5062}.quick-answer li{padding-left:4px}.guide-controls{display:grid;grid-template-columns:minmax(0,550px) minmax(220px,330px);gap:16px;margin:12px 0 20px}.guide-controls select{width:100%;min-width:0;padding:13px 16px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;font:inherit;font-size:15px}.directory-filter:focus-visible,.guide-controls select:focus-visible{outline:3px solid #9b83ff;outline-offset:3px}.resource-tablist{display:flex;gap:8px;border-bottom:1px solid #ded8ed;margin-top:28px}.resource-tablist button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:600;padding:15px 12px;min-height:48px;cursor:pointer}.resource-tablist button[aria-selected=true]{color:var(--purple);border-bottom-color:var(--purple)}
@media(max-width:800px){.resource-tabs .resources-grid{margin-top:18px}.edition-choice{display:block;padding:21px}.edition-choice p{margin-top:10px}.guide-controls{grid-template-columns:minmax(0,1fr)}.guide-controls .directory-filter{max-width:none}}
@media(max-width:480px){.quick-answer{padding:16px 18px}.quick-answer ol{grid-template-columns:minmax(0,1fr);font-size:13px}.resource-tablist button{font-size:12px;padding-inline:9px}}
/* Keep a fitted screenshot close to its toolbar on portrait phones. */
@media(max-width:600px){dialog.image-lightbox:not(.is-native){height:auto;max-height:calc(100dvh - 24px);top:50%;bottom:auto;transform:translateY(-50%)}.image-lightbox:not(.is-native) .lightbox-stage{flex:none;min-height:120px}.image-lightbox:not(.is-native) .lightbox-stage img{max-height:calc(100dvh - 220px)}}

/* Lucide icons retain the official 24-unit grid and 2-unit rounded strokes. */
.product-icon svg{width:32px;height:32px}
.brand-symbol svg{height:auto}
.disclosure-icon{display:grid;place-items:center;width:24px;height:24px;flex:none;color:var(--purple);margin-top:2px}
.disclosure-icon>span{display:flex}
.disclosure-icon .when-open,details[open]>summary .disclosure-icon .when-closed{display:none}
details[open]>summary .disclosure-icon .when-open{display:flex}
.disclosure-icon svg{width:21px;height:21px}
.requirements summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}
.requirements summary::-webkit-details-marker{display:none}
.disclosure-chevron{display:flex;flex:none;color:var(--purple)}
.disclosure-chevron svg{width:18px;height:18px;transition:transform .18s ease}
details[open]>summary .disclosure-chevron svg{transform:rotate(180deg)}
.legacy-notes>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}.legacy-notes>summary::-webkit-details-marker{display:none}

/* Audit: make actions visible and useful at the point of decision. */
.menu-shortcuts{border-top:0;border-bottom:1px solid #eae5f2;border-radius:0;gap:12px}
.menu-shortcuts a{white-space:nowrap}
.archive-item{padding:0;transition:border-color .18s,background .18s}
.archive-item-link{display:block;padding:24px;height:100%;border-radius:inherit;color:var(--ink)}
.archive-item:hover{border-color:#b6a3e7;background:#faf8ff}
.archive-item-link:focus-visible{outline-offset:3px}
.archive-item-link p span{color:var(--purple);white-space:nowrap}
.archive-item-link p svg{width:16px;height:16px;margin-left:6px}
.download-finder{margin-bottom:32px}
.download-finder h2{font-size:24px;margin-bottom:18px}
.download-task-links{display:flex;flex-wrap:wrap;gap:10px}
.download-task-links a{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 17px;background:#fff;border:1px solid #e4def3;border-radius:10px;font-size:14px;font-weight:600;color:var(--purple)}
.download-task-links a:hover{background:var(--lilac);border-color:#b6a3e7}
.download-task-links svg{width:21px;height:21px}
.download-catalog .download-card{scroll-margin-top:108px}
.download-catalog .download-card:target{outline:2px solid #b29de9;outline-offset:4px}
.gallery-download{margin-top:22px}
#blog,#screenshots{scroll-margin-top:110px}
@media(max-width:600px){.menu-shortcuts{padding:8px 16px;gap:5px 14px;justify-content:flex-start}.menu-shortcuts a{font-size:11px;gap:6px}.menu-shortcuts svg{width:14px;height:14px}.download-task-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.download-task-links a{font-size:12px;padding:12px;gap:8px}.download-task-links svg{width:19px;height:19px}.gallery-download .btn{width:100%}.download-finder h2{font-size:22px}.download-catalog .download-card{scroll-margin-top:88px}}
@media(prefers-reduced-motion:reduce){.archive-item{transition:none}}

/* Keep the primary download comfortably inside laptop and phone first views. */
@media(min-width:801px) and (max-width:1599px){.hero{padding:62px 0 64px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px}.hero-media{margin-right:0}.hero h1{font-size:clamp(42px,3.9vw,54px)}}
@media(min-width:801px) and (max-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.hero-media{margin-right:0}.hero h1{font-size:48px;max-width:750px}.hero .checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hero{padding-top:34px}.hero[data-product="CoolRecordEditPro"] h1{font-size:36px}.hero .checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;font-size:13px}.hero .checks svg{width:17px;height:17px}.hero .lead{font-size:16px;line-height:1.65}}
.download-intro{padding:52px 0 42px}.download-center-section{padding-top:42px}
@media(min-width:481px) and (max-width:1000px){.tool-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1100px){.menu-panel{position:fixed;left:20px;right:20px;top:88px;width:auto;max-height:calc(100dvh - 108px)}}

/* Keep the real app window unobstructed; its caption is part of the lightbox link. */
.app-shot-hero{border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.app-shot-hero:after{content:none}
.app-shot-hero img{border:1px solid #dce0e6;border-radius:10px;box-shadow:0 16px 38px #202b3c12,0 3px 9px #202b3c06}
.app-shot-hero:hover{text-decoration:none}
.shot-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 2px 0;font-size:12px;line-height:1.5;color:#717581}
.shot-caption-name{min-width:0}
.shot-caption-action{display:inline-flex;align-items:center;gap:7px;flex:none;color:#575163;font-weight:550}
.shot-caption-action svg{width:16px;height:16px}
.app-shot-hero:hover .shot-caption-action,.app-shot-hero:focus-visible .shot-caption-action{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.shot-caption{padding-top:13px;gap:12px}.app-shot-hero img{box-shadow:0 10px 24px #202b3c0d,0 2px 5px #202b3c06}}
@media(max-width:480px){.shot-caption{font-size:11px}.shot-caption-action{gap:5px}.shot-caption-action svg{width:15px;height:15px}}

/* Reassure visitors about the free products directly beside the download action. */
.free-assurance{font-weight:600;color:#426158}
.download-assurance{font-size:12px;line-height:1.6;font-weight:550;color:#426158;margin:10px 0 0}
.download-card>.download-assurance{text-align:center}
.tool-bottom .download-assurance{font-size:12px;color:#426158;flex:none;text-align:center;margin:-7px 0 1px}
.gallery-download .download-assurance{margin-top:10px}
@media(max-width:600px){.gallery-download .download-assurance{text-align:center}}

/* Current-product action: appears only after the main download leaves the viewport. */
.mobile-download-bar[hidden],.download-feedback[hidden]{display:none!important}
.mobile-download-bar{display:none}
.download-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.download-feedback{position:fixed;right:24px;bottom:24px;z-index:40;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:23px;border:1px solid #ded7ee;border-radius:16px;background:#fff;color:var(--ink,#20222b);box-shadow:0 14px 55px #2520392e}
body:has(.product-menu[open]) .download-feedback{visibility:hidden;pointer-events:none}
.download-feedback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}
.download-feedback .download-feedback-kicker{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.11em;color:var(--purple,#543cc3);margin:0 0 7px}
.download-feedback h2{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.download-feedback-close{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:9px;border:1px solid #e8e3f1;border-radius:9px;background:#faf9fe;color:#4c465a;cursor:pointer}
.download-feedback-close:hover{background:#f0ebfc}
.download-feedback-close svg{width:20px;height:20px}
.download-feedback>p,.download-feedback ol{font-size:13px;line-height:1.65;color:#595668;margin:0 0 12px}
.download-feedback .download-feedback-file{padding:10px 12px;border-radius:7px;background:#f4f1fa;color:#40364e;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.download-feedback ol{padding-left:20px;margin:15px 0}
.download-feedback li+li{margin-top:5px}
.download-feedback-retry{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:650;color:var(--purple,#543cc3)}
.download-feedback-retry svg{width:17px;height:17px}
@media(max-width:800px){
  .mobile-download-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:center;gap:15px;padding:12px max(18px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dfd7ed;background:#fffffff7;box-shadow:0 -6px 30px #30204712;backdrop-filter:blur(10px)}
  .mobile-download-copy{min-width:0;max-width:240px;flex:1}
  .mobile-download-copy strong{display:block;font-size:12px;line-height:1.4;font-weight:650}
  .mobile-download-copy>span{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#666879}
  .mobile-download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:46px;padding:12px 14px;border-radius:7px;background:var(--purple,#543cc3);color:#fff;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .18s ease}
  .mobile-download-button:hover{background:var(--purple-dark,#3f2a9d);text-decoration:none}
  .mobile-download-button svg{width:18px;height:18px}
  .mobile-download-button span{white-space:nowrap}
  html.has-mobile-download-bar{scroll-padding-bottom:calc(var(--download-bar-space,100px) + 16px)}
  html.has-mobile-download-bar body{padding-bottom:var(--download-bar-space,100px)}
  .download-feedback{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 92px);padding:20px}
}
@media(max-width:380px){
  .mobile-download-bar{flex-wrap:wrap;gap:8px;padding-top:10px}
  .mobile-download-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-basis:100%;max-width:none}
  .mobile-download-copy strong{font-size:11px}
  .mobile-download-copy>span{margin:0;font-size:9px;white-space:nowrap}
  .mobile-download-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.mobile-download-button{transition:none}}