:root{--useful-accent:#555;--paper:#f5f3ed;--ink:#24241f;--soft:#e9e7df;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-bottom:0}a{color:inherit}.useful-nav,.useful-hero-grid,.useful-section,.useful-footer{width:min(1180px,90vw);margin-inline:auto}.useful-nav{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid #0002;font-size:10px;letter-spacing:.1em}.useful-nav a{text-decoration:none}.useful-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--useful-accent) 16%,var(--paper)),var(--paper));padding-bottom:74px}.useful-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:70px;padding-top:78px;align-items:end}.useful-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--useful-accent);font-weight:700}.useful-hero h1,.useful-heading h2,.useful-section h2{font:400 clamp(44px,6.2vw,86px)/.99 Georgia,serif;letter-spacing:-.055em;margin:22px 0}.useful-lede,.useful-heading>p,.useful-section p{line-height:1.7}.useful-lede{max-width:650px;font-size:17px}.useful-actions{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.useful-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:700 11px Arial;letter-spacing:.06em;text-decoration:none;cursor:pointer}.useful-button-ghost{background:transparent;color:var(--ink)}.useful-button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.useful-states{display:flex;flex-wrap:wrap;gap:8px}.useful-states span,.useful-state-card span,.useful-placeholder span{font-size:9px;letter-spacing:.12em;border:1px solid #0003;padding:8px 10px}.useful-hero-card{background:var(--ink);color:var(--paper);padding:34px}.useful-hero-card small{letter-spacing:.13em}.useful-hero-card ol{padding-left:22px;line-height:2;margin:24px 0}.useful-action-type{border-top:1px solid #fff4;padding-top:20px;display:grid;gap:8px}.useful-action-type span{font-size:9px;letter-spacing:.13em}.useful-action-type b{font-size:18px}.useful-section{padding:86px 0;border-bottom:1px solid #0002}.useful-heading{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;margin-bottom:38px}.useful-heading h2{font-size:clamp(42px,4.8vw,68px);margin-bottom:0}.useful-heading>p{margin-bottom:5px}.useful-three,.useful-service-grid,.useful-proof-grid,.useful-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#0002;border:1px solid #0002}.useful-three article,.useful-proof-grid article,.useful-role-grid article{background:var(--paper);padding:28px}.useful-three span,.useful-proof-grid span{font-size:9px;letter-spacing:.12em;color:var(--useful-accent)}.useful-three h3,.useful-proof-grid h3,.useful-role-grid h3{font:400 24px/1.15 Georgia,serif}.useful-service-grid{grid-template-columns:repeat(4,1fr)}.useful-service{background:var(--paper);padding:26px;min-height:320px;display:flex;flex-direction:column}.useful-service>span{font-size:10px;color:var(--useful-accent)}.useful-service h3{font:400 28px/1.1 Georgia,serif}.useful-service p{font-size:13px;flex:1}.useful-service button,.useful-text-button{border:0;background:none;padding:10px 0;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}.useful-prep{background:var(--ink);color:var(--paper);width:100%;padding-inline:5vw}.useful-prep .useful-split{width:min(1180px,100%);margin:auto}.useful-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.useful-split ol{margin:0;padding:0;list-style:none;counter-reset:item}.useful-split li{counter-increment:item;padding:22px 0;border-top:1px solid #fff3;line-height:1.5}.useful-split li:before{content:"0" counter(item) " / ";font-size:10px;letter-spacing:.1em;color:var(--useful-accent)}.useful-proof-grid{grid-template-columns:repeat(4,1fr)}.useful-safety{margin-top:24px;border-left:5px solid var(--useful-accent);padding:20px 24px;background:color-mix(in srgb,var(--useful-accent) 12%,white)}.useful-media-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:240px 180px;gap:14px}.useful-media{background:linear-gradient(145deg,color-mix(in srgb,var(--useful-accent) 30%,#fff),#ddd);padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.useful-media:first-child{grid-row:span 2}.useful-media:last-child{grid-column:2/4}.useful-media small,.useful-media span{font-size:9px;letter-spacing:.08em}.useful-media b{font:400 28px Georgia,serif;margin:8px 0}.useful-role-grid{background:transparent;border:0;gap:24px}.useful-role-grid article{border:1px solid #0002}.useful-avatar{height:190px;background:linear-gradient(160deg,color-mix(in srgb,var(--useful-accent) 35%,#ddd),#eee);border-radius:120px 120px 0 0}.useful-planner{background:color-mix(in srgb,var(--useful-accent) 12%,var(--paper));width:100%;padding-inline:5vw}.useful-planner-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.useful-state-card{display:grid;gap:8px;border:1px solid #0002;padding:18px;margin-top:24px}.useful-planner form,.useful-customize form{display:grid;gap:16px;background:#fff;padding:28px}.useful-planner label,.useful-customize label{display:grid;gap:8px;font-size:11px;font-weight:700}.useful-planner select,.useful-customize input{min-height:48px;width:100%;padding:10px;border:1px solid #0004;background:#fff;font:inherit}.useful-customize input[type=color]{padding:5px}.useful-plan-output,#useful-plan-output{display:grid;gap:6px;padding-top:10px}.useful-placeholder{background:var(--soft);padding:32px;min-height:220px;display:flex;flex-direction:column;justify-content:center}.useful-placeholder b{font:400 30px Georgia,serif;margin:18px 0}.useful-faq-grid{display:grid}.useful-faq details{border-top:1px solid #0003;padding:22px 0}.useful-faq summary{font-weight:700;cursor:pointer}.useful-faq details p{max-width:800px}.useful-customize{background:var(--soft);width:100%;padding-inline:5vw}.useful-customize-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.useful-boundary{background:var(--ink);color:var(--paper);width:100%;max-width:none;padding-inline:5vw}.useful-boundary h2{max-width:900px}.useful-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.useful-flow span,.useful-flow b{border:1px solid #fff4;padding:10px;font-size:10px;letter-spacing:.07em}.useful-flow b{background:var(--useful-accent);border-color:var(--useful-accent)}.useful-footer{display:flex;justify-content:space-between;gap:20px;padding:38px 0 92px;font-size:9px;letter-spacing:.08em}.useful-mobile-actions{display:none}.useful-button:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--useful-accent);outline-offset:3px}@media(max-width:900px){.useful-hero-grid,.useful-heading,.useful-split,.useful-planner-grid,.useful-customize-grid{grid-template-columns:1fr}.useful-heading{gap:12px}.useful-three,.useful-proof-grid{grid-template-columns:1fr 1fr}.useful-service-grid{grid-template-columns:1fr 1fr}.useful-heading>p{max-width:650px}.useful-proof-grid{gap:1px}.useful-role-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){body{padding-bottom:62px}.useful-nav{flex-wrap:wrap}.useful-hero-grid{padding-top:46px;gap:32px}.useful-hero h1{font-size:50px}.useful-section{padding:58px 0}.useful-three,.useful-service-grid,.useful-proof-grid,.useful-role-grid{grid-template-columns:1fr}.useful-service{min-height:0}.useful-media-grid{grid-template-columns:1fr;grid-template-rows:none}.useful-media,.useful-media:first-child,.useful-media:last-child{grid-column:auto;grid-row:auto;min-height:180px}.useful-footer{display:grid;padding-bottom:28px}.useful-mobile-actions{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;z-index:20;background:var(--ink)}.useful-mobile-actions a{color:var(--paper);text-decoration:none;text-align:center;padding:18px 4px;font-size:9px;letter-spacing:.08em;border-right:1px solid #fff3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.useful-preset-badge{display:grid;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid #fff4}.useful-preset-badge span,.useful-preset-badge small{font-size:9px;letter-spacing:.08em}.useful-preset-badge b{text-transform:capitalize;font:400 20px Georgia,serif}