.db-page{background:#100f0f;color:#f6f4f4;overflow:hidden;--ice:#d2c9cb;font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.db-opening{max-width:1440px;margin:auto;padding:76px 6% 70px}.db-heading{text-align:center;position:relative;z-index:2}.db-kicker{font-size:11px;letter-spacing:.2em;color:#a59396}.db-heading h1{font-size:clamp(65px,10vw,144px);font-weight:500;letter-spacing:-.075em;line-height:1.08;margin:24px 0}.db-period{color:#e50025}.db-heading h2{font-size:clamp(18px,2.3vw,30px);font-weight:400;letter-spacing:.06em;margin:0;color:#cbc1c3}.db-observatory{position:relative;height:560px;margin:0 -4%;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#534b4d48,transparent 58%)}.db-observatory:before{content:'';position:absolute;inset:10%;background-image:radial-gradient(#c4b8ba66 .6px,transparent .7px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 65%);opacity:.45}.db-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.db-wire{fill:none;stroke:url(#dbBeam);stroke-width:1;opacity:.25;transition:opacity .7s}.db-cross{fill:none;stroke:#b1a2a5;stroke-width:1;stroke-dasharray:4 9;opacity:0;transition:opacity .7s}.db-orbit{position:absolute;left:50%;top:50%;width:370px;height:370px;border:1px solid #ccc2c419;border-radius:50%;transform:translate(-50%,-50%) rotateX(58deg) rotate(-30deg)}.orbit-two{width:470px;height:470px;transform:translate(-50%,-50%) rotateX(58deg) rotate(30deg)}.db-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:26px}.db-center>span{font-size:15px;letter-spacing:.12em;color:#e6e0e1}.db-core{width:128px;height:128px;padding:22px;border-radius:30px;background:linear-gradient(135deg,#dcd6d738,#4d464726);border:1px solid #d8d0d263;box-shadow:inset 0 0 40px #dfd8d912,0 0 80px #947f8325;transform:rotate(-12deg);animation:db-core-float 8s ease-in-out infinite}.db-core-face{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;height:100%}.db-core i{border-radius:4px;background:#d5ccce;opacity:.18;animation:db-cell 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.3s)}.db-core i:nth-child(6),.db-core i:nth-child(11){background:#e50025;opacity:1;animation:none;box-shadow:0 0 15px #e5002550}.db-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:104px;padding:16px;border:1px solid #baadaf29;border-radius:16px;background:linear-gradient(135deg,#3c3637ea,#1e1c1ce8);box-shadow:0 15px 45px #0002;display:grid;gap:8px;transition:opacity .8s,border-color .8s,box-shadow .8s;animation:db-node-float 7s ease-in-out infinite;animation-delay:var(--delay)}.db-node-mark svg{width:24px;height:24px;color:#cec4c6}.db-node strong{font-size:15px;font-weight:400}.db-node-code{font-size:8px;letter-spacing:.15em;color:#9a878a}.db-node-lock{display:none;position:absolute;right:12px;top:12px;font-size:8px;color:#c0b3b5}.db-boundary{position:absolute;width:78%;height:84%;top:8%;left:8%;border:1px solid #c0b3b555;border-radius:46%;opacity:0;transition:opacity .7s;pointer-events:none}.db-boundary span{position:absolute;right:8%;bottom:8%;font-size:9px;letter-spacing:.14em;color:#c0b3b5}.db-scene-caption{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:.2em;white-space:nowrap;color:#bcafb1}.db-motion{position:absolute;bottom:2px;right:7%;border:1px solid #c2b5b833;background:none;color:#cac0c2;border-radius:50%;width:34px;height:34px;cursor:pointer}.db-controls{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #9f8c8f33}.db-controls button{background:none;border:0;border-top:2px solid transparent;padding:26px 20px;text-align:left;color:#90797d;cursor:pointer;transition:color .3s,border .3s}.db-controls button span{font-size:10px;letter-spacing:.12em;display:block;margin-bottom:14px}.db-controls strong{font-size:clamp(16px,2vw,25px);font-weight:400}.db-controls button[aria-pressed=true]{border-color:#d7cfd0;color:#f8f6f7}.db-controls button:hover{color:white}.db-page :focus-visible{outline:2px solid #d2c9cb;outline-offset:5px}[data-brain-mode=connect] .db-wire{opacity:1;stroke-dasharray:10 7;animation:db-flow 5s linear infinite}[data-brain-mode=connect] .db-cross{opacity:.5}[data-brain-mode=connect] .db-node{border-color:#d0c7c979;box-shadow:0 0 24px #8d777b26}[data-brain-mode=protect] .db-boundary{opacity:1}[data-brain-mode=protect] .db-node-lock{display:block}[data-brain-mode=protect] .node-0,[data-brain-mode=protect] .node-3,[data-brain-mode=protect] .node-7{opacity:.2}[data-brain-mode=protect] .wire-1,[data-brain-mode=protect] .wire-2,[data-brain-mode=protect] .wire-5{opacity:1;stroke:#c0b3b5;stroke-dasharray:6 12;animation:db-flow 5s linear infinite}.db-handoff{border-top:1px solid #9f8c8f1f;background:linear-gradient(#181616,#121111);padding:90px max(6%,calc((100vw - 1180px)/2)) 80px}.db-section-heading h2{font-size:clamp(25px,3vw,42px);letter-spacing:-.03em;font-weight:400;margin:22px 0 65px}.db-routing{display:grid;grid-template-columns:1fr 50px 1.2fr 50px 1fr;align-items:center;gap:30px}.db-vault{display:grid;justify-items:center;gap:22px}.db-route-label{font-size:10px;letter-spacing:.18em;color:#aa999c}.db-vault-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:150px}.db-vault-grid i{height:24px;background:#302b2c;border:1px solid #76626644;border-radius:4px}.db-vault-grid .selected{background:#d2c9cb7a;border-color:#d2c9cb;box-shadow:0 0 12px #d2c9cb33}.db-routing strong{font-size:15px;font-weight:400;color:#d3cacc}.db-route-arrow{color:#927d81;font-size:28px;text-align:center}.db-gate{display:grid;justify-items:center;gap:24px;padding:42px 15px;border:1px solid #c0b3b533;background:#c0b3b504;border-radius:22px}.db-gate svg{width:58px;fill:none;stroke:#baadaf;stroke-width:1.2}.db-permits{display:flex;gap:10px}.db-permits i{width:17px;height:17px;border:1px solid #baadaf;background:#baadaf22;border-radius:3px}.db-destinations{display:grid;gap:12px}.db-destinations span{padding:20px 24px;border:1px solid #9f8c8f33;border-radius:9px;font-size:15px}.db-return{border-bottom:1px solid #9f8c8f2c;text-align:center;margin:45px 30px 0;padding-bottom:22px;font-size:12px;letter-spacing:.09em;color:#9d8a8d}.db-return span{margin-right:20px}.db-closing{display:flex;justify-content:space-between;gap:25px;padding:50px 7%;border-top:1px solid #9f8c8f33}.db-closing a{font-size:22px;display:flex;align-items:center;gap:35px;color:#dbd4d5}.db-closing span{color:#9d8a8d}.db-paused *, .db-paused *:before{animation-play-state:paused!important}@keyframes db-core-float{50%{transform:translateY(-9px) rotate(-5deg)}}@keyframes db-cell{50%{opacity:.8}}@keyframes db-node-float{50%{transform:translate(-50%,calc(-50% - 8px))}}@keyframes db-flow{to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.db-page *{animation:none!important;transition:none!important}.db-motion{display:none}}@media(max-width:650px){.db-opening{padding:45px 5% 30px}.db-heading h1{font-size:65px}.db-heading h2{font-size:18px}.db-observatory{height:440px;margin:15px -5% 0}.db-node{width:64px;padding:10px 7px;border-radius:10px;gap:5px}.db-node strong{font-size:11px}.db-node-code{font-size:6px}.db-node-mark svg{width:18px;height:18px}.db-core{width:86px;height:86px;border-radius:22px;padding:14px}.db-core-face{gap:4px}.db-center>span{font-size:10px}.db-orbit{width:240px;height:240px}.orbit-two{width:310px;height:310px}.db-controls button{padding:20px 6px}.db-controls button span{font-size:8px;letter-spacing:0}.db-controls strong{font-size:14px}.db-handoff{padding:55px 7%}.db-section-heading h2{font-size:25px;margin-bottom:40px}.db-routing{grid-template-columns:1fr;gap:20px}.db-route-arrow{transform:rotate(90deg);font-size:22px}.db-vault-grid{width:130px}.db-gate{padding:24px}.db-destinations{grid-template-columns:repeat(3,1fr);gap:7px}.db-destinations span{padding:17px 4px;text-align:center;font-size:11px}.db-return{margin:30px 0 0;font-size:11px}.db-closing a{font-size:18px;gap:20px}}
@media(max-width:650px){.db-controls strong{font-size:13px;white-space:nowrap}.db-controls button span{font-size:7px}.db-page .node-2{left:25%}.db-page .node-5{left:81%}}

/* Keep the clearer title; restore the organic network composition. */
.db-heading{text-align:left;margin-bottom:30px}.db-title-line{display:flex;align-items:center;padding-bottom:24px;border-bottom:1px solid #cabfc129;margin-bottom:36px}.db-wordmark{font-size:22px;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.db-wordmark i{width:6px;height:6px;background:#e50025}.db-heading h1{font-size:clamp(42px,5.7vw,76px);font-weight:400;line-height:1.28;letter-spacing:-.065em;margin:0}.db-heading h1>span{color:#b1a2a5}.db-node{min-height:86px;align-content:center}.db-controls button span{font-size:11px;color:#ac9b9e}.db-section-heading h2{margin-top:0}.db-vault{gap:22px}
@media(max-width:650px){.db-heading h1{font-size:42px;line-height:1.35}.db-wordmark{font-size:18px}.db-title-line{margin-bottom:26px;padding-bottom:20px}.db-node{min-height:64px}.db-controls strong{font-size:12px;white-space:normal}.db-controls button span{font-size:10px}.db-controls button{padding:20px 8px}}

/* Finish pass: preserve the floating composition; improve edges and legibility. */
.db-page{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.db-observatory{background:radial-gradient(ellipse at 50% 48%,#4841434a,transparent 62%)}
.db-node{width:118px;min-height:112px;padding:21px 19px;gap:13px;border:1px solid transparent;border-radius:19px;background:linear-gradient(145deg,#3e393a,#262223 72%,#211f1f) padding-box,linear-gradient(135deg,#d4cccd99,#907b7f4a 42%,#806a6e40 68%,#beb1b36b) border-box;box-shadow:inset 0 1px 0 #f2eff013,inset 0 -1px 0 #0005,0 12px 26px #0003,0 1px 4px #0004;transition:opacity .8s,box-shadow .8s}
.db-node:before{content:'';position:absolute;inset:4px;border-radius:15px;border:1px solid #e7e3e408;pointer-events:none}
.db-node strong{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:.025em;color:#edeaea;text-shadow:0 1px 2px #0003}
.db-node-mark svg{width:28px;height:28px;color:#d3cbcc;stroke-width:1.35}
.db-core{width:140px;height:140px;padding:24px;border-radius:32px;border:1px solid transparent;background:linear-gradient(140deg,#867074,#4b4445 36%,#3b3637 80%) padding-box,linear-gradient(135deg,#f2f0f0bd,#a4939666 48%,#b8abada6) border-box;box-shadow:inset 0 2px 2px #f1eeef23,inset 0 -2px 3px #0004,0 14px 32px #0004,0 0 65px #8a73771c}
.db-core:before{content:'';position:absolute;inset:5px;border:1px solid #ebe7e812;border-radius:26px;pointer-events:none}
.db-core i{border-radius:4px;box-shadow:inset 0 1px 1px #f1efef33,0 1px 2px #0002}
.db-core i:nth-child(6),.db-core i:nth-child(11){box-shadow:inset 0 1px 1px #ff7b8b55,0 2px 4px #5c001e66,0 0 14px #e500251c}
.db-center>span{font-size:21px;letter-spacing:.07em;color:#eae6e7;font-weight:500}
.db-wire,.db-cross{stroke-width:1.1;stroke-linecap:round;vector-effect:non-scaling-stroke}
.db-wire{opacity:.5}.db-cross{stroke:#a79699}.db-orbit{border-color:#ccc2c420}.orbit-two{border-color:#ccc2c414}
[data-brain-mode=connect] .db-wire{opacity:.92;stroke-dasharray:7 13;animation-duration:7s}
[data-brain-mode=connect] .db-cross{opacity:.36;stroke-dasharray:3 13}
[data-brain-mode=connect] .db-node{border-color:transparent;box-shadow:inset 0 1px #f8f7f722,inset 0 -1px #0005,0 12px 26px #0003,0 0 22px #a4939614}
[data-brain-mode=protect] .db-boundary{border-color:#c2b5b86b;box-shadow:0 0 25px #c0b3b506,inset 0 0 25px #c0b3b504}
.db-scene-caption{font-size:17px;letter-spacing:.13em;color:#cfc5c7;bottom:7px}
.db-motion{width:40px;height:40px;font-size:16px;color:#d8d0d2;border-color:#baacaf50;background:linear-gradient(140deg,#c6bbbd0c,#c6bbbd02);box-shadow:inset 0 1px #ede9ea0c}
.db-controls button{color:#baacaf}.db-controls button span{font-size:13px;color:#bdb1b3}.db-controls strong{font-size:clamp(20px,2vw,26px);line-height:1.6;letter-spacing:.015em}.db-controls button[aria-pressed=true]{border-color:#ddd6d7;color:#f7f5f5}
.db-routing strong,.db-destinations span{font-size:18px;color:#ded7d8}.db-return{font-size:15px;color:#bdb0b2}.db-gate{border-color:#b7a9ab51;box-shadow:inset 0 1px #e6e0e10b}.db-destinations span{border-top-color:#bfb2b449;box-shadow:inset 0 1px #ebe8e808}
@media(max-width:650px){
 .db-observatory{height:490px;margin-top:20px}.db-node{width:74px;min-height:80px;padding:13px 10px;gap:9px;border-radius:14px}.db-node:before{inset:3px;border-radius:11px}.db-node strong{font-size:14px;letter-spacing:0}.db-node-mark svg{width:22px;height:22px}.db-core{width:94px;height:94px;padding:16px;border-radius:24px}.db-core:before{inset:4px;border-radius:20px}.db-center{gap:21px}.db-center>span{font-size:15px;letter-spacing:.035em}.db-page .node-2{left:23%}.db-page .node-5{left:83%}.db-scene-caption{font-size:13px;letter-spacing:.035em;bottom:9px;left:46%}.db-motion{width:34px;height:34px;right:5%;bottom:1px;font-size:14px}.db-controls{margin-top:28px}.db-controls button{padding:20px 7px}.db-controls button span{font-size:12px;margin-bottom:10px}.db-controls strong{font-size:15px;white-space:normal;line-height:1.65}.db-destinations{grid-template-columns:1fr}.db-destinations span{font-size:16px;padding:18px}.db-routing strong{font-size:17px}.db-return{font-size:13px;letter-spacing:.03em}.db-core-face{gap:4px}
}
@media(prefers-reduced-motion:reduce){.db-page *{animation:none!important;transition:none!important}}
.db-controls button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.db-destinations span{padding-inline:14px}

/* Continuous neural signals: quiet filaments, luminous moving tails. */
.db-wire,[data-brain-mode=connect] .db-wire,[data-brain-mode=protect] .db-wire{stroke:url(#dbBeam);stroke-dasharray:none;animation:none;stroke-width:1;opacity:.55}
.db-cross,[data-brain-mode=connect] .db-cross{stroke:#b0a1a4;stroke-dasharray:none;animation:none;stroke-width:.65;opacity:.16}
.db-stream{opacity:.8;transition:opacity .7s;pointer-events:none}
[data-brain-mode=connect] .db-wire{opacity:.85}
[data-brain-mode=connect] .db-stream{opacity:1}
[data-brain-mode=protect] .db-stream{opacity:.06}
[data-brain-mode=protect] .stream-1,[data-brain-mode=protect] .stream-2,[data-brain-mode=protect] .stream-5{opacity:1}
[data-brain-mode=protect] .wire-1,[data-brain-mode=protect] .wire-2,[data-brain-mode=protect] .wire-5{stroke:#b7a8ab;stroke-dasharray:none;animation:none;opacity:.6}
.db-observatory{background:radial-gradient(ellipse at 48% 50%,#6352551c,transparent 45%),radial-gradient(ellipse at 53% 48%,#4841434a,transparent 62%)}
@media(prefers-reduced-motion:reduce){.db-stream{display:none}}

/* Initial S: a muted rose S in the data core. */
.db-page .db-core-face{grid-template-columns:repeat(5,1fr);gap:5px}
.db-page .db-core{width:154px;height:154px;padding:23px}
.db-page .db-core i{background:#8a7478;opacity:.42;box-shadow:inset 0 1px 1px #ece9e92b;animation:none}
.db-page .db-core i.s-pixel{background:#c67685;opacity:.8;box-shadow:inset 0 1px 1px #ffd5dc55,0 0 8px #bf617029;animation:brain-s-flow 7s ease-in-out infinite;animation-delay:calc(var(--s-order)*.13s - 3s)}
@keyframes brain-s-flow{0%,65%,100%{opacity:.58;filter:brightness(1)}28%{opacity:1;filter:brightness(1.25)}}
.db-rest *{animation-play-state:paused!important}
@media(max-width:650px){.db-page .db-core{width:105px;height:105px;padding:17px}.db-page .db-core-face{gap:3px}}
@media(prefers-reduced-motion:reduce){.db-page .db-core i.s-pixel{animation:none!important;opacity:.8}}

/* Graphite and Initial S red: the signal carries the color. */
.db-page{background:#0c0c10;color:#f3f0f2;--ice:#f19aab}
.db-heading h1>span{color:#b8adb2}
.db-observatory{background:radial-gradient(ellipse at 50% 48%,#9e153022,transparent 57%)}
.db-observatory:before{background-image:radial-gradient(#dc879c55 .6px,transparent .7px)}
.db-page .db-node{background:linear-gradient(145deg,#29292f,#19191f 72%,#15151a) padding-box,linear-gradient(135deg,#bcaab077,#71545f44 50%,#b17b8b55) border-box}
.db-node-mark svg{color:#d6bbc5}.db-node-lock{color:#f0829a}
.db-page .db-core{background:linear-gradient(140deg,#64575f,#352a32 40%,#231b22) padding-box,linear-gradient(135deg,#f0c8d2aa,#90647655 48%,#d37b92a0) border-box;box-shadow:inset 0 2px 2px #ffe2eb20,inset 0 -2px 3px #0004,0 14px 32px #0005,0 0 75px #e6002520}
.db-page .db-core i{background:#82717b}.db-page .db-core i.s-pixel{background:#ed3656;box-shadow:inset 0 1px #ffcbd655,0 0 12px #ed26404a}
.db-wire,[data-brain-mode=connect] .db-wire,[data-brain-mode=protect] .db-wire{stroke-width:1.8;stroke:url(#dbBeam)}
.db-cross,[data-brain-mode=connect] .db-cross{stroke:#cf7187;stroke-width:1;opacity:.22}
.db-orbit{border-color:#e86c8b22}.orbit-two{border-color:#e86c8b14}
[data-brain-mode=connect] .db-node{box-shadow:inset 0 1px #fff1f522,inset 0 -1px #0005,0 12px 26px #0003,0 0 24px #e600251c}
.db-page :focus-visible{outline-color:#f697ad}