@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');
:root{--accent:#0a0a0a;--ink:#101218;--muted:#596171;--line:#e7e9ed;--soft:#f7f7f8;--soft2:#f2f3f5;--white:#fff;--radius:10px;--shadow:0 3px 14px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Raleway",Arial,sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 32px),1180px);margin:0 auto}.svg-icon{width:19px;height:19px;fill:currentColor;display:inline-block;flex:0 0 auto;vertical-align:-.16em}.svg-icon.sm{width:13px;height:13px}.svg-icon.lg{width:23px;height:23px}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #f0f1f2}.nav{height:86px;display:flex;align-items:center;gap:24px}.brand-wordmark{display:inline-flex;align-items:center;height:44px;border:1.5px solid #0a0a0a;font-family:Georgia,serif;font-weight:700;font-size:23px;line-height:1;margin-right:auto}.brand-wordmark .brand-left{padding:0 7px;color:#0a0a0a;background:#fff}.brand-wordmark .brand-right{height:100%;display:flex;align-items:center;padding:0 8px;color:#fff;background:#0a0a0a}.nav-links{display:flex;align-items:center;gap:17px}.nav-links>a,.dropbtn{height:44px;display:inline-flex;align-items:center;gap:7px;border:0;background:#fff;color:#525b6a;font:500 16px/1 "Raleway",Arial,sans-serif;padding:0 2px;cursor:pointer;white-space:nowrap}.nav-links>a:hover,.nav-links>a.active,.dropbtn:hover{color:#050505}.dropdown{position:relative}.dropdown-menu{position:absolute;top:42px;left:0;width:150px;max-height:420px;overflow:auto;background:#fff;border:1px solid #dedfe3;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:5px 0;border-radius:4px;opacity:0;visibility:hidden;transform:translateY(5px);transition:.15s ease;z-index:120}.dropdown:hover>.dropdown-menu,.dropdown:focus-within>.dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:9px 11px;color:#404755;font-size:13px;font-weight:500;line-height:1.25}.dropdown-menu a:hover,.dropdown-menu a:focus{background:#0a0a0a;color:#fff}.menu-toggle{display:none;border:0;background:#fff;width:42px;height:42px;align-items:center;justify-content:center;color:#111}.menu-toggle .svg-icon{width:27px;height:27px}
/* hero */
.hero{padding:28px 0 0;background:#fff}.hero-inner{text-align:center}.app-logo{width:222px;height:222px;object-fit:cover;border-radius:16px;margin:0 auto 18px;box-shadow:0 2px 8px rgba(0,0,0,.28)}.hero h1{margin:15px 0 18px;font-size:38px;line-height:1.28;letter-spacing:-.024em;font-weight:800;color:#141821}.hero p{margin:0 auto 12px;max-width:1100px;font-size:17px;color:#303847}.hero p strong{color:#111}.hero-cta{margin:11px 0 0}.btn-primary{display:flex;width:100%;min-height:53px;border-radius:28px;background:#0a0a0a;color:#fff;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700;border:1px solid #0a0a0a}.btn-primary:hover{background:#262626}.hero-meta{font-size:14px;color:#333b48;margin:11px 0 17px}.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.trust-badge{height:39px;border-radius:8px;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:500;box-shadow:0 2px 5px rgba(0,0,0,.18)}
/* toc */
.toc-shell{margin-top:31px}.toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;border:0;border-bottom:2px solid #0a0a0a;padding:8px 0 6px;font:700 22px/1.3 "Raleway",Arial,sans-serif;cursor:pointer}.toc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 18px;padding:14px 0 2px}.toc-list a{font-size:13px;color:#525a67;padding:5px 0}.toc-list a:hover{text-decoration:underline;color:#000}.toc-shell.collapsed .toc-list{display:none}
/* content */
.section{padding:40px 0}.article{width:100%}.article>h1{display:none}.article h2{font-size:31px;line-height:1.3;margin:48px 0 14px;font-weight:800;letter-spacing:-.015em}.article h3{font-size:22px;line-height:1.4;margin:31px 0 10px;font-weight:700}.article p,.article li{font-size:15px;color:#333b48}.article p{margin:0 0 14px}.article ul,.article ol{padding-left:25px}.article li{margin:7px 0}.table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto;margin:18px 0 24px}.article table{border-collapse:collapse;width:100%;min-width:650px;background:#fff}.article th,.article td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:#f6f6f6;color:#20242b}.article tr:last-child td{border-bottom:0}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.article blockquote{margin:18px 0;padding:17px 18px;border-left:4px solid #111;background:#f6f6f6;border-radius:0 8px 8px 0}.article blockquote p{margin:0}.article input[type=checkbox]{accent-color:#111}.figure{margin:26px 0 34px}.figure img{width:100%;border:1px solid #e2e3e6;border-radius:12px;background:#fff}.figure figcaption{font-size:12px;color:#69717d;text-align:center;margin-top:8px}.read-more-strip{border:1px solid #dfe1e5;background:#fbfbfb;border-radius:9px;padding:13px 14px;margin:20px 0 24px}.read-more-strip strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.tag-links{display:flex;flex-wrap:wrap;gap:7px}.tag-link{display:inline-flex;align-items:center;gap:5px;border:1px solid #171717;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;color:#111;background:#fff}.tag-link:hover{background:#111;color:#fff}.tag-link .svg-icon{width:13px;height:13px}
/* blog */
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2{margin:0;font-size:30px;line-height:1.25}.section-title p{margin:4px 0 0;color:#6a7180;font-size:14px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.post-card{border:1px solid #e1e3e7;border-radius:9px;background:#fff;padding:17px;min-height:215px;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(0,0,0,.045)}.post-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.post-icon{width:40px;height:40px;border-radius:8px;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center}.post-icon .svg-icon{width:21px;height:21px}.post-tag{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a7180}.post-card h3{font-size:18px;line-height:1.34;margin:15px 0 8px}.post-card p{font-size:13px;color:#667080;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .readmore{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.post-card .readmore:hover{text-decoration:underline}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.filter-chip{border:1px solid #cfd2d8;background:#fff;border-radius:999px;padding:7px 11px;font:600 12px "Raleway",Arial,sans-serif;cursor:pointer}.filter-chip.active,.filter-chip:hover{background:#111;color:#fff;border-color:#111}
/* inner page */
.page-hero{padding:39px 0 28px;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:#7a818d}.page-hero h1{font-size:38px;line-height:1.2;margin:12px 0 10px;letter-spacing:-.025em}.page-hero p{font-size:15px;color:#596273;max-width:900px;margin:0}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.meta-pill{border:1px solid #d8dbe0;border-radius:999px;padding:5px 9px;font-size:11px;color:#4a5260;background:#fff}.related-box{border-top:1px solid #e4e5e8;margin-top:38px;padding-top:25px}.related-box h2{font-size:24px;margin:0 0 15px}.download-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;padding:38px 0}.download-card{border:1px solid #e0e2e6;border-radius:12px;padding:22px;background:#fff}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platform-tile{border:1px solid #dedfe3;border-radius:9px;padding:15px}.platform-tile h3{margin:5px 0 4px;font-size:17px}.platform-tile p{font-size:12px;color:#69717f;margin:0 0 11px}.small-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:7px;background:#111;color:#fff;font-size:12px;font-weight:700}.small-btn:hover{background:#2b2b2b}.config-note{font-size:12px;color:#777;margin-top:12px}.lang-overview{max-width:850px;margin:0 auto;padding:42px 0}.lang-overview h1{font-size:37px;line-height:1.23}.lang-overview p{color:#4d5665}.lang-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.lang-actions a{background:#111;color:#fff;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}
/* legal/footer */
.simple-page{padding:44px 0}.simple-page h1{font-size:37px;margin:0 0 14px}.simple-page h2{font-size:24px;margin-top:32px}.simple-page p,.simple-page li{font-size:15px;color:#3f4754}.footer{margin-top:35px;background:#090909;color:#bfc3ca;padding:44px 0 23px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer h4{margin:0 0 10px;color:#fff;font-size:15px}.footer a{display:block;padding:4px 0;color:#bfc3ca;font-size:13px}.footer a:hover{color:#fff}.footer p{font-size:13px;color:#9da3ac}.footer .brand-wordmark{margin-bottom:12px;border-color:#fff}.footer .brand-wordmark .brand-left{background:#090909;color:#fff}.footer .brand-wordmark .brand-right{background:#fff;color:#090909}.footer-bottom{border-top:1px solid #292929;margin-top:29px;padding-top:15px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#838993}
@media(max-width:960px){.nav{height:76px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:9px 18px 14px;flex-direction:column;align-items:stretch;gap:1px}.nav-links.open{display:flex}.nav-links>a,.dropbtn{width:100%;justify-content:flex-start}.dropdown-menu{position:static;width:150px;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;margin:0 0 7px 26px;max-height:280px}.dropdown.mobile-open>.dropdown-menu{display:block}.dropdown:hover>.dropdown-menu{display:none}.dropdown.mobile-open:hover>.dropdown-menu{display:block}.badge-grid{grid-template-columns:repeat(3,1fr)}.toc-list{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.download-hero{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(calc(100% - 24px),1180px)}.nav{height:68px}.nav-links{top:68px}.brand-wordmark{height:39px;font-size:19px}.hero{padding-top:24px}.app-logo{width:162px;height:162px;border-radius:13px}.hero h1{font-size:28px;line-height:1.34;margin:13px 0 15px}.hero p{font-size:14px}.btn-primary{min-height:51px;font-size:15px}.hero-meta{font-size:12px}.badge-grid{grid-template-columns:repeat(2,1fr)}.trust-badge{font-size:12px;height:42px}.toc-toggle{font-size:20px}.toc-list{grid-template-columns:1fr}.section{padding:34px 0}.article h2{font-size:27px;margin-top:40px}.article h3{font-size:20px}.article p,.article li{font-size:14px}.blog-grid{grid-template-columns:1fr}.section-title{display:block}.section-title h2{font-size:27px}.footer-grid{grid-template-columns:1fr}.page-hero h1,.simple-page h1,.lang-overview h1{font-size:31px}.platform-grid{grid-template-columns:1fr}.dropdown-menu{margin-left:24px}}

/* v4 refinements */
:root{--blue:#0b62c4;--gold:#d6a517}.container{width:min(calc(100% - 32px),1180px)}
.nav{height:80px;gap:18px}.brand-wordmark{height:40px;font-size:21px}.nav-links{gap:14px}.nav-links>a,.dropbtn{font-size:14px;height:42px}.svg-icon{width:17px;height:17px}.dropdown-menu{width:150px}
.btn-primary{min-height:46px;border-radius:24px;font-size:16px}.badge-grid{gap:8px}.trust-badge{height:34px;border-radius:7px;font-size:12px;box-shadow:0 1px 4px rgba(0,0,0,.14)}
.hero{padding-top:22px}.app-logo{width:190px;height:190px;margin-bottom:12px}.hero h1{font-size:36px;margin:12px 0 13px}.hero p{font-size:16px}.hero-meta{margin:8px 0 13px;font-size:13px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.visual-card{border:1px solid #e1e4e8;border-radius:10px;overflow:hidden;background:#fff}.visual-card img{width:100%;aspect-ratio:1.9/1;object-fit:cover}.visual-card-body{padding:14px}.visual-card h3{margin:0 0 6px;font-size:17px;line-height:1.35}.visual-card p{margin:0 0 10px;font-size:12.5px;color:#667080}.visual-card a.more{font-size:12px;font-weight:800;display:inline-flex;gap:6px;align-items:center}
.post-card.image-card{padding:0;overflow:hidden;min-height:300px}.post-thumb-link{display:block}.post-thumb{width:100%;aspect-ratio:1.9/1;object-fit:cover;border-bottom:1px solid #e4e6ea}.post-card-body{padding:14px;display:flex;flex-direction:column;flex:1}.post-card.image-card h3{margin:7px 0 7px}.post-card.image-card p{margin-bottom:10px}.post-card.image-card .readmore{margin-top:auto}
.feature-image{width:100%;border:1px solid #e2e5e8;border-radius:12px;margin:22px 0 28px}.article-hero-image{margin:22px 0 28px}.article-hero-image img{width:100%;border-radius:12px;border:1px solid #e2e5e8}
.topic-cloud{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0}.topic-cloud a{font-size:11.5px;border:1px solid #d5d9de;border-radius:999px;padding:6px 10px;background:#fff}.topic-cloud a:hover{background:#111;color:#fff;border-color:#111}
.keyword-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 4px}.keyword-meta a{font-size:11px;font-weight:700;background:#f4f5f7;border:1px solid #e2e4e8;border-radius:999px;padding:6px 9px}.keyword-meta a:hover{background:#111;color:#fff}
.script-controls{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 22px}.script-controls a{border:1px solid #cfd4db;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.script-controls a.active,.script-controls a:hover{background:#111;color:#fff;border-color:#111}
.script-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.script-card{border:1px solid #e1e4e8;border-radius:10px;overflow:hidden;background:#fff}.script-card img{width:100%;aspect-ratio:1.9/1;object-fit:cover}.script-card-body{padding:14px}.script-card h3{font-size:17px;line-height:1.35;margin:0 0 6px}.script-card p{font-size:12.5px;color:#667080;margin:0 0 9px}.script-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.script-tags span{font-size:10px;background:#f1f3f5;border-radius:5px;padding:4px 6px}.script-card a{font-size:12px;font-weight:800}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-step{display:flex;gap:12px;align-items:flex-start;margin:12px 0}.step-num{width:32px;height:32px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.guide-step p{margin:3px 0 0}
.home-link{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.context-link{font-weight:650;text-decoration:underline;text-decoration-color:#b8bec7;text-underline-offset:2px}.context-link:hover{text-decoration-color:#111}
.article .inline-callout{border:1px solid #e1e4e8;border-left:4px solid #111;background:#fafafa;border-radius:0 8px 8px 0;padding:13px 15px;margin:19px 0;font-size:13px}
.section.compact{padding:28px 0}.section-title .view-all{font-size:12px;font-weight:800;border:1px solid #111;border-radius:999px;padding:7px 11px}.section-title .view-all:hover{background:#111;color:#fff}
.page-hero{padding:32px 0 24px}.page-hero h1{font-size:36px}.page-hero .feature-image{margin-bottom:0}
@media(max-width:980px){.quick-grid{grid-template-columns:repeat(2,1fr)}.script-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.btn-primary{min-height:44px}.trust-badge{height:35px}.app-logo{width:150px;height:150px}.hero h1{font-size:27px}.quick-grid,.script-grid,.guide-grid{grid-template-columns:1fr}.post-card.image-card{min-height:0}.nav{height:68px}.nav-links{top:68px}}