.cmp-hero{background:radial-gradient(at 78% 20%,#f3dccb,#0000 58%),linear-gradient(120deg,#faf7ef,#f2e9df);padding:56px 0 72px}.cmp-hero-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:8%;display:grid}.cmp-back{margin-bottom:34px}.cmp-hero h1{letter-spacing:-.035em;margin:14px 0 18px;font-size:clamp(46px,5.4vw,78px);font-weight:500;line-height:1.02}.cmp-hero h1 em{color:var(--accent-dark);font-style:normal}.cmp-hero-question{color:#3b4553;max-width:30ch;margin:0;font-size:clamp(19px,1.6vw,23px);line-height:1.45}.cmp-byline{color:var(--muted);border-top:1px solid #d9cec5;flex-direction:column;gap:4px;margin-top:34px;padding-top:20px;font-size:14px;display:flex}.cmp-byline a{color:var(--text);text-decoration:none}.cmp-hero-photo{border-radius:160px 160px 20px 20px;justify-self:end;width:100%;max-width:430px;height:clamp(380px,38vw,520px);margin:0;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #4a2a1266}.cmp-hero-photo img{object-fit:cover}.cmp-verdict{z-index:1;border-radius:20px;grid-template-columns:1fr 1.15fr;margin-top:-44px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #1c1b1759}.cmp-verdict>div{padding:34px 38px}.cmp-verdict h3{margin:0 0 12px;font-size:24px;font-weight:500}.cmp-verdict p{margin:0;font-size:16px;line-height:1.65}.cmp-verdict-theirs{color:var(--text);background:#fffdf9}.cmp-verdict-theirs p{color:var(--muted)}.cmp-verdict-ours{color:#f4f1ec;background:#1c1b17}.cmp-verdict-ours h3{color:#ffad79}.cmp-verdict-ours p{color:#d9d4cc;margin-bottom:22px}:root body .cmp-verdict-ours .button{border-color:#ffffff40}.cmp-body{padding-top:72px}.cmp-layout{grid-template-columns:220px minmax(0,680px);justify-content:center;gap:72px;display:grid}.cmp-rail{align-self:start;position:sticky;top:110px}.cmp-rail ol{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.cmp-rail a{color:var(--muted);border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 16px;font-size:14px;line-height:1.4;text-decoration:none;display:block}.cmp-rail a:hover{color:var(--text);border-left-color:var(--accent)}.cmp-article{font-size:18px;line-height:1.75}.cmp-section{margin-bottom:56px;scroll-margin-top:110px}.cmp-section h2,.cmp-pack h2,.cmp-others h2{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(28px,2.6vw,36px);font-weight:500;line-height:1.15}.cmp-section p{color:#2c3440;margin:0 0 18px}.cmp-intro p:first-of-type{color:var(--text);font-size:22px;line-height:1.55}.cmp-article a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.cmp-list{gap:12px;margin:6px 0 22px;padding:0;list-style:none;display:grid}.cmp-list li{grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.cmp-list svg{box-sizing:content-box;color:var(--accent-dark);background:#fff1e6;border-radius:50%;margin-top:7px;padding:3px}.cmp-example{background:#f3ede5;border-radius:20px;margin:30px 0;padding:28px}.cmp-example figcaption{font:500 18px/1.3 var(--font-outfit),Arial,sans-serif;color:var(--text);margin-bottom:16px}.cmp-sheets{grid-template-columns:1fr 28px 1fr;align-items:stretch;gap:12px;display:grid}.cmp-sheet{box-sizing:border-box;background:#fffdf9;border-radius:12px;padding:20px 22px;box-shadow:0 1px #e8ded1,0 12px 24px -16px #4a2a1240}.cmp-sheet span{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.cmp-sheet p{color:#2c3440;margin:0;font-size:16px;line-height:1.6}.cmp-sheet-before p{color:#6b7684;-webkit-text-decoration:line-through #d9534f99;text-decoration:line-through #d9534f99;text-decoration-thickness:1.5px}.cmp-sheet-after{outline:2px solid var(--accent);outline-offset:-2px}.cmp-sheet-after span{color:var(--accent-dark)}.cmp-sheets-arrow{color:var(--accent-dark);place-self:center}.cmp-example-why{color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.6}.cmp-ledger{margin:26px 0 30px;font-size:16px;line-height:1.5;display:grid}.cmp-ledger-row{grid-template-columns:.8fr 1fr 1.1fr;display:grid}.cmp-ledger-row>span{padding:16px 18px}.cmp-ledger-row>span:first-child{color:var(--text);padding-left:0;font-weight:600}.cmp-ledger-row>span:nth-child(2){color:#4b5563}.cmp-ledger-row+.cmp-ledger-row>span:not(.cmp-ledger-ours){border-top:1px solid #ece4da}.cmp-ledger-ours{color:#f4f1ec;background:#1c1b17}.cmp-ledger-head>span{font:500 18px var(--font-outfit),Arial,sans-serif;color:var(--text);padding-top:20px;padding-bottom:12px}.cmp-ledger-head .cmp-ledger-ours{color:#ffad79;border-radius:20px 20px 0 0}.cmp-ledger-row:last-child .cmp-ledger-ours{border-radius:0 0 20px 20px}.cmp-ledger-row:not(.cmp-ledger-head) .cmp-ledger-ours{box-shadow:inset 0 1px #ffffff14}.cmp-pack{background:#eff2ed;border-radius:20px;margin:0 -40px 56px;padding:40px;scroll-margin-top:110px}.cmp-pack>p{color:#2c3440;margin:0 0 20px}.cmp-pack ol{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px;padding:0;list-style:none;display:grid}.cmp-pack li{background:#fffdf9;border-radius:12px;grid-template-columns:34px 1fr;column-gap:12px;padding:18px;display:grid}.cmp-pack li svg{color:var(--accent-dark);grid-row:span 2}.cmp-pack li strong{font-size:16px;line-height:1.3}.cmp-pack li span{color:var(--muted);font-size:15px;line-height:1.5;display:block}.cmp-pack li span:first-letter{text-transform:uppercase}.cmp-pack li:last-child{grid-column:1/-1}.cmp-pack-note{color:var(--muted)!important;font-size:15px!important}.cmp-tiers{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.cmp-article .cmp-tier{color:#f4f1ec;background:#1c1b17;border-radius:12px;flex-direction:column;gap:4px;padding:18px;text-decoration:none;transition:transform .2s;display:flex}.cmp-article .cmp-tier:hover{transform:translateY(-2px)}.cmp-tier span{color:#d9d4cc;font-size:14px;line-height:1.35}.cmp-tier strong{font:500 24px/1.2 var(--font-outfit),Arial,sans-serif;color:#fff}.cmp-tier small{color:#ffad79;font-size:13px}.cmp-close{background:radial-gradient(at 85% 0,#f3dccb,#0000 60%),#f3ede5;border-radius:20px;margin:12px 0 48px;padding:40px}.cmp-close h2{margin:0 0 14px;font-size:clamp(28px,2.6vw,36px);font-weight:500;line-height:1.15}.cmp-close h2 em{color:var(--accent-dark);font-style:normal}.cmp-close p{color:#2c3440;margin:0 0 20px}.cmp-foot{border-top:1px solid var(--border);color:var(--muted);padding-top:24px;font-size:14px;line-height:1.6}.cmp-foot p{margin:0 0 12px}.cmp-foot a{color:var(--muted)}.cmp-others{margin-top:48px}.cmp-others h2{font-size:24px}.cmp-others ul{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.cmp-others a{font:500 17px/1.3 var(--font-outfit),Arial,sans-serif;flex-direction:column;gap:10px;display:flex;color:var(--text)!important;text-decoration:none!important}.cmp-others-photo{aspect-ratio:3/2;border-radius:12px;display:block;position:relative;overflow:hidden}.cmp-others-photo img{object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.cmp-others a:hover .cmp-others-photo img{transform:scale(1.04)}@media (max-width:1000px){.cmp-layout{grid-template-columns:minmax(0,680px)}.cmp-rail{display:none}.cmp-pack{margin-inline:0}}@media (max-width:800px){.cmp-hero{padding:32px 0 64px}.cmp-hero-grid{grid-template-columns:1fr;gap:32px}.cmp-hero-photo{border-radius:140px 140px 18px 18px;justify-self:center;width:100%;max-width:440px;height:300px}.cmp-verdict{grid-template-columns:1fr;margin-top:-32px}.cmp-verdict>div{padding:26px}.cmp-body{padding-top:48px}.cmp-article{font-size:17px}.cmp-intro p:first-of-type{font-size:19px}.cmp-sheets{grid-template-columns:1fr}.cmp-sheets-arrow{transform:rotate(90deg)}.cmp-example,.cmp-pack,.cmp-close{padding:22px}.cmp-pack ol,.cmp-tiers,.cmp-others ul{grid-template-columns:1fr}.cmp-ledger{font-size:15px}.cmp-ledger-row{grid-template-columns:1fr 1fr}.cmp-ledger-row>span:first-child{grid-column:1/-1;padding:16px 0 4px}.cmp-ledger-head>span:first-child{display:none}.cmp-ledger-row>span{padding:12px 14px}.cmp-ledger-row+.cmp-ledger-row>span:first-child{border-top:1px solid #ece4da}.cmp-ledger-row .cmp-ledger-ours{border-radius:12px!important}.cmp-ledger-head .cmp-ledger-ours{border-radius:12px 12px 0 0!important}}@media (prefers-reduced-motion:reduce){.cmp-article .cmp-tier,.cmp-others-photo img{transition:none}}html[data-theme=dark] .cmp-hero{background:radial-gradient(at 78% 20%,#3a2a20,#0000 58%),linear-gradient(120deg,#16191f,#1c1f26)}html[data-theme=dark] :is(.cmp-hero-question,.cmp-section p,.cmp-pack>p,.cmp-close p,.cmp-sheet p){color:#d5dbe3}html[data-theme=dark] :is(.cmp-verdict-theirs,.cmp-sheet,.cmp-pack li){color:var(--text);background:#1b2532}html[data-theme=dark] :is(.cmp-example,.cmp-close){background:#202a37}html[data-theme=dark] .cmp-pack{background:#1d2a26}html[data-theme=dark] .cmp-ledger-ours{background:#0f1218}html[data-theme=dark] .cmp-list svg{color:#ffad79;background:#3a2a20}html[data-theme=dark] :is(.cmp-hero h1 em,.cmp-close h2 em){color:#ffad79}.cmp-ledger-row>span:first-letter{text-transform:uppercase}.cmp-article .cmp-foot a{color:var(--muted);text-decoration-color:#cfd6de;text-decoration-thickness:1px}.cmp-index-title{letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:500;line-height:1.08}.cmp-index-title em{color:var(--accent-dark);font-style:normal;display:block}.cmp-index-lede{max-width:52ch;color:var(--muted);margin:16px 0 40px;font-size:18px}.cmp-index-grid{grid-template-columns:repeat(3,1fr);gap:28px 24px;display:grid}.cmp-tile{color:var(--text);flex-direction:column;gap:14px;text-decoration:none;display:flex}.cmp-tile-photo{aspect-ratio:3/2;background:#efe7dc;border-radius:20px;display:block;position:relative;overflow:hidden}.cmp-tile-photo img{object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.cmp-tile:hover .cmp-tile-photo img{transform:scale(1.04)}.cmp-tile-body{flex-direction:column;gap:6px;display:flex}.cmp-tile-body strong{font:500 22px/1.25 var(--font-outfit),Arial,sans-serif}.cmp-tile:hover strong{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.cmp-tile-body small{color:var(--muted);font-size:14px}.cmp-tile-feature{grid-column:1/-1;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding-bottom:12px;display:grid}.cmp-tile-feature .cmp-tile-photo{aspect-ratio:16/9;border-radius:160px 20px 20px}.cmp-tile-feature strong{font-size:clamp(28px,2.8vw,40px)}.cmp-tile-feature .cmp-tile-body>span{color:var(--muted);font-size:17px;line-height:1.6}@media (max-width:900px){.cmp-index-grid{grid-template-columns:1fr 1fr}.cmp-tile-feature{grid-template-columns:1fr;gap:16px}}@media (max-width:600px){.cmp-index-grid{grid-template-columns:1fr}.cmp-tile-feature .cmp-tile-photo{border-radius:20px}}@media (prefers-reduced-motion:reduce){.cmp-tile-photo img{transition:none}}
