/* Shared styles for /en/ standalone pages */
*{box-sizing:border-box}
body{margin:0;font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2328;background:#fbfaf8}
a{color:#1a56db}
.page{max-width:820px;margin:0 auto;padding:40px 20px 60px}
h1{font-size:clamp(28px,5vw,38px);line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}
h2{font-size:22px;margin:36px 0 12px}
h3{font-size:17px;margin:24px 0 8px}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:0 0 14px}
li{margin:0 0 6px}
code{padding:2px 6px;border:1px solid #ddd;border-radius:4px;background:#f5f5f0;font-size:.9em}
.nav{max-width:820px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.nav-brand{font-size:15px;font-weight:800;color:#1f2328;text-decoration:none;display:flex;align-items:center;gap:8px}
.nav-brand svg{width:22px;height:22px}
.nav-lang{font-size:13px;color:#6b7280;text-decoration:none}
.nav-lang:hover{color:#1f2328}
.cta{display:inline-block;margin:20px 0;padding:14px 32px;border:2.5px solid #1f2328;border-radius:14px;background:#d9f99d;color:#1f2328;font-size:16px;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 #1f2328;transition:transform .12s ease,box-shadow .12s ease}
.cta:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 #1f2328}
.demo-row{display:flex;align-items:center;gap:14px;margin:24px 0}
.demo-thumb{flex:1;min-width:0;border:2px solid #1f2328;border-radius:14px;overflow:hidden;position:relative}
.demo-thumb img{display:block;width:100%;height:auto}
.demo-thumb.checker img{background:repeating-conic-gradient(#e0e0e0 0% 25%,#fff 0% 50%) 0 0/16px 16px}
.demo-thumb span{position:absolute;left:8px;bottom:8px;padding:2px 10px;border:1.5px solid #1f2328;border-radius:7px;font-size:11px;font-weight:800;background:#fffdf7}
.demo-thumb.after span{background:#d9f99d}
.demo-arrow{width:28px;height:28px;flex:none;color:#7864ff}
.badge{display:inline-block;padding:4px 12px;border:1.5px solid #1f2328;border-radius:999px;background:#d9f99d;font-size:12px;font-weight:800;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}
.card{display:block;border:2px solid #1f2328;border-radius:14px;background:#fffdf7;padding:18px;box-shadow:4px 4px 0 #1f2328;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}
.card:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 #1f2328}
.card h3{margin:0 0 6px;font-size:15px}
.card p{margin:0;font-size:13px;color:#6b7280}
.card .go{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:#1a56db}
table{width:100%;border-collapse:collapse;margin:14px 0}
th,td{padding:8px 12px;border:1px solid #ddd;text-align:left;font-size:14px}
th{background:#f5f5f0}
footer{padding:18px;text-align:center;font-size:12px;color:#6b7280}
footer a{color:#6b7280;text-decoration:underline}
.faq details{border:1.5px solid #ddd;border-radius:10px;margin:8px 0;padding:0;overflow:hidden}
.faq summary{padding:12px 16px;font-weight:700;cursor:pointer;list-style:none}
.faq summary::after{content:'+';float:right;color:#999}
.faq details[open] summary::after{content:'−'}
.faq .answer{padding:0 16px 12px;color:#555;font-size:14px}
@media(max-width:640px){.demo-row{flex-direction:column}.demo-arrow{transform:rotate(90deg)}}