/* Reference-inspired dark workspace theme and interaction states. */
:root{color-scheme:dark;--ink:#f3f7fc;--muted:#a5b5c9;--blue:#82efd0;--line:#2a3c53;--pale:#111d30;--mint:#8bf2d4;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#0b1220;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
[hidden]{display:none!important}
.site-header .brand{gap:12px;flex-shrink:0}
.site-header .brand img{width:40px;height:40px}
.site-header .brand-copy{display:flex;flex-direction:column;gap:4px}
.site-header .brand-name{font-size:20px;font-weight:600;line-height:1.15;letter-spacing:.035em}
.site-header .brand small{display:block;margin:0;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.075em;color:#a7bace}
@media(max-width:1050px) and (min-width:761px){.main-nav{gap:13px;font-size:12px}.main-nav .nav-contact{padding:10px 12px}.site-header .brand{gap:8px}.site-header .brand img{width:34px;height:34px}}
@media(max-width:760px){.site-header .brand{gap:10px}.site-header .brand img{width:36px;height:36px}.site-header .brand-name{font-size:18px}.site-header .brand-copy{gap:3px}.site-header .brand small{font-size:12px;letter-spacing:.035em}}
::selection{background:#8bf2d4;color:#101c28}
a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#8bf2d4,#71b7fa);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.site-header{transition:box-shadow .3s,background .3s}.site-header.scrolled{background:#0b1324f5;box-shadow:0 10px 30px #02071455}
.main-nav>a{position:relative;transition:color .2s}.main-nav>a.is-current{color:var(--mint)}
.main-nav>a:not(.nav-contact):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.main-nav>a.is-current:after{transform:scaleX(1)}
.main-nav .nav-contact{border-color:#6bcbb477;color:#b7f6e3;background:#82efd009}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 30%,#22304b 0,transparent 55%),#0b1322}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#9ebbd00b 1px,transparent 1px),linear-gradient(90deg,#9ebbd00b 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero h1 span{background:linear-gradient(100deg,#8bf2d4,#83cbfa);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.hero h1 .hero-ending{background:none;color:inherit;white-space:nowrap}
.eyebrow,.live-dot{color:var(--mint)}.live-dot{background:var(--mint);box-shadow:0 0 14px #8bf2d455}
.hero .identity span{background:#172737;border-color:#345247;color:#c2e2d8}
.button-primary{color:#0b2424;background:var(--mint);box-shadow:0 10px 35px #6dddaf1a}.button-primary:hover{background:#afffe8}
.button span{display:inline-block;transition:transform .25s var(--ease)}.button:hover span{transform:translate(3px,-2px)}
.system-section,.cases-section{background:#0e1828}.products-section{background:#0b1220}.workflow-section{background:#101d30}.method-section{background:#111f31}
.section-heading h2 span{color:#9fb3cd}.section-heading h2,.contact-section h2{letter-spacing:-.015em}
.section-index,.system-aside .small-caps,.case-info .small-caps{color:var(--mint)}
.system-proof{background:#142238;border-color:#30435e}.system-proof figcaption span{color:#b5c6db}.proof-flow{border-color:#30435e;color:#bcd4e8}.proof-flow b{color:var(--mint)}
.system-proof-image{border-color:#3f536e;background:#eaf0f7}
.capability-list,.capability{border-color:#2d405a}.capability span{color:#bdcde1}.capability.active span,.capability.active b{color:var(--mint)}
.capability{transition:padding .25s,background .25s}.capability:hover{padding-left:12px;background:#20374b66}
.capability-detail{background:#182c40;border-color:#8bf2d4}.capability-detail p{color:#b8cadd;min-height:48px}
.workflow-shell{background:#122139}.workflow-step.active{background:#21433f;color:#bcffe9}.workflow-step.active:after{background:var(--mint)}
.workflow-step{transition:background .25s,color .25s}.workflow-step:hover{background:#1d344c}.workflow-detail{min-height:250px}
.deliverable{background:#1b3342;border-color:#3d6668}.deliverable small{font-size:13px;line-height:1.7;color:#bad1da}.deliverable span{font-size:12px}
.workflow-controls{display:flex;align-items:center;gap:12px;border-top:1px solid #30435e;padding:16px 24px;flex-wrap:wrap}
.workflow-controls button{border:1px solid #4b647a;background:#1a3045;color:#e5f5f1;border-radius:8px;padding:10px 14px;min-height:44px}
.workflow-controls button:hover{background:#29475b}.workflow-controls .workflow-play{border-color:#82efd080;color:#b6ffe7}
.workflow-count{color:#b6c8dc;font-size:13px;margin-left:auto;font-variant-numeric:tabular-nums}.workflow-controls button:disabled{opacity:.35;cursor:default}
.workflow-meter{height:3px;background:#20334a}.workflow-meter span{display:block;height:100%;background:var(--mint);transform:scaleX(0);transform-origin:left}
.product-card{background:#122034;border-color:#2b3c53;box-shadow:none;position:relative;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.product-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#8bf2d40d,transparent 70%);opacity:0;transition:opacity .3s}
.product-card:hover:after{opacity:1}.product-card:hover{border-color:#598674;transform:translateY(-5px);box-shadow:0 20px 45px #02081455}
.product-image{background:#1c2e44}.warm .product-image{background:#263135}.product-body p{color:#afc0d5}.product-body h3 span{color:#afc0d5}
.product-meta{color:#8bf2d4}.product-meta span:last-child{color:#a9bbd1}.warm .product-meta{color:#eac399}.product-tags span{background:#24403e;color:#bcf3df}.warm .product-tags span{background:#3c342e;color:#edc7a2}
.product-body>a,.text-button,.case-info a{color:var(--mint)}
.case-card{background:transparent;border:0;border-top:1px solid #34445b;border-radius:0;padding-top:32px;gap:30px;align-items:center}
.case-card .case-info,.case-feature .case-info{padding:20px 0}.case-facts{border-color:#34445b}.case-facts div{border-color:#34445b}.case-facts dt{color:var(--mint)}.case-facts dd{color:#b0c0d3}
.case-card .case-media{min-width:0}.case-media .case-image{height:320px;min-height:0;border-radius:12px;border:1px solid #3d5270;background:#eaf0f6}
.case-media .case-image img{object-fit:contain}.case-card:nth-child(even) .case-media{order:1}.case-card:nth-child(even) .case-info{order:2}
.gallery-thumbs{display:flex;gap:10px;padding-top:12px}.gallery-thumb{position:relative;width:100px;height:64px;padding:4px;border-radius:8px;background:#16283d;border:1px solid #40566c;transition:border .2s,transform .2s}
.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-thumb[aria-pressed="true"]{border:2px solid var(--mint)}.gallery-thumb:hover{transform:translateY(-3px)}
.gallery-caption{color:#aebfd4;font-size:13px;margin:10px 0 0}
.method-list,.method-list>div{border-color:#35495d}.method-list p{color:#b1c3d3}.method-list span{color:var(--mint)}.method-list>div{transition:padding .25s}.method-list>div:hover{padding-left:12px}
.button-dark{background:#213f4b;border:1px solid #5a8a83}.contact-panel{background:#172b3f}.contact-panel>p:not(.privacy-note){font-size:16px;min-height:84px}
.contact-option{transition:padding .2s,background .2s}.contact-option.active{padding-left:12px;background:#8bf2d408}.contact-qr span{font-size:13px;line-height:1.6}.contact-qr .text-button{min-height:44px;font-size:13px}
.privacy-note{color:#a9bbcf;font-size:12px}.image-dialog{color:#ecf4fc;background:#152239;border:1px solid #465978;padding:52px 18px 18px}.image-dialog p{color:#c6d6e9;font-size:14px}.image-dialog img{background:#fff;border-radius:5px}.dialog-close{width:40px;height:40px}
.dialog-gallery-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.dialog-gallery-controls button{border:1px solid #627990;border-radius:7px;background:#263b50;color:white;min-width:44px;min-height:44px}.dialog-gallery-controls span{min-width:48px;text-align:center;font-size:13px}
.image-dialog::backdrop{background:#040b16e8;backdrop-filter:blur(8px)}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-in .75s var(--ease) both}.hero-visual{animation:portrait-in 1s var(--ease) both}.hero-foot{animation:hero-in .75s .15s var(--ease) both}}
@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes portrait-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.hero-grid{padding-top:1px}.hero-copy{animation:none}.hero h1{font-size:clamp(30px,7.7vw,42px)}.main-nav>a:after{display:none}.workflow-detail{min-height:345px}.workflow-controls{padding:14px;gap:8px}.workflow-controls button{font-size:13px;padding:9px 11px}.workflow-count{width:100%;margin:0}.case-card{gap:15px}.case-card:nth-child(even) .case-info,.case-card:nth-child(even) .case-media{order:initial}.case-media{width:100%}.case-media .case-image{height:230px}.product-card:hover{transform:none}.hero-visual{animation:none}.proof-flow{font-size:12px}.small-caps{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product-card:hover,.gallery-thumb:hover{transform:none}}
@media(max-width:400px){.hero h1{font-size:clamp(25px,6.9vw,28px)}.hero h1 br:nth-of-type(2){display:block}}