/* Site pages (About, Plans and pricing, Contact, Status). Builds on nd.css and home/home.css. */
.s-hero{padding-block:56px 8px}
.s-hero>*{max-width:900px}
.s-hero h1{font:400 clamp(40px,5.4vw,64px)/1.02 'EB Garamond',serif;color:var(--head);margin:14px 0 16px}
.s-sec{padding-block:30px}
.s-sec p{max-width:760px}
.s-sec a:not(.btn){color:var(--acc-text)}
.s-story{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:start}
.s-story p{color:var(--sub);font-size:17px;line-height:1.7}
.s-sign{font:italic 400 19px 'EB Garamond',serif;color:var(--muted)!important}
.s-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.s-promises{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s-promises li{padding:16px 18px;border-radius:16px;border:1px solid var(--hair);background:var(--card);color:var(--sub);font-size:15px}
.s-promises b{color:var(--head)}
.s-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.s-way{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;border:1px solid var(--hair);background:var(--card);color:var(--sub);font-size:14.5px}
.s-way small{font:400 30px/1 'EB Garamond',serif;color:var(--acc-text)}
.s-way b{color:var(--head);font-size:16px}
.s-way p{margin:0}
.s-way .btn{margin-top:auto;align-self:flex-start}
.price-line span{font:400 30px 'EB Garamond',serif;color:var(--head)}
.s-plans .h-plan{display:flex;flex-direction:column;gap:6px}
.s-plans ul{margin:4px 0 12px;padding-left:18px;display:grid;gap:5px}
.s-plans .btn{margin-top:auto;align-self:flex-start}
.s-table{display:grid;border:1px solid var(--hair);border-radius:18px;overflow:hidden}
.s-table>div{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:16px 20px;border-top:1px solid var(--hair);color:var(--sub);font-size:15px}
.s-table>div:first-child{border-top:0}
.s-table b{color:var(--head)}
.s-support{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:26px 28px;border-radius:24px;border:1px solid rgba(217,154,85,.45);background:linear-gradient(135deg,rgba(255,138,92,.12),transparent 60%),var(--card)}
.s-support-cta{display:flex;align-items:center;gap:16px}
.s-support .price span{font:400 38px 'EB Garamond',serif;color:var(--head)}.s-support .price small{color:var(--muted);margin-left:4px}
.s-faq{display:grid;gap:8px;max-width:860px}
.s-faq details{border:1px solid var(--hair);border-radius:14px;background:var(--card);padding:0 18px}
.s-faq summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font-weight:700;color:var(--head);list-style:none}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary::after{content:'+';margin-left:auto;color:var(--acc-text);font-size:22px;font-weight:400}
.s-faq details[open] summary::after{content:'\2013'}
.s-faq p{margin:0 0 16px;color:var(--sub)}
.s-contact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.s-form{display:grid;gap:8px;padding:26px;border-radius:22px;border:1px solid var(--hair);background:var(--card)}
.s-form label{font-weight:700;color:var(--head);font-size:14.5px;margin-top:8px}
.s-form label small{color:var(--muted);font-weight:400}
.s-form input,.s-form select,.s-form textarea{min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--bg2);color:var(--head);font:inherit;font-size:15px}
.s-form input:focus,.s-form select:focus,.s-form textarea:focus{outline:2px solid var(--acc);outline-offset:1px}
.s-form .btn{justify-self:start;margin-top:8px}
.s-hint{margin:0;font-size:13px;color:var(--muted)}
.s-hp{position:absolute;left:-9999px}
.s-sent{margin:0 0 6px;padding:12px 14px;border-radius:12px;background:rgba(124,196,122,.12);border:1px solid rgba(124,196,122,.45);color:var(--head)}
.s-aside h2{font:400 26px 'EB Garamond',serif;color:var(--head);margin:0 0 10px}
.s-aside h2+p{margin-top:0}
.s-aside p{color:var(--sub)}
.s-aside h2:not(:first-child){margin-top:28px}
.s-status{list-style:none;margin:0 0 12px;padding:0;display:grid;border:1px solid var(--hair);border-radius:18px;overflow:hidden;max-width:760px}
.s-status li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 20px;border-top:1px solid var(--hair);background:var(--card)}
.s-status li:first-child{border-top:0}
.s-status b{color:var(--head);margin-right:auto}
.s-status small{flex-basis:100%;color:var(--muted)}
.st{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted)}
.st::before{content:'';width:9px;height:9px;border-radius:50%;background:currentColor}
.st.up{color:#7cc47a}.st.slow,.st.maintenance{color:#e6a866}.st.down{color:#ff6c4c}
.s-notes{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:760px;color:var(--sub)}
.s-notes li{padding:14px 18px;border-radius:14px;border:1px solid var(--hair);background:var(--card)}
.s-notes time{display:block;font-size:12.5px;color:var(--muted)}.s-notes b{color:var(--head)}.s-notes p{margin:4px 0 0}
@media (max-width:900px){.s-ways{grid-template-columns:1fr}.s-contact{grid-template-columns:1fr}}
@media (max-width:640px){
  .s-story{grid-template-columns:1fr;gap:14px}.s-story .h-avatar{width:96px;height:96px}
  .s-cols,.s-promises{grid-template-columns:1fr}
  .s-table>div{grid-template-columns:1fr;gap:4px}
  .s-form{padding:18px}
}
.s-sec .h-links{margin-top:16px;flex-wrap:wrap}
@media (max-width:640px){.s-aside a{display:inline-block;padding:8px 0}}
.s-hero .h-lede{font-weight:500;font-size:clamp(17px,2vw,20px);line-height:1.5;color:var(--sub)}
.s-soon{margin:14px 0 0;padding:12px 16px;border-radius:14px;border:1px dashed rgba(230,168,102,.6);background:rgba(230,168,102,.08);color:var(--sub);font-size:15px}
.s-soon b{color:var(--head)}
.s-assist{margin-bottom:26px;padding:16px 18px;border-radius:16px;border:1px dashed rgba(230,168,102,.6);background:var(--card)}
.s-assist b{color:var(--head)}.s-assist p{margin:6px 0 0;color:var(--sub);font-size:14.5px}
.s-story h2+p{margin-top:0}.s-story h2:not(:first-child){margin-top:34px}
.s-join{padding:28px 30px;border-radius:24px;border:1px solid rgba(217,154,85,.4);background:linear-gradient(135deg,rgba(255,138,92,.10),transparent 60%),var(--card)}
.s-join .h-sub+.h-sub{margin-top:12px}
@media (max-width:640px){.s-join{padding:20px}}
.s-cols{margin-bottom:16px}.s-cols p{margin:0}
.s-notify{display:grid;gap:8px;margin:16px 0 0;padding:18px 20px;border-radius:18px;border:1px solid rgba(217,154,85,.45);background:var(--card);max-width:760px}
.s-notify label{color:var(--sub);font-size:14.5px}.s-notify label b{display:block;color:var(--head);font-size:16px}
.s-notify div{display:flex;gap:8px;flex-wrap:wrap}
.s-notify input{flex:1;min-width:220px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--edge);background:var(--bg2);color:var(--head);font:inherit}
.s-notify input:focus{outline:2px solid var(--acc);outline-offset:1px}
.s-notify .btn{height:46px}

/* ---- Apps page (/tools) ---- */
.t-jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.t-jump a{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--edge);color:var(--head)!important;text-decoration:none;font-weight:700}
.t-jump a:hover{border-color:var(--acc)}
.t-app{border-top:1px solid var(--hair);padding-block:44px}
.t-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 40px;margin-bottom:26px}
.t-intro .lock{display:flex;align-items:center;gap:12px;min-height:56px;grid-column:1}
.t-intro .lock img{display:block}
.t-intro .kbw{font-weight:800;font-size:34px;letter-spacing:-.02em;color:var(--head)}
.t-intro .kbw i{font-style:normal;background:linear-gradient(90deg,#e6a866,#ff8a5c 70%,#ff6c4c);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-intro .tag{grid-column:1;margin:0;font:400 26px/1.15 'EB Garamond',serif;color:var(--acc-text)}
.t-intro .h-sub{grid-column:1;margin:0}
.t-intro .t-points{grid-column:2;grid-row:1/4;align-self:center;list-style:none;margin:0;padding:0;display:grid;gap:9px}
.t-intro .t-points li{display:flex;gap:10px;color:var(--ink);font-size:15px}
.t-intro .t-points li::before{content:'';flex:none;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--acc)}
.t-intro .h-plat{grid-column:2;align-self:start}
.t-intro .h-links{grid-column:1;margin-top:6px;flex-wrap:wrap}
.t-app .h-look-panel{margin-top:6px}
.t-plans{margin:14px 0 0;color:var(--sub)}
.t-plans a{color:var(--acc-text);font-weight:700}
.s-way small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-text);font-family:'Figtree',sans-serif}
@media (max-width:820px){
  .t-intro{grid-template-columns:1fr}
  .t-intro .t-points,.t-intro .h-plat,.t-intro .h-links{grid-column:1;grid-row:auto}
}

/* privacy page */
.s-h3{margin:22px 0 6px;font:400 22px 'EB Garamond',serif;color:var(--head)}
.s-list{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;max-width:820px;color:var(--sub);font-size:15.5px;line-height:1.6}
.s-list b{color:var(--head)}
#cookies .s-join .h-sub+.h-sub{margin-top:10px}
.s-sec .s-table{margin:12px 0 14px;max-width:900px}
:target{scroll-margin-top:84px}

/* account pages (mock-ups: site/src/account-screens.html) */
.a-jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.a-jump a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--edge);color:var(--head);text-decoration:none;font-size:14px;font-weight:700}
.a-jump a:hover{border-color:var(--acc)}
.a-board{padding-block:34px;border-top:1px solid var(--hair)}
.a-label{margin:0 0 14px;color:var(--muted);font-size:14px}.a-label b{color:var(--head);margin-right:6px}
.a-label code,.a-notes code,.a-state-table code{font-size:13px;color:var(--acc-text)}
.a-frame{max-width:560px;margin:0 auto;padding:30px;border-radius:24px;border:1px solid var(--hair);background:var(--card);display:grid;gap:16px}
.a-frame.a-wide{max-width:1040px}.a-frame.a-small{max-width:460px;text-align:center}
.a-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:0 auto}.a-pair .a-frame{max-width:none;margin:0;align-content:start}
.a-head h2{font:400 clamp(30px,3.4vw,40px)/1.08 'EB Garamond',serif;color:var(--head);margin:8px 0 8px}
.a-head p{margin:0;color:var(--sub);font-size:16px;line-height:1.55}
.a-form{padding:0;border:0;background:none}
.a-form input{width:100%}
.a-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px}.a-row label{margin:0}
.a-row a,.a-alt a,.a-fine a,.a-card a:not(.btn),.a-why a{color:var(--acc-text);font-weight:700}
.a-pass{display:flex;gap:8px}.a-pass input{flex:1}
.a-show{min-width:68px;border-radius:12px;border:1px solid var(--edge);background:none;color:var(--head);font:700 14px 'Figtree',sans-serif;cursor:pointer}
.a-show:hover{border-color:var(--acc)}
.a-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;color:var(--sub)!important;font-size:15px!important;cursor:pointer}
.a-check input{width:20px;height:20px;min-height:0;margin:2px 0 0;accent-color:var(--acc)}
.a-alt{margin:0;color:var(--sub)}
.a-fine{margin:0;font-size:13.5px;color:var(--muted)}
.a-why{border-top:1px solid var(--hair);padding-top:12px}.a-why summary{cursor:pointer;font-weight:700;color:var(--head)}.a-why p{color:var(--sub);margin:8px 0 0}
.a-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;counter-reset:s}
.a-steps li{flex:1;counter-increment:s;padding-top:10px;border-top:3px solid var(--hair);font-size:13px;font-weight:700;color:var(--muted)}
.a-steps li::before{content:counter(s) '. '}
.a-steps li.done{border-color:rgba(124,196,122,.7);color:var(--sub)}.a-steps li[aria-current]{border-color:var(--acc);color:var(--head)}
.a-code{display:grid;gap:12px;padding:18px;border-radius:16px;border:1px dashed rgba(230,168,102,.6);background:var(--bg2)}
.a-code code{font:700 clamp(18px,2.6vw,24px)/1.3 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:var(--head);word-break:break-all}
.a-code-acts,.a-acts{display:flex;gap:8px;flex-wrap:wrap}.a-small .a-acts{justify-content:center}
.a-frame>.btn{justify-self:start}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.a-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--sub)}
.a-ticks li{display:flex;gap:10px}.a-ticks li::before{content:'\2713';color:#7cc47a;font-weight:800}
.a-big-tick{margin:0 auto;width:56px;height:56px;border-radius:50%;display:grid;place-content:center;background:rgba(124,196,122,.15);color:#7cc47a;font-size:28px;font-weight:800}
.a-hello{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.a-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.a-card{padding:20px;border-radius:18px;border:1px solid var(--hair);background:var(--bg2);display:grid;gap:10px;align-content:start;color:var(--sub);font-size:15px}
.a-card.a-span{grid-column:1/-1}
.a-card h3{margin:0;font:700 13px/1 'Figtree',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text)}
.a-card p{margin:0}.a-card .btn{justify-self:start}
.a-plan{font:400 30px/1 'EB Garamond',serif;color:var(--head)!important}
.a-svc{margin:0;display:grid;gap:8px}.a-svc div{display:flex;justify-content:space-between;gap:12px}.a-svc dt{color:var(--head);font-weight:700}.a-svc dd{margin:0}
.a-incl,.a-devs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.a-incl li{display:grid;grid-template-columns:90px 1fr;gap:12px}.a-incl b{color:var(--head)}.a-incl li.pro b{color:var(--acc-text)}
.a-devs li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--hair)}.a-devs li:first-child{border-top:0;padding-top:0}
.a-devs b{color:var(--head)}.a-devs .btn{height:36px;padding:0 14px;font-size:13.5px}
.a-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--acc-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.a-danger{color:#ff8a70;justify-self:start}
.a-inline{margin-top:10px;gap:6px}
.a-banner{padding:14px 18px;border-radius:14px;color:var(--sub);font-size:15px}.a-banner b{color:var(--head)}
.a-banner.warn{border:1px solid rgba(230,168,102,.55);background:rgba(230,168,102,.10)}
.a-state-table{width:100%;border-collapse:collapse;font-size:14.5px;color:var(--sub)}
.a-state-table th,.a-state-table td{text-align:left;padding:12px 10px;border-top:1px solid var(--hair);vertical-align:top}
.a-state-table th{color:var(--head);font-size:13px;border-top:0}
.a-notes{max-width:1040px;margin:14px auto 0;padding:14px 18px 14px 34px;border-radius:14px;border:1px dashed var(--edge);color:var(--muted);font-size:14px;display:grid;gap:6px}
.a-notes b{color:var(--sub)}
@media (max-width:760px){.a-pair,.a-grid{grid-template-columns:1fr}.a-frame{padding:20px}.a-incl li{grid-template-columns:1fr;gap:2px}.a-state-table thead{display:none}.a-state-table tr{display:grid;padding:8px 0;border-top:1px solid var(--hair)}.a-state-table td{border:0;padding:4px 0}}

/* downloads */
.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.dl-app{display:grid;gap:14px;padding:24px;border-radius:22px;border:1px solid var(--hair);background:var(--card);color:var(--sub);font-size:15px}
.dl-app.dl-ready{border-color:rgba(217,154,85,.5);background:linear-gradient(160deg,rgba(255,138,92,.10),transparent 55%),var(--card)}
.dl-app p{margin:0}
.dl-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.dl-top h3{margin:0;font:400 26px/1.1 'EB Garamond',serif;color:var(--head)}
.dl-top p{font-size:13.5px;color:var(--acc-text)}
.dl-top .soon-tag,.dl-top .h-plat{align-self:start}
.dl-meta{margin:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 22px}
.dl-meta dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dl-meta dd{margin:0;color:var(--head);font-weight:700}
.dl-sum{border-top:1px solid var(--hair);padding-top:12px}
.dl-sum summary{cursor:pointer;font-weight:700;color:var(--head)}
.dl-sum p{margin:8px 0 0;font-size:14px}
.dl-sum pre{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--hair);overflow-x:auto}
.dl-hash{display:block;margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--hair);font:12.5px/1.5 ui-monospace,Consolas,monospace;color:var(--head);word-break:break-all}
.dl-notify{margin:0;max-width:none;padding:14px}
.dl-notify input{min-width:0}
@media (max-width:1000px){.dl-grid{grid-template-columns:1fr}}

/* clarity page */
.c-hero{padding-top:56px}
.c-hero .t-intro .h-eyebrow{grid-column:1}
.c-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.c-tool{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;border:1px solid var(--hair);background:var(--card);color:var(--sub);font-size:14.5px}
.c-tool h3{margin:0;font:400 26px/1.1 'EB Garamond',serif;color:var(--head)}
.c-tool p{margin:0}
.c-keys{display:flex;gap:5px;flex-wrap:nowrap}
.c-keys kbd{display:inline-grid;place-content:center;min-width:32px;height:30px;padding:0 8px;border-radius:8px;background:var(--raised);border:1px solid var(--edge);border-bottom-width:3px;font:700 13px 'Figtree',sans-serif;color:var(--head)}
.c-set{font-size:13px;font-weight:700;color:var(--muted);border:1px dashed var(--edge);border-radius:8px;padding:5px 9px}
.c-why{margin-top:auto!important;padding:10px 12px;border-radius:12px;border:1px solid rgba(242,193,78,.45);background:rgba(242,193,78,.06);font-size:13.5px}
.c-why b{color:#f2c14e}
@media (max-width:1000px){.c-tools{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.c-tools{grid-template-columns:1fr}}