:root { --info-bg:#f5f6ef; --info-surface:#ffffff; --info-text:#0f1720; --info-muted:#5a6474; --info-line:#dce3d0; --info-primary:#0a7f5a; --info-accent:#ef8f1a; --info-shadow:0 18px 42px rgba(15,23,32,.08); }
.theme-dark { --info-bg:#10151e; --info-surface:#171f2d; --info-text:#eef2f7; --info-muted:#9fb0c5; --info-line:#273244; --info-primary:#52d8a8; }
* { box-sizing:border-box; }
html, body { min-height:100%; margin:0; }
body { display:flex; flex-direction:column; font-family:Manrope,sans-serif; color:var(--info-text); background:radial-gradient(circle at 10% 8%,rgba(239,143,26,.11),transparent 25%),radial-gradient(circle at 90% 2%,rgba(10,127,90,.13),transparent 29%),var(--info-bg); }
a { color:inherit; }.header-actions{display:flex;align-items:center;gap:16px}.maker-header-link{color:var(--info-primary);font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}.maker-header-link:hover{color:var(--info-text);text-decoration:none}.site-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; padding:14px 22px; border-bottom:1px solid var(--info-line); background:rgba(245,246,239,.92); backdrop-filter:blur(16px); }.theme-dark .site-header { background:rgba(16,21,30,.92); }.brand img { display:block; width:auto; height:52px; max-width:240px; object-fit:contain; }.top-nav,.cta-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }.btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 18px; border:1px solid var(--info-line); border-radius:999px; background:var(--info-surface); color:var(--info-text); font:700 .9rem Manrope,sans-serif; text-decoration:none; transition:transform .18s,box-shadow .18s; }.btn:hover { transform:translateY(-2px); }.btn-primary { border-color:var(--info-primary); background:var(--info-primary); color:#fff; box-shadow:0 9px 18px rgba(10,127,90,.22); }.btn-soft { background:rgba(10,127,90,.1); color:var(--info-primary); }.btn-ghost { background:transparent; }.btn:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid rgba(239,143,26,.8); outline-offset:3px; }
.info-page { width:min(980px,calc(100% - 40px)); margin:40px auto 88px; }.info-surface,.info-document { border:1px solid var(--info-line); background:var(--info-surface); box-shadow:var(--info-shadow); }.info-document { max-width:820px; margin:auto; padding:clamp(28px,6vw,68px); border-radius:26px; }.info-document h1,.info-document h2,.info-document h3,.support-page h1,.support-page h2 { font-family:"Space Grotesk",sans-serif; letter-spacing:-.025em; }.info-document h1 { margin:0 0 10px; font-size:clamp(2.3rem,5vw,4.2rem); line-height:1; }.info-document h2 { margin:44px 0 12px; padding-top:22px; border-top:1px solid var(--info-line); font-size:clamp(1.35rem,2vw,1.75rem); }.info-document h3 { margin:28px 0 8px; font-size:1.1rem; color:var(--info-primary); }.page-copy { max-width:70ch; margin:0 0 16px; color:var(--info-muted); line-height:1.75; }.page-copy strong { color:var(--info-text); }.info-document ul.page-copy { display:grid; gap:8px; margin:0 0 18px; padding-left:22px; }.info-document li::marker { color:var(--info-primary); }.legal-document > .page-copy:first-of-type { padding-bottom:22px; border-bottom:1px solid var(--info-line); font-size:.88rem; }
.support-page { display:grid; gap:22px; }.support-hero { display:grid; gap:18px; padding:clamp(28px,5vw,62px); border-radius:28px; background:radial-gradient(circle at 90% 15%,rgba(239,143,26,.23),transparent 25%),radial-gradient(circle at 8% 95%,rgba(10,127,90,.19),transparent 30%),var(--info-surface); }.eyebrow { margin:0; color:var(--info-primary); font-family:"Space Grotesk",sans-serif; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.support-hero h1 { max-width:14ch; margin:0; font-size:clamp(2.25rem,5vw,4.6rem); line-height:.98; }.support-hero .page-copy { max-width:62ch; margin:0; }.support-contact { margin:0; color:var(--info-muted); font-size:.9rem; }.support-contact a { color:var(--info-primary); font-weight:800; }.support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.support-card { display:grid; align-content:start; gap:14px; padding:26px; border-radius:20px; }.support-card h2,.support-faq h2,.support-note h2 { margin:0; font-size:1.35rem; }.support-copy { margin:0; color:var(--info-muted); line-height:1.65; }.support-list { display:grid; gap:9px; margin:0; padding-left:20px; color:var(--info-muted); font-size:.88rem; line-height:1.55; }.support-list li::marker { color:var(--info-primary); }.support-card .btn { justify-self:start; margin-top:4px; }.support-faq { display:grid; gap:10px; padding:clamp(26px,5vw,48px); border-radius:24px; }.section-title { margin-bottom:12px; }.section-title p { margin:8px 0 0; color:var(--info-muted); line-height:1.6; }.support-faq details { border-top:1px solid var(--info-line); padding:17px 0 0; }.support-faq summary { cursor:pointer; font-weight:800; }.support-faq details p { max-width:70ch; margin:12px 0 0; color:var(--info-muted); line-height:1.65; }.support-note { display:grid; gap:10px; padding:30px; border-radius:20px; border-color:rgba(10,127,90,.3); background:linear-gradient(135deg,rgba(10,127,90,.09),var(--info-surface)); }.site-footer { margin-top:auto; padding:24px 20px; border-top:1px solid var(--info-line); color:var(--info-muted); text-align:center; }.site-footer__links { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; }.site-footer a { text-decoration:none; }.site-footer__copyright { margin:10px 0 0; font-size:.85rem; }
@media(max-width:700px) { .site-header { padding:12px; }.brand img { height:43px; }.top-nav { gap:6px; }.top-nav .btn { min-height:41px; padding-inline:12px; font-size:.8rem; }.info-page { width:min(100% - 24px,620px); margin:20px auto 56px; }.info-document { padding:29px 22px; border-radius:20px; }.info-document h2 { margin-top:34px; padding-top:18px; }.support-hero { padding:30px 22px; border-radius:22px; }.support-grid { grid-template-columns:1fr; }.support-card,.support-faq,.support-note { padding:24px 20px; border-radius:18px; }.cta-row .btn { width:100%; }.page-copy { line-height:1.68; } }