@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-900.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}

:root { --black:#131313; --panel:#181617; --white:#f7f5f3; --coral:#e85258; --pink:#e85258; --copy:#d2cecf; --muted:#a8a1a5; --line:#e8525838; --gradient:linear-gradient(140deg,#e85258 0%,#e85258 34%,#e85258 72%,#e85258 100%); --ink:#f7f5f3; --paper:#131313; --accent:#e85258; --accent-dark:#e85258; font-family:'Anim8e Barlow',sans-serif; }
html { background:var(--black); }
body { font-family:'Anim8e Barlow',sans-serif; font-weight:600; color:var(--white); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font-family:inherit; }
::selection { background:#e8525855; color:#ffc5ca; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--pink); outline-offset:5px; }
.skip-link { background:var(--coral); color:var(--black); }

/* The Gen AI matte charcoal / coral visual system. */
body.genai-home { background:var(--black); }
.genai-home .page { width:100%; max-width:none; margin:0; border:0; background:var(--black); box-shadow:none; overflow:clip; }
.genai-home .cursor-glow,.genai-home .dust-field,.genai-home .hero::before { display:none; }
.genai-home .site-header { background:rgba(19,19,19,.96); border-bottom:1px solid var(--line); min-height:96px; padding:0 max(32px,4vw); gap:24px; backdrop-filter:blur(14px); }
.genai-home .brand { width:158px; }
.genai-home .brand img { filter:url(#genai-logo-white); }
.genai-home .site-nav { color:var(--white); background:transparent; gap:26px; font:600 14px 'Anim8e Barlow',sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.genai-home .site-nav a:hover { color:var(--pink); }
.genai-home .header-cta,.genai-home .btn,.genai-home .footer-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:53px; padding:15px 24px; font:600 14px 'Anim8e Barlow',sans-serif; letter-spacing:.035em; text-transform:uppercase; border-radius:999px; box-shadow:none; transform:none; }
.genai-home .header-cta { color:var(--white); border:1px solid #e8525870; background:transparent; }
.genai-home .header-cta b { font-size:23px; font-weight:600; }
.genai-home .btn-primary,.genai-home .footer-button { color:#21171a; background:var(--gradient); border:1px solid transparent; }
.genai-home .btn-secondary { color:var(--white); background:transparent; border:1px solid #e8525877; }
.genai-home .btn i { color:var(--pink); background:transparent; }
.genai-home .header-cta:hover,.genai-home .btn-secondary:hover { border-color:var(--pink); background:#e8525814; }
.genai-home .btn-primary:hover,.genai-home .footer-button:hover { background:#e85258; }
.genai-home .hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); align-items:center; gap:5vw; min-height:740px; padding:70px max(32px,4vw) 64px; max-width:1540px; margin:auto; background:var(--black); border:0; }
.genai-home .hero-copy { min-width:0; }
.genai-home .hero-copy .brand-eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 30px; color:var(--white); font-size:12px; letter-spacing:.16em; line-height:1.5; text-transform:uppercase; }
.genai-home .brand-eyebrow::before { content:''; width:28px; height:1px; background:var(--coral); flex-shrink:0; }
.genai-home .hero h1 { font:900 clamp(68px,6.6vw,116px)/.9 'Anim8e Barlow',sans-serif; letter-spacing:-.035em; text-transform:uppercase; color:var(--white); max-width:750px; margin:0; padding-bottom:.09em; }
.genai-home .hero h1 strong { font-weight:900; color:var(--coral); background:var(--gradient); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.genai-home .hero-copy>p:not(.brand-eyebrow) { font-size:20px; font-weight:600; color:var(--copy); line-height:1.65; margin:24px 0 28px; max-width:445px; }
.genai-home .actions { gap:12px; flex-wrap:wrap; }
.genai-home .hero-frame { width:100%; max-width:650px; min-width:0; margin:0; justify-self:end; box-shadow:none; border:0; border-radius:0; background:none; padding:0; transform:none!important; }
.genai-home .hero-board { border:2px solid #e8525880; border-radius:46% 46% 8px 8px; box-shadow:12px 12px 0 #e8525812; aspect-ratio:1; }
.genai-home .hero-board img { filter:saturate(.7); height:100%; aspect-ratio:1; object-fit:cover; }
.genai-home .hero-board-tag { font:600 11px 'Anim8e Barlow',sans-serif; letter-spacing:.13em; border-radius:999px; top:auto; bottom:18px; }
.genai-home .hero-board-tag-style { background:#e85258cc; }
.genai-home .hero-frame::after,.genai-home .step-card::after,.genai-home .style-card::after,.genai-home .scene-row article::after { display:none; }
.genai-home .hero-style-controls { margin-top:25px; gap:10px; }
.genai-home .style-drag { color:var(--copy); background:#181617; border:1px solid var(--line); box-shadow:none; border-radius:999px; font:600 12px 'Anim8e Barlow',sans-serif; letter-spacing:.06em; }
.genai-home .style-drag.is-active { color:var(--pink); border-color:var(--coral); }
.genai-home .style-drag i { background:#ffffff18; }
.genai-home .style-drag i::before { background:var(--gradient); }
.genai-home .style-drag i::after { background:var(--coral); color:#21171a; box-shadow:none; }
.genai-home .style-drag::after { color:var(--muted); }
.genai-home .section { background:var(--black); border-color:var(--line); padding:76px max(32px,4vw); }
.genai-home .section h2,.genai-home .side-copy h2 { font:800 clamp(44px,4.8vw,76px)/.95 'Anim8e Barlow',sans-serif; text-transform:uppercase; letter-spacing:-.025em; color:var(--white); }
.genai-home .section h2 span { color:var(--coral); }
.genai-home .step-card { background:var(--panel); border:1px solid var(--line); border-radius:12px; box-shadow:none; transform:none!important; }
.genai-home .step-card img { border-radius:10px; }
.genai-home .step-card h3 { font:700 23px/1.1 'Anim8e Barlow',sans-serif; text-transform:uppercase; color:var(--white); }
.genai-home .step-card p { color:var(--copy); font-size:17px; line-height:1.5; }
.genai-home .arrow { color:var(--coral); }
.genai-home .style-card { border-radius:12px; border:1px solid var(--line); box-shadow:none; }
.genai-home .style-card span { font:700 18px 'Anim8e Barlow',sans-serif; letter-spacing:.08em; background:#181617a6; }
.genai-home .more-style,.genai-home .scene-row aside { background:#211a1d; color:var(--pink); border:1px solid var(--line); border-radius:12px; }
.genai-home .more-style strong { font:800 40px/.98 'Anim8e Barlow',sans-serif; text-transform:uppercase; }
.genai-home .more-style p { font-size:18px; color:var(--copy); }
.genai-home .side-copy p { color:var(--copy); font-size:20px; line-height:1.65; }
.genai-home .identity-board,.genai-home .intel-board { border:1px solid var(--line); border-radius:12px; box-shadow:none; transform:none!important; }
.genai-home .scene-row article { border:1px solid var(--line); box-shadow:none; }
.genai-home .scene-row article span { font:600 13px 'Anim8e Barlow',sans-serif; letter-spacing:.08em; }
.genai-home .magic-reveal { border:1px solid var(--line); box-shadow:none; border-radius:12px; }
.genai-home .magic-label { font:600 12px 'Anim8e Barlow',sans-serif; letter-spacing:.1em; }
.genai-home .magic-label-after { background:#e85258d9; }
.genai-home .magic-handle::after { background:var(--coral); color:#21171a; }
.genai-home .footer-cta { background:var(--panel); border-top:1px solid var(--line); padding:64px max(32px,4vw); gap:60px; }
.genai-home .footer-cta::before { display:none; }
.genai-home .footer-brand { background:none; padding:0; border-radius:0; }
.genai-home .footer-cta h2 { font:800 48px/1 'Anim8e Barlow',sans-serif; text-transform:uppercase; letter-spacing:-.02em; color:var(--white); }
.genai-home .footer-cta em { font:inherit; color:var(--coral); }
.genai-home .footer-brand p { font:600 18px/1.65 'Anim8e Barlow',sans-serif; color:var(--copy); }
.genai-home .footer-links h3 { color:var(--pink); font:700 15px 'Anim8e Barlow',sans-serif; letter-spacing:.12em; }
.genai-home .footer-links a { color:var(--copy); font:600 17px/1.7 'Anim8e Barlow',sans-serif; }
.genai-home .footer-links a:hover { color:var(--pink); }
.genai-home .footer-bottom { color:var(--muted); border-top:1px solid var(--line); background:var(--black); font:600 12px 'Anim8e Barlow',sans-serif; letter-spacing:.09em; padding:24px max(32px,4vw); }
.genai-home .nav-toggle { background:none; color:var(--white); border:1px solid var(--line); border-radius:999px; font-family:'Anim8e Barlow',sans-serif; font-size:15px; text-transform:uppercase; }
@media(max-width:1100px) { .genai-home .site-nav { background:var(--panel); border-color:var(--line); gap:4px 18px; padding:16px 24px; } .genai-home .site-header { grid-template-columns:1fr auto auto; } }
@media(max-width:980px) { .genai-home .hero { grid-template-columns:1fr; gap:42px; padding-top:48px; } .genai-home .hero h1 { max-width:750px; font-size:clamp(68px,10vw,104px); } .genai-home .hero-frame { width:min(100%,640px); justify-self:center; } .genai-home .hero-copy>p:not(.brand-eyebrow) { max-width:560px; } }
@media(max-width:640px) { .genai-home .site-header { padding:10px 20px; min-height:78px; gap:10px; } .genai-home .brand { width:114px; } .genai-home .header-cta { font-size:12px; min-height:44px; padding:12px 16px; gap:8px; } .genai-home .hero { padding:42px 24px 48px; min-height:0; } .genai-home .hero-copy .brand-eyebrow { font-size:10px; margin-bottom:24px; letter-spacing:.12em; } .genai-home .hero h1 { font-size:clamp(54px,13vw,78px); } .genai-home .hero-copy>p:not(.brand-eyebrow) { font-size:19px; } .genai-home .actions { display:flex; } .genai-home .btn { min-width:0; width:auto; flex:1; padding:14px 18px; font-size:13px; } .genai-home .section { padding:48px 24px; } .genai-home .section h2 { font-size:46px; } .genai-home .footer-cta { padding:48px 24px; gap:36px; } .genai-home .footer-bottom { padding:24px; } }
@media(max-width:370px) { .genai-home .site-header { padding:10px 12px; gap:7px; } .genai-home .brand { width:95px; } .genai-home .header-cta { padding:10px 12px; font-size:11px; } }

/* Give compact labels and navigation more breathing room. */
.genai-home .site-nav { letter-spacing:.085em; }
.genai-home .header-cta,.genai-home .btn,.genai-home .footer-button { letter-spacing:.085em; }
.genai-home .hero-copy .brand-eyebrow { letter-spacing:.19em; }
.genai-home .hero-board-tag { letter-spacing:.16em; }
.genai-home .style-drag { letter-spacing:.10em; }
.genai-home .scene-row article span { letter-spacing:.12em; }
.genai-home .magic-label { letter-spacing:.14em; }
.genai-home .footer-links h3 { letter-spacing:.15em; }
.genai-home .footer-bottom { letter-spacing:.13em; }
.genai-home .nav-toggle { letter-spacing:.07em; }
@media(max-width:640px) { .genai-home .hero-copy .brand-eyebrow { letter-spacing:.15em; } }

/* Product attribution: label is exactly half the company heading size. */
.genai-home .footer-cta .footer-brand h2 { font-size:32px; line-height:1.08; }
.genai-home .footer-brand .product-by { font-size:16px; line-height:1.3; letter-spacing:.14em; margin:0 0 12px; color:var(--copy); font-weight:600; }

.genai-home .footer-brand .company-address { font:600 16px/1.6 'Anim8e Barlow',sans-serif; letter-spacing:.035em; color:var(--copy); margin:24px 0 0; max-width:440px; }
.genai-home .company-address>span { display:block; font-size:12px; letter-spacing:.15em; color:var(--pink); margin-bottom:8px; }

/* Bold primary navigation across public pages. */
.genai-home .site-nav a,.genai-home .site-header .header-cta{font-weight:800}

/* Bold project call-to-action labels. */
.genai-home .btn-primary,.genai-home .footer-button{font-weight:800}