:root{
  --bg:#DAD6CC;
  --card:#FCFDF3;
  --ink:#222222;
  --muted:rgba(0,0,0,.58);
  --accent:#F84F39;
  --yellow:#FFE502;
  --line:rgba(0,0,0,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(92vw,1460px);margin:0 auto}
.header{position:sticky;top:0;z-index:20;background:rgba(218,214,204,.92);backdrop-filter:blur(10px);padding:28px 0 18px}
.header-row{display:grid;grid-template-columns:220px 1fr 180px;align-items:center;gap:20px}
.logo img{height:45px;width:auto}.nav{justify-self:center;background:#ececea;border-radius:16px;padding:18px 40px;display:flex;gap:30px;align-items:center}.nav a{font-size:16px}.nav a+a:before{content:'|';color:#aaa;margin-right:30px}.login{justify-self:end;background:#000;color:#fff;border-radius:999px;padding:12px 28px;font-weight:700}
.mobile-toggle{display:none;background:#000;color:#fff;border:0;border-radius:999px;padding:10px 14px}.mobile-nav{display:none;padding-top:10px}.mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
.hero{text-align:center;padding:70px 0 90px}.badge{display:inline-flex;background:var(--accent);color:white;border-radius:999px;padding:7px 72px;font-weight:700;transform:rotate(-4deg);font-size:20px;margin-bottom:36px}.hero h1{font-size:clamp(52px,7vw,112px);line-height:1.25;letter-spacing:-5px;margin:0;font-weight:800}.hero-title-row{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.hero-check{width:120px}.lead{max-width:850px;margin:38px auto 52px;color:var(--muted);font-size:24px;line-height:1.25}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--yellow);padding:18px 52px;font-size:24px;font-weight:800;border:0}.btn.black{background:#000;color:#fff}.btn.light{background:#fff}.mockup{margin:70px auto 0;max-width:1260px}.section{padding:80px 0}.section.compact{padding:55px 0}.section-title{text-align:center;font-size:clamp(42px,5.2vw,78px);line-height:1.12;letter-spacing:-3px;margin:0 0 72px;font-weight:800}.grid{display:grid;gap:28px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border-radius:32px;padding:44px;min-height:260px}.card h3{font-size:clamp(28px,3.4vw,60px);line-height:1.15;letter-spacing:-2px;margin:0 0 26px}.card h4{font-size:26px;line-height:1.1;margin:0 0 16px}.card p{color:var(--muted);font-size:18px;line-height:1.35}.card.small{padding:36px}.feature-kicker{font-size:14px;display:inline-block;border:1px solid #000;border-radius:999px;padding:4px 12px;margin-bottom:28px}.wide-card{background:var(--card);border-radius:28px;padding:70px 56px}.cta-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}.cta-link{background:var(--card);border-radius:16px;padding:26px 32px;font-size:26px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.pricing-toggle{text-align:center;margin-bottom:30px}.toggle-pill{display:inline-flex;background:var(--card);border-radius:999px;padding:7px;gap:6px}.toggle-pill span{padding:10px 28px;border-radius:999px}.toggle-pill .active{background:#000;color:#fff}.price{font-size:48px;font-weight:800;margin:18px 0}.price small{font-size:18px;color:var(--muted)}.features-list{padding:0;margin:24px 0 34px;list-style:none}.features-list li{padding:10px 0;border-bottom:1px solid var(--line)}.article-list{display:grid;gap:34px}.article-card{display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:center;background:var(--card);border-radius:28px;padding:28px}.article-card img{border-radius:22px}.article-card h2{font-size:clamp(30px,3.8vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px}.article-page{max-width:1050px;margin:0 auto;background:var(--card);border-radius:32px;padding:50px}.article-page h1{font-size:clamp(42px,5.6vw,82px);line-height:1.05;letter-spacing:-3px}.article-page h4{font-size:28px;color:var(--muted)}.article-page h5{font-size:28px;margin:42px 0 12px}.article-page p,.article-page li{font-size:19px;color:rgba(0,0,0,.72)}.article-page img{border-radius:28px;margin:32px 0}.faq-item{background:var(--card);border-radius:20px;padding:28px 34px;margin-bottom:18px}.faq-item h3{margin:0 0 10px;font-size:26px}.footer{padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px}.footer h3{font-size:24px;margin:0 0 16px}.footer a,.footer p{color:rgba(0,0,0,.65)}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:22px;font-size:14px}.scrolltop{position:fixed;right:28px;bottom:28px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.25);color:white;display:flex;align-items:center;justify-content:center;font-weight:800}
@media(max-width:900px){.header-row{grid-template-columns:1fr auto}.nav,.login{display:none}.mobile-toggle{display:inline-block}.mobile-nav.open{display:block}.grid.two,.grid.three,.grid.four,.cta-split,.footer-grid{grid-template-columns:1fr}.article-card{grid-template-columns:1fr}.hero{padding-top:42px}.card,.wide-card,.article-page{padding:28px}.hero-check{width:78px}.lead{font-size:18px}.badge{font-size:15px;padding:7px 36px}.btn{font-size:18px;padding:14px 34px}}