/* Standalone adaptation of the uploaded SimplTracker Shopify landing page. */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { margin:0; background:#090c14; font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#fff; }
button, input, textarea, select { font-family:inherit; }
:focus-visible { outline:3px solid #93a1ff !important; outline-offset:3px; }
a, button { -webkit-tap-highlight-color: transparent; }
#st-landing { min-height:100vh; }
#st-landing {
    --st-bg: #090c14;
    --st-surface: #0e1320;
    --st-text: #ffffff;
    --st-muted: #a8b0c0;
    --st-primary: #4a51ff;
    --st-accent: #44d68d;
    --st-border: rgba(255,255,255,.10);
    --st-radius: 20px;
    background: var(--st-bg);
    color: var(--st-text);
    font-family: inherit;
    overflow: hidden;
  }
  #st-landing * { box-sizing: border-box; }
  #st-landing a { text-decoration: none; }
  #st-landing .st-wrap { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
  #st-landing .st-section { padding: 86px 0; }
  #st-landing .st-eyebrow { display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border:1px solid var(--st-border); border-radius:999px; color:#fff; background:rgba(255,255,255,.04); font-size:13px; font-weight:700; letter-spacing:.02em; }
  #st-landing .st-dot { width:8px; height:8px; border-radius:50%; background:var(--st-accent); box-shadow:0 0 0 5px rgba(68,214,141,.11); }
  #st-landing h1,
  #st-landing h2,
  #st-landing h3 { color:#fff; margin:0; line-height:1.05; letter-spacing:-.035em; }
  #st-landing h1 { font-size:clamp(46px, 7vw, 82px); max-width:980px; }
  #st-landing h2 { font-size:clamp(34px, 5vw, 56px); }
  #st-landing h3 { font-size:23px; }
  #st-landing p { color:var(--st-muted); line-height:1.65; margin:0; }
  #st-landing .st-btn { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 22px; border-radius:12px; font-weight:800; transition:.2s ease; border:1px solid transparent; }
  #st-landing .st-btn:hover { transform:translateY(-2px); }
  #st-landing .st-btn-primary { background:var(--st-primary); color:#fff; box-shadow:0 12px 36px rgba(74,81,255,.28); }
  #st-landing .st-btn-secondary { color:#fff; border-color:var(--st-border); background:rgba(255,255,255,.03); }

  #st-landing .st-nav { position:sticky; top:0; z-index:20; backdrop-filter:blur(18px); background:rgba(9,12,20,.78); border-bottom:1px solid var(--st-border); }
  #st-landing .st-nav-in { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  #st-landing .st-brand { color:#fff; font-size:21px; font-weight:900; letter-spacing:-.03em; }
  #st-landing .st-brand span { color:var(--st-primary); }
  #st-landing .st-navlinks { display:flex; gap:24px; align-items:center; }
  #st-landing .st-navlinks a:not(.st-btn) { color:#c6cbda; font-size:14px; font-weight:700; }

  #st-landing .st-hero { position:relative; padding:86px 0 70px; }
  #st-landing .st-hero:before { content:""; position:absolute; width:680px; height:680px; border-radius:50%; background:radial-gradient(circle, rgba(74,81,255,.25), transparent 68%); top:-320px; right:-180px; pointer-events:none; }
  #st-landing .st-hero-copy { position:relative; z-index:1; max-width:1040px; }
  #st-landing .st-hero p { margin-top:26px; font-size:clamp(18px,2vw,22px); max-width:820px; }
  #st-landing .st-hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
  #st-landing .st-proofline { margin-top:22px; display:flex; gap:18px; flex-wrap:wrap; color:#b7bdcc; font-size:14px; }
  #st-landing .st-proofline span { display:flex; align-items:center; gap:7px; }
  #st-landing .st-check { color:var(--st-accent); font-weight:900; }

  #st-landing .st-demo-card { margin-top:56px; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)); border:1px solid var(--st-border); border-radius:24px; padding:18px; box-shadow:0 34px 80px rgba(0,0,0,.28); }
  #st-landing .st-windowbar { height:44px; display:flex; gap:7px; align-items:center; padding:0 8px; }
  #st-landing .st-windowbar i { width:9px; height:9px; border-radius:50%; display:block; background:rgba(255,255,255,.25); }
  #st-landing .st-demo-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
  #st-landing .st-demo-step { background:#0e1320; border:1px solid var(--st-border); border-radius:16px; padding:25px; min-height:200px; }
  #st-landing .st-num { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(74,81,255,.16); color:#aeb1ff; font-weight:900; margin-bottom:30px; }
  #st-landing .st-demo-step small { color:#80889a; display:block; margin-top:9px; line-height:1.45; }
  #st-landing .st-price-chip { margin-top:18px; padding:11px 13px; border-radius:10px; background:rgba(68,214,141,.11); color:#78e9b1; font-weight:900; display:inline-block; }

  #st-landing .st-centered { text-align:center; max-width:820px; margin:0 auto 44px; }
  #st-landing .st-centered p { margin-top:18px; font-size:18px; }
  #st-landing .st-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  #st-landing .st-card { padding:28px; border:1px solid var(--st-border); background:var(--st-surface); border-radius:var(--st-radius); }
  #st-landing .st-icon { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:rgba(74,81,255,.14); color:#aeb1ff; margin-bottom:24px; font-size:20px; }
  #st-landing .st-card p { margin-top:12px; }

  #st-landing .st-flow { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; align-items:stretch; }
  #st-landing .st-flow-item { position:relative; padding:22px 18px; background:#0e1320; border:1px solid var(--st-border); border-radius:14px; text-align:center; font-weight:800; }
  #st-landing .st-flow-item:after { content:"→"; position:absolute; right:-16px; top:50%; transform:translateY(-50%); color:#6d7486; z-index:2; }
  #st-landing .st-flow-item:last-child:after { display:none; }

  #st-landing .st-split { display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:center; }
  #st-landing .st-bullets { display:grid; gap:13px; margin-top:27px; }
  #st-landing .st-bullet { display:flex; gap:12px; color:#d8dce6; }
  #st-landing .st-roi { background:linear-gradient(145deg, rgba(74,81,255,.16), rgba(255,255,255,.03)); }
  #st-landing .st-roi-stat { display:flex; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid var(--st-border); }
  #st-landing .st-roi-stat strong { color:#fff; }
  #st-landing .st-roi-total { padding-top:22px; font-size:27px; font-weight:900; color:#fff; }
  #st-landing .st-roi-total span { color:var(--st-accent); }

  #st-landing .st-price { max-width:760px; margin:0 auto; padding:40px; border:1px solid rgba(74,81,255,.45); background:linear-gradient(180deg, rgba(74,81,255,.12), rgba(255,255,255,.03)); border-radius:26px; box-shadow:0 28px 70px rgba(0,0,0,.22); }
  #st-landing .st-price-top { display:flex; align-items:end; justify-content:space-between; gap:20px; border-bottom:1px solid var(--st-border); padding-bottom:28px; }
  #st-landing .st-price-number { font-size:58px; color:#fff; font-weight:900; letter-spacing:-.05em; }
  #st-landing .st-price-number small { font-size:17px; color:var(--st-muted); font-weight:700; letter-spacing:0; }
  #st-landing .st-price ul { list-style:none; padding:0; margin:26px 0; display:grid; grid-template-columns:1fr 1fr; gap:13px; }
  #st-landing .st-price li { color:#dbe0eb; }

  #st-landing .st-form-wrap { background:#0e1320; border:1px solid var(--st-border); border-radius:24px; padding:34px; }
  #st-landing .st-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  #st-landing .st-field { display:grid; gap:7px; }
  #st-landing .st-field-full { grid-column:1 / -1; }
  #st-landing label { color:#cbd1df; font-size:13px; font-weight:800; }
  #st-landing input,
  #st-landing select,
  #st-landing textarea { width:100%; min-height:48px; border-radius:10px; border:1px solid var(--st-border); background:#090d16; color:#fff; padding:12px 13px; font:inherit; }
  #st-landing textarea { min-height:94px; resize:vertical; }
  #st-landing .st-submit { width:100%; margin-top:16px; cursor:pointer; }
  #st-landing .st-success { padding:14px; border-radius:10px; background:rgba(68,214,141,.1); color:#85eab9; margin-bottom:16px; }

  #st-landing details { border-bottom:1px solid var(--st-border); padding:20px 0; }
  #st-landing summary { color:#fff; font-weight:800; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:15px; }
  #st-landing summary::-webkit-details-marker { display:none; }
  #st-landing details p { margin-top:12px; max-width:900px; }

  #st-landing .st-final { text-align:center; padding:86px 0 110px; }
  #st-landing .st-final p { margin:18px auto 28px; max-width:700px; font-size:18px; }
  #st-landing .st-mini { color:#7f8798; font-size:12px; margin-top:12px; }

  @media (max-width: 900px) {
    #st-landing .st-navlinks a:not(.st-btn) { display:none; }
    #st-landing .st-demo-grid,
    #st-landing .st-grid-3,
    #st-landing .st-split { grid-template-columns:1fr; }
    #st-landing .st-flow { grid-template-columns:1fr; }
    #st-landing .st-flow-item:after { content:"↓"; right:auto; top:auto; bottom:-19px; left:50%; transform:translateX(-50%); }
    #st-landing .st-price ul { grid-template-columns:1fr; }
  }
  @media (max-width: 620px) {
    #st-landing .st-section { padding:62px 0; }
    #st-landing .st-hero { padding-top:64px; }
    #st-landing .st-nav-in { min-height:62px; }
    #st-landing .st-nav .st-btn { min-height:42px; padding:0 14px; font-size:13px; }
    #st-landing .st-form-grid { grid-template-columns:1fr; }
    #st-landing .st-field-full { grid-column:auto; }
    #st-landing .st-price { padding:28px 22px; }
    #st-landing .st-price-top { align-items:start; flex-direction:column; }
  }
/* Standalone additions: login, mobile navigation, form status, footer */
#st-landing { overflow-x:clip; overflow-y:visible; }
#st-landing .st-nav { background:rgba(9,12,20,.93); }
#st-landing .st-navlinks { flex-wrap:wrap; justify-content:flex-end; gap:19px; }
#st-landing .st-navlinks .st-login-link { color:#fff; border:1px solid rgba(255,255,255,.22); border-radius:9px; padding:9px 13px; transition: background .2s ease; }
#st-landing .st-navlinks .st-login-link:hover { background:rgba(255,255,255,.09); }
#st-landing .st-nav .st-brand { white-space:nowrap; }
#st-landing .st-nav a { transition:opacity .2s ease; }
#st-landing .st-nav a:hover { opacity:.88; }
#st-landing .st-demo-step h3 { line-height:1.18; }
#st-landing .st-bullet span { line-height:1.5; }
#st-landing .st-form-status { margin-top:16px; border-radius:10px; padding:13px 15px; font-size:14px; line-height:1.45; display:none; }
#st-landing .st-form-status[data-state="error"] { display:block; background:rgba(244,81,81,.09); border:1px solid rgba(244,81,81,.35); color:#ffb3b3; }
#st-landing .st-form-status[data-state="success"] { display:block; background:rgba(68,214,141,.10); border:1px solid rgba(68,214,141,.3); color:#8ef6bb; }
#st-landing .st-form-status[data-state="info"] { display:block; background:rgba(74,81,255,.1); border:1px solid rgba(74,81,255,.32); color:#c7cbff; }
#st-landing .st-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }
#st-landing .st-form-wrap input:focus, #st-landing .st-form-wrap select:focus, #st-landing .st-form-wrap textarea:focus { border-color:#8189ff; outline: 2px solid rgba(90,102,255,.18); }
#st-landing .st-honeypot { position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden; }
#st-landing .st-footer { border-top:1px solid var(--st-border); padding:30px 0; }
#st-landing .st-footer-inner { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
#st-landing .st-footer-nav { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
#st-landing .st-footer a { color:#bfc6d8; }
#st-landing .st-footer a:hover { color:#fff; }
#st-landing .st-footer small { color:#9ba3b5; }
#st-landing .st-feature-note { margin-top:12px; font-size:12px; }
@media (max-width:900px) {
  #st-landing .st-navlinks a.st-login-link { display:inline-flex; }
  #st-landing .st-navlinks { gap:10px; }
  #st-landing .st-nav .st-btn { min-height:42px; padding:0 14px; font-size:13px; }
}
@media (max-width:620px) {
  #st-landing .st-wrap { width:min(100% - 28px,1180px); }
  #st-landing .st-brand { font-size:19px; }
  #st-landing .st-navlinks a.st-login-link { padding:8px 10px; font-size:12px; }
  #st-landing .st-nav .st-btn { display:none; }
  #st-landing .st-nav-in { gap:10px; }
  #st-landing .st-demo-card { padding:10px; }
  #st-landing .st-demo-step { min-height:unset; }
  #st-landing .st-price-number { font-size:50px; }
  #st-landing .st-form-wrap { padding:23px 18px; }
  #st-landing .st-footer-inner { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } #st-landing .st-btn { transition:none; } }

/* Official SimplTracker logo in website navigation (matches the CRM). */
#st-landing .st-nav .st-brand { display:inline-flex; align-items:center; flex-shrink:0; line-height:0; }
#st-landing .st-nav .st-brand-logo { display:block; width:180px; height:auto; }
@media (max-width: 620px) {
  #st-landing .st-nav .st-brand-logo { width:142px; }
}