:root{--bg:#0a0e16;--bg-elev:#0f1521;--card:#141b28;--surface:#0a0e16;--surface-2:#0f1521;--surface-3:#0f1521;--line:#ffffff14;--border-strong:#ffffff29;--ink:#e7ecf5;--ink-2:#b6c0d2;--muted:#8b95a9;--deep:#0a0e16;--deep-2:#0f1521;--accent:#6c8cff;--accent-2:#22d3ee;--accent-3:#a78bfa;--accent-soft:#8fb3ff;--green:#6c8cff;--green-2:#6c8cff24;--blue:#22d3ee;--amber:#a78bfa;--red:#f87171;--shadow:0 24px 60px -28px #000000d9;--glow:0 18px 44px -20px #22d3ee66;--grad:linear-gradient(135deg, var(--accent), var(--accent-2));--font-display:"Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--deep);min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink)}p{color:var(--muted)}::selection{color:#fff;background:#6c8cff52}.grad-text{background:linear-gradient(120deg, var(--accent), var(--accent-2) 60%, var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}#root{min-height:100vh}.site-shell{background:var(--surface);min-height:100vh}.section-inner{width:min(1180px,100% - 40px);margin:0 auto}.site-header>*,.section-inner>*,.hero-inner,.media-copy,.split-layout>*,.media-feature>*,.diagram-layout>*,.comparison-preview>*,.contact-layout>*,.page-hero-grid>*,.footer-inner>*{min-width:0}.hero-inner h1,.hero-copy,.section-intro h2,.split-layout h2,.media-copy h2,.comparison-preview h2,.contact-layout h2,.page-hero h1,.feature-card h3,.faq-item h3,.step-card h3,.metric-card strong,.comparison-row>*,.button span,.header-cta span,.footer-links a,.text-link span{overflow-wrap:anywhere}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(140%)blur(16px);backdrop-filter:saturate(140%)blur(16px);background:#0a0e16b8;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:70px;padding:0 max(20px,50vw - 590px);display:grid;position:sticky;top:0}.brand{min-width:max-content;color:var(--ink);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:url(/fuxgate-icon.png) 50%/contain no-repeat;border-radius:8px;width:32px;height:32px;display:inline-block;box-shadow:0 8px 18px #10201c24}.site-nav{color:var(--ink-2);justify-content:center;align-items:center;gap:22px;font-size:.94rem;font-weight:650;display:flex}.site-nav a,.footer-links a,.text-link{text-decoration:none}.site-nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--green)}.header-cta,.button,.text-link,.footer-links a{justify-content:center;align-items:center;gap:8px;display:inline-flex}.header-cta,.button{white-space:nowrap;border-radius:8px;min-height:42px;font-weight:800;text-decoration:none}.header-cta{color:var(--ink);border:1px solid var(--border-strong);background:#ffffff0a;padding:0 14px;transition:border-color .18s,background .18s}.header-cta:hover{border-color:var(--accent);background:#6c8cff1f}.button{padding:0 18px}.button-primary{color:var(--deep);background:var(--grad);box-shadow:0 0 0 1px #6c8cff66,0 14px 30px -12px #6c8cffb3}.button-secondary{color:var(--ink);border:1px solid var(--border-strong);background:#ffffff0a}.button-secondary:hover{border-color:var(--accent)}.button-on-image,.button-on-ink{color:#f6fff8;background:#ffffff1a;border-color:#ffffff6b}.button-row,.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-section{background:var(--deep);align-items:center;min-height:min(760px,74vh);display:grid;position:relative;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{background:linear-gradient(90deg,#10201ceb,#10201c8f 47%,#10201c1f),url(/images/evaluation-flow.jpg) 100%/cover no-repeat;transform:scale(1.02)}.hero-overlay{background:linear-gradient(#10201c1f,#10201cb8),radial-gradient(circle at 68% 28%,#dff5e82e,#0000 24%)}.hero-inner{z-index:1;padding:92px 0 118px;position:relative}.hero-inner h1{color:#f8fff9;max-width:760px;margin:10px 0 18px;font-size:clamp(4rem,9vw,8.2rem);font-weight:900;line-height:.92}.hero-copy{color:#f8fff9db;max-width:740px;margin-bottom:28px;font-size:clamp(1.08rem,2vw,1.34rem);line-height:1.55}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900}.hero-section .eyebrow,.section-ink .eyebrow,.section-contact .eyebrow{color:var(--accent-soft)}.proof-bar{z-index:2;margin-top:-56px;position:relative}.proof-grid{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.proof-item{border-right:1px solid var(--line);gap:6px;min-height:112px;padding:24px;display:grid}.proof-item:last-child{border-right:0}.proof-item strong{color:var(--ink);font-size:1.28rem}.proof-item span{color:var(--muted);line-height:1.45}.section{padding:88px 0}.section-light{background:var(--surface)}.section-warm{background:var(--surface-3)}.section-accent{background:var(--green-2)}.section-ink,.section-contact{background:var(--deep);color:#f8fff9}.section-ink h2,.section-ink h3,.section-contact h2{color:#f8fff9}.section-ink p,.section-contact p{color:#f8fff9c7}.section-intro{max-width:760px;margin-bottom:34px}.section-intro h2,.split-layout h2,.media-copy h2,.comparison-preview h2,.contact-layout h2{font-size:clamp(2rem,4vw,3.35rem);font-weight:880;line-height:1.04}.section-intro p,.split-layout p,.media-copy p,.comparison-points p,.contact-layout p{margin-top:14px;font-size:1.06rem;line-height:1.66}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid-tight{grid-template-columns:repeat(2,1fr)}.feature-card,.faq-item,.metric-card,.step-card{border:1px solid var(--line);background:var(--card);border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover,.faq-item:hover,.metric-card:hover,.step-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.feature-card,.faq-item,.step-card{padding:24px}.feature-card h3,.faq-item h3,.step-card h3{margin:18px 0 10px;font-size:1.18rem}.feature-card p,.faq-item p,.step-card p{line-height:1.6}.feature-card-dark{background:#ffffff14;border-color:#ffffff2e}.icon-box{color:#fff;background:var(--grad);border-radius:11px;place-items:center;width:44px;height:44px;display:inline-grid;box-shadow:0 10px 22px -10px #6c8cffcc}.screenshot-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.screenshot-card,.image-frame,.page-hero-image{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:12px;margin:0;overflow:hidden}.screenshot-card img{aspect-ratio:16/9;object-fit:cover;object-position:top left;width:100%}.screenshot-card figcaption,.image-frame figcaption{color:var(--muted);gap:6px;padding:16px 18px;line-height:1.45;display:grid}.screenshot-card figcaption strong{color:var(--ink)}.split-layout,.media-feature,.diagram-layout,.comparison-preview,.contact-layout,.page-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px;display:grid}.architecture-diagram{background:linear-gradient(135deg,#ffffff17,#ffffff05),repeating-linear-gradient(0deg,#ffffff0d,#ffffff0d 1px,#0000 1px 34px),repeating-linear-gradient(90deg,#ffffff0d,#ffffff0d 1px,#0000 1px 34px);border:1px solid #ffffff2e;border-radius:8px;min-height:420px;position:relative;overflow:hidden}.section-warm .architecture-diagram{background:linear-gradient(135deg,#6c8cff1a,#22d3ee14),repeating-linear-gradient(0deg,#ffffff0d,#ffffff0d 1px,#0000 1px 34px),repeating-linear-gradient(90deg,#ffffff0d,#ffffff0d 1px,#0000 1px 34px)}.diagram-node{z-index:2;background:var(--card);border:1px solid var(--border-strong);border-radius:10px;gap:6px;width:min(210px,42%);padding:18px;display:grid;position:absolute;box-shadow:0 16px 38px #00000080}.diagram-node span{color:var(--ink);font-weight:900}.diagram-node small{color:var(--muted)}.node-ui{top:38px;left:36px}.node-backend{top:150px;left:50%;transform:translate(-50%)}.node-edge{top:60px;right:36px}.node-app{bottom:48px;right:72px}.diagram-line{z-index:1;transform-origin:0;background:linear-gradient(90deg, var(--green), var(--blue));height:2px;position:absolute}.line-a{width:170px;top:118px;left:226px;transform:rotate(22deg)}.line-b{width:160px;top:172px;left:58%;transform:rotate(-24deg)}.line-c{width:130px;top:240px;right:154px;transform:rotate(90deg)}.diagram-badge{color:#f8fff9;background:var(--green);border-radius:999px;max-width:260px;padding:10px 14px;font-size:.88rem;font-weight:800;position:absolute;bottom:34px;left:32px}.text-link{width:fit-content;color:var(--green);margin-top:24px;font-weight:900}.link-on-ink{color:var(--accent-soft)}.media-feature{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.media-feature .image-frame img{aspect-ratio:16/10;object-fit:cover;width:100%}.check-list{gap:12px;margin:22px 0 26px;padding:0;list-style:none;display:grid}.check-list li{color:var(--ink-2);align-items:flex-start;gap:10px;display:flex}.section-ink .check-list li{color:#f8fff9d1}.comparison-preview{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.comparison-points{border:1px solid var(--line);border-left:4px solid var(--accent-2);background:var(--card);border-radius:12px;padding:28px}.faq-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.section-contact{padding:72px 0}.contact-layout{grid-template-columns:minmax(0,1fr) auto}.contact-actions{justify-content:flex-end}.site-footer{border-top:1px solid var(--line);background:var(--bg-elev)}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.footer-links{color:var(--ink-2);flex-wrap:wrap;gap:16px;font-weight:760;display:flex}.page-hero{background:var(--surface-2);border-bottom:1px solid var(--line);padding:88px 0 68px}.page-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:.9rem;font-weight:700;display:flex}.breadcrumb a{color:var(--green);text-decoration:none}.page-hero h1{max-width:760px;margin-bottom:18px;font-size:clamp(2.8rem,5vw,5rem);font-weight:900;line-height:.98}.page-hero p{max-width:690px;font-size:1.12rem;line-height:1.62}.page-hero-image img{aspect-ratio:16/10;object-fit:cover;object-position:top left;width:100%}.step-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step-number{background:var(--grad);width:28px;height:28px;color:var(--deep);border-radius:999px;place-items:center;margin-bottom:16px;font-size:.84rem;font-weight:900;display:inline-grid}.perf-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px;display:grid}.metric-card{gap:8px;padding:22px;display:grid}.metric-card strong{color:var(--ink);font-size:1.4rem}.metric-card span{color:var(--muted)}.chart-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.chart-grid .image-frame img{aspect-ratio:16/8.2;object-fit:cover;width:100%}.comparison-table{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow:hidden}.comparison-row{border-top:1px solid var(--line);grid-template-columns:.74fr 1fr 1fr;display:grid}.comparison-row:first-child{border-top:0}.comparison-row>*{border-left:1px solid var(--line);padding:18px;line-height:1.55}.comparison-row>:first-child{border-left:0}.comparison-row strong{color:var(--ink)}.comparison-row span{color:var(--muted)}.comparison-head{background:var(--surface-2)}.comparison-head span{color:#f8fff9;font-weight:900}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:14px;overflow-x:auto}.proof-grid,.feature-grid,.feature-grid-tight,.screenshot-grid,.faq-grid,.step-grid,.perf-grid,.chart-grid,.split-layout,.media-feature,.diagram-layout,.comparison-preview,.contact-layout,.page-hero-grid{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid var(--line)}.proof-item:last-child{border-bottom:0}.contact-actions{justify-content:flex-start}.comparison-row{grid-template-columns:1fr}.comparison-row>*{border-left:0;border-top:1px solid var(--line)}.comparison-row>:first-child{border-top:0}}@media (width<=680px){.section-inner{width:min(100vw - 28px,1180px)}.site-header{gap:12px;padding:12px 14px 0}.header-cta span{display:none}.header-cta{width:42px;padding:0}.hero-section{min-height:auto}.hero-bg{background:linear-gradient(#10201ce6,#10201cb3),url(/images/evaluation-flow.jpg) 50%/cover no-repeat}.hero-inner{padding:68px 0 96px}.hero-inner h1{font-size:clamp(3.1rem,17vw,5rem)}.button-row,.contact-actions{flex-direction:column}.button-row .button,.contact-actions .button{white-space:normal;width:100%}.section{padding:64px 0}.page-hero{padding:58px 0 52px}.architecture-diagram{gap:12px;min-height:0;padding:14px;display:grid}.diagram-node{width:auto;position:static;transform:none}.diagram-line{display:none}.diagram-badge{text-align:center;border-radius:8px;max-width:none;position:static}.footer-inner{flex-direction:column;align-items:flex-start;padding:26px 0}}
