html{scroll-behavior:smooth}:root{color-scheme:dark;--bg: #101216;--bg-soft: #171b21;--card: #1f252d;--card-strong: #262e38;--card-cool: #202735;--card-cool-2: #18202c;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--muted: #b7c0ce;--text: #f6f7fb;--brand: #ff7a00;--brand2: #ffb703;--brand3: #ffd166;--accent-sky: #4cc9f0;--brand-soft: rgba(255, 122, 0, .14);--brand-line: rgba(255, 122, 0, .28);--cool-line: rgba(76, 201, 240, .24);--ok: #22c55e;--shadow: 0 24px 60px rgba(0, 0, 0, .34);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--fab-accent1: #00eaff;--fab-accent2: #00ffa8;--fab-shadow: #336abfe5;--fab-text: #001318;--html-bg: #101216;--page-bg: radial-gradient(1100px 700px at -10% -15%, rgba(255, 122, 0, .26) 0%, rgba(255, 122, 0, 0) 55%), radial-gradient(900px 580px at 110% 0%, rgba(255, 183, 3, .18) 0%, rgba(255, 183, 3, 0) 50%), linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 20%), linear-gradient(180deg, #0f1216 0%, #141920 100%);--grid-line: rgba(255, 255, 255, .025);--header-bg: rgba(14, 17, 22, .72);--surface-edge: linear-gradient(90deg, rgba(76, 201, 240, 0), rgba(76, 201, 240, .5), rgba(130, 150, 255, .35), rgba(76, 201, 240, 0));--badge-text: #1d1003;--badge-border: rgba(255, 214, 153, .42);--badge-shadow: 0 14px 30px rgba(255, 122, 0, .22), inset 0 0 0 1px rgba(255, 255, 255, .14);--hero-bg: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02) 45%, rgba(76, 201, 240, .05) 100%), rgba(20, 24, 30, .82);--hero-glow: radial-gradient(520px 300px at 95% 0%, rgba(83, 117, 255, .18), transparent 70%), radial-gradient(280px 180px at 12% 100%, rgba(76, 201, 240, .1), transparent 70%), linear-gradient(135deg, rgba(255, 255, 255, .04), transparent 45%);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015));--kpi-bg: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .015)), var(--card);--input-bg: rgba(10, 13, 18, .92);--input-border: rgba(255, 122, 0, .32);--input-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03);--btn-primary-bg: linear-gradient(135deg, var(--brand), var(--brand2));--btn-primary-text: #1a0c00;--btn-primary-shadow: 0 18px 34px rgba(255, 122, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .08);--btn-primary-hover-bg: linear-gradient(135deg, #ff8a18, #ffc21a);--btn-primary-hover-text: #1a0c00;--btn-primary-hover-shadow: 0 18px 34px rgba(255, 122, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .14);--btn-ghost-bg: rgba(255, 255, 255, .02);--btn-ghost-border: var(--brand-line);--btn-ghost-text: #ffdcb7;--btn-ghost-hover-bg: rgba(255, 255, 255, .06);--btn-ghost-hover-border: rgba(255, 183, 3, .32);--btn-ghost-hover-text: #ffe6cb;--feature-bg: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .01)), linear-gradient(180deg, rgba(76, 201, 240, .03), rgba(76, 201, 240, 0)), var(--card-cool);--faq-bg: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .01)), linear-gradient(180deg, rgba(83, 117, 255, .03), rgba(83, 117, 255, 0)), var(--card-cool-2);--pill-bg: rgba(255, 255, 255, .03);--pill-text: #d7dee8;--promo-bg: radial-gradient(340px 220px at 0% 0%, rgba(255, 255, 255, .18), transparent 62%), linear-gradient(145deg, #ffb703 0%, #ff9719 42%, #ff7a00 100%);--promo-border: rgba(255, 183, 3, .52);--promo-shadow: 0 28px 54px rgba(0, 0, 0, .34), 0 18px 38px rgba(255, 122, 0, .28);--promo-text: #221203;--promo-copy: #2b1702;--promo-line: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 250, 236, .92), rgba(255, 232, 195, .7), rgba(255, 255, 255, 0));--promo-label-bg: rgba(50, 23, 4, .12);--promo-label-border: rgba(78, 34, 0, .12);--promo-label-text: rgba(43, 23, 2, .86);--promo-code-bg: rgba(255, 255, 255, .88);--promo-code-border: rgba(255, 248, 235, .34);--promo-code-text: #221203;--promo-code-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 10px 20px rgba(86, 37, 0, .18);--promo-feature-bg: rgba(255, 250, 242, .16);--promo-feature-border: rgba(100, 47, 1, .12);--promo-btn-primary-bg: #23140a;--promo-btn-primary-hover-bg: #140c06;--promo-btn-primary-text: #fff4ea;--promo-btn-primary-shadow: 0 16px 26px rgba(74, 31, 0, .2);--promo-btn-primary-hover-shadow: 0 16px 26px rgba(74, 31, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .06);--promo-btn-ghost-bg: rgba(255, 250, 242, .22);--promo-btn-ghost-border: rgba(90, 38, 0, .18);--promo-btn-ghost-text: #2b1702;--promo-btn-ghost-hover-bg: rgba(255, 250, 242, .34);--promo-btn-ghost-hover-border: rgba(90, 38, 0, .28);--promo-btn-ghost-hover-text: #2b1702;--media-card-bg: radial-gradient(260px 160px at 100% 0%, rgba(76, 201, 240, .08), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .015)), rgba(15, 20, 28, .92);--about-card-bg: radial-gradient(220px 120px at 100% 0%, rgba(76, 201, 240, .07), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015)), rgba(18, 23, 32, .88);--avatar-border: rgba(130, 150, 255, .34);--avatar-shadow: 0 0 0 8px rgba(76, 201, 240, .06), 0 14px 26px rgba(0, 0, 0, .16);--theme-switcher-bg: rgba(255, 255, 255, .03);--theme-switcher-border: var(--line);--theme-option-text: var(--muted);--theme-option-hover-bg: rgba(255, 255, 255, .06);--theme-option-active-bg: linear-gradient(135deg, var(--brand3), var(--brand2));--theme-option-active-text: #1a0c00;--theme-option-active-shadow: 0 10px 22px rgba(255, 183, 3, .22);--theme-menu-bg: #1d232c;--theme-menu-border: rgba(255, 255, 255, .1);--theme-menu-shadow: 0 24px 50px rgba(0, 0, 0, .28);--theme-menu-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--theme-trigger-text: var(--text);--theme-trigger-hover-bg: rgba(255, 255, 255, .06);--theme-icon-core: rgba(255, 245, 216, .9);--theme-icon-cut: rgba(16, 18, 22, .92)}:root[data-theme=light]{color-scheme:light;--bg: #f6efe5;--bg-soft: #fffaf4;--card: #ffffff;--card-strong: #fff4ea;--card-cool: #fffdf9;--card-cool-2: #fbf5ee;--line: rgba(92, 66, 34, .12);--line-strong: rgba(92, 66, 34, .22);--muted: #5f6672;--text: #15202b;--shadow: 0 20px 44px rgba(72, 44, 18, .1);--html-bg: #f6efe5;--page-bg: radial-gradient(1000px 620px at -10% -15%, rgba(255, 122, 0, .14) 0%, rgba(255, 122, 0, 0) 56%), radial-gradient(820px 520px at 108% 0%, rgba(255, 183, 3, .14) 0%, rgba(255, 183, 3, 0) 52%), linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, 0) 24%), linear-gradient(180deg, #f7f1e8 0%, #f2e7d8 100%);--grid-line: rgba(91, 60, 23, .055);--header-bg: rgba(255, 250, 244, .82);--surface-edge: linear-gradient(90deg, rgba(255, 183, 3, 0), rgba(255, 153, 0, .36), rgba(255, 122, 0, .24), rgba(255, 183, 3, 0));--badge-text: #2b1702;--badge-border: rgba(255, 150, 0, .28);--badge-shadow: 0 14px 28px rgba(255, 122, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .2);--hero-bg: linear-gradient(160deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .82) 48%, rgba(255, 224, 188, .52) 100%), rgba(255, 250, 244, .92);--hero-glow: radial-gradient(520px 300px at 95% 0%, rgba(255, 183, 3, .16), transparent 70%), radial-gradient(280px 180px at 12% 100%, rgba(255, 122, 0, .08), transparent 70%), linear-gradient(135deg, rgba(255, 255, 255, .45), transparent 48%);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .64));--kpi-bg: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .66)), var(--card);--input-bg: rgba(255, 255, 255, .86);--input-border: rgba(255, 122, 0, .24);--input-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);--btn-primary-shadow: 0 18px 34px rgba(255, 122, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .12);--btn-primary-hover-shadow: 0 18px 34px rgba(255, 122, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .18);--btn-ghost-bg: rgba(255, 255, 255, .62);--btn-ghost-border: rgba(255, 122, 0, .2);--btn-ghost-text: #8a4b14;--btn-ghost-hover-bg: rgba(255, 255, 255, .86);--btn-ghost-hover-border: rgba(255, 122, 0, .3);--btn-ghost-hover-text: #6b360a;--feature-bg: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .62)), linear-gradient(180deg, rgba(255, 183, 3, .05), rgba(255, 183, 3, 0)), var(--card-cool);--faq-bg: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .62)), linear-gradient(180deg, rgba(255, 122, 0, .04), rgba(255, 122, 0, 0)), var(--card-cool-2);--pill-bg: rgba(255, 255, 255, .56);--pill-text: #4e5968;--promo-bg: radial-gradient(340px 220px at 0% 0%, rgba(255, 255, 255, .28), transparent 62%), linear-gradient(145deg, #ffd166 0%, #ffb347 42%, #ff8a00 100%);--promo-border: rgba(255, 149, 0, .34);--promo-shadow: 0 22px 44px rgba(140, 84, 22, .16), 0 14px 28px rgba(255, 122, 0, .18);--promo-label-bg: rgba(70, 32, 2, .1);--promo-label-border: rgba(70, 32, 2, .12);--promo-feature-bg: rgba(255, 250, 242, .38);--promo-feature-border: rgba(90, 38, 0, .12);--media-card-bg: radial-gradient(260px 160px at 100% 0%, rgba(255, 183, 3, .1), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .62)), rgba(255, 250, 244, .86);--about-card-bg: radial-gradient(220px 120px at 100% 0%, rgba(255, 183, 3, .08), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .64)), rgba(255, 250, 244, .88);--avatar-border: rgba(255, 153, 0, .28);--avatar-shadow: 0 0 0 8px rgba(255, 183, 3, .08), 0 14px 26px rgba(72, 44, 18, .12);--theme-switcher-bg: rgba(255, 255, 255, .82);--theme-switcher-border: rgba(92, 66, 34, .12);--theme-option-text: #41505f;--theme-option-hover-bg: rgba(255, 122, 0, .08);--theme-option-active-bg: linear-gradient(135deg, #ffd48c, #ffab48);--theme-option-active-text: #3b2400;--theme-option-active-shadow: 0 10px 22px rgba(255, 153, 0, .18);--theme-menu-bg: #fff7ef;--theme-menu-border: rgba(92, 66, 34, .16);--theme-menu-shadow: 0 22px 42px rgba(97, 61, 20, .14);--theme-menu-highlight: inset 0 1px 0 rgba(255, 255, 255, .75);--theme-trigger-text: #243341;--theme-trigger-hover-bg: rgba(255, 122, 0, .08);--theme-icon-core: rgba(255, 183, 3, .95);--theme-icon-cut: rgba(255, 250, 244, .95)}*{box-sizing:border-box}html{margin:0;min-height:100%;background:var(--html-bg)}body{margin:0;min-height:100vh;min-height:100dvh;font-family:Segoe UI Variable Text,Segoe UI Variable Display,Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,Helvetica Neue,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;-webkit-text-size-adjust:100%;text-size-adjust:100%;color:var(--text);background:var(--page-bg);background-repeat:no-repeat!important;line-height:1.58;transition:background .24s ease,color .24s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 82%);opacity:.35}a{color:var(--brand)}p,ul,ol,li,blockquote{line-height:inherit;hyphens:auto}h1{font-size:clamp(2.9rem,7vw,5.4rem);line-height:.96;letter-spacing:-.04em;text-wrap:balance}h2{font-size:clamp(1.6rem,2.2vw,2.1rem);line-height:1.12}h3{font-size:1.05rem;line-height:1.24}p{text-align:justify}p:last-child{margin-bottom:0}.wrap{max-width:1240px;margin:0 auto;padding:28px 24px 56px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:var(--header-bg);backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;z-index:30;overflow:visible}header:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:var(--surface-edge)}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-left:auto;position:relative;z-index:1}.badge{display:inline-flex;gap:10px;align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:var(--badge-text);border:1px solid var(--badge-border);padding:10px 16px;border-radius:999px;font-weight:700;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--badge-shadow)}.hero{grid-area:hero;margin-bottom:28px}.hero-copy{position:relative;padding:32px;border-radius:var(--radius-xl);background:var(--hero-bg);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;container-type:inline-size}.hero-copy:before{content:"";position:absolute;inset:0;background:var(--hero-glow);pointer-events:none}.hero-copy>*{position:relative;z-index:1}.hero h1{margin:18px 0}.hero .shadow-text{font-style:normal;text-shadow:0 0 24px var(--brand)}.hero p{color:var(--muted)}.hero p.hero-subtitle{color:unset;font-size:2rem;font-weight:700;line-height:1.05}.card{display:grid;gap:18px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden;container-type:inline-size}.card>*{margin:0;position:relative;z-index:1}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--surface-edge);opacity:.9;pointer-events:none}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.kpi{min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:var(--kpi-bg);border:1px solid var(--line);border-radius:20px;padding:18px 16px;text-align:left;position:relative;overflow:hidden}.kpi strong{font-size:2rem;line-height:1}.cta{display:flex;gap:12px;margin:1.5rem auto;flex-wrap:wrap;flex-direction:column;width:100%}.highlight-text{color:var(--brand)}.underlined{text-decoration:underline}.code{flex:1;min-width:220px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:16px;padding:16px 18px;font-size:1.15rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text);box-shadow:var(--input-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;appearance:none;border:0;border-radius:16px;padding:14px 20px;font-weight:700;cursor:pointer;text-transform:uppercase;text-decoration:none;text-align:center;transition:background-color .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-icon{width:1.05rem;height:1.05rem}@container (min-width: 600px){.cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);box-shadow:var(--btn-primary-hover-shadow)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1px solid var(--btn-ghost-border)}.btn-ghost:hover{background:var(--btn-ghost-hover-bg);border-color:var(--btn-ghost-hover-border);color:var(--btn-ghost-hover-text)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{background:var(--feature-bg);border:1px solid var(--line);border-radius:18px;padding:18px 18px 20px;position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.feature h3{margin:0 0 10px}.how{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0 28px}.quote{color:var(--text);border-left:4px solid var(--brand);padding-left:14px;margin:0}.foot{font-size:.9rem;color:var(--muted)}.faq-card{margin-top:0}.faq-list{display:grid;gap:16px;margin-top:22px}.faq-item{background:var(--faq-bg);border:1px solid var(--line);border-radius:18px;padding:20px;position:relative;overflow:hidden}.faq-item h3{margin:0 0 10px}.lead{margin:0 0 18px;color:var(--text);font-size:1.1rem}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bullet-list{margin:0;padding-left:1.2rem;color:var(--muted)}.bullet-list li+li{margin-top:8px}.ordered-list{display:grid;gap:10px}.content-card p{margin:0;color:var(--muted)}.content-card strong,.bullet-list strong{color:var(--text)}.feature .bullet-list{margin-top:10px}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--pill-bg);border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--pill-text);font-size:.78rem;text-align:center;text-transform:uppercase;letter-spacing:.08em}.theme-menu{position:relative}.theme-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:999px;border:1px solid var(--theme-switcher-border);background:var(--theme-switcher-bg);color:var(--theme-trigger-text);box-shadow:var(--shadow);backdrop-filter:blur(14px);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.theme-trigger:hover{background:var(--theme-trigger-hover-bg);transform:translateY(-1px)}.theme-menu[data-open=true] .theme-trigger{background:var(--theme-trigger-hover-bg);border-color:var(--line-strong)}.theme-trigger:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}.theme-trigger-icon{position:relative;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;background:var(--theme-icon-core);box-shadow:inset 0 0 0 1px #ffffff1f;overflow:hidden}.theme-trigger-icon:before{content:"";position:absolute;top:1px;right:-1px;width:10px;height:14px;border-radius:999px;background:var(--theme-icon-cut)}.theme-trigger:after{content:"";position:absolute;right:6px;bottom:6px;width:9px;height:9px;border-radius:50%;border:2px solid var(--theme-switcher-bg);background:var(--brand2);box-shadow:0 0 0 1px #0000000f;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,background .18s ease}:root[data-theme-preference=auto] .theme-trigger:after{opacity:1;transform:scale(1);background:var(--accent-sky)}.theme-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;display:grid;gap:6px;padding:8px;border-radius:18px;border:1px solid var(--theme-menu-border);background:var(--theme-menu-bg);box-shadow:var(--theme-menu-highlight),var(--theme-menu-shadow);z-index:60}.theme-menu-panel[hidden]{display:none}.theme-option{display:flex;align-items:center;justify-content:flex-start;width:100%;appearance:none;border:0;border-radius:12px;padding:11px 12px;background:transparent;color:var(--theme-option-text);font:inherit;font-size:.88rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.theme-option:hover{background:var(--theme-option-hover-bg)}.theme-option[aria-pressed=true]{background:var(--theme-option-active-bg);color:var(--theme-option-active-text);box-shadow:var(--theme-option-active-shadow)}.theme-option:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}#code-section{grid-area:aside;scroll-margin:1.5rem;position:sticky;top:28px;align-self:start;background:var(--promo-bg);border-color:var(--promo-border);box-shadow:var(--promo-shadow);color:var(--promo-text)}#code-section:before{background:var(--promo-line)}#code-section p,#code-section .foot,#code-section h2,#code-section h3{color:var(--promo-copy)}#code-section a:not(.btn){color:#8a3200;text-decoration:underline}#code-section a:not(.btn):hover{color:#5f2200}#code-section .cta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}#code-section .code-wrap{display:grid;gap:8px}#code-section .cta-label{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:var(--promo-label-bg);border:1px solid var(--promo-label-border);color:var(--promo-label-text);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#code-section .code{background:var(--promo-code-bg);border-color:var(--promo-code-border);color:var(--promo-code-text);box-shadow:var(--promo-code-shadow)}#code-section .btn{display:inline-flex;align-items:center;width:100%;justify-content:center}#code-section .feature{background:var(--promo-feature-bg);border-color:var(--promo-feature-border);box-shadow:none;padding:14px 14px 14px 16px;border-radius:14px}#code-section .feature h3{margin-bottom:6px}#code-section .btn-primary{background:var(--promo-btn-primary-bg);color:var(--promo-btn-primary-text);box-shadow:var(--promo-btn-primary-shadow)}#code-section .btn-primary:hover{background:var(--promo-btn-primary-hover-bg);color:var(--promo-btn-primary-text);box-shadow:var(--promo-btn-primary-hover-shadow)}#code-section .btn-ghost{background:var(--promo-btn-ghost-bg);border-color:var(--promo-btn-ghost-border);color:var(--promo-btn-ghost-text)}#code-section .btn-ghost:hover{background:var(--promo-btn-ghost-hover-bg);border-color:var(--promo-btn-ghost-hover-border);color:var(--promo-btn-ghost-hover-text)}#code-section h2:first-of-type{margin-bottom:14px}#code-section h2+.how,#code-section .how{gap:10px;margin:16px 0 20px}.overview-stack{grid-area:overview;display:grid;gap:24px}.overview{padding:28px}.page-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,380px);grid-template-areas:"hero aside" "overview aside" "lower aside";gap:28px;align-items:start}.lower-stack{grid-area:lower;display:grid;gap:24px}.card-media{gap:16px;padding:22px;border-radius:22px;background:var(--media-card-bg)}@media(max-width:980px){.wrap{padding:18px 16px 42px}header{border-radius:28px}.hero{margin-bottom:0}.hero-copy{padding:26px}.page-shell{grid-template-columns:1fr;grid-template-areas:"hero" "aside" "overview" "lower"}.split-grid{grid-template-columns:1fr}#code-section{position:static;top:auto}.grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo theme" "pill pill";align-items:center;border-radius:24px}.logo{grid-area:logo;min-width:0}.header-actions{display:contents}.theme-menu{grid-area:theme;justify-self:end}.pill{grid-area:pill;width:100%;margin-top:-4px}.hero-copy,.card,.overview{padding:20px}.hero h1{max-width:none}.grid,.kpis{grid-template-columns:1fr}.cta{flex-direction:column}.btn,.code{width:100%}}.brand-icon{height:28px;width:auto;vertical-align:-6px;margin-right:8px}.brand-wordmark{max-width:280px;width:100%;height:auto;display:block;margin:0 auto 8px}.about-card{display:flex;align-items:center;gap:16px;margin-top:0;min-height:100%;background:var(--about-card-bg)}.about-card .avatar{width:88px;height:88px;border-radius:50%;border:2px solid var(--avatar-border);flex:0 0 auto;box-shadow:var(--avatar-shadow)}@media(max-width:480px){.pill{max-width:100%}.theme-menu-panel{right:0;min-width:min(200px,calc(100vw - 48px))}.about-card{flex-direction:column;align-items:flex-start}}.fab{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;background:linear-gradient(135deg,var(--fab-accent1),var(--fab-accent2));color:var(--fab-text);border:0;border-radius:999px;padding:12px 16px;font-weight:700;box-shadow:0 0 0 3px #00eaff59,0 14px 28px #00000073;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;cursor:pointer}.fab.show{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.fab:focus{outline:3px solid rgba(0,234,255,.7);outline-offset:2px}.fab .emoji{margin-left:.5ch;text-shadow:1px 2px 2px var(--fab-shadow)}.fab.show:after{content:"";position:absolute;inset:-8px;border-radius:999px;box-shadow:0 0 #00eaff8c;animation:pulseRing 1.8s ease-out infinite}@keyframes pulseRing{0%{box-shadow:0 0 #00eaff8c}70%{box-shadow:0 0 0 14px #00eaff00}to{box-shadow:0 0 #00eaff00}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fab{transition:none}.fab.show:after{animation:none}}.yt-lite{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;margin:0 auto;border-radius:.5rem;overflow:hidden;cursor:pointer;background:var(--bg)}@media(max-width:480px){.yt-lite{width:100%}}.yt-lite.lazyloaded{background-size:cover;background-position:center}.yt-lite .lty-playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:12px;background:#0009;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;box-shadow:0 10px 24px #0006}.yt-lite .lty-playbtn:before{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:3px}.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}header,.hero-copy,.card,.kpi,.feature,.faq-item,.pill,.code,#code-section,.media-card,.about-card,.theme-trigger,.theme-menu-panel{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}