/* ThisBoard — thisboard.codes */
:root{--bg:#121414;--surface:#1e2020;--surface-2:#292a2a;--surface-3:#343535;--ink:#e3e2e2;--muted:#b4b8b7;--line:#444748;--accent:#b8ff57;--accent-ink:#132000;--soft:#c7c6c6;--danger:#ff6b66;--shadow:rgba(0,0,0,.34);--display:"IBM Plex Sans","Segoe UI",sans-serif;--body:"IBM Plex Sans","Segoe UI",sans-serif;--mono:"JetBrains Mono",Consolas,monospace;--radius:12px;--max:1240px}
:root[data-theme="pink"]{--bg:#fff8f5;--surface:#fdf1ec;--surface-2:#f7ebe7;--surface-3:#ece0db;--ink:#201a18;--muted:#6a5750;--line:#d8c2ba;--accent:#8c4e35;--accent-ink:#fff;--soft:#e29578;--shadow:rgba(80,45,33,.16);--display:"Hanken Grotesk","Segoe UI",sans-serif;--body:"Hanken Grotesk","Segoe UI",sans-serif;--radius:20px}
:root[data-theme="navy"]{--bg:#0b1326;--surface:#131b2e;--surface-2:#171f33;--surface-3:#2d3449;--ink:#dae2fd;--muted:#aeb7cd;--line:#444d63;--accent:#b8c3ff;--accent-ink:#001356;--soft:#b6c7e7;--shadow:rgba(0,0,0,.35);--display:"Hanken Grotesk","Segoe UI",sans-serif;--body:"Hanken Grotesk","Segoe UI",sans-serif}
:root[data-theme="green"]{--bg:#111413;--surface:#191c1b;--surface-2:#1d201f;--surface-3:#323534;--ink:#e1e3e0;--muted:#b0b8b1;--line:#424843;--accent:#dfc29f;--accent-ink:#281903;--soft:#b4ccbb;--shadow:rgba(0,0,0,.38);--display:"Manrope","Segoe UI",sans-serif;--body:"JetBrains Mono",Consolas,monospace}
:root[data-theme="grey"]{--bg:#121414;--surface:#1a1c1c;--surface-2:#1e2020;--surface-3:#343535;--ink:#e3e2e2;--muted:#b4b8b7;--line:#444748;--accent:#00e639;--accent-ink:#003907;--soft:#c7c6c6;--shadow:rgba(0,0,0,.4);--display:"JetBrains Mono",Consolas,monospace;--body:"IBM Plex Sans","Segoe UI",sans-serif;--radius:4px}
:root[data-theme="soy"]{--bg:#fff8f3;--surface:#f8efe5;--surface-2:#eee3d5;--surface-3:#ded1c1;--ink:#201b12;--muted:#695f50;--line:#d2c4b2;--accent:#645e50;--accent-ink:#fff;--soft:#a78f70;--shadow:rgba(75,58,35,.15);--display:"Hanken Grotesk","Segoe UI",sans-serif;--body:"Hanken Grotesk","Segoe UI",sans-serif;--radius:16px}
:root[data-theme="white"]{--bg:#f8f9fa;--surface:#fff;--surface-2:#f0f2f4;--surface-3:#e4e7ea;--ink:#191c1d;--muted:#5b5f63;--line:#d5d9dc;--accent:#000;--accent-ink:#fff;--soft:#5b5f63;--shadow:rgba(20,25,28,.13);--display:"IBM Plex Sans","Segoe UI",sans-serif;--body:"IBM Plex Sans","Segoe UI",sans-serif;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.58;transition:background .35s,color .35s}img{max-width:100%;display:block}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:fixed;left:12px;top:-60px;background:var(--accent);color:var(--accent-ink);padding:10px 14px;z-index:200}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.03em}.logo-mark{width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.logo-mark i{background:var(--accent);border-radius:4px}.logo-mark i:nth-child(2),.logo-mark i:nth-child(3){background:var(--soft)}.logo-mark i:nth-child(4){border:3px solid var(--accent);background:transparent;border-radius:50%}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:650}.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-button{display:none}.btn,.menu-button{appearance:none;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 86%,white 4%),var(--surface-2));color:var(--ink);padding:12px 18px;border-radius:calc(var(--radius) - 2px);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 13%,transparent),0 5px 14px var(--shadow)}.btn:hover{transform:translateY(-1px);border-color:var(--accent)}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 85%,white),var(--accent));color:var(--accent-ink);border-color:var(--accent)}.btn.small{padding:9px 12px}.theme-button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);display:grid;place-items:center;cursor:pointer}.theme-button:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--accent)}.hero{min-height:calc(100vh - 72px);display:grid;align-items:center;padding:56px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.eyebrow,.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero h1{font:800 clamp(56px,8.3vw,112px)/.9 var(--display);letter-spacing:-.065em;margin:20px 0 24px}.hero h1 span{display:block;color:var(--accent)}.hero-copy{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:41ch}.cta-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.hero-media{position:relative}.hero-frame{overflow:hidden;border-radius:calc(var(--radius) + 12px);border:1px solid var(--line);box-shadow:0 35px 90px var(--shadow);background:var(--surface)}.hero-frame img{width:100%;aspect-ratio:1.61;object-fit:cover}.hero-label{position:absolute;right:18px;bottom:18px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.theme-dock{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.theme-dock button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--line);cursor:pointer}.theme-dock button[aria-pressed="true"]{border-color:var(--ink);transform:scale(1.08)}section{padding:96px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;margin-bottom:42px}.section-head h2,.page-hero h1{font:750 clamp(38px,5vw,70px)/1 var(--display);letter-spacing:-.045em;margin:8px 0 0}.section-head p{max-width:60ch;color:var(--muted);font-size:18px;margin:8px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,white 3%),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 7%,transparent)}.card h3{font:700 20px/1.25 var(--display);margin:14px 0 8px}.card p{color:var(--muted);margin:0}.card-number{font:700 12px var(--mono);color:var(--accent)}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.spec-strip div{padding:22px;border-right:1px solid var(--line)}.spec-strip div:last-child{border:0}.spec-strip b{display:block;font:700 30px var(--display)}.spec-strip span{font:600 11px var(--mono);text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.board-demo{display:grid;grid-template-columns:1fr .8fr;gap:28px}.board-shell{padding:24px;background:linear-gradient(145deg,var(--surface-3),var(--surface));border:1px solid var(--line);border-radius:calc(var(--radius) + 12px);box-shadow:0 28px 60px var(--shadow),inset 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}.board-top{display:flex;justify-content:flex-end;gap:18px;margin-bottom:22px}.dial{width:66px;height:66px;border-radius:50%;background:conic-gradient(from 30deg,#111,#555,#111,#333,#111);border:3px solid color-mix(in srgb,var(--line) 70%,white);position:relative}.dial:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);top:8px;left:50%;transform:translateX(-50%)}.key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-key{min-height:92px;text-align:left;padding:11px;border:1px solid var(--line);border-radius:calc(var(--radius) - 3px);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,white 5%),var(--surface));color:var(--ink);font:650 12px var(--mono);cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 11%,transparent),0 3px 0 color-mix(in srgb,var(--bg) 70%,black)}.demo-key:hover,.demo-key.active{border-color:var(--accent);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 11%,transparent),0 3px 0 var(--accent)}.demo-panel{display:flex;flex-direction:column;justify-content:center}.demo-panel code{font:600 12px var(--mono);color:var(--accent)}.demo-panel h3{font:700 32px var(--display);margin:12px 0}.demo-panel p{color:var(--muted)}.colour-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.colour-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.colour-card img{width:100%;aspect-ratio:1.61;object-fit:cover}.colour-body{padding:21px}.colour-body-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.colour-body h3{font:700 25px var(--display);margin:0}.colour-body p{color:var(--muted);margin:8px 0 18px}.colour-tag{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:3px solid var(--accent);padding:20px 0 0}.step b{font:700 12px var(--mono);color:var(--accent)}.step h3{font:700 20px var(--display);margin:11px 0 8px}.step p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);position:relative}.checklist li:before{content:"✓";position:absolute;left:2px;color:var(--accent);font-weight:900}.notice{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-left:4px solid var(--accent);padding:16px 18px;border-radius:0 var(--radius) var(--radius) 0;color:var(--muted)}.download-box{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);padding:34px}.download-box h2{font:750 clamp(35px,5vw,62px)/1 var(--display);letter-spacing:-.04em;margin:10px 0 16px}.download-meta{font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;line-height:2}.faq{display:grid;gap:8px}.faq details{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:0 20px}.faq summary{cursor:pointer;padding:18px 0;font-weight:700}.faq p{color:var(--muted);padding:0 0 18px;margin:0}.page-hero{padding:84px 0 58px;border-bottom:1px solid var(--line)}.page-hero p{max-width:65ch;color:var(--muted);font-size:19px}.subnav{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.prose{max-width:850px}.prose h2{font:700 34px var(--display);margin-top:52px}.prose h3{font:700 22px var(--display);margin-top:34px}.prose p,.prose li{color:var(--muted)}.prose table{width:100%;border-collapse:collapse;margin:22px 0;background:var(--surface);border:1px solid var(--line)}.prose th,.prose td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}.prose th{font:700 11px var(--mono);color:var(--accent);text-transform:uppercase}.code{background:color-mix(in srgb,var(--bg) 70%,black);border:1px solid var(--line);padding:16px;overflow:auto;font:13px/1.7 var(--mono);color:var(--soft)}footer{border-top:1px solid var(--line);padding:52px 0 70px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:35px}.footer-grid h4{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.footer-grid a{display:block;text-decoration:none;color:var(--muted);margin:8px 0}.footer-grid p{color:var(--muted);max-width:42ch}.legal-note{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:var(--muted);font-size:12px}.mobile-nav{display:none}
@media(max-width:960px){.navlinks{display:none}.menu-button{display:inline-block}.hero-grid,.board-demo,.section-head,.split,.download-box{grid-template-columns:1fr}.hero{min-height:auto}.hero-media{order:-1}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-nav.open{display:flex;position:fixed;inset:72px 0 auto;background:var(--bg);border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;z-index:90}.mobile-nav a{padding:13px;text-decoration:none;border-bottom:1px solid var(--line)}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav{height:64px}.hero{padding-top:28px}.hero-frame img{aspect-ratio:.8}.feature-grid,.colour-grid,.steps,.spec-strip{grid-template-columns:1fr}.spec-strip div{border-right:0;border-bottom:1px solid var(--line)}.key-grid{grid-template-columns:repeat(2,1fr)}.board-top{justify-content:center}.footer-grid{grid-template-columns:1fr}.section-head h2{font-size:40px}section{padding:72px 0}.nav-actions .btn{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}