.mock[data-astro-cid-v7j4tbqg]{max-width:440px;margin-inline:auto;width:100%}.mock-card[data-astro-cid-v7j4tbqg]{background:var(--paper);border:var(--outline);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--ink-900);padding:28px 26px 26px}.mock-name[data-astro-cid-v7j4tbqg]{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--ink-700)}.mock-prices[data-astro-cid-v7j4tbqg]{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;margin-top:10px}.now[data-astro-cid-v7j4tbqg]{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,7vw,2.9rem);letter-spacing:-.03em;line-height:1}.was[data-astro-cid-v7j4tbqg]{font-size:1.15rem;color:var(--ink-500)}.badge[data-astro-cid-v7j4tbqg]{align-self:center;background:var(--amber-500);color:var(--ink-900);border:2px solid var(--ink-900);border-radius:6px;padding:3px 10px;font-family:var(--font-display);font-weight:700;font-size:.98rem}.mock-label[data-astro-cid-v7j4tbqg]{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-strong);font-size:.95rem;color:var(--ink-500)}figcaption[data-astro-cid-v7j4tbqg]{margin-top:22px;font-size:.88rem;color:var(--ink-500)}.chart[data-astro-cid-6j4kdvhr]{width:100%;height:auto}.hero{position:relative;background:var(--cream);border-bottom:2px solid var(--ink-900);overflow:hidden;padding-block:clamp(40px,7vw,96px)}.hero-pattern{position:absolute;inset:0;opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0 34L0 84V50m56 0v34L28 100' fill='none' stroke='%23f8dc9c' stroke-width='2'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(100deg,transparent 20%,#000 75%);mask-image:linear-gradient(100deg,transparent 20%,#000 75%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,72px);align-items:center}.hero-copy h1{font-size:clamp(2.1rem,5.6vw,3.7rem);line-height:1.06;letter-spacing:-.03em}.lead{font-size:clamp(1.05rem,2.2vw,1.22rem);color:var(--ink-700);margin-top:22px;max-width:52ch}.hero-cta{display:flex;gap:12px 14px;margin-top:30px;flex-wrap:wrap}.hero-note{margin-top:18px;font-size:.92rem;color:var(--ink-500)}.rule{background:var(--paper-2)}.rule-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,80px);align-items:start}.rule-copy h2,.how-head h2,.features-title,.pricing-head h2,.faq-grid h2{font-size:clamp(1.8rem,4vw,2.7rem)}.rule-lead{margin-top:18px;font-size:1.1rem;color:var(--ink-700);max-width:56ch}.hexlist{display:grid;gap:14px;margin:26px 0 28px}.hexlist li{position:relative;padding-left:36px;color:var(--ink-900)}.hexlist li:before{content:"";position:absolute;left:0;top:.2em;width:22px;height:24px;background:var(--amber-500);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.rule-fig{background:var(--paper);border:var(--outline);border-radius:var(--r-lg);padding:clamp(16px,3vw,28px);box-shadow:var(--lift)}.rule-fig-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin-bottom:14px}.rule-result{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-strong);display:grid;gap:4px}.rule-result-head{font-size:.9rem;color:var(--ink-500)}.rule-good{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.rule-bad{color:var(--ink-500);text-decoration:line-through;text-decoration-thickness:1px}.rule-fig-note{margin-top:14px;font-size:.86rem;color:var(--ink-500)}.how{background:var(--ink-900);color:var(--ink-on-dark)}.how h2,.how h3{color:var(--ink-on-dark)}.how-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px)}.how-head p{margin-top:16px;color:var(--muted-on-dark);font-size:1.1rem;max-width:36ch}.how-steps{display:grid;gap:0}.how-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding-block:26px;border-top:1px solid #4a4a40}.how-steps li:first-child{border-top:0;padding-top:4px}.how-steps h3{font-size:1.3rem}.how-steps p{margin-top:8px;color:var(--muted-on-dark);max-width:58ch}.hex{width:52px;height:58px;display:grid;place-items:center;background:var(--amber-500);color:var(--ink-900);font:800 1.3rem var(--font-display);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.features{background:var(--paper-2)}.feat-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);margin-top:40px;align-items:start}.feat-lead{background:var(--cream);border:var(--outline);border-radius:var(--r-lg);padding:clamp(22px,4vw,36px);box-shadow:var(--lift)}.feat-lead h3{font-size:clamp(1.4rem,3vw,1.8rem)}.feat-lead p{margin-top:14px;color:var(--ink-700)}.feat-list{display:grid}.feat-list article{padding-block:20px;border-top:1px solid var(--line-strong)}.feat-list article:first-child{border-top:0;padding-top:4px}.feat-list h3{font-size:1.15rem}.feat-list p{margin-top:6px;color:var(--ink-700);max-width:62ch}.pricing{background:var(--cream);border-block:2px solid var(--ink-900)}.pricing-head p{margin-top:14px;font-size:1.1rem;color:var(--ink-700);max-width:56ch}.plan-table{width:100%;margin-top:36px;border-collapse:separate;border-spacing:0;background:var(--paper);border:var(--outline);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--lift)}.plan-table thead th{text-align:left;padding:14px 22px;background:var(--ink-900);color:var(--ink-on-dark);font-family:var(--font-display);font-weight:600;font-size:.92rem}.plan-table tbody th,.plan-table tbody td{padding:20px 22px;text-align:left;border-top:1px solid var(--line-strong);vertical-align:middle}.plan-table tbody tr:first-child th,.plan-table tbody tr:first-child td{border-top:0}.plan-table tbody th{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.plan-table td b{font-family:var(--font-display);font-size:1.5rem}.plan-table .per{margin-left:6px;color:var(--ink-500);font-size:.9rem}.plan-table .trial{display:block;margin-top:2px;color:var(--brown-700);font-weight:600;font-size:.88rem}.pricing-notes{margin-top:26px;display:grid;gap:10px;max-width:70ch;color:var(--ink-700)}.faq{background:var(--paper-2)}.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,6vw,80px);align-items:start}.faq-grid h2{position:sticky;top:calc(var(--nav-h) + 24px)}.faq-list{border-top:2px solid var(--ink-900)}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 4px;font-family:var(--font-display);font-weight:600;font-size:1.08rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";flex:none;width:10px;height:10px;border-right:2.5px solid var(--ink-900);border-bottom:2.5px solid var(--ink-900);transform:rotate(45deg);margin-right:4px}.faq-list details[open] summary:after{transform:rotate(-135deg)}.faq-list summary:hover{background:var(--cream)}.faq-list details p{padding:0 4px 22px;color:var(--ink-700);max-width:64ch}.install{background:var(--amber-500);border-top:2px solid var(--ink-900);padding-block:clamp(48px,8vw,96px)}.install-inner h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch}.install-inner p{margin-top:14px;font-size:1.1rem;max-width:52ch;color:var(--ink-900)}@media (max-width: 1000px){.hero-grid,.rule-grid,.how-grid,.feat-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.faq-grid h2{position:static}}@media (max-width: 720px){.plan-table,.plan-table tbody,.plan-table tr,.plan-table th,.plan-table td{display:block}.plan-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.plan-table tbody tr{padding:16px 18px;border-top:1px solid var(--line-strong)}.plan-table tbody tr:first-child{border-top:0}.plan-table tbody th,.plan-table tbody td{padding:0;border:0}.plan-table tbody th{margin-bottom:8px}.plan-table td{display:flex;gap:12px;align-items:baseline;padding-block:4px}.plan-table td:before{content:attr(data-label);flex:0 0 5.5rem;color:var(--ink-500);font-size:.88rem}.plan-table td:first-of-type{display:block}.plan-table td:first-of-type:before{display:none}.how-steps li{grid-template-columns:44px minmax(0,1fr);gap:14px}.hex{width:42px;height:47px;font-size:1.05rem}}
