.js-cover{--ink:#17201d;--amber:#f4b942;--paper:#f6f5f0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}.js-cover a,.js-cover button{-webkit-tap-highlight-color:transparent}.js-cover a{text-decoration:none}.js-cover button,.js-cover summary{cursor:pointer}.js-cover :focus-visible{outline-offset:5px;outline:3px solid #c38614}.js-wrap{max-width:1240px;margin:auto;padding-inline:48px}.js-header{align-items:center;gap:32px;max-width:1440px;height:92px;margin:auto;padding:0 48px;display:flex}.js-brand{letter-spacing:-1.5px;color:var(--ink);align-items:center;font-size:29px;font-weight:900;display:flex}.js-brand span{color:#ac7107}.js-brand img{object-fit:contain;width:49px;height:49px;margin-right:9px}.js-desktop-nav{gap:32px;margin-left:auto;font-size:14px;font-weight:650;display:flex}.js-desktop-nav a:hover,.js-footer a:hover{text-decoration:underline}.js-button{background:var(--amber);min-height:54px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;padding:14px 27px;font-weight:800;transition:background .2s,transform .2s;display:inline-flex}.js-button:hover{background:#ffc85d;transform:translateY(-2px)}.js-button.js-small{min-height:44px;padding:9px 22px;font-size:14px}.js-button.js-dark{background:var(--ink);color:#fff}.js-button.js-dark:hover{background:#34483e}.js-menu{display:none}.js-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#696e65;margin:0 0 20px;font-weight:800;line-height:1.6;font-size:12px!important}.js-hero{grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:75px;padding-bottom:90px;display:grid}.js-hero h1{letter-spacing:-.055em;margin:0 0 27px;font-size:clamp(48px,5.4vw,76px);font-weight:850;line-height:1.06}.js-hero h1 span{color:#9a6400}.js-lead{color:#58615a;max-width:460px;font-size:18px;line-height:1.75}.js-actions{align-items:center;gap:26px;margin-top:30px;display:flex}.js-text-link{border-bottom:1px solid #9b9e92;padding:10px 0;font-weight:700}.js-smallprint{color:#69736c;margin-top:19px;font-size:13px}.js-hero-board{color:#fff;background:#1e2e27;border-radius:9px;padding:24px;transform:rotate(1.5deg);box-shadow:18px 22px #e5e4da}.js-board-top{color:#b7c7ba;letter-spacing:.06em;justify-content:space-between;gap:12px;margin-bottom:25px;font:11px monospace;display:flex}.js-board-drawing{margin-inline:-7px;transform:rotate(-1.5deg)}.js-board-title{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.js-board-title .js-eyebrow{color:#bdc7bf;margin-bottom:5px;font-size:10px!important}.js-board-title h2{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:750}.js-board-title>svg{color:var(--amber)}.js-board-steps{border-top:1px solid #ffffff24;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:24px;padding-top:20px;font-size:12px;display:grid}.js-board-steps span{border-bottom:3px solid var(--amber);padding-bottom:12px}.js-board-note{color:#bdc7bf;margin:15px 0 0;font-size:12px}.js-build-strip{border-top:1px solid #d9dbd0;border-bottom:1px solid #d9dbd0}.js-build-strip>div{justify-content:space-between;align-items:center;gap:22px;min-height:87px;display:flex}.js-build-strip span{text-transform:uppercase;letter-spacing:.1em;color:#71776d;font-size:12px}.js-build-strip a{font-size:20px;font-weight:750}.js-section{padding-top:105px;padding-bottom:105px;scroll-margin-top:30px}.js-section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px;display:flex}.js-cover h2{letter-spacing:-.045em;margin-top:0;margin-bottom:0;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.13}.js-section-heading>p{color:#61685e;max-width:370px;margin:0}.js-build-tabs{flex-wrap:wrap;gap:9px;margin-bottom:24px;display:flex}.js-build-tabs button{border:1px solid #d5d8cd;border-radius:5px;padding:11px 25px;font-size:15px;font-weight:700}.js-build-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.js-build-example{background:#fff;border:1px solid #dadfd4;border-radius:8px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.js-demo{background:#e8ece5;flex-direction:column;justify-content:center;padding:28px;display:flex}.js-example-copy{padding:42px}.js-example-copy h3{letter-spacing:-.035em;margin:0 0 18px;font-size:30px;font-weight:750;line-height:1.2}.js-example-copy p{color:#61685e}.js-example-copy ul{gap:9px;margin:24px 0 28px;padding:0;font-size:14px;list-style:none;display:grid}.js-example-copy li{align-items:center;gap:10px;display:flex}.js-example-copy li svg{color:#a46d04}.js-workflow{background:var(--ink);color:#fff;padding:85px 0}.js-workflow .js-eyebrow{color:var(--amber)}.js-workflow-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;display:grid}.js-step-number{color:var(--amber);border-top:1px solid #ffffff35;padding-top:22px;font-family:monospace;font-size:15px;display:block}.js-workflow h3{letter-spacing:-.02em;margin:17px 0 10px;font-size:20px;font-weight:700}.js-workflow article p{color:#c0c9c3;margin:0;font-size:15px}.js-feature-controls{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:30px;display:flex}.js-filters{flex-wrap:wrap;gap:8px;display:flex}.js-filters button{border-bottom:2px solid #0000;padding:10px 11px;font-size:14px;font-weight:700}.js-filters button[aria-pressed=true]{color:#8b5a00;background:#ede9dd;border-color:#a87206}.js-search{border-bottom:1px solid #afb6a9;align-items:center;gap:10px;padding:8px;display:flex}.js-search input{background:0 0;outline:none;max-width:180px}.js-feature-grid{background:#dce0d5;border:1px solid #dce0d5;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.js-feature{background:var(--paper);flex-direction:column;align-items:start;padding:29px;display:flex}.js-feature>svg{color:#936007;margin-bottom:23px}.js-feature-group{letter-spacing:.1em;text-transform:uppercase;color:#72786d;font-size:11px}.js-feature h3{letter-spacing:-.02em;margin:8px 0 14px;font-size:21px;font-weight:750;line-height:1.3}.js-feature p{color:#5b655c;margin:0 0 22px;font-size:15px}.js-feature a{border-bottom:1px solid #a6aea0;margin-top:auto;font-size:14px;font-weight:750}.js-feature:hover{background:#fff}.js-calculators{border-bottom:1px solid #cbd0c2;margin-top:24px}.js-calculators summary{justify-content:space-between;align-items:center;padding:18px 0;font-weight:750;display:flex}.js-calculators>div{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 0 25px;font-size:14px;display:grid}.js-calculators a:hover{text-decoration:underline}.js-site-story{grid-template-columns:.85fr 1fr;align-items:center;gap:80px;display:grid}.js-site-story>img{border-radius:7px;width:100%;height:auto}.js-site-story h2 span{color:#976300}.js-site-story p:not(.js-eyebrow){color:#5b655c;max-width:450px;margin-top:24px}.js-site-story .js-button{margin-top:18px}.js-faq{grid-template-columns:.75fr 1.25fr;gap:60px;display:grid}.js-faq details{border-bottom:1px solid #ccd2c5;padding:22px 0}.js-faq details:first-child{padding-top:0}.js-faq summary{justify-content:space-between;align-items:center;gap:22px;font-weight:700;line-height:1.4;list-style:none;display:flex}.js-faq summary svg{flex-shrink:0}.js-faq details p{color:#61695d;margin:20px 0 3px;font-size:15px}.js-cover details[open]>summary svg{transform:rotate(180deg)}.js-final{text-align:center;background:#e9ad30;padding:76px 0}.js-final .js-eyebrow{color:#533a0d}.js-final h2{font-size:64px}.js-final .js-button{background:var(--ink);color:#fff;margin-top:28px}.js-final p:last-child{color:#584113;margin:24px auto 0;font-size:14px}.js-footer{flex-wrap:wrap;align-items:center;gap:27px;padding-top:37px;padding-bottom:37px;font-size:13px;display:flex}.js-footer p{margin-right:auto}.js-footer .js-brand{font-size:25px}.js-footer>span{color:#697261}.js-skip{z-index:10;background:#fff;padding:14px;position:absolute;top:-80px;left:15px}.js-skip:focus{top:10px}.js-no-results{text-align:center;padding:30px}.js-mobile-nav{display:none}@media (max-width:1000px){.js-wrap,.js-header{padding-inline:30px}.js-hero{gap:36px;padding-top:55px}.js-hero h1{font-size:58px}.js-board-top{font-size:9px}.js-hero-board{padding:17px}.js-board-title h2{font-size:22px}.js-site-story{gap:40px}.js-example-copy{padding:30px}.js-desktop-nav{gap:18px}.js-workflow-grid{gap:22px}.js-feature{padding:23px}.js-feature-controls{display:block}.js-search{max-width:300px;margin-top:18px}}@media (max-width:760px){.js-wrap{padding-inline:22px}.js-header{gap:15px;height:78px;padding-inline:22px}.js-brand{font-size:26px}.js-brand img{width:39px;height:39px}.js-header>.js-button{margin-left:auto;padding:9px 15px}.js-desktop-nav{display:none}.js-menu{padding:8px;display:block}.js-mobile-nav{border-bottom:1px solid #ccd2c5;gap:14px;padding:5px 22px 20px;display:grid}.js-hero{grid-template-columns:1fr;gap:40px;padding-top:38px;padding-bottom:55px}.js-hero h1{font-size:clamp(44px,9vw,67px)}.js-lead{font-size:17px}.js-hero-board{margin-right:8px;padding:23px;transform:none;box-shadow:8px 10px #e5e4da}.js-board-drawing{transform:none}.js-board-top{font-size:10px}.js-board-title h2{font-size:26px}.js-board-steps{font-size:13px}.js-build-strip>div{flex-wrap:wrap;justify-content:center;gap:11px 24px;min-height:0;padding-block:22px}.js-build-strip span{text-align:center;width:100%}.js-build-strip a{font-size:17px}.js-section{padding-top:64px;padding-bottom:64px}.js-section-heading{margin-bottom:29px;display:block}.js-section-heading>p{max-width:100%;margin-top:22px}.js-cover h2{font-size:39px}.js-build-tabs{gap:7px}.js-build-tabs button{padding:10px 16px}.js-build-example{grid-template-columns:1fr}.js-demo{padding:20px}.js-example-copy{padding:28px}.js-workflow{padding:58px 0}.js-workflow-grid{grid-template-columns:1fr 1fr;gap:29px 25px;margin-top:35px}.js-workflow h3{font-size:19px}.js-feature-grid{grid-template-columns:1fr 1fr}.js-feature{padding:22px}.js-feature h3{font-size:20px}.js-filters button{padding:8px;font-size:13px}.js-calculators>div{grid-template-columns:1fr 1fr}.js-site-story{grid-template-columns:1fr;gap:30px}.js-site-story>img{max-width:460px}.js-faq{grid-template-columns:1fr;gap:35px}.js-final{padding:55px 0}.js-final h2{font-size:54px}.js-footer{gap:16px 25px}.js-footer p{order:3;width:100%;margin:0}.js-footer>span{order:4}.js-eyebrow{font-size:11px!important}}@media (max-width:420px){.js-feature-grid{grid-template-columns:1fr}.js-actions{gap:20px}.js-actions .js-button{padding-inline:22px}.js-smallprint{font-size:12px}.js-workflow-grid{grid-template-columns:1fr}.js-workflow h3{font-size:21px}.js-header{gap:8px;padding-inline:16px}.js-menu{padding:6px}.js-brand img{width:33px;height:33px;margin-right:4px}.js-brand{font-size:24px}.js-board-top{font-size:9px}.js-board-title h2{font-size:24px}.js-desktop-break{display:none}}@media (prefers-reduced-motion:reduce){.js-cover *{scroll-behavior:auto!important;transition:none!important}}.js-cover .js-board-title h2{font-size:25px;line-height:1.2}.js-build-example{grid-template-columns:minmax(0,1fr)}.js-demo{min-width:0;display:block}.js-demo>.js-eyebrow{margin-bottom:16px}.js-demo>section,.js-demo>div{width:100%;max-width:900px;margin-inline:auto}.js-demo svg{max-width:100%;height:auto}.js-example-copy{border-top:1px solid #ccd2c5}.js-launch-panel{background:#e8ece5;border:1px solid #ccd2c5;border-radius:8px;justify-content:space-between;align-items:center;gap:32px;padding:32px;display:flex}.js-launch-panel>div{max-width:700px}.js-launch-panel h3{margin-bottom:12px;font-size:24px;font-weight:800}.js-launch-panel p{color:#5b655c;margin-top:12px}.js-launch-panel .js-button{flex-shrink:0}@media (max-width:760px){.js-launch-panel{flex-direction:column;align-items:start;padding:24px}}.js-walkthrough{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.js-walkthrough h2{font-size:clamp(36px,5vw,64px);line-height:1.05}.js-walkthrough p:not(.js-eyebrow){margin:24px 0;line-height:1.7}.js-walkthrough video{background:#17201d;border-radius:20px;justify-self:center;width:100%;max-width:380px;max-height:675px}@media (max-width:700px){.js-walkthrough{grid-template-columns:1fr;gap:28px}.js-walkthrough video{max-width:300px}}
