/* Practical examples and a clearer path for owners who are new to technology. */
[hidden]{display:none!important}
.hero-secondary{display:flex;align-items:center;gap:15px;margin-top:22px;color:#e0ebe7;font-size:15px;text-decoration:underline;text-underline-offset:5px;width:fit-content;min-height:32px}
.hero-secondary:hover{color:var(--yellow)}
.service .service-outcome{border-top:1px solid var(--line);padding:20px 0 25px;font-size:16px;font-weight:500;color:var(--ink)}
.service-outcome span{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-bottom:7px}
.featured .service-outcome{color:white;border-color:#ffffff25}.featured .service-outcome span{color:#c8dcd4}
.service ul{margin-bottom:16px}.service .service-outcome+a{border-top:0;padding-top:0}
.practice{background:#0b282c;color:#f5faf7;padding:90px 0 45px;overflow:hidden;position:relative}
.practice:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 60%,#27594766,transparent 60%)}
.practice>.wrap{position:relative}.practice-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}.practice-heading>p{max-width:355px;color:#c2d6cf;margin:0}.practice .eyebrow,.practice h2 em{color:var(--yellow)}
.practice-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}
.practice-options button{border:1px solid #5b7975;background:transparent;color:#dbe9e4;border-radius:12px;padding:20px 18px;display:flex;align-items:center;gap:15px;font-size:12px;text-align:left;transition:background .25s,color .25s,border-color .25s}
.practice-options button>span:first-child{font-size:15px;font-weight:600;flex:1}.practice-options button>span:last-child{font-size:20px}.practice-options button:hover{border-color:var(--yellow)}.practice-options button[aria-pressed=true]{background:var(--yellow);color:#102e33;border-color:var(--yellow)}
.practice-panel{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;padding:36px 0 40px;min-height:570px}
.practice-panel.is-entering{animation:example-in .45s var(--ease) both}.demo-label{display:inline-block;font-size:10px;letter-spacing:1.5px;color:#b9d2c7;border:1px solid #55746d;border-radius:30px;padding:5px 12px}
.example-copy h3{font-family:Manrope,Arial,sans-serif;font-size:37px;line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:23px 0 20px}.example-copy>p{color:#c2d6cf;font-size:17px}.example-copy dl{margin:28px 0 32px;border-left:1px solid #68877c;padding-left:21px}.example-copy dt{font-weight:600;font-size:13px;color:var(--yellow);margin:17px 0 5px}.example-copy dd{color:#c6d9d2;font-size:15px;margin:0}.example-copy .button{background:#f2f8ec;color:#102e33;font-size:14px}.example-copy .button span{background:#102e3310}
.demo-board{background:#f5f7f2;border:1px solid #d8e4db;color:#153c34;border-radius:20px;box-shadow:0 30px 65px #03151444;overflow:hidden;min-width:0}.board-bar{display:flex;justify-content:space-between;gap:12px;padding:19px 23px;border-bottom:1px solid #dce5dc;font-size:9px;letter-spacing:1.4px;font-weight:600}.board-bar>span:first-child{display:flex;align-items:center;gap:9px}.board-bar i{width:7px;height:7px;background:#477965;border-radius:50%}.board-bar>span:last-child{color:#62766a}.board-note{font-size:11px;text-align:center;padding:10px 18px 16px;margin:0;color:#536a60}
.flow-demo{padding-bottom:4px}.flow-node{margin:0 24px;padding:20px 17px;border:1px solid #d1dfd2;border-radius:12px;background:white;display:flex;align-items:center;gap:13px}.flow-node:first-of-type{margin-top:25px}.board-bar+.flow-node{margin-top:25px}.flow-node .node-icon{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;background:#e9f1e4;border-radius:9px;font-size:11px}.flow-node>div{min-width:0;flex:1}.flow-node small,.flow-node strong,.flow-node div>span{display:block}.flow-node small{font-size:9px;letter-spacing:1px;color:#4c695a}.flow-node strong{font-size:15px;font-weight:600;margin:4px 0}.flow-node div>span{font-size:12px;color:#687a6d}.flow-node b{font-weight:500;color:#4c7750}.flow-connector{height:43px;margin-left:59px;border-left:1px solid #bacdbb;display:flex;align-items:center}.flow-connector span{font-size:10px;color:#536a60;padding-left:20px}.review-node{background:#e5f2d6;border-color:#adc79b}.flow-demo .board-note{padding-top:19px}
.concept-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 27px;font-size:11px}.concept-nav strong{font-family:Georgia,serif;font-weight:400;letter-spacing:2px}.concept-nav span{font-size:10px}.concept-main{position:relative;margin:0 18px;padding:34px 23px 30px;background:#e5eadc;overflow:hidden;border-radius:7px;min-height:300px}.concept-tag{font-size:9px;letter-spacing:1.3px}.concept-main h4{font-family:Georgia,serif;font-size:39px;line-height:1.1;font-weight:400;margin:19px 0 13px;position:relative;z-index:1}.concept-main p{font-size:12px;line-height:1.5;max-width:200px;position:relative;z-index:1}.concept-cta{display:inline-block;background:#264d39;color:#fff;padding:11px 13px;font-size:10px;border-radius:3px;position:relative;z-index:1}.concept-services{display:flex;justify-content:space-around;padding:20px 12px;font-size:10px}.concept-art{position:absolute;width:140px;height:280px;right:-15px;bottom:-35px;transform:rotate(-20deg);opacity:.55}.concept-art span{position:absolute;width:80px;height:150px;background:#597650;border-radius:100% 0 100% 0;right:10px;bottom:0;transform-origin:bottom left}.concept-art span:nth-child(2){transform:rotate(-45deg);bottom:55px;right:25px;background:#8aa070}.concept-art span:nth-child(3){transform:rotate(30deg);bottom:95px;right:10px;background:#396344}
.sample-question{margin:24px;padding:18px 20px;border:1px solid #ccd9ce;border-radius:12px;background:#edf2e8}.sample-question small,.sample-draft small{font-size:9px;letter-spacing:1.2px;color:#56705f}.sample-question p{font-size:16px;margin:10px 0 0}.sample-draft{margin:0 24px 15px;padding:20px;border-radius:12px;background:white;border:1px solid #ccd9ce}.sample-draft p{font-size:14px;line-height:1.7}.review-pill{display:block;background:#eaf3df;color:#385735;border-radius:6px;padding:9px 11px;font-size:11px;margin-top:22px}.practice-disclaimer{font-size:12px;color:#b2cbc0;border-top:1px solid #54756a;padding-top:22px;margin:0}
.founder{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px;align-items:center;padding-bottom:115px}.founder>div:last-child{max-width:740px}.founder h2{font-size:43px}.founder p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:640px}.founder-seal{background:#e9f0e7;aspect-ratio:1;max-width:300px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #c6d8c5;margin:auto;width:100%;position:relative}.founder-seal:before{content:'';position:absolute;inset:13px;border:1px solid #becfba;border-radius:50%}.founder-seal>span{font-family:Manrope,Arial,sans-serif;font-size:72px;letter-spacing:-6px;line-height:1.2}.founder-seal small{text-align:center;line-height:1.8;font-size:9px;letter-spacing:1.5px;margin-top:15px}.inline-link{font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:6px;display:inline-block;padding:10px 0}.inline-link span{margin-left:12px}
.next-expectation{border-top:1px solid #839d5d;margin-top:35px;padding-top:25px;max-width:360px}.next-expectation h3{font-size:18px}.next-expectation p{font-size:15px;line-height:1.75}.contact form:focus-within{border-color:#7a9b59}.contact .button:focus-visible{outline-color:#173e33}
.menu-toggle{display:none;border:1px solid #a2b9b4;background:transparent;color:white;padding:9px 13px;border-radius:8px;font-size:14px;min-height:44px}.menu-toggle span{margin-left:9px}nav{gap:23px}
@keyframes example-in{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){header .brand{font-size:22px}nav{gap:17px;font-size:12px}.practice-panel{gap:40px}.example-copy h3{font-size:33px}.practice-options button{padding:16px 13px;gap:10px}.practice-options button>span:first-child{font-size:13px}}
@media(max-width:900px){header,header.is-scrolled{flex-wrap:wrap;justify-content:space-between}.menu-toggle:not([hidden]){display:inline-block;margin-left:auto}header>.button.small{display:none}header nav{display:flex;order:4;width:100%;gap:12px 22px;flex-wrap:wrap;font-size:14px}header.has-menu nav{display:none}header.has-menu nav.is-open{display:flex}.practice{padding:65px 0 35px}.practice-heading{display:block;margin-bottom:28px}.practice-heading>p{max-width:550px;margin-top:23px;font-size:16px}.practice-options{grid-template-columns:1fr;gap:8px}.practice-options button{padding:13px 16px}.practice-options button>span:first-child{font-size:15px}.practice-panel{grid-template-columns:1fr;gap:28px;padding:12px 0 30px;min-height:0}.demo-board{width:100%;max-width:540px;margin:auto}.example-copy{max-width:600px}.example-copy h3{font-size:34px}.example-copy dl{margin:22px 0}.practice-disclaimer{font-size:12px}.founder{grid-template-columns:1fr;gap:33px;padding-bottom:70px}.founder-seal{width:170px;margin:0}.founder-seal>span{font-size:49px;letter-spacing:-4px}.founder-seal small{font-size:7px;margin-top:10px}.founder h2{font-size:36px}.next-expectation{max-width:none;margin-top:25px}.hero-secondary{font-size:15px}}
@media(max-width:380px){header .brand{font-size:20px;gap:9px}header .brand-symbol{width:34px;height:34px;flex-basis:34px}.menu-toggle{padding:8px 10px;font-size:12px}.menu-toggle span{margin-left:3px}.flow-node{margin-inline:14px;padding:15px 11px;gap:10px}.flow-node strong{font-size:13px}.board-bar{padding-inline:17px}.sample-question,.sample-draft{margin-inline:15px}.concept-art{opacity:.3}.example-copy .button{font-size:13px;gap:10px}.founder h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.practice-panel.is-entering{animation:none}.practice-options button{transition:none}}
