:root{
  --bg:#0e1116; --bg2:#12161c; --panel:#171c24; --panel2:#1d232d; --line:#262e3a; --line2:#323c4b;
  --text:#e9edf3; --muted:#9aa5b5; --dim:#6f7b8c;
  --o1:#ffa31a; --o2:#f0620f; --orange:#f58418; --grad:linear-gradient(135deg,var(--o1),var(--o2));
  --ok:#2ec27e; --bad:#ef5350; --info:#4ba3ff;
  --radius:14px; --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#ffb35c;text-decoration:none}
a:hover{text-decoration:underline}
img,svg{max-width:100%}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800}
h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:750}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.muted{color:var(--muted)} .dim{color:var(--dim)} .small{font-size:.88rem}
.center{text-align:center}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--o1);margin-bottom:12px}

/* header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(14,17,22,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;gap:18px;height:66px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-size:1.12rem;letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.brand em{font-style:normal;color:var(--muted);font-weight:600}
.logo-mark{width:34px;height:34px;flex:none}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav-links a{color:#c9d2de;padding:8px 12px;border-radius:9px;font-weight:550;font-size:.96rem}
.nav-links a:hover{background:rgba(255,255,255,.06);text-decoration:none;color:#fff}
.nav-links a.active{color:#fff;background:rgba(245,132,24,.14)}
.nav-sep{width:1px;height:22px;background:var(--line2);margin:0 6px}
.cart-link{position:relative;display:flex!important;align-items:center}
.cart-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.badge{position:absolute;top:0;right:2px;background:var(--grad);color:#fff;font-size:.7rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.nav-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
@media (max-width:900px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:#12161c;border-bottom:1px solid var(--line);padding:10px 16px 16px}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px}
  .nav-sep{display:none}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);padding:12px 20px;border-radius:11px;font:inherit;font-weight:650;cursor:pointer;transition:transform .08s,filter .15s,background .15s;text-decoration:none!important;white-space:nowrap}
.btn:hover{background:#252d39}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 24px -10px rgba(240,98,15,.7)}
.btn-primary:hover{filter:brightness(1.07);background:var(--grad)}
.btn-ghost{background:transparent}
.btn-lg{padding:15px 26px;font-size:1.05rem;border-radius:13px}
.btn-sm{padding:7px 13px;font-size:.88rem;border-radius:9px}
.btn-danger{background:#3a1d1f;border-color:#6b2a2d;color:#ffb4b0}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* flashes */
.flashes{margin-top:16px}
.flash{padding:12px 16px;border-radius:11px;margin-bottom:8px;border:1px solid var(--line2);background:var(--panel)}
.flash-success{border-color:rgba(46,194,126,.45);background:rgba(46,194,126,.1)}
.flash-error{border-color:rgba(239,83,80,.5);background:rgba(239,83,80,.1)}
.flash-info{border-color:rgba(75,163,255,.45);background:rgba(75,163,255,.08)}

/* sections */
section{padding:84px 0}
.section-tight{padding:56px 0}
.section-head{max-width:720px;margin:0 auto 42px;text-align:center}
.section-head p{color:var(--muted);font-size:1.1rem}
.alt{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}

/* hero */
.hero{position:relative;overflow:hidden;padding:92px 0 76px}
.hero::before{content:"";position:absolute;inset:-40% -10% auto -10%;height:720px;background:radial-gradient(ellipse at 70% 30%,rgba(240,98,15,.22),transparent 60%),radial-gradient(ellipse at 20% 10%,rgba(255,163,26,.12),transparent 55%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.24rem;color:#c3ccd8;max-width:560px}
.hero .btn-row{margin-top:28px}
.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:.95rem}
.hero-points span::before{content:"✓";color:var(--o1);font-weight:800;margin-right:7px}
.ridge{position:absolute;left:0;right:0;bottom:0;height:120px;opacity:.5;pointer-events:none}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:56px 0 48px}}

/* app window illustration */
.appwin{background:#11151b;border:1px solid var(--line2);border-radius:14px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden}
.appwin-bar{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#171c24;border-bottom:1px solid var(--line)}
.appwin-bar b{margin-left:8px;font-size:.8rem;color:var(--muted);font-weight:600}
.appwin-body{padding:14px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tiles div{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;background:#1a2029;border:1px solid var(--line)}
.tiles img{width:62%;height:62%}
.tiles div.on{border-color:rgba(245,132,24,.6);box-shadow:0 0 0 3px rgba(245,132,24,.15)}

/* product cards */
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:border-color .15s,transform .15s,box-shadow .15s}
a.card{display:block;color:var(--text)}
a.card:hover{text-decoration:none;border-color:rgba(245,132,24,.5);transform:translateY(-2px);box-shadow:0 18px 40px -22px rgba(0,0,0,.8)}
.pcard{display:flex;flex-direction:column;gap:12px;height:100%}
.pcard-top{display:flex;align-items:center;gap:14px}
.pcard-top img{width:54px;height:54px;flex:none}
.pcard h3{margin:0;font-size:1.14rem}
.pcard .formerly{font-size:.78rem;color:var(--dim)}
.pcard p{color:var(--muted);margin:0;font-size:.97rem;flex:1}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.price{font-weight:800;font-size:1.25rem}
.price small{font-size:.8rem;color:var(--muted);font-weight:600;margin-left:4px}
.pill{display:inline-block;font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.07);color:#c8d0dc;letter-spacing:.02em}
.pill-soon{background:rgba(75,163,255,.13);color:#9dccff}
.pill-ok{background:rgba(46,194,126,.14);color:#7fe0b1}
.pill-off{background:rgba(239,83,80,.14);color:#ffaaa8}
.pill-orange{background:rgba(245,132,24,.16);color:#ffc182}

/* category tabs */
.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.tabs a{padding:8px 16px;border-radius:99px;border:1px solid var(--line2);color:#c8d0dc;font-weight:600;font-size:.93rem}
.tabs a.on,.tabs a:hover{background:rgba(245,132,24,.14);border-color:rgba(245,132,24,.5);color:#fff;text-decoration:none}
.cat-title{display:flex;align-items:baseline;gap:12px;margin:40px 0 16px}
.cat-title h2{font-size:1.45rem;margin:0}

/* value props */
.vp{display:flex;gap:16px}
.vp-ico{width:46px;height:46px;flex:none;border-radius:12px;background:rgba(245,132,24,.13);display:grid;place-items:center;color:var(--o1)}
.vp-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vp h3{margin-bottom:4px}
.vp p{color:var(--muted);margin:0}

/* product page */
.phero{padding:64px 0 46px;position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;inset:-50% -20% auto 30%;height:600px;background:radial-gradient(ellipse,rgba(240,98,15,.18),transparent 62%);pointer-events:none}
.phero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:start}
.phero-title{display:flex;gap:18px;align-items:center;margin-bottom:14px}
.phero-title img{width:76px;height:76px}
.phero-title h1{font-size:clamp(2rem,4vw,3rem);margin:0}
.crumbs{font-size:.88rem;color:var(--dim);margin-bottom:22px}
.crumbs a{color:var(--muted)}
.buybox{position:sticky;top:90px;background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:26px}
.buybox .price{font-size:2.2rem}
.buybox ul{list-style:none;padding:0;margin:18px 0 22px;color:#c8d0dc;font-size:.95rem}
.buybox li{padding:6px 0;display:flex;gap:10px}
.buybox li::before{content:"✓";color:var(--ok);font-weight:800}
.buybox form{margin:0}
.buybox .btn{width:100%}
.buybox .secure{margin-top:14px;font-size:.82rem;color:var(--dim);text-align:center}
@media (max-width:900px){.phero-grid{grid-template-columns:1fr}.buybox{position:static}}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:700px){.features{grid-template-columns:1fr}}
.feature{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.feature h3{font-size:1.04rem;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.feature h3::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--grad);flex:none}
.feature p{margin:0;color:var(--muted);font-size:.96rem}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.gallery img{width:100%;border-radius:12px;border:1px solid var(--line2);display:block}
.specs{display:grid;grid-template-columns:160px 1fr;gap:10px 18px;margin:0}
.specs dt{color:var(--dim)} .specs dd{margin:0}

/* faq */
.faq{max-width:820px;margin:0 auto}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 20px}
.faq summary{cursor:pointer;padding:17px 0;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--o1);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);padding-bottom:16px;margin:0}

/* pricing table */
.ptable{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ptable th,.ptable td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}
.ptable th{color:var(--dim);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:#141920}
.ptable tr:last-child td{border-bottom:0}
.ptable .pname{display:flex;align-items:center;gap:12px;font-weight:650}
.ptable .pname img{width:36px;height:36px}
.table-wrap{overflow-x:auto}
.bundle-card{background:linear-gradient(160deg,rgba(255,163,26,.12),rgba(240,98,15,.04) 60%),var(--panel);border-color:rgba(245,132,24,.4)}
.strike{text-decoration:line-through;color:var(--dim);font-weight:500;font-size:.95rem;margin-left:8px}

/* forms */
.form{max-width:460px;margin:0 auto}
.form-wide{max-width:680px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;margin-bottom:6px;font-size:.95rem}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{
  width:100%;background:#0c0f13;border:1px solid var(--line2);color:var(--text);border-radius:10px;padding:12px 13px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,132,24,.18)}
textarea{min-height:140px;resize:vertical}
.field .err{color:#ff9c99;font-size:.88rem;margin-top:5px}
.field .hint{color:var(--dim);font-size:.85rem;margin-top:5px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;color:#c8d0dc}
.check input{margin-top:4px;accent-color:var(--orange)}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.auth-card{max-width:460px;margin:60px auto;background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:34px}
.auth-card h1{font-size:1.7rem}
.inline-form{display:flex;gap:10px;flex-wrap:wrap}
.inline-form input{flex:1;min-width:200px}

/* cart */
.cart-line{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-line img{width:48px;height:48px}
.cart-line .grow{flex:1}
.summary{background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:24px}
.summary .total{display:flex;justify-content:space-between;font-size:1.3rem;font-weight:800;margin:10px 0 18px}
.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
@media (max-width:900px){.cart-grid{grid-template-columns:1fr}}

/* account */
.acct-nav{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:26px;flex-wrap:wrap}
.acct-nav a{padding:10px 14px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}
.acct-nav a.on{color:#fff;border-color:var(--orange)}
.acct-nav a:hover{text-decoration:none;color:#fff}
.lic{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}
.lic-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.lic-head img{width:52px;height:52px}
.lic-head .grow{flex:1;min-width:200px}
.key{font-family:Consolas,"SF Mono",Menlo,monospace;font-size:1.02rem;letter-spacing:.04em;background:#0c0f13;border:1px solid var(--line2);padding:8px 12px;border-radius:9px;display:inline-flex;gap:10px;align-items:center}
.copy-btn{background:none;border:0;color:var(--o1);cursor:pointer;font:inherit;font-size:.82rem;font-weight:700}
.acts{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.acts table{width:100%;font-size:.92rem;border-collapse:collapse}
.acts td{padding:6px 4px;color:#c8d0dc}
table.list{width:100%;border-collapse:collapse;font-size:.95rem}
table.list th,table.list td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.list th{color:var(--dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.empty{padding:40px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line2);border-radius:16px}

/* prose (legal, about) */
.prose{max-width:780px;margin:0 auto}
.prose h2{font-size:1.45rem;margin-top:1.8em}
.prose p,.prose li{color:#c9d1dc}
.prose ul{padding-left:1.2em}

/* cta band */
.cta-band{background:linear-gradient(135deg,rgba(255,163,26,.16),rgba(240,98,15,.08));border:1px solid rgba(245,132,24,.35);border-radius:22px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-band h2{margin:0 0 6px}
.cta-band p{margin:0;color:#c8d0dc}

/* footer */
.site-footer{border-top:1px solid var(--line);background:#0b0d11;padding:54px 0 26px;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.footer-grid h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.footer-grid a{display:block;color:#b9c3cf;padding:4px 0;font-size:.95rem}
.footer-grid a.brand{display:inline-flex;padding:0;color:var(--text);font-size:1.12rem}
.footer-brand p{color:var(--muted);font-size:.93rem;max-width:340px;margin-top:12px}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--dim);font-size:.85rem;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}

.error-page{padding:110px 0;text-align:center}
.error-page .code{font-size:5rem;font-weight:900;line-height:1}
@media print{.site-header,.site-footer,.no-print{display:none!important}body{background:#fff;color:#000}.card,.summary{border-color:#ccc;background:#fff}}

/* screenshots */
.shots .shot-main{margin:0}
.shots .shot-main img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line2);display:block;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.shots figcaption{color:var(--muted);font-size:.95rem;margin-top:10px;text-align:center}
.shot-more{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:26px}
.shot-more figure{margin:0;flex:1 1 300px;max-width:calc(50% - 9px)}
@media (max-width:700px){.shot-more figure{max-width:100%}}
.shot-more img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line2);display:block;transition:transform .15s}
.shot-more a:hover img{transform:translateY(-2px)}
.shot-more figcaption{text-align:left;font-size:.9rem}
.pcard-shot{margin:-24px -24px 4px;border-bottom:1px solid var(--line2);border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;aspect-ratio:16/10;background:#0c0f13}
.pcard-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .25s}
.pcard:hover .pcard-shot img{transform:scale(1.03)}
.appwin-shot{display:block;width:100%;height:auto}
.pcard-noshot{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(240,98,15,.25),transparent 65%),#0e1217}
.pcard-noshot img{width:96px!important;height:96px!important;object-fit:contain!important}
/* guides */
.guide-grid{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
.guide-toc{position:sticky;top:84px;display:flex;flex-direction:column;gap:8px;font-size:.93rem}
.guide-toc a{color:var(--muted)}.guide-toc a:hover{color:#fff}
.guide-toc b{color:#fff;margin-bottom:4px}
.guide-body{max-width:780px}
.guide-step{scroll-margin-top:84px}
.guide-step h2{display:flex;align-items:center;gap:12px}
.step-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff;font-size:1rem;flex:none}
.guide-step ol{padding-left:22px}.guide-step li{margin:6px 0}
.guide-shot{margin:18px 0 8px}.guide-shot img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line2);display:block}
.guide-shot figcaption{color:var(--muted);font-size:.9rem;margin-top:8px}
table.keys{border-collapse:collapse;width:100%;max-width:560px}
table.keys td{padding:8px 10px;border-bottom:1px solid var(--line)}
kbd{display:inline-block;padding:3px 8px;border-radius:6px;background:#1c222c;border:1px solid var(--line2);font-family:ui-monospace,Consolas,monospace;font-size:.88rem;color:#fff;white-space:nowrap}
.guide-card h3{margin:0;font-size:1.1rem}
@media (max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-toc{position:static;display:none}}
.guide-toc a.btn{color:#fff;justify-content:center}.guide-step{margin-bottom:10px}
/* editions + trial */
.editions{border:0;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:8px}
.editions legend{margin-bottom:6px}
.edition{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;cursor:pointer;background:rgba(255,255,255,.02)}
.edition:has(input:checked){border-color:var(--o1);background:rgba(240,98,15,.08)}
.edition input{margin-top:5px;accent-color:#f58418}
.ed-price{color:var(--o1);font-weight:700;margin-left:4px}
.editions-info .edition{cursor:default}
.trial-btn{width:100%;justify-content:center;margin-top:4px}
.keyblock{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;line-height:1.35;white-space:pre;overflow:auto;background:#0b0e12;border:1px solid var(--line2);border-radius:10px;padding:12px;color:#e7ecf3;margin:8px 0}
/* pre-launch notice (STORE_OPEN=0) */
.prelaunch{background:rgba(255,145,48,.12);border-bottom:1px solid rgba(255,145,48,.35);color:#ffd3a8;font-size:.95rem;padding:10px 0;text-align:center}

/* 1.3.8: "At work" photos on the home page */
.life{gap:22px}
.life-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.life-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.life-card img{display:block;width:100%;height:auto;aspect-ratio:1408/768;object-fit:cover}
.life-card span{display:block;padding:14px 18px;color:var(--muted);font-size:.96rem}
.life-card b{color:var(--text)}

/* 1.4.8: Show/Hide on password boxes */
.pw-wrap { position: relative; display: block; }
.pw-wrap input { width: 100%; padding-right: 4.6rem; }
.pw-show { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: transparent; border: 1px solid currentColor;
  color: inherit; opacity: .8; border-radius: 6px; font: inherit; font-size: .8rem; font-weight: 600; padding: 4px 10px; cursor: pointer; }
.pw-show:hover, .pw-show:focus-visible { opacity: 1; }
/* 1.6.0: live wallpapers */
.wp-sets{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.wp-sets-small{grid-template-columns:repeat(4,1fr)}
.wp-set{display:flex;flex-direction:column;gap:14px;padding:16px;border-top:3px solid var(--wp,var(--o1))}
.wp-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-radius:12px;overflow:hidden}
.wp-sets-small .wp-strip{grid-template-columns:repeat(3,1fr)}
.wp-strip img{width:100%;height:auto;aspect-ratio:9/20;object-fit:cover;display:block}
.wp-set h2{font-size:1.3rem;margin:0 0 4px}.wp-set h3{font-size:1.05rem;margin:0 0 4px}
.wp-tag{color:#fff;font-weight:600;margin:0 0 6px}
.wp-more{color:var(--wp,var(--o1));font-weight:700;font-size:.95rem}
.wp-scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px}
.wp-scene{margin:0}.wp-scene figcaption{margin-top:10px;line-height:1.4}
.wp-phone{border:6px solid #1c2129;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 18px 40px -22px rgba(0,0,0,.9)}
.wp-phone img{width:100%;height:auto;display:block;aspect-ratio:9/20;object-fit:cover}
.wp-tour{display:flex;align-items:center;gap:26px;margin-top:34px}.wp-tour .wp-phone{width:230px;flex:none}
.wp-common{columns:2;gap:30px;margin:0;padding-left:20px}.wp-common li{margin:6px 0;break-inside:avoid}
@media (max-width:1000px){.wp-sets-small{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.wp-sets{grid-template-columns:1fr}.wp-common{columns:1}.wp-tour{flex-direction:column;align-items:flex-start}}

/* 1.6.2 (Steve, 10/17: make the look our own): a Blue Ridge line from the logo along the bottom of each top section,
   and a Windows title bar (minimize, maximize, close) on product screenshots instead of Mac window dots. */
.hero::after,.phero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90 L0 50 L130 34 L220 44 L350 14 L470 38 L560 28 L700 6 L820 32 L930 22 L1060 2 L1180 30 L1290 18 L1440 34 L1440 90 Z' fill='rgba%28245%2C132%2C24%2C0.2%29'/%3E%3Cpath d='M0 90 L0 64 C110 46 190 52 280 42 C380 30 450 50 550 44 C650 38 710 22 810 26 C910 30 970 50 1070 44 C1170 38 1230 20 1330 26 C1390 30 1420 38 1440 37 L1440 90 Z' fill='%2312161c'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}
.phero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90 L0 50 L130 34 L220 44 L350 14 L470 38 L560 28 L700 6 L820 32 L930 22 L1060 2 L1180 30 L1290 18 L1440 34 L1440 90 Z' fill='rgba%28245%2C132%2C24%2C0.2%29'/%3E%3Cpath d='M0 90 L0 64 C110 46 190 52 280 42 C380 30 450 50 550 44 C650 38 710 22 810 26 C910 30 970 50 1070 44 C1170 38 1230 20 1330 26 C1390 30 1420 38 1440 37 L1440 90 Z' fill='%230e1116'/%3E%3C/svg%3E")}
.hero{padding-bottom:104px}.phero{padding-bottom:84px}
@media (max-width:900px){.hero::after,.phero::after{height:38px}.hero{padding-bottom:70px}.phero{padding-bottom:58px}}
.appwin{border-radius:9px}
.appwin-bar{gap:8px;padding:0 0 0 12px;height:34px}
.appwin-bar img{width:16px;height:16px}
.appwin-bar b{margin-left:0}
.appwin-bar .winbtns{margin-left:auto;display:flex;height:100%}
.appwin-bar .winbtns i{width:44px;height:100%;position:relative;display:block}
.appwin-bar .winbtns .min::after{content:"";position:absolute;left:17px;right:17px;top:16px;height:1px;background:#8b95a5}
.appwin-bar .winbtns .max::after{content:"";position:absolute;left:17px;top:12px;width:9px;height:9px;border:1px solid #8b95a5;border-radius:1px}
.appwin-bar .winbtns .cls::before,.appwin-bar .winbtns .cls::after{content:"";position:absolute;left:16px;top:16px;width:12px;height:1px;background:#8b95a5;transform:rotate(45deg)}
.appwin-bar .winbtns .cls::after{transform:rotate(-45deg)}
.hero + section,.phero + section{border-top:0}
/* 1.6.4: the "browser or Windows warning" note by every download */
.dl-note{margin:0 0 14px;font-size:.88rem;color:var(--muted);text-align:left}
.dl-note summary{cursor:pointer;color:var(--o1);font-weight:600}
.dl-note p{margin:8px 0}.dl-note .dl-step{margin:6px 0 6px 10px}