/*
Theme Name: BaseFree
Theme URI: https://basefree.example
Author: BaseFree
Description: BaseFree — free-website landing page (Hebrew + English) with the AI-manager concept. Drop-in WordPress theme for the multi-WordPress network.
Version: 1.0
Text Domain: basefree
*/

:root{
  --bg:#FBFAF6; --ink:#17161C; --muted:#6C6A76;
  --primary:#4B3FE4; --primary-deep:#372CC0;
  --accent:#12A46B; --line:#E7E4DD; --card:#FFFFFF;
  --shadow:0 20px 50px -22px rgba(23,22,28,.35);
  --disp:'Space Grotesk',sans-serif; --body:'Inter',sans-serif;
}
html[dir="rtl"]{--disp:'Heebo',sans-serif; --body:'Heebo',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
header.bf{position:sticky;top:0;z-index:30;background:rgba(251,250,246,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:19px}
.logo .b{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:17px}
.navlinks{display:flex;gap:26px;align-items:center;font-size:15px;font-weight:500;color:var(--muted)}
.navlinks a:hover{color:var(--ink)}
@media(max-width:760px){.navlinks{display:none}}
.right{display:flex;align-items:center;gap:12px}
.langtog{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:13px;font-weight:600}
.langtog button{border:none;background:transparent;padding:7px 12px;cursor:pointer;color:var(--muted);font-family:var(--body)}
.langtog button.on{background:var(--ink);color:#fff}
.btn{font-family:var(--body);font-weight:600;font-size:15px;cursor:pointer;border:none;border-radius:11px;padding:11px 20px;background:var(--primary);color:#fff;transition:.15s}
.btn:hover{background:var(--primary-deep);transform:translateY(-1px)}
.btn.lg{padding:15px 28px;font-size:17px;border-radius:13px}
.hero{padding:30px 0 40px;text-align:center;position:relative;overflow:hidden}
.freeband{display:flex;width:fit-content;align-items:center;gap:8px;background:#d4f7e2;color:#067a43;border:1.5px solid #7fe0aa;border-radius:999px;padding:8px 18px;font-size:14.5px;font-weight:800;margin:0 auto 16px 0;box-shadow:0 4px 14px -6px rgba(6,122,67,.4)}
.freeband .dot{width:9px;height:9px;border-radius:50%;background:#12c070;box-shadow:0 0 0 3px rgba(18,192,112,.25)}
h1{font-family:var(--disp);font-weight:800;font-size:clamp(42px,7vw,80px);line-height:1;letter-spacing:-2px;max-width:15ch;margin:0 auto 22px}
h1 .u{color:var(--primary)}
.sub{font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:52ch;margin:0 auto 20px}
.prompt{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px}
.prompt .in{display:flex;align-items:center;gap:12px}
.prompt textarea{flex:1;border:none;outline:none;resize:none;font-family:var(--body);font-size:17px;color:var(--ink);background:transparent;height:52px;padding-top:14px}
.prompt textarea::placeholder{color:#a7a4af}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;justify-content:flex-start}
.chip{background:#f3f2ee;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer}
.chip:hover{border-color:var(--primary);color:var(--primary)}
.promptbtn{width:100%;margin-top:14px}
.microcopy{font-size:13.5px;color:var(--muted);margin-top:16px}
.strip{padding:34px 0;text-align:center;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
section.block{padding:70px 0;border-top:1px solid var(--line)}
.eyebrow{font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:12px}
h2{font-family:var(--disp);font-weight:700;font-size:clamp(28px,4vw,40px);letter-spacing:-.8px;line-height:1.08;margin-bottom:14px;max-width:20ch}
.lead2{font-size:18px;color:var(--muted);max-width:56ch;margin-bottom:36px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:840px){.grid3{grid-template-columns:1fr}}
.feat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
.feat .ic{width:42px;height:42px;border-radius:11px;background:#efeefe;color:var(--primary);display:grid;place-items:center;font-size:20px;margin-bottom:14px}
.feat h3{font-family:var(--disp);font-size:18px;margin-bottom:6px}
.feat p{font-size:15px;color:var(--muted)}
.buildgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:840px){.buildgrid{grid-template-columns:1fr}}
.bcard{border-radius:18px;padding:28px;color:#fff;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.bcard.one{background:linear-gradient(150deg,#4B3FE4,#372CC0)}
.bcard.two{background:linear-gradient(150deg,#12A46B,#0c7a50)}
.bcard.three{background:linear-gradient(150deg,#1f1e26,#38363f)}
.bcard h3{font-family:var(--disp);font-size:22px;margin-bottom:8px}
.bcard p{font-size:15px;opacity:.9;margin-bottom:18px}
.bcard .go{font-weight:600;font-size:15px}
.mgrwrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
@media(max-width:840px){.mgrwrap{grid-template-columns:1fr}}
.mgrlist{list-style:none;margin-top:18px}
.mgrlist li{display:flex;gap:12px;margin-bottom:16px;font-size:16px}
.mgrlist .tick{flex:none;width:24px;height:24px;border-radius:50%;background:#eafaf1;color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:700}
.mockup{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.mock-top{background:#1f1e26;padding:12px 16px;display:flex;gap:6px;align-items:center}
.mock-top i{width:11px;height:11px;border-radius:50%;background:#4a4852;display:block}
.mock-top .u{margin-inline-start:8px;color:#9c99a4;font-size:12px;background:#2b2a33;padding:4px 12px;border-radius:7px}
.mock-body{padding:18px}
.mock-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.mock-tab{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--muted)}
.mock-tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mock-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mock-card .mi{height:56px;background:linear-gradient(135deg,#4B3FE4,#372CC0)}
.mock-card .mc{padding:7px 9px}
.mock-card .mc b{font-size:12px}.mock-card .mc span{display:block;color:var(--primary);font-size:12px;font-weight:700;margin-top:2px}
.mock-bubble{margin-top:14px;background:#1f1e26;color:#fff;border-radius:12px;padding:12px 14px;font-size:13.5px;display:flex;gap:10px;align-items:center}
.mock-bubble .av{width:30px;height:30px;flex:none;border-radius:8px;background:var(--primary);display:grid;place-items:center;font-weight:700;font-size:14px}
.price{max-width:520px;margin:0 auto;text-align:center;background:var(--card);border:2px solid var(--primary);border-radius:22px;box-shadow:var(--shadow);padding:36px 30px}
.price .big{font-family:var(--disp);font-size:66px;font-weight:700;color:var(--ink);line-height:1}
.price .cur{font-size:28px;vertical-align:super;color:var(--muted)}
.price .cap{color:var(--muted);margin:6px 0 22px;font-size:16px}
.price ul{list-style:none;text-align:start;max-width:320px;margin:0 auto 26px}
.price li{display:flex;gap:10px;margin-bottom:12px;font-size:15.5px}
.price li .tick{color:var(--accent);font-weight:700}
.vs{margin-top:20px;font-size:14px;color:var(--muted)}
.faq{max-width:760px;margin:0 auto}
.qa{border-bottom:1px solid var(--line);padding:20px 0;cursor:pointer}
.qa h4{font-family:var(--disp);font-size:18px;display:flex;justify-content:space-between;align-items:center}
.qa p{color:var(--muted);font-size:15.5px;margin-top:10px;display:none}
.qa.open p{display:block}
.qa .pm{color:var(--primary);font-weight:700}
.finalcta{text-align:center;padding:80px 0}
.finalcta h2{margin:0 auto 26px}
footer.bf{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:14px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}

/* ---- Brand lockup (header logo) ---- */
.brand-lock{gap:12px}
.brand-lock .b{width:44px;height:44px;font-size:26px;border-radius:12px;flex:none}
.brand-lock .wm{display:flex;flex-direction:column;line-height:1.12}
.brand-lock .wm-name{font-family:var(--disp);font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.5px}
.brand-lock .wm-name .wm-dot{color:var(--primary)}
.brand-lock .wm-slogan{font-family:'Space Grotesk',var(--disp);font-weight:700;font-size:14px;color:var(--primary);letter-spacing:.6px;white-space:nowrap;margin-top:2px}
.bf .nav{height:78px}
@media(max-width:600px){.brand-lock .wm-slogan{display:none}}