@font-face{font-family: 'Sora';src: url('/assets/fonts/sora.woff2') format('woff2');font-weight: 100 800;font-display: swap}@font-face{font-family: 'Inter';src: url('/assets/fonts/inter.woff2') format('woff2');font-weight: 100 900;font-display: swap}@font-face{font-family: 'JetBrains Mono';src: url('/assets/fonts/jbmono.woff2') format('woff2');font-weight: 100 800;font-display: swap}:root{--midnight: #070A10;--bg: #070A10;--bg-2: #0A0F17;--surface: #0D131D;--surface-2: #121A27;--surface-3: #18212F;--line: rgba(255,255,255,0.08);--line-2: rgba(255,255,255,0.14);--text: #FFFFFF;--text-2: #B4BFD0;--text-3: #8591A6;--blue: #087DF5;--blue-btn: #0A6FE0;--blue-btn-hover: #0B64CB;--cyan: #02D5EF;--grad: linear-gradient(100deg,#087DF5 0%,#02D5EF 100%);--ok: #2BD99F;--warn: #FFB547;--err: #FF6B78;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow: 0 24px 60px -24px rgba(0,0,0,0.7);--glow: 0 0 0 1px rgba(8,125,245,0.4),0 14px 44px -14px rgba(8,125,245,0.6);--font-display: 'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--font-body: 'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono: 'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;--container: 1200px;--gutter: 24px;--header-h: 68px;color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 16px)}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font-body);font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: hidden}img,svg{display: block;max-width: 100%}a{color: var(--cyan);text-decoration: none}a:hover{text-decoration: underline;text-underline-offset: 3px}:where(p,li,td,.lede) a:not(.btn):not(.link-arrow){text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: rgba(2,213,239,.55)}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}:focus-visible{outline: 2px solid var(--cyan);outline-offset: 3px;border-radius: 6px}::selection{background: rgba(2,213,239,0.3)}h1,h2,h3,h4{font-family: var(--font-display);line-height: 1.12;margin: 0 0 0.5em;letter-spacing: -0.02em;font-weight: 700}p{margin: 0 0 1em}.mono{font-family: var(--font-mono);font-feature-settings: 'zero' 1}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 200;background: var(--blue-btn);color: #fff;padding: 10px 16px;border-radius: 8px;font-weight: 600}.skip-link:focus{top: 12px}.container{width: 100%;max-width: var(--container);margin: 0 auto;padding: 0 var(--gutter)}.muted{color: var(--text-2)}.dim{color: var(--text-3)}.grad-text{background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent}.cyan{color: var(--cyan)}.hidden,[hidden]{display: none !important}.announce{background: linear-gradient(90deg,#06101F,#071728 50%,#06101F);border-bottom: 1px solid var(--line);font-size: 13px;color: var(--text-2)}.announce .container{display: flex;align-items: center;justify-content: center;gap: 18px;min-height: 36px;text-align: center;flex-wrap: wrap;padding-top: 6px;padding-bottom: 6px}.announce b{color: #fff;font-weight: 600}.announce .sep{width: 4px;height: 4px;border-radius: 50%;background: var(--cyan);opacity: .7}.announce .ruo{color: var(--cyan);font-weight: 600;letter-spacing: .04em;text-transform: uppercase;font-size: 11.5px}.site-header{position: sticky;top: 0;z-index: 50;height: var(--header-h);background: rgba(7,10,16,0.78);backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px);border-bottom: 1px solid var(--line)}.site-header .container{display: flex;align-items: center;height: 100%;gap: 28px}.brand{display: flex;align-items: center;flex-shrink: 0}.brand img{height: 40px;width: auto}.nav{display: flex;gap: 4px;margin-right: auto}.nav a{color: var(--text-2);font-weight: 500;font-size: 15px;padding: 8px 12px;border-radius: 8px;transition: color .15s,background .15s}.nav a:hover,.nav a[aria-current='page']{color: #fff;background: rgba(255,255,255,0.05);text-decoration: none}.header-actions{display: flex;align-items: center;gap: 6px;margin-left: auto}.icon-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 42px;min-width: 42px;padding: 0 10px;border-radius: 10px;border: 1px solid transparent;background: transparent;color: var(--text-2);transition: all .15s}.icon-btn:hover{color: #fff;background: rgba(255,255,255,0.06)}.icon-btn svg{width: 20px;height: 20px}.kbd{font-family: var(--font-mono);font-size: 11px;color: var(--text-3);border: 1px solid var(--line-2);border-radius: 5px;padding: 1px 5px}.cart-btn{position: relative;border-color: var(--line-2);padding: 0 14px;color: #fff;font-weight: 600;font-size: 14px}.cart-count{min-width: 20px;height: 20px;padding: 0 6px;border-radius: 10px;background: var(--grad);color: var(--midnight);font-size: 12px;font-weight: 700;display: inline-flex;align-items: center;justify-content: center}.menu-btn{display: none}.search-trigger{border-color: var(--line-2);padding: 0 12px;min-width: 210px;justify-content: flex-start;color: var(--text-3);font-size: 14px}.search-trigger .kbd{margin-left: auto}.mobile-nav{display: none}@media (max-width: 960px){.nav,.search-trigger .label,.search-trigger .kbd{display: none}.search-trigger{min-width: 42px;padding: 0 10px;border-color: transparent}.menu-btn{display: inline-flex}.mobile-nav{position: fixed;inset: var(--header-h) 0 0 0;z-index: 49;background: #070A10;padding: 24px var(--gutter);flex-direction: column;gap: 4px;overflow-y: auto}.mobile-nav.open{display: flex}.mobile-nav a{font-family: var(--font-display);font-size: 22px;font-weight: 600;color: #fff;padding: 14px 4px;border-bottom: 1px solid var(--line)}.mobile-nav a:hover{text-decoration: none;color: var(--cyan)}.mobile-nav .mobile-nav-foot{margin-top: auto;padding-top: 24px;color: var(--text-3);font-size: 13px}}@media (max-width: 560px){:root{--gutter: 16px;--header-h: 60px}.brand img{height: 32px}.cart-btn .label{display: none}.cart-btn{padding: 0 10px}.announce .hide-sm{display: none}.announce .container{gap: 10px;flex-wrap: nowrap;font-size: 12.5px}.site-header .container{gap: 10px}}.btn{--h: 48px;display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: var(--h);padding: 0 22px;border-radius: 12px;border: 1px solid transparent;font-weight: 600;font-size: 15.5px;letter-spacing: -0.005em;white-space: nowrap;transition: transform .15s,background .15s,box-shadow .2s,border-color .15s,color .15s;text-decoration: none !important}.btn svg{width: 18px;height: 18px}.btn:active{transform: translateY(1px)}.btn-primary{background: var(--blue-btn);color: #fff;box-shadow: inset 0 1px 0 rgba(255,255,255,0.18),0 10px 30px -12px rgba(8,125,245,0.8)}.btn-primary:hover{background: var(--blue-btn-hover);box-shadow: var(--glow)}.btn-cyan{background: var(--cyan);color: var(--midnight)}.btn-cyan:hover{background: #3FE2F5}.btn-ghost{background: rgba(255,255,255,0.03);border-color: var(--line-2);color: #fff}.btn-ghost:hover{border-color: rgba(2,213,239,0.6);background: rgba(2,213,239,0.06)}.btn-lg{--h: 56px;padding: 0 28px;font-size: 16.5px;border-radius: 14px}.btn-sm{--h: 38px;padding: 0 14px;font-size: 14px;border-radius: 10px}.btn-block{width: 100%}.btn[disabled],.btn.is-loading{opacity: .6;pointer-events: none}.btn .spinner{width: 16px;height: 16px;border: 2px solid rgba(255,255,255,.35);border-top-color: #fff;border-radius: 50%;animation: spin .8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.link-arrow{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;color: var(--cyan)}.link-arrow svg{width: 16px;height: 16px;transition: transform .15s}.link-arrow:hover{text-decoration: none}.link-arrow:hover svg{transform: translateX(3px)}.eyebrow{display: inline-flex;align-items: center;gap: 12px;font-family: var(--font-display);font-weight: 700;font-size: 12.5px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-2);margin-bottom: 18px}.eyebrow::before{content: '';width: 34px;height: 3px;border-radius: 2px;background: var(--cyan)}.display{font-size: clamp(42px,6.4vw,84px);font-weight: 800;letter-spacing: -0.035em;line-height: 1.0}.h1{font-size: clamp(36px,4.6vw,60px);font-weight: 800;letter-spacing: -0.03em}.h2{font-size: clamp(30px,3.6vw,46px);font-weight: 800;letter-spacing: -0.03em}.h3{font-size: clamp(21px,2vw,26px);font-weight: 700}.lede{font-size: clamp(17px,1.5vw,19.5px);color: var(--text-2);line-height: 1.6;max-width: 640px}.caps{text-transform: uppercase;letter-spacing: .08em;font-size: 12px;font-weight: 600;color: var(--text-3)}.section{padding: clamp(72px,9vw,120px) 0;position: relative}.section-tight{padding: clamp(48px,6vw,72px) 0}.section-alt{background: var(--bg-2);border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.section-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;margin-bottom: 44px;flex-wrap: wrap}.section-head .h2{margin: 0;max-width: 720px}.section-head p{margin: 14px 0 0}.hero{position: relative;overflow: hidden;padding: clamp(56px,7vw,96px) 0 clamp(64px,8vw,104px)}.hero::before{content: '';position: absolute;inset: 0;pointer-events: none;background: radial-gradient(800px 480px at 78% 38%,rgba(8,125,245,0.22),transparent 70%),radial-gradient(520px 360px at 92% 78%,rgba(2,213,239,0.12),transparent 70%),radial-gradient(600px 400px at 0% 0%,rgba(8,125,245,0.08),transparent 70%)}.hero-grid{position: relative;display: grid;grid-template-columns: 1.08fr 0.92fr;gap: 40px;align-items: center}.hero h1{margin-bottom: 24px}.hero .lede{margin-bottom: 34px}.hero-ctas{display: flex;gap: 12px;flex-wrap: wrap}.hero-meta{display: flex;gap: 28px;margin-top: 44px;flex-wrap: wrap}.hero-meta div{display: flex;flex-direction: column;gap: 2px}.hero-meta b{font-family: var(--font-display);font-size: 15px;font-weight: 700;color: #fff}.hero-meta span{font-size: 13px;color: var(--text-3)}.hex-bg{position: absolute;inset: 0;pointer-events: none;opacity: .5;-webkit-mask-image: radial-gradient(70% 70% at 70% 45%,#000 20%,transparent 75%);mask-image: radial-gradient(70% 70% at 70% 45%,#000 20%,transparent 75%)}.hero-visual{position: relative;min-height: 520px;display: flex;align-items: center;justify-content: center}.hero-vial{width: min(280px,54%);filter: drop-shadow(0 40px 60px rgba(0,0,0,.65));animation: float 7s ease-in-out infinite;position: relative;z-index: 2;margin-right: 32%}.hero-vial.back{position: absolute;width: min(190px,36%);left: -6%;top: 24%;z-index: 1;opacity: .5;margin: 0;filter: blur(1.4px) drop-shadow(0 30px 40px rgba(0,0,0,.6));animation-delay: -3s;transform: rotate(-8deg)}@keyframes float{0%,100%{translate: 0 0}50%{translate: 0 -12px}}.ring{position: absolute;border-radius: 50%;border: 1px solid rgba(2,213,239,0.18)}.ring.r1{width: 440px;height: 440px}.ring.r2{width: 560px;height: 560px;border-color: rgba(8,125,245,0.12);border-style: dashed;animation: rot 80s linear infinite}@keyframes rot{to{transform: rotate(360deg)}}.spec-card{position: absolute;z-index: 3;right: -12px;bottom: -3%;width: 252px;padding: 16px 18px;border-radius: 14px;background: rgba(13,19,29,0.78);border: 1px solid var(--line-2);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: var(--shadow);font-size: 12.5px}.spec-card .row{display: flex;justify-content: space-between;gap: 12px;padding: 6px 0;border-bottom: 1px dashed var(--line)}.spec-card .row:last-child{border-bottom: 0}.spec-card .row span:first-child{color: var(--text-3)}.spec-card .row span:last-child{font-family: var(--font-mono);color: #fff}.spec-card .head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 6px}.spec-card .head b{font-family: var(--font-display);font-size: 14px}.live-dot{display: inline-flex;align-items: center;gap: 6px;font-size: 11px;color: var(--ok);font-weight: 600;text-transform: uppercase;letter-spacing: .08em}.live-dot::before{content: '';width: 7px;height: 7px;border-radius: 50%;background: var(--ok);box-shadow: 0 0 0 0 rgba(43,217,159,.6);animation: ping 2s infinite}@keyframes ping{0%{box-shadow: 0 0 0 0 rgba(43,217,159,.55)}80%,100%{box-shadow: 0 0 0 9px rgba(43,217,159,0)}}.lot-card{position: absolute;z-index: 3;right: 2%;top: 9%;padding: 12px 14px;border-radius: 12px;display: flex;align-items: center;gap: 12px;background: rgba(13,19,29,0.78);border: 1px solid var(--line-2);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: var(--shadow)}.lot-card .ic{width: 36px;height: 36px;border-radius: 10px;display: grid;place-items: center;background: rgba(2,213,239,0.12);color: var(--cyan)}.lot-card .ic svg{width: 18px;height: 18px}.lot-card b{display: block;font-size: 13px;font-family: var(--font-display)}.lot-card span{font-size: 12px;color: var(--text-3)}.pulse{width: 100%;height: 64px;display: block}.pulse path{fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.pulse .trace{stroke: url(#pulseGrad);stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: trace 4.2s cubic-bezier(.6,.1,.3,1) infinite;filter: drop-shadow(0 0 6px rgba(2,213,239,.6))}.pulse .base{stroke: rgba(255,255,255,0.07)}@keyframes trace{0%{stroke-dashoffset: 1000}55%{stroke-dashoffset: 0}100%{stroke-dashoffset: -1000}}.hero-pulse{position: absolute;left: 0;right: 0;bottom: 0;opacity: .9}@media (max-width: 960px){.hero-grid{grid-template-columns: 1fr}.hero-visual{min-height: 460px;margin-top: 8px}.ring.r1{width: 340px;height: 340px}.ring.r2{width: 420px;height: 420px}}@media (max-width: 560px){.hero-visual{min-height: 400px}.hero-vial{width: 54%;margin-right: 30%}.hero-vial.back{display: none}.spec-card{width: 196px;right: -6px;bottom: 2%;font-size: 11px;padding: 10px 12px}.spec-card .row{padding: 4px 0}.lot-card{top: 4%;right: -6px;padding: 10px 12px}.lot-card span{display: none}.hero-meta{gap: 18px}}.proof{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);background: var(--bg-2)}.proof .container{display: grid;grid-template-columns: repeat(4,1fr)}.proof-item{display: flex;gap: 14px;align-items: flex-start;padding: 26px 22px;border-right: 1px solid var(--line)}.proof-item:last-child{border-right: 0}.proof-item .ic{flex-shrink: 0;width: 40px;height: 40px;border-radius: 11px;display: grid;place-items: center;background: rgba(8,125,245,0.12);color: var(--cyan);border: 1px solid rgba(8,125,245,0.25)}.proof-item .ic svg{width: 20px;height: 20px}.proof-item b{display: block;font-family: var(--font-display);font-size: 15px;margin-bottom: 2px}.proof-item span{font-size: 13.5px;color: var(--text-3);line-height: 1.45;display: block}@media (max-width: 960px){.proof .container{grid-template-columns: 1fr 1fr}.proof-item:nth-child(2){border-right: 0}.proof-item:nth-child(-n+2){border-bottom: 1px solid var(--line)}}@media (max-width: 560px){.proof .container{grid-template-columns: 1fr;padding: 0}.proof-item{border-right: 0;border-bottom: 1px solid var(--line);padding: 20px var(--gutter)}.proof-item:last-child{border-bottom: 0}}.grid-products{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px}@media (max-width: 1100px){.grid-products{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 780px){.grid-products{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}}@media (max-width: 400px){.grid-products{grid-template-columns: 1fr}}.card{position: relative;display: flex;flex-direction: column;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line);overflow: hidden;transition: border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color: rgba(8,125,245,0.45);transform: translateY(-3px);box-shadow: 0 24px 50px -28px rgba(8,125,245,0.6)}.card-media{position: relative;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;overflow: hidden;background: radial-gradient(60% 55% at 50% 58%,rgba(8,125,245,0.28),transparent 70%),linear-gradient(180deg,#0B111B,#080C13);border-bottom: 1px solid var(--line)}.card-media::after{content: '';position: absolute;left: 18%;right: 18%;bottom: 10%;height: 14px;border-radius: 50%;background: rgba(0,0,0,.7);filter: blur(8px)}.card-media svg{height: 82%;width: auto;position: relative;z-index: 1;transition: transform .35s cubic-bezier(.2,.8,.2,1)}.card:hover .card-media svg{transform: translateY(-6px) rotate(-2deg)}.card-tag{position: absolute;top: 12px;left: 12px;z-index: 2}.card-body{padding: 16px 16px 18px;display: flex;flex-direction: column;gap: 8px;flex: 1}.card-title{font-family: var(--font-display);font-size: 18px;font-weight: 700;margin: 0;letter-spacing: -0.015em;line-height: 1.2}.card-title a{color: #fff}.card-title a::after{content: '';position: absolute;inset: 0;z-index: 1}.card-title a:hover{text-decoration: none}.card-sub{font-size: 13px;color: var(--text-3);margin: 0}.card-cas{font-family: var(--font-mono);font-size: 11.5px;color: var(--text-3)}.card-foot{margin-top: auto;padding-top: 10px;display: flex;align-items: center;justify-content: space-between;gap: 8px}.price{font-family: var(--font-display);font-weight: 700;font-size: 18px}.price small{font-family: var(--font-body);font-size: 12px;color: var(--text-3);font-weight: 500;margin-right: 4px}.card-foot .btn{position: relative;z-index: 2}.sizes{display: flex;gap: 6px;flex-wrap: wrap}.size-chip{font-size: 11.5px;font-family: var(--font-mono);color: var(--text-2);border: 1px solid var(--line-2);border-radius: 6px;padding: 2px 7px}@media (max-width: 560px){.card-body{padding: 12px 12px 14px}.card-title{font-size: 15.5px}.card-foot{flex-direction: column;align-items: stretch}.card-foot .btn{width: 100%}.price{font-size: 16px}}.badge{display: inline-flex;align-items: center;gap: 6px;height: 24px;padding: 0 10px;border-radius: 999px;font-size: 11.5px;font-weight: 600;letter-spacing: .04em;text-transform: uppercase;border: 1px solid}.badge-blue{color: #8CC4FF;border-color: rgba(8,125,245,.45);background: rgba(8,125,245,.14)}.badge-cyan{color: var(--cyan);border-color: rgba(2,213,239,.4);background: rgba(2,213,239,.1)}.badge-muted{color: var(--text-2);border-color: var(--line-2);background: rgba(255,255,255,.04)}.badge-ok{color: var(--ok);border-color: rgba(43,217,159,.4);background: rgba(43,217,159,.1)}.chips{display: flex;gap: 8px;flex-wrap: wrap}.chip{height: 38px;padding: 0 16px;border-radius: 999px;border: 1px solid var(--line-2);background: transparent;color: var(--text-2);font-size: 14px;font-weight: 500;display: inline-flex;align-items: center;gap: 8px;transition: all .15s}.chip:hover{color: #fff;border-color: rgba(2,213,239,.5)}.chip[aria-pressed='true']{background: #fff;color: var(--midnight);border-color: #fff;font-weight: 600}.chip .n{font-family: var(--font-mono);font-size: 11.5px;opacity: .7}.split{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(32px,6vw,80px);align-items: center}@media (max-width: 900px){.split{grid-template-columns: 1fr}}.steps{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;counter-reset: step}@media (max-width: 960px){.steps{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.steps{grid-template-columns: 1fr}}.step{position: relative;padding: 26px 22px 24px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.step::before{counter-increment: step;content: '0' counter(step);font-family: var(--font-mono);font-size: 13px;color: var(--cyan);display: block;margin-bottom: 30px}.step::after{content: '';position: absolute;top: 36px;left: 60px;right: 22px;height: 1px;background: linear-gradient(90deg,rgba(2,213,239,.5),transparent)}.step h3{font-size: 19px;margin-bottom: 8px}.step p{font-size: 14.5px;color: var(--text-2);margin: 0}.number-panel{position: relative;border-radius: var(--radius-lg);padding: 28px;background: linear-gradient(180deg,var(--surface-2),var(--surface));border: 1px solid var(--line-2);box-shadow: var(--shadow);overflow: hidden}.number-panel .np-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 18px;gap: 10px;flex-wrap: wrap}.number-panel .np-head b{font-family: var(--font-display);font-size: 16px}.chromatogram{width: 100%;height: auto;border-radius: 12px;background: #080D15;border: 1px solid var(--line)}.np-rows{margin-top: 16px;display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.np-rows div{padding: 12px 14px;border-radius: 10px;background: rgba(255,255,255,.03);border: 1px solid var(--line)}.np-rows span{display: block;font-size: 11.5px;color: var(--text-3);text-transform: uppercase;letter-spacing: .08em}.np-rows b{font-family: var(--font-mono);font-size: 15px;font-weight: 600}.np-note{font-size: 12px;color: var(--text-3);margin: 12px 0 0}.verify{display: flex;gap: 10px;margin-top: 28px;max-width: 520px;flex-wrap: wrap}.verify input{flex: 1;min-width: 200px;font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .06em}.verify-result{margin-top: 16px;max-width: 560px}.checklist{list-style: none;padding: 0;margin: 24px 0 0;display: grid;gap: 14px}.checklist li{display: flex;gap: 12px;align-items: flex-start;color: var(--text-2)}.checklist li svg{flex-shrink: 0;width: 22px;height: 22px;color: var(--cyan);margin-top: 1px}.checklist li b{color: #fff;font-weight: 600}.compare{width: 100%;border-collapse: separate;border-spacing: 0;border: 1px solid var(--line-2);border-radius: var(--radius);overflow: hidden;background: var(--surface)}.compare th,.compare td{padding: 16px 20px;text-align: left;border-bottom: 1px solid var(--line);font-size: 15px}.compare tr:last-child td{border-bottom: 0}.compare thead th{font-family: var(--font-display);font-size: 14px;background: var(--surface-2)}.compare thead th.us{color: var(--cyan)}.compare td:first-child{color: var(--text-2)}.compare td.us{background: rgba(8,125,245,.07)}.compare .y,.compare .n{display: inline-flex;align-items: center;gap: 8px;font-weight: 600}.compare .y{color: #fff}.compare .y svg{color: var(--cyan);width: 18px;height: 18px}.compare .n{color: var(--text-3);font-weight: 500}.compare .n svg{width: 16px;height: 16px}@media (max-width: 640px){.compare th,.compare td{padding: 12px;font-size: 13.5px}}.tiles{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px}@media (max-width: 860px){.tiles{grid-template-columns: 1fr}}.tile{position: relative;padding: 28px;border-radius: var(--radius-lg);border: 1px solid var(--line);background: var(--surface);overflow: hidden;min-height: 260px;display: flex;flex-direction: column;justify-content: flex-end;color: #fff;transition: border-color .2s}.tile:hover{border-color: rgba(2,213,239,.45);text-decoration: none}.tile svg.tile-art{position: absolute;right: 4px;top: 4px;width: 140px;height: 140px;opacity: .5;z-index: 0}.tile > :not(svg){position: relative;z-index: 1}.tile h3{font-size: 24px;margin-bottom: 6px}.tile p{color: var(--text-2);font-size: 14.5px;margin: 0 0 14px;max-width: 320px}.tile .count{font-family: var(--font-mono);font-size: 12px;color: var(--cyan)}.faq{display: grid;gap: 10px}.faq details{border-radius: 14px;border: 1px solid var(--line);background: var(--surface);transition: border-color .2s}.faq details[open]{border-color: rgba(8,125,245,.45)}.faq summary{list-style: none;cursor: pointer;padding: 18px 22px;font-family: var(--font-display);font-weight: 600;font-size: 16.5px;display: flex;justify-content: space-between;gap: 16px;align-items: center}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: '';flex-shrink: 0;width: 12px;height: 12px;border-right: 2px solid var(--cyan);border-bottom: 2px solid var(--cyan);transform: rotate(45deg) translateY(-3px);transition: transform .2s}.faq details[open] summary::after{transform: rotate(-135deg) translateY(-2px)}.faq .a{padding: 0 22px 20px;color: var(--text-2);font-size: 15px}.faq .a p:last-child{margin: 0}.faq-group{margin-bottom: 44px}.faq-group h2{font-size: 22px;margin-bottom: 16px}.cta-band{position: relative;border-radius: var(--radius-lg);overflow: hidden;padding: clamp(32px,5vw,56px);background: radial-gradient(500px 300px at 85% 20%,rgba(2,213,239,.18),transparent 70%),radial-gradient(600px 360px at 10% 110%,rgba(8,125,245,.3),transparent 70%),var(--surface);border: 1px solid var(--line-2);display: grid;grid-template-columns: 1.1fr 1fr;gap: 32px;align-items: center}@media (max-width: 860px){.cta-band{grid-template-columns: 1fr}}.cta-band h2{font-size: clamp(28px,3.2vw,40px);margin-bottom: 10px}.inline-form{display: flex;gap: 10px;flex-wrap: wrap}.inline-form input{flex: 1;min-width: 200px}.form-msg{font-size: 14px;margin-top: 10px;min-height: 1.4em}.form-msg.ok{color: var(--ok)}.form-msg.err{color: var(--err)}.field{display: flex;flex-direction: column;gap: 6px}.field label,.label{font-size: 13.5px;font-weight: 600;color: var(--text-2)}.field .hint{font-size: 12.5px;color: var(--text-3)}.input,.select,.textarea{width: 100%;height: 50px;padding: 0 16px;border-radius: 12px;background: #0A1019;border: 1px solid var(--line-2);color: #fff;transition: border-color .15s,box-shadow .15s;font-size: 15.5px}.textarea{height: auto;min-height: 130px;padding: 14px 16px;resize: vertical;line-height: 1.5}.select{appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2302D5EF' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;padding-right: 40px}.input::placeholder,.textarea::placeholder{color: #5D6880}.input:focus,.select:focus,.textarea:focus{outline: none;border-color: var(--cyan);box-shadow: 0 0 0 3px rgba(2,213,239,.18)}.input[aria-invalid='true'],.select[aria-invalid='true']{border-color: var(--err)}.form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.form-grid .full{grid-column: 1 / -1}@media (max-width: 560px){.form-grid{grid-template-columns: 1fr}}.check{display: flex;gap: 12px;align-items: flex-start;font-size: 14.5px;color: var(--text-2);cursor: pointer;line-height: 1.5}.check input{appearance: none;-webkit-appearance: none;flex-shrink: 0;width: 22px;height: 22px;margin: 1px 0 0;border-radius: 6px;border: 1.5px solid var(--line-2);background: #0A1019;display: grid;place-items: center;cursor: pointer;transition: all .15s}.check input:checked{background: var(--blue-btn);border-color: var(--blue-btn)}.check input:checked::after{content: '';width: 6px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg) translate(-1px,-1px)}.check input:focus-visible{outline: 2px solid var(--cyan);outline-offset: 2px}.check b{color: #fff}.hp{position: absolute !important;left: -9999px !important;width: 1px;height: 1px;overflow: hidden}.radio-cards{display: grid;gap: 10px}.radio-card{display: flex;align-items: center;gap: 14px;padding: 14px 16px;border-radius: 12px;border: 1px solid var(--line-2);background: #0A1019;cursor: pointer;transition: border-color .15s,background .15s}.radio-card:has(input:checked){border-color: var(--cyan);background: rgba(2,213,239,.06)}.radio-card input{accent-color: var(--cyan);width: 18px;height: 18px;margin: 0}.radio-card .rc-main{flex: 1}.radio-card b{display: block;font-size: 15px}.radio-card span{font-size: 13px;color: var(--text-3)}.radio-card .rc-price{font-family: var(--font-mono);font-weight: 600}.page-hero{position: relative;padding: clamp(48px,6vw,80px) 0 clamp(36px,4vw,52px);border-bottom: 1px solid var(--line);overflow: hidden}.page-hero::before{content: '';position: absolute;inset: 0;background: radial-gradient(700px 300px at 80% 0%,rgba(8,125,245,.18),transparent 70%);pointer-events: none}.page-hero .container{position: relative}.page-hero .lede{margin-top: 8px}.breadcrumb{display: flex;gap: 8px;font-size: 13.5px;color: var(--text-3);margin-bottom: 22px;flex-wrap: wrap}.breadcrumb a{color: var(--text-2)}.breadcrumb span[aria-hidden]{opacity: .5}.shop-bar{display: flex;gap: 14px;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 32px 0 28px}.shop-search{position: relative;flex: 1;max-width: 420px;min-width: 240px}.shop-search svg{position: absolute;left: 16px;top: 50%;translate: 0 -50%;width: 18px;height: 18px;color: var(--text-3)}.shop-search .input{padding-left: 46px}.shop-tools{display: flex;gap: 10px;align-items: center}.shop-tools .select{height: 42px;width: auto;font-size: 14px;border-radius: 10px}.result-count{font-size: 14px;color: var(--text-3)}.empty{padding: 60px 20px;text-align: center;border: 1px dashed var(--line-2);border-radius: var(--radius);color: var(--text-2)}.pdp{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(28px,5vw,64px);align-items: start;padding: 28px 0 72px}@media (max-width: 900px){.pdp{grid-template-columns: 1fr}}.pdp-media{position: sticky;top: calc(var(--header-h) + 20px);border-radius: var(--radius-lg);aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;background: radial-gradient(55% 50% at 50% 55%,rgba(8,125,245,.32),transparent 70%),linear-gradient(180deg,#0C121C,#080C13);border: 1px solid var(--line);overflow: hidden}@media (max-width: 900px){.pdp-media{position: relative;top: 0;aspect-ratio: 4 / 3.4}}.pdp-media svg.vial{height: 78%;width: auto;filter: drop-shadow(0 40px 50px rgba(0,0,0,.6));position: relative;z-index: 1}.pdp-media .hex-bg{opacity: .35}.pdp-media .media-note{position: absolute;bottom: 14px;left: 0;right: 0;text-align: center;font-size: 11.5px;color: var(--text-3);z-index: 2}.pdp h1{font-size: clamp(34px,4vw,52px);font-weight: 800;letter-spacing: -0.03em;margin-bottom: 6px}.pdp .subtitle{color: var(--text-2);font-size: 17px;margin-bottom: 18px}.pdp .meta-row{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 22px}.pdp .price-row{display: flex;align-items: baseline;gap: 12px;margin: 6px 0 22px}.pdp .price-row .price{font-size: 34px}.pdp .price-row .per{font-size: 14px;color: var(--text-3)}.variant-group{margin-bottom: 20px}.variant-group .label{display: block;margin-bottom: 10px}.variants{display: flex;gap: 10px;flex-wrap: wrap}.variant{position: relative;min-width: 110px;padding: 12px 16px;border-radius: 12px;border: 1px solid var(--line-2);background: #0A1019;cursor: pointer;text-align: left;transition: all .15s}.variant:hover{border-color: rgba(2,213,239,.5)}.variant[aria-checked='true']{border-color: var(--cyan);background: rgba(2,213,239,.07);box-shadow: 0 0 0 1px var(--cyan) inset}.variant b{display: block;font-family: var(--font-display);font-size: 16px}.variant span{font-size: 13px;color: var(--text-3);font-family: var(--font-mono)}.buy-row{display: flex;gap: 12px;margin-bottom: 14px}.buy-row .btn{flex: 1}.qty{display: inline-flex;align-items: center;border: 1px solid var(--line-2);border-radius: 12px;background: #0A1019;height: 56px}.qty button{width: 44px;height: 100%;border: 0;background: transparent;color: var(--text-2);font-size: 20px}.qty button:hover{color: #fff}.qty input{width: 42px;text-align: center;border: 0;background: transparent;font-family: var(--font-mono);font-weight: 600;-moz-appearance: textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.qty.sm{height: 34px;border-radius: 9px}.qty.sm button{width: 30px;font-size: 16px}.qty.sm input{width: 28px;font-size: 13px}.tier-note{display: flex;gap: 10px;align-items: center;padding: 12px 14px;border-radius: 12px;background: rgba(8,125,245,.08);border: 1px solid rgba(8,125,245,.25);font-size: 13.5px;color: var(--text-2);margin-bottom: 22px}.tier-note svg{width: 18px;height: 18px;color: var(--cyan);flex-shrink: 0}.tier-note b{color: #fff}.assurances{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin: 8px 0 28px}.assurances div{display: flex;gap: 10px;align-items: center;font-size: 13.5px;color: var(--text-2);padding: 10px 12px;border-radius: 10px;background: rgba(255,255,255,.025);border: 1px solid var(--line)}.assurances svg{width: 18px;height: 18px;color: var(--cyan);flex-shrink: 0}@media (max-width: 480px){.assurances{grid-template-columns: 1fr}}.ruo-box{display: flex;gap: 12px;padding: 14px 16px;border-radius: 12px;border: 1px solid rgba(255,181,71,.35);background: rgba(255,181,71,.07);font-size: 13.5px;color: #F3D9B0;line-height: 1.5}.ruo-box svg{width: 20px;height: 20px;flex-shrink: 0;color: var(--warn);margin-top: 1px}.ruo-box b{color: #FFD48C}.pdp-section{padding-top: 34px;margin-top: 34px;border-top: 1px solid var(--line)}.pdp-section h2{font-size: 22px;margin-bottom: 16px}.spec{width: 100%;border-collapse: collapse;font-size: 14.5px}.spec th,.spec td{padding: 12px 0;border-bottom: 1px solid var(--line);text-align: left;vertical-align: top}.spec th{width: 38%;color: var(--text-3);font-weight: 500;padding-right: 16px}.spec td{color: #fff;word-break: break-word}.spec td.mono{font-size: 13.5px}.seq{font-family: var(--font-mono);font-size: 13.5px;line-height: 1.7;letter-spacing: .04em;word-break: break-all;color: var(--cyan)}.seq3{font-family: var(--font-mono);font-size: 12px;color: var(--text-3);word-break: break-word;margin-top: 4px}.formula sub{font-size: .72em}.lot-panel{border-radius: 14px;border: 1px solid var(--line-2);background: var(--surface);padding: 18px 20px}.lot-panel .lp-row{display: flex;justify-content: space-between;gap: 12px;padding: 8px 0;font-size: 14px;border-bottom: 1px dashed var(--line)}.lot-panel .lp-row:last-of-type{border-bottom: 0}.lot-panel .lp-row span:first-child{color: var(--text-3)}.lot-panel .lp-row span:last-child{font-family: var(--font-mono)}.pending{display: flex;gap: 14px;align-items: flex-start}.pending .ic{width: 40px;height: 40px;border-radius: 10px;display: grid;place-items: center;background: rgba(255,181,71,.1);color: var(--warn);flex-shrink: 0}.pending .ic svg{width: 20px;height: 20px}.pending b{display: block;font-family: var(--font-display);margin-bottom: 4px}.pending p{margin: 0;font-size: 14px;color: var(--text-2)}.components{display: grid;gap: 10px}.components a{display: flex;justify-content: space-between;align-items: center;padding: 14px 16px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: #fff}.components a:hover{border-color: rgba(2,213,239,.45);text-decoration: none}.components span{font-family: var(--font-mono);color: var(--cyan);font-size: 13px}.sticky-buy{display: none}@media (max-width: 900px){.sticky-buy{position: fixed;left: 0;right: 0;bottom: 0;z-index: 40;display: flex;align-items: center;gap: 12px;padding: 12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background: rgba(7,10,16,.94);border-top: 1px solid var(--line-2);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transform: translateY(110%);transition: transform .25s,visibility .25s;visibility: hidden}.sticky-buy.show{transform: none;visibility: visible}.sticky-buy .sb-info{flex: 1;min-width: 0}.sticky-buy b{display: block;font-family: var(--font-display);font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.sticky-buy span{font-size: 13px;color: var(--text-3);font-family: var(--font-mono)}}.prose{max-width: 760px;color: var(--text-2);font-size: 16.5px}.prose h2{color: #fff;font-size: 24px;margin: 44px 0 14px}.prose h3{color: #fff;font-size: 18px;margin: 28px 0 10px}.prose ul,.prose ol{padding-left: 22px;margin: 0 0 1.1em}.prose li{margin-bottom: .5em}.prose strong{color: #fff}.prose a{color: var(--cyan)}.prose .updated{font-size: 14px;color: var(--text-3)}.prose .callout{padding: 16px 18px;border-radius: 12px;background: rgba(8,125,245,.08);border: 1px solid rgba(8,125,245,.25);color: var(--text-2);margin: 20px 0}.toc{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 24px}.table-wrap{overflow-x: auto;border-radius: var(--radius);border: 1px solid var(--line-2);background: var(--surface)}.data-table{width: 100%;border-collapse: collapse;font-size: 14.5px;min-width: 640px}.data-table th,.data-table td{padding: 14px 18px;text-align: left;border-bottom: 1px solid var(--line)}.data-table th{font-size: 12px;text-transform: uppercase;letter-spacing: .08em;color: var(--text-3);font-weight: 600;background: var(--surface-2)}.data-table td.mono{font-family: var(--font-mono);font-size: 13.5px}.data-table tr:last-child td{border-bottom: 0}.tests{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px}@media (max-width: 860px){.tests{grid-template-columns: 1fr}}.test{padding: 24px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.test .ic{width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;background: rgba(2,213,239,.1);color: var(--cyan);margin-bottom: 18px}.test .ic svg{width: 22px;height: 22px}.test h3{font-size: 19px;margin-bottom: 6px}.test p{font-size: 14.5px;color: var(--text-2);margin: 0}.test .tag{display: inline-block;margin-top: 14px;font-family: var(--font-mono);font-size: 12px;color: var(--cyan)}.contact-grid{display: grid;grid-template-columns: 1.4fr 1fr;gap: 32px;align-items: start}@media (max-width: 900px){.contact-grid{grid-template-columns: 1fr}}.panel{padding: clamp(22px,3vw,32px);border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--line)}.info-list{display: grid;gap: 18px}.info-list div{display: flex;gap: 14px}.info-list .ic{width: 42px;height: 42px;flex-shrink: 0;border-radius: 11px;display: grid;place-items: center;background: rgba(8,125,245,.12);color: var(--cyan)}.info-list .ic svg{width: 20px;height: 20px}.info-list b{display: block;font-family: var(--font-display);font-size: 15px}.info-list span,.info-list a{font-size: 14.5px;color: var(--text-2)}.checkout{display: grid;grid-template-columns: 1.25fr 1fr;gap: clamp(24px,4vw,56px);align-items: start;padding: 36px 0 90px}@media (max-width: 960px){.checkout{grid-template-columns: 1fr}.checkout .summary{order: -1;position: relative;top: 0}}.checkout fieldset{border: 0;padding: 0;margin: 0 0 34px}.checkout legend{font-family: var(--font-display);font-size: 20px;font-weight: 700;margin-bottom: 16px;padding: 0;display: flex;align-items: center;gap: 10px}.checkout legend .num{width: 26px;height: 26px;border-radius: 50%;display: inline-grid;place-items: center;background: rgba(2,213,239,.12);color: var(--cyan);font-family: var(--font-mono);font-size: 13px}.summary{position: sticky;top: calc(var(--header-h) + 20px);padding: 24px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--line-2)}.summary h2{font-size: 20px;margin-bottom: 16px}.line-items{display: grid;gap: 14px;margin-bottom: 18px;max-height: 360px;overflow-y: auto;padding-right: 4px}.li{display: grid;grid-template-columns: 54px 1fr auto;gap: 12px;align-items: center}.li .thumb{width: 54px;height: 54px;border-radius: 10px;background: radial-gradient(60% 60% at 50% 60%,rgba(8,125,245,.35),transparent 70%),#0A1019;border: 1px solid var(--line);display: grid;place-items: center;overflow: hidden}.li .thumb svg{height: 46px;width: auto}.li b{display: block;font-size: 14.5px;font-family: var(--font-display);line-height: 1.25}.li span{font-size: 12.5px;color: var(--text-3);font-family: var(--font-mono)}.li .li-price{font-family: var(--font-mono);font-size: 14px;font-weight: 600;text-align: right}.li .li-actions{display: flex;gap: 8px;align-items: center;margin-top: 6px}.li .remove{background: none;border: 0;color: var(--text-3);font-size: 12.5px;padding: 0;text-decoration: underline;text-underline-offset: 2px}.li .remove:hover{color: var(--err)}.totals{display: grid;gap: 8px;padding-top: 16px;border-top: 1px solid var(--line);font-size: 14.5px}.totals div{display: flex;justify-content: space-between;color: var(--text-2)}.totals div span:last-child{font-family: var(--font-mono);color: #fff}.totals .save span:last-child{color: var(--ok)}.totals .grand{padding-top: 12px;margin-top: 6px;border-top: 1px solid var(--line);font-size: 18px}.totals .grand span:first-child{font-family: var(--font-display);font-weight: 700;color: #fff}.totals .grand span:last-child{font-weight: 700;font-size: 20px}.promo{display: flex;gap: 8px;margin: 16px 0 4px}.promo .input{height: 44px;font-family: var(--font-mono);text-transform: uppercase;font-size: 14px}.promo .btn{--h: 44px}.promo-msg{font-size: 13px;min-height: 1.3em}.progress{margin: 14px 0 2px}.progress .bar{height: 6px;border-radius: 4px;background: rgba(255,255,255,.07);overflow: hidden}.progress .bar i{display: block;height: 100%;background: var(--grad);border-radius: 4px;transition: width .4s}.progress p{font-size: 13px;color: var(--text-2);margin: 8px 0 0}.progress p b{color: #fff}.how{margin-top: 18px;padding: 16px;border-radius: 12px;background: rgba(255,255,255,.025);border: 1px solid var(--line)}.how ol{margin: 0;padding-left: 18px;font-size: 13.5px;color: var(--text-2);display: grid;gap: 6px}.how b{color: #fff}.success{text-align: center;padding: 56px 24px 80px;max-width: 640px;margin: 0 auto}.success .ok-ic{width: 72px;height: 72px;margin: 0 auto 22px;border-radius: 50%;display: grid;place-items: center;background: rgba(43,217,159,.12);color: var(--ok);border: 1px solid rgba(43,217,159,.4)}.success .ok-ic svg{width: 34px;height: 34px}.success .order-id{display: inline-block;font-family: var(--font-mono);font-size: 18px;padding: 8px 16px;border-radius: 10px;background: var(--surface-2);border: 1px solid var(--line-2);margin: 8px 0 22px;letter-spacing: .04em}.success .next{text-align: left;margin: 28px auto 28px;max-width: 480px}.alert{padding: 14px 16px;border-radius: 12px;font-size: 14.5px;margin-top: 16px}.alert-err{background: rgba(255,107,120,.09);border: 1px solid rgba(255,107,120,.4);color: #FFC2C8}.alert-err a{color: #fff;text-decoration: underline}.scrim{position: fixed;inset: 0;background: rgba(2,4,8,.66);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);z-index: 90;opacity: 0;pointer-events: none;transition: opacity .25s}.scrim.show{opacity: 1;pointer-events: auto}.drawer{position: fixed;top: 0;right: 0;bottom: 0;width: min(440px,100%);z-index: 100;background: var(--surface);border-left: 1px solid var(--line-2);display: flex;flex-direction: column;transform: translateX(105%);transition: transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s;box-shadow: -30px 0 80px -20px rgba(0,0,0,.7);visibility: hidden}.drawer.open{transform: none;visibility: visible}.drawer-head{display: flex;align-items: center;justify-content: space-between;padding: 18px 22px;border-bottom: 1px solid var(--line)}.drawer-head h2{font-size: 19px;margin: 0}.drawer-body{flex: 1;overflow-y: auto;padding: 18px 22px}.drawer-foot{padding: 18px 22px calc(18px + env(safe-area-inset-bottom));border-top: 1px solid var(--line);background: var(--surface-2)}.drawer .line-items{max-height: none}.drawer-empty{text-align: center;padding: 48px 8px;color: var(--text-2)}.drawer-empty svg{width: 56px;height: 56px;margin: 0 auto 14px;color: var(--text-3)}.drawer-foot .fine{font-size: 12px;color: var(--text-3);text-align: center;margin: 10px 0 0}.modal{position: fixed;inset: 0;z-index: 120;display: none;align-items: center;justify-content: center;padding: 20px;background: rgba(2,4,8,.74);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}.gate.modal{background: rgba(2,4,8,.9)}.li .thumb img,.search-results .thumb img{width: 100%;height: 100%;object-fit: contain;padding: 3px}.modal.open{display: flex}.modal-card{position: relative;width: min(560px,100%);max-height: calc(100vh - 40px);overflow-y: auto;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--line-2);box-shadow: 0 40px 120px -20px rgba(0,0,0,.8),0 0 0 1px rgba(8,125,245,.15);padding: clamp(24px,4vw,36px);animation: pop .25s cubic-bezier(.2,.8,.2,1)}@keyframes pop{from{opacity: 0;transform: translateY(10px) scale(.98)}to{opacity: 1;transform: none}}.gate .modal-card{text-align: left}.gate-logo{height: 46px;width: auto;margin-bottom: 22px}.gate h2{font-size: 26px;margin-bottom: 8px}.gate p{color: var(--text-2);font-size: 15px}.gate .checks{display: grid;gap: 12px;margin: 20px 0 24px}.gate .actions{display: flex;gap: 10px;flex-wrap: wrap}.gate .actions .btn-primary{flex: 1}.gate .fine{font-size: 12px;color: var(--text-3);margin: 16px 0 0}.search-modal{align-items: flex-start;padding-top: 12vh}.search-modal .modal-card{padding: 0;width: min(640px,100%);overflow: hidden}.search-box{display: flex;align-items: center;gap: 12px;padding: 0 18px;border-bottom: 1px solid var(--line)}.search-box svg{width: 20px;height: 20px;color: var(--text-3);flex-shrink: 0}.search-box input{flex: 1;height: 62px;border: 0;background: transparent;font-size: 17px;outline: none}.search-results{max-height: 52vh;overflow-y: auto;padding: 8px}.search-results a{display: flex;gap: 14px;align-items: center;padding: 10px 12px;border-radius: 10px;color: #fff}.search-results a:hover,.search-results a.active{background: rgba(8,125,245,.14);text-decoration: none}.search-results .thumb{width: 42px;height: 42px;border-radius: 9px;background: #0A1019;border: 1px solid var(--line);display: grid;place-items: center;flex-shrink: 0}.search-results .thumb svg{height: 36px;width: auto}.search-results b{display: block;font-size: 15px;font-family: var(--font-display)}.search-results span{font-size: 12.5px;color: var(--text-3);font-family: var(--font-mono)}.search-results .sr-price{margin-left: auto;font-family: var(--font-mono);font-size: 13.5px;color: var(--text-2)}.search-empty{padding: 28px;text-align: center;color: var(--text-3);font-size: 14.5px}.search-foot{display: flex;gap: 16px;padding: 10px 16px;border-top: 1px solid var(--line);font-size: 12px;color: var(--text-3)}.toast{position: fixed;left: 50%;bottom: 24px;z-index: 150;transform: translate(-50%,140%);transition: transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility .3s;opacity: 0;visibility: hidden;display: flex;align-items: center;gap: 12px;padding: 12px 14px 12px 16px;border-radius: 14px;background: var(--surface-3);border: 1px solid var(--line-2);box-shadow: var(--shadow);font-size: 14.5px;max-width: calc(100% - 32px)}.toast.show{transform: translate(-50%,0);opacity: 1;visibility: visible}.toast svg{width: 20px;height: 20px;color: var(--ok);flex-shrink: 0}.toast .btn{--h: 34px;padding: 0 12px;font-size: 13.5px}.close-btn{width: 38px;height: 38px;border-radius: 10px;border: 1px solid var(--line-2);background: transparent;color: var(--text-2);display: grid;place-items: center}.close-btn:hover{color: #fff;border-color: rgba(255,255,255,.3)}.close-btn svg{width: 18px;height: 18px}.site-footer{border-top: 1px solid var(--line);background: #05080D;padding: 64px 0 28px;margin-top: 0}.footer-top{display: grid;grid-template-columns: 1.4fr repeat(3,1fr);gap: 32px;padding-bottom: 44px}@media (max-width: 900px){.footer-top{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: 1 / -1}}.footer-brand img{height: 44px;width: auto;margin-bottom: 16px}.footer-brand p{color: var(--text-3);font-size: 14.5px;max-width: 340px}.footer-brand .tag{font-family: var(--font-display);font-weight: 700;color: #fff;font-size: 17px;margin-bottom: 6px}.footer-col h3{font-size: 13px;text-transform: uppercase;letter-spacing: .12em;color: var(--text-2);margin-bottom: 14px}.footer-col ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 10px}.footer-col a{color: var(--text-3);font-size: 14.5px}.footer-col a:hover{color: #fff}.footer-legal{border-top: 1px solid var(--line);padding-top: 24px;display: grid;gap: 16px}.footer-legal .disclaimer{font-size: 12.5px;color: var(--text-3);line-height: 1.65;max-width: 1000px}.footer-legal .disclaimer b{color: var(--text-2)}.footer-bottom{display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap;font-size: 13px;color: var(--text-3)}.footer-bottom a{color: var(--text-3)}.reveal{opacity: 0;transform: translateY(18px);transition: opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity: 1;transform: none}.no-js .reveal{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important;scroll-behavior: auto !important}.reveal{opacity: 1;transform: none}.pulse .trace{stroke-dashoffset: 0}}.notfound{text-align: center;padding: 120px 0 140px}.notfound .code{font-family: var(--font-mono);font-size: 14px;color: var(--cyan);letter-spacing: .2em}.notes-sub{margin: 18px 0 0;font-size: 14px}.notes-sub a{display: inline-flex;align-items: center;gap: 6px;color: var(--text-3);text-decoration: none}.notes-sub a:hover{color: var(--text-2)}.notes-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px}@media (max-width: 1000px){.notes-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.notes-grid{grid-template-columns: 1fr}}.notes-featured{margin-bottom: 18px}.notes-featured .note-card-link{display: grid;grid-template-columns: 1.1fr 1fr}.notes-featured .note-card-media{aspect-ratio: auto;height: 100%;min-height: 280px}.notes-featured .note-card-body{padding: 34px;justify-content: center;gap: 12px}.notes-featured .note-card-body h3{font-size: clamp(22px,2.4vw,30px)}.notes-featured .note-card-body p{-webkit-line-clamp: 4;font-size: 15.5px}@media (max-width: 780px){.notes-featured .note-card-link{grid-template-columns: 1fr}.notes-featured .note-card-media{min-height: 0;aspect-ratio: 640 / 336}.notes-featured .note-card-body{padding: 20px}}.note-card{position: relative;border-radius: var(--radius);border: 1px solid var(--line);background: var(--surface);overflow: hidden;transition: border-color .2s,transform .2s,box-shadow .2s}.note-card:hover{border-color: rgba(8,125,245,.45);transform: translateY(-3px);box-shadow: 0 24px 50px -28px rgba(8,125,245,.6)}.note-card-link{display: flex;flex-direction: column;height: 100%;color: inherit}.note-card-link:hover{text-decoration: none}.note-card-media{aspect-ratio: 640 / 336;background: linear-gradient(135deg,#0D131D,#121A27);overflow: hidden}.note-card-media img{width: 100%;height: 100%;object-fit: cover}.note-card-body{padding: 18px 18px 20px;display: flex;flex-direction: column;gap: 8px;flex: 1}.note-card-body h3{font-size: 18.5px;margin: 0;color: #fff;line-height: 1.25;letter-spacing: -.015em}.note-card-body p{font-size: 14px;color: var(--text-2);margin: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.note-card-meta{margin-top: auto;padding-top: 6px;font-size: 12.5px;color: var(--text-3)}.note-cat{font-size: 11.5px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--cyan)}.note-rows{display: grid;gap: 10px}.note-row{display: grid;gap: 4px;padding: 14px 16px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: inherit}.note-row:hover{border-color: rgba(8,125,245,.45);text-decoration: none}.note-row b{font-family: var(--font-display);font-weight: 600;color: #fff;font-size: 15.5px;line-height: 1.3}.note-row-meta{display: inline-flex;align-items: center;gap: 6px;font-size: 12.5px;color: var(--text-3)}.note-row-meta svg{width: 14px;height: 14px}.note-head{padding: 28px 0 8px;max-width: 920px}.note-tags{display: flex;gap: 8px;flex-wrap: wrap;margin: 20px 0 16px}.note-title{font-size: clamp(32px,4.2vw,52px);font-weight: 800;letter-spacing: -.03em;line-height: 1.08;margin: 0 0 18px}.note-byline{display: flex;flex-wrap: wrap;gap: 6px 18px;font-size: 14px;color: var(--text-3)}.note-byline a{color: var(--text-2)}.note-layout{display: grid;grid-template-columns: 236px minmax(0,1fr);gap: 56px;padding: 34px 0 64px}.note-toc-inner{position: sticky;top: calc(var(--header-h) + 24px);padding: 18px;border-radius: 14px;border: 1px solid var(--line);background: var(--bg-2)}.note-toc b{display: block;font-family: var(--font-display);font-size: 12.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--text-3);margin-bottom: 12px}.note-toc ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 9px}.note-toc li{font-size: 13.5px;line-height: 1.35}.note-toc a{color: var(--text-2);text-decoration: none}.note-toc a:hover{color: #fff}.note-main{max-width: 760px;min-width: 0}@media (max-width: 960px){.note-layout{grid-template-columns: 1fr;gap: 26px}.note-toc-inner{position: static}}.takeaways{border-radius: 16px;border: 1px solid rgba(2,213,239,.3);background: linear-gradient(180deg,rgba(2,213,239,.07),rgba(8,125,245,.04));padding: 22px 24px;margin-bottom: 36px}.takeaways h2{font-size: 14px;letter-spacing: .1em;text-transform: uppercase;color: var(--cyan);margin: 0 0 14px}.takeaways ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 11px}.takeaways li{display: grid;grid-template-columns: 20px 1fr;gap: 10px;color: var(--text);font-size: 15.5px;line-height: 1.5}.takeaways li svg{width: 18px;height: 18px;color: var(--cyan);margin-top: 3px}.note-prose{max-width: none}.note-prose > p:first-child{font-size: 18.5px;color: var(--text);line-height: 1.65}.note-prose h2,.note-faq h2,.note-refs h2{scroll-margin-top: calc(var(--header-h) + 20px)}.note-prose .table-wrap{margin: 22px 0 26px}.note-prose .data-table{min-width: 520px;font-size: 14px}.note-prose .data-table td{color: var(--text-2);vertical-align: top}.note-prose blockquote{margin: 22px 0;padding: 14px 18px;border-left: 3px solid var(--cyan);background: rgba(2,213,239,.06);border-radius: 0 12px 12px 0;color: var(--text-2)}.note-prose blockquote p:last-child{margin: 0}.note-prose code{font-family: var(--font-mono);font-size: .9em;background: rgba(255,255,255,.06);padding: 1px 6px;border-radius: 6px}.note-faq{margin-top: 52px}.note-faq h2,.note-refs h2{font-size: 26px;margin-bottom: 16px}.note-refs{margin-top: 48px}.note-refs ol{margin: 0;padding-left: 20px;display: grid;gap: 10px;font-size: 13.5px;color: var(--text-2);line-height: 1.55}.note-refs li{overflow-wrap: anywhere}.note-refs a{display: inline-flex;align-items: center;gap: 4px;white-space: nowrap}.note-refs svg{width: 13px;height: 13px}.note-main .ruo-box{margin-top: 40px}.pdp-section .faq summary{font-size: 15.5px;padding: 15px 18px}.pdp-section .faq .a{padding: 0 18px 16px;font-size: 14.5px}.note-toc a:not(.btn):not(.link-arrow){text-decoration: none}.note-toc a:not(.btn):not(.link-arrow):hover{color: #fff;text-decoration: underline;text-decoration-color: rgba(2,213,239,.55)}.notes-sub a:not(.btn):not(.link-arrow){white-space: nowrap;text-decoration: none;font-weight: 500}.notes-sub svg{width: 15px !important;height: 15px !important;flex-shrink: 0}