:root{--accent:#F35F4B;--accent-2:#F59E3C;--accent-ink:#fff;--accent-soft:#FDE8E5;--accent-softer:#FEF2F0;--accent-line:#F9C7C0;--accent-deep:#C23E2C;--bg:#FBF8F4;--bg-2:#F4EEE6;--surface:#FFF;--surface-2:#FAF6F1;--border:#ECE4D9;--border-strong:#E0D6C7;--ink:#2A2520;--ink-2:#6B6258;--ink-3:#9C9286;--ink-faint:#B8AE9F;--uni:#5566D8;--uni-soft:#EEF0FD;--good:#1E9E5A;--warn:#E08A2B;--danger:#D9533A;--gold-1:#F6B23C;--gold-2:#E8893B;--r-xs:7px;--r-sm:11px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--sh-sm:0 1px 2px rgba(80,55,30,.06),0 1px 3px rgba(80,55,30,.05);--sh-md:0 4px 14px rgba(80,55,30,.07),0 2px 5px rgba(80,55,30,.05);--sh-lg:0 18px 44px rgba(70,45,20,.13),0 6px 16px rgba(70,45,20,.07);--sh-accent:0 8px 22px rgba(243,95,75,.38);--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}body{font-family:var(--font);background:var(--bg);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-hover{transition:transform .16s ease,box-shadow .22s ease,border-color .2s;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);border-color:var(--border-strong)}.sp-input,.sp-select,.sp-textarea{width:100%;font-family:var(--font);font-size:15px;font-weight:500;color:var(--ink);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:12px 14px;transition:border-color .15s,box-shadow .15s;outline:none}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-softer)}.sp-input::placeholder,.sp-textarea::placeholder{color:var(--ink-faint)}.sp-textarea{resize:vertical;min-height:80px;line-height:1.5}.spin{animation:sp-spin 1s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}


/* ─── Landing page responsive ─── */
html{scroll-behavior:smooth}

/* Landing page grid layouts */
.lp-container{max-width:1160px;margin:0 auto;padding:0 24px}
.lp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.lp-feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-spot-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lp-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:0 auto}
.lp-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.lp-nav-links{display:flex;gap:28px;margin-left:20px;flex:1}
.lp-nav-cta{display:flex;align-items:center;gap:10}
.lp-hamburger{display:none !important}
.lp-hero-visual{position:relative;height:460px}
.lp-cmp-grid{display:grid;grid-template-columns:1fr 130px 130px;align-items:center}

@media(max-width:900px){
  .lp-container{padding:0 16px}
  .lp-hero-grid{grid-template-columns:1fr;gap:40px}
  .lp-hero-visual{display:none}
  .lp-spot-grid{grid-template-columns:1fr;gap:40px}
  .lp-feat-grid{grid-template-columns:1fr}
  .lp-plans{grid-template-columns:1fr}
  .lp-steps{grid-template-columns:1fr;gap:28px}
  .lp-foot-grid{grid-template-columns:1fr 1fr}
  .lp-nav-links{display:none !important}
  .lp-nav-cta{display:none !important}
  .lp-hamburger{display:inline-flex !important}
}
@media(max-width:560px){
  .lp-container{padding:0 12px}
  .lp-cmp-grid{grid-template-columns:1fr 76px 76px}
  .lp-cmp-grid>div:nth-child(1){font-size:13px}
  .lp-cta-band{padding:40px 22px}
  .lp-oauth-row{flex-direction:column}
  .lp-oauth-row a{justify-content:center}
  .lp-foot-grid{grid-template-columns:1fr}
}