:root{--bg:#050708;--panel:#0d1115;--panel2:#11161b;--line:#242b31;--text:#f2f3f4;--muted:#9da5ae;--gold:#e7b746;--gold2:#f3c75e;--purple:#a78bfa;--max:1400px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,#151007 0,#050708 35%),var(--bg);color:var(--text);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(4,6,7,.92);backdrop-filter:blur(18px);border-bottom:1px solid #191f24;display:grid;grid-template-columns:160px 1fr auto;align-items:center;padding:0 max(24px,calc((100vw - var(--max))/2));gap:28px}.brand img{width:92px;height:58px;object-fit:contain}.site-header nav{display:flex;justify-content:center;gap:36px;align-items:stretch;height:100%}.site-header nav a{display:flex;align-items:center;gap:6px;position:relative;color:#e3e5e7;font-size:14px}.site-header nav a.active,.site-header nav a:hover{color:var(--gold2)}.site-header nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.nav-actions{display:flex;gap:12px;align-items:center}.theme-btn{border:0;background:transparent;color:#fff;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:7px;border:1px solid #30363d;font-weight:650}.btn.gold{background:linear-gradient(135deg,#f0c45a,#dca635);border-color:#e4b348;color:#171109;box-shadow:0 8px 28px rgba(221,166,51,.16)}.btn.ghost{background:#090c0f}.btn.outline-gold{border-color:#9d7924;color:#f2c85e}.mobile-menu{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:6px;padding:8px 10px}
.container{width:min(var(--max),calc(100% - 64px));margin:auto}.section{padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #76591e;border-radius:999px;padding:7px 13px;color:#e9b843;font-size:11px;font-weight:800;letter-spacing:.04em}.hero{min-height:620px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:50px;border-bottom:1px solid #191f24}.hero h1,.page-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;margin:24px 0;color:white;font-weight:500;letter-spacing:-.045em}.hero h1 .gold,.page-hero h1 .gold,.gold-text{color:var(--gold)}.lead{font-size:18px;color:#b7bdc4;max-width:630px}.hero-actions{display:flex;gap:15px;margin:28px 0 16px}.subline{font-size:12px;color:#8d959d}.visual{position:relative;min-height:500px;border-radius:14px;overflow:hidden;background:#080b0e}.visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.1),transparent 40%,rgba(5,7,8,.15))}.ba-line{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:1px;background:#fff8}.ba-handle{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;border:1px solid #fff;background:#14181d;display:grid;place-items:center}.ba-label{position:absolute;z-index:4;bottom:54px;background:#080b0ed9;padding:7px 13px;border-radius:999px;font-size:12px}.ba-label.before{left:40px}.ba-label.after{right:40px}
.feature-strip{margin-top:-44px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);background:#0c1014;border:1px solid #242b31;border-radius:10px;padding:26px}.feature-strip article{padding:0 24px;border-right:1px solid #252b31}.feature-strip article:last-child{border:0}.feature-strip b{display:block;font-size:13px}.feature-strip span{color:#88919a;font-size:11px}.feature-icon{color:var(--gold);font-size:25px;margin-bottom:9px}
.two-col{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.section-title{font-size:42px;line-height:1.08;margin:8px 0 18px;font-weight:500}.section-copy{color:#9fa7b0}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{margin:12px 0;color:#d5d8db}.checklist li:before{content:"✓";color:var(--gold);margin-right:12px}.mockup{border:1px solid #2b3239;border-radius:12px;overflow:hidden;background:#0b0f12;box-shadow:0 30px 70px #0008}.mockup img{display:block;width:100%}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card{background:linear-gradient(145deg,#11161b,#0a0e12);border:1px solid #262d34;border-radius:10px;padding:22px}.card .image{height:150px;border-radius:7px;background:linear-gradient(135deg,#2b2720,#11171a);margin:-12px -12px 18px;overflow:hidden}.card .image img{width:100%;height:100%;object-fit:cover}.card h3{font-size:17px;margin:8px 0}.card p{font-size:13px;color:#9ea6af}.card-icon{color:var(--gold);font-size:26px}
.trust-row,.cta-band{border:1px solid #272e35;background:#0d1115;border-radius:12px}.trust-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:0}.trust-row>div{padding:28px;border-right:1px solid #252b31}.trust-row>div:last-child{border:0}.cta-band{padding:38px 45px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta-band:before,.cta-band:after{content:"";position:absolute;width:150px;height:150px;background:repeating-linear-gradient(45deg,transparent 0 12px,#8b651922 12px 14px);transform:rotate(25deg)}.cta-band:before{left:-40px}.cta-band:after{right:-40px}.cta-band>*{position:relative;z-index:2}
.page-hero{padding:72px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.page-hero h1{font-size:58px}.page-hero .visual{min-height:330px}.category-tabs{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #292f35;border-radius:9px;background:#0d1115}.category-tabs a{padding:20px 12px;text-align:center;color:#b9c0c7;border-right:1px solid #292f35}.category-tabs a:first-child{color:var(--gold);border-bottom:2px solid var(--gold)}
.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;background:#0c1014;border:1px solid #242b31;border-radius:11px;padding:18px;margin:18px 0}.feature-row:nth-child(even) .feature-media{order:2}.feature-media{height:270px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#21180c,#11171b)}.feature-media img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:22px}.feature-copy h2{font-size:26px;margin:0 0 10px}.pricing-toggle{width:max-content;margin:22px 0;background:#0e1317;border:1px solid #2c333a;border-radius:8px;padding:5px;display:flex}.pricing-toggle button{border:0;background:transparent;color:#aeb5bc;padding:10px 34px;border-radius:6px}.pricing-toggle button.active{background:var(--gold);color:#171109}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{position:relative;padding:28px 24px;background:#0d1115;border:1px solid #272e34;border-radius:11px;min-height:580px}.plan.popular{border-color:#d5a72f}.popular-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--gold);color:#171109;padding:7px 22px;border-radius:5px;font-size:11px;font-weight:800}.plan h3{font-size:18px}.plan .price{font-size:36px;font-weight:600;margin:23px 0 4px}.plan.enterprise h3,.plan.enterprise .price{color:var(--purple)}.plan ul{list-style:none;padding:0;font-size:13px}.plan li{margin:12px 0;color:#c8cdd2}.plan li:before{content:"✓";color:var(--gold);margin-right:10px}.plan .disabled{color:#676e76}.plan .disabled:before{content:"×";color:#666}.plan .btn{width:100%;margin:8px 0 18px}.compare{overflow:auto;background:#0c1014;border:1px solid #262d34;border-radius:10px;margin-top:24px}.compare table{width:100%;border-collapse:collapse;min-width:800px}.compare th,.compare td{padding:14px 18px;border-bottom:1px solid #232a30;text-align:center}.compare th:first-child,.compare td:first-child{text-align:left}.faq-layout{display:grid;grid-template-columns:320px 1fr;gap:20px}.faq-item{border:1px solid #282f36;border-radius:6px;margin-bottom:8px;background:#0d1115}.faq-item button{width:100%;display:flex;justify-content:space-between;background:none;border:0;color:#e8eaec;padding:15px;text-align:left}.faq-item div{display:none;padding:0 15px 16px;color:#9fa6ad}.faq-item.open div{display:block}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{padding:24px;background:#0d1115;border:1px solid #252c33;border-radius:9px;display:grid;grid-template-columns:50px 1fr;gap:15px}.value-icon{width:48px;height:48px;border-radius:50%;background:#211b10;color:var(--gold);display:grid;place-items:center;font-size:23px}.comparison-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;background:#0d1115;border:1px solid #262d34;border-radius:11px;padding:32px}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{background:#0d1115;border:1px solid #252c33;border-radius:9px;padding:25px}.stars{color:var(--gold);letter-spacing:2px}
.resource-search{display:flex;align-items:center;border:1px solid #343b42;border-radius:7px;padding:0 16px;max-width:470px;height:48px}.resource-search input{flex:1;border:0;background:none;color:white;outline:0;margin-left:10px}.resource-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.resource-card{display:flex;gap:16px;align-items:center;padding:22px;background:#0d1115;border:1px solid #262d34;border-radius:8px}.resource-card .card-icon{font-size:28px}.tutorials{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.tutorial{background:#0b0f13}.tutorial .thumb{height:160px;border-radius:7px;overflow:hidden;background:#161b20}.tutorial .thumb img{width:100%;height:100%;object-fit:cover}.tutorial h4{margin:10px 0 4px}.tutorial p{font-size:12px;color:#8f979f}.newsletter-band{display:grid;grid-template-columns:1fr 500px;align-items:center;gap:30px;padding:25px 35px;border:1px solid #272e34;border-radius:10px;background:#0d1115}.newsletter-band form,.newsletter form{display:flex}.newsletter-band input,.newsletter input{flex:1;background:#0b0f12;border:1px solid #30373e;border-radius:6px 0 0 6px;color:white;padding:12px}.newsletter-band button,.newsletter button{border:0;background:var(--gold);padding:0 18px;border-radius:0 6px 6px 0}
.site-footer{border-top:1px solid #242a30;background:#07090b;margin-top:70px}.footer-grid{width:min(var(--max),calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,.72fr) 1.2fr;padding:52px 0 38px;gap:34px}.footer-brand img{width:90px}.footer-brand p,.site-footer p{color:#8d959e;font-size:12px}.site-footer h4{font-size:10px;color:#9da5ad;letter-spacing:.06em;margin:0 0 16px}.site-footer a{display:block;color:#aab1b8;font-size:12px;margin:10px 0}.socials{display:flex;gap:18px}.socials a{font-size:17px}.footer-bottom{border-top:1px solid #1f252b;width:min(var(--max),calc(100% - 64px));margin:auto;padding:18px 0 25px;display:flex;justify-content:space-between;color:#727a82;font-size:11px}.footer-bottom b{color:#c66}
@media(max-width:1050px){.site-header{grid-template-columns:100px 1fr auto;padding:0 20px}.site-header nav{gap:18px}.nav-actions .ghost,.theme-btn{display:none}.hero,.page-hero,.two-col,.comparison-panel{grid-template-columns:1fr}.hero{padding:60px 0}.visual{min-height:440px}.feature-strip,.cards{grid-template-columns:repeat(2,1fr)}.feature-strip{margin-top:20px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.resource-categories,.tutorials{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}.newsletter{grid-column:1/-1}.trust-row{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:68px;grid-template-columns:1fr auto}.brand img{width:74px}.mobile-menu{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#080b0e;padding:15px 24px;flex-direction:column;height:auto;border-bottom:1px solid #2b3137}.site-header nav.open{display:flex}.nav-actions{display:none}.container{width:min(100% - 30px,var(--max))}.section{padding:50px 0}.hero h1,.page-hero h1{font-size:48px}.hero{min-height:auto;gap:28px}.visual{min-height:360px}.feature-strip,.cards,.pricing-grid,.value-grid,.testimonials,.resource-categories,.tutorials,.faq-layout{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid #252b31;padding:18px}.category-tabs{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr}.feature-row:nth-child(even) .feature-media{order:0}.newsletter-band{grid-template-columns:1fr}.footer-grid{width:calc(100% - 30px);grid-template-columns:1fr 1fr}.footer-brand,.newsletter{grid-column:1/-1}.footer-bottom{width:calc(100% - 30px);flex-direction:column;gap:8px}.cta-band{align-items:flex-start;flex-direction:column;gap:22px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}


/* Production pass v2: dropdowns, live theme, pricing/download truthfulness */
.nav-menu{position:relative;height:100%;display:flex;align-items:center}.nav-menu>a{height:100%}.nav-caret{font-size:11px;transition:transform .18s ease}.nav-menu:hover .nav-caret,.nav-menu:focus-within .nav-caret{transform:rotate(180deg)}
.nav-dropdown{position:absolute;left:50%;top:calc(100% - 8px);transform:translate(-50%,8px);width:340px;padding:10px;background:#0d1115;border:1px solid #2b3238;border-radius:10px;box-shadow:0 22px 60px #000b;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nav-dropdown a{height:auto!important;display:block!important;padding:11px 12px;border-radius:7px!important}.nav-dropdown a:hover{background:#171d22}.nav-dropdown b{display:block;font-size:12px;color:#f1f2f3}.nav-dropdown small{display:block;color:#818b94;margin-top:2px;font-size:10px}.nav-dropdown.compact{width:285px}
.theme-btn{width:38px;height:38px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer}.theme-btn:hover{border-color:#373e45;background:#11161b}
.pricing-source-note{display:flex;gap:18px;align-items:center;border:1px solid #3a3321;background:#131108;padding:15px 18px;border-radius:8px;color:#b9b2a0;margin:8px 0 22px}.pricing-source-note b{color:#edc35c;white-space:nowrap}.plan-facts b{color:#fff}.pricing-truth{margin-top:24px;max-width:none}.pricing-truth h2{margin-top:0}.pricing-truth p{color:#9ca5ad}.download-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start;padding-top:100px;min-height:65vh}.download-card{padding:42px;border:1px solid #2a3138;border-radius:13px;background:linear-gradient(145deg,#11161b,#090d10)}.download-card h1{font-size:54px;line-height:1;margin:25px 0}.release-meta{display:flex;gap:12px;margin:25px 0}.release-meta span{background:#0a0e11;border:1px solid #2d343b;border-radius:7px;padding:12px 15px;color:#919aa2}.release-meta b{color:#e7ebee}.download-big{min-height:52px;padding:0 26px;font-size:15px}.download-notice{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid #795d1f;background:#181308;border-radius:8px;color:#aa9f83;margin:24px 0}.download-notice b{color:#f0c45a}.download-footnote{color:#7f8992;font-size:12px;margin-top:22px}.download-side{margin-top:0}.footer-download .btn{margin-top:10px;width:100%}.footer-note{font-size:10px!important}.muted-socials span{color:#727b83;font-size:16px}.muted-socials{gap:18px}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#11161b;border:1px solid #262d33;padding:2px 5px;border-radius:4px;color:#e5bd58}

/* Light mode is intentionally a warm paper-like companion to ÀYỌ̀ black/gold. */
html[data-theme="light"] body{--bg:#f4f1e9;--panel:#fffdf8;--panel2:#f8f4ea;--line:#d8d1c2;--text:#17191b;--muted:#656c72;background:radial-gradient(circle at 75% 5%,#f0dfb7 0,#f7f4ed 35%),#f7f4ed;color:#17191b}
html[data-theme="light"] .site-header{background:rgba(250,247,239,.94);border-color:#ddd6c9}html[data-theme="light"] .site-header nav a{color:#282b2e}html[data-theme="light"] .site-header nav a.active,html[data-theme="light"] .site-header nav a:hover{color:#9a6b08}html[data-theme="light"] .btn.ghost{background:#fffaf0;border-color:#cfc6b6;color:#222}html[data-theme="light"] .theme-btn{color:#222}
html[data-theme="light"] .card,html[data-theme="light"] .plan,html[data-theme="light"] .feature-row,html[data-theme="light"] .trust-row,html[data-theme="light"] .cta-band,html[data-theme="light"] .compare,html[data-theme="light"] .faq-item,html[data-theme="light"] .resource-card,html[data-theme="light"] .newsletter-band,html[data-theme="light"] .download-card,html[data-theme="light"] .nav-dropdown{background:#fffdf8;border-color:#d7d0c3;color:#1e2124;box-shadow:none}
html[data-theme="light"] .hero h1,html[data-theme="light"] .page-hero h1,html[data-theme="light"] .section-title,html[data-theme="light"] .feature-copy h2,html[data-theme="light"] .download-card h1{color:#16181a}html[data-theme="light"] .lead,html[data-theme="light"] .section-copy,html[data-theme="light"] .card p,html[data-theme="light"] .plan li,html[data-theme="light"] .faq-item div{color:#5e666d}html[data-theme="light"] .feature-strip{background:#fffdf8;border-color:#d8d1c4}html[data-theme="light"] .feature-strip article{border-color:#ded7ca}html[data-theme="light"] .mockup{border-color:#cfc7b9}html[data-theme="light"] .category-tabs{background:#fffdf8;border-color:#d6cfc2}html[data-theme="light"] .category-tabs a{color:#51575c;border-color:#ddd6c9}html[data-theme="light"] .site-footer{background:#ede8de;border-color:#d5cec0}html[data-theme="light"] .site-footer a{color:#535a60}html[data-theme="light"] .footer-bottom{border-color:#d7d0c4;color:#6d7378}html[data-theme="light"] .pricing-source-note{background:#fff7df;border-color:#d7ba74;color:#695f4a}html[data-theme="light"] code{background:#eee8dc;border-color:#d6cdbc;color:#815b0b}
@media(max-width:760px){.nav-menu{height:auto;display:block}.nav-menu>a{height:auto!important}.nav-dropdown{position:static;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;width:100%!important;background:transparent;border:0;box-shadow:none;padding:3px 0 6px 18px}.nav-dropdown a{padding:7px 9px!important}.nav-dropdown small{display:none}.nav-caret{display:none}.download-hero{grid-template-columns:1fr;padding-top:60px}.download-card{padding:26px}.download-card h1{font-size:42px}.release-meta{flex-direction:column}}