/* Inner pages (About, Privacy, Terms, Delete account, /get and the share pages), loaded after premium.css so the
   header, footer, type, buttons and colours are the home page's own. Reading pages: a dark title band, then a light
   paper column set for long text. Share pages: one dark, centred, focused screen. */

body.inner{background:var(--paper);color:var(--ink)}

/* ---- title band (legal pages and About) ---- */
.page-band{background:var(--night);color:var(--dtext);padding-block:calc(140px + env(safe-area-inset-top,0px)) clamp(48px,6vw,84px);position:relative;overflow:hidden}
.page-band:before{content:"";position:absolute;inset:-40% -10% auto 40%;height:140%;background:radial-gradient(closest-side,#2f4ad42e,transparent);pointer-events:none}
.page-band .wrap{position:relative}
.page-kicker{font-size:15px;color:var(--dmuted);margin:0 0 18px}
.page-band h1{font-size:clamp(40px,5.6vw,80px);font-weight:300;line-height:1.04;letter-spacing:-.04em;color:#fff;max-width:920px;text-wrap:balance}
.page-band .tagline,.page-band .ab-lede{margin-top:22px;max-width:700px;font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:var(--dmuted)}
.page-band strong{color:#fff;font-weight:600}
.page-band code{background:#ffffff14;color:#fff;padding:2px 6px;border-radius:3px;font-size:.9em}

/* ---- legal pages ---- */
.legal-main{padding-bottom:clamp(64px,8vw,120px)}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start;padding-top:clamp(40px,5vw,72px)}
.legal-sidebar{position:sticky;top:100px;font-size:14px}
.legal-sidebar nav>p{font-weight:600;color:var(--ink);margin:0 0 10px}
.legal-sidebar nav a{display:block;padding:7px 0 7px 14px;color:var(--muted);border-left:1px solid var(--line);transition:color .2s,border-color .2s}
.legal-sidebar nav a:hover{color:var(--ink);border-left-color:var(--ink)}
.legal-back{display:inline-block;margin-top:22px;color:var(--ink);font-weight:600;border-bottom:1px solid #14244466}
.legal-content{min-width:0;max-width:760px;font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.legal-content p,.legal-content li,.legal-content td{color:#3d4a63}
.legal-content strong{color:var(--ink);font-weight:650}
.legal-content a{color:var(--ink);text-decoration:underline;text-decoration-color:#14244466;text-underline-offset:3px}
.legal-content a:hover{text-decoration-color:var(--ink)}
.legal-section{padding:40px 0;border-top:1px solid var(--line)}
.legal-content>.legal-section:first-child,.legal-summary+.legal-section{border-top:0}
.legal-content h2{font-size:clamp(24px,2.4vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:0 0 14px;color:var(--ink)}
.legal-content h3{font-size:19px;font-weight:600;margin:24px 0 8px;color:var(--ink)}
.legal-content p+p{margin-top:14px}
.legal-content ul,.legal-content ol{padding-left:22px;margin:12px 0 0}
.legal-content li{padding-left:4px;margin:8px 0}
.legal-content li::marker{color:var(--muted)}
.legal-summary{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px 28px;margin-bottom:12px;color:#3d4a63}
.legal-summary p{margin-top:6px}
.inner code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:#e7ebf3;color:var(--ink);padding:2px 5px;border-radius:3px}
.table-responsive{overflow-x:auto}
.legal-content table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65;margin:20px 0}
.legal-content th{text-align:left;font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--ink)}
.legal-content td{padding:16px 14px;vertical-align:top;border-bottom:1px solid var(--line)}
.legal-content th:first-child{width:26%}
.legal-content th:nth-child(2){width:43%}
.deletion-methods{display:grid;gap:16px;margin-bottom:12px}
.deletion-methods .legal-section{background:#fff;border:1px solid var(--line);border-radius:4px;padding:28px 30px}
.deletion-methods .legal-section:first-child{border-top:2px solid var(--ink)}
.policy-date{font-size:13px;margin-top:28px;color:var(--muted)}

/* ---- About ---- */
.ab-company{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(32px,6vw,96px);padding-block:clamp(56px,7vw,104px)}
.ab-facts{margin:0;display:grid;border-top:1px solid var(--line)}
.ab-facts div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
.ab-facts dt{color:var(--muted)}
.ab-facts dd{margin:0;color:var(--ink);font-weight:500}
.ab-facts a,.ab-products a,.ab-links a{color:var(--ink);border-bottom:1px solid #14244466}
.ab-products h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 18px}
.ab-products ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.ab-products li{display:grid;gap:4px;padding-left:18px;border-left:1px solid var(--line)}
.ab-products li strong{font-size:17px;font-weight:600;color:var(--ink)}
.ab-products li span{font-size:16px;line-height:1.65;color:var(--muted)}
.ab-values{background:#fff;padding-block:clamp(64px,8vw,120px)}
.ab-values h2{font-size:clamp(34px,4.4vw,60px);font-weight:300;letter-spacing:-.035em;line-height:1.05}
.ab-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(36px,4vw,56px)}
.ab-values-grid article{border-top:1px solid var(--line);padding-top:24px}
.ab-values-grid h3{font-size:21px;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}
.ab-values-grid p{font-size:16px;line-height:1.7;color:var(--muted)}
.ab-founder{padding-block:clamp(64px,8vw,120px)}
.ab-founder-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.ab-avatar{display:block;width:160px;height:160px;border-radius:50%;overflow:hidden;background:#dfe4ee}
.ab-avatar img{width:100%;height:100%;object-fit:cover}
.ab-founder .quiet-label{font-size:15px;color:var(--muted);margin:0 0 8px}
.ab-founder h2{font-size:clamp(30px,3.4vw,46px);font-weight:300;letter-spacing:-.03em;line-height:1.1}
.ab-role{font-weight:600;color:var(--ink);margin:6px 0 18px}
.ab-founder p:not(.quiet-label):not(.ab-role){font-size:17px;line-height:1.75;max-width:680px;color:#3d4a63}
.ab-founder p+p{margin-top:12px}

/* ---- share pages and /get: one dark, focused screen ---- */
body.share{background:var(--night);color:var(--dtext)}
.share-main{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding-block:calc(110px + env(safe-area-inset-top,0px)) 64px}
.share-main:before{content:"";position:fixed;inset:auto 0 0;height:70%;background:radial-gradient(60% 70% at 50% 100%,#2f4ad44d,transparent 72%);pointer-events:none;z-index:-1}
.room-card,.get-card{width:100%;max-width:560px;text-align:center;margin-inline:auto}
.room-card .legal-eyebrow,.get-card .legal-eyebrow{font-size:15px;color:var(--dmuted);margin:0 0 16px}
.room-card h1,.get-card h1{font-size:clamp(36px,6vw,60px);font-weight:300;letter-spacing:-.04em;line-height:1.05;color:#fff;text-wrap:balance}
.room-card .tagline,.get-card .tagline{margin:20px auto 0;max-width:500px;font-size:17px;line-height:1.7;color:var(--dmuted)}
.room-note{font-size:14px;color:var(--dmuted);margin-top:22px}
.room-code{font:200 clamp(44px,10vw,64px)/1.05 var(--font);letter-spacing:.14em;color:#fff;margin:6px 0 4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.room-actions,.get-actions{display:grid;gap:12px;margin:30px auto 14px;max-width:420px}
.share .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:2px;border:1px solid #fff;background:#fff;color:var(--night);font-weight:600;font-size:15px;transition:background .2s,color .2s,border-color .2s}
.share .button:hover{background:#dfe8ff}
.share .room-play,.share .button-outline{background:transparent;color:#fff;border-color:#ffffff59}
.share .room-play:hover,.share .button-outline:hover{background:#ffffff12;border-color:#fff}
.room-steps{text-align:left;margin:28px auto 0;max-width:440px;padding-left:22px;color:var(--dmuted);font-size:15px;line-height:1.7}
.room-steps li{margin:8px 0}
.room-steps strong{color:#fff;font-weight:600}
.get-note{font-size:14px;line-height:1.7;color:var(--dmuted);margin-top:10px}
.get-proof{font-size:14px;color:#fff;margin-top:26px}
.share .tagline a{color:#fff;border-bottom:1px solid #ffffff66}

@media(max-width:820px){
  .legal-layout{grid-template-columns:1fr;gap:24px}
  .legal-sidebar{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}
  .legal-sidebar nav{display:flex;flex-wrap:wrap;gap:0 18px}
  .legal-sidebar nav>p{flex-basis:100%;margin-bottom:4px}
  .legal-sidebar nav a{border-left:0;padding:6px 0}
  .legal-back{display:none}
  .ab-company{grid-template-columns:1fr}
  .ab-values-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .legal-content{font-size:16px}
  .legal-section{padding-block:30px}
  .legal-summary{padding:20px}
  .deletion-methods .legal-section{padding:22px 20px}
  .legal-content table,.legal-content tbody{display:block}
  .legal-content thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .legal-content tr{display:block;padding:16px;background:#fff;border:1px solid var(--line);border-radius:4px;margin-bottom:12px}
  .legal-content td{display:block;padding:0;border:0}
  .legal-content td+td{margin-top:12px}
  .legal-content td:before{content:attr(data-label);display:block;font-weight:600;font-size:12px;color:var(--muted);margin-bottom:4px}
  .legal-content td:first-child:before{display:none}
  .legal-content td:first-child{font-size:16px;color:var(--ink);font-weight:600}
  .ab-facts div{grid-template-columns:110px 1fr;font-size:15px}
  .ab-founder-card{grid-template-columns:1fr}
  .ab-avatar{width:112px;height:112px}
}

/* the page you are on, in the menu */
.desktop-nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -1px 0 #fff}
.mobile-nav a[aria-current="page"]{color:#fff}