/* Keraia site. Tokens and layout from claude.ai/design "Keraia Web.dc.html". */
@font-face{font-family:'Cardo';font-weight:400;font-display:swap;src:url('/assets/Cardo-Regular.ttf') format('truetype')}
@font-face{font-family:'Cardo';font-weight:700;font-display:swap;src:url('/assets/Cardo-Bold.ttf') format('truetype')}
:root{--bg:#FBF3F1;--card:#FFFFFF;--ink:#2B1716;--mut:#6B5350;--acc:#AC2126;--line:#E9D9D6;--edge:#BFA39F;--alt:#F6EBE8;
  --sh:0 1px 2px rgba(60,20,16,.06),0 4px 12px rgba(60,20,16,.07);--icon-sh:0 4px 16px rgba(60,20,16,.18);
  --pad:64px;--h1:56px;--h2:40px;--lead:20px;--sec:80px;--cw:24px;--cg:3px;--ch:20px;--lbl:140px;--lblfs:15px}
@media (prefers-color-scheme:dark){:root{--bg:#1E0F0E;--card:#2A1817;--ink:#F7EBE8;--mut:#C9ADA8;--acc:#EE7476;--line:#432B29;--edge:#7A5A57;--alt:#241413;--sh:none;--icon-sh:none}}
@media (max-width:760px){:root{--pad:20px;--h1:36px;--h2:30px;--lead:17px;--sec:48px;--cw:7px;--cg:1.5px;--ch:14px;--lbl:100px;--lblfs:13px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,'SF Pro Text',system-ui,sans-serif;line-height:1.5}
a{color:var(--acc)}
img{max-width:100%}
h1,h2,h3,.h3{font-family:Cardo,serif;font-weight:700;margin:0}
p{margin:0}
.wrap{max-width:1280px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.mut{color:var(--mut)}

.nav{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:none}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 24px/1 Cardo,serif}
.brand img{display:block;border-radius:8px}
nav{display:flex;gap:24px;font-size:15px;font-weight:600}
nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}

.hero{padding-top:var(--sec);padding-bottom:var(--sec);display:flex;gap:64px;align-items:center}
.hero-text{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}
.appicon{display:block;border-radius:22px;box-shadow:var(--icon-sh)}
h1{font-size:var(--h1);line-height:1.1}
.lead{font-size:var(--lead);color:var(--mut);max-width:520px;margin-top:-8px}
.badge-link{display:inline-block;align-self:flex-start}
.badge{display:block;height:56px;width:auto}
.hero-phones{flex:none;display:flex;gap:24px;align-items:flex-start}
.hero-phones .offset{margin-top:64px}
.phone img{display:block;width:275px;height:auto}
.phone.big img{width:314px}

.feat{padding-top:var(--sec);padding-bottom:var(--sec);border-top:1px solid var(--line);display:flex;gap:64px;align-items:center;justify-content:center;max-width:none}
.feat.rev{flex-direction:row-reverse}
.feat-text{flex:1;display:flex;flex-direction:column;gap:12px;max-width:440px;min-width:0}
h2{font-size:var(--h2);line-height:1.15}
.feat-text p,.card p,.sec p{font-size:17px;color:var(--mut)}

.progress{background:var(--alt);border-top:1px solid var(--line);padding:var(--sec) 0}
.progress .wrap{display:flex;flex-direction:column;gap:24px}
.card{background:var(--card);border-radius:14px;box-shadow:var(--sh)}
.heat{padding:32px;display:flex;flex-direction:column;gap:6px}
.heat-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.h3{font-size:22px;line-height:1.2}
.heat-head .mut{font-size:15px}
.hrow{display:flex;align-items:center;gap:12px}
.hname{width:var(--lbl);flex:none;font-size:var(--lblfs);font-weight:600;white-space:nowrap}
.cells{display:flex;gap:var(--cg);height:var(--ch);min-width:0;flex:1}
.c{display:block;flex:0 1 var(--cw);min-width:2px;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--edge)}
.c.f{background:var(--acc);box-shadow:none}
.c.o{background:linear-gradient(to top,var(--acc) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--acc)}
.legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--mut);border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.legend span{display:flex;align-items:center;gap:4px}
.legend .c{width:16px;height:12px;flex:none}

.pricing{padding-top:var(--sec);padding-bottom:var(--sec);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:none}
.pricing .card{padding:24px;display:flex;flex-direction:column;gap:12px}
.pricing h3{font-size:28px;line-height:1.15}
.pricing .full{border:2px solid var(--acc);padding:22px}
.pricing .full h3{color:var(--acc)}
.sources{padding-top:32px;padding-bottom:32px;border-top:1px solid var(--line);max-width:none}
.sources p{font-size:15px;line-height:1.55;color:var(--mut);max-width:760px}

.doc{padding-top:var(--pad);padding-bottom:var(--pad);display:flex;flex-direction:column;gap:32px;max-width:760px;margin:0}
.doc-head{display:flex;flex-direction:column;gap:8px}
.doc-head p{font-size:17px}
.sec{display:flex;flex-direction:column;gap:8px}
.sec h2{font-size:24px;line-height:1.2}
.faq{display:flex;flex-direction:column;gap:12px}
.faq .card{padding:20px;display:flex;flex-direction:column;gap:8px}
.faq h2{font-size:22px;line-height:1.2}

.foot{padding-top:24px;padding-bottom:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;font-size:15px;color:var(--mut);max-width:none}

@media (max-width:1000px){
  .hero{flex-direction:column;align-items:stretch;gap:32px}
  .hero-phones{justify-content:center;gap:12px}
}
@media (max-width:760px){
  .nav{height:64px}
  nav{gap:8px}
  nav a{padding:0 6px}
  .hero-phones .offset{margin-top:32px}
  .phone img{width:min(173px,42vw)}
  .feat,.feat.rev{flex-direction:column;gap:32px}
  .phone.big img{width:275px}
  .heat{padding:16px;gap:4px}
  .pricing{grid-template-columns:1fr}
}