:root{color-scheme:dark;--bg:#080e12;--surface:#101b21;--surface-soft:#0d161c;--line:#26373e;--text:#eef4f0;--muted:#a4b2b2;--accent:#6be2ba;--ink:#08231c;--error:#ffb5a7;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
body::before{position:absolute;content:"";width:70%;height:810px;right:0;top:0;background:radial-gradient(ellipse at 80% 25%,#16352c60,transparent 62%);pointer-events:none;z-index:-1}
body.scroll-lock{overflow:hidden}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:disabled{cursor:wait;opacity:.65}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:#6be2ba;color:#08231c}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:600}
svg{display:block;flex-shrink:0}
.wrap{width:calc(100% - 112px);max-width:1280px;margin:0 auto}
.skip-link{position:fixed;left:20px;top:-90px;background:var(--accent);color:var(--ink);padding:12px 20px;z-index:100}
.skip-link:focus{top:20px}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;height:106px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;gap:13px;align-items:center;min-height:44px}
.brand-mark{color:var(--accent);width:38px;height:38px}
.brand-type{font-size:21px;font-weight:650;letter-spacing:2px;line-height:1.2}
.brand-type>span{display:block;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:3px;margin-top:7px}
nav{display:flex;gap:32px;margin-left:auto;margin-right:28px}
nav a{display:flex;align-items:center;min-height:44px;color:#bdc8c6;font-size:14px;transition:color .2s}
nav a:hover,.text-link:hover{color:var(--accent)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:11px 22px;border:1px solid #39504f;background:transparent;color:var(--text);border-radius:5px;font-weight:500;font-size:16px;line-height:1.5;transition:background .2s,border-color .2s,box-shadow .2s}
.button svg{width:21px;height:21px}
.button>span:last-child{margin-left:9px}
.button:hover{background:#18292b;border-color:#698c83}
.button:active{background:#243734}
.button-primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.button-primary:hover{background:#91f0ce;border-color:#91f0ce;box-shadow:0 6px 30px #6be2ba12}
.button-primary:active{background:#56c7a0}
.header-download{font-size:14px;min-height:46px;padding:9px 17px}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;min-height:698px;padding-top:38px;padding-bottom:38px}
.hero-copy{position:relative;z-index:2;padding:18px 0 28px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.2px;color:var(--accent);font-weight:500;line-height:1.6}
.tiny-line{display:inline-block;width:26px;height:1px;background:currentColor}
h1{font-size:76px;line-height:1.2;letter-spacing:-4px;margin:29px 0 28px}
h1>span{color:var(--accent)}
.hero-description{color:#b8c6c1;font-size:18px;line-height:1.9;max-width:460px}
.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:34px}
.hero-actions>.button{min-height:56px;padding:13px 22px}
.text-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;color:#c5cecb;font-size:14px;transition:color .2s}
.platform-note{font:12px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:1.1px;color:var(--muted);margin-top:20px}
.hero-stage{position:relative;height:596px;min-width:0;perspective:1300px;isolation:isolate}
.stage-coordinate{position:absolute;font:12px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:1.3px;color:#8daca4}
.coordinate-top{right:18px;top:20px}
.coordinate-bottom{left:40px;bottom:5px;letter-spacing:1px}
.stage-ring{width:470px;height:470px;position:absolute;border:1px solid #37564c;opacity:.35;border-radius:50%;top:45px;left:48px;transform:rotateX(27deg) rotateY(-24deg)}
.stage-ring::after{content:"";position:absolute;inset:27px;border:1px dashed #416155;border-radius:50%}
.desk-artifact{position:absolute;top:95px;left:0;width:560px;max-width:94%;background:#102025;border:1px solid #3a5a51;border-radius:10px;overflow:hidden;transform:rotateY(-9deg) rotateX(6deg) rotateZ(-7deg);box-shadow:0 35px 85px #0009;transition:transform .35s var(--ease)}
.hero-stage[data-tilt="left"] .desk-artifact{transform:rotateY(-12deg) rotateX(7deg) rotateZ(-8deg)}
.hero-stage[data-tilt="right"] .desk-artifact{transform:rotateY(-5deg) rotateX(4deg) rotateZ(-5deg)}
.artifact-toolbar{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#112229;border-bottom:1px solid #365349;font-size:12px;color:#c7d7cf}
.artifact-logo{letter-spacing:1px;font-weight:600}
.artifact-demo{color:#9ab2a8;margin-left:auto}
.window-dots{color:#668478;margin-left:6px;font-size:12px}
.artifact-surface{height:327px;position:relative;background:radial-gradient(ellipse at 50% 54%,#205044,#183b32 67%,#15322d)}
.artifact-surface::before{content:"";position:absolute;inset:28px 57px 47px;border:1px solid #476b574f;border-radius:48%}
.artifact-seat{position:absolute;display:flex;align-items:center;gap:9px;color:#e0eadf;font-size:14px;line-height:1.4}
.artifact-seat>span>span{display:block;color:#adc6b3;font-size:12px;margin-top:3px}
.seat-symbol{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border:1px solid #729b8060;border-radius:50%;font-size:20px;color:#b2d9bc;background:#132f25}
.seat-north{left:43%;top:22px}.seat-west{left:17px;top:103px}.seat-east{right:17px;top:103px;text-align:right}
.center-trace{position:absolute;left:44%;top:103px;text-align:center;font-size:12px;color:#bad0c1}
.trace-label{display:block;font:10px/1.5 Consolas,monospace;letter-spacing:2px;color:#98b7a1;margin-bottom:7px}
.trace-card{display:inline-flex;background:#e8ede5;color:#10221b;border-radius:3px;width:31px;height:44px;flex-direction:column;line-height:1.2;padding-top:3px;font-size:19px;font-weight:600}
.trace-card small{font-size:17px}
.trace-caption{display:block;margin-top:7px;line-height:1.2;font-size:12px}
.card-fan{position:absolute;left:20%;bottom:34px;width:292px;height:114px;transform:rotate(4deg)}
.playing-card{position:absolute;bottom:0;width:72px;height:109px;border-radius:5px;background:#f0f0e6;color:#182d29;border:1px solid #d9e0d7;box-shadow:1px 8px 13px #0004;transform-origin:50% 150%;font-family:Georgia,"Times New Roman",serif}
.playing-card>span{position:absolute;top:6px;left:8px;line-height:1;font-size:24px;font-weight:600}
.playing-card small{display:block;text-align:center;font-size:21px}
.playing-card b{position:absolute;left:28px;top:40px;font-size:35px;font-weight:400}
.fan-one{left:0;transform:rotate(-19deg)}.fan-two{left:49px;transform:rotate(-10deg)}.fan-three{left:98px;transform:rotate(0)}.fan-four{left:147px;transform:rotate(10deg)}.fan-five{left:196px;transform:rotate(19deg)}
.red-card{color:#b84441}
.artifact-hand-caption{position:absolute;bottom:19px;left:41%;font-size:12px;color:#abc6b1}
.artifact-bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;height:37px;padding:0 18px;background:#102d26;border-top:1px solid #62826940;color:#adc4b7;font-size:12px}
.artifact-signal{display:inline-flex;align-items:center;gap:7px}
.artifact-signal i,.mini-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.decision-float{position:absolute;right:-4px;top:181px;width:188px;padding:17px 19px;background:#132628;border:1px solid #4e8270;border-radius:7px;box-shadow:0 20px 45px #0006;transform:rotate(4deg);z-index:3}
.float-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:#c0dbce}.float-heading svg{width:18px;height:18px;color:var(--accent)}
.decision-float strong{display:block;color:#a9efc8;font:54px/1.2 Georgia,serif;margin-top:15px}
.decision-float p{font-size:12px;line-height:1.6;color:#b1c5ba;margin-top:5px}
.float-divider{height:1px;background:#4c6e5b70;margin:14px 0 12px}
.float-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b7cfbf}
.boundary-float{position:absolute;left:13px;bottom:30px;padding:17px 23px;border-left:2px solid var(--accent);background:linear-gradient(90deg,#11241ef0,#11241e90);z-index:3}
.boundary-float .eyebrow{font-size:10px;letter-spacing:1.6px}
.boundary-float>span:nth-child(2){display:block;color:#d5e6dc;margin-top:6px;font-size:17px;font-weight:500}
.boundary-float p{font-size:12px;color:#b3c9bc;margin-top:3px}
.enter{animation:entrance .7s var(--ease) both}.hero-stage.enter{animation-delay:.1s}
@keyframes entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.compatibility-band{display:flex;align-items:center;gap:38px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:#bbc9c4}
.band-label{color:#8f9f9f;margin-right:auto}.band-arrow{color:var(--accent);font-size:24px}
.section-space{padding-top:108px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}
.section-index{color:#8fa9a1;margin-bottom:19px}
h2{font-size:46px;letter-spacing:-1.5px;line-height:1.32}
.section-intro{font-size:16px;line-height:1.85;color:var(--muted);max-width:392px;padding-bottom:4px}
.preview-shell{border:1px solid #2f4941;border-radius:10px;overflow:hidden;background:var(--surface-soft);box-shadow:0 30px 80px #0002}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:85px;padding:16px 27px;border-bottom:1px solid var(--line);background:#111e25}
.preview-title{display:flex;align-items:center;gap:11px;color:#d8e5dc;font-size:14px;letter-spacing:.5px}.preview-title svg{width:21px;height:21px;color:var(--accent)}
.mode-switch{display:flex;gap:4px;padding:4px;background:#080f14;border:1px solid #273f38;border-radius:7px}
.mode-button{min-width:80px;min-height:44px;padding:8px 17px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--muted);font-size:14px;transition:background .2s,color .2s}
.mode-button[aria-selected="true"]{background:#254a3e;color:#cbf6e2;border-color:#386454}.mode-button:hover{color:var(--text)}
.preview-label{font-size:12px;color:#8fa9a1;white-space:nowrap}
.preview-pane{min-height:410px;padding:30px}
.game-preview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:36px}
.demo-table{min-height:345px;position:relative;border:1px solid #3a5c4d;border-radius:8px;background:radial-gradient(ellipse at 50% 50%,#18372d,#11271f)}
.demo-table::before{position:absolute;content:"";inset:38px 46px 67px;border:1px solid #486c5140;border-radius:45%}
.table-label{position:absolute;top:15px;left:20px;color:#98bba6;font-size:12px}
.demo-seat{position:absolute;padding:7px 13px;background:#132c24;border:1px solid #3e645130;border-radius:3px;color:#c1dac8;font-size:14px;line-height:1.5}
.demo-seat>span{margin-left:7px;font-size:12px;color:#99b8a3}
.demo-seat-top{top:38px;left:50%;transform:translateX(-50%)}.demo-seat-left{top:43%;left:16px}.demo-seat-right{top:43%;right:16px}
.table-message{position:absolute;left:16%;right:16%;top:30%;text-align:center}.table-message svg{width:34px;height:34px;color:#94caa5;margin:0 auto 10px}.table-message p{font-size:16px;font-weight:500;color:#ccdfce}.table-message>span{font-size:12px;color:#a2bdaa;display:block;margin-top:5px}
.demo-hand{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.small-card{display:flex;flex-direction:column;width:45px;height:66px;padding:5px 7px;border:1px solid #d7e3d1;border-radius:4px;background:#e9f0e4;color:#152d21;font:23px/1.2 Georgia,serif;box-shadow:0 4px 10px #0003}
.small-card>span{font-size:20px}.small-card.red-card{color:#b84441}
.demo-ledger{padding:13px 6px 8px 0}.demo-ledger h3,.demo-explanation h3{font-size:28px;line-height:1.4;letter-spacing:-.7px;margin-top:17px}
.ledger-list{list-style:none;margin:23px 0 20px;padding:0}.ledger-list li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.ledger-list strong{color:#d6e7dd;font-size:14px;font-weight:500}
.demo-ledger>p{font-size:14px;line-height:1.85;color:var(--muted)}
.preview-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:13px 27px;font-size:12px;color:#92aaa0}.preview-footer>span:first-child{display:inline-flex;align-items:center;gap:8px;font-family:Consolas,monospace;letter-spacing:1px}
.advice-preview-grid,.feedback-preview-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;min-height:350px}
.sample-advice{padding:24px;border:1px solid #3a6153;border-radius:6px;background:linear-gradient(135deg,#183d32,#142a24);display:flex;flex-direction:column;align-items:stretch}
.sample-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#c5d9cd}.outline-label{padding:4px 8px;border:1px solid #49675e;color:#adcebc;border-radius:3px;font-size:12px;white-space:nowrap}
.target-label{font-size:14px;color:#a0bfb0;margin-top:22px}.sample-advice-content{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:143px;padding:9px 0}.sample-advice-content>strong{font:88px/1.1 Georgia,serif;color:#ccf5d9}.sample-suit{font-size:59px;color:#b1ebc8}.sample-advice-caption{font-size:14px;color:#9ec9b4;margin-left:auto}.sample-advice-content.is-waiting>strong{font-family:inherit;font-size:30px;line-height:1.4}.sample-advice-content.is-waiting>.sample-suit{font-size:37px}.sample-advice-content.is-waiting>.sample-advice-caption{display:none}
.button-quiet{border-color:#406252;font-size:14px;min-height:44px;align-self:flex-start;margin-top:auto}
.demo-explanation{align-self:center}.demo-explanation>p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:18px;max-width:430px}.explanation-foot{margin-top:21px;padding-top:18px;border-top:1px solid var(--line);color:#c3dbca;font-size:14px}.explanation-foot>span{margin-right:13px;color:var(--accent);font-size:21px}
.scope-list{list-style:none;padding:0;margin:25px 0 0}.scope-list li{color:var(--muted);font-size:14px;line-height:1.8;margin-top:8px;padding-left:17px;position:relative}.scope-list li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border:1px solid #8ba99a}
.demo-feedback{border:1px solid #355548;border-radius:6px;padding:24px;background:#112820}.demo-feedback>label{display:block;font-size:14px;color:#cedbd1;margin:25px 0 10px}.demo-feedback textarea{width:100%;resize:vertical;min-height:96px;padding:13px 14px;color:var(--text);background:#0c1b16;border:1px solid #395449;border-radius:4px;font-size:16px}.demo-feedback textarea::placeholder{color:#8daba0}.demo-scope{font-size:12px;color:#9cb5a7;margin:9px 0 17px}.demo-feedback .button{font-size:14px;min-height:44px;padding:9px 15px}.demo-result{font-size:12px;min-height:22px;color:#b9d6c4;margin-top:15px}
.principles{display:grid;grid-template-columns:.9fr 1.3fr;gap:82px;padding-top:116px}.principles-heading h2{font-size:52px}.principles-heading h2>span{color:var(--accent)}.principles-heading>p:last-child{color:var(--muted);line-height:1.85;margin-top:25px}
.principle-rows article{display:grid;grid-template-columns:35px 1fr 36px;gap:22px;border-top:1px solid var(--line);padding:29px 0}.principle-rows article:last-child{border-bottom:1px solid var(--line)}.row-number{color:#7b9c91;font:12px/1.6 Consolas,monospace;margin-top:3px}.principle-rows h3{font-size:23px;line-height:1.4;margin-bottom:10px}.principle-rows p{font-size:16px;line-height:1.8;color:var(--muted);max-width:440px}.principle-rows svg{width:30px;height:30px;color:#98bea9;margin-top:1px}
.getting-started{padding-top:116px}.getting-started h2{font-size:44px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:39px;border-top:1px solid var(--line);padding-top:30px}.step-number{display:flex;justify-content:space-between;align-items:center;font:44px/1.3 Georgia,serif;color:#a2c3b4;margin-bottom:22px}.step-number>span{font:22px/1.4 sans-serif;color:#6f9a86}.setup-steps article+article{border-left:1px solid var(--line);padding-left:39px}.setup-steps h3{font-size:21px;margin-bottom:12px}.setup-steps p{color:var(--muted);font-size:16px;line-height:1.9}.setup-steps code{font-size:13px;color:#bddecd;overflow-wrap:anywhere}
.download-slab{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:49px 50px;border:1px solid #355a4d;border-radius:8px;background:linear-gradient(105deg,#133029 0%,#0e1c1c 68%);position:relative;overflow:hidden}.download-slab::before{content:"";position:absolute;right:-130px;top:-170px;width:490px;height:490px;border:1px solid #325044;border-radius:50%;opacity:.6;pointer-events:none}.download-copy,.release-sheet{z-index:1}.download-copy h2{font-size:49px;line-height:1.3;margin-top:20px}.download-copy>p:nth-last-child(2){font-size:16px;line-height:1.9;color:#a5c1b4;margin-top:23px}.download-copy .button{margin-top:29px}
.release-sheet{padding:9px 0 0}.release-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;font:12px/1.6 Consolas,monospace;color:#abd0bd;letter-spacing:2px}.release-heading svg{width:32px;height:32px;color:#8ad4b6}.release-sheet dl{margin:21px 0 22px}.release-sheet dl>div{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:13px 0;border-bottom:1px solid #2c453d;font-size:14px}.release-sheet dt{color:#99b6a7}.release-sheet dd{margin:0;text-align:right;color:#d2e6d9;overflow-wrap:anywhere;font-family:Consolas,"Microsoft YaHei",monospace;min-width:0}.release-sheet dd>span{display:block;color:#8fac9d;font-size:12px;margin-top:5px}.checksum-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a6c2b2;gap:15px}.checksum-heading button{display:flex;align-items:center;gap:6px;min-width:64px;min-height:44px;padding:6px 8px;background:transparent;border:0;color:#c2e8d3;border-radius:3px;font-size:12px}.checksum-heading button:hover{background:#253e32}.checksum-heading svg{width:16px;height:16px}.checksum-box>code{display:block;font:12px/1.9 Consolas,monospace;color:#95b6a5;overflow-wrap:anywhere;letter-spacing:1px;border:1px solid #304e3f;background:#0b1e17;padding:13px 15px;border-radius:3px;user-select:all}.copy-status{display:block;font-size:12px;min-height:22px;margin-top:5px;color:#c0e9d0}
.faq-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:82px;padding-top:108px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;gap:22px;justify-content:space-between;align-items:center;list-style:none;min-height:81px;padding:20px 0;font-size:18px;font-weight:500;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:25px/1.4 sans-serif;color:#9ab8a9;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--accent)}.faq-list p{font-size:16px;line-height:1.85;color:var(--muted);padding:0 43px 26px 0}
.site-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:50px 0 36px;margin-top:102px;border-top:1px solid var(--line)}.footer-wordmark{font-size:28px;letter-spacing:4px;font-weight:500}.footer-wordmark>span{display:block;font-size:13px;letter-spacing:1.6px;font-weight:400;color:#8fa39a;margin-top:8px}.site-footer>div{display:flex;align-items:center;gap:33px;font-size:12px;color:#8ba197}.site-footer>div>a{display:flex;align-items:center;gap:12px;min-height:44px;color:#b4cdc0}
.download-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--text);background:#0f1c20;border:1px solid #456255;border-radius:10px;padding:28px 33px 27px;box-shadow:0 30px 120px #0009}.download-dialog::backdrop{background:#020706de;backdrop-filter:blur(5px)}.download-dialog[open]{animation:dialog-entrance .24s var(--ease)}
@keyframes dialog-entrance{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.dialog-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#b1c7ba;background:transparent;border:1px solid #2d463c;border-radius:5px}.dialog-close svg{width:22px;height:22px}.dialog-close:hover{background:#20382d}.download-dialog h2{font-size:29px;line-height:1.4;letter-spacing:-.6px}.download-dialog>p:nth-of-type(1){margin-top:14px;font-size:16px;color:#a8bdb2;line-height:1.85}.download-dialog form{margin-top:27px}.download-dialog label{display:block;font-size:16px;color:#dfebe1;margin-bottom:9px}.download-dialog input{width:100%;min-height:52px;background:#07130e;border:1px solid #426050;border-radius:5px;padding:11px 13px;color:var(--text);font-size:18px;letter-spacing:2px}.download-dialog input[aria-invalid="true"]{border-color:var(--error)}.field-help{font-size:12px;color:#9cb7a5;margin-top:9px;line-height:1.8}.dialog-submit{width:100%;margin-top:22px;min-height:53px}.download-status{color:#c6ebd4;font-size:14px;min-height:24px;margin-top:14px}.download-status.is-error{color:var(--error)}.dialog-footnote{font-size:12px;line-height:1.85;color:#95ada0;border-top:1px solid #2b4438;margin-top:23px;padding-top:16px}.noscript-notice{position:fixed;bottom:15px;left:16px;right:16px;padding:16px;background:#25453b;color:#e2f5e8;border:1px solid #659683;z-index:30}
@media(min-width:1500px){.hero{gap:60px}.desk-artifact{left:10px}.hero-stage{height:615px}.coordinate-top{right:30px}}
@media(max-width:1190px){.wrap{width:calc(100% - 72px)}nav{gap:23px;margin-right:10px}.hero{grid-template-columns:.95fr 1.05fr;gap:12px;min-height:640px}h1{font-size:67px;letter-spacing:-3px}.hero-description{font-size:17px}.hero-actions{gap:16px}.hero-actions>.button{padding:12px 16px;font-size:15px}.hero-stage{height:550px}.desk-artifact{top:111px;max-width:96%}.artifact-surface{height:302px}.card-fan{left:14%;transform:scale(.9) rotate(4deg)}.decision-float{right:-6px;top:185px;width:166px;padding:15px}.decision-float strong{font-size:46px}.boundary-float{bottom:32px;left:7px}.stage-ring{width:390px;height:390px;left:30px;top:80px}.coordinate-bottom{left:8px}.compatibility-band{gap:25px}.preview-toolbar{padding:16px 20px;gap:13px}.preview-title{font-size:12px}.mode-button{min-width:66px}.preview-pane{padding:26px}.game-preview-grid{grid-template-columns:1.4fr 1fr;gap:27px}.advice-preview-grid,.feedback-preview-grid{gap:37px}.principles,.faq-section{gap:48px}.download-slab{gap:40px;padding:40px}.download-copy h2{font-size:44px}.release-sheet dl>div{font-size:13px}.setup-steps{gap:27px}.setup-steps article+article{padding-left:27px}}
@media(max-width:950px){.site-header{height:93px}nav{gap:21px;margin-right:0}nav a{font-size:13px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:0;padding:56px 0 26px;min-height:auto}.hero-copy{padding:0 0 6px}.hero-description{max-width:510px}.desktop-break{display:none}h1{font-size:76px}.hero-stage{width:640px;max-width:100%;height:569px;margin:5px auto 0}.desk-artifact{top:90px;width:560px;max-width:94%}.artifact-surface{height:327px}.card-fan{left:20%;transform:rotate(4deg)}.decision-float{right:0;top:180px;width:188px;padding:17px 19px}.decision-float strong{font-size:54px}.stage-ring{width:470px;height:470px;left:48px;top:35px}.boundary-float{left:18px;bottom:25px}.coordinate-top{top:20px;right:20px}.coordinate-bottom{left:28px;bottom:0}.compatibility-band{gap:14px 25px}.band-label{width:100%;font-size:12px}.band-arrow{margin-left:auto}.section-space{padding-top:82px}.section-heading{gap:28px}.section-intro{max-width:330px}.preview-toolbar{flex-wrap:wrap}.preview-title{font-size:13px}.preview-label{width:100%;text-align:left;margin-top:-4px}.preview-pane{min-height:auto}.game-preview-grid{grid-template-columns:1fr;gap:20px}.demo-table{min-height:335px}.demo-ledger{padding:4px 0}.demo-ledger h3 br{display:none}.demo-ledger h3{font-size:26px}.ledger-list{margin:16px 0;display:flex;gap:20px}.ledger-list li{flex:1;flex-direction:column;font-size:12px}.demo-ledger>p{font-size:14px}.advice-preview-grid,.feedback-preview-grid{gap:27px}.sample-advice{padding:22px}.sample-advice-caption{display:none}.sample-topline{font-size:12px}.demo-explanation h3{font-size:25px}.demo-feedback{padding:20px}.demo-feedback>label{font-size:12px}.principles,.faq-section{grid-template-columns:1fr;gap:36px}.principles-heading h2 br,.faq-section h2 br{display:none}.principles-heading>p:last-child br{display:none}.principles-heading>p:last-child{margin-top:18px}.principle-rows p{max-width:none}.download-slab{padding:34px;gap:31px}.download-copy h2{font-size:37px}.download-copy>.eyebrow{font-size:11px;letter-spacing:1.3px}.download-copy .button{font-size:14px;padding:11px 13px}.release-sheet dl>div{display:block}.release-sheet dd{text-align:left;margin-top:5px}.release-sheet dl{margin-top:10px}.release-sheet dd>span{margin-top:2px}.setup-steps{gap:23px}.setup-steps article+article{padding-left:23px}.setup-steps p{font-size:14px}.site-footer{margin-top:82px}.site-footer>div{gap:18px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:86px;gap:16px}.brand{gap:9px}.brand-mark{width:30px;height:30px}.brand-type{font-size:18px}.brand-type>span{font-size:10px;letter-spacing:2px;margin-top:5px}nav{display:none}.header-download{font-size:12px;min-height:44px;padding:9px 11px}.header-download>span:last-child{margin-left:0}.hero{padding-top:40px}.hero .eyebrow{font-size:11px;letter-spacing:1.6px}.hero-copy{padding:0}h1{font-size:56px;letter-spacing:-2.5px;line-height:1.22;margin:25px 0 22px}.hero-description{font-size:16px;line-height:1.85}.hero-actions{gap:20px;margin-top:26px;flex-wrap:nowrap}.hero-actions>.button{font-size:14px;padding:12px 14px;gap:9px;min-height:52px}.hero-actions .button>span:last-child{margin-left:0}.hero-actions .text-link{font-size:12px;gap:9px}.platform-note{font-size:10px;letter-spacing:.5px;margin-top:16px}.hero-stage{height:413px;margin-top:26px;perspective:800px}.desk-artifact{top:64px;left:0;max-width:100%;width:100%;border-radius:7px;transform:rotateY(-9deg) rotateX(6deg) rotateZ(-6deg)}.hero-stage[data-tilt="left"] .desk-artifact,.hero-stage[data-tilt="right"] .desk-artifact{transform:rotateY(-9deg) rotateX(6deg) rotateZ(-6deg)}.artifact-toolbar{padding:11px 11px;font-size:10px;gap:8px}.artifact-demo{font-size:10px}.window-dots{font-size:10px}.artifact-surface{height:235px}.artifact-surface::before{inset:26px 37px 51px}.artifact-seat{font-size:12px;gap:6px}.artifact-seat>span>span{font-size:10px}.seat-symbol{width:26px;height:26px;font-size:17px}.seat-north{top:13px;left:40%}.seat-west{top:82px;left:8px}.seat-east{top:82px;right:8px}.center-trace{top:68px;left:42%}.trace-label{font-size:8px;letter-spacing:1px}.trace-card{width:24px;height:34px;font-size:15px}.trace-card small{font-size:13px}.trace-caption{font-size:10px}.card-fan{left:10%;bottom:26px;width:280px;transform:scale(.66) rotate(4deg);transform-origin:center bottom}.artifact-hand-caption{bottom:28px;left:39%;font-size:10px;z-index:2}.artifact-bottom{height:29px;font-size:9px;padding:0 10px}.decision-float{right:0;top:149px;width:123px;padding:11px 12px;transform:rotate(4deg)}.float-heading{font-size:10px;letter-spacing:0}.float-heading svg{width:15px;height:15px}.decision-float strong{font-size:36px;margin-top:9px}.decision-float p{font-size:9px;line-height:1.5;margin-top:3px}.float-divider{margin:10px 0 8px}.float-foot{font-size:9px}.boundary-float{left:7px;bottom:27px;padding:11px 16px;max-width:90%}.boundary-float .eyebrow{font-size:9px;letter-spacing:1px}.boundary-float>span:nth-child(2){font-size:15px;margin-top:4px}.boundary-float p{font-size:10px;margin-top:2px}.coordinate-top{right:5px;top:10px;font-size:9px}.coordinate-bottom{left:7px;bottom:0;font-size:10px;letter-spacing:.3px}.stage-ring{width:280px;height:280px;left:30px;top:31px}.compatibility-band{padding:19px 0;gap:10px 23px;font-size:12px}.band-label{font-size:12px}.band-arrow{display:none}.section-space{padding-top:64px}.section-heading{display:block;margin-bottom:27px}h2{font-size:35px;letter-spacing:-1px}.section-index{font-size:10px;letter-spacing:1.4px;margin-bottom:14px}.section-intro{font-size:16px;max-width:none;margin-top:19px}.preview-shell{border-radius:7px}.preview-toolbar{padding:15px;gap:15px}.preview-title{font-size:12px}.mode-switch{order:3;width:100%;padding:4px}.mode-button{flex:1;font-size:14px;padding:8px 12px;min-height:44px}.preview-label{width:auto;margin-left:auto;font-size:10px;margin-top:0}.preview-pane{padding:16px}.game-preview-grid{gap:20px}.demo-table{min-height:287px}.demo-table::before{inset:35px 20px 69px}.table-label{font-size:10px;left:11px;top:10px}.demo-seat{font-size:11px;padding:4px 8px}.demo-seat>span{font-size:10px;margin-left:3px}.demo-seat-top{top:30px}.demo-seat-left{left:9px;top:39%}.demo-seat-right{right:9px;top:39%}.table-message{left:10%;right:10%;top:33%}.table-message svg{width:28px;height:28px;margin-bottom:8px}.table-message p{font-size:12px}.table-message>span{font-size:10px}.demo-hand{bottom:19px;gap:5px}.small-card{width:37px;height:55px;font-size:20px;padding:4px 6px}.small-card>span{font-size:17px}.demo-ledger>.eyebrow{font-size:10px}.demo-ledger h3{font-size:24px;margin-top:13px}.ledger-list{gap:13px}.ledger-list li{font-size:10px;padding:10px 0}.ledger-list strong{font-size:12px}.demo-ledger>p{font-size:14px}.preview-footer{flex-direction:column;gap:4px;padding:12px 16px;font-size:10px}.advice-preview-grid,.feedback-preview-grid{grid-template-columns:1fr;gap:25px;min-height:0}.sample-advice{min-height:298px;padding:20px}.sample-topline{font-size:12px}.outline-label{font-size:10px}.sample-advice-content{min-height:139px}.sample-advice-content>strong{font-size:76px}.sample-suit{font-size:53px}.sample-advice-content.is-waiting>strong{font-size:25px}.target-label{font-size:12px}.demo-explanation{padding:2px 0 5px}.demo-explanation>.eyebrow{font-size:10px}.demo-explanation h3{font-size:26px}.demo-explanation>p{font-size:16px;margin-top:14px}.explanation-foot{font-size:13px}.feedback-preview-grid .demo-explanation{order:2}.demo-feedback>label{font-size:13px}.demo-feedback .button{min-height:46px}.scope-list li{font-size:14px}.principles{gap:30px}.principles-heading h2{font-size:38px}.principles-heading h2 br{display:block}.principles-heading>p:last-child{font-size:16px}.principle-rows article{grid-template-columns:24px 1fr 26px;gap:14px;padding:23px 0}.principle-rows h3{font-size:21px}.principle-rows p{font-size:16px}.principle-rows svg{width:24px;height:24px}.row-number{font-size:10px}.getting-started h2{font-size:33px}.setup-steps{display:block;padding-top:0}.setup-steps article{display:grid;grid-template-columns:45px 1fr;column-gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}.setup-steps article+article{border-left:0;padding-left:0}.step-number{font-size:35px;grid-row:1/3;margin:0;display:block}.step-number>span{display:none}.setup-steps h3{font-size:21px;margin-bottom:9px}.setup-steps p{font-size:16px}.download-slab{grid-template-columns:1fr;padding:28px 24px;gap:37px}.download-copy h2{font-size:37px;margin-top:18px}.download-copy>.eyebrow{font-size:10px}.download-copy>p:nth-last-child(2){font-size:16px;margin-top:20px}.download-copy .button{font-size:14px;min-height:51px;margin-top:26px;padding:11px 15px}.release-sheet{border-top:1px solid #315146;padding-top:25px}.release-sheet dl>div{display:flex;font-size:12px;gap:20px}.release-sheet dd{text-align:right;margin-top:0}.release-sheet dt{white-space:nowrap}.release-sheet dd>span{font-size:10px}.checksum-box>code{font-size:10px;padding:11px 12px}.release-heading{font-size:10px}.checksum-heading{font-size:10px}.checksum-heading button{font-size:12px}.faq-section{gap:26px}.faq-list summary{font-size:17px;line-height:1.65;min-height:76px;padding:18px 0;gap:15px}.faq-list summary>span{font-size:23px;flex-shrink:0}.faq-list p{padding-right:13px;font-size:16px}.site-footer{display:block;margin-top:63px;padding:31px 0}.footer-wordmark{font-size:26px}.footer-wordmark>span{font-size:12px;margin-top:5px}.site-footer>div{justify-content:space-between;gap:20px;margin-top:25px;font-size:10px}.site-footer>div>a{font-size:12px}.download-dialog{padding:21px 23px 23px;max-height:calc(100dvh - 24px)}.dialog-topline{margin-bottom:16px}.dialog-topline .eyebrow{font-size:10px}.download-dialog h2{font-size:25px}.download-dialog>p:nth-of-type(1){font-size:15px}.download-dialog form{margin-top:23px}.dialog-submit{font-size:15px}.field-help,.dialog-footnote{font-size:12px}.download-status{font-size:14px}}
/* Zero-minimum grid tracks keep intrinsic illustration widths inside the viewport. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.hero-copy,.hero-stage,.demo-ledger,.demo-explanation,.sample-advice,.demo-feedback,.principles-heading,.principle-rows,.download-copy,.release-sheet,.faq-list{min-width:0}
.game-preview-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.advice-preview-grid,.feedback-preview-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.principles,.faq-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
.setup-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.download-slab{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
@media(max-width:1190px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.game-preview-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(max-width:950px){.hero{grid-template-columns:minmax(0,1fr)}.hero-stage{width:min(640px,100%)}.game-preview-grid,.principles,.faq-section{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.hero-stage{width:100%;max-width:100%}.hero-actions{flex-wrap:wrap}.desk-artifact{left:3%;width:94%;max-width:94%}.stage-ring{left:17px;width:calc(100% - 34px);max-width:280px;height:auto;aspect-ratio:1}.advice-preview-grid,.feedback-preview-grid,.download-slab{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-stage .desk-artifact{transform:rotateZ(-6deg)!important}}