@font-face{font-family:Sora;src:url('/assets/fusion/assets/font-8.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:JetBrains;src:url('/assets/fusion/assets/font-3.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#080a0e;--text:#f5f5f5;--muted:#a1a1aa;--line:#272a30;--accent:#a6bad5;--mono:JetBrains,ui-monospace,SFMono-Regular,Consolas,monospace;--heading:Sora,Arial,sans-serif;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit}a:focus-visible,[tabindex]:focus-visible{outline:2px solid #b7c9e1;outline-offset:6px;border-radius:3px}::selection{background:#4a5b74;color:#fff}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;left:16px;top:10px;z-index:20;padding:12px 18px;background:#fff;color:#080a0e;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto}.particle-atmosphere{position:absolute;inset:0 0 auto;height:min(1100px,100vh);pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#ffffff14,transparent 46%);opacity:.8;z-index:0}
main,.site-footer{position:relative}.hero{position:relative;isolation:isolate;min-height:610px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;padding-top:80px;padding-bottom:75px}.hero-copy{min-width:0;position:relative;z-index:2}.eyebrow{font:9px/1.8 var(--mono);letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0 0 27px}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#c5cfdd}.hero h1{font:600 clamp(70px,8.4vw,116px)/1.18 var(--heading);letter-spacing:-.075em;margin:0 0 20px}.hero-statement{font:600 clamp(23px,2.1vw,31px)/1.45 var(--heading);letter-spacing:-.045em;margin:0 0 20px}.hero-description{font:12px/2 var(--mono);color:var(--muted);max-width:50ch;margin:0 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:0 20px;border-radius:4px;font-size:12px}.button.primary{background:#f5f5f5;color:#0e1117;border:1px solid #f5f5f5}.button.primary:hover{background:#dce2eb}.button.quiet{color:#bcbfc7;padding-inline:16px}.button.quiet:hover{color:#fff}.arrow{width:17px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0}
.activity{position:relative;border-top:1px solid var(--line);padding-top:18px;padding-bottom:30px}.activity-caption{display:flex;justify-content:space-between;gap:14px;font:9px/1.8 var(--mono);color:var(--muted);margin-bottom:20px}.activity-caption time{white-space:nowrap;color:#b5bbc5}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.metric{padding:0 30px;min-width:0}.metric:first-child{padding-left:0}.metric:last-child{padding-right:0}.metric+.metric{border-left:1px solid var(--line)}.metric dt{display:flex;gap:9px;font:10px/1.7 var(--mono);color:#b7bdc8;min-height:20px}.metric dt svg{width:17px;height:17px;flex-shrink:0;color:#bbc7d8}.metric dd{position:relative;margin:9px 0 0;font:400 30px/1.25 var(--mono);letter-spacing:-.055em;font-variant-numeric:tabular-nums;min-height:38px}.count-ink{position:absolute;inset:0;pointer-events:none}.type-system .metrics[data-count-state=counting] .count-source{color:transparent}
.type{position:relative}.type-source{white-space:inherit}.type-ink{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none;color:inherit}.type-system .type>.type-source{color:inherit}.type-cursor{display:inline-block;width:0;position:relative;pointer-events:none;vertical-align:baseline}.type-cursor:after{content:'';position:absolute;left:.08em;background:currentColor}.type-cursor.vertical{height:.72em}.type-cursor.vertical:after{bottom:-.025em;width:clamp(3px,.065em,6px);height:100%}.type-cursor.underscore:after{bottom:-.1em;width:.58em;height:max(2px,.07em)}.cursor-finished{animation:cursor-blink .22s step-end 1}@keyframes cursor-blink{50%{opacity:0}}
.section{padding-top:65px;padding-bottom:70px;border-bottom:1px solid var(--line)}.section-intro>.eyebrow{margin-bottom:17px}.section-intro>h2{font:600 clamp(27px,3.1vw,40px)/1.4 var(--heading);letter-spacing:-.05em;margin:0 0 15px;max-width:24ch}.section-description{font:12px/1.95 var(--mono);color:var(--muted);max-width:66ch;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px}.product{position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;align-items:flex-start;min-height:420px;padding:26px 24px 20px;border:1px solid #3a414c;border-radius:7px;overflow:hidden;background:#11161d;transition:opacity .16s,transform .16s}.product-art{position:absolute;inset:0;z-index:-2;pointer-events:none}.product-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080a0e12 0%,#080a0e25 20%,#080a0ed0 46%,#080a0edc 100%)}.product-photo{width:100%;height:100%;object-fit:cover;object-position:50% 20%;opacity:.9}.product-top{display:flex;justify-content:space-between;width:100%;min-height:100px;margin-bottom:auto;color:#eef0f4}.product-symbol{font-size:24px;line-height:1}.index{font:10px var(--mono);color:#bcc2ce}.status{font:8px/1.8 var(--mono);letter-spacing:.06em;color:#d2d7e0;margin-top:17px}.status.available{color:#c3d3e9}.status.available:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}.product h3{font:600 22px/1.5 var(--heading);letter-spacing:-.045em;margin:8px 0 12px;max-width:100%}.product p{font:11px/1.95 var(--mono);color:#c9cdd6;margin:0 0 14px;min-height:85px;width:100%}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;min-height:44px}.text-link:hover{color:#c3d3e9}.product .text-link{width:100%;margin-top:auto}.type-system .product{opacity:1;transform:none;pointer-events:auto}.type-system .product:focus-within{opacity:1;transform:none;pointer-events:auto}
.technology{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;padding-bottom:28px}.technology .section-intro>h2{max-width:19ch}.technology .section-description{max-width:37ch}.technology .section-intro>.text-link{margin-top:22px}.principles{list-style:none;padding:0;margin:0}.principles li{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:0 0 24px}.principles li+li{border-top:1px solid var(--line);padding-top:24px}.principles .index{padding-top:5px;color:#939cae}.principles h3{font:600 16px/1.5 var(--heading);letter-spacing:-.025em;margin:0 0 10px}.principles p{font:11px/1.95 var(--mono);color:var(--muted);margin:0}.limit{grid-column:1/-1;font:10px/1.8 var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin:22px 0 0}
.site-footer{padding-top:45px}.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:32px;padding-bottom:38px}.brand{display:inline-flex;gap:9px;align-items:center}.brand b{font:600 19px var(--heading);letter-spacing:-.9px}.brand b>span{color:var(--accent)}.footer-brand p{font:10px/1.9 var(--mono);color:var(--muted);max-width:35ch;margin:15px 0 20px}.prototype-label{font:8px/1.7 var(--mono);letter-spacing:.08em;color:#a1a1aa}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.footer-main h2{font:400 11px var(--mono);margin:6px 0 12px}.footer-main nav a{font-size:11px;line-height:2;min-height:30px;color:var(--muted)}.footer-main nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 30px;border-top:1px solid var(--line);font:9px/1.8 var(--mono);color:var(--muted)}.footer-bottom a{display:inline-flex;align-items:center;gap:6px;min-height:30px}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{grid-template-columns:1.15fr 1fr;min-height:570px;padding-top:65px;gap:10px}.hero-description{font-size:11px}.hero-statement{font-size:23px}.product{padding:22px 17px;min-height:430px}.product h3{font-size:18px}.product p{font-size:10px;min-height:110px}.technology{column-gap:40px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:55px;gap:20px}.hero h1{font-size:clamp(62px,13.5vw,96px);margin-bottom:13px}.eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:22px}.hero-statement{font-size:24px;margin-bottom:17px}.hero-description{font-size:11px;line-height:2;max-width:49ch;margin-bottom:25px}.button{font-size:11px;padding-inline:16px;gap:20px;min-height:46px}.hero-actions{gap:6px}.concept-globe .hero{padding-bottom:30px}.activity{padding-top:16px;padding-bottom:22px}.activity-caption{font-size:8px;margin-bottom:18px}.metric,.metric:first-child,.metric:last-child{padding-inline:10px}.metric:first-child{padding-left:0}.metric:last-child{padding-right:0}.metric dt{font-size:8px;gap:5px;align-items:flex-start;min-height:39px}.metric dt svg{width:13px;height:13px;margin-top:2px}.metric dd{font-size:25px;min-height:32px;margin-top:6px}.section{padding-top:52px;padding-bottom:48px}.section-intro>h2{font-size:28px;max-width:23ch}.section-description{font-size:11px;max-width:48ch}.product-grid{grid-template-columns:1fr;margin-top:28px;gap:17px}.product{min-height:365px;padding:24px 23px 18px}.product-top{min-height:90px;margin-bottom:26px}.product .status{margin-top:6px}.product h3{font-size:23px}.product p{min-height:0;font-size:11px;max-width:48ch;margin-bottom:10px}.product .text-link{margin-top:10px}.technology{grid-template-columns:1fr;gap:30px}.technology .section-intro>h2{max-width:24ch}.technology .section-description{max-width:45ch}.technology .section-intro>.text-link{margin-top:12px}.principles li{grid-template-columns:23px 1fr;gap:13px}.limit{grid-column:auto;margin-top:0;font-size:9px}.site-footer{padding-top:34px}.footer-main{grid-template-columns:1fr 1fr;gap:27px 20px;padding-bottom:26px}.footer-brand{grid-column:1/-1}.footer-main nav a{min-height:35px;font-size:12px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;font-size:8px}.footer-bottom a{font-size:9px}}
@media(max-width:359px){.shell{width:calc(100% - 32px)}.hero h1{font-size:60px}.hero-statement{font-size:21px}.button{font-size:10px;padding-inline:12px;gap:17px}.hero-actions{gap:3px}.metric dd{font-size:22px}.metric dt{font-size:7px}.section-intro>h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.type-system .type>.type-source,.type-system .metrics .count-source{color:inherit}.type-ink,.count-ink{display:none}.type-system .product{opacity:1!important;transform:none!important;pointer-events:auto}}
@media(max-width:760px){.particle-atmosphere{background-image:radial-gradient(ellipse at 50% 0%,#ffffff12,transparent 50%)}}

/* The unframed brand sculpture sits in the approved particle background's hollow. */
.concept-logo .particle-atmosphere{opacity:.4}
.brand-art{margin:0 -36px 0 -12px;min-width:0;position:relative;align-self:center}
.brand-stage{position:relative;width:100%;aspect-ratio:1;pointer-events:none}
.brand-fallback,.brand-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.brand-stage[data-logo-state=ready] .brand-fallback{visibility:hidden}
.brand-art figcaption{height:22px;text-align:center;margin-top:-15px}
.rotation-toggle{border:0;background:none;color:#a1a1aa;font:8px/1.8 var(--mono);padding:4px 8px;cursor:pointer}
.rotation-toggle:hover{color:#f5f5f5}.rotation-toggle:focus-visible{outline:2px solid #b7c9e1;outline-offset:3px}
.product-symbol svg{width:25px;height:25px}.product-ai .product-photo{object-fit:cover;object-position:50% 25%}
@media(max-width:760px){.brand-art{width:min(100%,440px);justify-self:center;margin:-16px 0 -12px}.concept-logo .hero{padding-bottom:32px;gap:12px}}

.inspector-review{max-width:840px;padding-block:36px 80px}.inspector-review h1{font:600 clamp(32px,5vw,55px)/1.2 var(--heading);letter-spacing:-.05em}.inspector-review p{color:var(--muted);line-height:1.8}.inspector-review label{display:block;margin:28px 0 12px}.inspector-review input{display:block;width:100%;background:#10141b;border:1px solid #383f4a;border-radius:4px;color:#f5f5f5;padding:16px;font:14px var(--mono);margin-bottom:16px}.inspector-review #urlResult{margin-top:28px}.inspector-review .fact{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.inspector-review dd{margin:0;overflow-wrap:anywhere;font:12px/1.8 var(--mono)}.inspector-review .signal{padding:16px;border:1px solid var(--line);line-height:1.8;margin:12px 0}.inspector-review .review{border-color:#7c6333;color:#ead5a7}.inspector-review small{display:block;color:var(--muted);line-height:1.8;margin-top:12px}
@media(min-width:761px) and (max-width:1050px){.brand-art{margin:0}}

.upgrade-link{font:9px/1.8 var(--mono);color:#c3d3e9;padding:4px 0}.upgrade-link:hover{color:#fff}.review-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0}.review-facts dt{font:600 clamp(22px,4vw,38px)/1.4 var(--heading)}.review-facts dd{font:10px/1.8 var(--mono);color:var(--muted);margin:6px 0}.inspector-review li{line-height:1.9;color:#bec3cd;margin-bottom:14px}.inspector-review h2{font:600 21px/1.5 var(--heading);margin-top:35px}

/* Approved Precision navigation, isolated from legacy product styles. */
.precision-nav{position:relative;z-index:30;background:#080a0ee8;border-bottom:1px solid #272a30;backdrop-filter:blur(16px)}
.precision-nav-inner{width:min(1280px,calc(100% - 72px));min-height:69px;margin:auto;display:flex;align-items:center;gap:30px}
.precision-nav-brand{display:flex;align-items:center;gap:9px;color:#f5f5f5;font:600 16px/1.2 Sora,Arial,sans-serif;white-space:nowrap}
.precision-nav-brand img{width:27px;height:29px}
.precision-nav-links{display:flex;align-items:center;gap:25px;margin-left:auto}
.precision-nav-links a,.precision-nav-mobile a{font:12px/1.5 Arial,sans-serif;color:#bac0ca}
.precision-nav-links a:hover,.precision-nav-links a:focus-visible,.precision-nav-mobile a:hover{color:#fff}
.precision-nav-scan{padding:11px 15px;border:1px solid #57606c;border-radius:7px;font:600 11px/1.2 Arial,sans-serif;white-space:nowrap}
.precision-nav-scan:hover{background:#1b222d}
.precision-nav-mobile{display:none;position:relative;margin-left:auto}
.precision-nav-mobile summary{cursor:pointer;border:1px solid #505864;padding:10px 13px;border-radius:7px;font:600 11px Arial,sans-serif}
.precision-nav-mobile nav{position:absolute;right:0;top:calc(100% + 10px);width:min(80vw,240px);display:grid;gap:0;border:1px solid #343941;background:#11151b;box-shadow:0 20px 40px #0008;border-radius:9px;padding:7px;z-index:45}
.precision-nav-mobile nav a{padding:10px 12px;border-radius:4px}
.metric-clarification{font:10px/1.7 var(--mono);color:#9097a4;margin-top:15px}
@media(max-width:920px){.precision-nav-inner{width:min(100% - 36px,1280px);gap:16px}.precision-nav-links{display:none}.precision-nav-mobile{display:block}.precision-nav-scan{margin-left:auto}}
@media(max-width:460px){.precision-nav-inner{min-height:60px;width:calc(100% - 24px)}.precision-nav-scan{font-size:10px;padding:10px}.precision-nav-brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){.precision-nav *{animation:none!important;transition:none!important}}


/* Sequential coding typography: homepage only. Reuse the bundled JetBrains Mono. */
.precision-home [data-type]{font-family:var(--mono)!important}
.precision-home .hero h1{font-size:clamp(52px,11vw,102px);letter-spacing:-.065em}
.precision-home #navbar .mg-brand,.precision-home #navbar .mg-primary-links a,.precision-home #navbar .nav-download{font-family:var(--mono)!important}
/* Navigation, marks and copy stay visible on the first paint. The typewriter updates state without blanking the page. */
.precision-home #navbar,.precision-home #navbar :is(.nav-icon,.menu-btn,.type-link),.precision-home .mg-brand img{opacity:1;visibility:visible;pointer-events:auto}
.precision-home .type-cursor.vertical{height:.9em}
.precision-home .type-cursor.vertical:after{width:3px;height:100%;bottom:-.05em;left:.1em;animation:mg-coding-caret .85s steps(1,end) infinite}
@keyframes mg-coding-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.precision-home .type-cursor.vertical:after{animation:none!important}}

/* #050507 and the vector stars paint with CSS. The 4K plate is a later layer. */
body.precision-home{background-color:#050507;background-image:radial-gradient(ellipse at 50% 118%,rgba(255,255,255,.2),transparent 34%),url('/assets/precision/stars.svg?v=20261028-4k'),linear-gradient(180deg,rgba(5,5,7,.08),rgba(5,5,7,.45)),url('/assets/precision/obsidian-space.webp?v=20261028-4k');background-size:auto,cover,auto,cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll}


.gta-vi-badge{display:inline-flex;margin-top:.7rem;align-items:center;border:1px solid #8654c8;border-radius:999px;background:#4b2075;color:#f5edff;padding:.35em .75em;font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.04em;text-decoration:none}
/* Preserve geometry and accessible source text while each visual is drawn once. */
@media (prefers-reduced-motion: no-preference){
 .type-system body.precision-home #navbar :is(.mg-brand,.mg-primary-links a,.nav-download):not(.type-link){color:transparent}
 .type-system body.precision-home .type:is([data-type-state=pending],[data-type-state=typing],[data-type-state=paused]) > .type-source{color:transparent}
 .type-system body.precision-home .type.typing > .type-ink{height:auto;overflow:visible;clip-path:none;white-space:inherit;color:inherit}
 .type-system body.precision-home .type-link:focus-visible > .type-source{color:inherit}
 .type-system body.precision-home .type-link:focus-visible > .type-ink{display:none}
 .type-system body.precision-home .metrics:is([data-count-state=pending],[data-count-state=counting],[data-count-state=paused]) .count-source{color:transparent}
 .type-system body.precision-home [data-reveal=visual][data-reveal-state=pending]{opacity:0}
 .type-system body.precision-home [data-reveal=visual]:is([data-reveal-state=active],[data-reveal-state=paused]){animation:precision-visual-draw .56s ease-out both}
 @keyframes precision-visual-draw{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
}



/* Strict serial content reveal, 2026-10-30.
   Cards are individual queue entries; their artwork and text follow in DOM
   order, instead of showing the three product cards at the same moment.
   Keep page geometry reserved to avoid visual layout shift. */
@media (prefers-reduced-motion:no-preference){
 .type-system body.precision-home .product[data-reveal="card"][data-reveal-state="pending"]{
  opacity:0;
 }
 .type-system body.precision-home .product[data-reveal="card"]:is([data-reveal-state="active"],[data-reveal-state="paused"]){
  animation:precision-card-serial-in .125s ease-out both;
 }
 @keyframes precision-card-serial-in{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:none}
 }
}

/* Interrupted jobs retain partial text and frozen visual progress while
   offscreen; bringing them back into view resumes without a new animation. */
@media (prefers-reduced-motion:no-preference){
 .type-system body.precision-home .type[data-type-state="paused"] > .type-ink{
  height:auto;overflow:visible;clip-path:none;white-space:inherit;color:inherit;
 }
 .type-system body.precision-home .type[data-type-state="paused"] .type-cursor{visibility:hidden}
 .type-system body.precision-home [data-reveal=visual][data-reveal-state=paused],
 .type-system body.precision-home .product[data-reveal=card][data-reveal-state=paused]{
  animation-play-state:paused;
 }
}