@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#0b0d12;--bg-2:#11141b;--surface:#151922;--ink:#f2f4f7;--soft:#a2a8b3;--dim:#69707e;--line:rgba(255,255,255,.12);--accent:#7bf0d4;--blue:#7787ff;--paper:#eef0eb;--dark:#101218;--shell:min(1240px,calc(100vw - 48px));--ease:cubic-bezier(.16,1,.3,1);--font:'Inter','Noto Sans SC',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:16px/1.7 var(--font)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--accent);color:#07100e}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 16px;background:var(--accent);color:#07100e;transform:translateY(-160%)}.skip-link:focus{transform:none}.grain{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-dot{position:fixed;z-index:100;top:0;left:0;width:14px;height:14px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor-dot.active{width:46px;height:46px;background:rgba(123,240,212,.08)}#field{position:fixed;z-index:-2;inset:0;width:100%;height:100%;pointer-events:none}
.header{position:fixed;z-index:50;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.header.scrolled{border-color:var(--line);background:rgba(11,13,18,.82);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:12px;width:max-content}.logo>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(123,240,212,.45);border-radius:11px;background:rgba(123,240,212,.06);color:var(--accent);font-size:12px;font-weight:600}.logo div{display:grid;line-height:1.1}.logo strong{font-size:12px}.logo small{margin-top:5px;color:var(--dim);font-size:7px;letter-spacing:.14em}.nav{display:flex;gap:32px}.nav a{position:relative;display:flex;min-height:44px;align-items:center;color:#c7cbd2;font-size:12px}.nav a:after{position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--accent);content:'';transform:scaleX(0);transition:transform .25s var(--ease)}.nav a:hover:after{transform:scaleX(1)}.header-cta{justify-self:end;display:flex;min-height:44px;align-items:center;gap:12px;font-size:12px;font-weight:600}.header-cta span{color:var(--accent);font-size:18px}.menu{display:none;position:relative;width:66px;height:44px;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:transparent}.menu span{position:absolute;top:13px;left:12px;font-size:9px}.menu i{position:absolute;right:12px;width:14px;height:1px;background:var(--ink);transition:transform .2s}.menu i:first-of-type{top:17px}.menu i:last-of-type{top:25px}.menu[aria-expanded=true] i:first-of-type{top:21px;transform:rotate(45deg)}.menu[aria-expanded=true] i:last-of-type{top:21px;transform:rotate(-45deg)}.mobile-nav{position:absolute;top:76px;right:0;left:0;height:calc(100vh - 76px);padding:35px 24px;background:rgba(11,13,18,.98);backdrop-filter:blur(20px)}.mobile-nav a{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:30px}.mobile-nav a span{width:28px;color:var(--dim);font-size:9px}
.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;min-height:100svh;padding-top:120px;padding-bottom:70px}.hero-copy{position:relative;z-index:2}.availability{display:flex;width:max-content;align-items:center;gap:10px;margin-bottom:56px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#c9cdd4;font-size:10px}.availability i,.live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(123,240,212,.08)}.hero-name{margin:0 0 16px;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.19em}.hero h1{max-width:780px;margin:0;font-size:clamp(52px,5.55vw,84px);font-weight:500;letter-spacing:-.065em;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(242,244,247,.7)}.hero-lead{max-width:670px;margin:36px 0 0;color:var(--soft);font-size:clamp(15px,1.25vw,18px)}.hero-actions{display:flex;gap:12px;margin-top:40px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:18px;padding:12px 20px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.button-primary{border-color:var(--accent);background:var(--accent);color:#09100e}.button-primary:hover{background:#a5f8e4}.button-ghost:hover{border-color:#777e8b;background:rgba(255,255,255,.04)}
.hero-system{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(29,35,48,.86),rgba(12,14,20,.82));box-shadow:0 40px 100px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.system-head,.system-foot{display:flex;height:52px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);color:var(--dim);font-size:8px;letter-spacing:.14em}.live{display:flex;align-items:center;gap:9px;color:var(--accent)}.live i{width:5px;height:5px}.system-canvas{position:relative;aspect-ratio:1;overflow:hidden}.system-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 15%,transparent 72%)}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(123,240,212,.2);border-radius:50%;transform:translate(-50%,-50%);animation:spin 18s linear infinite}.orbit-a{width:68%;height:68%}.orbit-b{width:44%;height:80%;animation-direction:reverse;animation-duration:12s}.orbit i{position:absolute;top:50%;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 17px var(--accent)}@keyframes spin{to{rotate:1turn}}.core{position:absolute;top:50%;left:50%;display:grid;width:150px;height:150px;place-content:center;border:1px solid rgba(123,240,212,.38);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(123,240,212,.23),rgba(119,135,255,.12) 45%,rgba(12,14,20,.96));text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(119,135,255,.18)}.core span{color:var(--soft);font-size:10px}.core strong{font-size:29px}.core small{color:var(--accent);font-size:7px;letter-spacing:.12em}.node{position:absolute;display:grid;min-width:92px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:rgba(12,14,20,.82);box-shadow:0 10px 30px rgba(0,0,0,.2)}.node span{color:var(--accent);font-size:7px}.node b{font-size:13px}.node small{color:var(--dim);font-size:6px;letter-spacing:.1em}.node-a{top:12%;left:8%}.node-b{top:17%;right:7%}.node-c{right:8%;bottom:12%}.node-d{bottom:17%;left:7%}.system-foot{height:54px;border-top:1px solid var(--line);border-bottom:0}.system-foot div{display:flex;gap:4px;margin-left:auto;margin-right:10px}.system-foot div i{width:3px;background:var(--blue)}.system-foot div i:nth-child(1){height:8px}.system-foot div i:nth-child(2){height:14px}.system-foot div i:nth-child(3){height:10px}.system-foot div i:nth-child(4){height:19px}.system-foot div i:nth-child(5){height:16px}.system-foot strong{color:var(--ink);font-size:11px}
.proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof article{display:flex;min-height:150px;align-items:center;gap:18px;padding:24px;border-right:1px solid var(--line)}.proof article:last-child{border:0}.proof strong{font-size:34px;font-weight:500;letter-spacing:-.05em}.proof sup{color:var(--accent);font-size:11px}.proof p{margin:0;color:var(--soft);font-size:11px;line-height:1.55}
.projects{padding:150px 0}.section-head{display:grid;grid-template-columns:1.45fr .55fr;gap:80px;align-items:end;margin-bottom:70px}.kicker{margin:0 0 20px;color:var(--accent);font-size:9px;font-weight:600;letter-spacing:.18em}.section-head h2,.experience h2,.about h2,.contact h2{margin:0;font-size:clamp(48px,6vw,78px);font-weight:500;letter-spacing:-.06em;line-height:1.05}.section-head h2 span,.experience h2 span,.about h2 span,.contact h2 span{color:var(--accent)}.section-head>p{max-width:430px;margin:0;color:var(--soft);font-size:13px}
.project-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.case{position:relative;overflow:hidden;min-height:520px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:transform .35s var(--ease),border-color .3s,box-shadow .3s}.case:hover{border-color:rgba(123,240,212,.42);box-shadow:0 30px 70px rgba(0,0,0,.25);transform:translateY(-4px)}.case-featured{grid-row:span 2;min-height:1060px}.case-link{position:absolute;z-index:5;inset:0;width:100%;cursor:pointer;border:0;background:transparent}.case-top{position:absolute;z-index:2;top:0;right:0;left:0;display:flex;justify-content:space-between;padding:22px 24px;color:var(--dim);font-size:8px;letter-spacing:.14em}.case-top p{margin:0;color:var(--accent)}.case-visual{position:absolute;top:0;right:0;bottom:145px;left:0;overflow:hidden}.case-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;min-height:145px;align-items:end;justify-content:space-between;gap:20px;padding:24px;background:linear-gradient(180deg,transparent,var(--surface) 18%)}.case-copy h3{margin:0 0 7px;font-size:clamp(24px,2.3vw,34px);font-weight:500;letter-spacing:-.035em}.case-copy p{max-width:500px;margin:0;color:var(--soft);font-size:11px}.case-open{color:var(--accent);font-size:10px;white-space:nowrap}.map-ui{background:radial-gradient(circle at 48% 44%,rgba(123,240,212,.12),transparent 31%),#10141b}.map-network{position:absolute;inset:-10%;background:repeating-radial-gradient(ellipse at 30% 50%,transparent 0 40px,rgba(123,240,212,.09) 42px 43px);transform:rotate(-14deg)}.pin{position:absolute;width:13px;height:13px;border:3px solid var(--accent);border-radius:50%;box-shadow:0 0 0 8px rgba(123,240,212,.06)}.p1{top:24%;left:23%}.p2{top:38%;right:16%}.p3{bottom:22%;left:38%}.score-panel{position:absolute;top:50%;left:50%;display:grid;width:55%;padding:30px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(12,15,21,.67);backdrop-filter:blur(14px);transform:translate(-50%,-50%);box-shadow:0 25px 60px rgba(0,0,0,.4)}.score-panel span{color:var(--soft);font-size:8px;letter-spacing:.15em}.score-panel strong{margin:10px 0 25px;color:var(--accent);font-size:62px;font-weight:500}.score-panel i{height:7px;margin-top:10px;border-radius:5px;background:linear-gradient(90deg,var(--accent) 72%,rgba(255,255,255,.08) 72%)}.score-panel i:nth-of-type(2){background:linear-gradient(90deg,var(--blue) 54%,rgba(255,255,255,.08) 54%)}.score-panel i:nth-of-type(3){background:linear-gradient(90deg,#d4c680 86%,rgba(255,255,255,.08) 86%)}.ops-ui{display:grid;place-content:center;background:radial-gradient(circle at 50% 50%,rgba(119,135,255,.18),transparent 40%),#11131b}.ops-bars{display:flex;height:190px;align-items:end;gap:13px}.ops-bars i{width:22px;height:30%;border-radius:4px 4px 0 0;background:linear-gradient(var(--accent),rgba(123,240,212,.08));animation:bars 2.5s var(--ease) infinite alternate}.ops-bars i:nth-child(2){height:62%;animation-delay:-.5s}.ops-bars i:nth-child(3){height:45%;animation-delay:-1s}.ops-bars i:nth-child(4){height:83%;animation-delay:-1.5s}.ops-bars i:nth-child(5){height:70%;animation-delay:-2s}@keyframes bars{to{filter:brightness(1.4);transform:scaleY(.84)}}.ops-pulse{position:absolute;top:50%;left:50%;width:260px;height:260px;border:1px solid rgba(119,135,255,.25);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-out infinite}@keyframes pulse{to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.ops-ui>span{position:absolute;bottom:38px;left:50%;color:var(--dim);font-size:7px;letter-spacing:.18em;transform:translateX(-50%)}.commerce-ui{background:linear-gradient(145deg,#151824,#0d0f15)}.product-stack{position:absolute;top:46%;left:50%;width:170px;height:210px;transform:translate(-50%,-50%)}.product-stack i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:linear-gradient(145deg,rgba(119,135,255,.22),rgba(123,240,212,.05));box-shadow:0 20px 45px rgba(0,0,0,.25)}.product-stack i:nth-child(2){transform:translate(-32px,20px) rotate(-8deg)}.product-stack i:nth-child(3){transform:translate(32px,20px) rotate(8deg)}.data-stream{position:absolute;right:20px;bottom:24px;left:20px;display:flex;justify-content:space-between}.data-stream span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--dim);font-size:6px;letter-spacing:.11em}
.capabilities{padding:140px 0;background:var(--paper);color:var(--dark)}.section-head.light .kicker{color:#435f58}.section-head.light>p{color:#60656b}.section-head.light h2 span{color:#3e8f7d}.cap-list{border-top:1px solid rgba(16,18,24,.22)}.cap-list article{display:grid;grid-template-columns:70px .7fr 1.1fr .7fr;gap:30px;align-items:center;min-height:135px;border-bottom:1px solid rgba(16,18,24,.18);transition:padding .3s var(--ease),background .3s}.cap-list article:hover{padding-inline:18px;background:rgba(255,255,255,.42)}.cap-list article>span{color:#3e8f7d;font-size:10px}.cap-list h3{margin:0;font-size:28px;font-weight:500;letter-spacing:-.035em}.cap-list p{margin:0;color:#555b61;font-size:13px}.cap-list small{color:#8a8f94;font-size:7px;letter-spacing:.13em;text-align:right}
.experience{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:150px 0}.experience-intro{position:sticky;top:120px;align-self:start}.experience-intro>p:last-child{max-width:470px;margin-top:35px;color:var(--soft);font-size:13px}.career{position:relative;margin:0;padding:0;list-style:none}.career:before{position:absolute;top:0;bottom:0;left:25px;width:1px;background:var(--line);content:''}.career li{position:relative;display:grid;grid-template-columns:52px 1fr 80px;gap:24px;min-height:190px;padding:24px 0;border-bottom:1px solid var(--line)}.career-marker{position:relative;z-index:2;display:grid;align-content:start;justify-items:center;gap:10px;background:var(--bg)}.career-marker i{display:block;width:11px;height:11px;margin-top:4px;border:2px solid var(--accent);border-radius:50%;background:var(--bg);box-shadow:0 0 0 7px rgba(123,240,212,.05)}.career-marker span{color:var(--dim);font-size:8px}.career li>div:nth-child(2)>p{margin:0 0 9px;color:var(--accent);font-size:8px;letter-spacing:.16em}.career h3{margin:0 0 9px;font-size:27px;font-weight:500}.career li>div:nth-child(2)>span{display:block;max-width:560px;color:var(--soft);font-size:12px}.career li>small{align-self:start;color:var(--dim);font-size:7px;letter-spacing:.13em;text-align:right}.career .current h3{color:var(--accent)}
.about{padding:120px 0 150px;border-top:1px solid var(--line)}.about-card{display:grid;grid-template-columns:.65fr 1.35fr;min-height:590px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.about-monogram{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(123,240,212,.13),transparent 32%),linear-gradient(145deg,#181d29,#0e1117)}.about-monogram span{position:relative;z-index:2;color:transparent;font-size:clamp(100px,13vw,190px);font-weight:600;letter-spacing:-.12em;-webkit-text-stroke:1px rgba(123,240,212,.6)}.about-monogram i{position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(123,240,212,.2);border-radius:50%;animation:spin 16s linear infinite}.about-monogram i:after{position:absolute;top:50%;left:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);content:''}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,80px)}.about-copy h2{font-size:clamp(42px,5vw,66px)}.about-copy>p:not(.kicker){max-width:680px;margin:35px 0 0;color:var(--soft);font-size:14px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.about-tags span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#c6cad1;font-size:9px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.principles div{min-height:220px;padding:26px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.principles span{color:var(--accent);font-size:9px}.principles h3{margin:52px 0 9px;font-size:22px;font-weight:500}.principles p{margin:0;color:var(--soft);font-size:12px}
.contact{position:relative;overflow:hidden;padding:150px 0;background:#11151d}.contact-glow{position:absolute;right:-15%;bottom:-70%;width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(123,240,212,.15),rgba(119,135,255,.08) 35%,transparent 68%);filter:blur(10px)}.contact-inner{position:relative;z-index:2}.contact h2{max-width:1050px;font-size:clamp(54px,7.6vw,108px)}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.contact-bottom>p{max-width:520px;margin:0;color:var(--soft)}.contact-placeholder{display:grid;min-width:310px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.contact-placeholder span{font-size:17px}.contact-placeholder small{margin-top:4px;color:var(--dim);font-size:7px;letter-spacing:.14em}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:90px;color:var(--dim);font-size:8px;letter-spacing:.12em}.footer p:nth-child(2){text-align:center}.footer a{justify-self:end;display:flex;min-height:44px;align-items:center}
.modal{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:clamp(32px,6vw,72px);border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#121620;color:var(--ink);box-shadow:0 40px 120px rgba(0,0,0,.65)}.modal::backdrop{background:rgba(5,6,9,.82);backdrop-filter:blur(12px)}.modal-close{position:absolute;top:20px;right:20px;width:46px;height:46px;cursor:pointer;border:1px solid var(--line);border-radius:50%;background:transparent}.modal-close span{position:absolute;top:22px;left:13px;width:18px;height:1px;background:var(--ink);transform:rotate(45deg)}.modal-close span:last-child{transform:rotate(-45deg)}.modal h2{max-width:760px;margin:18px 0;font-size:clamp(42px,6vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1}.modal-lead{max-width:700px;color:var(--soft);font-size:16px}.modal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:50px 0}.modal-facts div{padding-top:14px;border-top:1px solid var(--line)}.modal-facts small{color:var(--accent);font-size:8px;letter-spacing:.13em}.modal-facts p{margin:8px 0;color:#c7cbd2;font-size:12px}.modal-note{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:25px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.modal-note span{color:var(--accent);font-size:11px}.modal-note p{max-width:550px;margin:0;color:var(--soft);font-size:11px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){:root{--shell:min(100% - 40px,760px)}.cursor-dot{display:none}.header{grid-template-columns:1fr auto;padding-inline:20px}.nav,.header-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{max-width:760px}.availability{margin-bottom:40px}.hero-system{width:min(100%,620px);margin-inline:auto}.proof{grid-template-columns:1fr 1fr}.proof article:nth-child(2){border-right:0}.proof article:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{grid-template-columns:1fr;gap:25px}.project-grid{grid-template-columns:1fr}.case-featured{grid-row:auto;min-height:700px}.case{min-height:570px}.experience{grid-template-columns:1fr;gap:70px}.experience-intro{position:static}.about-card{grid-template-columns:1fr}.about-monogram{min-height:400px}.principles{grid-template-columns:1fr}.cap-list article{grid-template-columns:48px 1fr;gap:14px}.cap-list article p,.cap-list article small{grid-column:2}.cap-list article small{text-align:left}.contact-bottom{align-items:stretch;flex-direction:column}.contact-placeholder{min-width:0;width:100%}}
@media(max-width:560px){:root{--shell:calc(100% - 32px)}.logo div{display:none}.hero{gap:44px;padding-top:118px}.hero h1{font-size:47px}.hero-lead{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.system-canvas{min-height:390px;aspect-ratio:auto}.core{width:120px;height:120px}.node{min-width:76px}.proof{grid-template-columns:1fr}.proof article{min-height:112px;border-right:0;border-bottom:1px solid var(--line)!important}.projects{padding:100px 0}.section-head h2,.experience h2,.about h2,.contact h2{font-size:43px}.case-featured,.case{min-height:540px}.score-panel{width:70%;padding:22px}.case-copy{align-items:start;flex-direction:column}.case-open{display:none}.capabilities{padding:100px 0}.cap-list article{padding:25px 0}.cap-list h3{font-size:24px}.experience{padding:100px 0}.career li{grid-template-columns:40px 1fr;gap:14px;min-height:220px}.career:before{left:19px}.career li>small{display:none}.career h3{font-size:23px}.about{padding:90px 0}.about-monogram{min-height:300px}.about-copy{padding:30px 24px 40px}.principles div{min-height:190px}.contact{padding:110px 0}.contact h2{font-size:48px}.contact-bottom{margin-top:55px}.footer{grid-template-columns:1fr auto}.footer p:nth-child(2){display:none}.modal-facts{grid-template-columns:1fr}.modal-note{align-items:start;flex-direction:column;gap:8px}}
@media(hover:none){.cursor-dot{display:none}.case:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Motion layer: smooth, spatial and deliberately separated from content layout. */
body{isolation:isolate}main,.footer{position:relative;z-index:1}#field{z-index:0}.scroll-progress{position:fixed;z-index:120;top:0;left:0;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--accent),var(--blue));transform:scaleX(0);transform-origin:left center;box-shadow:0 0 18px rgba(123,240,212,.6)}.ambient{position:fixed;z-index:0;width:48vw;aspect-ratio:1;pointer-events:none;border-radius:50%;filter:blur(110px);opacity:.12;will-change:transform}.ambient-a{top:-25vw;right:-14vw;background:var(--blue)}.ambient-b{bottom:-32vw;left:-18vw;background:var(--accent)}
.intro{position:fixed;z-index:900;inset:0;display:grid;place-content:center;gap:24px;background:#090b0f;pointer-events:none;transition:clip-path 1s var(--ease) .8s;clip-path:inset(0 0 0 0)}.intro.done{clip-path:inset(0 0 100% 0)}.intro-mark{position:relative;display:grid;width:96px;aspect-ratio:1;margin:auto;place-items:center;border:1px solid rgba(123,240,212,.3);border-radius:50%}.intro-mark span{color:var(--accent);font-size:24px;font-weight:600;letter-spacing:-.08em;animation:intro-mark .8s var(--ease) both}.intro-mark i{position:absolute;inset:-1px;border:1px solid transparent;border-top-color:var(--accent);border-radius:50%;animation:spin 1.2s linear infinite}.intro p{margin:0;color:#7e8591;font-size:8px;letter-spacing:.28em;animation:intro-copy .8s var(--ease) .15s both}@keyframes intro-mark{from{opacity:0;transform:scale(.65) rotate(-18deg)}to{opacity:1;transform:none}}@keyframes intro-copy{from{opacity:0;letter-spacing:.55em}to{opacity:1;letter-spacing:.28em}}
.cursor-dot{width:18px;height:18px;transition:width .35s var(--ease),height .35s var(--ease),background .35s,border-color .35s;will-change:transform}.cursor-dot:after{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:var(--accent);content:'';transform:translate(-50%,-50%);box-shadow:0 0 12px var(--accent)}.cursor-dot.active{width:58px;height:58px;border-color:rgba(123,240,212,.55);background:rgba(123,240,212,.075);backdrop-filter:blur(2px)}
.nav a.active{color:var(--ink)}.nav a.active:after{transform:scaleX(1)}
.hero-copy .reveal{transform:translateY(34px);filter:blur(8px)}.hero-copy .reveal.visible{transform:none;filter:none}.hero-copy .reveal:nth-child(2){transition-delay:.06s}.hero-copy .reveal:nth-child(3){transition-delay:.12s}.hero-copy .reveal:nth-child(4){transition-delay:.18s}.hero-copy .reveal:nth-child(5){transition-delay:.24s}.hero-system{transform-style:preserve-3d;will-change:transform;transition:border-color .4s,box-shadow .4s}.hero-system:before{position:absolute;z-index:4;inset:-40%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);content:'';transform:translateX(-70%) rotate(8deg);animation:system-scan 6s var(--ease) 1.8s infinite}.hero-system:hover{border-color:rgba(123,240,212,.3);box-shadow:0 50px 130px rgba(0,0,0,.45),0 0 80px rgba(119,135,255,.09)}@keyframes system-scan{0%,58%{transform:translateX(-70%) rotate(8deg)}90%,100%{transform:translateX(70%) rotate(8deg)}}.system-grid{animation:grid-drift 14s linear infinite}.node{animation:node-float 4.6s ease-in-out infinite}.node-b{animation-delay:-1.2s}.node-c{animation-delay:-2.4s}.node-d{animation-delay:-3.6s}@keyframes grid-drift{to{background-position:34px 34px}}@keyframes node-float{50%{translate:0 -7px;border-color:rgba(123,240,212,.3)}}
.case-visual{transform:translate3d(var(--case-x,0),var(--case-y,0),0) scale(1.035);transition:transform .65s var(--ease);will-change:transform}.case:after{position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(400px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(123,240,212,.1),transparent 52%);opacity:0;content:'';transition:opacity .35s}.case:hover:after{opacity:1}.case-copy,.case-top{transition:transform .5s var(--ease)}.case:hover .case-copy{transform:translateY(-4px)}.case:hover .case-top{transform:translateY(3px)}

/* Field notes / blog preview. */
.notes{position:relative;padding:150px 0;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 75% 24%,rgba(119,135,255,.1),transparent 26%),linear-gradient(180deg,#0b0d12,#10131a 55%,#0b0d12)}.notes:before{position:absolute;top:80px;right:-80px;color:rgba(255,255,255,.018);font-size:min(23vw,360px);font-weight:600;line-height:1;content:'THINK';letter-spacing:-.09em}.notes-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.note-card{position:relative;display:grid;min-height:335px;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:15px;background:rgba(21,25,34,.74);cursor:pointer;transition:transform .5s var(--ease),border-color .35s,box-shadow .5s;backdrop-filter:blur(14px)}.note-card:hover{border-color:rgba(123,240,212,.36);box-shadow:0 35px 90px rgba(0,0,0,.28);transform:translateY(-7px)}.note-card:after{position:absolute;right:-30%;bottom:-70%;width:80%;aspect-ratio:1;border:1px solid rgba(123,240,212,.1);border-radius:50%;content:'';transition:transform 1s var(--ease)}.note-card:hover:after{transform:scale(1.18)}.note-card-featured{grid-row:span 2;min-height:690px;background:linear-gradient(145deg,rgba(24,31,41,.9),rgba(12,15,21,.88))}.note-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.note-copy>p{display:flex;align-items:center;justify-content:space-between;margin:0 0 auto;color:var(--accent);font-size:9px;letter-spacing:.1em}.note-copy>p small{color:var(--dim);font-size:7px}.note-copy h3{max-width:620px;margin:26px 0 16px;font-size:clamp(28px,3.1vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.16}.note-card:not(.note-card-featured) .note-copy h3{max-width:520px;font-size:clamp(24px,2.2vw,34px)}.note-copy>div{max-width:600px;color:var(--soft);font-size:12px}.note-copy b{display:flex;align-items:center;gap:12px;margin-top:32px;color:var(--accent);font-size:10px;font-weight:500}.note-copy b span{font-size:16px;transition:transform .3s var(--ease)}.note-card:hover .note-copy b span{transform:translate(4px,-4px)}.note-index{position:absolute;top:8px;right:25px;color:transparent;font-size:112px;font-weight:600;line-height:1;-webkit-text-stroke:1px rgba(255,255,255,.07)}.note-orbit{position:absolute;top:44%;left:50%;display:grid;width:300px;aspect-ratio:1;place-items:center;border:1px solid rgba(123,240,212,.14);border-radius:50%;transform:translate(-50%,-50%);animation:note-float 7s ease-in-out infinite}.note-orbit:before,.note-orbit:after{position:absolute;border:1px solid rgba(119,135,255,.15);border-radius:50%;content:''}.note-orbit:before{inset:16%;animation:spin 15s linear infinite}.note-orbit:after{inset:31%;animation:spin 11s linear infinite reverse}.note-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.note-orbit i:first-child{top:-4px}.note-orbit i:nth-child(2){right:12%;bottom:14%;background:var(--blue);box-shadow:0 0 25px var(--blue)}.note-orbit span{color:rgba(242,244,247,.65);font-size:12px;letter-spacing:.15em;text-align:center}@keyframes note-float{50%{transform:translate(-50%,calc(-50% - 12px)) rotate(2deg)}}

/* Deep project case and long-form article reading surfaces. */
.case-process{margin:70px 0 42px}.case-process h3{margin:0 0 28px;font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-.04em}.case-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-step{min-height:220px;padding:24px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.case-step>span{color:var(--accent);font-size:9px}.case-step h4{margin:45px 0 10px;font-size:19px;font-weight:500}.case-step p{margin:0;color:var(--soft);font-size:11px}.modal blockquote{margin:0 0 42px;padding:30px;border-left:2px solid var(--accent);background:linear-gradient(90deg,rgba(123,240,212,.07),transparent);color:#d7dbe1;font-size:clamp(17px,2vw,23px);line-height:1.65}.modal[open],.article-modal[open]{animation:dialog-in .55s var(--ease) both}.modal[open]::backdrop,.article-modal[open]::backdrop{animation:backdrop-in .4s ease both}@keyframes dialog-in{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
.article-modal{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 24px);padding:0;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#f0f1ed;color:#15171b;box-shadow:0 50px 140px rgba(0,0,0,.7)}.article-modal::backdrop{background:rgba(5,6,9,.86);backdrop-filter:blur(14px)}.article-modal .modal-close{z-index:2;border-color:rgba(16,18,24,.2)}.article-modal .modal-close span{background:#15171b}.article-shell{width:min(760px,calc(100% - 48px));margin-inline:auto;padding:100px 0 70px}.article-shell>.kicker{color:#367f6f}.article-shell h2{margin:22px 0 28px;font-size:clamp(42px,6vw,76px);font-weight:500;letter-spacing:-.06em;line-height:1.08}.article-lead{margin:0 0 70px;color:#50565c;font-size:clamp(17px,2vw,21px);line-height:1.8}.article-body section{display:grid;grid-template-columns:160px 1fr;gap:34px;padding:34px 0;border-top:1px solid rgba(16,18,24,.17)}.article-body h3{margin:0;font-size:18px;font-weight:600}.article-body p{margin:0;color:#4e545a;font-size:15px;line-height:2}.article-ending{margin:60px 0 70px;padding:32px;border-left:2px solid #3e8f7d;background:rgba(62,143,125,.07);font-size:18px;line-height:1.9}.article-shell footer{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(16,18,24,.17);color:#777d82;font-size:9px;letter-spacing:.12em}.article-shell footer button{min-height:44px;padding:8px 15px;cursor:pointer;border:1px solid rgba(16,18,24,.2);border-radius:99px;background:transparent;color:#22262b;font-size:10px;transition:background .2s}.article-shell footer button:hover{background:rgba(16,18,24,.06)}

.reveal{transition-duration:.9s;transition-timing-function:var(--ease)}
@media(max-width:980px){.nav{gap:20px}.notes-grid{grid-template-columns:1fr}.note-card-featured{grid-row:auto;min-height:620px}.note-card{min-height:360px}.case-process>div{grid-template-columns:1fr}.case-step{min-height:180px}.article-body section{grid-template-columns:1fr;gap:14px}}
@media(max-width:560px){.intro p{font-size:7px}.ambient{width:100vw}.notes{padding:100px 0}.notes-grid{gap:14px}.note-card-featured{min-height:530px}.note-card{min-height:330px;padding:24px}.note-orbit{top:38%;width:230px}.note-copy h3,.note-card:not(.note-card-featured) .note-copy h3{font-size:28px}.note-copy>p{align-items:flex-start;flex-direction:column;gap:5px}.article-shell{width:calc(100% - 40px);padding:86px 0 50px}.article-shell h2{font-size:40px}.article-lead{margin-bottom:45px;font-size:16px}.article-body section{padding:27px 0}.article-body p{font-size:14px}.article-ending{margin:45px 0;padding:24px;font-size:16px}.article-shell footer{align-items:flex-start;flex-direction:column;gap:18px}.modal blockquote{padding:22px}.case-process{margin-top:55px}}
@media(prefers-reduced-motion:reduce){.intro{display:none}.ambient{display:none}.hero-copy .reveal{filter:none}.system-grid,.node,.note-orbit,.hero-system:before{animation:none!important}.case-visual{transform:none!important}}

/* Code-verified case study details. */
.case-evidence{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:48px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--line)}.case-evidence article{display:flex;min-height:118px;flex-direction:column;justify-content:center;padding:20px;background:#121620}.case-evidence strong{color:var(--accent);font-size:clamp(24px,3vw,38px);font-weight:500;letter-spacing:-.04em;line-height:1}.case-evidence span{margin-top:12px;color:var(--dim);font-size:8px;letter-spacing:.09em}.case-process>div{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.case-delivery{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;margin:78px 0}.case-delivery h3{max-width:360px;margin:0;font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.12}.case-delivery ul{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.case-delivery li{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.case-delivery li>span{padding-top:2px;color:var(--accent);font-size:8px}.case-delivery li p{margin:0;color:#c6cbd3;font-size:12px;line-height:1.75}.case-stack{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start;margin:0 0 55px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-stack>span{padding-top:8px;color:var(--dim);font-size:8px;letter-spacing:.15em}.case-stack>div{display:flex;flex-wrap:wrap;gap:8px}.case-stack>div span{padding:7px 11px;border:1px solid rgba(123,240,212,.2);border-radius:99px;background:rgba(123,240,212,.035);color:#cfe6e0;font-size:9px}
@media(max-width:760px){.case-evidence{grid-template-columns:repeat(2,1fr)}.case-evidence article{min-height:105px}.case-delivery{grid-template-columns:1fr;gap:30px;margin:60px 0}.case-delivery h3{max-width:none}.case-stack{grid-template-columns:1fr;gap:12px}}
@media(max-width:560px){.case-evidence{margin-top:34px}.case-evidence strong{font-size:27px}.case-evidence span{font-size:7px}.modal-facts{margin-top:42px}.case-delivery li{grid-template-columns:30px 1fr}.case-stack>div span{font-size:8px}}
.hero h1 span{white-space:nowrap}

/* Business OS: the hero visual maps directly to the work, not a generic growth diagram. */
.hero-os{background:radial-gradient(circle at 50% 43%,rgba(119,135,255,.12),transparent 35%),linear-gradient(145deg,rgba(27,33,45,.92),rgba(10,13,18,.9))}.ops-head{position:relative;z-index:6}.ops-canvas{position:relative;min-height:590px;overflow:hidden;isolation:isolate}.ops-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 5%,rgba(0,0,0,.8) 52%,transparent 88%);animation:ops-grid-drift 18s linear infinite}.ops-grid:after{position:absolute;inset:-20%;border:1px solid rgba(123,240,212,.12);border-radius:50%;content:'';box-shadow:0 0 0 70px rgba(123,240,212,.025),0 0 0 140px rgba(119,135,255,.018);transform:scaleX(1.35) rotate(-18deg)}.ops-scan{position:absolute;z-index:1;top:-35%;bottom:-35%;left:-24%;width:30%;background:linear-gradient(90deg,transparent,rgba(123,240,212,.075),transparent);filter:blur(7px);transform:skewX(-17deg);animation:ops-scan 6.8s var(--ease) infinite}.ops-routes{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}.ops-routes path{fill:none;vector-effect:non-scaling-stroke}.route-base{stroke:rgba(130,151,173,.18);stroke-width:1}.route-live{stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:2 13;filter:drop-shadow(0 0 5px rgba(123,240,212,.75));animation:route-flow 5s linear infinite}.route-2{animation-delay:-1.25s}.route-3{animation-delay:-2.5s}.route-4{animation-delay:-3.75s}@keyframes route-flow{to{stroke-dashoffset:-150}}@keyframes ops-grid-drift{to{background-position:32px 32px}}@keyframes ops-scan{0%,12%{translate:-25% 0;opacity:0}28%{opacity:1}65%,100%{translate:560% 0;opacity:0}}
.ops-core{position:absolute;z-index:3;top:45%;left:50%;display:grid;width:172px;aspect-ratio:1;place-content:center;border:1px solid rgba(123,240,212,.4);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(123,240,212,.18),rgba(119,135,255,.13) 38%,rgba(10,13,18,.97) 72%);text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 0 14px rgba(123,240,212,.025),0 0 78px rgba(119,135,255,.25)}.ops-core:before{position:absolute;inset:-13px;border:1px solid rgba(123,240,212,.13);border-radius:50%;content:'';animation:core-breathe 3.2s ease-in-out infinite}.ops-core i{position:absolute;inset:-24px;border:1px solid transparent;border-top-color:rgba(123,240,212,.58);border-right-color:rgba(123,240,212,.12);border-radius:50%;animation:spin 8s linear infinite}.ops-core i:nth-of-type(2){inset:-39px;border-top-color:rgba(119,135,255,.55);border-right-color:transparent;animation-duration:13s;animation-direction:reverse}.ops-core span{color:var(--dim);font-size:7px;letter-spacing:.16em}.ops-core strong{margin:3px 0;color:var(--ink);font-size:32px;font-weight:500;letter-spacing:-.07em}.ops-core small{color:var(--accent);font-size:8px;letter-spacing:.09em;transition:opacity .2s,transform .2s}.ops-core small.switching{opacity:0;transform:translateY(5px)}@keyframes core-breathe{50%{opacity:.45;transform:scale(1.08)}}
.ops-node{position:absolute;z-index:3;display:grid;width:142px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(145deg,rgba(18,23,31,.92),rgba(9,12,17,.84));box-shadow:0 18px 36px rgba(0,0,0,.22);backdrop-filter:blur(12px);transition:border-color .5s var(--ease),box-shadow .5s,transform .5s var(--ease),background .5s}.ops-node:before{position:absolute;top:14px;right:13px;width:5px;height:5px;border-radius:50%;background:#4a5361;content:'';transition:background .3s,box-shadow .3s}.ops-node span{color:#7c8491;font-size:6px;letter-spacing:.12em}.ops-node b{margin:3px 0;color:#dce0e6;font-size:13px;font-weight:500}.ops-node small{color:#69717e;font-size:7px}.ops-node.active{border-color:rgba(123,240,212,.5);background:linear-gradient(145deg,rgba(24,38,42,.95),rgba(10,14,19,.88));box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 34px rgba(123,240,212,.1);transform:translateY(-5px)}.ops-node.active:before{background:var(--accent);box-shadow:0 0 0 5px rgba(123,240,212,.08),0 0 13px var(--accent)}.ops-node.active span{color:var(--accent)}.ops-node-a{top:9%;left:5%}.ops-node-b{top:9%;right:5%}.ops-node-c{right:5%;bottom:22%}.ops-node-d{bottom:22%;left:5%}
.ops-console{position:absolute;z-index:4;right:5%;bottom:4%;left:5%;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;min-height:56px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(8,11,15,.82);box-shadow:0 16px 38px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.ops-console>span{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:6px;letter-spacing:.11em;white-space:nowrap}.ops-console>span i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:console-pulse 1.4s ease-in-out infinite}.ops-console b{overflow:hidden;color:#d6dae1;font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s,transform .2s}.ops-console b.switching{opacity:0;transform:translateY(5px)}.ops-console small{color:#59616e;font-size:6px;letter-spacing:.09em;white-space:nowrap}@keyframes console-pulse{50%{opacity:.3;transform:scale(.7)}}.ops-foot{position:relative;z-index:6}.ops-industries{display:flex!important;gap:5px!important;margin:0!important}.ops-industries span{padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#9ba2ad;font-size:7px;letter-spacing:.04em}

/* Additional real-work case visuals. */
.ledger-ui{background:radial-gradient(circle at 62% 38%,rgba(123,240,212,.12),transparent 30%),linear-gradient(145deg,#121923,#0c0f15)}.ledger-window{position:absolute;top:49%;left:46%;width:72%;padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(12,16,22,.82);box-shadow:0 30px 70px rgba(0,0,0,.38);transform:translate(-50%,-50%) rotate(-2deg);backdrop-filter:blur(12px)}.ledger-head{display:flex;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line)}.ledger-head span{margin-right:auto;color:var(--accent);font-size:7px;letter-spacing:.14em}.ledger-head i{width:5px;height:5px;margin-left:5px;border-radius:50%;background:#3e4652}.ledger-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.ledger-metrics span{display:grid;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.02)}.ledger-metrics small{color:#c9ced6;font-size:9px}.ledger-metrics b{color:#68717f;font-size:6px;font-weight:500;letter-spacing:.1em}.ledger-window svg{display:block;width:100%;height:90px;overflow:visible}.ledger-window svg path:first-child{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(123,240,212,.5));stroke-dasharray:450;stroke-dashoffset:450;animation:ledger-draw 4.5s var(--ease) infinite}.ledger-area{fill:url(#none);fill:rgba(123,240,212,.045);stroke:none}.ledger-flow{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#818996;font-size:7px}.ledger-flow i{width:17px;height:1px;background:linear-gradient(90deg,rgba(123,240,212,.2),var(--accent));animation:flow-glow 1.8s ease-in-out infinite}.build-badge{position:absolute;right:8%;bottom:18%;display:grid;min-width:105px;padding:13px;border:1px solid rgba(119,135,255,.35);border-radius:9px;background:rgba(16,19,29,.9);box-shadow:0 18px 45px rgba(0,0,0,.35);text-align:right}.build-badge span,.build-badge small{color:#68717e;font-size:6px;letter-spacing:.12em}.build-badge b{color:#9aa5ff;font-size:23px;font-weight:500;letter-spacing:-.06em}@keyframes ledger-draw{0%{stroke-dashoffset:450;opacity:.3}55%,100%{stroke-dashoffset:0;opacity:1}}@keyframes flow-glow{50%{filter:brightness(1.8)}}
.media-ui{background:radial-gradient(circle at 50% 36%,rgba(119,135,255,.16),transparent 35%),linear-gradient(150deg,#151722,#0c0f15)}.media-reel{position:absolute;top:45%;left:50%;width:82%;height:50%;transform:translate(-50%,-50%)}.reel-frame{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;width:42%;height:80%;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:linear-gradient(160deg,rgba(119,135,255,.18),rgba(12,15,21,.88));box-shadow:0 24px 54px rgba(0,0,0,.3);transition:border-color .3s}.reel-frame:before{position:absolute;inset:12px 12px auto;height:45%;border:1px solid rgba(123,240,212,.13);border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(255,255,255,.035) 20px 21px);content:''}.reel-frame span{color:var(--accent);font-size:7px}.reel-frame b{font-size:13px;font-weight:500}.reel-frame small{color:#646d7a;font-size:6px;letter-spacing:.1em}.frame-a{top:12%;left:1%;transform:rotate(-7deg);animation:reel-a 6s ease-in-out infinite}.frame-b{z-index:2;top:0;left:29%;border-color:rgba(123,240,212,.25);animation:reel-b 6s ease-in-out infinite}.frame-c{top:12%;right:1%;transform:rotate(7deg);animation:reel-c 6s ease-in-out infinite}.media-wave{position:absolute;right:10%;bottom:25%;left:10%;display:flex;height:38px;align-items:center;justify-content:center;gap:5px}.media-wave i{width:2px;height:24%;border-radius:2px;background:var(--accent);box-shadow:0 0 8px rgba(123,240,212,.35);animation:media-wave 1.25s ease-in-out infinite alternate}.media-wave i:nth-child(2n){height:70%;animation-delay:-.3s}.media-wave i:nth-child(3n){height:100%;animation-delay:-.7s}.industry-track{position:absolute;right:8%;bottom:14%;left:8%;display:flex;align-items:center;justify-content:center;gap:12px;color:#9ca3ae;font-size:8px}.industry-track i{width:28px;height:1px;background:linear-gradient(90deg,rgba(119,135,255,.1),var(--blue),rgba(119,135,255,.1))}@keyframes media-wave{to{transform:scaleY(.35);opacity:.45}}@keyframes reel-a{50%{transform:translate(-5px,-4px) rotate(-9deg)}}@keyframes reel-b{50%{transform:translateY(-8px)}}@keyframes reel-c{50%{transform:translate(5px,-4px) rotate(9deg)}}

/* Contact closes with one precise positioning sentence. */
.contact{padding:115px 0}.contact h2{max-width:1020px;font-size:clamp(42px,5.6vw,76px);line-height:1.12}.contact h2 span{display:block;margin-top:5px}.contact-bottom{margin-top:58px}

@media(max-width:980px){.ops-canvas{min-height:650px}.ledger-window{width:68%}.media-reel{width:72%}}
@media(max-width:560px){.hero-os{width:100%}.ops-canvas{min-height:520px}.ops-core{top:43%;width:132px}.ops-core strong{font-size:25px}.ops-core i{inset:-16px}.ops-core i:nth-of-type(2){inset:-26px}.ops-node{width:112px;padding:10px}.ops-node b{font-size:11px}.ops-node small{font-size:6px}.ops-node-a,.ops-node-d{left:4%}.ops-node-b,.ops-node-c{right:4%}.ops-node-a,.ops-node-b{top:8%}.ops-node-c,.ops-node-d{bottom:25%}.ops-console{right:4%;bottom:3%;left:4%;grid-template-columns:1fr auto;gap:7px;min-height:62px}.ops-console>span{grid-column:1}.ops-console b{grid-column:1/-1;grid-row:2}.ops-console small{grid-column:2;grid-row:1}.ops-industries span{padding:3px 6px;font-size:6px}.ledger-window{top:45%;left:50%;width:86%;padding:13px}.ledger-metrics span{padding:7px}.build-badge{right:4%;bottom:17%;min-width:90px}.media-reel{top:43%;width:92%}.reel-frame{width:45%;padding:13px}.frame-b{left:27%}.industry-track{right:4%;left:4%;gap:7px}.contact h2{font-size:39px}.contact h2 span{display:inline;margin:0}.contact-bottom{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.ops-grid,.ops-scan,.route-live,.ops-core:before,.ops-core i,.ops-console>span i,.ledger-window svg path:first-child,.ledger-flow i,.media-wave i,.reel-frame{animation:none!important}}

/* Direct contact: lossless, square WeChat QR with a full-size fallback on click. */
.contact-qr{position:relative;display:grid;grid-template-columns:144px minmax(150px,1fr) auto;gap:20px;align-items:center;min-width:410px;padding:12px 16px 12px 12px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 20px 55px rgba(0,0,0,.2);transition:border-color .3s,background .3s,transform .35s var(--ease),box-shadow .35s var(--ease)}.contact-qr:hover{border-color:rgba(123,240,212,.45);background:linear-gradient(145deg,rgba(123,240,212,.075),rgba(255,255,255,.02));box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 42px rgba(123,240,212,.07);transform:translateY(-4px)}.qr-code{display:block;overflow:hidden;border:7px solid #fff;border-radius:9px;background:#fff}.qr-code img{display:block;width:100%;height:auto;aspect-ratio:1}.qr-copy{display:flex;flex-direction:column}.qr-copy small{margin-bottom:20px;color:var(--accent);font-size:7px;letter-spacing:.13em}.qr-copy strong{font-size:21px;font-weight:500}.qr-copy em{margin-top:4px;color:var(--soft);font-size:10px;font-style:normal}.qr-open{align-self:start;color:var(--accent);font-size:18px;transition:transform .3s var(--ease)}.contact-qr:hover .qr-open{transform:translate(3px,-3px)}
@media(max-width:560px){.contact-qr{grid-template-columns:118px 1fr;gap:16px;min-width:0;width:100%;padding:11px}.qr-copy small{margin-bottom:14px;font-size:6px}.qr-copy strong{font-size:18px}.qr-copy em{font-size:9px}.qr-open{display:none}}

/* Pointer interaction: a short-lived particle trail replaces the fixed follower ring. */
#cursor-particles{position:fixed;z-index:95;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.cursor-dot{display:none!important}
@media(pointer:coarse){#cursor-particles{display:none}}@media(prefers-reduced-motion:reduce){#cursor-particles{display:none}}

/* Portfolio matrix: two lead cards + three compact cards, one coordinated system. */
.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.project-grid .case{grid-column:span 3;grid-row:auto;min-height:520px}.project-grid .case:nth-child(n+3){grid-column:span 2;min-height:480px}.case-featured{grid-row:auto;min-height:520px}.project-grid .case:nth-child(n+3) .case-copy{min-height:154px;padding:22px}.project-grid .case:nth-child(n+3) .case-visual{bottom:154px}.project-grid .case:nth-child(n+3) .case-copy h3{font-size:clamp(23px,1.8vw,29px)}.project-grid .case:nth-child(n+3) .case-copy p{max-width:calc(100% - 76px);font-size:10px;line-height:1.75}.project-grid .case:nth-child(n+3) .case-open{position:absolute;right:22px;bottom:22px;font-size:0}.project-grid .case:nth-child(n+3) .case-open:after{font-size:8px;content:'案例 ↗'}.project-grid .case-top{padding:20px 22px}.project-grid .case:before{position:absolute;z-index:3;right:20px;bottom:20px;width:4px;height:4px;pointer-events:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(123,240,212,.25);content:'';opacity:.55;animation:case-status 3.4s ease-out infinite}

/* Every project visual has its own live signal, without changing the shared rhythm. */
.map-network{animation:map-breathe 8s ease-in-out infinite alternate}.pin{animation:map-pin 3s ease-in-out infinite}.pin.p2{animation-delay:-1s}.pin.p3{animation-delay:-2s}.score-panel i{transform-origin:left center;animation:score-scan 4.8s var(--ease) infinite}.score-panel i:nth-of-type(2){animation-delay:-1.6s}.score-panel i:nth-of-type(3){animation-delay:-3.2s}.product-stack i{animation:stack-signal 5s ease-in-out infinite}.product-stack i:nth-child(2){animation-delay:-1.65s}.product-stack i:nth-child(3){animation-delay:-3.3s}.data-stream span{position:relative;overflow:hidden}.data-stream span:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 18%,rgba(123,240,212,.22),transparent 82%);content:'';transform:translateX(-120%);animation:data-pass 4.2s var(--ease) infinite}.data-stream span:nth-child(2):after{animation-delay:-1.4s}.data-stream span:nth-child(3):after{animation-delay:-2.8s}
@keyframes case-status{60%,100%{box-shadow:0 0 0 12px rgba(123,240,212,0);opacity:.18}}@keyframes map-breathe{50%{opacity:.72;transform:rotate(-12deg) scale(1.035)}}@keyframes map-pin{50%{box-shadow:0 0 0 13px rgba(123,240,212,0);transform:translateY(-5px)}}@keyframes score-scan{0%,100%{filter:brightness(.78);transform:scaleX(.82)}50%{filter:brightness(1.22);transform:scaleX(1)}}@keyframes stack-signal{50%{filter:brightness(1.26);translate:0 -7px}}@keyframes data-pass{45%,100%{transform:translateX(120%)}}

@media(max-width:1120px) and (min-width:981px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .case,.project-grid .case:nth-child(n+3){grid-column:span 1;min-height:520px}.project-grid .case:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.project-grid .case:nth-child(n+3) .case-copy{min-height:145px;padding:24px}.project-grid .case:nth-child(n+3) .case-visual{bottom:145px}.project-grid .case:nth-child(n+3) .case-copy h3{font-size:clamp(24px,2.3vw,34px)}.project-grid .case:nth-child(n+3) .case-copy p{max-width:500px;font-size:11px}.project-grid .case:nth-child(n+3) .case-open{position:static;font-size:10px}.project-grid .case:nth-child(n+3) .case-open:after{content:none}}
@media(max-width:980px){.project-grid{grid-template-columns:1fr}.project-grid .case,.project-grid .case:nth-child(n+3),.project-grid .case:last-child{grid-column:auto;width:auto;min-height:570px}.project-grid .case:nth-child(n+3) .case-copy{min-height:145px;padding:24px}.project-grid .case:nth-child(n+3) .case-visual{bottom:145px}.project-grid .case:nth-child(n+3) .case-copy h3{font-size:clamp(24px,2.3vw,34px)}.project-grid .case:nth-child(n+3) .case-copy p{max-width:500px;font-size:11px}.project-grid .case:nth-child(n+3) .case-open{position:static;font-size:10px}.project-grid .case:nth-child(n+3) .case-open:after{content:none}}
@media(max-width:560px){.project-grid .case,.project-grid .case:nth-child(n+3),.project-grid .case:last-child{min-height:540px}.project-grid .case:nth-child(n+3) .case-copy{align-items:start;flex-direction:column}.project-grid .case:nth-child(n+3) .case-copy p{max-width:none}.project-grid .case:nth-child(n+3) .case-open{display:none}}
@media(prefers-reduced-motion:reduce){.project-grid .case:before,.map-network,.pin,.score-panel i,.product-stack i,.data-stream span:after{animation:none!important}}

/* Semantic motion upgrade: analysis bot, growth path, armillary core and live data chart. */
.map-ui{background:radial-gradient(circle at 34% 47%,rgba(123,240,212,.13),transparent 28%),radial-gradient(circle at 72% 46%,rgba(119,135,255,.1),transparent 30%),#10141b}.site-bot{position:absolute;z-index:3;top:51%;left:29%;width:136px;height:174px;transform:translate(-50%,-50%);animation:bot-hover 4.4s ease-in-out infinite}.bot-scan{position:absolute;z-index:-1;top:42%;left:50%;width:212px;aspect-ratio:1;border:1px solid rgba(123,240,212,.13);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(123,240,212,.16) 84%,transparent 96%);transform:translate(-50%,-50%);animation:bot-scan 5s linear infinite}.bot-scan:before,.bot-scan:after{position:absolute;border:1px solid rgba(119,135,255,.12);border-radius:50%;content:''}.bot-scan:before{inset:18%}.bot-scan:after{inset:36%}.bot-antenna{position:absolute;top:-17px;left:50%;width:2px;height:19px;background:linear-gradient(rgba(123,240,212,.2),var(--accent));transform:translateX(-50%)}.bot-antenna i{position:absolute;top:-4px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(123,240,212,.08),0 0 16px rgba(123,240,212,.8);animation:bot-signal 1.8s ease-in-out infinite}.bot-head{position:absolute;top:0;left:11px;width:114px;height:72px;border:1px solid rgba(212,225,232,.48);border-radius:28px 28px 20px 20px;background:linear-gradient(145deg,rgba(161,185,195,.24),rgba(15,21,28,.96) 42%,rgba(50,66,74,.64));box-shadow:inset 0 1px rgba(255,255,255,.23),inset 0 -12px 26px rgba(0,0,0,.38),0 18px 38px rgba(0,0,0,.34);animation:bot-head 5.2s var(--ease) infinite}.bot-head:before{position:absolute;inset:12px 13px 17px;border:1px solid rgba(123,240,212,.16);border-radius:14px;background:linear-gradient(180deg,rgba(6,11,15,.92),rgba(16,27,31,.8));content:''}.bot-head>i{position:absolute;z-index:2;top:30px;width:13px;height:5px;border-radius:99px;background:var(--accent);box-shadow:0 0 12px rgba(123,240,212,.85);animation:bot-blink 4.6s ease-in-out infinite}.bot-head>i:first-of-type{left:32px}.bot-head>i:nth-of-type(2){right:32px;animation-delay:-.12s}.bot-head>span{position:absolute;z-index:2;bottom:23px;left:50%;width:20px;height:1px;background:rgba(123,240,212,.35);transform:translateX(-50%)}.bot-neck{position:absolute;top:69px;left:50%;width:27px;height:15px;border-right:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);background:#19222a;transform:translateX(-50%)}.bot-body{position:absolute;top:82px;left:22px;display:grid;width:92px;height:78px;place-content:center;border:1px solid rgba(212,225,232,.36);border-radius:15px 15px 24px 24px;background:linear-gradient(145deg,rgba(87,109,119,.42),rgba(11,16,22,.96) 58%);box-shadow:inset 0 1px rgba(255,255,255,.18),0 18px 38px rgba(0,0,0,.3);text-align:center}.bot-body:before{position:absolute;inset:10px;border:1px solid rgba(123,240,212,.14);border-radius:9px;content:''}.bot-body strong{position:relative;z-index:1;color:var(--accent);font-size:22px;font-weight:500;line-height:1}.bot-body small{position:relative;z-index:1;margin-top:5px;color:#818b95;font-size:6px;letter-spacing:.14em}.bot-body b{position:absolute;right:10px;bottom:9px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);animation:bot-signal 1.4s ease-in-out infinite}.bot-arm{position:absolute;top:90px;width:18px;height:62px;border:1px solid rgba(205,220,227,.3);border-radius:12px;background:linear-gradient(180deg,rgba(80,101,111,.55),rgba(11,16,22,.92));transform-origin:50% 8px}.bot-arm-l{left:2px;transform:rotate(12deg);animation:bot-arm-l 4.4s ease-in-out infinite}.bot-arm-r{right:2px;transform:rotate(-12deg);animation:bot-arm-r 4.4s ease-in-out infinite}.map-ui .score-panel{top:52%;left:70%;width:36%;padding:17px 18px;border-color:rgba(123,240,212,.2);background:rgba(9,14,19,.79);box-shadow:0 22px 55px rgba(0,0,0,.38),0 0 40px rgba(119,135,255,.07)}.map-ui .score-panel span{font-size:7px}.map-ui .score-panel strong{margin:8px 0 12px;color:#dce6e7;font-size:12px;letter-spacing:.08em}.map-ui .score-panel i{height:4px;margin-top:7px}
@keyframes bot-hover{50%{translate:0 -9px}}@keyframes bot-scan{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes bot-head{25%,70%{transform:rotate(-2deg)}48%{transform:rotate(2deg)}}@keyframes bot-blink{0%,44%,50%,100%{transform:scaleY(1)}46%,48%{transform:scaleY(.12)}}@keyframes bot-signal{50%{opacity:.28;transform:scale(.72)}}@keyframes bot-arm-l{50%{transform:rotate(20deg) translateY(-3px)}}@keyframes bot-arm-r{50%{transform:rotate(-20deg) translateY(-3px)}}

.growth-arrow{position:absolute;z-index:3;top:47%;left:50%;width:min(78%,430px);height:auto;overflow:visible;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px rgba(123,240,212,.24))}.growth-track,.growth-live{fill:none;vector-effect:non-scaling-stroke}.growth-track{stroke:rgba(119,135,255,.16);stroke-width:6;stroke-linecap:round}.growth-live{stroke:url(#growth-gradient);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;animation:growth-draw 4.8s var(--ease) infinite}.ops-ui .ops-bars{position:relative;z-index:2;opacity:.72;transform:translateY(14px)}.growth-label{position:absolute;z-index:4;top:23%;right:16%;padding:5px 8px;border:1px solid rgba(123,240,212,.18);border-radius:99px;background:rgba(9,13,18,.72);color:var(--accent);font-size:6px;font-weight:500;letter-spacing:.12em;box-shadow:0 10px 22px rgba(0,0,0,.25);animation:growth-label 3s ease-in-out infinite}.ops-ui .ops-pulse{opacity:.65}@keyframes growth-draw{0%{stroke-dashoffset:440;opacity:.15}52%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.2}}@keyframes growth-label{50%{box-shadow:0 10px 22px rgba(0,0,0,.25),0 0 22px rgba(123,240,212,.13);transform:translateY(-4px)}}

.ops-core{width:188px;border:0;background:transparent;box-shadow:none}.ops-core:before{inset:-31px;border-color:rgba(199,218,224,.16);box-shadow:0 0 70px rgba(119,135,255,.19);animation:arm-halo 4s ease-in-out infinite}.ops-core-copy{position:relative;z-index:7;display:grid;place-items:center;padding-top:2px;text-shadow:0 2px 12px rgba(0,0,0,.9)}.ops-core-copy span{font-size:6px}.ops-core-copy strong{font-size:30px}.ops-core-copy small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.armillary{position:absolute;z-index:2;inset:-22px;transform-style:preserve-3d;perspective:650px}.arm-ring{position:absolute;border:1px solid rgba(198,216,224,.52);border-radius:50%;background:linear-gradient(140deg,transparent 42%,rgba(255,255,255,.18) 49%,transparent 56%);box-shadow:inset 0 0 10px rgba(123,240,212,.09),0 0 12px rgba(119,135,255,.1);transform-style:preserve-3d}.arm-ring:after{position:absolute;inset:4px;border:1px solid rgba(123,240,212,.12);border-radius:inherit;content:''}.arm-ring-a{inset:9%;animation:arm-spin-a 11s linear infinite}.arm-ring-b{inset:7% 21%;animation:arm-spin-b 8s linear infinite}.arm-ring-c{inset:7% 21%;border-color:rgba(132,150,255,.47);animation:arm-spin-c 13s linear infinite}.arm-globe{position:absolute;z-index:3;top:50%;left:50%;width:104px;aspect-ratio:1;overflow:hidden;border:1px solid rgba(123,240,212,.42);border-radius:50%;background:radial-gradient(circle at 31% 26%,rgba(233,255,250,.38),transparent 12%),radial-gradient(circle at 36% 32%,rgba(123,240,212,.24),rgba(119,135,255,.18) 38%,rgba(6,10,15,.97) 73%);transform:translate(-50%,-50%);box-shadow:inset -18px -18px 30px rgba(0,0,0,.55),0 0 28px rgba(123,240,212,.2);animation:globe-pulse 4.8s ease-in-out infinite}.arm-globe:before{position:absolute;inset:-15%;background:repeating-linear-gradient(92deg,transparent 0 12px,rgba(123,240,212,.09) 13px 14px),repeating-radial-gradient(ellipse at center,transparent 0 10px,rgba(119,135,255,.1) 11px 12px);content:'';animation:globe-drift 9s linear infinite}.arm-axis{position:absolute;z-index:5;top:50%;left:50%;width:1px;height:238px;background:linear-gradient(transparent,rgba(225,236,241,.68) 16%,rgba(123,240,212,.7) 50%,rgba(225,236,241,.68) 84%,transparent);transform:translate(-50%,-50%) rotate(21deg);box-shadow:0 0 8px rgba(123,240,212,.22)}.arm-satellite{position:absolute;z-index:6;inset:3%;border:0;border-radius:50%;background:transparent;animation:arm-satellite 7s linear infinite}.arm-satellite:after{position:absolute;top:47%;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(123,240,212,.08),0 0 17px var(--accent);content:''}
@keyframes arm-spin-a{from{transform:rotateX(67deg) rotateZ(0)}to{transform:rotateX(67deg) rotateZ(1turn)}}@keyframes arm-spin-b{from{transform:rotateY(62deg) rotateZ(14deg)}to{transform:rotateY(62deg) rotateZ(374deg)}}@keyframes arm-spin-c{from{transform:rotateY(-62deg) rotateZ(-17deg)}to{transform:rotateY(-62deg) rotateZ(-377deg)}}@keyframes arm-satellite{to{transform:rotate(1turn)}}@keyframes arm-halo{50%{opacity:.42;transform:scale(1.06)}}@keyframes globe-pulse{50%{filter:brightness(1.22);transform:translate(-50%,-50%) scale(1.035)}}@keyframes globe-drift{to{transform:translateX(28px) rotate(6deg)}}

.note-chart{position:absolute;top:42%;left:50%;display:grid;width:min(76%,520px);grid-template-columns:210px 1fr;gap:22px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(9,13,18,.68),rgba(25,30,42,.6));box-shadow:0 24px 58px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04);transform:translate(-50%,-50%);backdrop-filter:blur(10px)}.note-chart:before{position:absolute;top:16px;right:18px;color:var(--dim);font-size:6px;letter-spacing:.14em;content:'LIVE ANALYSIS'}.note-donut{position:relative;width:190px;aspect-ratio:1}.note-donut svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg);animation:donut-rotate 14s linear infinite}.note-donut circle{fill:none;stroke-width:8;transform-origin:center}.donut-grid{stroke:rgba(255,255,255,.065);stroke-width:7!important}.donut-segment{stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(123,240,212,.2))}.segment-a{stroke:var(--accent);stroke-dasharray:205 427;stroke-dashoffset:0}.segment-b{stroke:var(--blue);stroke-dasharray:108 427;stroke-dashoffset:-218}.segment-c{stroke:#d4c680;stroke-dasharray:72 427;stroke-dashoffset:-338}.donut-core{position:absolute;top:50%;left:50%;display:grid;width:92px;aspect-ratio:1;place-content:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:radial-gradient(circle,rgba(119,135,255,.13),rgba(8,11,16,.94) 72%);text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 32px rgba(119,135,255,.11)}.donut-core strong{font-size:15px;font-weight:500;letter-spacing:.08em}.donut-core span{margin-top:5px;color:var(--accent);font-size:7px;letter-spacing:.11em}.donut-orbit{position:absolute;inset:2px;border:1px solid rgba(123,240,212,.1);border-radius:50%;animation:donut-rotate 7s linear infinite reverse}.donut-orbit:after{position:absolute;top:50%;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);content:''}.note-bars{display:flex;height:114px;align-items:flex-end;gap:8px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.035) 24px 25px)}.note-bars i{width:13px;height:35%;border-radius:3px 3px 0 0;background:linear-gradient(var(--accent),rgba(123,240,212,.08));transform-origin:center bottom;animation:note-bar 3.2s var(--ease) infinite alternate}.note-bars i:nth-child(2){height:58%;animation-delay:-.5s}.note-bars i:nth-child(3){height:43%;animation-delay:-1s;background:linear-gradient(var(--blue),rgba(119,135,255,.08))}.note-bars i:nth-child(4){height:82%;animation-delay:-1.5s}.note-bars i:nth-child(5){height:68%;animation-delay:-2s;background:linear-gradient(#d4c680,rgba(212,198,128,.08))}.note-bars i:nth-child(6){height:94%;animation-delay:-2.5s}.chart-legend{position:absolute;right:20px;bottom:16px;display:flex;gap:9px}.chart-legend span{color:#78818e;font-size:6px;white-space:nowrap}.chart-legend span:before{display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:var(--accent);content:''}.chart-legend span:nth-child(2):before{background:var(--blue)}.chart-legend span:nth-child(3):before{background:#d4c680}@keyframes donut-rotate{to{transform:rotate(270deg)}}@keyframes note-bar{50%{filter:brightness(1.35);transform:scaleY(.72)}}

@media(max-width:980px){.note-card.note-card-featured{min-height:620px}}
@media(max-width:560px){.site-bot{left:30%;scale:.82}.map-ui .score-panel{left:72%;width:43%;padding:14px 12px}.map-ui .score-panel strong{font-size:9px}.growth-arrow{top:46%;width:88%}.growth-label{top:25%;right:8%}.ops-core{width:150px}.armillary{inset:-18px}.arm-axis{height:190px}.arm-globe{width:82px}.ops-core-copy strong{font-size:25px}.note-card.note-card-featured{min-height:560px}.note-chart{top:35%;width:268px;grid-template-columns:145px 1fr;gap:9px;padding:12px}.note-chart:before{top:10px;right:11px;font-size:5px}.note-donut{width:145px}.donut-core{width:70px}.donut-core strong{font-size:12px}.note-bars{height:92px;gap:5px;padding:16px 0}.note-bars i{width:8px}.chart-legend{right:12px;bottom:10px;gap:5px}.chart-legend span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.site-bot,.bot-scan,.bot-antenna i,.bot-head,.bot-head>i,.bot-body b,.bot-arm,.growth-live,.growth-label,.arm-ring,.arm-globe,.arm-globe:before,.arm-satellite,.ops-core:before,.note-donut svg,.donut-orbit,.note-bars i{animation:none!important}}

/* Personal editorial pass: Chinese-first labels, readable microcopy and quieter tech effects. */
:root{--soft:#b0b5be;--dim:#7c8491}.grain{opacity:.045}.ambient{opacity:.075}.scroll-progress{box-shadow:0 0 10px rgba(123,240,212,.32)}.hero-system,.case,.note-card{box-shadow:0 24px 70px rgba(0,0,0,.22)}.logo small{font-size:9px;letter-spacing:.07em}.availability{font-size:11px}.hero-name{font-size:11px;letter-spacing:.1em}.kicker{font-size:11px;letter-spacing:.09em}.system-head,.system-foot{font-size:10px;letter-spacing:.07em}.ops-node span{font-size:8px;letter-spacing:.06em}.ops-node b{font-size:14px}.ops-node small{font-size:9px}.ops-console>span{font-size:8px;letter-spacing:.06em}.ops-console b{font-size:9.5px}.ops-console small{font-size:8px;letter-spacing:.04em}.ops-industries span{font-size:8.5px}.ops-core-copy span{font-size:8px;letter-spacing:.08em}.ops-core-copy small{font-size:9px;letter-spacing:.05em}.case-top{font-size:10px;letter-spacing:.06em}.case-copy p{font-size:12.5px;line-height:1.7}.case-open{font-size:11px}.project-grid .case:nth-child(n+3) .case-copy p{font-size:12px;line-height:1.65}.project-grid .case:nth-child(n+3) .case-open:after{font-size:9px}.bot-body small{font-size:8px;letter-spacing:.06em}.map-ui .score-panel span{font-size:9px;letter-spacing:.06em}.map-ui .score-panel strong{font-size:13px;letter-spacing:.04em}.growth-label{font-size:8px;letter-spacing:.06em}.ops-ui>span{font-size:9px;letter-spacing:.08em}.data-stream span{font-size:8.5px;letter-spacing:.05em}.ledger-head span{font-size:8.5px;letter-spacing:.07em}.ledger-metrics small{font-size:10px}.ledger-metrics b{font-size:8px;letter-spacing:.04em}.ledger-flow{font-size:8.5px}.build-badge span,.build-badge small{font-size:8px;letter-spacing:.06em}.reel-frame span{font-size:8.5px}.reel-frame b{font-size:14px}.reel-frame small{font-size:8px;letter-spacing:.05em}.industry-track{font-size:9px}.cap-list article>span{font-size:11px}.cap-list p{font-size:14px;line-height:1.7}.cap-list small{font-size:10.5px;letter-spacing:.06em}.career-marker span{font-size:10px}.career li>div:nth-child(2)>p{font-size:10.5px;letter-spacing:.08em}.career li>div:nth-child(2)>span{font-size:13px;line-height:1.75}.career li>small{font-size:10px;letter-spacing:.06em;line-height:1.65}.about-tags span{font-size:10.5px}.principles span{font-size:10px}.principles p{font-size:13px}.note-copy>p{font-size:10.5px;letter-spacing:.06em}.note-copy>p small{font-size:9.5px}.note-copy>div{font-size:13px;line-height:1.75}.note-copy b{font-size:11.5px}.note-chart:before{font-size:8px;letter-spacing:.06em;content:'数据复盘'}.donut-core span{font-size:8.5px;letter-spacing:.05em}.chart-legend span{font-size:7.5px}.qr-copy small{font-size:9.5px;letter-spacing:.06em}.qr-copy em{font-size:11.5px}.footer{font-size:10px;letter-spacing:.06em}.article-shell footer{font-size:10px;letter-spacing:.06em}.article-shell footer button{font-size:11px}.case-evidence span,.case-step>span,.case-stack>span{font-size:9.5px;letter-spacing:.06em}.case-step p,.case-delivery li p{font-size:12.5px}
@media(max-width:1120px) and (min-width:981px){.project-grid .case:nth-child(n+3) .case-copy p{font-size:12.5px}.project-grid .case:nth-child(n+3) .case-open{font-size:11px}}
@media(max-width:980px){.project-grid .case:nth-child(n+3) .case-copy p{font-size:12.5px}.project-grid .case:nth-child(n+3) .case-open{font-size:11px}}
@media(max-width:560px){.hero-name{font-size:10px}.kicker{font-size:10px}.system-head,.system-foot{font-size:9px}.ops-node span{font-size:7px}.ops-node b{font-size:12px}.ops-node small{font-size:7.5px}.ops-console>span{font-size:7px}.ops-console b{font-size:8.5px}.ops-console small{font-size:7px}.ops-industries span{font-size:7px}.case-top{font-size:9px}.case-copy p,.project-grid .case:nth-child(n+3) .case-copy p{font-size:12px}.map-ui .score-panel span{font-size:8px}.map-ui .score-panel strong{font-size:11px}.growth-label{font-size:7px}.ops-ui>span{font-size:8px}.note-chart:before{font-size:7px}.chart-legend span{font-size:6px}.qr-copy small{font-size:8.5px}.qr-copy em{font-size:10.5px}.footer{font-size:9px}}

/* Frameless hero object: a personal armillary instead of another dashboard card. */
.hero-system.hero-os{overflow:clip;min-height:690px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-system.hero-os:before,.hero-system.hero-os .ops-head,.hero-system.hero-os .ops-foot,.hero-system.hero-os .ops-grid,.hero-system.hero-os .ops-scan,.hero-system.hero-os .ops-routes,.hero-system.hero-os .ops-node,.hero-system.hero-os .ops-console{display:none}
.hero-system.hero-os:hover{border-color:transparent;box-shadow:none}
.hero-system.hero-os .ops-canvas{min-height:690px;overflow:visible;isolation:isolate}
.hero-system.hero-os .ops-canvas:before{position:absolute;z-index:-2;top:50%;left:50%;width:min(112%,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(123,240,212,.13) 0,rgba(119,135,255,.085) 26%,rgba(18,23,32,.03) 53%,transparent 71%);content:'';filter:blur(17px);transform:translate(-50%,-50%)}
.hero-system.hero-os .ops-canvas:after{position:absolute;z-index:-1;top:50%;left:50%;width:min(97%,590px);aspect-ratio:1;border:1px solid rgba(194,213,222,.08);border-radius:50%;content:'';transform:translate(-50%,-50%);box-shadow:0 0 0 46px rgba(123,240,212,.018),0 0 0 104px rgba(119,135,255,.012)}
.hero-system.hero-os .ops-core{top:50%;width:300px;border:0;background:transparent;box-shadow:none}
.hero-system.hero-os .ops-core:before{inset:-81px;border-color:rgba(199,218,224,.19);background:linear-gradient(135deg,transparent 40%,rgba(230,239,242,.08) 49%,transparent 57%);box-shadow:inset 0 0 0 3px rgba(196,218,224,.025),0 0 62px rgba(119,135,255,.13),0 0 130px rgba(123,240,212,.06);animation:arm-halo 5.4s ease-in-out infinite}
.hero-system.hero-os .ops-core:after{position:absolute;z-index:1;inset:-96px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(205,180,116,.76) 0 1deg,transparent 1deg 7.5deg);content:'';opacity:.56;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));animation:arm-scale-turn 38s linear infinite}
.hero-system.hero-os .armillary{inset:-64px;perspective:1000px}
.hero-system.hero-os .armillary:before{position:absolute;z-index:0;inset:-2%;border:3px double rgba(196,213,220,.34);border-radius:50%;background:linear-gradient(135deg,transparent 41%,rgba(255,255,255,.1) 49%,transparent 58%);box-shadow:inset 0 0 18px rgba(123,240,212,.055),0 0 18px rgba(0,0,0,.58);content:'';transform:rotate(-12deg)}
.hero-system.hero-os .armillary:after{position:absolute;z-index:2;top:50%;right:-7%;left:-7%;height:27%;border:2px solid rgba(205,180,116,.48);border-radius:50%;box-shadow:inset 0 0 11px rgba(205,180,116,.1),0 0 12px rgba(0,0,0,.5);content:'';transform:translateY(-50%) rotate(-8deg)}
.hero-system.hero-os .arm-scale{position:absolute;z-index:1;inset:-6%;border-radius:50%;background:repeating-conic-gradient(from 2deg,rgba(216,227,231,.68) 0 1deg,transparent 1deg 5deg);opacity:.52;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:arm-scale-turn 26s linear infinite reverse}
.hero-system.hero-os .arm-yoke{position:absolute;z-index:0;inset:-9% 6%;border:4px double rgba(186,204,211,.42);border-radius:50%;box-shadow:inset 0 0 25px rgba(0,0,0,.42),0 0 13px rgba(123,240,212,.055);transform:rotate(18deg)}
.hero-system.hero-os .arm-yoke:before,.hero-system.hero-os .arm-yoke:after{position:absolute;top:50%;width:18px;height:18px;border:1px solid rgba(217,195,135,.7);border-radius:50%;background:radial-gradient(circle,#cab77f 0 18%,#263039 23% 44%,#05080c 48%);box-shadow:0 0 15px rgba(205,180,116,.14);content:'';transform:translateY(-50%)}
.hero-system.hero-os .arm-yoke:before{left:-11px}.hero-system.hero-os .arm-yoke:after{right:-11px}
.hero-system.hero-os .arm-ring{border-width:2px;border-color:rgba(205,222,228,.54);background:linear-gradient(142deg,transparent 36%,rgba(244,249,250,.26) 47%,transparent 57%);box-shadow:inset 0 0 14px rgba(123,240,212,.07),0 0 11px rgba(0,0,0,.42)}
.hero-system.hero-os .arm-ring:after{inset:5px;border-color:rgba(205,180,116,.15)}
.hero-system.hero-os .arm-ring-a{inset:8%;animation-duration:15s}
.hero-system.hero-os .arm-ring-b{inset:5% 20%;animation-duration:11s}
.hero-system.hero-os .arm-ring-c{inset:5% 20%;border-color:rgba(137,154,238,.52);animation-duration:18s}
.hero-system.hero-os .arm-ring-d{inset:4% 17%;border-color:rgba(205,180,116,.53);animation:arm-spin-d 20s linear infinite}
.hero-system.hero-os .arm-ring-e{inset:13% 3%;border-color:rgba(185,207,216,.42);animation:arm-spin-e 23s linear infinite reverse}
.hero-system.hero-os .arm-globe{width:168px;border-color:rgba(153,211,204,.5);background:radial-gradient(circle at 31% 25%,rgba(244,255,252,.52),transparent 10%),radial-gradient(circle at 38% 34%,rgba(123,240,212,.26),rgba(119,135,255,.2) 36%,rgba(9,13,20,.97) 73%);box-shadow:inset -25px -26px 44px rgba(0,0,0,.72),inset 9px 8px 22px rgba(217,237,233,.08),0 0 36px rgba(123,240,212,.2),0 0 85px rgba(119,135,255,.13)}
.hero-system.hero-os .arm-globe:after{position:absolute;inset:12%;border:1px solid rgba(205,180,116,.2);border-radius:50%;content:'';transform:rotate(31deg)}
.hero-system.hero-os .arm-axis{height:470px;background:linear-gradient(transparent,rgba(205,180,116,.64) 9%,rgba(230,239,242,.82) 27%,rgba(123,240,212,.82) 50%,rgba(230,239,242,.82) 73%,rgba(205,180,116,.64) 91%,transparent);box-shadow:0 0 9px rgba(123,240,212,.2)}
.hero-system.hero-os .arm-satellite{inset:-1%;animation-duration:9s}
.hero-system.hero-os .arm-satellite:after{width:9px;height:9px;background:#d5c389;box-shadow:0 0 0 5px rgba(213,195,137,.08),0 0 18px rgba(213,195,137,.72)}
.hero-system.hero-os .ops-core-copy{z-index:8;text-shadow:0 3px 18px #000}
.hero-system.hero-os .ops-core-copy span{color:#d5c389;font-size:11px;letter-spacing:.16em}
.hero-system.hero-os .ops-core-copy strong{margin:8px 0 6px;font-size:48px;font-weight:400;letter-spacing:-.08em}
.hero-system.hero-os .ops-core-copy small{max-width:170px;color:#9ff4df;font-size:11px;letter-spacing:.08em}
@keyframes arm-scale-turn{to{transform:rotate(1turn)}}
@keyframes arm-spin-d{from{transform:rotateX(76deg) rotateZ(24deg)}to{transform:rotateX(76deg) rotateZ(384deg)}}
@keyframes arm-spin-e{from{transform:rotateY(74deg) rotateZ(-31deg)}to{transform:rotateY(74deg) rotateZ(329deg)}}

@media(max-width:980px){.hero-system.hero-os,.hero-system.hero-os .ops-canvas{min-height:620px}.hero-system.hero-os .ops-core{width:280px}.hero-system.hero-os .armillary{inset:-56px}.hero-system.hero-os .arm-globe{width:150px}.hero-system.hero-os .arm-axis{height:420px}.hero-system.hero-os .ops-core:before{inset:-70px}.hero-system.hero-os .ops-core:after{inset:-84px}}
@media(max-width:560px){.hero-system.hero-os,.hero-system.hero-os .ops-canvas{min-height:500px}.hero-system.hero-os .ops-core{top:49%;width:218px}.hero-system.hero-os .armillary{inset:-38px}.hero-system.hero-os .arm-globe{width:112px}.hero-system.hero-os .arm-axis{height:310px}.hero-system.hero-os .ops-core:before{inset:-48px}.hero-system.hero-os .ops-core:after{inset:-59px}.hero-system.hero-os .ops-core-copy span{font-size:9px}.hero-system.hero-os .ops-core-copy strong{font-size:38px}.hero-system.hero-os .ops-core-copy small{font-size:9.5px}.hero-system.hero-os .arm-yoke:before,.hero-system.hero-os .arm-yoke:after{width:14px;height:14px}.hero-system.hero-os .ops-canvas:after{width:92%;box-shadow:0 0 0 30px rgba(123,240,212,.015),0 0 0 66px rgba(119,135,255,.01)}}
@media(prefers-reduced-motion:reduce){.hero-system.hero-os .ops-core:after,.hero-system.hero-os .arm-scale,.hero-system.hero-os .arm-ring-d,.hero-system.hero-os .arm-ring-e{animation:none!important}}

/* Hero growth engine ----------------------------------------------------- */
.hero-system.hero-engine{overflow:clip;min-height:690px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;isolation:isolate}
.hero-system.hero-engine:before{display:none}
.hero-system.hero-engine:hover{border-color:transparent;box-shadow:none}
.growth-engine{position:relative;min-height:690px;isolation:isolate}
.growth-engine:before{position:absolute;z-index:-3;top:50%;left:50%;width:146%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(ellipse at center,rgba(80,192,222,.065) 0 1px,transparent 2px 37px),radial-gradient(circle at 50% 48%,rgba(74,220,235,.18),rgba(35,112,168,.09) 27%,rgba(6,11,18,.015) 61%,transparent 72%);content:'';filter:drop-shadow(0 0 45px rgba(72,211,228,.1));transform:translate(-50%,-50%) rotate(-9deg)}
.growth-engine:after{position:absolute;z-index:-2;inset:4% -22%;pointer-events:none;background-image:radial-gradient(circle,rgba(156,246,255,.78) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,221,139,.65) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(94,169,255,.36) 0 1px,transparent 1.5px);background-position:7% 24%,63% 18%,31% 81%;background-size:91px 83px,137px 119px,69px 127px;content:'';opacity:.31;mask-image:radial-gradient(ellipse,#000 0 43%,transparent 74%)}
.engine-nebula{position:absolute;z-index:-4;inset:4% -30%;background:radial-gradient(ellipse at 46% 50%,rgba(0,185,255,.13),transparent 37%),radial-gradient(ellipse at 62% 42%,rgba(119,135,255,.09),transparent 42%),radial-gradient(ellipse at 50% 64%,rgba(214,169,68,.055),transparent 35%);filter:blur(25px);animation:engine-nebula 8s ease-in-out infinite alternate}
.engine-orbits{position:absolute;z-index:1;top:50%;left:50%;width:145%;height:auto;max-width:none;overflow:visible;transform:translate(-50%,-50%)}
.engine-gridlines ellipse{fill:none;stroke:rgba(112,181,207,.13);stroke-width:1}
.engine-live-orbits ellipse{fill:none;stroke-linecap:round;stroke-width:2.2;transform-box:fill-box;transform-origin:center}
.engine-track-cyan{stroke:url(#engine-cyan)}
.engine-track-gold{stroke:url(#engine-gold)}
.engine-track-a{stroke-dasharray:55 18 7 24 118 26;animation:engine-flow 9s linear infinite}
.engine-track-b{stroke-dasharray:29 24 106 36 9 18;animation:engine-flow-reverse 7.2s linear infinite}
.engine-track-c{stroke-dasharray:86 20 5 21 48 29;animation:engine-flow 10.6s linear infinite}
.engine-track-d{stroke-dasharray:25 14 94 33 7 20;animation:engine-flow-reverse 8.4s linear infinite}
.engine-track-e{stroke-dasharray:10 22 56 16 110 28;animation:engine-flow 11.8s linear infinite}
.engine-connectors path{fill:none;stroke:rgba(255,226,150,.48);stroke-width:1.1;stroke-dasharray:2 8;stroke-linecap:round}
.engine-connectors path:nth-child(even){stroke:rgba(116,239,255,.5)}
.engine-flow-particles circle{filter:drop-shadow(0 0 7px currentColor)}
.engine-star{opacity:.8;filter:url(#engine-glow);animation:engine-star 2.8s ease-in-out infinite}
.engine-sparks{position:absolute;z-index:3;top:50%;left:50%;width:225px;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%);animation:engine-spark-turn 18s linear infinite}
.engine-sparks i{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#bffff5;box-shadow:0 0 8px #68f3ff,0 0 15px rgba(104,243,255,.6)}
.engine-sparks i:nth-child(1){transform:rotate(8deg) translateX(84px)}.engine-sparks i:nth-child(2){transform:rotate(38deg) translateX(108px)}.engine-sparks i:nth-child(3){transform:rotate(67deg) translateX(71px)}.engine-sparks i:nth-child(4){transform:rotate(96deg) translateX(119px)}.engine-sparks i:nth-child(5){transform:rotate(126deg) translateX(92px)}.engine-sparks i:nth-child(6){transform:rotate(157deg) translateX(114px)}.engine-sparks i:nth-child(7){transform:rotate(187deg) translateX(76px)}.engine-sparks i:nth-child(8){transform:rotate(215deg) translateX(105px)}.engine-sparks i:nth-child(9){transform:rotate(245deg) translateX(121px)}.engine-sparks i:nth-child(10){transform:rotate(278deg) translateX(83px)}.engine-sparks i:nth-child(11){transform:rotate(309deg) translateX(112px)}.engine-sparks i:nth-child(12){transform:rotate(342deg) translateX(68px)}
.engine-sparks i:nth-child(3n){width:5px;height:5px;background:#ffe18c;box-shadow:0 0 8px #ffe18c,0 0 18px rgba(255,206,94,.55)}
.engine-core{position:absolute;z-index:5;top:49.3%;left:50%;display:grid;width:158px;aspect-ratio:1;place-items:center;border:1px solid rgba(184,244,244,.46);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(232,255,254,.36),transparent 10%),radial-gradient(circle,rgba(78,221,234,.3),rgba(27,117,166,.2) 35%,rgba(11,18,28,.94) 70%);box-shadow:inset -18px -22px 35px rgba(0,0,0,.55),inset 8px 7px 21px rgba(186,255,249,.13),0 0 26px rgba(77,229,239,.34),0 0 86px rgba(63,187,242,.22);transform:translate(-50%,-50%)}
.engine-core:before{position:absolute;inset:9%;border:1px solid rgba(255,224,142,.24);border-radius:50%;background:radial-gradient(circle at 45% 40%,rgba(103,242,233,.15),transparent 58%);content:''}
.engine-core-ring{position:absolute;border:1px solid rgba(112,239,245,.48);border-radius:50%;box-shadow:0 0 14px rgba(72,224,235,.1)}
.engine-core-ring.ring-one{inset:-26%;transform:rotateX(70deg) rotateZ(17deg);animation:engine-ring-one 8s linear infinite}
.engine-core-ring.ring-two{inset:-20% -38%;border-color:rgba(255,221,139,.5);transform:rotateY(69deg) rotateZ(-21deg);animation:engine-ring-two 10s linear infinite reverse}
.engine-core-ring.ring-three{inset:-39% -12%;border-color:rgba(102,227,255,.38);transform:rotateX(66deg) rotateZ(76deg);animation:engine-ring-three 12s linear infinite}
.engine-core-copy{position:relative;z-index:3;display:grid;gap:7px;text-align:center;text-shadow:0 3px 18px #02060a}
.engine-core-copy strong{font-size:20px;font-weight:600;letter-spacing:.04em}
.engine-core-copy small{color:#a8fff1;font-size:9px;letter-spacing:.12em}
.engine-node{position:absolute;z-index:6;display:grid;width:86px;aspect-ratio:1;place-content:center;border:1px solid rgba(161,221,228,.24);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(198,255,250,.14),transparent 22%),linear-gradient(145deg,rgba(29,57,70,.8),rgba(8,13,21,.91) 67%);box-shadow:inset 0 0 24px rgba(77,204,223,.1),0 12px 28px rgba(0,0,0,.42),0 0 25px rgba(72,219,232,.08);text-align:center;backdrop-filter:blur(9px)}
.engine-node:before{position:absolute;top:12%;left:19%;width:14%;aspect-ratio:1;border-radius:50%;background:rgba(221,255,250,.62);box-shadow:0 0 11px rgba(133,255,244,.68);content:'';opacity:.42}
.engine-node strong{font-size:16px;font-weight:600;letter-spacing:.05em}
.engine-node span{margin-top:3px;color:#aab8c2;font-size:9px;letter-spacing:.05em}
.engine-node-traffic{top:17%;left:2%}.engine-node-content{top:12%;right:1%}.engine-node-data{bottom:18%;left:0}.engine-node-ai{right:0;bottom:18%}.engine-node-private{bottom:1%;left:50%;transform:translateX(-50%)}
.engine-node-content,.engine-node-data{border-color:rgba(255,220,139,.25);box-shadow:inset 0 0 24px rgba(230,177,65,.07),0 12px 28px rgba(0,0,0,.42),0 0 25px rgba(230,177,65,.07)}
.engine-node-content:before,.engine-node-data:before{background:#ffe6a3;box-shadow:0 0 11px rgba(255,216,118,.68)}
@keyframes engine-flow{to{stroke-dashoffset:-380}}
@keyframes engine-flow-reverse{to{stroke-dashoffset:380}}
@keyframes engine-star{50%{opacity:1;transform:scale(1.12);transform-origin:center}}
@keyframes engine-spark-turn{to{transform:translate(-50%,-50%) rotate(1turn)}}
@keyframes engine-ring-one{to{transform:rotateX(70deg) rotateZ(377deg)}}
@keyframes engine-ring-two{to{transform:rotateY(69deg) rotateZ(339deg)}}
@keyframes engine-ring-three{to{transform:rotateX(66deg) rotateZ(436deg)}}
@keyframes engine-nebula{to{opacity:.68;transform:scale(1.05)}}

/* Personal CY signature artwork ---------------------------------------- */
.about-monogram{background:radial-gradient(circle at 48% 43%,rgba(67,221,204,.14),transparent 34%),linear-gradient(145deg,#111823,#090d13)}
.cy-stage{position:relative;display:grid;width:min(92%,500px);aspect-ratio:1;place-items:center}
.cy-art{width:100%;height:auto;overflow:visible}
.cy-construction{stroke:rgba(104,235,215,.22);stroke-width:1}
.cy-construction circle:first-child{stroke:rgba(109,244,222,.34);stroke-dasharray:3 8;animation:cy-dash 22s linear infinite}
.cy-construction circle:nth-child(2){opacity:.52;animation:cy-dash-reverse 15s linear infinite}
.cy-construction ellipse{transform-box:fill-box;transform-origin:center;animation:cy-orbit 17s linear infinite}
.cy-construction ellipse:nth-of-type(2){animation-direction:reverse;animation-duration:12s}
.cy-construction path{opacity:.28}
.cy-points circle{fill:#83ffe2}
.cy-glyph{fill:url(#cy-metal);stroke:rgba(230,250,249,.48);stroke-width:1.1;paint-order:stroke;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7)) drop-shadow(0 0 13px rgba(79,234,208,.12));font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:270px;font-style:italic;font-weight:600;letter-spacing:-.15em}
.cy-glyph-glow{fill:transparent;stroke:#6df6d8;stroke-width:5;opacity:.13;filter:url(#cy-glow)}
.cy-sweep{fill:none;stroke:url(#cy-edge);stroke-width:2;stroke-linecap:round;stroke-dasharray:90 310;animation:cy-sweep 6.8s linear infinite}
.about-monogram .cy-signature{position:absolute;z-index:4;bottom:4%;left:50%;color:#8dffe5;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:16px;font-weight:400;letter-spacing:.34em;white-space:nowrap;transform:translateX(-50%);-webkit-text-stroke:0;text-shadow:0 0 18px rgba(123,240,212,.36)}
@keyframes cy-dash{to{stroke-dashoffset:-220}}
@keyframes cy-dash-reverse{to{stroke-dashoffset:220}}
@keyframes cy-orbit{to{rotate:1turn}}
@keyframes cy-sweep{to{stroke-dashoffset:-400}}

@media(max-width:1120px) and (min-width:981px){.engine-orbits{width:162%}.engine-node{width:74px}.engine-node strong{font-size:14px}.engine-node span{font-size:8px}.engine-node-traffic{left:0}.engine-node-content{right:0}.engine-node-data{left:-1%}.engine-node-ai{right:-1%}}
@media(max-width:980px){.hero-system.hero-engine,.growth-engine{min-height:620px}.engine-orbits{width:124%}.about-monogram .cy-stage{width:min(74%,500px)}}
@media(max-width:560px){.hero-system.hero-engine,.growth-engine{min-height:500px}.engine-orbits{width:166%}.engine-core{width:116px}.engine-core-copy{gap:5px}.engine-core-copy strong{font-size:15px}.engine-core-copy small{font-size:7px}.engine-sparks{width:172px}.engine-node{width:65px}.engine-node strong{font-size:12px}.engine-node span{font-size:7px}.engine-node-traffic{top:16%;left:0}.engine-node-content{top:12%;right:0}.engine-node-data{bottom:17%;left:-1%}.engine-node-ai{right:-1%;bottom:17%}.engine-node-private{bottom:0}.about-monogram .cy-stage{width:min(94%,400px)}.about-monogram .cy-signature{bottom:1%;font-size:13px}}
@media(prefers-reduced-motion:reduce){.engine-nebula,.engine-track,.engine-star,.engine-sparks,.engine-core-ring,.cy-construction circle,.cy-construction ellipse,.cy-sweep{animation:none!important}.engine-flow-particles{display:none}}

/* Protected presentation: discourage copying and keep the QR code embedded. */
html,body,body *{-webkit-user-select:none;user-select:none}
img,svg{-webkit-user-drag:none;user-drag:none}
::selection{background:transparent;color:inherit}
.contact-qr[data-protected-qr]{cursor:default;transform:none}
.contact-qr[data-protected-qr]:hover{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 20px 55px rgba(0,0,0,.2);transform:none}
.contact-qr[data-protected-qr] .qr-code,.contact-qr[data-protected-qr] img{pointer-events:none}
.qr-lock{align-self:start;padding:4px 7px;border:1px solid rgba(123,240,212,.2);border-radius:999px;color:var(--accent);font-size:8px;letter-spacing:.06em;white-space:nowrap}
@media(max-width:560px){.qr-lock{display:none}}

/* Landscape starfield hero: review-ready wide composition. */
@media(min-width:1121px){.hero{width:min(1500px,calc(100vw - 96px));grid-template-columns:.92fr 1.08fr;gap:48px}.hero-system.hero-engine{min-height:0;aspect-ratio:16/10}.growth-engine{height:100%;min-height:0}.engine-orbits{width:112%;height:112%}}
.engine-starfield{position:absolute;z-index:-2;inset:-8% -10%;pointer-events:none;background-image:radial-gradient(circle,rgba(244,255,255,.9) 0 .8px,transparent 1.6px),radial-gradient(circle,rgba(98,226,255,.85) 0 1px,transparent 1.9px),radial-gradient(circle,rgba(255,220,139,.78) 0 1.1px,transparent 2px),radial-gradient(circle,rgba(128,145,255,.6) 0 .9px,transparent 1.8px);background-position:7px 13px,41px 27px,93px 56px,19px 77px;background-size:53px 47px,97px 83px,151px 131px,71px 113px;opacity:.57;mask-image:radial-gradient(ellipse at center,#000 0 62%,transparent 88%);animation:starfield-drift 36s linear infinite}
.engine-starfield:before{position:absolute;inset:18% -8% 4%;background:linear-gradient(163deg,transparent 22%,rgba(29,99,151,.035) 31%,rgba(66,188,222,.14) 46%,rgba(113,128,255,.1) 53%,rgba(216,171,87,.055) 61%,transparent 76%);content:'';filter:blur(18px);transform:rotate(-4deg)}
.engine-starfield:after{position:absolute;top:22%;right:13%;width:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(164,244,255,.95),transparent);box-shadow:-340px 156px 0 rgba(255,220,139,.38),-520px 42px 0 rgba(117,227,255,.3);content:'';filter:drop-shadow(0 0 6px rgba(104,229,255,.7));opacity:.7;transform:rotate(-19deg);animation:meteor-breathe 4.8s ease-in-out infinite}
.growth-engine:before{width:128%;aspect-ratio:1.65/1;background:repeating-radial-gradient(ellipse at center,rgba(80,192,222,.07) 0 1px,transparent 2px 35px),radial-gradient(ellipse at 50% 48%,rgba(74,220,235,.2),rgba(35,112,168,.1) 30%,rgba(6,11,18,.015) 62%,transparent 74%)}
.growth-engine:after{inset:-4% -10%;opacity:.48;mask-image:radial-gradient(ellipse,#000 0 62%,transparent 91%)}
.engine-nebula{inset:-12% -18%;background:radial-gradient(ellipse at 48% 50%,rgba(0,185,255,.16),transparent 40%),radial-gradient(ellipse at 64% 39%,rgba(119,135,255,.11),transparent 46%),radial-gradient(ellipse at 39% 68%,rgba(214,169,68,.07),transparent 39%)}
.engine-node{width:80px}.engine-node-traffic{top:18%;left:2.5%}.engine-node-content{top:14%;right:2.5%}.engine-node-data{bottom:17%;left:4%}.engine-node-ai{right:4%;bottom:17%}.engine-node-private{bottom:1.5%}
@keyframes starfield-drift{to{background-position:60px 60px,138px 110px,244px 187px,90px 190px}}
@keyframes meteor-breathe{0%,100%{opacity:.25;transform:translate3d(20px,-8px,0) rotate(-19deg)}48%{opacity:.85;transform:translate3d(-26px,13px,0) rotate(-19deg)}}
@media(max-width:1120px){.hero{grid-template-columns:1fr;width:var(--shell);gap:52px}.hero-copy{max-width:780px}.hero-system.hero-engine{width:min(100%,820px);min-height:0;aspect-ratio:16/9;margin-inline:auto}.growth-engine{height:100%;min-height:0}.engine-orbits{width:110%;height:112%}.engine-core{width:138px}.engine-node{width:72px}.engine-node strong{font-size:14px}.engine-node span{font-size:8px}}
@media(max-width:980px){.hero-system.hero-engine{width:min(100%,720px);min-height:0;aspect-ratio:16/9}.growth-engine{min-height:0}}
@media(max-width:560px){.hero-system.hero-engine{width:100%;min-height:0;aspect-ratio:4/3}.growth-engine{min-height:0}.engine-orbits{width:116%;height:116%}.engine-core{width:94px}.engine-core-copy strong{font-size:13px}.engine-core-copy small{font-size:6px}.engine-sparks{width:132px}.engine-node{width:54px}.engine-node strong{font-size:10px}.engine-node span{font-size:6px}.engine-node-traffic{top:10%;left:0}.engine-node-content{top:8%;right:0}.engine-node-data{bottom:12%;left:0}.engine-node-ai{right:0;bottom:12%}.engine-node-private{bottom:0}.engine-starfield{opacity:.65}}
@media(prefers-reduced-motion:reduce){.engine-starfield,.engine-starfield:after{animation:none!important}}

/* Seamless hero transparency and a continuous starfield across every dark section. */
:root{--site-stars:radial-gradient(circle at 18% 27%,rgba(233,250,255,.38) 0 .75px,transparent 1.55px),radial-gradient(circle at 72% 43%,rgba(103,222,255,.32) 0 .9px,transparent 1.7px),radial-gradient(circle at 38% 78%,rgba(255,220,139,.28) 0 1px,transparent 1.9px),radial-gradient(circle at 84% 16%,rgba(139,151,255,.22) 0 .8px,transparent 1.65px)}
body{background-color:var(--bg);background-image:var(--site-stars),radial-gradient(ellipse at 13% 12%,rgba(31,119,131,.115),transparent 36%),radial-gradient(ellipse at 88% 8%,rgba(75,83,168,.105),transparent 35%),linear-gradient(180deg,#0a0d12 0%,#0b0d12 44%,#090c11 100%);background-position:0 0,27px 41px,81px 19px,14px 73px,0 0,0 0,0 0;background-size:167px 149px,257px 223px,373px 317px,449px 389px,100% 100%,100% 100%,100% 100%;background-attachment:fixed}
.notes{background-color:#0b0e14;background-image:var(--site-stars),radial-gradient(circle at 75% 24%,rgba(119,135,255,.1),transparent 26%),linear-gradient(180deg,rgba(11,13,18,.9),rgba(16,19,26,.92) 55%,rgba(11,13,18,.92));background-position:17px 23px,53px 8px,109px 71px,29px 113px,0 0,0 0;background-size:167px 149px,257px 223px,373px 317px,449px 389px,100% 100%,100% 100%}
.contact{background-color:#10141c;background-image:var(--site-stars),radial-gradient(ellipse at 86% 74%,rgba(123,240,212,.075),transparent 40%),linear-gradient(180deg,rgba(17,21,29,.93),rgba(10,13,19,.96));background-position:11px 39px,71px 17px,133px 89px,31px 151px,0 0,0 0;background-size:167px 149px,257px 223px,373px 317px,449px 389px,100% 100%,100% 100%}
.intro,.mobile-nav{background-color:#090b0f;background-image:var(--site-stars),radial-gradient(circle at 50% 42%,rgba(123,240,212,.07),transparent 32%);background-position:0 0,27px 41px,81px 19px,14px 73px,0 0;background-size:167px 149px,257px 223px,373px 317px,449px 389px,100% 100%}
.modal:not(.article-modal){background-color:#121620;background-image:var(--site-stars),linear-gradient(rgba(18,22,32,.96),rgba(18,22,32,.96));background-position:0 0,27px 41px,81px 19px,14px 73px,0 0;background-size:167px 149px,257px 223px,373px 317px,449px 389px,100% 100%}
.hero-system.hero-engine{-webkit-mask-image:radial-gradient(ellipse 56% 58% at 50% 50%,#000 0 57%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.58) 82%,transparent 100%);mask-image:radial-gradient(ellipse 56% 58% at 50% 50%,#000 0 57%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.58) 82%,transparent 100%)}
.engine-node-traffic{left:7%}.engine-node-content{right:7%}.engine-node-data{left:8%}.engine-node-ai{right:8%}.engine-node-private{bottom:4%}
@media(max-width:1120px){body{background-attachment:scroll}.hero-system.hero-engine{-webkit-mask-image:radial-gradient(ellipse 61% 60% at 50% 50%,#000 0 58%,rgba(0,0,0,.94) 73%,rgba(0,0,0,.5) 87%,transparent 100%);mask-image:radial-gradient(ellipse 61% 60% at 50% 50%,#000 0 58%,rgba(0,0,0,.94) 73%,rgba(0,0,0,.5) 87%,transparent 100%)}}
@media(max-width:560px){.engine-node-traffic{left:4%}.engine-node-content{right:4%}.engine-node-data{left:4%}.engine-node-ai{right:4%}.engine-node-private{bottom:3%}}

/* Stronger small-copy hierarchy for navigation and career proof. */
.header{height:clamp(88px,5vw,100px)}.logo{gap:15px}.logo>span{width:clamp(46px,2.4vw,54px);height:clamp(46px,2.4vw,54px);font-size:clamp(15px,.48vw,17px)}.logo strong{font-size:clamp(17px,.58vw,20px)}.logo small{margin-top:6px;color:#a6adb8;font-size:clamp(12px,.4vw,14px);letter-spacing:.055em}.nav{gap:clamp(40px,2.1vw,56px)}.nav a,.header-cta{font-size:clamp(15px,.52vw,18px)}.proof article{min-height:clamp(180px,10vw,220px);gap:24px;padding:clamp(30px,2vw,40px)}.proof strong{flex:0 0 auto;white-space:nowrap;font-size:clamp(42px,1.45vw,52px)}.proof sup{font-size:clamp(14px,.45vw,16px)}.proof p{color:#d0d4db;font-size:clamp(15px,.52vw,18px);line-height:1.62}
@media(max-width:980px){.mobile-nav{top:88px;height:calc(100vh - 88px)}}
@media(max-width:560px){.header{height:76px}.menu-open .header{border-color:var(--line);background:#090b0f}.logo>span{width:38px;height:38px}.mobile-nav{top:76px;height:calc(100vh - 76px);padding:22px 24px}.mobile-nav a{min-height:64px;gap:16px;padding:10px 0;font-size:clamp(22px,6.4vw,25px);line-height:1.1}.mobile-nav a span{width:24px;font-size:10px}.proof article{min-height:122px;padding:24px}.proof strong{font-size:36px}.proof p{font-size:13px}}