.eng{isolation:isolate;background:radial-gradient(55% 60% at 100% 100%, color-mix(in srgb, var(--cyan,#0497d9) 9%, transparent), transparent 62%), var(--void-2,#071121);border-top:1px solid var(--line,#78afd724);color:var(--ink,#d7e6f2);padding:clamp(44px,6.5vw,84px) 0;position:relative;overflow:hidden}.eng:before{content:"";z-index:0;pointer-events:none;background-image:var(--fig-dust);background-size:var(--fig-dust-size);mix-blend-mode:var(--fig-blend,normal);opacity:calc(.6 * var(--fig-op,1));position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90% at 100% 100%,#000 20%,#0000 75%);mask-image:radial-gradient(90% 90% at 100% 100%,#000 20%,#0000 75%)}.eng-inner{z-index:1;max-width:1200px;margin:0 auto;padding-inline:16px;position:relative}.eng-panel{border:1px solid var(--line-str,#78afd747);background:radial-gradient(60% 90% at 0% 0%, color-mix(in srgb, var(--cyan,#0497d9) 10%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--panel-2,#0c1c30) 92%, transparent), color-mix(in srgb, var(--panel,#0a1626) 92%, transparent));clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));position:relative}.eng-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--cyan-br,#5cd6ff) 28%, color-mix(in srgb, var(--cyan-br,#5cd6ff) 25%, transparent) 72%, transparent);opacity:.8;height:1px;position:absolute;top:0;left:0;right:0}.eng-hud{border-bottom:1px solid var(--line,#78afd724);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint,#7d97ad);background:color-mix(in srgb, var(--void,#04080f) 35%, transparent);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 30px 9px 18px;font-size:9.5px;font-weight:600;display:flex}.eng-hud-v{color:var(--cyan-br,#5cd6ff);align-items:center;gap:8px;display:inline-flex}.eng-hud-dot{background:currentColor;width:5px;height:5px}.eng-body{gap:28px;padding:clamp(22px,3vw,36px);display:grid}.eng-bracket{pointer-events:none;border:1px solid var(--cyan,#0497d9);opacity:.6;width:12px;height:12px;position:absolute}.eng-bracket--tl{border-bottom:0;border-right:0;top:44px;left:8px}.eng-bracket--br{border-top:0;border-left:0;bottom:8px;right:8px}.eng-copy{min-width:0}.eng-eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint,#7d97ad);align-items:center;gap:10px;margin:0 0 14px;font-size:10.5px;font-weight:600;display:flex}.eng-eyebrow:before{content:"";background:var(--cyan,#0497d9);flex:none;width:22px;height:1px}.eng-heading{font-family:var(--font-display,system-ui, sans-serif);letter-spacing:.01em;text-transform:uppercase;color:var(--ink,#d7e6f2);margin:0 0 14px;font-size:clamp(1.7rem,3.6vw,2.75rem);font-weight:600;font-stretch:75%;line-height:.98}.eng-row{display:block}.eng-row--accent{color:var(--cyan-br,#5cd6ff);text-shadow:0 0 26px #0497d966}:root[data-theme=light] .eng-row--accent{text-shadow:none}.eng-text{max-width:58ch;color:var(--ink-dim,#8ba6bd);margin:0 0 22px;font-size:.98rem;line-height:1.68}.eng-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.eng-btn{clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);border:1px solid var(--cyan,#0497d9);min-height:50px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--on-accent,#04080f);background:linear-gradient(180deg, var(--accent-hi,#22aee4), var(--cyan,#0497d9));justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .24s,filter .24s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 0 20px #5cd6ff33}.eng-btn:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff61 48%,#0000 66%);transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-120%)}.eng-btn-label,.eng-btn-k{z-index:1;position:relative}.eng-btn:hover{color:var(--on-accent,#04080f);filter:brightness(1.08);transform:translateY(-2px)}.eng-btn:hover:before{transform:translate(120%)}.eng-btn:focus-visible{outline:2px solid var(--cyan-br,#5cd6ff);outline-offset:3px}.eng-btn-k{transition:transform .22s}.eng-btn:hover .eng-btn-k{transform:translate(4px)}:root[data-theme=light] .eng-btn{box-shadow:0 2px 12px #0176a838,inset 0 1px #ffffff2e}:root[data-theme=light] .eng-btn:hover{filter:none;background:linear-gradient(180deg, var(--cyan,#0176a8), #015d85)}.eng-list{min-width:0}.eng-list-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint,#7d97ad);align-items:center;gap:10px;margin:0 0 10px;font-size:10px;font-weight:600;display:flex}.eng-list-label:after{content:"";background:var(--line,#78afd724);flex:1;height:1px}.eng-tiles{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.eng-tiles li{min-width:0}.eng-tile{border:1px solid var(--line,#78afd724);background:color-mix(in srgb, var(--void,#04080f) 38%, transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);height:100%;color:var(--ink,#d7e6f2);transform-origin:50% 100%;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"glyph label top";align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .24s,background .24s,transform .3s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.eng-tile:before{content:"";background:var(--cyan-br,#5cd6ff);height:2px;box-shadow:0 0 10px var(--cyan,#0497d9);transform-origin:0;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.eng-tile-top{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;color:var(--ink-faint,#7d97ad);grid-area:top;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.eng-tile-k{transition:transform .24s,color .24s}.eng-glyph{fill:none;width:30px;height:30px;stroke:var(--cyan-br,#5cd6ff);stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;grid-area:glyph;overflow:visible}.eng-glyph>*{stroke-dasharray:1;stroke-dashoffset:0}.eng-tile-label{font-family:var(--font-display,system-ui, sans-serif);letter-spacing:.02em;text-transform:uppercase;grid-area:label;font-size:1.08rem;font-weight:600;font-stretch:75%;line-height:1.1}.eng-tile-sub{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;text-transform:none;color:var(--ink-faint,#7d97ad);margin-top:6px;font-size:11px;font-weight:400;font-stretch:100%;line-height:1.4;display:block}.eng-tile:hover{border-color:var(--cyan,#0497d9);background:color-mix(in srgb, var(--cyan,#0497d9) 9%, transparent)}.eng-tile:hover:before{transform:scaleX(1)}.eng-tile:hover .eng-tile-k{color:var(--cyan-br,#5cd6ff);transform:translate(4px)}.eng-tile:hover .eng-glyph>*{animation:.9s cubic-bezier(.65,0,.35,1) both eng-draw}.eng-tile:hover .eng-glyph>:nth-child(2n){animation-delay:80ms}.eng-tile:hover .eng-glyph>:nth-child(3n){animation-delay:.16s}.eng-tile:focus-visible{outline:2px solid var(--cyan-br,#5cd6ff);outline-offset:2px}@keyframes eng-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes eng-blink{0%,to{opacity:1}50%{opacity:.25}}@media (min-width:560px){.eng-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.eng-tile{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""glyph""label";align-items:start;gap:12px;min-height:132px;padding:14px 14px 16px}.eng-tile-top{justify-content:space-between}.eng-glyph{width:34px;height:34px}}@media (min-width:980px){.eng-body{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;column-gap:clamp(32px,4.5vw,64px)}}@media (max-width:520px){.eng-btn{width:100%}.eng-hud{padding-right:26px}}:root[data-tier=premium] .eng-hud-dot{animation:1.4s steps(2,jump-none) infinite eng-blink}@media (hover:hover) and (pointer:fine){:root[data-tier=premium] .eng-tiles li{perspective:700px}:root[data-tier=premium] .eng-tile:hover{transform:translateY(-4px)rotateX(7deg)}:root[data-tier=standard] .eng-tile:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.eng-btn,.eng-btn:before,.eng-btn-k,.eng-tile,.eng-tile:before,.eng-tile-k{transition:none}.eng-btn:hover,:root[data-tier] .eng-tile:hover{transform:none}.eng-tile:hover .eng-glyph>*,:root[data-tier] .eng-hud-dot{animation:none}}
