:root{
  --cf-bg:#f3f7fb;
  --cf-surface:#ffffff;
  --cf-surface-2:#f8fbff;
  --cf-ink:#0f172a;
  --cf-muted:#526075;
  --cf-line:#dbe5f0;
  --cf-accent:#0f766e;
  --cf-accent-2:#2563eb;
  --cf-accent-3:#e2f4ff;
  --cf-shadow:0 24px 60px rgba(15, 23, 42, 0.10);
  --cf-radius:26px;
  --cf-radius-sm:16px;
}

.calculify-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.10), transparent 28%),
    radial-gradient(circle at top left, rgba(15,118,110,0.10), transparent 26%),
    linear-gradient(180deg, #f8fbff 0%, #eef4f9 100%);
  color:var(--cf-ink);
}

.calculify-shell{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

.calculify-topbar{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(14px);
  background:rgba(248, 251, 255, 0.82);
  border-bottom:1px solid rgba(219, 229, 240, 0.9);
}

.calculify-topbar__inner{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 0;
}

.calculify-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:inherit;
}

.calculify-brand__mark{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:800;
  letter-spacing:0.08em;
  color:#fff;
  background:linear-gradient(135deg, #0f172a, #0f766e 58%, #2563eb);
  box-shadow:0 18px 42px rgba(15, 23, 42, 0.18);
}

.calculify-brand__text{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.calculify-brand__eyebrow{
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#0f766e;
}

.calculify-brand__title{
  font-size:18px;
  line-height:1.1;
  font-weight:800;
  color:var(--cf-ink);
}

.calculify-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}

.calculify-nav a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  border:1px solid transparent;
  color:#334155;
  font-weight:700;
  text-decoration:none;
  transition:transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}

.calculify-nav a:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:var(--cf-line);
  color:#0f172a;
}

.calculify-nav a.is-primary{
  color:#fff;
  background:linear-gradient(135deg, #0f172a, #2563eb);
  box-shadow:0 14px 30px rgba(37, 99, 235, 0.18);
}

.calculify-hero{
  padding:44px 0 24px;
}

.calculify-hero__panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.22), transparent 30%),
    linear-gradient(135deg, #0f172a 0%, #153661 45%, #0f766e 100%);
  color:#fff;
  border-radius:36px;
  padding:34px;
  box-shadow:var(--cf-shadow);
}

.calculify-hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(300px, 0.95fr);
  gap:28px;
  align-items:end;
}

.calculify-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#d9f5ff;
  background:rgba(226, 244, 255, 0.12);
  border:1px solid rgba(226, 244, 255, 0.16);
}

.calculify-hero h1{
  margin:18px 0 14px;
  font-size:clamp(36px, 5vw, 60px);
  line-height:0.96;
  font-weight:900;
  letter-spacing:-0.04em;
}

.calculify-hero p{
  max-width:60ch;
  margin:0;
  color:rgba(255,255,255,0.86);
  font-size:18px;
  line-height:1.7;
}

.calculify-hero__stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.calculify-stat{
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:20px;
  padding:18px;
}

.calculify-stat strong{
  display:block;
  font-size:30px;
  line-height:1;
  font-weight:900;
}

.calculify-stat span{
  display:block;
  margin-top:8px;
  font-size:14px;
  line-height:1.5;
  color:rgba(255,255,255,0.74);
}

.calculify-section{
  padding:14px 0;
}

.calculify-grid{
  display:grid;
  gap:18px;
}

.calculify-grid--dashboard{
  grid-template-columns:minmax(0, 1.35fr) minmax(0, 0.85fr);
  align-items:start;
}

.calculify-card{
  background:var(--cf-surface);
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius);
  box-shadow:var(--cf-shadow);
  padding:24px;
}

.calculify-card--soft{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.calculify-card h2,
.calculify-card h3{
  margin:0 0 12px;
  color:var(--cf-ink);
  line-height:1.15;
}

.calculify-card p{
  margin:0;
  color:var(--cf-muted);
  line-height:1.7;
}

.calculify-input{
  width:100%;
  min-height:54px;
  border-radius:18px;
  border:1px solid var(--cf-line);
  background:#fff;
  padding:0 18px;
  color:var(--cf-ink);
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
}

.calculify-input:focus{
  outline:none;
  border-color:#8db8ff;
  box-shadow:0 0 0 4px rgba(37,99,235,0.10);
}

.calculify-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.calculify-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--cf-line);
  background:#fff;
  color:var(--cf-ink);
  font-weight:800;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  cursor:pointer;
}

.calculify-button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(15, 23, 42, 0.08);
}

.calculify-button--primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, #0f172a, #2563eb);
}

.calculify-button--secondary{
  background:#eef7ff;
  border-color:#c8ddff;
}

.calculify-button--ghost{
  background:transparent;
}

.calculify-button--danger{
  background:#fff4f4;
  border-color:#fecaca;
  color:#991b1b;
}

.calculify-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.calculify-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--cf-line);
  background:#fff;
  color:#334155;
  font-size:13px;
  font-weight:700;
}

.calculify-pill.is-active{
  color:#0f172a;
  border-color:#9cc3ff;
  background:#eff6ff;
}

.calculify-metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.calculify-metric{
  background:var(--cf-surface-2);
  border:1px solid var(--cf-line);
  border-radius:22px;
  padding:18px;
}

.calculify-metric strong{
  display:block;
  font-size:34px;
  line-height:1;
  font-weight:900;
  color:var(--cf-ink);
}

.calculify-metric span{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.5;
  color:#64748b;
}

.calculify-tool-list,
.calculify-scenario-list,
.calculify-flow-list{
  display:grid;
  gap:14px;
}

.calculify-tool-list[data-calculify-catalog]{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.calculify-tool{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid var(--cf-line);
  border-radius:22px;
  padding:18px;
  background:#fff;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.calculify-tool:hover{
  transform:translateY(-2px);
  border-color:#bdd3ea;
  box-shadow:0 18px 42px rgba(15, 23, 42, 0.08);
}

.calculify-tool__content{
  display:grid;
  gap:8px;
}

.calculify-tool__eyebrow{
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#0f766e;
}

.calculify-tool__title{
  font-size:21px;
  line-height:1.15;
  font-weight:900;
  color:var(--cf-ink);
}

.calculify-tool__summary{
  color:var(--cf-muted);
  line-height:1.65;
}

.calculify-tool__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.calculify-tool__tags span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid var(--cf-line);
  color:#475569;
  font-size:12px;
  font-weight:700;
}

.calculify-tool__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

.calculify-tool__actions .calculify-button{
  min-height:42px;
}

.calculify-empty{
  border:1px dashed #bfd3e6;
  border-radius:20px;
  background:#f8fbff;
  padding:20px;
  color:#64748b;
  line-height:1.7;
}

.calculify-workbench{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(191, 211, 230, 0.95);
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow:var(--cf-shadow);
  margin:18px 0 28px;
}

.calculify-workbench__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(320px, 0.7fr);
  gap:18px;
  padding:18px;
}

.calculify-workbench__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#e6f7f5;
  color:#0f766e;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
}

.calculify-workbench h2{
  margin:12px 0 8px;
  font-size:24px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-0.04em;
  color:var(--cf-ink);
}

.calculify-workbench p{
  margin:0;
  color:var(--cf-muted);
  line-height:1.65;
  font-size:15px;
}

.calculify-workbench__panel{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg, #0f172a 0%, #153661 100%);
  color:#fff;
}

.calculify-workbench__panel p{
  color:rgba(255,255,255,0.78);
}

.calculify-workbench__mini{
  display:grid;
  gap:10px;
}

.calculify-workbench__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.calculify-workbench__meta .calculify-pill{
  background:#fff;
}

.calculify-workbench .calculify-actions{
  gap:10px;
  margin-top:16px;
}

.calculify-workbench .calculify-button{
  min-height:40px;
  padding:0 14px;
  font-size:14px;
}

.calculify-inline-list{
  display:grid;
  gap:8px;
}

.calculify-inline-item{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  padding:12px 14px;
}

.calculify-inline-item strong{
  display:block;
  font-size:15px;
  line-height:1.35;
}

.calculify-inline-item span{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.5;
  color:rgba(255,255,255,0.72);
}

.calculify-inline-item button{
  min-height:38px;
}

.calculify-flow{
  border:1px solid var(--cf-line);
  border-radius:26px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding:22px;
}

.calculify-inline-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.calculify-flow__eyebrow{
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#2563eb;
}

.calculify-flow h3{
  margin:12px 0 10px;
  font-size:22px;
  line-height:1.15;
  font-weight:900;
  color:var(--cf-ink);
}

.calculify-flow p{
  color:var(--cf-muted);
  line-height:1.7;
}

.calculify-flow ul{
  margin:14px 0 0;
  padding-left:18px;
  color:#475569;
  line-height:1.7;
}

.calculify-flow ul li + li{
  margin-top:6px;
}

.calculify-panel-foot{
  padding:14px 0 48px;
  color:#64748b;
  font-size:14px;
  line-height:1.7;
}

.calculify-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:100;
  max-width:min(420px, calc(100% - 32px));
  padding:14px 16px;
  border-radius:18px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 22px 46px rgba(15, 23, 42, 0.22);
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}

.calculify-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}

.calculify-hidden{
  display:none !important;
}

.calculify-site{
  padding-bottom:72px;
}

.calculify-site__hero{
  padding:32px 0 18px;
}

.calculify-site__poster{
  position:relative;
  overflow:hidden;
  border-radius:40px;
  padding:38px;
  background:
    radial-gradient(circle at top right, rgba(226, 244, 255, 0.22), transparent 28%),
    radial-gradient(circle at left center, rgba(15, 118, 110, 0.18), transparent 24%),
    linear-gradient(135deg, #08111f 0%, #0f2e4f 40%, #0f766e 100%);
  color:#fff;
  box-shadow:var(--cf-shadow);
}

.calculify-site__poster::after{
  content:'';
  position:absolute;
  inset:auto -60px -80px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.16), rgba(255,255,255,0));
  pointer-events:none;
}

.calculify-site__split{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(300px, 0.9fr);
  gap:24px;
  align-items:end;
}

.calculify-site__badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(226,244,255,0.18);
  background:rgba(226,244,255,0.10);
  font-size:12px;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#d9f5ff;
}

.calculify-site__hero h1{
  margin:18px 0 14px;
  font-size:clamp(38px, 5vw, 64px);
  line-height:0.94;
  letter-spacing:-0.04em;
}

.calculify-site__lede{
  max-width:58ch;
  color:rgba(255,255,255,0.84);
  font-size:18px;
  line-height:1.75;
}

.calculify-site__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.calculify-site__actions .calculify-button{
  box-shadow:none;
}

.calculify-site__panel{
  border-radius:28px;
  padding:24px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  backdrop-filter:blur(6px);
}

.calculify-site__eyebrow{
  margin:0 0 10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#d9f5ff;
}

.calculify-site__panel h2{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.05;
}

.calculify-site__panel p{
  margin:0;
  color:rgba(255,255,255,0.78);
  line-height:1.7;
}

.calculify-site__list{
  margin:18px 0 0;
  padding-left:18px;
  color:rgba(255,255,255,0.84);
}

.calculify-site__list li + li{
  margin-top:10px;
}

.calculify-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.calculify-section-head h2{
  margin:0;
  font-size:clamp(28px, 4vw, 40px);
  line-height:1;
  letter-spacing:-0.03em;
}

.calculify-section-head p{
  max-width:56ch;
  margin:0;
  color:var(--cf-muted);
  line-height:1.7;
}

.calculify-story-grid,
.calculify-guide-grid,
.calculify-cluster-grid,
.calculify-faq-grid,
.calculify-article__grid,
.calculify-link-grid{
  display:grid;
  gap:18px;
}

.calculify-story-grid,
.calculify-guide-grid,
.calculify-cluster-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.calculify-faq-grid,
.calculify-link-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.calculify-article__grid{
  grid-template-columns:minmax(0, 1.25fr) minmax(280px, 0.75fr);
  align-items:start;
}

.calculify-story,
.calculify-guide,
.calculify-cluster,
.calculify-callout,
.calculify-side-note,
.calculify-article__body,
.calculify-editorial-plus__card{
  background:#fff;
  border:1px solid var(--cf-line);
  border-radius:28px;
  box-shadow:var(--cf-shadow);
  padding:24px;
}

.calculify-story h3,
.calculify-guide h3,
.calculify-cluster h3,
.calculify-callout h3,
.calculify-side-note h3,
.calculify-editorial-plus__card h3{
  margin:0 0 12px;
  line-height:1.12;
}

.calculify-story p,
.calculify-guide p,
.calculify-cluster p,
.calculify-callout p,
.calculify-side-note p,
.calculify-editorial-plus__card p{
  margin:0;
  color:var(--cf-muted);
  line-height:1.72;
}

.calculify-mini-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.calculify-mini-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--cf-line);
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  font-weight:700;
}

.calculify-guide__meta,
.calculify-article__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 0;
  color:#5b6b7f;
  font-size:14px;
}

.calculify-article{
  padding:28px 0 0;
}

.calculify-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
  color:#64748b;
  font-size:14px;
}

.calculify-breadcrumb a{
  color:inherit;
  text-decoration:none;
}

.calculify-article__hero{
  border-radius:36px;
  padding:34px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 32%),
    linear-gradient(135deg, #0f172a 0%, #183b66 44%, #2563eb 100%);
  color:#fff;
  box-shadow:var(--cf-shadow);
}

.calculify-article__hero h1{
  margin:14px 0;
  font-size:clamp(34px, 4.8vw, 58px);
  line-height:0.98;
  letter-spacing:-0.04em;
}

.calculify-article__hero p{
  max-width:62ch;
  margin:0;
  color:rgba(255,255,255,0.82);
  line-height:1.75;
}

.calculify-prose{
  color:#233245;
  line-height:1.85;
}

.calculify-prose p + p,
.calculify-prose ul + p,
.calculify-prose ol + p,
.calculify-prose h2 + p,
.calculify-prose h3 + p{
  margin-top:14px;
}

.calculify-prose h2,
.calculify-prose h3{
  margin:28px 0 10px;
  color:#0f172a;
  line-height:1.15;
}

.calculify-prose ul,
.calculify-prose ol{
  margin:14px 0 0;
  padding-left:22px;
}

.calculify-prose li + li{
  margin-top:8px;
}

.calculify-callout{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.calculify-callout--dark{
  background:linear-gradient(135deg, #0f172a, #143e67);
  border-color:rgba(255,255,255,0.08);
  color:#fff;
}

.calculify-callout--dark p,
.calculify-callout--dark li,
.calculify-callout--dark h3{
  color:#fff;
}

.calculify-callout--dark .calculify-mini-links a{
  background:rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.14);
  color:#fff;
}

.calculify-faq{
  background:#fff;
  border:1px solid var(--cf-line);
  border-radius:22px;
  padding:18px 20px;
  box-shadow:var(--cf-shadow);
}

.calculify-faq summary{
  cursor:pointer;
  font-weight:800;
  color:#0f172a;
  list-style:none;
}

.calculify-faq summary::-webkit-details-marker{
  display:none;
}

.calculify-faq p{
  margin:14px 0 0;
  color:var(--cf-muted);
  line-height:1.74;
}

.calculify-source-list{
  margin:16px 0 0;
  padding-left:20px;
  color:#3a4a5e;
}

.calculify-source-list li + li{
  margin-top:8px;
}

.calculify-source-list a{
  font-weight:800;
  color:#0f172a;
}

.calculify-cta-band{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:28px;
  background:linear-gradient(135deg, #0f172a 0%, #0f766e 100%);
  color:#fff;
  box-shadow:var(--cf-shadow);
}

.calculify-cta-band h2{
  margin:0 0 12px;
}

.calculify-cta-band p{
  max-width:56ch;
  margin:0;
  color:rgba(255,255,255,0.82);
  line-height:1.74;
}

.calculify-cta-band .calculify-site__actions{
  margin-top:18px;
}

.calculify-cta-band .calculify-button--ghost{
  background:rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.2);
  color:#fff;
}

.calculify-editorial-plus{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto 14px;
}

.calculify-editorial-plus__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.calculify-editorial-plus__faq{
  display:grid;
  gap:14px;
}

.calculify-editorial-plus__faq details{
  background:#f8fbff;
  border:1px solid var(--cf-line);
  border-radius:18px;
  padding:16px 18px;
}

.calculify-editorial-plus__faq summary{
  cursor:pointer;
  font-weight:800;
  color:#0f172a;
  list-style:none;
}

.calculify-editorial-plus__faq summary::-webkit-details-marker{
  display:none;
}

.calculify-editorial-plus__faq p{
  margin:12px 0 0;
}

.calculify-editorial-plus__bullets{
  margin:16px 0 0;
  padding-left:20px;
  color:#334155;
}

.calculify-editorial-plus__bullets li + li{
  margin-top:8px;
}

.calculify-editorial-plus__card--case{
  background:linear-gradient(180deg, #fffaf2 0%, #ffffff 100%);
}

.calculify-note{
  display:block;
  margin-top:14px;
  color:#64748b;
  font-size:14px;
  line-height:1.6;
}

@media (max-width: 1100px){
  .calculify-grid--dashboard,
  .calculify-workbench__grid,
  .calculify-hero__grid{
    grid-template-columns:1fr;
  }

  .calculify-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .calculify-tool-list[data-calculify-catalog]{
    grid-template-columns:1fr;
  }

  .calculify-site__split,
  .calculify-story-grid,
  .calculify-guide-grid,
  .calculify-cluster-grid,
  .calculify-faq-grid,
  .calculify-article__grid,
  .calculify-link-grid,
  .calculify-editorial-plus__grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .calculify-topbar__inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .calculify-nav{
    justify-content:flex-start;
  }

  .calculify-hero__panel,
  .calculify-card,
  .calculify-flow,
  .calculify-workbench{
    border-radius:24px;
  }

  .calculify-hero__panel{
    padding:24px;
  }

  .calculify-workbench__grid{
    padding:18px;
  }

  .calculify-hero h1{
    font-size:38px;
  }

  .calculify-tool{
    grid-template-columns:1fr;
  }

  .calculify-tool__actions{
    justify-content:flex-start;
  }

  .calculify-metrics,
  .calculify-hero__stats{
    grid-template-columns:1fr;
  }

  .calculify-site__poster,
  .calculify-article__hero,
  .calculify-cta-band{
    padding:24px;
    border-radius:28px;
  }

  .calculify-story,
  .calculify-guide,
  .calculify-cluster,
  .calculify-callout,
  .calculify-side-note,
  .calculify-article__body,
  .calculify-editorial-plus__card{
    padding:20px;
    border-radius:24px;
  }
}