:root{color-scheme:dark;--accent:#2563eb;--bg:#0b1220;--accent-strong:color-mix(in srgb,var(--accent) 72%,#fff);--accent-soft:color-mix(in srgb,var(--accent) 16%,var(--bg));--accent-border:color-mix(in srgb,var(--accent) 45%,transparent);--ink:#edf1f9;--muted:#98a4bc;--line:rgba(255,255,255,0.09);--ink-line:rgba(255,255,255,0.22);--ink-line-strong:rgba(255,255,255,0.45);--divider-line:rgba(255,255,255,0.16);--bg-soft:color-mix(in srgb,var(--bg) 92%,#fff);--panel:color-mix(in srgb,var(--bg) 95%,#fff);--field:color-mix(in srgb,var(--bg) 94%,#000);--footer-bg:color-mix(in srgb,var(--bg) 82%,#000);--grid-line:rgba(255,255,255,0.06);--grid-size:56px;--shadow-md:0 18px 44px -14px rgba(0,0,0,0.6);--shadow-accent:0 14px 34px -10px color-mix(in srgb,var(--accent) 55%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{position:relative;margin:0;background:transparent;color:var(--ink);font-family:var(--site-font,"Inter"),"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;top:0;left:0;right:0;height:min(880px,130vh);z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent)}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}a{color:var(--accent-strong)}.wobbly-box{position:relative}.wobbly-shape{position:absolute;inset:0;width:100%;height:100%;display:block}.wobbly-path{fill:var(--wobbly-fill,none);stroke:var(--wobbly-stroke,transparent);transition:stroke .18s ease}.wobbly-content{position:relative;z-index:1}.wobbly-divider{display:block;width:100%;height:14px}.wobbly-divider path{fill:none;stroke:var(--divider-line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;font-weight:600;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-lg{padding:15px 34px;font-size:17px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:var(--accent-strong);box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,#fff);box-shadow:0 10px 26px -12px rgba(0,0,0,.55)}.btn-light:hover{transform:translateY(-2px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;font-size:22px;letter-spacing:-.02em}.brand img{height:41px;width:auto}.lang-switcher{position:relative}.lang-button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:255px 12px 225px 12px/12px 225px 12px 255px;border:1px solid var(--ink-line);background:var(--panel);font:inherit;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer}.lang-button:hover{border-color:var(--accent-border);color:var(--accent-strong)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--panel);border:1px solid var(--ink-line);border-radius:18px 6px 22px 8px/8px 22px 6px 18px;box-shadow:var(--shadow-md);padding:6px;z-index:60}.lang-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:9px 12px;border:none;background:none;border-radius:8px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}.lang-menu button:hover{background:var(--bg-soft)}.lang-menu button.active{color:var(--accent-strong);font-weight:700}.lang-button .flag,.lang-option .flag{display:block;width:18px;height:13px;border-radius:2px}.lang-option{display:inline-flex;align-items:center;gap:8px}.hero{position:relative;padding:84px 0 40px;overflow:hidden}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none}.hero:before{width:480px;height:480px;background:var(--accent);top:-160px;left:-140px}.hero:after{width:520px;height:520px;background:color-mix(in srgb,var(--accent) 60%,#7c3aed);top:-120px;right:-180px}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{font-size:clamp(34px,6vw,62px);font-weight:800;max-width:820px}.hero h1 em{font-style:normal;color:var(--accent-strong)}.hero-subtitle{max-width:640px;margin:20px 0 32px;font-size:clamp(16px,2.2vw,19px);color:var(--muted)}.monitor{position:relative;margin-top:56px;width:min(880px,100%)}.monitor-glow{position:absolute;inset:8% -6% -12%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%);filter:blur(46px);z-index:0}.monitor-frame{position:relative;z-index:1}.monitor-frame .wobbly-shape{filter:drop-shadow(0 18px 44px rgba(0,0,0,.55))}.monitor-frame .wobbly-path{fill:var(--panel);stroke:var(--ink-line-strong)}.monitor-screen{width:100%;height:auto;aspect-ratio:852/522;object-fit:cover;display:block;background:var(--bg-soft)}.monitor-overlay{position:absolute;inset:0;pointer-events:none}.section{padding:88px 0}.section-soft{background:color-mix(in srgb,var(--bg) 96%,#fff)}.section h2{font-size:clamp(26px,4vw,40px);font-weight:800;text-align:center}.section-subtitle{max-width:620px;margin:16px auto 0;text-align:center;color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-top:48px}.card{padding:26px 24px;transition:transform .18s ease}.card .wobbly-shape{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));transition:filter .18s ease}.card .wobbly-path{fill:var(--panel);stroke:var(--ink-line)}.card:hover{transform:translateY(-4px)}.card:hover .wobbly-shape{filter:drop-shadow(0 18px 44px rgba(0,0,0,.6))}.card:hover .wobbly-path{stroke:color-mix(in srgb,var(--accent) 60%,transparent)}.card-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px 4px 10px 5px/5px 10px 4px 12px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800;font-size:14px;margin-bottom:16px}.card h3{font-size:18px;font-weight:700;margin-bottom:8px}.card p{margin:0;color:var(--muted);font-size:15px}.contact-card{padding:44px}.contact-card .wobbly-shape{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.contact-card .wobbly-path{fill:var(--panel);stroke:var(--ink-line)}.contact-card .wobbly-content{display:grid;grid-template-columns:minmax(260px,5fr) minmax(300px,7fr);grid-gap:40px;gap:40px}.contact-info h2{font-size:clamp(24px,3.4vw,34px);text-align:left}.contact-info p{color:var(--muted);margin:14px 0 0}.contact-form{gap:14px}.contact-form,.contact-form label{display:flex;flex-direction:column}.contact-form label{gap:6px;font-size:14px;font-weight:600}.contact-form input,.contact-form textarea{font:inherit;padding:12px 14px;border:1.5px solid rgba(255,255,255,.3);background:var(--field);color:var(--ink)}.contact-form input{border-radius:225px 10px 255px 12px/12px 255px 10px 225px}.contact-form textarea{border-radius:255px 12px 225px 10px/10px 225px 12px 255px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form .btn{align-self:flex-start}.form-status{margin:0;font-size:14.5px;font-weight:600}.form-status.ok{color:#4ade80}.form-status.err{color:#f87171}.cta-banner{position:relative;overflow:hidden;padding:64px 40px;text-align:center;color:#fff}.cta-banner .wobbly-path{stroke:color-mix(in srgb,#fff 30%,transparent)}.cta-banner:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(70px);top:-180px;right:-120px}.cta-banner h2{font-size:clamp(26px,4vw,42px)}.cta-banner p{max-width:520px;margin:14px auto 30px;color:rgba(255,255,255,.85);font-size:17px}.prose{max-width:760px}.prose h1{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:28px}.md h1,.md h2,.md h3{margin:28px 0 12px}.md h1{font-size:26px}.md h2{font-size:22px}.md h3{font-size:18px}.md ol,.md p,.md ul{color:var(--muted);margin:0 0 14px}.md ol,.md ul{padding-left:22px}.md a{text-decoration:underline}.md code{background:var(--field);border:1px solid var(--line);border-radius:8px 3px 7px 4px/4px 7px 3px 8px;padding:1px 6px;font-size:.9em}.md blockquote{margin:0 0 14px;padding:6px 18px;border-left:3px solid var(--accent);color:var(--muted)}.site-footer{background:var(--footer-bg);color:#cbd5e1;padding:44px 0;margin-top:0}.footer-inner{justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand,.footer-inner{display:flex;align-items:center}.footer-brand{gap:16px;font-weight:700;color:#fff}.footer-brand img{height:41px;width:auto}.footer-meta{display:flex;flex-direction:column;gap:6px}.footer-copy{font-size:13.5px;color:#94a3b8}.footer-nav{display:flex;gap:22px;flex-wrap:wrap}.footer-nav a{color:#cbd5e1;text-decoration:none;font-size:14.5px}.footer-nav a:hover{color:#fff}.notfound{text-align:center;padding:120px 0}.notfound h1{font-size:72px;font-weight:800;color:var(--accent-strong)}.notfound p{color:var(--muted);margin:8px 0 28px}@media (max-width:820px){.hero{padding-top:56px}.brand img{height:32px}.brand{font-size:17px;gap:9px}.section{padding:64px 0}.contact-card{padding:28px 22px}.contact-card .wobbly-content{grid-template-columns:1fr}.contact-info h2,.contact-info p{text-align:center}.contact-form .btn{align-self:stretch}.footer-inner{flex-direction:column;align-items:flex-start}}