/* Vristo knowledge base and middle toggle pricing, using daisyUI theme tokens. */
[data-information-page] { max-width:1240px; margin:0 auto; padding:0 0 24px; }
[data-information-hero] { position:relative; overflow:hidden; border:1px solid var(--color-base-300); border-radius:12px 12px 0 0; padding:22px 30px 40px; background:linear-gradient(130deg,var(--color-base-100),var(--color-base-200)); }
[data-information-hero]::before,[data-information-hero]::after { content:""; position:absolute; width:280px; height:280px; border:1px solid var(--color-base-content); opacity:.045; border-radius:50%; pointer-events:none; }
[data-information-hero]::before { top:-130px; left:-110px; box-shadow:0 0 0 45px var(--color-base-content),0 0 0 90px var(--color-base-content); }
[data-information-hero]::after { bottom:-220px; right:-80px; box-shadow:0 0 0 35px var(--color-base-content),0 0 0 70px var(--color-base-content); }
[data-information-intro] { position:relative; text-align:center; max-width:760px; margin:26px auto 0; }
[data-information-intro] h1 { font-size:clamp(1.9rem,4vw,3.2rem); line-height:1.15; font-weight:700; letter-spacing:-.035em; margin:18px 0 16px; }
[data-information-intro] > p { line-height:1.65; opacity:.72; max-width:640px; margin:0 auto; }
[data-information-search] { display:flex; gap:8px; max-width:580px; margin:24px auto 12px; }
[data-information-search] .input { flex:1; min-width:0; height:48px; }
[data-information-search] .btn { height:48px; }
[data-information-search-status] { min-height:24px; }
[data-information-categories] { display:flex; justify-content:center; gap:6px; overflow-x:auto; padding:16px 12px; border:1px solid var(--color-base-300); border-top:0; border-radius:0 0 12px 12px; background:var(--color-base-200); }
[data-information-categories] .btn { flex-shrink:0; flex-direction:column; height:auto; min-width:108px; padding:14px 12px; gap:12px; font-size:12px; }
[data-information-categories] i { font-size:22px; opacity:.75; }
[data-information-categories] [aria-current] { background:var(--color-base-100); box-shadow:0 3px 8px color-mix(in oklab,var(--color-base-content) 5%,transparent); }
[data-information-body] { padding:32px 0; }
[data-information-document] { display:grid; grid-template-columns:260px minmax(0,1fr); align-items:start; gap:24px; }
[data-information-document] > aside { position:sticky; top:112px; }
[data-information-document] > aside .card-body { padding:20px 12px; }
[data-information-document] > aside h2 { padding:0 12px; }
[data-information-document] .menu a { white-space:normal; line-height:1.5; }
[data-information-article] .card-body { padding:32px 40px; display:block; line-height:1.85; font-size:14px; }
[data-information-article] h2 { font-size:20px; font-weight:650; margin:32px 0 14px; line-height:1.45; scroll-margin-top:120px; }
[data-information-article] p,[data-information-article] ul,[data-information-article] ol { margin-bottom:14px; }
[data-information-article] li { line-height:1.85; }
[data-information-article] section { margin-bottom:24px; }
[data-information-article] a { overflow-wrap:anywhere; }
mark[data-information-match] { background:var(--color-warning); color:var(--color-warning-content); border-radius:3px; padding:1px 2px; }
[data-information-help] .card-body { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; padding:28px; }
[data-information-help] .btn { flex-shrink:0; }
[data-information-form-main] { grid-column:span 2; }
[data-information-body] .type-card:has(+ input:checked),[data-information-body] label:has(input:checked) .type-card { background:var(--color-base-200); border-color:var(--color-base-content); }
[data-information-body] .type-card { border-radius:8px; }
[data-information-body] [data-legal-form] { border-radius:12px; }
[data-information-billing] { display:flex; align-items:center; justify-content:center; gap:16px; font-weight:600; }
[data-information-billing] [data-active="false"] { opacity:.5; }
[data-information-plan-grid] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:58px 0 40px; }
[data-information-plan] { border-radius:0; min-width:0; position:relative; }
[data-information-plan]:first-child { border-radius:12px 0 0 12px; }
[data-information-plan]:last-child { border-radius:0 12px 12px 0; }
[data-information-plan]+[data-information-plan] { border-left:0; }
[data-information-plan][data-featured="true"] { border:1px solid var(--color-primary); z-index:1; }
[data-information-plan] .card-body { padding:28px 24px; gap:16px; }
[data-information-plan] .card-body > p { min-height:42px; }
[data-information-recommended] { position:absolute; bottom:100%; left:-1px; right:-1px; background:var(--color-primary); color:var(--color-primary-content); text-align:center; font-size:13px; font-weight:600; padding:10px; border-radius:8px 8px 0 0; }
[data-information-price] { min-height:112px; padding:12px 0; text-align:center; }
[data-information-price] strong { font-size:30px; font-weight:700; letter-spacing:-.04em; }
[data-information-price] span { font-size:13px; opacity:.65; margin-left:4px; }
[data-information-price] small { display:block; margin-top:10px; font-size:11px; opacity:.6; line-height:1.6; }
[data-information-plan-features] { flex:1; }
[data-information-plan-features] li { display:flex; gap:10px; align-items:baseline; line-height:1.5; }
[data-information-plan-features] i { font-size:10px; opacity:.65; }
[data-information-pricing] [data-pp="container"] { padding-left:0; padding-right:0; }
[data-information-pricing] [data-pp="comparison"] { padding-top:20px; }
[data-information-pricing] [data-pp="coverage"] { padding-bottom:0; }
[data-information-page] [hidden] { display:none !important; }
@media (max-width:1100px) { [data-information-categories] { justify-content:flex-start; } [data-information-plan] .card-body { padding:24px 16px; } }
@media (max-width:900px) { [data-information-document] { grid-template-columns:1fr; } [data-information-document] > aside { position:static; } [data-information-document] > aside .menu { max-height:190px; overflow:auto; } [data-information-plan-grid] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 16px; } [data-information-plan],[data-information-plan]:first-child,[data-information-plan]:last-child { border:1px solid var(--color-base-300); border-radius:12px; } }
@media (max-width:640px) { [data-information-page] { padding:0 0 20px; } [data-information-hero] { padding:16px 16px 28px; } [data-information-intro] { margin-top:18px; } [data-information-intro] h1 { font-size:28px; } [data-information-intro] > p { font-size:14px; } [data-information-categories] .btn { min-width:90px; padding:12px 8px; } [data-information-body] { padding:20px 0; } [data-information-article] .card-body { padding:24px 20px; } [data-information-help] .card-body { flex-direction:column; align-items:flex-start; } [data-information-form-main] { grid-column:auto; } [data-information-plan-grid] { grid-template-columns:1fr; } [data-information-plan] .card-body { padding:28px; } }