body{margin:0;background:#0B0B0C}
html{scroll-behavior:smooth}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #FF6A3D;outline-offset:3px}
.page{font-family:'Manrope',sans-serif;color:#F2EFE8;background:#0B0B0C;min-width:0;overflow-x:clip}
.cond{font-family:'Barlow Condensed',sans-serif}
.mono{font-family:'JetBrains Mono',monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.prog{position:fixed;top:0;left:0;right:0;height:3px;background:#FF6A3D;transform-origin:0 50%;transform:scaleX(0);z-index:50}
@supports (animation-timeline: scroll()){.prog{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rv{opacity:1}
@supports (animation-timeline: view()){.rv{animation:rise .8s ease both;animation-timeline:view();animation-range:entry 0% entry 35%}}
@keyframes rise{from{opacity:0;transform:translateY(42px)}to{opacity:1;transform:none}}
.fl{display:inline-block;background:#161618;color:#F2EFE8;border-radius:4px;padding:0 0.1em;margin:0 1px;line-height:1.1;position:relative;transform-origin:50% 50%;animation:flip .55s cubic-bezier(.2,.7,.2,1) both;box-shadow:inset 0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.06)}
.fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,0.75)}
.fl.or{color:#FF6A3D}
.wd{white-space:nowrap;display:inline-block;margin-right:0.26em}
.aurora{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(255,106,61,0.35),transparent 45%),radial-gradient(ellipse at 80% 70%,rgba(190,40,110,0.28),transparent 45%),radial-gradient(ellipse at 60% 20%,rgba(54,240,59,0.1),transparent 40%);animation:drift 18s ease-in-out infinite alternate;filter:blur(30px)}
@keyframes drift{from{transform:translate3d(-4%,-3%,0) rotate(-2deg)}to{transform:translate3d(4%,3%,0) rotate(2deg)}}
.intro{position:relative;padding:96px 0;background:linear-gradient(180deg,#0B0B0C,#120A10)}
.persona{position:relative;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:230px;box-shadow:0 20px 40px rgba(0,0,0,0.4);transition:transform .35s ease}
.persona:hover{transform:translateY(-6px) rotate(-0.5deg)}
.persona .pn{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;opacity:0.85}
.persona .pt{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:40px;line-height:0.95;text-transform:uppercase}
.persona .pd{font-size:14px;line-height:1.55;opacity:0.9}
.photo{position:relative;width:100%;max-width:300px;aspect-ratio:0.8;border-radius:22px;border:1.5px dashed rgba(255,255,255,0.3);background:rgba(255,255,255,0.04);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.bridge{position:relative;height:76vh;min-height:460px;background:linear-gradient(180deg,#120A10 0%,#3A1020 28%,#C9552E 52%,#E7D9C7 72%,#EDF1F4 100%);overflow:hidden}
.trail{position:absolute;left:0;right:0;top:72%;border-top:2px dashed rgba(255,255,255,0.55)}
.bplane{position:absolute;top:calc(72% - 30px);left:0;width:60px;height:60px;color:#FFFFFF;filter:drop-shadow(0 14px 24px rgba(0,0,0,0.45));animation:cross 7s linear infinite}
@supports (animation-timeline: view()){.bplane{animation:cross linear both;animation-timeline:view();animation-range:entry 10% exit 90%}}
@keyframes cross{from{transform:translateX(-14vw) translateY(40px) rotate(-6deg)}to{transform:translateX(104vw) translateY(-40px) rotate(4deg)}}
.cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,0.12);filter:blur(18px);animation:cloudmove 30s linear infinite}
@keyframes cloudmove{from{transform:translateX(-30vw)}to{transform:translateX(120vw)}}
.garc{stroke-dashoffset:157;animation:arc 1.4s ease both}
@supports (animation-timeline: view()){.garc{animation:arc linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}
@keyframes arc{to{stroke-dashoffset:var(--o)}}
.fl-sp{display:inline-block;width:0.3em}
@keyframes flip{0%{transform:rotateX(90deg);opacity:0}100%{transform:rotateX(0);opacity:1}}
.nav{position:sticky;top:0;z-index:40;background:rgba(11,11,12,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,0.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.nl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,239,232,0.7);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 8px}
.nl:hover{color:#FF6A3D}
.nl b{color:#FF6A3D;margin-right:6px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:800;font-size:14px;font-family:'Manrope',sans-serif;box-sizing:border-box;border:0;cursor:pointer}
.btn.or{background:#FF6A3D;color:#111}
.btn.or:hover{background:#FF7F58}
.btn.gh{border:1px solid rgba(255,255,255,0.22);color:#F2EFE8;background:transparent}
.btn.gh:hover{background:rgba(255,255,255,0.07)}
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding-top:70px;box-sizing:border-box}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 110%,rgba(255,106,61,0.28),rgba(255,106,61,0) 60%)}
.skyline{position:absolute;left:0;right:0;top:0;height:60%;pointer-events:none;opacity:0.9}
.fly{position:absolute;width:30px;height:30px;color:#FF6A3D;offset-path:path('M-40,170 C 260,40 620,300 1000,140 S 1500,60 1560,130');offset-rotate:auto;animation:fly 14s ease-in-out infinite alternate}
@keyframes fly{from{offset-distance:0%}to{offset-distance:100%}}
.h0{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(42px,6.4vw,100px);line-height:0.9;letter-spacing:0.5px;text-transform:uppercase;margin:0}
.lead{font-size:clamp(15px,1.3vw,19px);line-height:1.6;color:rgba(242,239,232,0.78);max-width:620px;margin:0}
.carousel{position:relative;height:340px;perspective:2400px;perspective-origin:50% 35%;overflow:hidden}
.cstage{position:absolute;left:50%;top:24%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(-1120px) rotateX(-9deg)}
.ring{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;animation:spin 70s linear infinite}
.carousel:hover .ring{animation-play-state:paused}
@keyframes spin{to{transform:rotateY(360deg)}}
.rc{position:absolute;width:210px;height:132px;margin:-66px 0 0 -105px;border-radius:12px;backface-visibility:hidden;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 40px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.16);overflow:hidden;font-family:'Manrope',sans-serif}
.rc::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,0.24) 0%,rgba(255,255,255,0) 42%);pointer-events:none}
.cc-chip{width:22px;height:16px;border-radius:3px;background:linear-gradient(135deg,#f3e3a8,#c9a227);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2)}
.cc-name{font-size:12px;font-weight:800;line-height:1.15}
.cc-iss{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:0.8px;opacity:0.82;text-transform:uppercase;margin-top:2px}
.cc-net{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:10.5px;letter-spacing:0.5px;font-style:italic;opacity:0.92;text-align:right;line-height:1.05;max-width:60%}
.cc-holder{font-family:'JetBrains Mono',monospace;font-size:7.5px;letter-spacing:1.4px;opacity:0.78;text-transform:uppercase}
.cc-z{position:relative;z-index:1}
.ticker{border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);background:#0E0E10;overflow:hidden;white-space:nowrap}
.tk{display:inline-block;padding:12px 0;animation:tick 40s linear infinite;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;color:rgba(242,239,232,0.75)}
.tk span{margin:0 26px}
.tk b{color:#FF6A3D;font-weight:700}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.chbar{position:sticky;top:60px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.ch1{background:linear-gradient(180deg,#120A10 0%,#1A0B14 40%,#0B0B0C 100%)}
.ch1 .chbar{background:rgba(18,10,16,0.86);color:#FF6A3D;border-bottom:1px solid rgba(255,106,61,0.25);backdrop-filter:blur(10px)}
.sec{padding:96px 0}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2.5px;color:#FF6A3D;text-transform:uppercase}
.h{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(40px,5.4vw,78px);line-height:0.92;letter-spacing:0.5px;text-transform:uppercase;margin:0}
.sub{font-size:16px;line-height:1.65;color:rgba(242,239,232,0.75);max-width:640px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,0.16);background:transparent;color:rgba(242,239,232,0.85);font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;cursor:pointer}
.chip:hover{background:rgba(255,255,255,0.07)}
.chip.is-on{background:#FF6A3D;color:#111;border-color:#FF6A3D}
.wallet{display:grid;grid-template-columns:repeat(auto-fill,minmax(162px,1fr));gap:14px;perspective:1200px}
.cc{position:relative;aspect-ratio:1.586;border-radius:12px;border:0;padding:10px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.14);transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s ease,filter .3s ease;font-family:'Manrope',sans-serif;box-sizing:border-box;transform-style:preserve-3d}
.cc::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0) 42%);pointer-events:none}
.cc:hover{transform:rotateX(8deg) rotateY(-10deg) translateY(-8px) scale(1.04)}
.cc.off{opacity:0.18;filter:grayscale(0.7)}
.cc.sel{outline:2.5px solid #FF6A3D;outline-offset:3px}
.detail{border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:20px;background:#141416;display:flex;flex-direction:column;gap:12px}
.big{width:100%;aspect-ratio:1.586;border-radius:16px;position:relative;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 26px 50px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.16);box-sizing:border-box;font-family:'Manrope',sans-serif;transform:perspective(900px) rotateY(-6deg) rotateX(4deg);transition:transform .4s ease}
.big:hover{transform:perspective(900px) rotateY(4deg) rotateX(-3deg)}
.big::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,0.24) 0%,rgba(255,255,255,0) 42%);pointer-events:none}
.big-chip{width:40px;height:30px;border-radius:5px;background:linear-gradient(135deg,#f3e3a8,#c9a227);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2)}
.tier{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.18)}
.krow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.09);font-size:13.5px}
.krow:last-child{border-bottom:0}
.kk{color:rgba(242,239,232,0.65)}.kv{font-weight:700;text-align:right}
.flow{display:flex;flex-direction:column;gap:10px}
.frow{display:grid;grid-template-columns:minmax(150px,230px) 60px minmax(0,1fr);gap:12px;align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,0.1);border-radius:16px;background:#141416}
.src{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}
.sw{width:34px;height:22px;border-radius:4px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15)}
.dest{display:flex;flex-wrap:wrap;gap:6px}
.dchip{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.18)}
.dchip.next{border-style:dashed;color:#FF6A3D;border-color:rgba(255,106,61,0.6)}
.dchip.gone{text-decoration:line-through;opacity:0.5}
.log{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:12px}
.log th{text-align:left;font-weight:500;color:rgba(242,239,232,0.55);letter-spacing:1px;font-size:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,0.14)}
.log td{padding:10px;border-bottom:1px dashed rgba(255,255,255,0.1);color:rgba(242,239,232,0.75)}
.story{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.sstep{border:1px solid rgba(255,255,255,0.12);border-radius:18px;padding:18px;background:#141416;display:flex;flex-direction:column;gap:10px;position:relative}
.sstep .n{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:34px;line-height:1;color:#FF6A3D}
.sstep .t{font-weight:800;font-size:16px}.sstep .d{font-size:13.5px;line-height:1.55;color:rgba(242,239,232,0.8)}
.stampx{position:absolute;right:14px;top:14px;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,106,61,0.8);display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:1px;color:#FF6A3D;text-align:center;line-height:1.2}
.gate{position:relative;color:#0E1B2E}
.board{border:1px solid rgba(14,27,46,0.2);border-radius:18px;background:#0E1B2E;color:#F2EFE8;padding:22px 26px;display:flex;flex-direction:column;gap:8px;box-shadow:0 24px 50px rgba(14,27,46,0.25)}
.brow{display:grid;grid-template-columns:90px minmax(0,1fr) 110px;gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.08);font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1px}
.brow:last-child{border-bottom:0}
.brow .st{color:#36F03B;text-align:right}
.ch2{background:#EDF1F4;color:#0E1B2E;background-image:linear-gradient(rgba(14,27,46,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,27,46,0.05) 1px,transparent 1px);background-size:32px 32px}
.ch2 .chbar{background:rgba(14,27,46,0.94);color:#8FE3EE;border-bottom:1px solid rgba(14,27,46,0.2);backdrop-filter:blur(10px)}
.ch2 .sub{color:rgba(14,27,46,0.72)}
.ch2 .eyebrow{color:#0E6F7C}
.ch2 .h span{color:#0E6F7C}
.ch2 .gl{color:rgba(14,27,46,0.6)}
.ch2 .gs,.ch2 .rcpt-q{color:rgba(14,27,46,0.82)}
.ch2 .rn{color:#0E6F7C}
.ch2 mark{background:linear-gradient(transparent 55%,rgba(14,111,124,0.35) 55%)}
.ch2 .gauge,.ch2 .rcpt,.ch2 .panel{border-color:rgba(14,27,46,0.12);box-shadow:0 14px 30px rgba(14,27,46,0.08)}
.ch2 .q{border-color:rgba(14,27,46,0.3);background:rgba(255,255,255,0.7)}
.ch2 .seg{border-color:rgba(14,27,46,0.2)}
.ch2 .seg-b.is-on{background:#0E1B2E}
.ch2 .nbtn{border-color:rgba(14,27,46,0.25);color:#0E1B2E}
.ch2 .range{accent-color:#0E6F7C}
.emp{position:relative;border-radius:24px;background:#0E1B2E;color:#F2EFE8;padding:30px 32px;display:flex;flex-direction:column;gap:22px;overflow:hidden;box-shadow:0 30px 60px rgba(14,27,46,0.3)}
.emp::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 10%,rgba(14,111,124,0.55),transparent 55%)}
.emp-top{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.emp-name{font-weight:900;font-size:clamp(56px,7vw,104px);line-height:0.85;letter-spacing:1px;text-transform:uppercase;color:#FFFFFF}
.emp-role{font-weight:700;font-size:clamp(22px,2.4vw,34px);line-height:1.05;letter-spacing:0.5px;text-transform:uppercase}
.emp-badge{flex:0 0 auto;width:96px;height:96px;border-radius:50%;border:2px solid rgba(143,227,238,0.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8FE3EE;transform:rotate(-8deg)}
.emp-roles{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.emp-r{border:1px solid rgba(255,255,255,0.14);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,0.04)}
.emp-rk{font-size:10px;letter-spacing:2px;color:#8FE3EE}
.emp-rt{font-weight:800;font-size:26px;line-height:1;text-transform:uppercase}
.emp-rd{font-size:13px;line-height:1.5;color:rgba(242,239,232,0.8)}
.emp-read{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;border-top:1px solid rgba(255,255,255,0.12);border-bottom:1px solid rgba(255,255,255,0.12);padding:18px 0}
.emp-rd2{display:flex;flex-direction:column;gap:4px}
.emp-big{font-weight:800;font-size:46px;line-height:0.95;letter-spacing:0.5px;color:#FFFFFF}
.emp-log{position:relative;display:flex;align-items:center;gap:0;padding:4px 0}
.emp-pt{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;position:relative}
.emp-dot{width:12px;height:12px;border-radius:50%;background:rgba(242,239,232,0.45);box-shadow:0 0 0 4px rgba(255,255,255,0.06)}
.emp-dot.on{background:#8FE3EE;box-shadow:0 0 0 5px rgba(143,227,238,0.2)}
.emp-pk{font-size:10px;letter-spacing:2px;color:rgba(242,239,232,0.6);margin-top:6px}
.emp-pv{font-weight:800;font-size:22px;line-height:1;text-transform:uppercase}
.emp-line{flex:1 1 auto;height:2px;background:repeating-linear-gradient(90deg,rgba(143,227,238,0.7) 0 8px,transparent 8px 16px);margin:0 14px 30px;position:relative}
.emp-tag{position:absolute;left:50%;top:-11px;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:#0E1B2E;background:#8FE3EE;padding:3px 8px;border-radius:999px;font-weight:700}

/* CH2 glass rework: toned down, fewer boxes, RAC ledgers */
.ch2{position:relative;background-image:linear-gradient(rgba(14,27,46,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,27,46,0.035) 1px,transparent 1px)}
.ch2 .sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ch2 .sky i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 24s ease-in-out infinite alternate}
.ch2 .sky .b1{width:560px;height:560px;left:-140px;top:140px;background:#BFE9EF}
.ch2 .sky .b2{width:640px;height:640px;right:-200px;top:900px;background:#CFE3F8;animation-delay:-8s}
.ch2 .sky .b3{width:480px;height:480px;left:28%;top:2100px;background:#FFE3D6;animation-delay:-14s;opacity:.35}
.ch2 .sky .b4{width:620px;height:620px;right:4%;top:3500px;background:#BFE9EF;animation-delay:-4s}
.ch2 .sec{position:relative;z-index:1}
.ch2 .h{font-size:clamp(36px,4.8vw,66px)}
.glass{position:relative;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 18px 48px rgba(14,27,46,.08);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);overflow:hidden;transition:box-shadow .5s ease}
.glass::after{content:"";position:absolute;top:-10%;left:-70%;width:36%;height:120%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);transition:left 1.1s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}
.glass:hover{box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 26px 60px rgba(14,27,46,.12)}
.glass:hover::after{left:140%}
.ch2 .emp{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.5));color:#0E1B2E;padding:32px 36px;gap:24px;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 18px 48px rgba(14,27,46,.08)}
.ch2 .emp::before{background:radial-gradient(ellipse at 94% 6%,rgba(14,111,124,.16),transparent 55%)}
.ch2 .emp-name,.ch2 .emp-role,.ch2 .emp-big,.ch2 .emp-pv{color:#0E1B2E}
.ch2 .emp-badge{border-color:rgba(14,111,124,.45);color:#0E6F7C;background:rgba(255,255,255,.35)}
.ch2 .emp-read{border-color:rgba(14,27,46,.1)}
.ch2 .emp-dot{background:rgba(14,27,46,.22);box-shadow:0 0 0 4px rgba(14,27,46,.05)}
.ch2 .emp-dot.on{background:#0E6F7C;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(14,111,124,.45)}100%{box-shadow:0 0 0 16px rgba(14,111,124,0)}}
.ch2 .emp-pk{color:rgba(14,27,46,.55)}
.ch2 .emp-line{background:repeating-linear-gradient(90deg,rgba(14,111,124,.55) 0 8px,transparent 8px 16px);animation:marchx 1.4s linear infinite}
@keyframes marchx{to{background-position:16px 0}}
.ch2 .emp-tag{color:#FFF;background:#0E6F7C}
.ch2 .dchip{border-color:rgba(14,27,46,.16);color:rgba(14,27,46,.8);background:rgba(255,255,255,.5)}
.ch2 .dchip.on{border-color:rgba(14,111,124,.5);color:#0E6F7C}
.ch2 .fpath{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.5));border-color:rgba(255,255,255,.92);backdrop-filter:blur(22px);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 18px 48px rgba(14,27,46,.08)}
.ch2 .edu{background:rgba(255,255,255,.58);border-color:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 36px rgba(14,27,46,.07)}
.ch2 .edu-stub{background:#0E6F7C;color:#FFFFFF;border-right-color:rgba(255,255,255,.5)}
.ch2 .panel{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.92);backdrop-filter:blur(18px)}
.ch2 .q{border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.5);backdrop-filter:blur(14px)}
.rac{display:flex;flex-direction:column;padding:6px 28px 12px}
.rac-h,.rac-r{display:grid;grid-template-columns:170px minmax(0,1.15fr) minmax(0,1fr);gap:12px 24px;align-items:center}
.rac-h{padding:16px 0 10px;border-bottom:1px solid rgba(14,27,46,.12)}
.rac-h span{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(14,27,46,.5)}
.rac-h span b{color:#0E6F7C;font-weight:700}
.rac-r{padding:18px 0;border-bottom:1px solid rgba(14,27,46,.08);position:relative;view-timeline-name:--row;transition:background .3s ease}
.rac-r:last-child{border-bottom:0}
.rac-r:hover{background:linear-gradient(90deg,rgba(14,111,124,.07),transparent 70%)}
.rac-n{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:42px;line-height:.95;color:#0E6F7C;letter-spacing:.3px;white-space:nowrap;animation:blurin .9s cubic-bezier(.2,.7,.2,1) both}
.rac-n small{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(14,27,46,.5);margin-top:6px;font-weight:400;white-space:normal}
.rac-a{font-size:15px;line-height:1.4;color:#0E1B2E;font-weight:600}
.rac-c{font-size:13px;line-height:1.45;color:rgba(14,27,46,.6)}
.rac-bar{grid-column:1/-1;height:3px;border-radius:3px;background:rgba(14,27,46,.08);overflow:hidden;margin-top:-6px}
.rac-bar i{display:block;height:100%;width:var(--w,60%);border-radius:3px;background:linear-gradient(90deg,#0E6F7C,#8FE3EE);transform-origin:0 50%;animation:grow 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes blurin{from{opacity:0;filter:blur(10px);transform:translateX(-14px)}to{opacity:1;filter:blur(0);transform:none}}
@supports (animation-timeline: view()){.rac-bar i{animation:grow linear both;animation-timeline:--row;animation-range:entry 0% cover 28%}.rac-n{animation:blurin linear both;animation-timeline:--row;animation-range:entry 0% cover 20%}}
.rac.jd .rac-h,.rac.jd .rac-r{grid-template-columns:minmax(0,1.1fr) 168px minmax(0,1fr) minmax(0,.85fr)}
.req-i:nth-last-child(-n+2){border-bottom:0}
.rac-ask{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:#0E1B2E}
.rac-ask i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;color:#0E6F7C;margin-top:4px;flex:0 0 auto}
.req{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 44px;padding:8px 28px 10px}
.req-i{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(14,27,46,.08);view-timeline-name:--req}
.req-i b{display:block;font-size:14.5px;color:#0E1B2E;font-weight:700;line-height:1.35}
.req-i .p{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2px;line-height:1.5;color:#0E6F7C;margin-top:3px}
.req-i .tk{width:26px;height:26px;border-radius:50%;background:rgba(14,111,124,.1);display:flex;align-items:center;justify-content:center}
.req-i svg{width:16px;height:16px;display:block}
.req-i svg path{stroke:#0E6F7C;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:draw .8s ease-out both}
@supports (animation-timeline: view()){.req-i svg path{animation:draw linear both;animation-timeline:--req;animation-range:entry 0% cover 22%}}
@media (max-width:760px){.rac-h{display:none}.rac-r,.rac.jd .rac-r{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}.rac-n{font-size:34px}.rac-bar{margin-top:4px}.rac{padding:4px 18px 8px}.req{padding:4px 18px 8px;gap:0}.ch2 .emp{padding:24px 20px}}
.edu{display:flex;border-radius:18px;overflow:hidden;border:1px solid rgba(14,27,46,0.14);background:#FFFFFF;box-shadow:0 14px 30px rgba(14,27,46,0.08);transition:transform .3s ease}
.edu:hover{transform:translateY(-4px)}
.edu-stub{flex:0 0 112px;background:#0E1B2E;color:#8FE3EE;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 8px;border-right:2px dashed rgba(255,255,255,0.35);text-align:center}
.edu-body{flex:1;min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.edu-t{font-weight:800;font-size:22px;line-height:1.05;text-transform:uppercase;color:#0E1B2E}
.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.gauge{border:1px solid rgba(0,0,0,0.1);border-radius:18px;padding:18px 18px 16px;background:#FFFFFF;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px rgba(20,10,0,0.06);transition:transform .3s ease}
.gauge:hover{transform:translateY(-4px)}
.gauge svg{width:100%;height:auto}
.gv{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:42px;line-height:1;letter-spacing:0.5px}
.gl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(17,17,17,0.6)}
.gs{font-size:13px;line-height:1.5;color:rgba(17,17,17,0.8)}
.rcpt{border:1px solid rgba(0,0,0,0.1);border-radius:16px;background:#FFFFFF;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 14px 30px rgba(20,10,0,0.06)}
.rcpt-q{font-size:13.5px;line-height:1.5;color:rgba(17,17,17,0.8)}
mark{background:linear-gradient(transparent 55%,rgba(255,106,61,0.5) 55%);color:inherit;padding:0 1px}
.rn{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:40px;line-height:1;color:#0E6F7C}
.receipt{width:100%;max-width:340px;filter:drop-shadow(0 24px 40px rgba(20,10,0,0.25))}
.rc-in{background:#FBFAF5;color:#111;font-family:'Courier Prime',monospace;padding:18px 18px 12px;border-radius:6px 6px 0 0;border:1px solid rgba(0,0,0,0.08);border-bottom:0}
.rc-zig{height:14px;background:linear-gradient(45deg,transparent 33.33%,#FBFAF5 33.33%,#FBFAF5 66.66%,transparent 66.66%),linear-gradient(-45deg,transparent 33.33%,#FBFAF5 33.33%,#FBFAF5 66.66%,transparent 66.66%);background-size:14px 28px;background-position:0 -14px}
.rc-dash{border-top:1.5px dashed #111;margin:9px 0}
.rc-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;line-height:1.35}
.rbar{height:5px;background:#111;margin-top:4px}.rbar-neg{background:#D7461B}
.range{width:100%;height:28px;margin:0;accent-color:#0E6F7C;cursor:pointer}
.seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid rgba(0,0,0,0.18);background:#fff}
.seg-b{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:rgba(17,17,17,0.75);font-family:'Manrope',sans-serif;font-weight:700;font-size:12.5px;cursor:pointer}
.seg-b.is-on{background:#111;color:#F2EFE8}
.panel{border:1px solid rgba(0,0,0,0.1);border-radius:20px;padding:20px;background:#FFFFFF;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 30px rgba(20,10,0,0.06)}
.nbtn{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,0,0,0.2);background:transparent;color:#111;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;cursor:pointer}
.nbtn:hover{background:rgba(0,0,0,0.05)}
.tick{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;line-height:1;color:#0E6F7C}
.q{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px dashed rgba(0,0,0,0.25);border-radius:14px;font-size:14px;line-height:1.55;background:rgba(255,255,255,0.6)}
.final{position:relative;background:#0B0B0C;color:#F2EFE8;padding:110px 0 80px;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,rgba(255,106,61,0.22),rgba(255,106,61,0) 55%)}
.bp{display:flex;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,0.14);background:#141416;box-shadow:0 30px 60px rgba(0,0,0,0.55);max-width:520px;width:100%;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);transition:transform .5s ease}
.bp:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}
.foot{border-top:1px solid rgba(255,255,255,0.08);padding:22px 0;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;color:rgba(242,239,232,0.5)}

.prog-plane{position:fixed;top:0;left:0;width:26px;height:26px;color:#FF6A3D;z-index:51;pointer-events:none;transform:translateX(-30px) translateY(-6px);filter:drop-shadow(0 2px 6px rgba(255,106,61,0.6))}
@supports (animation-timeline: scroll()){.prog-plane{animation:along linear both;animation-timeline:scroll(root)}}
@keyframes along{from{transform:translateX(-10px) translateY(-6px)}to{transform:translateX(calc(100vw - 26px)) translateY(-6px)}}
.hero{border-radius:0 0 56px 56px}
.runway{position:relative;height:3px;margin:0 60px;background:repeating-linear-gradient(90deg,rgba(255,106,61,0.9) 0 22px,transparent 22px 46px);animation:runway 1.2s linear infinite;opacity:0.7}
@keyframes runway{from{background-position:0 0}to{background-position:46px 0}}
.persona{animation:bob 7s ease-in-out infinite}
.persona:nth-child(2){animation-delay:-2.3s}.persona:nth-child(3){animation-delay:-4.6s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.persona:hover{animation-play-state:paused}
.fanwrap{display:flex;flex-direction:column;gap:14px}
.fan{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:26px 0 52px;--spread:6;--lift:1.6;--ov:90;--w:220}
.fan .cc{position:relative;flex:0 0 auto;width:calc(var(--w) * 1px);aspect-ratio:1.586;margin-left:calc(var(--ov) * -1px);transform-origin:50% 240%;transform:rotate(calc(var(--i) * var(--spread) * 1deg)) translateY(calc(var(--i) * var(--i) * var(--lift) * 1px));transition:transform .5s cubic-bezier(.2,.7,.2,1),margin .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease,filter .3s ease;z-index:1}
.fan .cc:first-child{margin-left:0}
.fan:hover .cc{margin-left:calc((var(--ov) - 26) * -1px);transform:rotate(calc(var(--i) * var(--spread) * 1.25deg)) translateY(calc(var(--i) * var(--i) * var(--lift) * 1.2px))}
.fan:hover .cc:first-child{margin-left:0}
.fan .cc:hover{transform:rotate(calc(var(--i) * var(--spread) * 1.25deg)) translateY(calc(var(--i) * var(--i) * var(--lift) * 1.2px - 28px)) scale(1.08);z-index:5}
.fan .cc.sel{z-index:4}
.fan-1{--w:230;--ov:96;--spread:7;--lift:1.8}
.fan-2{--w:196;--ov:112;--spread:4.6;--lift:1.1;padding-bottom:44px}
.fan-3{--w:176;--ov:104;--spread:4;--lift:0.9;padding-top:14px;padding-bottom:36px}
.fan-3 .cc{padding:9px 11px}
.fan-3 .cc-name{font-size:11px}
.fan-3 .cc-holder{display:none !important}

.rmap{position:relative;border:1px solid rgba(255,255,255,0.1);border-radius:22px;background:radial-gradient(ellipse at 20% 50%,rgba(255,106,61,0.12),transparent 55%),#111113;overflow:hidden;padding:12px}
.rmap svg{width:100%;height:auto;display:block}
.rline-a{stroke-dasharray:6 8;animation:march 1.4s linear infinite}
@keyframes march{to{stroke-dashoffset:-28}}
.bookwrap{position:relative;height:340vh}
@supports (animation-timeline: view()){.bookwrap{view-timeline-name:--book;view-timeline-axis:block}}
.bookstick{position:sticky;top:76px;height:calc(100vh - 96px);display:flex;align-items:center;justify-content:center}
.book{position:relative;width:min(100%,880px);aspect-ratio:1.75;perspective:2200px;transform-style:preserve-3d}
.bcover{position:absolute;left:0;top:0;width:50%;height:100%;border-radius:18px 4px 4px 18px;background:linear-gradient(135deg,#1C1C1E,#0A0A0B);box-shadow:0 40px 80px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.12);padding:34px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;color:#F2EFE8;border-right:1px solid rgba(255,255,255,0.08)}
.bpage{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:0% 50%;transform-style:preserve-3d;border-radius:4px 18px 18px 4px}
.bface{position:absolute;inset:0;backface-visibility:hidden;border-radius:4px 18px 18px 4px;background:#F3ECDD;color:#111;padding:32px 34px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px rgba(0,0,0,0.45);background-image:radial-gradient(rgba(0,0,0,0.05) 1px,transparent 1.3px);background-size:3px 3px}
.bface.back{transform:rotateY(180deg);border-radius:18px 4px 4px 18px;background:#E8DFCC;align-items:center;justify-content:center}
.bpage.p1{z-index:4;--zf:4;--zt:1;animation:flipA 14s ease-in-out infinite}
.bpage.p2{z-index:3;--zf:3;--zt:2;animation:flipB 14s ease-in-out infinite}
.bpage.p3{z-index:2;--zf:2;--zt:3;animation:flipC 14s ease-in-out infinite}
.bpage.p4{z-index:1}
@keyframes flipA{0%,20%{transform:rotateY(0);z-index:4}30%,100%{transform:rotateY(-180deg);z-index:1}}
@keyframes flipB{0%,45%{transform:rotateY(0);z-index:3}55%,100%{transform:rotateY(-180deg);z-index:2}}
@keyframes flipC{0%,70%{transform:rotateY(0);z-index:2}80%,100%{transform:rotateY(-180deg);z-index:3}}
@supports (animation-timeline: view()){
.bpage.p1{animation:flipS linear both;animation-timeline:--book;animation-range:contain 8% contain 32%}
.bpage.p2{animation:flipS linear both;animation-timeline:--book;animation-range:contain 38% contain 62%}
.bpage.p3{animation:flipS linear both;animation-timeline:--book;animation-range:contain 68% contain 92%}
}
@keyframes flipS{from{transform:rotateY(0);z-index:var(--zf)}to{transform:rotateY(-180deg);z-index:var(--zt)}}
.bstamp{width:110px;height:110px;border-radius:50%;border:3px solid rgba(215,70,27,0.85);display:flex;align-items:center;justify-content:center;transform:rotate(-14deg);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;letter-spacing:2px;color:#D7461B;text-align:center;line-height:1.2}
.bstamp.ok{border-color:rgba(31,107,74,0.85);color:#1F6B4A}
.bnum{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:44px;line-height:1;color:#D7461B}
.bt{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:28px;line-height:1;text-transform:uppercase}
.bd{font-size:14.5px;line-height:1.6;color:rgba(17,17,17,0.82)}
.bhint{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:2px;color:rgba(242,239,232,0.55);white-space:nowrap}
.fpath{position:relative;border-radius:22px;background:#FFFFFF;border:1px solid rgba(14,27,46,0.12);box-shadow:0 14px 30px rgba(14,27,46,0.08);overflow:hidden;padding:0}
.fpath svg{width:100%;height:auto;display:block}
.fline{stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 2.4s ease-out both}
@supports (animation-timeline: view()){.fline{animation:draw linear both;animation-timeline:view();animation-range:entry 10% cover 60%}}
@keyframes draw{to{stroke-dashoffset:0}}
.wp{position:absolute;transform:translate(-50%,calc(-100% + 6px));display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:150px}
.wp .wv{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:30px;line-height:1;color:#0E1B2E}
.wp .wl{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:#0E6F7C}
.wp .wd{display:block;width:12px;height:12px;border-radius:50%;background:#0E6F7C;box-shadow:0 0 0 5px rgba(14,111,124,0.18);margin-top:6px}
.wp.lo{transform:translate(-50%,-6px)}
.wp.lo .wd{order:-1;margin:0 0 6px}
.gauges{display:none}
.receipt{animation:print 1.4s ease-out both}
@supports (animation-timeline: view()){.receipt{animation:print linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}
@keyframes print{from{clip-path:inset(0 0 100% 0);transform:translateY(-24px)}to{clip-path:inset(0 0 0 0);transform:none}}
.bp:hover .stub{transform:translateX(10px) rotate(2deg)}
.stub{transition:transform .4s ease}
.wave{display:block;width:100%;height:60px}

.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:0}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,0.9fr);gap:32px;align-items:center;padding-top:48px}
@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
.radar{position:absolute;right:-18%;top:-28%;width:920px;height:920px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,106,61,0.22),rgba(255,106,61,0) 28%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);animation:spin 14s linear infinite;pointer-events:none;opacity:0.7}
.radar::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,0.06) 0 1px,transparent 1px 70px)}
.fly2{position:absolute;width:20px;height:20px;color:rgba(242,239,232,0.7);offset-path:path('M-40,330 C 300,260 700,420 1100,300 S 1500,250 1560,290');offset-rotate:auto;animation:fly 22s linear infinite}
.fly3{position:absolute;width:16px;height:16px;color:rgba(255,106,61,0.55);offset-path:path('M1560,80 C 1200,40 800,160 420,90 S -20,120 -60,60');offset-rotate:auto;animation:fly 30s linear infinite reverse}
.fl.t0{animation-name:flip}.fl.t1{animation-name:flip2}
@keyframes flip2{0%{transform:rotateX(90deg);opacity:0}100%{transform:rotateX(0);opacity:1}}
.board-strip{display:inline-flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:10px 14px;border-radius:12px;background:#121214;border:1px solid rgba(255,255,255,0.1);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1.5px;color:rgba(242,239,232,0.85)}
.board-strip b{color:#FF6A3D;font-weight:700}
.board-strip .fl{font-size:12px;padding:0 0.2em}
.stack3d{position:relative;height:420px;perspective:1400px;transform-style:preserve-3d}
@media (max-width:900px){.stack3d{height:auto;perspective:none}}
.scard{position:absolute;width:300px;border-radius:20px;padding:20px 22px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 60px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.12);display:flex;flex-direction:column;gap:6px;transform-style:preserve-3d;animation:hover3 9s ease-in-out infinite}
.scard .sv{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:46px;line-height:0.95;letter-spacing:0.5px}
.scard .sl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(242,239,232,0.65)}
.scard .sd{font-size:13px;line-height:1.5;color:rgba(242,239,232,0.82)}
.sc1{right:40px;top:0;--rx:8deg;--ry:-16deg;--tz:40px;z-index:3}
.sc2{right:140px;top:150px;--rx:6deg;--ry:-12deg;--tz:0px;z-index:2;animation-delay:-3s}
.sc3{right:0;top:290px;--rx:4deg;--ry:-18deg;--tz:-30px;z-index:1;animation-delay:-6s}
@keyframes hover3{0%,100%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz)) translateY(0)}50%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz)) translateY(-12px)}}
@media (max-width:900px){.scard{position:static;width:auto;margin-bottom:12px;animation:none;transform:none}}
.carousel{-webkit-box-reflect:below -120px linear-gradient(transparent 62%,rgba(0,0,0,0.32));margin-bottom:96px}
.cue{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:rgba(242,239,232,0.55);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.stamp-hero{position:absolute;right:6%;top:12%;width:150px;height:150px;border-radius:50%;border:3px solid rgba(54,240,59,0.75);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:rotate(-14deg);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:#36F03B;text-align:center;line-height:1.25;animation:stampin 1.2s cubic-bezier(.2,1.4,.4,1) 1.1s both;opacity:0.9;pointer-events:none}
@keyframes stampin{from{transform:rotate(-14deg) scale(2.2);opacity:0}to{transform:rotate(-14deg) scale(1);opacity:0.9}}
@media (max-width:900px){.stamp-hero{display:none}}

.hero{min-height:100vh;display:block;padding:36px 0 0;border-radius:0 0 56px 56px;overflow:hidden;position:relative}
.hero-top{position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:10px}
.scene{position:relative;height:660px;margin-top:6px}

.runlights{position:absolute;left:0;right:0;bottom:6px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,106,61,0.9) 0 26px,transparent 26px 54px);animation:runway 0.9s linear infinite;opacity:0;animation-name:runway,fadein;animation-duration:0.9s,0.8s;animation-iteration-count:infinite,1;animation-fill-mode:none,forwards;animation-delay:0s,0.1s}
@keyframes fadein{to{opacity:0.75}}
.port{position:absolute;top:19%;transform:translateY(-50%);font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(64px,9vw,150px);line-height:0.85;letter-spacing:2px;color:rgba(242,239,232,0.95);display:flex;flex-direction:column;gap:6px;z-index:2;animation:portin 0.8s cubic-bezier(.2,.9,.2,1) both}
.port small{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:3px;color:#FF6A3D;font-weight:700}
.port.l{left:2%;animation-delay:0.3s}
.port.r{right:2%;text-align:right;align-items:flex-end;animation-delay:0.5s}
@keyframes portin{from{opacity:0;transform:translateY(-50%) translateX(var(--dx,-40px)) rotateX(60deg)}to{opacity:1;transform:translateY(-50%)}}
.arc{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.arcline{stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw 1.6s ease-out 0.7s both}
.aplane{position:absolute;width:34px;height:34px;color:#FF6A3D;z-index:4;offset-path:path('M150,160 C 420,-40 1020,-40 1290,160');offset-rotate:auto;animation:fly 2.6s cubic-bezier(.3,.1,.3,1) 1s 1 forwards,flyloop 11s linear 4s infinite;filter:drop-shadow(0 6px 14px rgba(255,106,61,0.6));opacity:0;animation-fill-mode:forwards}
@keyframes flyloop{0%{offset-distance:0%;opacity:1}100%{offset-distance:100%;opacity:1}}
@keyframes fly{0%{offset-distance:0%;opacity:1}100%{offset-distance:100%;opacity:1}}
.fanwrap2{position:absolute;left:50%;top:67%;width:0;height:0;z-index:1;animation:sway 12s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.fc2{position:absolute;left:-76px;top:-48px;width:152px;height:96px;border-radius:9px;padding:8px 10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 14px 26px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.14);font-family:'Manrope',sans-serif;transform-origin:50% 50%;animation:burst 0.9s cubic-bezier(.2,.9,.25,1.1) both;animation-delay:var(--d);opacity:0}
.fc2::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0) 42%);pointer-events:none}
@keyframes burst{from{transform:rotate(0deg) translateY(0) scale(calc(var(--cs,1) * .3));opacity:0}to{transform:rotate(calc(var(--a) * var(--as,1))) translateY(calc(var(--r) * var(--rs,1) * -1px)) scale(var(--cs,1));opacity:1}}
.pp{position:absolute;left:50%;top:67%;width:280px;height:380px;margin:-190px 0 0 -140px;z-index:3;perspective:1600px;transform-style:preserve-3d;animation:pprise 1s cubic-bezier(.2,.9,.2,1) 1s both}
@keyframes pprise{from{opacity:0;transform:translateY(120px) scale(calc(var(--pps,1) * .8))}to{opacity:1;transform:scale(var(--pps,1))}}
.pp-in{position:absolute;inset:0;border-radius:12px;background:#F3ECDD;color:#111;box-shadow:0 40px 80px rgba(0,0,0,0.6);padding:22px 22px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(rgba(0,0,0,0.05) 1px,transparent 1.3px);background-size:3px 3px}
.pp-cover{position:absolute;inset:0;border-radius:12px;transform-origin:0% 50%;transform-style:preserve-3d;animation:ppopen 1.3s cubic-bezier(.4,0,.2,1) 2s both;z-index:2}
.pp-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;box-sizing:border-box}
.pp-face.front{background:linear-gradient(135deg,#1A2436,#0A0F18);border:1px solid rgba(217,185,104,0.5);padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:#F3E6C0;box-shadow:0 30px 60px rgba(0,0,0,0.6)}
.pp-face.front::before{content:"";position:absolute;inset:12px;border:1px solid rgba(217,185,104,0.35);border-radius:8px}
.pp-face.back{background:#E8DFCC;transform:rotateY(180deg);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(rgba(0,0,0,0.05) 1px,transparent 1.3px);background-size:3px 3px}
.pp-cells{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-top:1px solid rgba(70,40,30,0.35);border-left:1px solid rgba(70,40,30,0.35)}
.pp-cell{border-right:1px solid rgba(70,40,30,0.35);border-bottom:1px solid rgba(70,40,30,0.35);display:flex;align-items:center;justify-content:center;padding:6px}
.pp-s{width:78px;height:78px;border-radius:50%;border:2.5px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.2px;text-align:center;line-height:1.25;transform:rotate(-12deg)}
@keyframes ppopen{from{transform:rotateY(0)}to{transform:rotateY(-172deg)}}
.pp-photo{width:92px;height:116px;border-radius:6px;background:#8E8A83;background-image:radial-gradient(#2E2C29 0.9px,transparent 1.3px);background-size:4px 4px;border:4px solid #fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}
.pp-k{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:1.5px;color:rgba(17,17,17,0.55);text-transform:uppercase}
.pp-v{font-family:'Courier Prime',monospace;font-weight:700;font-size:13px;letter-spacing:0.5px;text-transform:uppercase;line-height:1.2}
.pp-mrz{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.2px;color:rgba(17,17,17,0.5);line-height:1.5;border-top:1px dashed rgba(17,17,17,0.3);padding-top:8px;margin-top:auto;word-break:break-all}
.pp-stamp{position:absolute;right:14px;bottom:62px;width:104px;height:104px;border-radius:50%;border:3px solid rgba(31,107,74,0.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transform:rotate(-14deg);font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.5px;color:#1F6B4A;text-align:center;line-height:1.2;animation:stampin2 0.6s cubic-bezier(.2,1.6,.4,1) 3.2s both;z-index:3}
@keyframes stampin2{from{transform:rotate(-14deg) scale(2.4);opacity:0}to{transform:rotate(-14deg) scale(1);opacity:1}}
.coin{position:absolute;bottom:-20px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE39A,#C9962B);opacity:0;animation:risecoin linear infinite;z-index:0}
@keyframes risecoin{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:0.9}90%{opacity:0.6}100%{transform:translateY(-640px) translateX(30px);opacity:0}}
.hero-bottom{position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:6px 0 26px;animation:rise 0.9s ease 0.8s both}
@media (prefers-reduced-motion: reduce){.runlights,.port,.arcline,.aplane,.fanwrap2,.fc2,.pp,.pp-cover,.pp-stamp,.coin,.hero-bottom{animation:none !important;opacity:1 !important}.arcline{stroke-dashoffset:0}.fc2{transform:rotate(calc(var(--a) * var(--as,1))) translateY(calc(var(--r) * var(--rs,1) * -1px)) scale(var(--cs,1))}.pp{transform:scale(var(--pps,1))}.pp-cover{transform:rotateY(-172deg)}.fl,.ring,.fly,.fly2,.fly3,.radar,.scard,.cue,.stamp-hero,.tk,.rv,.prog,.aurora,.bplane,.cloud,.garc,.prog-plane,.runway,.persona,.rline-a,.bpage,.fline,.receipt{animation:none !important}.fline{stroke-dashoffset:0}.bpage.p1,.bpage.p2{transform:rotateY(-180deg)}.bplane{left:46%}.garc{stroke-dashoffset:var(--o)}.cc,.big,.bp,.gauge,.persona{transition:none}}
@media (max-width:760px){.hero{min-height:0;padding-top:40px}.carousel{height:260px}.cstage{transform:translateZ(-1120px) rotateX(-6deg) scale(0.7)}.frow{grid-template-columns:minmax(0,1fr)}.frow svg{display:none}.brow{grid-template-columns:70px minmax(0,1fr) 80px}.sec{padding:64px 0}}

/* ===== Mobile layer: parity animations, touch-first layout ===== */
.arcm,.swipe-hint,.sw,.mail-i{display:none}
.nt{font-style:normal}
.logwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
[id]{scroll-margin-top:64px}
@keyframes cflow{0%{transform:perspective(900px) rotateY(34deg) scale(.84)}50%{transform:perspective(900px) rotateY(0deg) scale(1)}100%{transform:perspective(900px) rotateY(-34deg) scale(.84)}}
@keyframes turnM{0%{transform:rotateY(0);opacity:1}70%{opacity:1}100%{transform:rotateY(-180deg);opacity:0}}
@keyframes coverM{0%,6%{transform:rotateY(0);opacity:1}16%,100%{transform:rotateY(-180deg);opacity:0}}
@keyframes pageM1{0%,28%{transform:rotateY(0);opacity:1}38%,100%{transform:rotateY(-180deg);opacity:0}}
@keyframes pageM2{0%,52%{transform:rotateY(0);opacity:1}62%,100%{transform:rotateY(-180deg);opacity:0}}
@keyframes pageM3{0%,76%{transform:rotateY(0);opacity:1}86%,100%{transform:rotateY(-180deg);opacity:0}}
@keyframes lineY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes marchy{to{background-position:0 12px}}
@keyframes nudge{0%,100%{transform:none}50%{transform:translateX(6px)}}
@media (max-width:900px){
.scene{height:600px}
.port{font-size:48px;top:58px}
.port small{font-size:9.5px;letter-spacing:2px}
.port.l{left:max(16px,calc(50% - 240px))}
.port.r{right:max(16px,calc(50% - 240px))}
.arc,.aplane{display:none}
.arcm{display:block;position:absolute;left:50%;top:0;width:min(calc(100% - 32px),480px);height:auto;transform:translateX(-50%);z-index:3;pointer-events:none;overflow:visible}
.fanwrap2{top:58%;--rs:.5;--cs:.62;--as:.62}
.fc2{display:flex}
.pp{top:66%;--pps:.64;left:calc(50% + 140px * var(--pps))}
.hero-top .h0{font-size:clamp(30px,8.4vw,40px) !important;min-height:2.3em}
.hero-top .eyebrow{min-height:2.9em;display:flex;align-items:flex-end;justify-content:center;max-width:340px}
.fanwrap .fan{display:flex;justify-content:flex-start;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:18px calc(50% - 110px) 26px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fanwrap .fan::-webkit-scrollbar{display:none}
.fanwrap .fan .cc,.fanwrap .fan:hover .cc,.fanwrap .fan .cc:hover,.fanwrap .fan:hover .cc:first-child{flex:0 0 220px;width:220px;margin-left:0;transform:none;scroll-snap-align:center;z-index:1}
@supports (animation-timeline: view()){.fanwrap .fan .cc{animation:cflow linear both;animation-timeline:view(inline);animation-range:cover 0% cover 100%}}
.fan-3 .cc{padding:10px 12px}
.fan-3 .cc-name{font-size:12px}
.hv{display:none}
.sw{display:inline}
.detail{order:-1;flex:1 1 100% !important;position:sticky !important;top:96px !important;z-index:25;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;padding:12px;background:rgba(20,20,22,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.detail .big{zoom:.46;width:250px;grid-row:1 / span 2}
.detail .tier{justify-self:start}
.detail .krow{padding:5px 0;font-size:12px}
.rmap{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rmap::-webkit-scrollbar{display:none}
.rmap svg{min-width:760px}
.swipe-hint{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(242,239,232,.6);margin-bottom:-12px;animation:nudge 1.6s ease-in-out infinite}
.log{min-width:560px}
.bookwrap{height:300vh}
.bookstick{top:96px;height:calc(100svh - 112px);display:flex}
.book{width:min(100%,400px);height:min(560px,100%);aspect-ratio:auto;perspective:1600px}
.bcover,.bpage{left:0;width:100%;height:100%;border-radius:18px}
.bcover{z-index:5;transform-origin:0% 50%;backface-visibility:hidden;padding:26px;animation:coverM 16s ease-in-out infinite}
.bface,.bface.back{border-radius:18px;padding:26px 24px}
.bpage.p1{animation:pageM1 16s ease-in-out infinite}
.bpage.p2{animation:pageM2 16s ease-in-out infinite}
.bpage.p3{animation:pageM3 16s ease-in-out infinite}
.bhint{display:none}
@supports (animation-timeline: view()){
.bcover{animation:turnM linear both;animation-timeline:--book;animation-range:contain 4% contain 22%}
.bpage.p1{animation:turnM linear both;animation-timeline:--book;animation-range:contain 28% contain 46%}
.bpage.p2{animation:turnM linear both;animation-timeline:--book;animation-range:contain 52% contain 70%}
.bpage.p3{animation:turnM linear both;animation-timeline:--book;animation-range:contain 76% contain 94%}
}
.fpath{display:flex;flex-direction:column;padding:18px 18px 16px 46px}
.fpath svg{display:none}
.fpath::before{content:"";position:absolute;left:23px;top:30px;bottom:48px;width:2px;background:linear-gradient(#0E6F7C,#8FE3EE);transform-origin:top;animation:lineY 1.6s ease-out both}
.fpath .wp,.fpath .wp.lo{position:relative;left:auto !important;top:auto !important;transform:none;width:auto;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;padding:10px 0}
.fpath .wp .wd,.fpath .wp.lo .wd{position:absolute;left:-28px;top:20px;margin:0}
.fpath .wp .wv{font-size:28px}
.fpath::after{content:"JAN 2023 · ANALYST  \2192  JUN 2026 · CONSULTANT";position:static;width:auto;height:auto;background:none;transform:none;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.5px;color:rgba(14,27,46,.55);margin-top:8px}
@supports (animation-timeline: view()){.fpath::before{animation:lineY linear both;animation-timeline:view();animation-range:entry 10% cover 55%}.fpath .wp{animation:blurin linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}
}
@media (max-width:760px){
.wrap{padding:0 16px}
.hero{padding-top:28px}
.nav .wrap{min-height:52px;flex-wrap:nowrap;gap:6px}
.nav .wrap>a:first-child span:last-child{display:none}
.nav .wrap>div{flex-wrap:nowrap !important;gap:0 !important}
.nl{padding:0 5px;font-size:10px;letter-spacing:.6px;min-height:40px}
.nl b{margin-right:4px}
.nl[href="#who"],.nt{display:none}
.nav .btn{min-height:34px !important;width:34px;padding:0 !important;margin-left:4px}
.nav .btn .btx{display:none}
.mail-i{display:block}
.chbar{top:52px;padding:9px 0}
.chbar .wrap span:last-child{display:none}
.intro{padding:64px 0}
.intro .wrap>.rv:first-child>div:last-child{border-left:0 !important;padding-left:0 !important;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.persona .pt{font-size:34px}
.ch2 .emp{padding:22px 18px}
.emp-top>div:first-child{padding-right:60px}
.emp-badge{position:absolute;right:0;top:0;zoom:.6}
.emp-name{font-size:52px}
.emp-big{font-size:38px}
.emp-log{flex-direction:column;align-items:stretch;gap:0;padding:4px 0 4px 26px}
.emp-log::before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:2px;background:repeating-linear-gradient(180deg,rgba(14,111,124,.55) 0 6px,transparent 6px 12px);animation:marchy 1.4s linear infinite}
.emp-pt{flex-direction:row;align-items:baseline;gap:10px;padding:6px 0}
.emp-dot{position:absolute;left:-26px;top:9px}
.emp-pk{margin-top:0;min-width:66px}
.emp-line{display:block;flex:none;height:auto;background:none !important;animation:none !important;margin:0;padding:2px 0}
.emp-line:empty{display:none}
.emp-tag{position:static;transform:none;display:inline-block}
.board{padding:16px}
.brow{grid-template-columns:56px minmax(0,1fr);gap:4px 10px;font-size:11px;letter-spacing:.6px}
.brow .st{grid-column:2;text-align:left}
.bridge .cond{font-size:40px !important}
.receipt{max-width:100%}
.bp{transform:none}
}
@media (max-width:380px){.fanwrap2{--rs:.45}.pp{--pps:.58}.port{font-size:42px}}
@media (prefers-reduced-motion: reduce){.fanwrap .fan .cc,.swipe-hint,.emp-log::before,.fpath::before,.fpath .wp{animation:none !important}}
@media (prefers-reduced-motion: reduce) and (max-width:900px){.bookwrap{height:auto}.bookstick{position:static;height:auto;display:block}.book{height:auto}.bcover,.bpage{position:relative;transform:none !important;animation:none !important;margin-bottom:12px;min-height:300px}.bface{position:relative}.bface.back{display:none}}
html,body{margin:0;padding:0}#dc-root{display:contents}