@font-face{font-family:Ravi;src:url("fonts/Ravi-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Ravi;src:url("fonts/Ravi-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light dark;--bg:#fafafa;--surface:#fff;--text:#222;--muted:#555;--border:#e0e0e0;--primary:#e67e22;--hover:#e49520}
*{box-sizing:border-box}html{font-family:Ravi,Arial,sans-serif;font-size:clamp(16px,1.2vw,18px);-webkit-text-size-adjust:100%;background:var(--bg);color:var(--text)}body{margin:0}.page{width:min(100% - 2rem,760px);min-height:100vh;min-height:100svh;margin-inline:auto;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.75rem;border-bottom:1px solid var(--border)}.brand{display:inline-flex;flex-shrink:0}.brand img{display:block;width:7.5rem;height:auto}.domain{color:var(--muted);font:400 .875rem Arial,sans-serif}main{padding-block:3.5rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2rem}h1,h2,p{margin:0}h1{font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.65;margin-bottom:1rem;font-weight:700}p{font-size:1rem;line-height:2;color:var(--muted);max-width:38rem}.product{padding:1.5rem;border:1px solid var(--border);background:var(--surface);border-radius:10px}.product h2{font-size:1.2rem;line-height:1.7;margin-bottom:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;margin-top:1.25rem;padding:.8rem 1.25rem;min-height:48px;max-width:100%;border:1px solid transparent;border-radius:999px;background:var(--primary);color:#222;text-decoration:none;font-weight:700;line-height:1.6;transition:background-color 180ms ease,transform 180ms ease}.button svg{flex-shrink:0}.button:hover{background:var(--hover)}.button:active{transform:translateY(1px)}a:focus-visible{outline:2px solid var(--text);outline-offset:5px}footer{border-top:1px solid var(--border);padding-block:1.25rem;color:var(--muted);font-size:.875rem;line-height:1.8}
@media(min-width:600px){main{gap:2.5rem;padding-block:4rem}.product{padding:2rem}}
@media(prefers-color-scheme:dark){:root{--bg:#121212;--surface:#1c1c1c;--text:#f2f2f2;--muted:#bdbdbd;--border:#353535;--primary:#f2f2f2;--hover:#d8d8d8}.brand img{filter:grayscale(1) brightness(0) invert(1)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}