:root{--bg:#fff;--fg:#14161a;--muted:#5d6570;--line:#d9dde3;--accent:#1f5eff;--err:#b3261e;--ok:#157347}
@media (prefers-color-scheme:dark){:root{--bg:#121417;--fg:#eceef1;--muted:#9aa3ad;--line:#2b3037;--accent:#6c97ff;--err:#ff8a80;--ok:#6fd39b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
.top{display:flex;gap:1rem;align-items:center;padding:.75rem 16px;border-bottom:1px solid var(--line)}
.brand{font-weight:700;color:inherit;text-decoration:none;margin-right:auto}
nav{display:flex;gap:.75rem}
main{max-width:480px;margin:2rem auto;padding:0 16px}
a{color:var(--accent);cursor:pointer}
label{display:block;margin:0 0 1rem}
label span{display:block;font-weight:600;margin-bottom:.25rem}
input,select{width:100%;padding:.6rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit}
select{width:auto}
button,.btn{display:inline-block;padding:.6rem 1.1rem;border:0;border-radius:6px;background:var(--accent);color:#fff;font:inherit;cursor:pointer;text-decoration:none}
button.alt,.btn.alt{background:transparent;color:var(--accent);border:1px solid var(--accent)}
small{color:var(--muted)}
.msg{min-height:1.5em}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem}dt{font-weight:600}dd{margin:0}
code{background:var(--line);padding:.1rem .4rem;border-radius:4px}
[hidden]{display:none!important}

/* ---- Marketing landing (body.landing): riimbo.com visual language, always light ---- */
body.landing{--bg:#fff;--fg:#111;--muted:rgba(0,0,0,.6);--line:rgba(0,0,0,.1);--accent:#d45521;--surface:#f5f7f8;color-scheme:light;
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.landing a{color:var(--accent)}
.landing .btn{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:12px;font-weight:600;box-shadow:0 6px 16px rgba(212,85,33,.22);text-align:center}
.landing .btn:hover{background:#c94e1f;border-color:#c94e1f}
.landing .btn.alt{background:transparent;color:var(--accent);box-shadow:none}
.landing .btn.alt:hover{background:rgba(212,85,33,.08)}
.landing .btn.sm{padding:.4rem .85rem;font-size:.9rem;box-shadow:none}
.landing main{max-width:none;margin:0;padding:0}
.landing .wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.landing .narrow{max-width:760px}
.landing h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:.5rem 0 1rem}
.landing h2{font-size:clamp(1.5rem,3.5vw,2.2rem);letter-spacing:-.02em;font-weight:700;margin:0 0 .5rem}
.landing h3{font-size:1.1rem;font-weight:600;margin:.4rem 0}
.landing .lead,.landing .sub{color:var(--muted);font-size:1.1rem}
.landing .hero{padding:3.5rem 0 3rem}
.landing .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:center}
.landing .pill{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:rgba(212,85,33,.1);color:var(--accent);font-size:.85rem;font-weight:600}
.landing .cta-row{display:flex;gap:.75rem;flex-wrap:wrap}
.landing .panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.5rem}
.landing .panel-title{font-weight:600;margin:0 0 .75rem}
.landing code{background:#fff;border:1px solid var(--line)}
.landing .block{padding:3.5rem 0}
.landing .alt-bg{background:var(--surface)}
.landing .steps,.landing .cols3,.landing .cols5{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:1rem}
.landing .steps{grid-template-columns:repeat(4,1fr)}
.landing .cols3{grid-template-columns:repeat(3,1fr)}
.landing .cols5{grid-template-columns:repeat(5,1fr)}
.landing .steps li,.landing .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem;position:relative}
.landing .steps p,.landing .card p{color:var(--muted);margin:.25rem 0 0}
.landing .num{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:700}
.landing .tag{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}
.landing .card ul{padding-left:1.1rem;margin:.75rem 0 0;color:var(--muted)}
.landing .featured{border:2px solid var(--accent)}
.landing .badge{position:absolute;top:-.8rem;left:1rem;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}
.landing .plan{display:flex;flex-direction:column;gap:.25rem}
.landing .plan .btn{margin-top:auto}
.landing .price{font-size:1.9rem;font-weight:700;color:var(--fg)!important;letter-spacing:-.02em;margin:.25rem 0}
.landing .price small{font-size:.9rem;font-weight:400;color:var(--muted)}
.landing .note{color:var(--muted);font-size:.9rem;margin-top:1.25rem}
.landing details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1.1rem;margin:.75rem 0}
.landing summary{cursor:pointer;font-weight:600}
.landing details p{color:var(--muted);margin:.6rem 0 0}
.landing .band{background:#111;color:#fff;text-align:center;padding:3.5rem 0}
.landing .band p{color:rgba(255,255,255,.7)}
.landing .foot{padding:2.5rem 0 1.5rem;border-top:1px solid var(--line)}
.landing .foot-grid{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.landing .foot nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.landing .foot nav a{color:var(--muted);text-decoration:none}
.landing .foot p{color:var(--muted);margin:.25rem 0}
.landing .copy{font-size:.85rem;margin-top:1.5rem!important}
@media (max-width:1000px){.landing .cols5{grid-template-columns:repeat(2,1fr)}.landing .steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .landing .hero-grid,.landing .cols3,.landing .cols5,.landing .steps{grid-template-columns:1fr}
    .landing .hero{padding-top:2rem}
  .landing .block{padding:2.5rem 0}
}

/* ---- Landing header (site-header / nav) ---- */
.landing .site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.landing .nav{max-width:1080px;margin:0 auto;padding:.6rem 16px;display:flex;align-items:center;gap:1rem}
.landing .nav__brand{display:flex;align-items:center}
.landing .nav__logo{height:32px;width:auto;display:block}
.landing .nav__list{list-style:none;margin:0 auto 0 1rem;padding:0;display:flex;gap:1.25rem}
.landing .nav__link{color:var(--fg);text-decoration:none;font-size:.95rem}
.landing .nav__link:hover{color:var(--accent)}
.landing .nav__item--mobile-cta{display:none}
.landing .nav__cta-group{display:flex;gap:.5rem}
.landing .btn--ghost{background:transparent;color:var(--accent);box-shadow:none}
.landing .btn--ghost:hover{background:rgba(212,85,33,.08)}
.landing .btn--desktop{padding:.45rem .9rem;font-size:.9rem;box-shadow:none}
.landing .icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--line);border-radius:12px;box-shadow:none;cursor:pointer}
.landing .icon-btn:hover{background:var(--surface)}
.landing .nav__lang-icon{width:20px;height:20px}
.landing .nav__toggle{display:none}
.landing .nav__toggle-lines,.landing .nav__toggle-lines::before,.landing .nav__toggle-lines::after{display:block;width:18px;height:2px;background:var(--fg);border-radius:2px;content:"";position:relative}
.landing .nav__toggle-lines::before{position:absolute;top:-6px}
.landing .nav__toggle-lines::after{position:absolute;top:6px}
.landing .nav__langwrap{position:relative}
.landing .langmenu{position:absolute;right:0;top:calc(100% + .4rem);min-width:140px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:.3rem}
.landing .langmenu__item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .6rem;border:0;border-radius:8px;background:transparent;color:var(--fg);box-shadow:none;font:inherit;cursor:pointer}
.landing .langmenu__item:hover,.landing .langmenu__item[aria-current]{background:var(--surface)}
.landing .langmenu__flag{width:22px;height:16px;object-fit:cover;border-radius:2px}
.landing .nav__overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:29}
@media (max-width:760px){
  .landing .nav{gap:.6rem}
  .landing .nav__toggle{display:inline-grid;position:relative;z-index:31}
  .landing .nav__brand{margin-right:auto}
  .landing .nav__cta-group--desktop{display:none}
  .landing .nav__list{position:fixed;top:0;left:0;bottom:0;width:min(80vw,300px);margin:0;padding:4.5rem 1.25rem 1.5rem;flex-direction:column;gap:1rem;background:#fff;z-index:30;transform:translateX(-100%);transition:transform .2s ease;visibility:hidden}
  .landing .nav__list.is-open{transform:none;visibility:visible}
  .landing .nav__link{font-size:1.1rem}
  .landing .nav__item--mobile-cta{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}
  body.nav-open{overflow:hidden}
}