:root{--hue:279;--bg:oklch(.995 .002 var(--hue));--surface:oklch(.968 .008 var(--hue));--lavender:oklch(.942 .032 var(--hue));--ink:oklch(.235 .035 var(--hue));--muted:oklch(.45 .025 var(--hue));--accent:oklch(.48 .217 var(--hue));--accent-hover:oklch(.40 .20 var(--hue));--white:oklch(1 0 0);--border:oklch(.865 .012 var(--hue));--soft-border:oklch(.91 .008 var(--hue));--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--radius:12px;--ease:cubic-bezier(.22,1,.36,1);--measure:66ch}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Hanken Grotesk',Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}h1{font-size:clamp(3rem,5.6vw,5.7rem);font-weight:600}h2{font-size:clamp(2.1rem,3.1vw,3.3rem);font-weight:600}h3{font-size:1.55rem;font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}::selection{background:var(--lavender)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,a,input,summary{-webkit-tap-highlight-color:transparent}.container{max-width:1320px;margin-inline:auto;padding-inline:var(--s12)}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:16px;padding:12px 20px;background:var(--accent);color:var(--white);z-index:100}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--soft-border)}.nav-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--s8)}.wordmark{font-size:2rem;font-weight:800;letter-spacing:-.065em;line-height:1}.wordmark span{color:var(--accent)}#main-nav{display:flex;align-items:center;gap:var(--s8);font-size:16px;font-weight:500}#main-nav a{padding-block:12px}#main-nav a[aria-current]{color:var(--accent)}#main-nav .nav-cta{border:1px solid var(--border);border-radius:8px;padding:12px 20px;display:flex;gap:24px;align-items:center}.nav-cta:hover{background:var(--lavender)}.menu-toggle{display:none;background:none;border:0;padding:12px 0;color:var(--ink);min-height:44px}.hero{display:grid;grid-template-columns:.91fr 1.09fr;gap:var(--s8);align-items:center;padding-top:var(--s16);padding-bottom:var(--s16)}.product-name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:15px;font-weight:600;margin-bottom:var(--s8)}.product-name .muted{font-weight:400}.status-dot{display:inline-block;flex:none;width:8px;height:8px;background:var(--accent);border-radius:100%}.hero h1{margin-bottom:var(--s6)}.hero-intro{color:var(--muted);font-size:19px;line-height:1.6;max-width:42ch;margin-bottom:var(--s8)}.actions{display:flex;align-items:center;gap:var(--s6);flex-wrap:wrap}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--s6);background:var(--accent);color:var(--white);padding:16px 22px;font-weight:600;font-size:16px;line-height:1.35;border-radius:8px;min-height:52px;transition:background .2s var(--ease),transform .2s var(--ease)}.button:hover{background:var(--accent-hover);color:var(--white);transform:translateY(-2px)}.button:active{transform:translateY(0)}.text-link{font-weight:600;display:inline-flex;gap:var(--s3);align-items:center;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.availability{font-size:13px;color:var(--muted);max-width:43ch;margin-top:var(--s6);line-height:1.6}.availability a,.design-note a,.guide-disclosure a{text-decoration:underline;text-underline-offset:3px}.hero-visual{position:relative;background:var(--lavender);border-radius:var(--radius);padding:var(--s4);min-height:520px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-visual img{mix-blend-mode:multiply;width:100%;height:auto;object-fit:contain}.hero-visual figcaption{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);font-size:13px;color:var(--muted);padding:var(--s4);margin-top:auto}.hero-visual figcaption strong{font-size:16px;font-weight:600;color:var(--ink)}.visual-note{position:absolute;top:var(--s6);right:var(--s6);background:var(--white);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:var(--s3);box-shadow:0 8px 32px oklch(.3 .03 var(--hue)/.08)}.visual-note strong{display:block;font-size:14px;font-weight:600}.visual-note div span{display:block;color:var(--muted);font-size:12px}.note-icon{font-size:24px;color:var(--accent);padding-inline:6px}.feature-rail{background:var(--surface);border-block:1px solid var(--soft-border)}.feature-rail>.container{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1.4fr;align-items:center;gap:var(--s8);min-height:106px;font-size:15px}.feature-rail strong{font-weight:500}.feature-rail a{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) 0;min-height:44px;font-weight:600}.feature-rail a span{color:var(--accent);font-size:22px}.rhythm-section,.features-section{padding-top:var(--s24);padding-bottom:var(--s24)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);align-items:end;margin-bottom:var(--s12)}.section-intro p{max-width:49ch;color:var(--muted);line-height:1.7}.routine-demo{background:var(--accent);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);padding:var(--s12);border-radius:var(--radius);align-items:center}.demo-label{font-size:14px;color:var(--white);margin-bottom:var(--s6)}.routine-copy h3{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:var(--s6);font-weight:500}.routine-copy>p:not(.demo-label){max-width:40ch;color:var(--white);line-height:1.7}.routine-tabs{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s8)}.routine-tabs button{border:1px solid oklch(1 0 0/.65);background:transparent;color:var(--white);padding:10px 14px;min-height:44px;border-radius:6px;font-size:14px;font-weight:500;transition:background .2s var(--ease)}.routine-tabs button[aria-selected=true]{background:var(--white);color:var(--accent)}.routine-tabs button:hover{background:var(--lavender);color:var(--accent)}.routine-tabs button:focus-visible{outline-color:var(--white)}.routine-copy .demo-footnote{font-size:12px;margin-top:var(--s6);max-width:52ch}.routine-panel{background:var(--white);color:var(--ink);border-radius:10px;padding:var(--s6)}.routine-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding-bottom:var(--s6);border-bottom:1px solid var(--soft-border)}.routine-top strong{font-size:18px;font-weight:600}.routine-top span{font-size:12px;color:var(--muted)}.routine-panel ol{list-style:none;padding:0;margin:0}.routine-panel li{display:grid;grid-template-columns:48px 1fr 24px;gap:var(--s3);align-items:start;padding:var(--s6) var(--s2);border-bottom:1px solid var(--soft-border);font-size:14px}.routine-panel time{font-size:13px;color:var(--muted);padding-top:2px}.routine-panel li strong{display:block;font-weight:600;font-size:16px;margin-bottom:var(--s1)}.routine-panel li span{color:var(--muted)}.routine-panel li strong{color:var(--ink)}.routine-panel i{font-style:normal;color:var(--accent);text-align:right}.routine-panel li.current{background:var(--lavender);margin-inline:calc(-1*var(--s2));padding-inline:var(--s4);border-radius:6px;border-bottom:none}.routine-bottom{font-size:12px;display:flex;align-items:center;gap:var(--s2);padding-top:var(--s6);color:var(--muted)}.features-section{padding-top:var(--s4)}.feature-group{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--s24);padding-block:var(--s12);border-top:1px solid var(--border);scroll-margin-top:104px}.group-label{display:inline-block;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:var(--s4)}.feature-group-title h3{font-size:2rem;margin-bottom:var(--s4)}.feature-group-title p{font-size:16px;color:var(--muted);max-width:36ch}.feature-accordions details{border-bottom:1px solid var(--soft-border);scroll-margin-top:120px}.feature-accordions details:last-child{border-bottom:0}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s6);font-weight:600;padding:var(--s6) 0;min-height:64px}summary::-webkit-details-marker{display:none}.feature-accordions summary{font-size:22px;letter-spacing:-.015em}.expand-icon{color:var(--accent);font-size:26px;font-weight:400;line-height:1;transition:transform .2s var(--ease)}details[open] .expand-icon{transform:rotate(45deg)}.feature-detail{padding-bottom:var(--s6)}.feature-detail p{font-size:16px;color:var(--muted);line-height:1.7}.feature-detail a{display:inline-flex;align-items:center;gap:16px;padding-top:var(--s4);font-size:15px;font-weight:600;color:var(--accent);min-height:44px}.feature-detail a:hover{text-decoration:underline;text-underline-offset:4px}.design-note{padding:var(--s6);background:var(--surface);font-size:14px;color:var(--muted);line-height:1.7;border-radius:8px}.guides-band{background:var(--lavender);padding-block:var(--s24)}.guide-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s8)}.guide-highlight{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--border);padding-top:var(--s6);transition:transform .2s var(--ease)}.guide-highlight:hover{transform:translateY(-3px)}.guide-category{font-size:14px;color:var(--muted);font-weight:500}.guide-highlight h3{font-size:1.75rem;margin-top:var(--s4);margin-bottom:var(--s4);line-height:1.15;max-width:24ch}.guide-highlight p{font-size:16px;color:var(--muted);line-height:1.6}.guide-arrow{display:block;margin-top:var(--s4);font-size:28px;color:var(--accent)}.all-guides{margin-top:var(--s8);color:var(--accent)}.home-faq{padding-block:var(--s24);display:grid;grid-template-columns:1fr 1.25fr;gap:var(--s16)}.home-faq details{border-bottom:1px solid var(--border)}.home-faq details:first-child{border-top:1px solid var(--border)}.home-faq summary{font-size:17px}.home-faq details p{padding-bottom:var(--s6);font-size:16px;color:var(--muted)}.site-footer{border-top:1px solid var(--border);padding-top:var(--s12);background:var(--surface)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s8);padding-bottom:var(--s12)}.footer-top>p{font-size:21px;line-height:1.4;letter-spacing:-.02em}.footer-top nav{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);font-size:15px}.footer-top nav a{padding-block:8px;min-height:40px}.footer-bottom{display:flex;justify-content:space-between;gap:var(--s8);padding-block:var(--s6);font-size:12px;color:var(--muted);border-top:1px solid var(--border)}.blog-heading{padding-top:var(--s12);padding-bottom:var(--s12)}.back-link{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);font-size:15px;margin-bottom:var(--s6)}.blog-heading h1{font-size:clamp(2.7rem,5vw,5.1rem);max-width:20ch;margin-bottom:var(--s6)}.blog-heading>p{font-size:19px;color:var(--muted);max-width:60ch}.blog-main{padding-bottom:var(--s24)}.featured-guide{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--lavender);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--s16)}.featured-guide>div{padding:var(--s12)}.featured-guide h2{font-size:clamp(2rem,3vw,3rem);margin-block:var(--s4)}.featured-guide p{color:var(--muted);font-size:17px;margin-bottom:var(--s6)}.featured-guide figure{padding:var(--s6)}.featured-guide img{mix-blend-mode:multiply}.featured-guide figcaption{font-size:12px;color:var(--muted);text-align:right;padding-top:var(--s4)}.guide-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--s8);margin-bottom:var(--s4)}.guide-tools h2{font-size:2.3rem}.guide-tools label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:var(--s2)}.guide-tools input{border:1px solid var(--border);border-radius:6px;background:var(--white);padding:12px 16px;min-width:300px;font-size:16px;color:var(--ink);min-height:48px}.guide-tools input::placeholder{color:var(--muted)}#guide-count{font-size:14px;margin-block:var(--s4)}.guide-row{display:grid;grid-template-columns:160px 1fr 40px;gap:var(--s8);align-items:start;padding-block:var(--s8);border-top:1px solid var(--border)}.guide-row h3{font-size:1.75rem;margin-bottom:var(--s3);line-height:1.2}.guide-row p{color:var(--muted);font-size:16px;max-width:65ch}.guide-row .guide-category{padding-top:5px}.row-arrow{color:var(--accent);font-size:28px;text-align:right}.guide-row:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.guide-disclosure{margin-top:var(--s8);padding:var(--s6);background:var(--surface);font-size:14px;line-height:1.7;color:var(--muted);border-radius:8px}.empty-state{padding:var(--s12);background:var(--surface);border-radius:8px;margin-top:var(--s6)}.empty-state p{margin-block:var(--s4)}[hidden]{display:none!important}.article-heading{padding-top:var(--s12);padding-bottom:var(--s12)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--s3);font-size:14px;color:var(--muted);margin-bottom:var(--s8);align-items:center}.breadcrumbs a{min-height:36px;display:flex;align-items:center}.article-heading h1{font-size:clamp(2.7rem,4.6vw,4.8rem);max-width:23ch;line-height:1.06;margin-bottom:var(--s6)}.article-summary{font-size:21px;color:var(--muted);max-width:65ch;line-height:1.6}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);font-size:14px;color:var(--muted);margin-top:var(--s8)}.author-dot{background:var(--lavender);width:36px;height:36px;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;font-weight:800}.article-tag{padding:4px 10px;background:var(--surface);border-radius:4px;font-size:12px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,310px);gap:var(--s24);padding-bottom:var(--s24);align-items:start}.article-prose{font-size:18px;line-height:1.85;min-width:0}.article-prose>p{margin-bottom:var(--s6);max-width:var(--measure)}.article-prose>h2{font-size:2rem;margin-top:var(--s12);margin-bottom:var(--s6);line-height:1.15;scroll-margin-top:110px}.article-prose strong{font-weight:600}.article-prose a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:4px}.reading-note{padding:var(--s6);background:var(--lavender);border-radius:8px;margin-bottom:var(--s8);font-size:15px;line-height:1.7}.reading-note strong{font-size:16px;display:block;margin-bottom:var(--s2)}.reading-note p{color:var(--muted)}.article-prose table{border-collapse:collapse;width:100%;margin-block:var(--s8);font-size:16px;line-height:1.65;table-layout:fixed}.article-prose th{text-align:left;font-weight:600;background:var(--surface)}.article-prose td,.article-prose th{padding:var(--s4);border:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}.article-prose th:first-child,.article-prose td:first-child{width:35%}.article-aside{position:sticky;top:120px}.article-aside figure{background:var(--lavender);padding:var(--s4);border-radius:8px;margin-bottom:var(--s6)}.article-aside img{mix-blend-mode:multiply}.article-aside figcaption{font-size:11px;color:var(--muted);margin-top:var(--s2)}.article-aside h2{font-size:1.7rem;margin-bottom:var(--s3)}.article-aside p{font-size:14px;color:var(--muted);line-height:1.7}.article-aside .text-link{font-size:14px;color:var(--accent);margin-top:var(--s3)}.toc{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid var(--border)}.toc h3{font-size:16px;margin-bottom:var(--s3)}.toc a{display:block;font-size:14px;color:var(--muted);padding-block:10px;line-height:1.4;min-height:40px}.toc a:hover{color:var(--accent)}.article-faq{margin-top:var(--s12)}.article-faq>h2{font-size:2rem;margin-bottom:var(--s6)}.article-faq details{border-top:1px solid var(--border)}.article-faq details p{font-size:16px;padding-bottom:var(--s6);color:var(--muted)}.article-faq summary{font-size:17px;line-height:1.4}.article-close{margin-top:var(--s12);padding:var(--s8);background:var(--lavender);border-radius:var(--radius)}.article-close h2{font-size:2rem;margin-bottom:var(--s4)}.article-close p{font-size:16px;color:var(--muted);margin-bottom:var(--s6)}.related-section{background:var(--surface);padding-block:var(--s16)}.related-section>.container>h2{margin-bottom:var(--s8)}.preview-page{padding-top:var(--s12);padding-bottom:var(--s24)}.preview-page h1{font-size:clamp(2.6rem,4.6vw,4.7rem);max-width:23ch;margin-bottom:var(--s8)}.preview-content{max-width:760px;margin-top:var(--s12)}.preview-content h2{font-size:2rem;margin-block:var(--s8) var(--s4)}.preview-content p{font-size:18px;color:var(--muted);line-height:1.8;margin-bottom:var(--s6)}.preview-content .actions{margin-top:var(--s12)}.not-found{padding-block:var(--s24)}.not-found h1{margin-block:var(--s6)}.not-found .actions{margin-top:var(--s8)}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}.hero-visual{min-height:560px}}
@media(max-width:1100px){.container{padding-inline:var(--s8)}.hero{grid-template-columns:1fr 1fr;gap:var(--s6)}.hero h1{font-size:4.3rem}.hero-visual{min-height:460px}.hero-copy .actions{gap:var(--s3)}.hero-copy .button{font-size:14px;padding:14px 18px}.hero-copy .text-link{font-size:14px}.visual-note{top:var(--s4);right:var(--s4);padding:10px}.visual-note strong{font-size:12px}.visual-note div span{font-size:11px}.feature-rail>.container{gap:var(--s6);font-size:13px}.section-intro{gap:var(--s8)}.routine-demo{padding:var(--s8);gap:var(--s8)}.feature-group{gap:var(--s12)}.article-layout{gap:var(--s12);grid-template-columns:minmax(0,1fr) 250px}.featured-guide>div{padding:var(--s8)}}
@media(max-width:800px){html{scroll-padding-top:80px}.nav-row{min-height:76px}.wordmark{font-size:1.9rem}.menu-toggle{display:flex;align-items:center;gap:var(--s3)}#main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--s6) var(--s8);flex-direction:column;align-items:stretch;gap:var(--s2)}#main-nav.open{display:flex}#main-nav a{min-height:44px}#main-nav .nav-cta{justify-content:space-between}.hero{grid-template-columns:1fr;padding-block:var(--s12);gap:var(--s8)}.hero-copy{max-width:650px}.hero h1{font-size:clamp(3.3rem,8vw,4.8rem)}.hero h1 br{display:none}.hero-intro{max-width:52ch;font-size:18px}.product-name{margin-bottom:var(--s6)}.hero-copy .actions{gap:var(--s6)}.hero-visual{min-height:auto;padding:var(--s4);max-width:650px;width:100%;justify-self:center}.hero-visual img{max-height:460px;object-fit:contain}.visual-note strong{font-size:14px}.visual-note div span{font-size:12px}.feature-rail>.container{grid-template-columns:1fr 1fr;padding-block:var(--s6);gap:var(--s4) var(--s8);font-size:14px}.feature-rail>.container>span{font-size:16px}.section-intro{grid-template-columns:1fr;gap:var(--s6)}.section-intro p{max-width:60ch}.rhythm-section{padding-block:var(--s16)}.routine-demo{grid-template-columns:1fr}.routine-copy>p:not(.demo-label){max-width:60ch}.routine-copy h3 br{display:none}.routine-panel{max-width:560px;width:100%;justify-self:center}.features-section{padding-bottom:var(--s16)}.feature-group{grid-template-columns:1fr;gap:var(--s6)}.feature-group-title p{max-width:55ch}.feature-group-title h3{font-size:1.8rem}.guide-highlights{grid-template-columns:1fr;gap:var(--s8)}.guide-highlight{display:grid;grid-template-columns:1fr 30px;gap:var(--s2) var(--s4)}.guide-highlight h3{max-width:40ch;margin-block:var(--s2);grid-column:1}.guide-highlight p{grid-column:1;max-width:60ch}.guide-arrow{grid-column:2;grid-row:2;margin:0}.guides-band{padding-block:var(--s16)}.home-faq{grid-template-columns:1fr;gap:var(--s8);padding-block:var(--s16)}.footer-top{grid-template-columns:1fr 1fr;gap:var(--s8)}.footer-top .wordmark{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:var(--s2)}.featured-guide{grid-template-columns:1fr}.featured-guide img{max-height:380px;object-fit:contain;width:100%}.featured-guide figure{padding-top:0}.featured-guide>div{padding-bottom:var(--s4)}.guide-tools{align-items:flex-start;flex-direction:column;gap:var(--s6)}.guide-tools label{width:100%}.guide-tools input{min-width:0;width:100%}.guide-row{grid-template-columns:1fr 30px;gap:var(--s3) var(--s4)}.guide-row .guide-category{grid-column:1}.guide-row>div{grid-column:1}.row-arrow{grid-column:2;grid-row:2}.article-layout{grid-template-columns:1fr;gap:var(--s12)}.article-aside{position:static;max-width:600px}.aside-inner{display:grid;grid-template-columns:170px 1fr;gap:var(--s3) var(--s6)}.aside-inner figure{grid-row:1/4;margin:0}.aside-inner h2,.aside-inner p,.aside-inner>.text-link{grid-column:2;margin:0}.toc{display:none}.article-heading{padding-bottom:var(--s8)}.article-heading h1{max-width:24ch}.article-prose{font-size:17px}.article-summary{font-size:19px}.article-prose>h2{font-size:1.85rem}.preview-page{padding-bottom:var(--s16)}}
@media(max-width:480px){.container{padding-inline:var(--s6)}.nav-row{min-height:72px}.hero{padding-top:var(--s8)}.hero h1{font-size:3.25rem;max-width:11ch;line-height:1.02}.hero h1 br{display:initial}.hero-intro{font-size:17px}.hero-copy .actions{gap:var(--s3);align-items:flex-start;flex-direction:column}.hero-copy .button{font-size:15px;padding:15px 20px}.hero-copy .text-link{font-size:15px}.availability{margin-top:var(--s4);font-size:12px}.hero-visual{padding:var(--s2);padding-top:var(--s16)}.hero-visual figcaption{font-size:11px;padding:var(--s3);align-items:flex-start}.hero-visual figcaption strong{font-size:14px}.visual-note{left:var(--s4);right:auto;top:var(--s4)}.visual-note strong{font-size:12px}.visual-note div span{font-size:11px}.feature-rail>.container{grid-template-columns:1fr;gap:0;padding-block:var(--s4)}.feature-rail>.container>span{padding-bottom:var(--s3)}.feature-rail>.container>span br{display:none}.feature-rail>.container>span strong{margin-left:4px}.feature-rail a{padding-block:var(--s3);border-top:1px solid var(--soft-border)}.section-intro h2{font-size:2.2rem}.section-intro p{font-size:16px}.routine-demo{padding:var(--s6);gap:var(--s8)}.routine-tabs{gap:var(--s2)}.routine-tabs button{padding:10px 11px;font-size:12px}.routine-panel{padding:var(--s4)}.routine-top strong{font-size:16px}.routine-top span{font-size:11px}.routine-panel li{grid-template-columns:38px 1fr 16px;gap:var(--s2);font-size:12px}.routine-panel li strong{font-size:14px}.routine-panel time{font-size:11px}.routine-panel li.current{padding-inline:var(--s3)}.routine-bottom{font-size:11px}.feature-accordions summary{font-size:20px}.feature-detail p{font-size:16px}.design-note{font-size:13px;padding:var(--s4)}.footer-top{grid-template-columns:1fr}.footer-top .wordmark{grid-column:auto}.blog-heading h1{font-size:2.8rem}.blog-heading h1 br{display:none}.blog-heading>p{font-size:17px}.featured-guide>div{padding:var(--s6)}.featured-guide figure{padding:var(--s4)}.featured-guide h2{font-size:2rem}.guide-row h3{font-size:1.5rem}.article-heading h1{font-size:2.65rem;overflow-wrap:break-word}.article-meta{gap:var(--s2);font-size:13px}.article-summary{font-size:18px}.breadcrumbs{font-size:12px;gap:var(--s2);margin-bottom:var(--s6)}.article-tag{font-size:11px}.article-prose table{font-size:14px}.article-prose th,.article-prose td{padding:var(--s3)}.article-close{padding:var(--s6)}.aside-inner{display:block}.aside-inner figure{margin-bottom:var(--s6)}.aside-inner h2{margin-bottom:var(--s3)}.aside-inner .text-link{margin-top:var(--s3)}.preview-page h1{font-size:2.6rem}.preview-content p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Best-of tables and expanded feature explanations. */
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin-block:var(--s8);border-radius:6px}.table-scroll table{min-width:720px;margin:0;font-size:15px;table-layout:auto}.table-scroll table th,.table-scroll table td{width:auto;min-width:130px;vertical-align:top}.table-scroll table th:first-child,.table-scroll table td:first-child{min-width:190px}.table-scroll table th{vertical-align:bottom}.article-prose>ul{padding-left:var(--s6);margin-block:var(--s6)}.article-prose>ul li{margin-bottom:var(--s3)}.feature-links{display:flex;flex-direction:column;align-items:flex-start;gap:0}.feature-links a:last-child{padding-top:var(--s1);color:var(--muted)}.features-index{padding-bottom:var(--s24)}.feature-index-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:center;margin-bottom:var(--s16)}.feature-index-intro figure{background:var(--lavender);border-radius:var(--radius);padding:var(--s6)}.feature-index-intro img{mix-blend-mode:multiply}.feature-index-intro figcaption{font-size:12px;color:var(--muted);padding-top:var(--s3)}.feature-index-intro h2{font-size:2.5rem;margin-bottom:var(--s6)}.feature-index-intro p{color:var(--muted);margin-bottom:var(--s6)}.feature-index-group{display:grid;grid-template-columns:.6fr 1.4fr;gap:var(--s16);margin-top:var(--s12);border-top:1px solid var(--border);padding-top:var(--s8)}.feature-index-group>h2{font-size:2rem}.feature-index-row{display:flex;align-items:flex-start;gap:var(--s8);justify-content:space-between;padding-bottom:var(--s8);margin-bottom:var(--s8);border-bottom:1px solid var(--soft-border)}.feature-index-row h3{font-size:1.7rem;margin-bottom:var(--s3)}.feature-index-row p{font-size:16px;color:var(--muted);line-height:1.7;max-width:60ch}.feature-index-row>span{font-size:28px;color:var(--accent)}.feature-index-row:last-child{border-bottom:0;margin-bottom:0}.feature-index-row:hover h3{text-decoration:underline;text-underline-offset:5px}.feature-prose>h2:first-of-type{margin-top:var(--s8)}.article-aside .toc{max-height:45vh;overflow-y:auto;padding-right:var(--s2)}
@media(max-width:800px){.feature-index-intro,.feature-index-group{grid-template-columns:1fr;gap:var(--s8)}.feature-index-intro h2{font-size:2.1rem}.feature-index-intro figure{max-width:580px;width:100%;justify-self:center}.feature-index-group>h2{font-size:1.8rem}.table-scroll table{font-size:14px;min-width:760px}.article-meta{row-gap:var(--s3)}}

.table-hint{display:none}@media(max-width:1100px){.article-prose>.table-hint{display:block;font-size:13px;color:var(--muted);margin-bottom:calc(-1*var(--s4))}}
/* Non-binding enquiry form. */
.enquiry-heading{padding-top:var(--s12);padding-bottom:var(--s12)}.enquiry-heading h1{max-width:18ch;margin-bottom:var(--s6);font-size:clamp(2.8rem,4.6vw,4.8rem)}.enquiry-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--s24);padding-bottom:var(--s24);align-items:start}.enquiry-form-panel>h2{font-size:2rem;margin-bottom:var(--s4)}.form-context{font-size:16px;color:var(--muted);margin-bottom:var(--s8);padding:var(--s6);background:var(--lavender);border-radius:8px;line-height:1.7}.form-row{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s6)}.form-row label{font-size:16px;font-weight:600;display:flex;gap:var(--s3);justify-content:space-between}.form-row label span{font-weight:400;font-size:13px;color:var(--muted)}.form-row input,.form-row textarea{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--white);padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);min-height:48px}.form-row textarea{resize:vertical}.form-row textarea::placeholder{color:var(--muted)}.form-row input[aria-invalid=true]{border-color:oklch(.46 .17 25)}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}.field-help,.form-privacy{font-size:13px;color:var(--muted);line-height:1.6}.form-privacy{margin-top:var(--s6);max-width:64ch}.consent-row{display:flex;gap:var(--s3);align-items:flex-start;font-size:15px;line-height:1.7;margin-block:var(--s8);cursor:pointer}.consent-row input{width:20px;height:20px;flex:none;margin:3px 0 0;accent-color:var(--accent)}.honeypot{display:none}.form-alert,.form-errors{padding:var(--s4);background:oklch(.96 .018 25);color:oklch(.36 .12 25);border-radius:8px;margin-bottom:var(--s6);font-size:15px}.form-errors ul{padding-left:var(--s6);margin-bottom:0}.enquiry-aside{position:sticky;top:120px}.enquiry-aside figure{padding:var(--s4);background:var(--lavender);border-radius:var(--radius);margin-bottom:var(--s8)}.enquiry-aside img{mix-blend-mode:multiply}.enquiry-aside figcaption{font-size:12px;color:var(--muted);padding-top:var(--s3)}.enquiry-aside h2{font-size:2rem;margin-bottom:var(--s4)}.enquiry-aside>p,.enquiry-aside li{color:var(--muted);font-size:16px;line-height:1.7}.enquiry-aside ul{padding-left:var(--s6);margin-block:var(--s6)}.enquiry-aside .text-link{font-size:15px;color:var(--accent)}.aside-enquiry{font-size:14px;margin-top:var(--s4);padding:12px 16px;line-height:1.5}.enquiry-received{padding-block:var(--s24);max-width:1000px}.receipt-mark{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--lavender);color:var(--accent);border-radius:100%;font-size:28px;margin-bottom:var(--s8)}.enquiry-received h1{font-size:clamp(2.6rem,4.5vw,4.6rem);margin-bottom:var(--s8)}.enquiry-received>p{max-width:65ch;margin-bottom:var(--s6)}.enquiry-received .actions{margin-top:var(--s8)}
@media(max-width:800px){.enquiry-layout{grid-template-columns:1fr;gap:var(--s12)}.enquiry-aside{position:static;max-width:600px}.enquiry-aside figure img{max-height:340px;object-fit:contain;width:100%}.enquiry-heading h1 br{display:none}.enquiry-heading{padding-block:var(--s8)}.enquiry-received{padding-block:var(--s16)}}
@media(max-width:480px){.form-columns{grid-template-columns:1fr;gap:0}.form-context{padding:var(--s4);font-size:15px}.consent-row{font-size:14px}.enquiry-layout{padding-bottom:var(--s16)}.enquiry-heading h1{font-size:2.8rem}}

.form-saved{padding-block:var(--s6)}.form-saved h3{font-size:1.8rem;margin-bottom:var(--s6)}.form-saved p{margin-bottom:var(--s4);color:var(--muted);font-size:16px}.button:disabled{opacity:.6;cursor:wait;transform:none}

.target-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s6)}.target-price strong{font-size:2rem;line-height:1.2;letter-spacing:-.025em;font-weight:600;color:var(--ink)}.target-price span{font-size:14px;color:var(--muted)}.target-price a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.target-price.compact{gap:var(--s2);margin-block:var(--s4)}.target-price.compact strong{font-size:1.55rem}.target-price.compact span{font-size:12px}

.hero-specs,.spec-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s6);margin-block:var(--s6);padding-block:var(--s5);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-specs div,.spec-summary div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}
.hero-specs dt,.spec-summary dt{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hero-specs dd,.spec-summary dd{margin:0;font-size:15px;font-weight:600;color:var(--ink);line-height:1.35;text-align:left}
.spec-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--s7);max-width:960px}
.article-summary+.spec-summary{margin-top:var(--s8)}
.spec-prose table{font-size:14px}
.spec-prose td:first-child,.spec-prose th:first-child{white-space:nowrap}
.spec-prose h2{scroll-margin-top:90px}
@media (max-width:900px){.hero-specs,.spec-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hero-specs,.spec-summary{grid-template-columns:1fr 1fr;gap:var(--s3) var(--s4)}.hero-specs dd,.spec-summary dd{font-size:14px}}

.reference-band{padding-block:var(--s8)}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.reference-card{position:relative;display:block;padding:var(--s6);border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);transition:border-color .2s,transform .2s}
.reference-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.reference-card p{margin-top:var(--s3);font-size:15px;line-height:1.55;color:var(--muted)}
.reference-card .guide-arrow{position:absolute;top:var(--s5);right:var(--s5);color:var(--accent)}
@media (max-width:900px){.reference-grid{grid-template-columns:1fr}}

/* Comparison tables need width; the sidebar is narrower and the prose column wider. */
.article-layout.wide{grid-template-columns:minmax(0,1fr) minmax(0,290px);gap:var(--s12)}
.article-layout.wide .article-prose>p,.article-layout.wide .article-prose>ul{max-width:var(--measure)}
.article-layout.wide .table-scroll table{min-width:0;width:100%}
.article-layout.wide .table-scroll table th,.article-layout.wide .table-scroll table td{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}.article-layout.wide .table-scroll table th:nth-child(2),.article-layout.wide .table-scroll table td:nth-child(2){min-width:104px}.article-layout.wide .table-scroll table th:last-child,.article-layout.wide .table-scroll table td:last-child{min-width:124px}
@media(max-width:1100px){.article-layout.wide .table-scroll table{min-width:780px}}

.finishes{padding-block:var(--s16) var(--s8)}
.finish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8);margin-top:var(--s10)}
.finish-grid figure{background:var(--lavender);border-radius:var(--radius);padding:var(--s6);margin:0}
.finish-grid img{width:100%;height:auto;mix-blend-mode:multiply;display:block}
.finish-grid .finish-flip{background:var(--surface);display:flex;flex-direction:column;justify-content:center}
.finish-grid .finish-flip img{mix-blend-mode:normal;border-radius:4px}
.finish-grid figcaption{display:flex;flex-direction:column;gap:2px;padding-top:var(--s4);font-size:14px}
.finish-grid figcaption span{color:var(--muted);font-size:13px}
.finish-note{margin-top:var(--s6);font-size:14px;color:var(--muted);max-width:var(--measure)}
@media(max-width:800px){.finish-grid{grid-template-columns:1fr}}