/* Reference families: Unify pricing, analytics, and blog inspected 2026-10-06.
   Feature headings 72/72, regular features 44/46.2, plan names 30/37.5.
   Shared spacing and responsive values extend the existing measured system. */
.nav-dropdown { position:relative; }
.nav-dropdown summary { cursor:pointer; list-style:none; white-space:nowrap; display:flex; align-items:center; gap:4px; height:44px; line-height:1.4; }
.nav-dropdown summary::-webkit-details-marker { display:none; }
.nav-dropdown summary::marker { content:""; }
.nav-chevron { display:block; width:20px; height:20px; flex:none; }
.navigation nav > a { display:flex; align-items:center; height:44px; line-height:1.4; }
.nav-dropdown[open] .nav-chevron { transform:rotate(180deg); }
.nav-dropdown[open]>div { display:flex; flex-direction:column; position:absolute; top:calc(100% + 8px); left:-20px; min-width:240px; padding:20px; background:var(--paper); border:1px solid var(--line); border-radius:5px; gap:14px; }
.site-footer { display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:40px; }
.site-footer>div { display:flex; flex-direction:column; gap:14px; font-size:14px; }
.site-footer>div>p { color:var(--muted); margin-top:24px; }
.site-footer .eyebrow { color:var(--muted); margin-bottom:12px; }
.subhero { padding:80px 0 64px; }
.subhero h1 { font-size:72px; line-height:1; max-width:1060px; margin:24px 0; font-weight:700; text-wrap:balance; }
.subhero p { font-size:18px; line-height:1.4; max-width:680px; }
.subhero .eyebrow { color:var(--muted); }
.centered { text-align:center; }
.centered h1,.centered p { margin-left:auto; margin-right:auto; }
.library { padding-bottom:112px; }
.library h2 { font-size:44px; font-weight:400; margin-bottom:40px; }
.library>.button { margin-top:40px; }
.library-toolbar { display:flex; align-items:center; justify-content:space-between; padding:24px 0; border-top:1px solid var(--line); margin-bottom:24px; font-size:14px; }
.library-toolbar label { display:flex; align-items:center; gap:12px; }
.library-toolbar input { font:inherit; background:transparent; border:1px solid var(--line); border-radius:5px; padding:12px; width:240px; }
.editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 24px; }
.editorial-card { display:block; }
.editorial-card:hover { text-decoration:none; }
.editorial-card:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.editorial-card h3 { font-family:Feature,Georgia,serif; font-weight:400; font-size:30px; line-height:1.12; letter-spacing:-.02em; margin:12px 0 20px; text-wrap:balance; }
.editorial-card>.eyebrow { font-size:10px; color:var(--muted); }
.card-art { height:240px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:var(--sand); color:var(--ink); margin-bottom:24px; position:relative; overflow:hidden; }
.card-art:after { content:''; width:240px; height:240px; position:absolute; right:-64px; bottom:-64px; border:1px solid currentColor; border-radius:50%; opacity:.3; }
.art-number { font-family:Feature,Georgia,serif; font-size:72px; line-height:1; }
.art-label { font-size:11px; letter-spacing:.08em; }
.tone-1 { background:#241e20; color:var(--paper); }
.tone-2 { background:#f23b0a; color:var(--paper); }
.tone-3 { background:#f8f7f3; }
.text-link { display:block; font-size:14px; margin-top:24px; }
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding:80px 0; }
.feature-row h2 { font-size:44px; line-height:1.05; font-weight:400; margin:20px 0; }
.feature-row p { font-size:16px; max-width:540px; }
.feature-row .button { margin-top:24px; }
.feature-row .editorial-grid { grid-template-columns:1fr 1fr; }
.feature-row .editorial-card h3 { font-size:26px; }
.feature-row .card-art { height:200px; }
.feature-row:nth-of-type(even)>.feature-illustration { background:#f8f7f3; }
.feature-illustration { background:var(--sand); min-height:340px; padding:32px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; }
.feature-illustration>span { font-size:12px; color:var(--muted); }
.feature-illustration p { font-size:18px; }
.orbit-mark { width:140px; height:140px; align-self:center; overflow:hidden; }
.orbit-mark img { width:119.2%; margin:-9.125% 0 0 -9.6%; mix-blend-mode:multiply; }
.product-visual { padding-bottom:40px; }
.signal-panel { max-width:1060px; margin:auto; background:var(--paper); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.signal-content { padding:40px; }
.signal-content h3 { font-size:30px; margin:20px 0 32px; font-weight:400; }
.signal-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.signal-metrics>div { display:flex; flex-direction:column; border-top:1px solid var(--line); padding-top:20px; }
.signal-metrics span,.signal-metrics small { font-size:12px; color:var(--muted); }
.signal-metrics strong { font-size:44px; font-weight:400; margin:12px 0; }
.signal-bars { display:flex; align-items:flex-end; gap:12px; height:160px; margin:40px 0 24px; border-bottom:1px solid var(--line); }
.signal-bars span { flex:1; height:var(--bar); background:var(--orange); }
.signal-content>p { font-size:12px; color:var(--muted); }
.wide-photo,.article-banner { height:400px; background:url('/assets/sundial-closing-reflection.png') center/cover; }
.agency-photo { background-image:url('/assets/sundial-hero-centered.png'); }
.page-switch { display:flex; justify-content:center; gap:24px; margin-bottom:40px; font-size:16px; }
.page-switch a[aria-current] { border-bottom:2px solid var(--orange); padding-bottom:8px; }
.plans { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.plan { background:#f8f7f3; padding:24px; border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; gap:20px; }
.plan.featured { background:var(--ink); color:var(--paper); }
.plan h2 { font-size:30px; line-height:1.25; font-weight:400; letter-spacing:-.02em; }
.plan p { min-height:66px; font-size:14px; }
.plan .button { width:100%; }
.plan.featured .button { background:var(--paper); color:var(--ink); }
.plan ul { margin:0; padding:0; list-style:none; font-size:14px; }
.plan li { padding:12px 0; border-top:1px solid var(--line); }
.pricing-note { text-align:center; color:var(--muted); font-size:13px; padding:32px 0 112px; }
.pricing-note a { text-decoration:underline; }
.connection-map { display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:var(--paper); padding:64px; font-family:Feature,Georgia,serif; font-size:44px; }
.connection-map b { font-weight:400; color:var(--orange); }
.benefits { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:40px 0; }
.benefits article { border-top:1px solid var(--line); padding:24px 0; }
.benefits h2 { font-size:38px; font-weight:400; margin-top:20px; }
.reading { max-width:760px; padding-bottom:112px; }
.reading h2 { font-size:38px; font-weight:400; margin:32px 0 24px; }
.reading p { font-size:18px; line-height:1.6; margin-bottom:32px; }
.reading .brand { margin:24px 0; }
.report-layout,.demo-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-bottom:112px; align-items:center; }
.report-layout h2,.demo-layout h2 { font-size:44px; font-weight:400; }
.report-layout p,.demo-layout p { margin:24px 0; }
.report-cover { background:var(--ink); color:var(--paper); min-height:480px; padding:40px; display:flex; flex-direction:column; justify-content:space-between; gap:40px; }
.report-cover>span:last-child { color:var(--orange); font-size:44px; }
.timeline { max-width:1060px; padding-bottom:112px; }
.timeline article { display:grid; grid-template-columns:240px 1fr; gap:40px; padding:40px 0; border-top:1px solid var(--line); }
.timeline h2 { font-size:38px; font-weight:400; }
.booking-panel { background:#f8f7f3; padding:40px; border:1px solid var(--line); border-radius:12px; }
.booking-panel h3 { font-family:Feature,Georgia,serif; font-size:38px; line-height:1.12; font-weight:400; margin-top:24px; }
.small-note { font-size:12px; color:var(--muted); }
.demo-layout li { margin:20px 0; }
.workflow-brief { display:grid; grid-template-columns:240px 1fr; gap:80px; max-width:1060px; padding-bottom:112px; }
.workflow-brief aside { display:flex; flex-direction:column; gap:24px; font-size:14px; }
.workflow-brief h2 { font-size:38px; font-weight:400; margin-bottom:24px; }
.workflow-brief p { font-size:18px; line-height:1.6; margin-bottom:40px; }
.comparison-options { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:64px; }
.comparison-options>div { padding:40px; border-top:1px solid var(--line); background:#f8f7f3; }
.comparison-options h2 { font-size:44px; font-weight:400; margin-bottom:24px; }
.sitemap-list { padding-bottom:112px; }
.sitemap-list details { padding:24px 0; border-top:1px solid var(--line); }
.sitemap-list summary { font-family:Feature,Georgia,serif; font-size:30px; cursor:pointer; }
.sitemap-list details>div { display:grid; grid-template-columns:1fr 1fr; gap:16px 40px; margin-top:24px; font-size:14px; }
.empty-results { padding:40px 0; }
[hidden] { display:none!important; }
@media(max-width:1200px) { .site-footer{gap:24px;} .plans{grid-template-columns:1fr 1fr;} .subhero h1{font-size:64px;} }
@media(max-width:960px) {
 .navigation nav.open { max-height:calc(100dvh - 88px);overflow-y:auto; }
 .nav-dropdown { width:100%; }
 .nav-dropdown[open]>div { position:static; border:0; padding:20px 0 0 20px; }
 .subhero h1 { font-size:56px; }
 .editorial-grid { grid-template-columns:1fr 1fr; }
 .feature-row,.report-layout,.demo-layout,.workflow-brief { gap:40px; }
 .feature-row h2 { font-size:38px; }
 .site-footer { grid-template-columns:repeat(4,1fr); }
 .site-footer>div:first-child { grid-column:1/-1; }
 .connection-map { font-size:30px; padding:40px; }
}
@media(max-width:640px) {
 .subhero { padding:48px 0 40px; }
 .subhero h1 { font-size:44px; }
 .subhero p { font-size:16px; }
 .library { padding-bottom:64px; }
 .editorial-grid,.feature-row,.report-layout,.demo-layout,.workflow-brief,.comparison-options,.benefits { grid-template-columns:1fr; }
 .editorial-grid { gap:32px; }
 .library-toolbar { align-items:start; gap:20px; flex-direction:column; }
 .library-toolbar label { width:100%; }.library-toolbar input{flex:1;min-width:0;}
 .card-art { height:240px; }
 .editorial-card h3 { font-size:30px; }
 .feature-row { padding:48px 0;gap:32px; }
 .feature-row .editorial-grid { grid-template-columns:1fr; }
 .plans { grid-template-columns:1fr; }
 .plan p { min-height:0; }
 .connection-map { flex-direction:column;gap:24px;font-size:30px;padding:40px 24px; }
 .signal-content { padding:20px; }.signal-content h3 { font-size:24px; }
 .signal-metrics { gap:12px; }.signal-metrics strong{font-size:32px;}
 .signal-bars { gap:8px;height:120px; }
 .wide-photo,.article-banner { height:280px; }
 .report-layout,.demo-layout,.workflow-brief { padding-bottom:64px; }
 .report-cover { min-height:400px; padding:24px; }
 .report-cover h2,.demo-layout h2 { font-size:38px; }
 .timeline article { grid-template-columns:1fr; gap:20px; }.timeline h2{font-size:30px;}
 .booking-panel { padding:24px; }
 .reading { padding-bottom:64px; }.reading p{font-size:16px;}
 .workflow-brief p { font-size:16px; }
 .site-footer { grid-template-columns:1fr 1fr;gap:40px 20px; }
 .sitemap-list details>div { grid-template-columns:1fr; }
 .closing>.page-width { width:100%; }
}

/* Product stories rendered as real HTML/SVG; shared Sundial surfaces and Open Icons. */
.feature-illustration { padding:28px; min-height:380px; justify-content:center; }
.pv-window { width:100%; min-width:0; background:var(--paper); border:1px solid var(--line); border-radius:10px; overflow:hidden; box-shadow:0 8px 24px #241e2008; }
.pv-large { max-width:1060px; margin:auto; }
.pv-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid var(--line); font-size:12px; }
.pv-toolbar>span:first-child { display:flex; align-items:center; gap:6px; min-width:0; }
.pv-slash,.pv-period,.pv-foot { color:var(--muted); }
.pv-period { white-space:nowrap; font-size:11px; }
.pv-icon { display:block; width:20px; height:20px; flex:none; opacity:.75; }
.pv-content { padding:24px 20px; display:flex; flex-direction:column; gap:24px; }
.pv-foot { display:flex; justify-content:space-between; gap:10px; padding:12px 18px; font-size:11px; border-top:1px solid var(--line); }
.pv-heading,.pv-chart-title { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; }
.pv-heading>span:first-child { font-weight:500; }
.pv-metric { display:flex; flex-direction:column; gap:8px; }
.pv-metric>span { font-size:12px; color:var(--muted); }
.pv-metric strong { font-size:42px; line-height:1; font-weight:500; letter-spacing:-.04em; }
.pv-metric small { font-size:12px; color:var(--green); }
.pv-mini-metrics { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.pv-mini-metrics .pv-metric strong { font-size:30px; }
.pv-chart-title span { font-size:11px; color:var(--green); }
.pv-chart svg { width:100%; height:auto; display:block; margin-top:12px; }
.pv-grid { stroke:var(--line); stroke-width:1; fill:none; stroke-dasharray:3 5; }
.pv-line { fill:none; stroke:var(--orange); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.pv-line.muted { stroke:#a6a69a; stroke-width:2; }
.pv-axis { display:flex; justify-content:space-between; font-size:10px; color:var(--muted); }
.pv-legend { display:flex; gap:20px; margin-top:16px; font-size:11px; }
.pv-legend span:before { content:''; display:inline-block; background:var(--orange); width:7px; height:7px; border-radius:50%; margin-right:6px; }
.pv-legend span+span:before { background:#a6a69a; }
.pv-bars { display:flex; flex-direction:column; gap:16px; }
.pv-bars>div { display:grid; grid-template-columns:minmax(72px,1fr) 1.8fr 36px; gap:12px; align-items:center; font-size:12px; }
.pv-bars b { text-align:right; font-size:12px; font-weight:500; }
.pv-track { height:8px; background:#eeeee5; border-radius:3px; overflow:hidden; }
.pv-track i { height:100%; display:block; background:var(--orange); border-radius:3px; }
.pv-track i.soft { background:#a6a69a; }
.pv-table-wrap { max-width:100%; overflow-x:auto; }
.pv-table { width:100%; border-collapse:collapse; font-size:12px; line-height:1.4; text-align:left; }
.pv-table th { font-size:10px; font-weight:400; color:var(--muted); padding:0 8px 14px 0; border-bottom:1px solid var(--line); white-space:nowrap; }
.pv-table td { padding:16px 8px 16px 0; border-bottom:1px solid var(--line); vertical-align:middle; }
.pv-table td:last-child,.pv-table th:last-child { padding-right:0; text-align:right; }
.pv-table tr:last-child td { border-bottom:0; }
.pv-table b { font-weight:500; }
.pv-brand-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--orange); margin-right:4px; }
.pv-pill { display:inline-flex; padding:5px 7px; background:#eeeee5; border-radius:4px; font-size:10px; line-height:1.3; white-space:nowrap; }
.pv-pill.good { background:#eaf0e7; color:#48634d; }
.pv-pill.warm { background:#f6e9df; color:#95503a; }
.pv-callout { display:flex; gap:10px; align-items:center; background:#f6f5ee; padding:14px; font-size:12px; line-height:1.5; }
.pv-source-card,.pv-fact,.pv-task { display:flex; align-items:center; gap:12px; padding:16px 0; border-top:1px solid var(--line); }
.pv-source-card b,.pv-fact b,.pv-task b { font-size:12px; font-weight:500; display:block; }
.pv-source-card small,.pv-fact small,.pv-task small { font-size:11px; color:var(--muted); display:block; margin-top:6px; line-height:1.5; }
.pv-fact>div,.pv-task>div { flex:1; min-width:0; }
.pv-tags { display:flex; flex-wrap:wrap; gap:10px; padding:12px 0; }
.pv-tags .pv-pill { font-size:13px; padding:8px 12px; }
.pv-query { display:flex; align-items:center; gap:10px; padding:12px; background:#f6f5ee; border:1px solid var(--line); border-radius:6px; font-size:12px; }
.pv-task-number { font-size:12px; color:var(--orange); align-self:flex-start; padding-top:2px; }
.pv-prompt { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; padding:16px 0; border-top:1px solid var(--line); }
.pv-prompt b { font-size:12px; font-weight:400; }
.pv-model { display:flex; align-items:center; gap:8px; font-size:12px; margin-bottom:16px; }
.pv-answer p { font-size:14px; line-height:1.8; }
.pv-answer mark { background:#f6e9df; color:var(--ink); padding:2px 4px; }
.pv-answer-brand { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.pv-answer>small { font-size:11px; color:var(--muted); }
.pv-shelf { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.pv-shelf>div { padding:12px 8px; text-align:center; background:#f6f5ee; border:1px solid var(--line); border-radius:6px; display:flex; flex-direction:column; align-items:center; }
.pv-shelf small { font-size:9px; color:var(--muted); margin-top:16px; }
.pv-shelf b { font-size:11px; font-weight:500; margin:8px 0; }
.pv-shelf span { font-size:10px; color:var(--muted); }
.pv-product-shape { width:42px; height:64px; margin:24px 0 8px; background:linear-gradient(90deg,#d1ccbb,#f1ecdc,#c4c0b1); border:1px solid #bcb8ab; border-radius:5px 5px 10px 10px; position:relative; }
.pv-product-shape:before { content:''; position:absolute; left:3px; right:3px; height:12px; top:-10px; border:1px solid #bcb8ab; border-radius:4px 4px 0 0; background:#d8d5ca; }
.pv-product-shape:after { content:''; position:absolute; left:8px; right:8px; height:20px; top:24px; background:#fffff980; border-top:1px solid #a8a593; border-bottom:1px solid #a8a593; }
.pv-product-shape.tall { height:74px; width:34px; margin-top:14px; background:linear-gradient(90deg,#948f7e,#c7c0ac,#aaa28b); }
.pv-product-shape.short { height:44px; width:50px; margin-top:44px; }
.pv-large .pv-content { display:grid; grid-template-columns:1fr 1.4fr; gap:32px; padding:36px; align-items:start; }
.pv-large .pv-content>:first-child { grid-column:1/-1; }
.pv-large .pv-content>.pv-chart { grid-column:1; }
.pv-large .pv-content>.pv-table-wrap,.pv-large .pv-content>.pv-shelf { grid-column:1/-1; }
.pv-large .pv-shelf>div { min-height:230px; }
@media(max-width:1100px) { .feature-row { gap:48px; } .feature-illustration { padding:20px; } .pv-period { display:none; } .pv-content { padding:20px 16px; } }
@media(max-width:640px) { .feature-illustration { padding:14px; min-height:0; } .pv-large .pv-content { display:flex; padding:24px 18px; } .pv-toolbar { padding:14px; } .pv-metric strong { font-size:36px; } .pv-mini-metrics .pv-metric strong { font-size:26px; } .pv-foot { padding:12px 14px; } .pv-fact,.pv-task { flex-wrap:wrap; } }

/* Pricing: editorial hierarchy, consistent card anatomy and comparison. */
.pricing-hero { padding:80px 0 56px; }
.pricing-hero>div { display:grid; grid-template-columns:1.45fr 1fr; gap:80px; align-items:end; }
.pricing-hero h1 { font-size:72px; line-height:1; margin:24px 0 0; }
.pricing-hero p { font-size:18px; max-width:400px; margin-bottom:8px; }
.pricing-plans .page-switch { justify-content:flex-start; width:max-content; gap:4px; padding:4px; border:1px solid var(--line); border-radius:6px; margin-bottom:32px; font-size:14px; }
.pricing-plans .page-switch a { padding:10px 24px; border:0; border-radius:3px; }
.pricing-plans .page-switch a[aria-current] { background:var(--ink); color:var(--paper); }
.pricing-plans .plans { gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; align-items:stretch; }
.pricing-plans .plan { background:var(--paper); border:0; border-right:1px solid var(--line); border-radius:0; padding:28px 24px; gap:24px; }
.pricing-plans .plan:last-child { border-right:0; }
.pricing-plans .plan.featured { background:#f3f2e9; color:var(--ink); }
.plan-top { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:24px; }
.plan-top .eyebrow { font-size:10px; color:var(--muted); }
.plan-recommendation { background:#f23b0a12; color:#b13315; font-size:10px; border-radius:3px; padding:5px 7px; }
.pricing-plans .plan h2 { font-family:Saans,Arial,sans-serif; font-size:27px; line-height:1.2; font-weight:500; }
.pricing-plans .plan p { font-size:14px; line-height:1.5; min-height:44px; color:var(--muted); }
.plan-allowance { display:flex; flex-direction:column; gap:10px; padding:12px 0 8px; }
.plan-allowance strong { font-family:Feature,Georgia,serif; font-size:58px; line-height:1; letter-spacing:-.035em; font-weight:400; }
.plan-allowance>span { font-size:12px; color:var(--muted); }
.plan-coverage { display:flex; gap:4px; margin-top:10px; }
.plan-coverage i { height:5px; width:100%; background:#e4e4dc; }
.plan-coverage i.on { background:#b2b5a1; }
.plan.featured .plan-coverage i.on { background:var(--orange); }
.pricing-plans .plan .button { border:1px solid var(--ink); background:var(--paper); color:var(--ink); font-size:14px; }
.pricing-plans .plan.featured .button { background:var(--ink); color:var(--paper); }
.pricing-plans .plan li { display:flex; align-items:center; gap:10px; border:0; padding:8px 0; font-size:12px; }
.plan li img { width:16px; height:16px; opacity:.7; flex:none; }
.pricing-plans .pricing-note { text-align:left; display:flex; align-items:center; gap:8px; padding:28px 0 80px; font-size:14px; }
.pricing-note a { display:inline-flex; align-items:center; gap:6px; text-decoration:none; color:var(--ink); }
.pricing-note img { width:16px; height:16px; }
.pricing-comparison { padding:64px 0 88px; border-top:1px solid var(--line); }
.pricing-comparison h2,.pricing-included h2 { font-size:48px; font-weight:400; margin:20px 0; }
.pricing-comparison p { font-size:16px; color:var(--muted); }
.pricing-table-scroll { overflow-x:auto; margin-top:40px; }
.pricing-comparison table { border-collapse:collapse; width:100%; text-align:left; font-size:14px; min-width:650px; }
.pricing-comparison th,.pricing-comparison td { padding:22px 18px; border-bottom:1px solid var(--line); width:18%; font-weight:400; }
.pricing-comparison th:first-child { width:28%; padding-left:0; color:var(--muted); }
.pricing-comparison thead th { font-size:16px; }
.pricing-comparison th:nth-child(3),.pricing-comparison td:nth-child(3) { background:#f3f2e9; }
.pricing-included { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding:72px 0 112px; border-top:1px solid var(--line); }
.pricing-included article { display:flex; gap:20px; border-bottom:1px solid var(--line); padding:24px 0; }
.pricing-included article:first-child { padding-top:0; }
.pricing-included img { width:24px; height:24px; flex:none; }
.pricing-included h3 { font-size:22px; font-weight:400; margin-bottom:10px; }
.pricing-included p { font-size:16px; color:var(--muted); }
@media(max-width:1100px) { .pricing-hero>div { gap:48px; } .pricing-hero h1 { font-size:60px; } .pricing-plans .plan { padding:24px 18px; } .plan-allowance strong { font-size:48px; } .pricing-plans .plan h2 { font-size:24px; } }
@media(max-width:960px) { .pricing-plans .plans { grid-template-columns:1fr 1fr; } .pricing-plans .plan:nth-child(2) { border-right:0; } .pricing-plans .plan:nth-child(-n+2) { border-bottom:1px solid var(--line); } .pricing-included { gap:48px; } }
@media(max-width:640px) { .pricing-hero { padding:48px 0 40px; } .pricing-hero>div { grid-template-columns:1fr; gap:24px; } .pricing-hero h1 { font-size:48px; } .pricing-hero p { font-size:16px; } .pricing-plans .plan { padding:24px 14px; gap:18px; } .pricing-plans .plan h2 { font-size:21px; } .plan-allowance strong { font-size:39px; } .plan-top { align-items:start; flex-direction:column; min-height:46px; } .pricing-plans .plan p { font-size:12px; min-height:54px; } .pricing-plans .plan .button { font-size:12px; padding:12px 8px; } .pricing-plans .pricing-note { flex-wrap:wrap; padding-bottom:48px; } .pricing-comparison { padding:48px 0; } .pricing-comparison h2,.pricing-included h2 { font-size:40px; } .pricing-included { grid-template-columns:1fr; gap:32px; padding:48px 0 64px; } }