:root{color-scheme:dark;--bg:#141817;--panel:#1c2220;--text:#f2f5f3;--muted:#b5c0bb;--mint:#9cdacd;--line:#34413b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--mint)}a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.6vw,5.8rem);max-width:1000px}h2{font-size:clamp(2rem,3.4vw,3.3rem)}h3{font-size:1.45rem;letter-spacing:-.02em}p{color:var(--muted)}p+p{margin-top:1rem}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--mint);color:#14221c;padding:12px;z-index:10}.skip:focus{top:12px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.1rem;line-height:1.15;font-weight:600}.brand img{width:38px;height:38px}.brand small{display:block;font-size:.72rem;letter-spacing:.18em;font-weight:400;margin-top:5px;color:var(--muted)}nav ul{list-style:none;display:flex;align-items:center;gap:30px;margin:0;padding:0}nav a{text-decoration:none;font-size:.9rem}nav a[aria-current=page]{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--mint);color:#13261f;border:1px solid var(--mint);border-radius:7px;padding:15px 22px;font-weight:600;text-decoration:none;font-size:.94rem;line-height:1.4;transition:background .15s}.button:hover{background:#b6e6dc;color:#13261f}.button.small{padding:11px 16px;font-size:.86rem}.secondary{background:transparent;color:var(--text);border-color:#55665e}.secondary:hover{background:var(--panel);color:var(--text)}.mobile-nav{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:600;color:var(--mint);margin-bottom:24px}.hero{text-align:center;padding:70px 0 0}.hero h1{margin-inline:auto}.hero h1 em{font-style:normal;color:var(--mint)}.hero .intro{font-size:1.18rem;margin:24px auto 28px;max-width:620px}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.micro{font-size:.8rem;margin-top:16px;color:#a4b3ac}.panorama{width:min(1640px,calc(100% - 64px));margin:52px auto 0}.panorama img{width:100%;aspect-ratio:32/9;object-fit:cover;border:6px solid #2d3732;border-radius:12px;box-shadow:0 28px 70px #0005}.panorama figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.77rem;padding:14px 2px;letter-spacing:.035em}.section{padding:92px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-head p{max-width:440px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:30px;text-decoration:none;min-width:0}.card h3{margin-bottom:12px}.card p{font-size:.96rem}.card .link{display:block;color:var(--mint);font-size:.88rem;margin-top:24px}.ratio{display:flex;height:105px;align-items:center;justify-content:center;margin-bottom:28px}.screen{border:2px solid var(--mint);border-radius:4px;height:66px;width:156px;display:grid;place-items:center;color:var(--mint);font-size:.85rem;background:#9cdacd07}.screen.wide{width:235px}.screens{display:flex;gap:6px;width:100%;justify-content:center}.screens .screen{width:45%;height:64px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split p{margin-top:22px}.split .button{margin-top:26px}.comparison{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.comparison svg{width:100%;height:auto;display:block}.comparison figcaption{font-size:.88rem;color:var(--muted);margin-top:18px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px;margin:40px 0}.feature{border-top:1px solid var(--line);padding-top:24px}.feature .number{font-size:.8rem;color:var(--mint);margin-bottom:16px}.feature p{margin-top:12px}.app-shot{margin-top:40px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.app-shot figcaption{padding:12px 20px;background:var(--panel);font-size:.85rem;color:var(--muted)}.statement{max-width:740px}.two{grid-template-columns:1fr 1fr}.price-card{padding:40px}.price-card.pro{border-color:#688f80;background:#1d2c25}.price{font-size:3.4rem;letter-spacing:-.04em;line-height:1.2;margin:24px 0 8px}.price span{font-size:1rem;letter-spacing:0;color:var(--muted)}.checklist{padding-left:22px;color:var(--muted);margin:24px 0}.checklist li{padding:5px 0}.checklist li::marker{color:var(--mint)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:35px}.guide-link{padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;display:flex;justify-content:space-between;gap:12px}.guide-link span{color:var(--mint)}.closing{text-align:center;padding:96px 20px;background:#19231e}.closing h2{max-width:700px;margin:0 auto 28px}.footer{padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer p,.footer a{font-size:.85rem}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.breadcrumb{font-size:.85rem;color:var(--muted);padding-top:28px}.page-hero{padding:65px 0 50px}.page-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);max-width:980px}.page-hero .intro{font-size:1.18rem;max-width:740px;margin-top:24px}.page-hero .actions{justify-content:flex-start;margin-top:30px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(240px,1fr);gap:80px;align-items:start;padding-bottom:80px}.article section{padding:36px 0;border-top:1px solid var(--line)}.article h2{font-size:1.9rem;margin-bottom:20px}.article h3{margin:24px 0 14px}.article ul,.article ol{color:var(--muted);padding-left:24px}.article li{margin-bottom:12px}.aside{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:10px;position:sticky;top:30px}.aside h2{font-size:1.2rem;margin-bottom:20px}.aside a{display:block;margin:14px 0;font-size:.94rem}.note{border-left:3px solid var(--mint);padding:18px 24px;background:var(--panel);margin-top:24px}.metric-strip{display:flex;gap:40px;border-block:1px solid var(--line);padding:25px 0;margin-bottom:45px;flex-wrap:wrap}.metric-strip strong{font-size:1.4rem;color:var(--mint);display:block}.metric-strip span{font-size:.85rem;color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:28px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}th{color:var(--mint)}.table-scroll{overflow-x:auto}.prose{max-width:820px}.prose section{padding:30px 0}.prose h2{font-size:1.7rem;margin-bottom:18px}.prose a{color:var(--mint)}
@media(min-width:2100px){.hero{padding-top:85px}.panorama{width:min(1800px,calc(100% - 100px))}}
@media(max-width:1050px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;padding:10px 16px;border:1px solid var(--line);border-radius:6px}.mobile-nav nav{position:absolute;right:0;top:55px;width:260px;padding:24px;background:#202a24;border:1px solid var(--line);border-radius:8px;z-index:5;box-shadow:0 15px 30px #0008}.mobile-nav ul{display:grid;gap:20px}.split{gap:35px}.article-layout{gap:36px}.wrap{width:calc(100% - 48px)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px;gap:12px}.brand{font-size:.96rem}.brand img{width:30px;height:30px}.hero{padding-top:45px}.hero .intro{font-size:1.05rem}.hero h1{font-size:clamp(2.25rem,9.5vw,3.5rem)}.panorama{width:calc(100% - 24px);margin-top:36px}.panorama img{border-width:3px;border-radius:6px}.panorama figcaption{font-size:.72rem;justify-content:center}.panorama figcaption span:last-child{display:none}.section{padding:58px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:20px}.grid,.two,.split,.article-layout{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr;gap:25px}.feature h3{font-size:1.25rem}.guide-grid{grid-template-columns:1fr 1fr;gap:0 20px}.card{padding:26px}.ratio{height:80px;margin-bottom:20px}.price-card{padding:28px}.footer-inner{display:block}.footer-links{margin-top:22px}.page-hero{padding:40px 0}.aside{position:static}.article-layout{gap:20px;padding-bottom:50px}.metric-strip{gap:24px}.closing{padding:65px 18px}.closing h2{font-size:2.1rem}.actions .button{padding:14px 18px}.comparison{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:700px){.features,.guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}}
.price-card .price{font-size:3.4rem;color:var(--text)}