:root{--bg: #050706;--surface: #0b0f0d;--border: #18201c;--border-strong: #26302b;--text: #f4f6f5;--text-dim: #8e9792;--text-faint: #5a625e;--green: #00de73;--green-bright: #19e783;--green-hover: #2fbf7a;--green-dark: #05472a;--navy: #0e393c;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,p,ul,address{margin:0;padding:0;font-style:normal}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.label,.index,.status{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.label-accent{color:var(--green)}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.nav,.footer{display:flex;align-items:center;gap:24px;padding:0 32px}.nav{height:64px;border-bottom:1px solid var(--border)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap;letter-spacing:-.01em}.wordmark svg{color:var(--green)}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:500;color:var(--text-dim)}.nav-links a{transition:color .15s,border-color .15s}.nav-links a:hover{color:var(--text)}.nav-contact{padding:8px 18px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text)}.nav-links .nav-contact:hover{border-color:var(--green);color:var(--green)}.footer{flex-wrap:wrap;justify-content:space-between;row-gap:6px;min-height:56px;padding-block:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-faint)}.footer a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:600 15px var(--sans);transition:background .15s}.btn-accent{background:var(--green);color:#000}.btn-accent:hover{background:var(--green-bright)}.btn-disabled{background:transparent;border-color:var(--border-strong);color:var(--text-faint);cursor:not-allowed}@media (max-width: 720px){.nav,.footer{padding-inline:20px}.nav-links{gap:16px}.nav-links a[target]{display:none}}.split{flex:1;display:grid;grid-template-columns:1fr 1fr}.panel{position:relative;display:flex;flex-direction:column;gap:24px;padding:32px 48px 40px;overflow:hidden}.panel>*{position:relative}.panel-infra{border-right:1px solid var(--border)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel-infra:before{background:radial-gradient(ellipse 90% 60% at 0% 100%,rgba(0,222,115,.16),transparent 70%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(14,57,60,.55),transparent 70%)}.panel-nodes:before{background:radial-gradient(ellipse 80% 55% at 50% 35%,rgba(5,71,42,.35),transparent 70%)}.panel-head{display:flex;align-items:center;gap:14px}.index{color:var(--green)}.panel-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.panel-title{font-size:clamp(36px,min(4vw,7vh),56px);font-weight:700;line-height:1;letter-spacing:-.035em}.panel-copy{max-width:440px;font-size:17px;color:var(--text-dim)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;list-style:none}.tags li{padding:6px 12px;border:1px solid var(--border-strong);border-radius:999px;font-size:13px;color:var(--text-dim)}.panel>.btn{align-self:flex-start;min-width:200px}.panel-media{flex:1 1 0;min-height:96px;display:flex;justify-content:center}.panel-media img{width:auto;max-width:100%;height:100%;max-height:44vh;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}.panel-media-mark img{max-height:34vh;padding:2vh 0;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 24px 60px rgba(0,222,115,.25))}.product-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.product-title-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px}.price{font-size:clamp(22px,min(2.2vw,4vh),30px);font-weight:600;letter-spacing:-.02em}.status{color:var(--text);font-weight:500}@media (max-width: 900px){.panel-media{flex:none}.panel-media img{height:auto;max-height:240px}.split{grid-template-columns:1fr}.panel{padding:32px 20px 40px;gap:32px}.panel-infra{border-right:0;border-bottom:1px solid var(--border)}.panel-body{padding-block:24px}.panel>.btn{align-self:stretch}}@media (min-width: 901px){.page{height:100vh;height:100dvh}.split{min-height:0;grid-template-rows:auto minmax(0,1fr) auto auto auto auto auto;row-gap:16px}.panel{display:grid;grid-row:span 7;grid-template-rows:subgrid;min-height:0}.panel-body{display:contents}.panel-media{margin-block:8px}.panel>.btn{justify-self:start;margin-top:8px}}@media (prefers-reduced-motion: no-preference){:root{--ease-out: cubic-bezier(.16, 1, .3, 1)}.panel-infra{--d: .15s}.panel-nodes{--d: .3s}.nav{animation:drop-in .7s var(--ease-out) both}.panel:before{animation:fade-in 1.8s ease-out both;animation-delay:calc(var(--d) + .3s)}.panel-head,.product-top,.panel-title,.product-title-row,.panel-copy,.tags,.panel>.btn{animation:rise .8s var(--ease-out) both}.panel-head{animation-delay:var(--d)}.product-top{animation-delay:calc(var(--d) + .45s)}.panel-title,.product-title-row{animation-delay:calc(var(--d) + .52s)}.panel-copy{animation-delay:calc(var(--d) + .6s)}.tags{animation-delay:calc(var(--d) + .68s)}.panel>.btn{animation-delay:calc(var(--d) + .76s)}.panel-media-mark img{animation:mark-in 1.4s var(--ease-out) both;animation-delay:calc(var(--d) + .1s)}.panel-nodes .panel-media img{animation:node-in 1.4s var(--ease-out) both;animation-delay:calc(var(--d) + .1s)}.footer{animation:fade-in 1s ease-out both;animation-delay:1.2s}}@media (prefers-reduced-motion: no-preference) and (min-width: 901px){.panel-infra{border-right-color:transparent}.panel-infra:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--border);transform-origin:top;animation:draw-down 1.1s var(--ease-out) both;animation-delay:.2s}}@keyframes fade-in{0%{opacity:0}}@keyframes drop-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes draw-down{0%{transform:scaleY(0)}}@keyframes mark-in{0%{opacity:0;transform:scale(.7) rotate(-40deg);filter:blur(12px) drop-shadow(0 24px 60px rgba(0,222,115,0))}}@keyframes node-in{0%{opacity:0;transform:translateY(32px) scale(.94);filter:blur(10px)}}.tags .tag-action{padding:0;border:0}.sunset-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px dashed var(--border-strong);border-radius:999px;background:transparent;font:400 13px var(--sans);color:var(--text-faint);cursor:pointer;transition:color .15s,border-color .15s}.sunset-badge:hover,.sunset-badge:focus-visible{color:var(--text-dim);border-color:var(--text-faint);outline:none}.sunset-dialog{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);color:var(--text)}.sunset-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sunset-card{display:grid;gap:12px;padding:28px}.sunset-card h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}.sunset-card p{color:var(--text-dim);font-size:15px}.sunset-card a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.sunset-card .btn{justify-self:start;height:40px;margin-top:8px}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text);cursor:pointer}.btn-ghost:hover{border-color:var(--text-dim)}@media (prefers-reduced-motion: no-preference){.sunset-dialog[open]{animation:dialog-in .35s cubic-bezier(.16,1,.3,1)}.sunset-dialog[open]::backdrop{animation:backdrop-in .35s ease-out}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes backdrop-in{0%{opacity:0}}