:root{
  --ink:#15120e; --ink2:#2a241b; --cream:#f7ecd9; --paper:#fffaf1; --gold:#d9a441;
  --clay:#c76b2d; --leaf:#6f8f58; --teal:#2d6b5f; --muted:#766b5d; --line:rgba(21,18,14,.14);
  --shadow:0 20px 60px rgba(21,18,14,.16); --radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55} a{color:inherit} .site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(18px,4vw,56px);background:rgba(247,236,217,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ink);color:var(--gold);font-weight:900}.brand strong{display:block;font-size:1.05rem}.brand small{display:block;color:var(--muted);font-size:.78rem;margin-top:-2px}.top-nav{display:flex;gap:18px;font-size:.92rem}.top-nav a{text-decoration:none;color:var(--muted)}.top-nav a:hover{color:var(--ink)}
.hero{min-height:calc(100svh - 74px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;padding:clamp(36px,7vw,96px) clamp(18px,6vw,90px);background:radial-gradient(circle at 20% 20%, rgba(217,164,65,.24), transparent 32%),radial-gradient(circle at 85% 40%, rgba(45,107,95,.18), transparent 34%),linear-gradient(135deg,var(--cream),#f3dcc0)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--clay);font-size:.78rem}.hero h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.9;margin:10px 0 22px;letter-spacing:-.065em}.lead{font-size:clamp(1.15rem,2.1vw,1.55rem);max-width:760px;color:var(--ink2)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid var(--line)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.ghost{background:rgba(255,250,241,.6)}.phone-card{justify-self:center;width:min(320px,90vw);background:var(--ink);color:var(--paper);border-radius:42px;padding:24px;box-shadow:var(--shadow);border:8px solid rgba(255,250,241,.45)}.phone-top{width:80px;height:6px;background:rgba(255,250,241,.3);border-radius:99px;margin:0 auto 24px}.phone-card h2{font-size:2rem;margin:0}.phone-card p{color:#d8c8ae;margin:0 0 14px}.mini-card{padding:14px 16px;border-radius:18px;margin:10px 0;font-weight:800}.hot{background:var(--clay)}.green{background:var(--leaf)}.blue{background:var(--teal)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.mini-grid span{height:44px;border-radius:14px;background:rgba(255,250,241,.12)}
.section{padding:clamp(52px,7vw,96px) clamp(18px,6vw,90px)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.section h2{font-size:clamp(2rem,4.4vw,4.2rem);line-height:1;margin:0 0 18px;letter-spacing:-.04em}.section p{font-size:1.08rem;color:var(--ink2)}.principles,.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 clamp(18px,6vw,90px) clamp(52px,7vw,96px)}.principles article,.solution-grid article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 30px rgba(21,18,14,.06)}.principles h3,.solution-grid h3{margin:0 0 8px;font-size:1.22rem}.principles p,.solution-grid p{margin:0;color:var(--muted)}.architecture{background:var(--ink);color:var(--paper)}.architecture p{color:#e2d4bc}.architecture .eyebrow{color:var(--gold)}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:26px 0}.flow span{background:rgba(255,250,241,.1);border:1px solid rgba(255,250,241,.18);padding:12px 14px;border-radius:14px;font-weight:800}.flow b{color:var(--gold)}.narrow{max-width:850px}.examples{background:var(--paper)}.app-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.app-row a,.app-row span{padding:13px 16px;border-radius:16px;background:var(--cream);border:1px solid var(--line);text-decoration:none;font-weight:800}.cta{text-align:center;background:linear-gradient(135deg,var(--teal),var(--ink));color:var(--paper)}.cta p{color:#e2d4bc}.site-footer{padding:30px clamp(18px,6vw,90px);background:var(--ink);color:var(--paper);border-top:1px solid rgba(255,250,241,.1)}.site-footer p{margin:0 0 4px}.muted{color:#c7b99f}
@media (max-width:820px){.top-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:clamp(3.1rem,16vw,5.1rem)}.phone-card{justify-self:start}.split{grid-template-columns:1fr}.principles,.solution-grid{grid-template-columns:1fr}.section{padding-top:58px;padding-bottom:58px}.site-header{padding-inline:16px}}