:root{color-scheme:dark;--black:#0b0b0d;--red:#f12b35;--white:#fff;--muted:#a3a3ab;--line:#2c2c31;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}h1,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button,canvas{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:var(--white)}.landing{width:min(1240px,calc(100% - 100px));min-height:100svh;margin-inline:auto;display:flex;flex-direction:column}.topbar{min-height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:28px;font-weight:800;letter-spacing:-1.2px;line-height:1}.brand span{color:var(--red)}.topbar>span{font-size:14px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding-block:36px;flex:1}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.4px;line-height:1.5;color:var(--muted)}.hero h1{font-size:clamp(58px,7vw,98px);line-height:.98;letter-spacing:-4.5px;font-weight:900;margin-top:26px}.hero h1>span{color:var(--red)}.description{font-size:16px;color:var(--muted);margin-top:27px;line-height:1.6}.visual{min-width:0;position:relative}.visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.3px;color:var(--muted);line-height:1.5}.canvas-wrap{position:relative;aspect-ratio:1;isolation:isolate}.canvas-wrap canvas,.cube-fallback{display:block;width:100%;height:100%;position:absolute;inset:0}.canvas-wrap canvas{opacity:0;cursor:default;touch-action:pan-y}.canvas-wrap canvas.over-face{cursor:pointer}.cube-fallback{display:block}.visual.webgl-ready .cube-fallback{display:none}.visual.webgl-ready canvas{opacity:1}.visual.fallback .cube-fallback{display:block}.visual.fallback canvas,.visual.fallback .motion-toggle{display:none}.cube-face{fill:white;fill-opacity:.07;stroke:white;stroke-opacity:.65;stroke-width:1;cursor:pointer;transition:fill .2s,fill-opacity .2s,stroke .2s}.cube-face:hover,.cube-face:focus,.cube-face.active{fill:var(--red);fill-opacity:.5;stroke:#ff6470;stroke-opacity:1;outline:none}.motion-toggle{border:1px solid #49494f;background:transparent;color:var(--white);padding:8px 12px;min-width:72px;min-height:38px;font-size:12px;cursor:pointer;letter-spacing:0}.motion-toggle:hover{border-color:var(--red);color:var(--red)}.touch-hint{display:none}.bottomline{border-top:1px solid var(--line);min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.3px}
@media(max-width:1100px){.landing{width:calc(100% - 64px)}.hero{gap:16px}.hero h1{font-size:76px;letter-spacing:-3.5px}}
@media(max-width:820px){.landing{width:calc(100% - 48px)}.topbar{min-height:76px}.hero{gap:14px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:57px;letter-spacing:-2.4px}.eyebrow{font-size:11px;letter-spacing:1px}.description{font-size:14px}.visual-bottom{font-size:9px;letter-spacing:.7px}.motion-toggle{min-width:62px;min-height:36px;font-size:11px;padding:6px 10px}.bottomline{min-height:56px}}
@media(max-width:560px){.landing{width:calc(100% - 40px)}.topbar{min-height:62px;gap:15px}.brand{font-size:24px}.topbar>span{font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px;padding-block:26px 20px}.hero .eyebrow{font-size:10px;letter-spacing:1.1px}.hero h1{font-size:clamp(45px,12vw,60px);letter-spacing:-2.4px;line-height:1;margin-top:17px}.description{font-size:14px;margin-top:18px}.visual{width:100%;max-width:350px;margin-inline:auto}.canvas-wrap{max-height:260px;aspect-ratio:1}.visual-bottom{font-size:9px;letter-spacing:1px;gap:10px}.motion-toggle{font-size:11px;min-height:34px}.bottomline{min-height:47px;font-size:10px;letter-spacing:0}}
@media(pointer:coarse){.hover-hint{display:none}.touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.face-guide{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .16s;z-index:2}.face-guide path{fill:none;stroke:var(--red);stroke-width:1}.face-guide circle{fill:var(--red)}.face-callout{position:absolute;top:18px;right:12px;max-width:calc(100% - 24px);padding:8px 11px;background:rgba(11,11,13,.92);border-left:2px solid var(--red);font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s;z-index:3}.show-label .face-guide{opacity:1}.show-label .face-callout{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.face-guide,.face-callout{transition:none}}

.canvas-wrap #neural-field{opacity:1;pointer-events:none;z-index:0}.canvas-wrap #cube-3d{z-index:1;touch-action:none}.cube-fallback{z-index:1}.canvas-wrap #cube-3d.over-face{cursor:grab}.canvas-wrap #cube-3d.dragging{cursor:grabbing}.visual.fallback #neural-field{display:block}.cube-face{stroke-opacity:.35;stroke-linejoin:round;fill-opacity:.055}.face-callout{border-radius:0 6px 6px 0}

.method-detail,.site-footer{width:min(1240px,calc(100% - 100px));margin-inline:auto}.method-detail{border-top:1px solid var(--line);padding-block:54px 72px;scroll-margin-top:24px}.method-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.method-header>span{font-size:13px;color:var(--muted);letter-spacing:1px}.method-options{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:26px}.method-option{padding:5px 0 8px;background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);font-size:14px;cursor:pointer;line-height:1.4}.method-option:hover{color:var(--white)}.method-option[aria-pressed=true]{color:var(--white);border-color:var(--red)}.method-body{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;margin-top:44px}.method-copy h2{font-size:clamp(36px,4vw,58px);letter-spacing:-1.8px;line-height:1.1;margin:0 0 22px;font-weight:800}.method-copy h2:focus{outline:none}.method-copy>p{max-width:440px;color:#b6b6bf;font-size:17px;line-height:1.65}.method-question{margin-top:30px;padding-left:18px;border-left:2px solid var(--red)}.method-question span{display:block;font-size:12px;letter-spacing:.8px;color:var(--muted);margin-bottom:8px}.method-question strong{display:block;color:var(--white);font-size:17px;line-height:1.5;font-weight:500}.method-figure{margin:0;min-width:0;border:1px solid #222228;border-radius:18px;background:#0e0e11;overflow:hidden}.method-figure img{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.method-detail,.site-footer{width:calc(100% - 64px)}.method-body{gap:36px}}
@media(max-width:820px){.method-detail,.site-footer{width:calc(100% - 48px)}.method-body{gap:24px;grid-template-columns:1fr 1.1fr}.method-copy>p{font-size:16px}.method-options{gap:8px 18px}.method-copy h2{font-size:38px}}
@media(max-width:560px){.method-detail,.site-footer{width:calc(100% - 40px)}.method-detail{padding-block:32px 40px;scroll-margin-top:16px}.method-header .eyebrow{font-size:12px;letter-spacing:.7px}.method-header>span{font-size:12px}.method-options{gap:6px 18px;margin-top:20px}.method-option{font-size:14px}.method-body{grid-template-columns:1fr;gap:28px;margin-top:32px}.method-copy h2{font-size:38px;letter-spacing:-1.2px;margin-bottom:18px}.method-copy>p{font-size:16px}.method-question{margin-top:24px}.method-question strong{font-size:16px}.method-figure{border-radius:12px}}

/* Samurai wordmark: ink-like serif, vermilion seal and a single cut. */
.samurai-header{position:relative;min-height:100px;border-bottom-color:#393033}
.samurai-header::after{content:"";position:absolute;bottom:-1px;left:0;width:76px;height:2px;background:var(--red);transform:skewX(-35deg)}
.samurai-brand{display:inline-flex;align-items:center;gap:18px;font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:700;font-style:italic;letter-spacing:-1px;line-height:1.2;padding:14px 0}
.samurai-brand .brand-word{color:var(--white)}
.samurai-brand .brand-power{color:var(--red)}
.samurai-brand .brand-seal{display:grid;place-items:center;width:35px;height:39px;flex-shrink:0;background:var(--red);color:var(--white);font-family:serif;font-size:25px;font-weight:400;font-style:normal;line-height:1;border-radius:2px;transform:rotate(-5deg)}
.samurai-brand:hover .brand-power{color:#ff6871}
@media(max-width:560px){.samurai-header{min-height:78px}.samurai-brand{font-size:29px;gap:13px;letter-spacing:-.7px}.samurai-brand .brand-seal{width:29px;height:33px;font-size:22px}.samurai-header::after{width:56px}}

.workspace{width:min(1240px,calc(100% - 100px));margin:32px auto 64px;padding:32px;border:1px solid #393033;border-radius:12px;background:#101013;scroll-margin-top:24px}.workspace[hidden]{display:none}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace h2{font-size:30px;margin:0}.workspace h3{font-size:20px}.workspace p{line-height:1.6}.workspace-note,.workspace-row small{color:#aaaab2;font-size:14px}.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.workspace-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 0;border-bottom:1px solid #303036}.workspace-row>button:first-child{flex:1;text-align:left;font-size:16px;overflow-wrap:anywhere;min-width:120px}.workspace-row small{width:100%}.workspace label{display:block;margin:18px 0;font-size:16px}.workspace input,.workspace textarea,.workspace select{display:block;width:100%;margin-top:8px;padding:12px;background:#19191d;border:1px solid #49494f;border-radius:6px;color:#f5f5f7;font:inherit}.workspace textarea{resize:vertical}.workspace input:focus,.workspace textarea:focus,.workspace select:focus{outline:2px solid var(--red);outline-offset:2px}#workspace-dialog-messages{max-height:360px;overflow-y:auto;margin:18px 0;overflow-wrap:anywhere;white-space:pre-wrap}#workspace-dialog-messages p{margin-bottom:18px}#workspace-user,#workspace-status{margin-top:16px}#workspace-cycle-form[hidden]{display:none}.topbar{flex-wrap:wrap;padding-block:8px}#workspace-open{font-size:14px;min-height:44px}
@media(max-width:720px){.workspace{width:calc(100% - 40px);padding:20px}.workspace-columns{grid-template-columns:1fr;gap:28px}.workspace h2{font-size:25px}.samurai-brand{font-size:27px}.samurai-header{gap:8px}.workspace-heading{flex-wrap:wrap}}
