:root{--space:#020d16;--space-2:#061b28;--cyan:#18d8ff;--cyan-soft:#71e8ff;--aqua:#10e1c0;--gold:#ffc94e;--violet:#aa78ff;--red:#ff6f6f;--panel:#041827ee;--panel-2:#072438e8;--line:#3dd7ff55;--text:#f5fbff;--muted:#9ebbc8;--heading:'Oxanium',system-ui,sans-serif;--body:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--space);color:var(--text)}body{font-family:var(--body);background:radial-gradient(circle at 50% 8%,#0e3f57 0,#03141f 32%,#020b12 70%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;left:12px;top:-90px;z-index:99;background:white;color:#001018;padding:10px 14px;border-radius:4px}.skip-link:focus{top:12px}
.beyond-shell{width:min(1536px,calc(100% - 38px));height:100svh;margin:auto;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:clamp(6px,1.05vh,11px);padding:10px 0 8px;overflow:hidden}.beyond-header{min-height:70px;border:1px solid #25bdd744;background:linear-gradient(180deg,#03131ff8,#020e18f3);box-shadow:0 10px 30px #0008;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 16px}.brand{display:flex;flex-direction:column}.brand strong{font:700 1.55rem/1 var(--heading);letter-spacing:.025em;text-shadow:0 0 24px #30d8ff44}.brand strong span{color:#fff}.brand small{margin-top:5px;color:#59ddf2;font:600 .58rem/1 var(--heading);letter-spacing:.15em}.header-context{display:flex;align-items:center;gap:12px}.edition-badge{border:1px solid #31dfff88;background:linear-gradient(#1689aa,#0b607b);color:#fff;font:600 .52rem/1 var(--mono);padding:6px 8px;box-shadow:0 0 16px #17c8ff33}.back-link{min-height:38px;display:flex;align-items:center;padding:6px 8px;border:1px solid #3bc6e277;background:#031a28;color:#eefaff;font-size:.66rem;letter-spacing:.04em}
.intro{text-align:center;min-height:0}.eyebrow{margin:0;color:#55dff5;font:600 clamp(.5rem,1vw,.68rem)/1.2 var(--mono);letter-spacing:.13em}.intro h1{margin:2px 0 0;font:700 clamp(1.45rem,3.2vw,2.65rem)/1 var(--heading);letter-spacing:.035em;text-wrap:balance}.tagline{margin:5px 0 0;color:#ffd56b;font:600 clamp(.62rem,1.35vw,.88rem)/1.15 var(--heading);letter-spacing:.08em}.intro-copy{margin:4px 0 0;color:var(--muted);font-size:clamp(.58rem,1.2vw,.76rem);line-height:1.3}
.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.category-tab{min-height:54px;border:1px solid #23667b;background:linear-gradient(180deg,#062436,#031520);display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 7px;text-align:left;border-radius:5px}.category-tab span{color:#5edff4;font:500 .5rem/1 var(--mono)}.category-tab b{font:600 clamp(.48rem,.73vw,.62rem)/1.08 var(--heading);letter-spacing:.035em;color:#dff6ff;text-wrap:balance}.category-tab:hover{border-color:#48dff4;background:#082c40}.category-tab.is-active{border-color:#ffd154;background:linear-gradient(180deg,#332a13,#141106);box-shadow:0 0 18px #ffc93b24}.category-tab.is-active span{color:#ffd154}.category-tab.is-active b{color:#fff}
.tool-stage{min-height:0;border:1px solid #2abed555;background:linear-gradient(180deg,#051a29ee,#03121dee);box-shadow:0 10px 30px #0005;padding:clamp(9px,1.4vh,15px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(7px,1.2vh,12px);overflow:hidden}.stage-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #24687c;padding-bottom:7px}.stage-heading span{display:block;color:#55dff5;font:500 .52rem/1.1 var(--mono);letter-spacing:.12em}.stage-heading h2{margin:3px 0 0;font:700 clamp(.95rem,1.75vw,1.4rem)/1 var(--heading)}.stage-heading p{margin:0;max-width:540px;color:#9fbcc9;text-align:right;font-size:clamp(.58rem,1vw,.74rem);line-height:1.35}.tool-grid{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,.9vw,12px)}.tool-card{min-width:0;min-height:0;border:1px solid #2c748b;background:radial-gradient(circle at 50% 0,#0b344a 0,#061b29 42%,#03131e 100%);box-shadow:0 10px 24px #0005;padding:clamp(9px,1.25vw,16px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:5px;overflow:hidden;border-radius:8px}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-mark{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid #42dff2;color:#60e6f8;background:#082b3e;font:600 .55rem/1 var(--mono);box-shadow:0 0 15px #29d8ff1e}.tool-status{color:#ffd56b;font:500 .46rem/1 var(--mono);letter-spacing:.075em;text-align:right}.tool-card h3{margin:0;color:white;font:600 clamp(.72rem,1.15vw,.98rem)/1.1 var(--heading);text-wrap:balance}.tool-copy{min-height:0;overflow:hidden}.tool-copy p{margin:0;color:#a8c3ce;font-size:clamp(.54rem,.82vw,.7rem);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tool-copy small{display:block;margin-top:4px;color:#7cecff;font-size:clamp(.49rem,.72vw,.6rem);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-link{min-height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #3abbd277;background:#062230;color:#eafaff;border-radius:5px;font-size:clamp(.52rem,.78vw,.63rem);font-weight:600;letter-spacing:.035em}.tool-link:hover{background:#0a2b3d;border-color:#37d3ed;color:white}
.closing-line{text-align:center;color:#32f0bc;font:600 clamp(.5rem,.9vw,.66rem)/1.2 var(--heading);letter-spacing:.1em}.beyond-footer{border-top:1px solid #26768e;padding:6px 4px 0;display:grid;grid-template-columns:auto minmax(280px,1fr);gap:18px;align-items:center;color:#87aebd}.beyond-footer>div{display:flex;flex-direction:column;gap:2px}.beyond-footer strong{color:#d9eef5;font:500 .48rem/1.2 var(--mono);letter-spacing:.055em}.beyond-footer small{font-size:.45rem}.beyond-footer p{margin:0;text-align:right;font-size:.46rem;line-height:1.3}
@media(max-width:900px){.beyond-shell{width:min(100% - 20px,760px);padding-top:7px;gap:6px}.beyond-header{min-height:58px;padding:7px 10px}.brand strong{font-size:1.25rem}.brand small{font-size:.48rem}.back-link{font-size:.55rem;min-height:34px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.category-tab{min-height:42px;padding:4px}.category-tab b{font-size:.48rem}.category-tab span{display:none}.tool-stage{padding:9px}.stage-heading{align-items:center}.stage-heading p{font-size:.56rem;max-width:46%}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.tool-card{padding:8px;gap:3px}.tool-mark{width:24px;height:24px;font-size:.48rem}.tool-card h3{font-size:clamp(.66rem,2.6vw,.86rem)}.tool-copy p{font-size:clamp(.5rem,2vw,.64rem);-webkit-line-clamp:2}.tool-copy small{font-size:.49rem}.tool-link{min-height:28px;font-size:.5rem}.beyond-footer{grid-template-columns:1fr;gap:2px;text-align:center}.beyond-footer p{text-align:center;font-size:.42rem}.beyond-footer strong{font-size:.44rem}.beyond-footer small{font-size:.4rem}}
@media(max-width:430px){.beyond-shell{width:calc(100% - 12px);padding-top:5px;gap:5px}.beyond-header{min-height:50px}.brand strong{font-size:1.08rem}.brand small{font-size:.42rem}.edition-badge{display:none}.back-link{font-size:.49rem;padding:4px 6px}.intro h1{font-size:1.45rem}.tagline{font-size:.6rem}.intro-copy{font-size:.5rem}.category-tab{min-height:37px}.category-tab b{font-size:.43rem}.stage-heading span{font-size:.45rem}.stage-heading h2{font-size:.84rem}.stage-heading p{font-size:.49rem}.tool-card h3{font-size:.67rem}.tool-copy p{font-size:.49rem;line-height:1.28}.tool-copy small{font-size:.43rem}.tool-link{min-height:26px;font-size:.46rem}.closing-line{font-size:.45rem}}
@media(max-height:690px) and (orientation:portrait){.intro-copy{display:none}.tagline{margin-top:2px}.category-tab{min-height:34px}.tool-stage{padding:7px}.stage-heading{padding-bottom:4px}.tool-copy p{-webkit-line-clamp:2}.beyond-footer p{display:none}}
@media(max-height:520px) and (orientation:landscape){.beyond-shell{width:calc(100% - 14px);padding:4px 0;grid-template-columns:220px minmax(0,1fr);grid-template-rows:46px 45px minmax(0,1fr) 20px;gap:5px 8px}.beyond-header{grid-column:1/-1;min-height:46px;padding:4px 10px}.brand{flex-direction:row;align-items:baseline;gap:8px}.brand strong{font-size:1.05rem}.brand small{margin:0;font-size:.4rem}.intro{grid-column:1;grid-row:2;text-align:left;align-self:center}.intro h1{font-size:1rem}.eyebrow,.intro-copy{display:none}.tagline{font-size:.45rem;margin-top:3px}.category-grid{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:4px}.category-tab{min-height:0}.category-tab b{font-size:.43rem}.tool-stage{grid-column:2;grid-row:2/4;padding:6px;gap:5px}.stage-heading{padding-bottom:4px}.stage-heading h2{font-size:.78rem}.stage-heading p{font-size:.45rem;max-width:58%}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:5px}.tool-card{padding:6px;gap:2px}.tool-top{gap:4px}.tool-mark{width:21px;height:21px;font-size:.42rem}.tool-status{font-size:.38rem}.tool-card h3{font-size:.58rem}.tool-copy p{font-size:.42rem;line-height:1.22;-webkit-line-clamp:3}.tool-copy small{font-size:.38rem;margin-top:2px}.tool-link{min-height:23px;font-size:.4rem}.closing-line{grid-column:1;grid-row:4;font-size:.38rem;align-self:center}.beyond-footer{grid-column:2;grid-row:4;border:0;padding:0;display:flex;justify-content:flex-end}.beyond-footer>div{display:none}.beyond-footer p{font-size:.35rem;max-width:680px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.beyond-header,.category-tab,.tool-stage,.tool-card,.tool-link{background:Canvas;color:CanvasText;box-shadow:none;border-color:CanvasText}.category-tab.is-active{outline:2px solid Highlight}}

/* Use the approved CAZONCI.NET visual master as a restrained atmospheric layer — no new art direction. */
body::before{content:"";position:fixed;inset:-32px;z-index:-2;background-image:linear-gradient(180deg,#00101ae8 0%,#041d2adf 46%,#020f18f0 100%),url('../assets/cazonci-net-v10-04-visual-master.png');background-size:cover;background-position:center 58%;filter:blur(20px) saturate(1.15) contrast(1.06);transform:scale(1.06);opacity:.32;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 38%,transparent 0 28%,#00111c28 56%,#000914b8 100%);pointer-events:none}