
:root{--bg:#f6f8fc;--surface:#fff;--surface2:#eef3fb;--text:#111827;--muted:#5f6b7a;--line:#dce3ee;--primary:#2563eb;--primary2:#7c3aed;--success:#087f5b;--shadow:0 18px 50px rgba(17,24,39,.10);--radius:24px;--max:1160px;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px 14px;border-radius:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,227,238,.8)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--text)}.brand:hover{text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px}.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav-links a{color:var(--muted);font-weight:650}.nav-links a[aria-current=page],.nav-links a:hover{color:var(--primary);text-decoration:none}.lang{display:flex;gap:6px}.lang a{padding:5px 8px;border-radius:9px;font-size:.85rem}.lang a.active{background:var(--surface2);color:var(--text)}.hero{padding:96px 0 76px;background:radial-gradient(circle at 82% 8%,rgba(124,58,237,.18),transparent 32%),radial-gradient(circle at 15% 20%,rgba(37,99,235,.16),transparent 35%),linear-gradient(180deg,#fff,var(--bg))}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:64px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:.84rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero h1,.page-head h1{font-size:clamp(2.7rem,7vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.lead{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--muted);max-width:720px;margin:0}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 21px;border-radius:14px;font-weight:750;border:1px solid transparent;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);text-decoration:none}.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.25)}.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.app-showcase{background:linear-gradient(145deg,#0f172a,#1e293b);padding:30px;border-radius:36px;box-shadow:0 30px 70px rgba(15,23,42,.28);transform:rotate(1.2deg)}.app-showcase img{display:block;width:min(220px,70%);margin:auto;border-radius:48px;box-shadow:0 18px 45px rgba(0,0,0,.34)}.showcase-copy{color:#e5e7eb;text-align:center;margin-top:22px}.showcase-copy strong{font-size:1.3rem;color:#fff}.section{padding:78px 0}.section.alt{background:var(--surface2)}.section-head{max-width:740px;margin-bottom:38px}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}.section-head p{margin:0;color:var(--muted);font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(17,24,39,.05)}.card h3{margin:0 0 10px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(37,99,235,.1);color:var(--primary);font-size:1.35rem;margin-bottom:18px}.app-card{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:24px}.app-card img{border-radius:24px;box-shadow:0 12px 30px rgba(17,24,39,.14)}.page-head{padding:70px 0 34px}.page-head h1{font-size:clamp(2.4rem,6vw,4.2rem)}.breadcrumbs{font-size:.92rem;color:var(--muted);margin-bottom:18px}.content{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,56px);box-shadow:var(--shadow);margin-bottom:70px}.content h1{display:none}.content h2{font-size:1.7rem;margin:2.2em 0 .7em;line-height:1.2}.content h2:first-of-type{margin-top:0}.content h3{font-size:1.15rem;margin:1.7em 0 .45em}.content p,.content li{color:#334155}.content ul{padding-left:1.35rem}.content hr{border:0;border-top:1px solid var(--line);margin:32px 0}.notice{border-left:4px solid var(--primary);background:var(--surface2);padding:16px 20px;border-radius:0 14px 14px 0;margin:24px 0}.faq details{border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:12px 0;padding:0 20px}.faq summary{cursor:pointer;font-weight:750;padding:18px 0}.faq details>div{padding:0 0 18px;color:#334155}.contact-box{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.muted{color:var(--muted)}.site-footer{background:#0f172a;color:#cbd5e1;padding:48px 0}.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{color:#e2e8f0}.small{font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(8,127,91,.1);color:var(--success);font-weight:750;font-size:.88rem}.legal-note{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:34px}
@media(prefers-color-scheme:dark){:root{--bg:#0b1020;--surface:#111827;--surface2:#172033;--text:#f8fafc;--muted:#a8b2c1;--line:#2b364b;--shadow:0 18px 50px rgba(0,0,0,.28)}.site-header{background:rgba(11,16,32,.86)}.hero{background:radial-gradient(circle at 82% 8%,rgba(124,58,237,.22),transparent 32%),radial-gradient(circle at 15% 20%,rgba(37,99,235,.2),transparent 35%),linear-gradient(180deg,#0f172a,var(--bg))}.content p,.content li,.faq details>div{color:#cbd5e1}}
@media(max-width:900px){.hero-grid,.contact-box{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.hero{padding-top:64px}.app-showcase{max-width:520px}}
@media(max-width:600px){.container{width:min(calc(100% - 22px),var(--max))}.nav-links{gap:12px;font-size:.9rem}.grid{grid-template-columns:1fr}.app-card{grid-template-columns:78px 1fr}.button{width:100%}.section{padding:56px 0}.hero h1{font-size:2.75rem}.lang{width:100%;justify-content:flex-start}}
