:root{--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--maxw:1200px;--radius:16px;--radius-sm:10px;--gold:#e3b53f;--gold-hi:#f4cf6a;--gold-lo:#b88a14;--on-gold:#0a1230;--header-bg:#040a1c;--header-text:#e6ecf8;--header-muted:#aebbd6}:root,:root[data-theme=dark]{color-scheme:dark;--bg:#060b1f;--bg-2:#0a1230;--surface:#0d1938;--surface-2:#122046;--text:#eaf0fb;--muted:#a3b2d0;--border:#e3b53f38;--border-soft:#aebbd629;--accent-text:#f0c75e;--chip-bg:#e3b53f24;--chip-text:#f4cf6a;--glow:0 10px 30px #00000073, 0 0 0 1px #e3b53f0f;--page-glow:radial-gradient(1100px 520px at 85% -8%, #2446a073, transparent 60%), radial-gradient(800px 400px at 0% 20%, #e3b53f12, transparent 60%);--hero-bg:#040818;--hero-text:#fff;--hero-sub:#d3dcf0;--hero-gold:#f4cf6a;--hero-img:url(/img/hero-ai.webp);--hero-border:#e3b53f47}:root[data-theme=light]{color-scheme:light;--bg:#f7f4ec;--bg-2:#efeadd;--surface:#fff;--surface-2:#fbf9f3;--text:#0a1633;--muted:#4b5a7a;--border:#b88a1459;--border-soft:#0a16331f;--accent-text:#86600a;--chip-bg:#e3b53f38;--chip-text:#5c4106;--glow:0 10px 28px #0a16331a, 0 0 0 1px #0a16330a;--page-glow:radial-gradient(1100px 520px at 85% -8%, #e3b53f29, transparent 60%);--hero-bg:#e8eff9;--hero-text:#0a1633;--hero-sub:#33425f;--hero-gold:#b97f08;--hero-img:url(/img/hero-ai-light.webp);--hero-border:#b88a1459}@media (prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg:#f7f4ec;--bg-2:#efeadd;--surface:#fff;--surface-2:#fbf9f3;--text:#0a1633;--muted:#4b5a7a;--border:#b88a1459;--border-soft:#0a16331f;--accent-text:#86600a;--chip-bg:#e3b53f38;--chip-text:#5c4106;--glow:0 10px 28px #0a16331a;--page-glow:none;--hero-bg:#e8eff9;--hero-text:#0a1633;--hero-sub:#33425f;--hero-gold:#b97f08;--hero-img:url(/img/hero-ai-light.webp);--hero-border:#b88a1459}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--page-glow), var(--bg);background-repeat:no-repeat;flex-direction:column;min-height:100vh;margin:0;line-height:1.65;display:flex}main{flex:1}a{color:var(--accent-text);text-underline-offset:3px}a:hover{color:var(--gold)}img,svg{max-width:100%}img{height:auto}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.15}.wrap{width:min(var(--maxw), 100% - 2rem);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{background:var(--gold);color:#000;z-index:99;border-radius:8px;padding:.5rem 1rem;top:1rem;left:1rem}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.icon{vertical-align:-.2em;flex:none;width:1.25em;height:1.25em}.site-header{background:var(--header-bg);z-index:20;border-bottom:1px solid #e3b53f40;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding-block:.6rem;display:flex}.brand{flex:none;align-items:center;display:inline-flex}.brand img{mix-blend-mode:lighten;width:auto;height:40px;display:block}.nav{scrollbar-width:none;flex:auto;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav ul{flex-wrap:wrap;justify-content:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--header-text);border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--gold-hi)}.nav a[aria-current=page]{color:var(--gold-hi);background:linear-gradient(#e3b53f47,#e3b53f1f);border-color:#e3b53f8c}.nav::-webkit-scrollbar{display:none}.theme-toggle{background:#ffffff0f;border:1px solid #e3b53f59;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-toggle button{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:30px;color:var(--header-muted);border-radius:999px;place-items:center;display:grid}.theme-toggle button:hover{color:var(--gold-hi)}.theme-toggle button[aria-checked=true]{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:var(--on-gold)}.theme-toggle button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px}.btn{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:var(--on-gold);border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #e3b53f47}.btn:hover{color:var(--on-gold);filter:brightness(1.05)}.btn.ghost{color:var(--text);border:1px solid var(--border-soft);box-shadow:none;background:0 0}.chip{letter-spacing:.07em;text-transform:uppercase;color:var(--chip-text);background:var(--chip-bg);border:1px solid var(--border);border-radius:8px;padding:.18rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.chip.demo{color:var(--on-gold);background:linear-gradient(#dfe5ef,#aab5c8);border-color:#0000;margin-left:.35rem}.hero-feature{background:var(--hero-bg);color:var(--hero-text);isolation:isolate;border:1px solid var(--hero-border);box-shadow:var(--glow);border-radius:22px;align-items:center;min-height:clamp(380px,36vw,440px);margin-top:1.2rem;display:flex;position:relative;overflow:hidden}.hero-img{z-index:-1;background:var(--hero-img) right center / cover no-repeat;width:62%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 34%);mask-image:linear-gradient(90deg,#0000 0,#000 34%)}.hero-feature .copy{width:min(48%,560px);padding:clamp(1.6rem,3.4vw,3rem) clamp(1.4rem,3.6vw,3.2rem)}.hero-feature .chips{flex-wrap:wrap;gap:.4rem;display:flex}.hero-feature .chip{color:var(--on-gold);background:linear-gradient(180deg, var(--gold-hi), var(--gold));border:0;border-radius:999px;margin:0;padding:.3rem .9rem}.hero-feature h1{color:var(--hero-text);letter-spacing:-.02em;margin:1rem 0 .9rem;font-size:clamp(1.9rem,3.7vw,2.95rem);font-weight:800}.hero-feature h1 em{color:var(--hero-gold);font-style:normal}.hero-feature p{color:var(--hero-sub);max-width:46ch;margin:0 0 1.3rem;font-size:1.05rem}.hero-feature .meta{color:var(--hero-sub);margin-top:1.1rem}.hero-note{opacity:.85;margin-top:.7rem!important;margin-bottom:0!important;font-size:.82rem!important}.section{padding:2.2rem 0 1rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem;display:flex}.section-head h2{border-left:4px solid var(--gold);padding-left:.8rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.section-head a{white-space:nowrap;font-weight:600;text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:1.3rem;display:grid}.tiles{grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:1.4rem;display:grid}.tile{text-align:center;background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);min-height:112px;box-shadow:var(--glow);color:var(--text);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.1rem .8rem;font-size:1.05rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;position:relative}.tile .icon{width:2.1rem;height:2.1rem;color:var(--gold)}.tile:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;bottom:-1px;left:18%;right:18%;box-shadow:0 0 14px #e3b53fb3}.tile:hover{border-color:var(--gold);color:var(--text);transform:translateY(-3px)}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-soft);box-shadow:var(--glow);border-radius:18px;flex-direction:column;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card .thumb{aspect-ratio:3/1.05;background:#050a1d;position:relative;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.card .body{flex-direction:column;flex:1;gap:.6rem;padding:.85rem 1.1rem 1.1rem;display:flex}.card .chips{flex-wrap:wrap;gap:.35rem;display:flex}.card .chip{color:var(--on-gold);background:linear-gradient(180deg, var(--gold-hi), var(--gold));border:0;border-radius:8px;font-size:.68rem}.card .chip.demo,.hero-feature .chip.demo{color:var(--on-gold);background:linear-gradient(#e6ebf4,#aab5c8);margin-left:0}.card h3{font-size:1.18rem;font-weight:700;line-height:1.25}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:after{content:"";position:absolute;inset:0}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem .9rem;margin-top:auto;font-size:.82rem;display:flex}.meta span{align-items:center;gap:.35rem;display:inline-flex}.page-hero{padding:clamp(2rem,5vw,3.5rem) 0 1rem}.page-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800}.page-hero h1:after{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-hi));border-radius:2px;width:64px;height:4px;margin-top:.8rem;display:block}.page-hero p{color:var(--muted);max-width:60ch;font-size:1.1rem}.article-hero{color:#eaf0fb;isolation:isolate;border-bottom:1px solid var(--border);background:#050a1d;position:relative;overflow:hidden}.article-hero .art{object-fit:cover;object-position:right center;z-index:-2;opacity:.75;filter:blur(1.5px);width:100%;height:100%;position:absolute;inset:0}.article-hero:after{content:"";z-index:-1;background:linear-gradient(#050a1d8c,#050a1deb);position:absolute;inset:0}.article-hero .inner{max-width:820px;margin-inline:auto;padding:clamp(2rem,6vw,4.5rem) 1rem clamp(1.8rem,4vw,3rem)}.article-hero h1{color:#fff;margin:.9rem 0;font-size:clamp(1.9rem,5vw,3.1rem);font-weight:800}.article-hero .lead{color:#c5d0e8;margin:0 0 1rem;font-size:1.15rem}.article-hero .meta{color:#aebbd6;margin:0}.article-hero .chip{color:var(--gold-hi);background:#e3b53f29;text-decoration:none}.article-hero .chip.demo{color:var(--on-gold);background:linear-gradient(#e6ebf4,#aab5c8)}.article-body{max-width:740px;margin-inline:auto;padding:2rem 1rem 1rem}.prose{font-size:1.125rem;line-height:1.8}.prose>*+*{margin-top:1.2em}.prose h2{color:var(--text);margin-top:2.2em;font-size:1.65rem;font-weight:800}.prose h3{margin-top:1.8em;font-size:1.3rem;font-weight:700}.prose p,.prose li{color:var(--text)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose blockquote{border-left:4px solid var(--gold);background:var(--chip-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);margin-left:0;padding:.4rem 1.2rem}.prose code{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:6px;padding:.1rem .4rem;font-size:.9em}.prose pre{color:#e6ecf8;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#070d24;padding:1rem 1.2rem;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose img{border-radius:var(--radius-sm)}.notice{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);background:var(--surface);padding:.85rem 1rem;font-size:.93rem}.notice strong{color:var(--accent-text)}.article-body .notice{margin-bottom:1.2rem}.related{margin-top:2.5rem}.article{max-width:740px;margin-inline:auto;padding:2.5rem 1rem 3rem}.article h1{margin-bottom:1rem;font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:800}.ad-slot{text-align:center;margin:1.5rem 0}.ad-slot.placeholder{border:1px dashed var(--border-soft);min-height:90px;color:var(--muted);place-items:center;font-size:.8rem;display:grid}.ad-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.65rem}.promo{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg, var(--surface-2), var(--surface));box-shadow:var(--glow);margin:2.5rem 0;padding:1.8rem}.promo h2{margin:.6rem 0 .4rem;font-size:1.5rem}.promo p{color:var(--muted);max-width:60ch;margin:0 0 1rem}.site-footer{color:var(--header-muted);background:var(--header-bg);border-top:1px solid #e3b53f40;margin-top:3rem;padding:2.2rem 0;font-size:.92rem}.site-footer .cols{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.site-footer strong{color:var(--gold-hi)}.site-footer ul{margin:.5rem 0 0;padding:0;list-style:none}.site-footer li+li{margin-top:.25rem}.site-footer a{color:var(--header-text);text-decoration:none}.site-footer a:hover{color:var(--gold-hi)}@media (width<=900px){.tiles{grid-template-columns:repeat(2,1fr)}.site-header .wrap{justify-content:space-between}.nav{flex-basis:100%;order:3;justify-content:flex-start;overflow-x:auto}.nav ul{flex-wrap:nowrap}.nav a{white-space:nowrap;padding:.4rem .75rem;font-size:.9rem}.hero-feature{flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:0}.hero-img{width:100%;height:250px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.hero-feature .copy{width:100%;margin-top:-2.2rem;padding:0 1.3rem 1.6rem}}@media (width<=480px){.brand img{height:30px}.site-header .wrap{flex-wrap:wrap;gap:.5rem 1rem}.theme-toggle button{width:30px;height:28px}.tile{min-height:92px;font-size:.95rem}.section-head{flex-direction:column;gap:.3rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}