:root{color-scheme:light dark;--bg:light-dark(#f4f6f5,#111819);--surface:light-dark(#fff,#1b2425);--soft:light-dark(#e9efec,#273334);--ink:light-dark(#1b2b25,#eaf2ee);--dim:light-dark(#566860,#afc0b8);--line:light-dark(#dbe4df,#394a46);--accent:light-dark(#206d50,#95d8ba);--on:light-dark(#fff,#12362a);font:15px/1.55 system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 15px;min-height:44px;cursor:pointer}button.primary,button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--on)}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(18px,4vw,64px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:26px;font-weight:500}.mark{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:var(--on)}.brand small{display:block;font-size:12px;font-weight:400;color:var(--dim)}.preferences{display:flex;gap:8px;align-items:end}.preferences label{display:grid;gap:3px;font-size:11px;color:var(--dim)}.preferences select{width:90px;font-size:14px;min-height:44px}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1440px;margin:auto;min-height:75vh}nav{padding:28px 15px;background:var(--surface);border-right:1px solid var(--line)}nav button{display:block;width:100%;text-align:left;margin-bottom:7px;border-color:transparent;background:transparent}main{padding:32px clamp(18px,4vw,52px);min-width:0}h1,h2,h3{font-weight:500;line-height:1.25;margin:0 0 14px}h1{font-size:30px}h2{font-size:23px}h3{font-size:17px}p{margin:0 0 14px}.muted,small{color:var(--dim)}small,.small{font-size:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:14px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row>div{min-width:0;overflow-wrap:anywhere}.row p{margin:3px 0 0}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{background:var(--soft);border-radius:30px;padding:5px 10px;font-size:12px;display:inline-block}.price{font-size:30px;font-variant-numeric:tabular-nums;margin:14px 0}.plan{display:flex;flex-direction:column}.plan ul{padding-left:18px;flex:1}.plan li{margin-bottom:7px}.plan button{width:100%}label{display:grid;gap:5px;margin-bottom:14px}input,select,textarea{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px;min-width:0;width:100%;font-size:16px}input[type=checkbox]{width:18px}.check{display:flex;align-items:center;gap:8px}.narrow{max-width:480px;margin:20px auto}.eyebrow{letter-spacing:1.2px;text-transform:uppercase;font-size:11px;color:var(--dim);margin-bottom:12px}#notice{background:var(--soft);border-radius:12px;padding:14px;margin-bottom:20px;overflow-wrap:anywhere}.warning{border-left:3px solid var(--accent);padding:4px 0 4px 12px;margin:16px 0;color:var(--dim)}.wrap{overflow-wrap:anywhere}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}footer{padding:20px 4vw;border-top:1px solid var(--line);color:var(--dim);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:24px;width:min(560px,calc(100% - 28px));max-height:85vh}dialog::backdrop{background:#0009}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-head h2{margin:0}.dialog-head button{font-size:20px;padding:4px 12px}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}.hero{padding:24px}.hidden,[hidden]{display:none!important}.preferences label{margin:0}.plain{border:0;background:transparent}.mb{margin-bottom:16px}.full{width:100%}.status{font-variant-numeric:tabular-nums}.row .actions{flex-shrink:0}
@media(max-width:820px){.layout{grid-template-columns:1fr}nav{display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-right:0;border-bottom:1px solid var(--line)}nav button{width:auto;margin:0;font-size:13px;padding:8px 10px}.grid{grid-template-columns:1fr}.top{flex-wrap:wrap}.preferences{margin-left:auto}main{padding:24px 18px}}@media(max-width:420px){.preferences{width:100%;margin:0}.preferences label{flex:1}.preferences select{width:100%}h1{font-size:25px}.panel{padding:18px}.preferences button{font-size:13px;padding:8px 10px}}

/* Rund glass surfaces: readable opaque fallback, restrained mint/violet light. */
:root{--surface:light-dark(#ffffffdf,#18252ae8);--soft:light-dark(#e7eeefd9,#24363bc9);--line:light-dark(#d7e3e5,#8baeb32b);--accent:light-dark(#176b59,#a5e9cb)}
body{background:radial-gradient(ellipse at 9% 2%,light-dark(#a6e5ce66,#32695750),transparent 48%),radial-gradient(ellipse at 96% 24%,light-dark(#c8c0ef66,#51457e45),transparent 45%),var(--bg);background-attachment:fixed}
.top{background:var(--surface);position:sticky;top:0;z-index:5;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.mark{background:linear-gradient(145deg,#c7f4df,#7dcbb2 58%,#9aabd8);color:#14372c;box-shadow:0 5px 24px #77c4a52b;font-weight:700}
nav{background:transparent}.panel,dialog{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 40px #001b2510;border-radius:24px}
button{transition:background .16s,box-shadow .16s,transform .16s}button:hover:not(:disabled){box-shadow:0 3px 16px #4b9d8020;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
button.primary{background:linear-gradient(115deg,var(--accent),light-dark(#2b8878,#90c8ce));border-color:transparent;font-weight:600}
.auth-hero{max-width:480px;margin:24px auto 0;padding:26px}.auth-hero .primary{width:100%;margin:12px 0}.auth-divider{text-align:center;max-width:480px;margin:20px auto 0;color:var(--dim);font-size:13px}.auth-code{font-size:34px;letter-spacing:6px;text-align:center;padding:18px;background:var(--soft);border-radius:16px;font-variant-numeric:tabular-nums}.auth-steps{line-height:1.7}.narrow{margin-top:18px}.price{letter-spacing:-1px}h1{letter-spacing:-.9px;font-weight:650}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}
@media(max-width:700px){.top{position:static}.panel{border-radius:20px}.auth-hero{padding:22px}}

/* Product workspace, release 0.4 */
:root{--radius:24px;--surface:light-dark(#ffffffe0,#17252de8);--bg:light-dark(#eff6f4,#0b121a);--ink:light-dark(#152f31,#eef7f4);--dim:light-dark(#4a666a,#a2b9bb);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
body{background:radial-gradient(ellipse at 12% 0%,light-dark(#a2dec65c,#22665054),transparent 48%),radial-gradient(ellipse at 95% 10%,light-dark(#b9baed61,#4d3d7c45),transparent 50%),var(--bg)}
.top{padding:19px clamp(18px,4vw,56px);box-shadow:0 1px 0 var(--line)}.layout{max-width:1560px;grid-template-columns:228px minmax(0,1fr)}nav{padding:30px 16px;align-self:start;position:sticky;top:104px;min-height:75vh}nav button{font-weight:500;padding:12px 16px;border-radius:14px}nav button.primary{box-shadow:0 7px 22px #2a927c20}main{padding:36px clamp(18px,4vw,56px) 60px}.brand{font-weight:650;letter-spacing:-.7px}.brand small{letter-spacing:0}
.welcome-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:clamp(26px,5vw,54px);background:linear-gradient(125deg,light-dark(#ffffffd9,#172c31ef),light-dark(#dcf1eabe,#252840be));box-shadow:0 24px 60px #0c383612}.welcome-hero:after{content:"R";position:absolute;right:28px;top:-46px;font-size:300px;font-weight:800;color:light-dark(#67b29c13,#9ce1c50b);pointer-events:none;transform:rotate(-12deg)}.welcome-hero h1{font-size:clamp(32px,4vw,52px);font-weight:720;letter-spacing:-1.7px;white-space:pre-line;max-width:740px}.hero-copy{max-width:610px;font-size:16px;line-height:1.75;color:var(--dim);margin:18px 0 25px}.welcome-hero .actions{position:relative;z-index:1}.welcome-hero .primary{padding:13px 23px}.product-grid{margin:22px 0}.product-grid .panel{display:flex;flex-direction:column;gap:3px;padding:25px}.product-grid .panel p{flex:1;font-size:14px}.product-grid button{align-self:flex-start;padding-left:0}.product-icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:17px;border:1px solid var(--line);background:linear-gradient(140deg,light-dark(#dff3ed,#2a4945),light-dark(#e9e9fa,#31344f));color:var(--accent);border-radius:15px;font-size:24px;font-weight:700}.stats{margin:22px 0}.stats .panel{padding:21px 25px}.stat-number{font-size:34px;font-weight:650;letter-spacing:-1px}.stats p{margin:3px 0 0}.plan-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.15px;color:var(--accent);margin:0 0 17px}.plan{padding:28px}.plan .price{font-size:38px;font-weight:650}.onboarding{margin-top:22px;padding:28px}.step-row{display:flex;align-items:center;gap:15px;padding:12px 0}.step-number{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;flex:0 0 30px;background:var(--soft);color:var(--accent);font-size:13px;font-weight:650}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table td,.compare-table th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}.compare-table th{color:var(--dim);font-weight:500}.compare-table tr:last-child td{border-bottom:0}.download-button{display:block;text-align:center;border-radius:13px;padding:13px 18px;background:var(--accent);color:var(--on);text-decoration:none;font-weight:650;margin:18px 0}.panel ol{padding-left:22px;margin-bottom:0}.panel li{margin-bottom:12px}.panel li:last-child{margin-bottom:0}.auth-hero{margin-top:28px}.narrow .actions{margin-top:14px}#screen>.panel{margin-bottom:18px}.row{gap:16px;padding:18px 0}.row .actions button{font-size:12px;padding:8px 11px}.panel input[type=search]{margin:8px 0 15px}
@media(max-width:1000px){.layout{grid-template-columns:190px minmax(0,1fr)}.product-grid{grid-template-columns:1fr}.grid.stats{grid-template-columns:repeat(3,1fr)}.stats .panel{padding:18px}.stats p{font-size:12px}}
@media(max-width:820px){.layout{grid-template-columns:1fr}nav{position:static;min-height:0;padding:10px 16px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}nav button{padding:9px 13px;flex:0 0 auto}.welcome-hero{border-radius:25px}.row .actions{width:100%}.compare-table{font-size:12px}.compare-table td,.compare-table th{padding:11px 5px}main{padding-top:24px}}
@media(max-width:480px){.grid.stats{gap:8px}.stats .panel{padding:15px 12px;border-radius:18px}.stat-number{font-size:27px}.welcome-hero h1{letter-spacing:-1px}.welcome-hero:after{right:0;font-size:250px}.preferences{gap:7px}.product-grid .panel{padding:22px}.welcome-hero .actions button{width:100%}}

/* A single drawer replaces both desktop sidebar and horizontal mobile tabs. */
.brand-group{display:flex;align-items:center;gap:14px;min-width:0}
.menu-toggle{display:grid;place-items:center;width:46px;height:46px;padding:12px;border-radius:15px;flex:0 0 46px;background:var(--soft)}
.hamburger-icon{display:grid;gap:5px;width:21px}.hamburger-icon span{display:block;width:21px;height:2px;border-radius:2px;background:currentColor}
.layout{display:block!important;max-width:1280px;margin-inline:auto}
#nav-drawer{margin:0;position:fixed;inset:0 auto 0 0;width:min(340px,calc(100vw - 24px));max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-right:1px solid var(--line);border-radius:0 26px 26px 0;box-shadow:18px 0 70px #001b2540;overflow:hidden}
#nav-drawer::backdrop{background:#07191c88;backdrop-filter:blur(4px)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}
.drawer-head button{width:44px;height:44px;padding:0;border-radius:50%;font-size:26px}
#nav-drawer nav{position:static;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;min-height:0;max-height:calc(100dvh - 94px);padding:18px;overflow-y:auto;overflow-x:hidden;white-space:normal;border:0}
#nav-drawer nav button{width:100%;text-align:left;margin:0;padding:12px 16px;flex:0 0 auto;font-size:15px}
@media(max-width:700px){.top{position:sticky;top:0;padding:14px 18px;gap:12px}.brand-group{gap:10px}.brand{font-size:23px}.brand small{font-size:10px}.mark{width:38px;height:38px;border-radius:12px}main{padding-top:24px}}

body:has(#nav-drawer[open]){overflow:hidden}