/* EcommDataHub landing — tokens & layout from handoff Aug 27/landing */
@font-face{font-family:'Open Sans';src:url('/assets/fonts/OpenSans-Variable.ttf') format('truetype-variations');font-weight:300 800;font-style:normal;font-display:swap;}
@font-face{font-family:'Open Sans';src:url('/assets/fonts/OpenSans-Italic-Variable.ttf') format('truetype-variations');font-weight:300 800;font-style:italic;font-display:swap;}
html,body{margin:0;padding:0;}
body{font-family:'Open Sans',sans-serif;background:var(--bg);color:var(--ink);
--bg:#f4f6f2;--surface:#ffffff;--surface2:#eef1ea;--ink:#141a15;--muted:#63705f;--line:#e0e5da;
--accent:oklch(0.72 0.18 130);--accent-soft:oklch(0.95 0.05 130);--accent-ink:#0d1f0c;--green:oklch(0.55 0.15 130);
--deep:#1c3a1c;--deep2:#142b14;--lime:#8fd14f;
--head:'Bricolage Grotesque',sans-serif;--mono:'JetBrains Mono',Menlo,monospace;
--shadow:0 1px 2px rgba(20,26,21,.05),0 8px 24px -12px rgba(20,26,21,.12);}
*{box-sizing:border-box;}
a{color:var(--accent);text-decoration:none;}a:hover{color:var(--ink);}
button{font-family:'Open Sans',sans-serif;cursor:pointer;}
input,textarea,select{font-family:'Open Sans',sans-serif;color:var(--ink);}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.head{font-family:var(--head);}
.mono{font-family:var(--mono);}
.wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px;}
.deepbg{background:linear-gradient(180deg,var(--deep2),var(--deep));color:#f2f6ef;}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;margin-bottom:10px;}
.eyebrow.on-light{color:var(--green);}
.eyebrow.on-dark{color:var(--lime);}
.codebox{background:#0c150c;border-radius:14px;overflow:hidden;}
.codebox pre{margin:0;padding:18px 20px;font-family:var(--mono);font-size:12.5px;line-height:1.75;color:#c9dbc2;overflow-x:auto;}
.codehead{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid rgba(143,209,79,.15);font-family:var(--mono);font-size:11.5px;color:#7e937a;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);}
.tile-icon{border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:800;flex-shrink:0;color:#fff;}
.btn-lime{display:inline-block;padding:14px 26px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:700;white-space:nowrap;border:none;}
.btn-lime:hover{filter:brightness(1.07);color:var(--accent-ink);}
.btn-ghost-dark{display:inline-block;padding:14px 26px;border-radius:10px;border:1px solid rgba(242,246,239,.25);background:none;color:#f2f6ef;font-size:15px;font-weight:700;white-space:nowrap;}
.btn-ghost-dark:hover{background:rgba(242,246,239,.08);color:#f2f6ef;}
.btn-deep{display:inline-block;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;background:var(--deep);color:#f2f6ef;white-space:nowrap;box-shadow:0 1px 2px rgba(20,26,21,.15);border:none;}
.btn-deep:hover{background:var(--deep2);color:#f2f6ef;}
.navlink{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--muted);border-radius:8px;background:none;border:none;}
.navlink:hover,.navlink.active{color:var(--ink);background:var(--surface2);}
.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:13.5px;background:var(--bg);outline:none;}
.input:focus{border-color:var(--accent);}
.label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.check{display:flex;gap:11px;font-size:14px;line-height:1.55;align-items:flex-start;}
.check b.tick{color:var(--green);font-weight:800;flex-shrink:0;}
.footer a{color:#c4d2be;font-size:13px;font-weight:500;}
.footer a:hover{color:#fff;}
.lp-menu{max-height:calc(100vh - 96px);overflow-y:auto;}
.lp-burger{display:none !important;}
details.faq>summary{list-style:none;cursor:pointer;}
details.faq>summary::-webkit-details-marker{display:none;}
details.faq>summary .chev{transition:transform .2s;display:inline-block;}
details.faq[open]>summary .chev{transform:scaleY(-1);}
.ep-row{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:10px 16px;border:none;border-bottom:1px solid var(--line);background:var(--surface);font-family:'Open Sans',sans-serif;}
.ep-row:hover{background:var(--surface2);}
.ep-row.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);}
.legal-tab{padding:9px 16px;border-radius:999px 999px 0 0;border:none;font-size:13px;font-weight:600;background:none;color:var(--muted);}
.legal-tab.active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 -2px 0 var(--accent);}
.code-tab{padding:8px 16px;border:none;border-radius:8px 8px 0 0;font-family:var(--mono);font-size:12px;font-weight:600;background:none;color:#7e937a;}
.code-tab.active{background:rgba(143,209,79,.15);color:#8fd14f;}
.menu-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;background:none;border-radius:10px;text-align:left;width:100%;color:inherit;}
.menu-item:hover{background:var(--surface2);border-color:var(--line);color:inherit;}
@media (max-width:940px){
.lp-grid2{grid-template-columns:1fr !important;gap:32px !important;}
.lp-sticky{position:static !important;}
.lp-menu{position:fixed !important;left:16px !important;right:16px !important;top:72px !important;width:auto !important;}
}
@media (max-width:700px){
.lp-menu{position:fixed !important;left:16px !important;right:16px !important;top:72px !important;width:auto !important;}
.lp-hidesm{display:none !important;}
.lp-nav{display:none !important;}
.lp-burger{display:flex !important;}
.lp-hero{padding-top:56px !important;padding-bottom:60px !important;}
.lp-sec{padding-top:52px !important;padding-bottom:52px !important;}
}