:root{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;color:var(--color-root-text);background-color:var(--color-root-bg);transition:background-color 0.3s ease,color 0.3s ease;--color-root-text:#2f2a28;--color-root-bg:#e5dcd6;--color-body-bg:#f7f1ec;--color-body-text:#2f2a28;--color-link:#35514f;--color-link-hover:#2f4f52;--color-header-bg:#363f40;--color-header-text:#f2ede8;--color-nav-link:#d9d0ca;--color-nav-link-hover:#ffffff;--color-hero-lead:#5b544f;--color-hero-tag-bg:#2f3738;--color-hero-tag-text:#f2ede8;--color-btn-primary-bg:#4b6765;--color-btn-primary-bg-hover:#3e5756;--color-btn-primary-text:#f7f1ec;--color-btn-ghost-text:#2f2a28;--color-btn-ghost-border:#c8bcb4;--color-btn-ghost-hover-bg:#ddd3cc;--color-card-bg:#fdfaf7;--color-card-border:#d7cbc3;--color-card-muted-text:#5f5954;--color-subline-text:#6b635c;--color-small-text:#6b635c;--color-pill-bg:#d8e4e2;--color-pill-text:#425958;--color-step-number-bg:#2f3738;--color-step-number-text:#f7f1ec;--color-input-border:#cbbfb7;--color-input-focus-border:#627b7a;--color-input-focus-shadow:rgba(98,123,122,0.2);--color-footer-border:#cbbfb7;--color-footer-bg:#e9dfd8;--color-footer-text:#4d4641;--color-footer-link:#35514f} @media (prefers-color-scheme:dark){:root{--color-root-text:#e8dfd9;--color-root-bg:#1f2425;--color-body-bg:#1b1f20;--color-body-text:#e8dfd9;--color-link:#9bbab7;--color-link-hover:#b2cbc7;--color-header-bg:#161b1c;--color-header-text:#e8dfd9;--color-nav-link:#dcd2cb;--color-nav-link-hover:#ffffff;--color-hero-lead:#bdb2ab;--color-hero-tag-bg:#23292b;--color-hero-tag-text:#e8dfd9;--color-btn-primary-bg:#4f6665;--color-btn-primary-bg-hover:#57716f;--color-btn-primary-text:#f7f1ec;--color-btn-ghost-text:#e8dfd9;--color-btn-ghost-border:#4b5455;--color-btn-ghost-hover-bg:#2a3132;--color-card-bg:#242b2c;--color-card-border:#2f3537;--color-card-muted-text:#b4aba4;--color-subline-text:#b4aba4;--color-small-text:#b4aba4;--color-pill-bg:#304041;--color-pill-text:#dfe4e1;--color-step-number-bg:#e8dfd9;--color-step-number-text:#1b1f20;--color-input-border:#3b4344;--color-input-focus-border:#82a09d;--color-input-focus-shadow:rgba(146,175,172,0.35);--color-footer-border:#2f3537;--color-footer-bg:#1a1f21;--color-footer-text:#d8cfc9;--color-footer-link:#9bbab7}} @font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:400;src:url('/fonts/inter-v20-latin-regular.woff2') format('woff2')} @font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:700;src:url('/fonts/inter-v20-latin-700.woff2') format('woff2')} *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:80px} body{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;letter-spacing:0.01em;background:var(--color-body-bg);color:var(--color-body-text)} a{color:var(--color-link);text-decoration:underline} a:hover{text-decoration:none} header{background-color:var(--color-header-bg);color:var(--color-header-text);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10} .logo{font-weight:700;letter-spacing:0.03em;font-size:1.1rem} .logo-link{color:inherit;text-decoration:none;white-space:nowrap;display:inline-block} nav a{color:var(--color-nav-link);margin-left:1.25rem;text-decoration:none;font-size:0.95rem} #nav-menu{display:flex;align-items:center;gap:20px} nav a:hover{color:var(--color-nav-link-hover)} main{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 4rem} h1,h2,h3{font-weight:700} h1{font-size:1.8rem;margin-bottom:1rem} h2{font-size:1.3rem;margin-top:2rem;margin-bottom:0.5rem} h3{font-size:1.05rem;margin-top:1.3rem;margin-bottom:0.3rem} p{margin:0.35rem 0} ul{margin:0.3rem 0 0.9rem;padding-left:1.3rem} .hero{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.4fr);gap:2rem;align-items:center;margin-top:1.5rem;margin-bottom:3rem} .hero h1{font-size:clamp(2rem,3vw + 1rem,2.8rem);margin:0 0 0.75rem} .hero p.lead{font-size:1.05rem;margin-bottom:1rem;color:var(--color-hero-lead)} .hero-tag{display:inline-block;padding:0.25rem 0.6rem;border-radius:999px;font-size:0.75rem;background:var(--color-hero-tag-bg);color:var(--color-hero-tag-text);margin-bottom:0.9rem;text-transform:uppercase;letter-spacing:0.08em} .hero-cta{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center} .btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);padding:0.7rem 1.2rem;border-radius:999px;border:none;cursor:pointer;font-size:0.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.4rem} .btn-primary:hover{background-color:var(--color-btn-primary-bg-hover)} .btn-ghost{background:transparent;color:var(--color-btn-ghost-text);padding:0.5rem 0.9rem;border-radius:999px;border:1px solid var(--color-btn-ghost-border);cursor:pointer;font-size:0.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.4rem} .btn-ghost:hover{background-color:var(--color-btn-ghost-hover-bg)} .hero-card{background:var(--color-card-bg);padding:1.3rem 1.3rem 1.1rem;border-radius:1rem;box-shadow:0 10px 40px rgba(15,23,42,0.12);font-size:0.9rem} .hero-card h2{font-size:0.98rem;margin-top:0;margin-bottom:0.6rem} .hero-card ul{padding-left:1.1rem;margin:0.4rem 0 0.75rem;color:var(--color-card-muted-text)} section{margin-bottom:3rem} section h2{font-size:1.5rem;margin-bottom:0.75rem} .subline{color:var(--color-subline-text);font-size:0.95rem;margin-bottom:1.5rem} .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem} .card{background:var(--color-card-bg);border-radius:1rem;padding:1.25rem;border:1px solid var(--color-card-border);font-size:0.95rem} .card h3{margin-top:0;margin-bottom:0.4rem;font-size:1.02rem} .pill{display:inline-block;padding:0.18rem 0.5rem;border-radius:999px;background-color:var(--color-pill-bg);color:var(--color-pill-text);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.4rem} .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem} .step-number{width:1.6rem;height:1.6rem;border-radius:999px;background-color:var(--color-step-number-bg);color:var(--color-step-number-text);display:inline-flex;align-items:center;justify-content:center;font-size:0.85rem;margin-bottom:0.5rem} .two-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr);gap:2rem} .faq-item{border-bottom:1px solid var(--color-footer-border);padding:0.7rem 0} .faq-item:last-child{border-bottom:none} .faq-item h3{margin:0 0 0.25rem;font-size:0.98rem} form{display:grid;gap:0.75rem;font-size:0.9rem} label{font-weight:500;margin-bottom:0.15rem;display:inline-block} input,textarea{width:100%;padding:0.55rem 0.55rem;border-radius:0.6rem;border:1px solid var(--color-input-border);font:inherit} input:focus,textarea:focus{outline:none;border-color:var(--color-input-focus-border);box-shadow:0 0 0 1px var(--color-input-focus-shadow)} small{font-size:0.78rem;color:var(--color-small-text)} .messenger-row{display:flex;align-items:center;gap:8px;margin:0 0 6px 0} .messenger-label{display:inline-block;width:90px} .messenger-icon{width:20px;height:20px;display:block} footer{border-top:1px solid var(--color-footer-border);padding:1.5rem;font-size:0.8rem;color:var(--color-footer-text);text-align:center;background:var(--color-footer-bg)} footer a{color:var(--color-footer-link);text-decoration:none} footer a:hover{text-decoration:underline} @media (max-width:860px){#hamburger{display:block !important} #nav-menu{position:absolute;top:80px;left:0;right:0;flex-direction:column;gap:0;background-color:var(--color-header-bg);padding:1rem 1.5rem;display:none;border-top:1px solid rgba(255,255,255,0.1)} #nav-menu.open{display:flex} nav a{padding:0.5rem 0;margin-left:0;border-bottom:1px solid rgba(255,255,255,0.05)} nav a:last-child{border-bottom:none} .hero{grid-template-columns:minmax(0,1fr)} .two-cols{grid-template-columns:minmax(0,1fr)} .grid,.steps{grid-template-columns:minmax(0,1fr)} header{flex-direction:row;align-items:center} nav{display:flex;flex-wrap:wrap} html{scroll-padding-top:90px}} #hamburger{display:none;background:transparent;border:none;padding:6px;cursor:pointer;width:40px;height:34px;box-sizing:content-box;-webkit-tap-highlight-color:transparent} #hamburger .bar{display:block;width:22px;height:2px;background:#ffffff;margin:5px 0;border-radius:2px;transition:transform 0.18s ease,opacity 0.18s ease;transform-origin:center} #hamburger.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)} #hamburger.open .bar:nth-child(2){opacity:0} #hamburger.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)} #hamburger:focus{outline:2px solid color-mix(in srgb,var(--color-root-text) 30%,transparent);outline-offset:2px} .mobile-break{display:none} @media (max-width:600px){.mobile-break{display:inline}}