:root{--bg:#101214;--panel:#12151a;--line:#2a2f35;--text:#f3f3ef;--muted:#a8aaac;--terminal:#62c775;--crt:#aeb2a7;--crt-dark:#8f958a;--accent:#d85b79}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:18px;top:18px;z-index:99;background:#fff;color:#111;padding:10px 14px;border-radius:8px}.wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}header{height:94px;display:flex;align-items:center;border-bottom:1px solid #25292d}.brand{display:block;text-decoration:none;line-height:0}.brand img{width:258px;height:auto;display:block}.hero{min-height:495px;padding:42px 0 40px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.hero-copy h1{font-weight:350;font-size:clamp(58px,6.1vw,86px);line-height:.98;letter-spacing:-.057em;margin:0 0 32px;max-width:600px}.hero-copy h1 span{display:block;color:#aeb0b2}.hero-copy p{margin:0;color:#a9abad;font-size:16px;line-height:1.75}.crt-stage{perspective:1000px;display:flex;justify-content:center;min-width:0}.crt{--chin-center:47.5px;width:min(100%,455px);aspect-ratio:1.18/1;position:relative;background:linear-gradient(150deg,#bcc0b6,#9da397 60%,#858c80);border-radius:52px 52px 34px 34px;padding:23px 23px 92px;box-shadow:inset 0 0 0 2px #d0d4ca55,0 18px 46px #0000002a;transform:translateZ(0)}.screen-bezel{height:100%;border-radius:34px;background:linear-gradient(145deg,#8b9187,#bfc4ba 42%,#8c9288);padding:14px;box-shadow:inset 0 0 0 1px #edf0e855}.screen{height:100%;overflow:hidden;position:relative;border-radius:25px;background:radial-gradient(circle at 50% 45%,#102019,#07100d 65%,#030706);box-shadow:inset 0 0 28px #000,0 0 0 1px #090c0a;touch-action:none;cursor:grab}.screen.dragging{cursor:grabbing}.screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#ffffff05 0,#ffffff05 1px,transparent 1px,transparent 4px);mix-blend-mode:screen;opacity:.4}.chin-logo{position:absolute;left:42px;bottom:var(--chin-center);transform:translateY(50%);width:43px;height:auto;filter:brightness(0);opacity:.66}.floppy-drive{--slot-h:10px;--scoop-w:30px;--scoop-h:6px;position:absolute;left:50%;bottom:var(--chin-center);transform:translate(-50%,50%);width:132px;height:18px;display:flex;align-items:center;justify-content:center}.floppy-slot{position:relative;width:132px;height:10px;border-radius:2px;background:linear-gradient(180deg,#171b19 0%,#060808 100%);box-shadow:0 0 0 1px #0007,inset 0 1px 0 #ffffff10}.floppy-slot::before{content:"";display:block;height:100%;margin:1px 16px;border-radius:1px;background:linear-gradient(180deg,#050706,#121614 45%,#020303)}.floppy-drive::before,.floppy-drive::after{content:"";position:absolute;left:50%;top:calc(50% + var(--slot-h)/2);width:var(--scoop-w);height:var(--scoop-h);transform:translateX(-50%);pointer-events:none;border-radius:0 0 50% 50%/0 0 100% 100%;background:radial-gradient(ellipse 70% 120% at 50% 0%,#6f766c 0%,#8a9185 55%,#a2a89c 100%);box-shadow:inset 0 3px 3px #0007,inset 0 -1px 0 #ffffff35,0 1px 0 #ffffff30}.floppy-drive::before{top:auto;bottom:calc(50% + var(--slot-h)/2);transform:translateX(-50%) scaleY(-1)}.status-led{position:absolute;right:94px;bottom:var(--chin-center);transform:translateY(50%);width:4px;height:4px;border-radius:50%;background:#e8e6c4;box-shadow:0 0 5px #fff8}.power{position:absolute;right:30px;bottom:var(--chin-center);transform:translateY(50%);width:52px;height:43px;border:3px solid #60675f;border-radius:8px;background:linear-gradient(#d96280,#b64967);box-shadow:inset 0 0 0 2px #ffffff28,0 2px 2px #0005;color:#f4e8e9;font-size:20px;cursor:pointer}.power:active{transform:translateY(calc(50% + 1px))}.products{padding:14px 0 10px}.products>h2{font-size:26px;letter-spacing:-.035em;font-weight:450;margin:0 0 26px}.product-grid{display:grid;gap:34px}.empty-products{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;margin-top:10px;padding:54px 0 62px;border-top:1px solid #25292d;border-bottom:1px solid #25292d}.empty-copy .eyebrow{margin:0 0 14px;color:#737a80;font:650 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em}.empty-copy h2{font-size:clamp(34px,4.2vw,54px);line-height:1.04;letter-spacing:-.052em;font-weight:420;margin:0 0 18px;max-width:620px}.empty-copy>p:last-child{margin:0;color:#a6a9ad;font-size:16px;line-height:1.75;max-width:560px}.empty-terminal{min-height:206px;border:1px solid #333941;border-radius:16px;background:#0b0f0d;box-shadow:inset 0 0 40px #10201755,0 20px 50px #0002;overflow:hidden}.empty-terminal-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid #202721;background:#101512}.empty-terminal-bar span{width:6px;height:6px;border-radius:50%;background:#5c665f}.empty-terminal-body{padding:34px 30px;font:600 14px/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--terminal);text-shadow:0 0 5px color-mix(in srgb,var(--terminal) 28%,transparent)}.muted-code{color:#7b8b80}.product-link{display:block;text-decoration:none}.browser-frame{border:1px solid #3a4048;border-radius:17px;overflow:hidden;background:#0b0e12;box-shadow:0 18px 50px #0002;transition:transform .18s ease,border-color .18s ease}.product-link:hover .browser-frame{transform:translateY(-2px);border-color:#59616b}.browser-bar{height:35px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #1f252b;background:#101419}.browser-bar>span{width:6px;height:6px;border-radius:50%;background:#707985}.browser-bar code{margin:auto;font:9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#8f969e;letter-spacing:.035em;transform:translateX(-15px)}.browser-frame iframe{display:block;border:0;width:100%;height:510px;background:#121318;pointer-events:none}.product-meta{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding:19px 2px 0}.product-meta h3{font-size:26px;letter-spacing:-.035em;font-weight:570;margin:0 0 5px}.product-meta p{margin:0;color:#a4a7ab;font-size:15px}.arrow{font-size:25px;color:#c4c6c8}.studio{margin:85px 0 0;padding:52px 0 66px;border-top:1px solid #25292d;display:grid;grid-template-columns:1fr 1fr;gap:50px}.studio h2{font-size:38px;line-height:1.1;letter-spacing:-.045em;font-weight:430;margin:0}.studio p{margin:3px 0 0;color:#a6a9ad;font-size:16px;line-height:1.75;max-width:560px}footer{height:90px;border-top:1px solid #25292d;display:flex;align-items:center;color:#85898d;font-size:13px}@media(max-width:800px){.wrap{width:min(100% - 32px,620px)}header{height:78px}.brand img{width:220px}.hero{grid-template-columns:1fr;gap:32px;padding-top:50px}.hero-copy h1{font-size:clamp(54px,16vw,76px)}.crt-stage{padding:0 4px 16px}.crt{width:min(100%,440px)}.browser-frame iframe{height:420px}.empty-products{grid-template-columns:1fr;gap:30px;padding:44px 0 50px}.empty-terminal{min-height:178px}.studio{grid-template-columns:1fr;gap:22px;margin-top:64px}}@media(max-width:520px){.crt{--chin-center:42px;border-radius:42px 42px 28px 28px;padding:18px 18px 78px}.screen-bezel{border-radius:29px;padding:11px}.screen{border-radius:20px}.chin-logo{left:31px;width:36px}.floppy-drive{--slot-h:8px;--scoop-w:24px;--scoop-h:5px;width:108px;height:16px}.floppy-slot{width:108px;height:8px}.floppy-slot::before{margin:1px 13px}.power{right:24px;width:45px;height:38px}.status-led{right:82px}.browser-frame iframe{height:330px}.browser-bar code{font-size:7px}}

/* The logo, LED and power button share one chin centerline. */
@media(max-width:360px){.floppy-drive{--slot-h:6px;--scoop-w:20px;--scoop-h:4px;width:92px;height:14px}.floppy-slot{width:92px;height:6px}.floppy-slot::before{margin:1px 10px}.status-led{right:73px}.empty-terminal-body{padding-inline:20px;font-size:12px}}

/* Literal periods in the same text flow and font as "building"; loading-dots.js sets data-n. */
.loading-dots,.loading-dots>span{display:inline;font:inherit;letter-spacing:inherit;vertical-align:baseline}
.loading-dots[data-n="1"]>span:nth-child(n+2),.loading-dots[data-n="2"]>span:nth-child(3){visibility:hidden}