.why-hero{padding-top:76px;padding-bottom:85px;max-width:1100px}.opening{font-size:clamp(17px,2vw,22px);line-height:1.8;margin-bottom:25px;max-width:800px}.why-hero h1{font-size:clamp(58px,9vw,108px);margin-bottom:30px}.why-hero .intro{max-width:620px;font-size:20px}.environment-band{background:#edf0e8;padding:80px 0}.environment-band .split p,.quiet-section p{color:#536254}.clarity-map{margin:46px 0 0}.clarity-map figcaption{font-size:13px;color:#536254;margin-bottom:20px}.clarity-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #a8b7a2;border-bottom:1px solid #a8b7a2}.clarity-grid>div{padding:25px 24px 25px 0}.clarity-grid>div+div{border-left:1px solid #c6d0bf;padding-left:24px}.clarity-grid span{font-size:12px;color:#536254}.clarity-grid strong{display:block;font:29px/1.4 Georgia,serif;letter-spacing:-.03em;margin:8px 0}.clarity-grid p{font-size:14px;color:#536254;margin:0;max-width:220px}.clarity-result{text-align:center;padding:20px 0 0}.clarity-result>span{font-size:29px;color:#536254}.clarity-result p{font-size:19px;line-height:1.6;margin:10px 0 0}.clarity-result strong{font-weight:500;color:#294a35}.quiet-section{padding-top:85px;padding-bottom:85px}.purpose-line{font-size:14px;font-weight:600;margin-top:25px;color:#294a35!important}.purpose-line span{margin:0 7px}.demo-invitation{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.small-note{font-size:12px;color:#c3cdc2;margin:18px 0 0}.invitation-aside{font:23px/1.6 Georgia,serif;color:#c3cdc2;border-left:1px solid #6a7a6b;padding-left:30px}.invitation-aside strong{font-weight:400;color:white}.demo-main{max-width:850px;padding-top:56px;padding-bottom:80px}.demo-main h1{font-size:clamp(40px,6vw,62px);letter-spacing:-.05em}.demo-lead{font-size:19px;color:#536254;max-width:650px}.demo-notice{font-size:13px;color:#536254;max-width:700px}.demo-notice a{text-decoration:underline}.demo-start{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.demo-time{font-size:13px;color:#536254}.demo-progress{margin:30px 0 35px}.demo-progress p{font-size:13px;margin:0 0 8px}.demo-progress progress{width:100%;height:8px;accent-color:#3f624b}.demo-step h2{font-size:36px}.demo-step fieldset{margin:28px 0;padding:0;border:0}.demo-step label,.demo-step legend{font-weight:600;font-size:16px;display:block;max-width:700px}.demo-step .field-help{font-size:14px;color:#536254;margin:7px 0 12px;max-width:670px}.demo-step textarea{display:block;width:100%;min-height:110px;resize:vertical;border:1px solid #8b9d88;border-radius:4px;background:white;font:16px/1.6 Arial,sans-serif;color:var(--ink);padding:13px;margin-top:12px}.demo-step textarea:focus-visible,.demo-step input:focus-visible,.demo-main button:focus-visible{outline:3px solid #aa6637;outline-offset:3px}.demo-step .choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #c6d0bf;border-radius:4px;padding:14px;margin:10px 0;background:white;cursor:pointer;font-weight:400;min-height:51px}.choice input{accent-color:#3f624b;width:20px;height:20px;flex:0 0 20px;margin-top:2px}.exercise-example{background:#edf0e8;border-left:3px solid #95a88a;padding:20px 24px;font-size:15px;margin:24px 0}.exercise-example summary{cursor:pointer;font-weight:600;padding:4px}.exercise-example p{margin:14px 0 0;color:#536254}.demo-nav{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;display:flex;justify-content:space-between;gap:16px}.demo-main button{cursor:pointer;font-family:inherit;border:0}.secondary-button{background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:14px;color:var(--ink);padding:12px}.demo-nav .button{gap:15px}.demo-main [hidden]{display:none!important}.review-intro{font-size:18px;color:#536254}.review-section{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.review-section h3{font-size:24px;font-weight:500;letter-spacing:-.03em}.review-section h4{font-size:14px;margin:22px 0 8px}.review-answer{white-space:pre-wrap;overflow-wrap:anywhere;color:#536254;font-size:16px}.package-list{display:grid;gap:16px;margin-top:26px}.package-card{padding:23px;border:1px solid #c6d0bf;border-radius:4px;background:white}.package-card.is-suggested{border:2px solid #3f624b;background:#edf0e8}.package-card .eyebrow{font-size:10px;margin-bottom:10px}.package-card h3{font-size:23px;font-weight:500;letter-spacing:-.03em;margin-bottom:10px}.package-card p{font-size:15px;color:#536254;margin-bottom:10px}.package-card p:last-child{margin-bottom:0}.demo-results .actions{margin-top:30px}.demo-results .actions button{min-height:48px}.demo-fit{font-size:15px;background:#edf0e8;padding:20px}.demo-fit strong{display:block;margin-bottom:8px}.demo-footer-note{font-size:13px;color:#536254;margin-top:25px}.closing .button:hover{background:white}@media(max-width:760px){.why-hero{padding-top:45px;padding-bottom:55px}.why-hero h1{font-size:clamp(55px,13vw,85px)}.opening{font-size:17px}.why-hero .intro{font-size:18px}.environment-band{padding:55px 0}.clarity-grid{grid-template-columns:1fr 1fr}.clarity-grid>div,.clarity-grid>div+div{padding:20px 14px}.clarity-grid>div:nth-child(odd){border-left:0;padding-left:0}.clarity-grid>div:nth-child(n+3){border-top:1px solid #c6d0bf}.clarity-grid strong{font-size:26px}.clarity-map{margin-top:28px}.clarity-result p{font-size:17px}.quiet-section{padding-top:55px;padding-bottom:55px}.demo-invitation{grid-template-columns:1fr;gap:25px}.invitation-aside{display:none}.demo-main{padding-top:35px}.demo-step h2{font-size:29px}.demo-nav .button{padding:13px 16px}.demo-main .actions{flex-wrap:wrap}.purpose-line{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.header,.skip,.site-footer,.demo-nav,.demo-progress,.demo-results .actions,.demo-start,.demo-step,.demo-header,.demo-footer-note{display:none!important}.demo-main{width:100%;max-width:none;padding:0}.demo-results[hidden]{display:block!important}.demo-results h2{font-size:27px}.review-section{break-inside:avoid}.package-list{display:block}.package-card{margin:15px 0;break-inside:avoid}body{background:white;color:black}.package-card p,.review-answer{color:black}.closing{display:none}}

/* The two shared intentions meet at the question in the gap. */
.disconnect-graphic{max-width:780px;margin:34px 0 36px;text-align:center}
.connection-statement{font-size:clamp(17px,2.3vw,23px);line-height:1.45;letter-spacing:-.02em;margin:0 auto;max-width:700px}
.connection-branch{position:relative;display:flex;justify-content:space-between;width:58%;max-width:340px;margin:18px auto 0;padding-bottom:25px;border-bottom:1px solid #a9b9a2}
.connection-branch span{position:relative;display:block;width:11px;height:11px;border:1px solid #647e60;border-radius:50%;background:#edf0e8}
.connection-branch span:after{content:'';position:absolute;left:4px;top:10px;height:25px;border-left:1px solid #a9b9a2}
.connection-branch:after{content:'';position:absolute;left:50%;top:100%;height:22px;border-left:1px dashed #91a48a}
.why-hero .disconnect-graphic h1{font-size:clamp(49px,7.6vw,87px);line-height:1.02;margin:34px 0;letter-spacing:-.06em}
.connection-branch-bottom{transform:rotate(180deg);margin:0 auto 18px}
.hero-mission-block{max-width:780px;margin-bottom:28px;padding-top:25px;border-top:1px solid var(--line)}
.why-hero .hero-mission-block .intro{max-width:760px;font-size:clamp(18px,2.1vw,22px);color:var(--ink);margin-bottom:16px}
.mission-outcomes{font-size:14px;color:var(--green);line-height:1.8;margin:0;max-width:750px}
@media(max-width:760px){.disconnect-graphic{margin-top:28px;margin-bottom:28px}.connection-statement{font-size:17px;max-width:350px}.connection-branch{width:55%;padding-bottom:18px}.connection-branch span:after{height:18px}.connection-branch:after{height:17px}.why-hero .disconnect-graphic h1{font-size:clamp(46px,11.5vw,75px);margin:28px 0}.mission-outcomes{font-size:13px}.hero-mission-block{padding-top:23px}}

.pricing-main{padding-top:65px;padding-bottom:70px}.pricing-main h1{font-size:clamp(44px,6.5vw,76px)}.pricing-status{font-size:15px;color:#536254;max-width:650px;margin-bottom:30px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pricing-grid h2{font-size:28px}.pricing-grid .package-card{padding:26px}.pricing-next{border-top:1px solid var(--line);padding-top:35px;margin-top:45px}.pricing-next h2{font-size:33px}.pricing-next>p{color:#536254;max-width:650px}.pricing-detail{font-size:13px;margin-top:15px}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px;font-size:13px;color:#536254}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.pricing-notes{grid-template-columns:1fr;gap:0}.pricing-main{padding-top:40px}}@media print{.pricing-grid{display:block}.pricing-next .button{display:none}}

/* A simple steepled silhouette frames the shared desire for connection. */
.disconnect-graphic{--church-green:#173b2b;position:relative;isolation:isolate;max-width:860px;padding:158px 42px 38px;margin-top:28px;color:#dfedcf}
.disconnect-graphic:before,.disconnect-graphic:after{content:'';position:absolute;z-index:-1;background:var(--church-green);pointer-events:none}
.disconnect-graphic:before{inset:120px 0 0;border-radius:0 0 5px 5px}
.disconnect-graphic:after{left:0;right:0;top:0;height:121px;clip-path:polygon(0 100%,40% 50%,40% 29%,50% 0,60% 29%,60% 50%,100% 100%)}
.disconnect-graphic .connection-statement{color:#dfedcf;max-width:710px;font-size:clamp(17px,2.2vw,22px);text-wrap:balance}
.why-hero .disconnect-graphic h1{color:#edf5df;font-size:clamp(48px,7.4vw,84px)}
.disconnect-graphic h1 em{color:#bbd994}
.disconnect-graphic .connection-branch{border-color:#a8c38d}
.disconnect-graphic .connection-branch span{background:#bbd994;border-color:#bbd994}
.disconnect-graphic .connection-branch span:after,.disconnect-graphic .connection-branch:after{border-color:#a8c38d}
@media(max-width:760px){.disconnect-graphic{padding:118px 20px 30px;margin-top:22px}.disconnect-graphic:before{top:88px}.disconnect-graphic:after{height:89px}.disconnect-graphic .connection-statement{font-size:17px;max-width:400px}.why-hero .disconnect-graphic h1{font-size:clamp(42px,10.5vw,70px)}}
@media print{.disconnect-graphic{padding:25px 15px;color:#173b2b}.disconnect-graphic:before,.disconnect-graphic:after{display:none}.disconnect-graphic .connection-statement,.why-hero .disconnect-graphic h1,.disconnect-graphic h1 em{color:#173b2b}.disconnect-graphic .connection-branch,.disconnect-graphic .connection-branch span,.disconnect-graphic .connection-branch span:after,.disconnect-graphic .connection-branch:after{border-color:#3f624b}}

/* Pointed windows, rose glass, paired doors, and a cross complete the facade. */
.disconnect-graphic{--roof-height:250px;padding:284px 106px 168px}
.disconnect-graphic:before{top:calc(var(--roof-height) - 1px)}
.disconnect-graphic:after{height:var(--roof-height);background:transparent url('cathedral-roof.svg') center bottom/100% 100% no-repeat;clip-path:none}
.cathedral-details{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cathedral-window{position:absolute;width:62px;height:151px;top:calc(50% + 12px);background:url('cathedral-window.svg') center/contain no-repeat}
.cathedral-window-left{left:20px}.cathedral-window-right{right:20px}
.cathedral-doors{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:110px;height:130px;border:3px solid #9fb58a;border-bottom:0;border-radius:55px 55px 0 0;background:linear-gradient(90deg,transparent 48.5%,#9fb58a 48.5%,#9fb58a 51.5%,transparent 51.5%),repeating-linear-gradient(90deg,#203e2b 0,#203e2b 12px,#39523a 13px,#203e2b 14px)}
.cathedral-doors:before,.cathedral-doors:after{content:'';position:absolute;top:78px;width:5px;height:12px;border-radius:3px;background:#d1b174}.cathedral-doors:before{left:39px}.cathedral-doors:after{right:39px}
.why-hero .disconnect-graphic h1{font-size:clamp(44px,6.6vw,76px)}
@media(max-width:760px){.disconnect-graphic{--roof-height:150px;padding:178px 24px 156px}.cathedral-window{top:auto;bottom:23px;width:39px;height:95px}.cathedral-window-left{left:28px}.cathedral-window-right{right:28px}.cathedral-doors{height:114px;width:86px;border-radius:43px 43px 0 0}.cathedral-doors:before{left:28px;top:65px}.cathedral-doors:after{right:28px;top:65px}.why-hero .disconnect-graphic h1{font-size:clamp(40px,10.5vw,70px)}}
@media print{.disconnect-graphic{padding:25px 15px}.cathedral-details{display:none}}

/* Compact, quiet architecture behind dominant live typography. */
.disconnect-graphic{padding:34px 30px;max-width:860px;color:#23362e;margin-top:25px;margin-bottom:28px}
.disconnect-graphic:before{inset:0;background:#f0f1ec;border-radius:6px}
.disconnect-graphic:after{inset:0;height:auto;background:transparent url('cathedral-grayscale.png') center 43%/cover no-repeat;clip-path:none;border-radius:6px;filter:grayscale(1);opacity:.17}
.disconnect-graphic .connection-statement{color:#23362e;font-size:clamp(16px,2vw,20px);max-width:760px}
.why-hero .disconnect-graphic h1{color:#23362e;font-size:clamp(44px,6.7vw,70px);line-height:1.02;margin:24px 0}
.disconnect-graphic h1 em{color:#3f624b}
.disconnect-graphic .connection-branch{margin-top:12px;padding-bottom:17px;border-color:#84947c}
.disconnect-graphic .connection-branch span{width:9px;height:9px;background:#647e60;border-color:#647e60}
.disconnect-graphic .connection-branch span:after{left:3px;top:8px;height:17px;border-color:#84947c}
.disconnect-graphic .connection-branch:after{height:14px;border-color:#84947c}
.disconnect-graphic .connection-branch-bottom{margin-top:0;margin-bottom:12px}
@media(max-width:760px){.disconnect-graphic{padding:28px 18px}.disconnect-graphic .connection-statement{font-size:16px;max-width:430px}.why-hero .disconnect-graphic h1{font-size:clamp(40px,10vw,62px);margin:22px 0}.disconnect-graphic:after{background-position:center center;opacity:.14}}
@media print{.disconnect-graphic{padding:20px}.disconnect-graphic:before,.disconnect-graphic:after{display:none}}
.disconnect-graphic h1 em{color:#365740}

/* Keep the full facade and cross visible instead of cropping the image. */
.disconnect-graphic{margin-top:0;padding-top:46px}
.disconnect-graphic:after{background-size:contain;background-position:center center;background-repeat:no-repeat}
.disconnect-graphic .connection-statement{font-size:clamp(20px,2.55vw,26px);line-height:1.4;font-weight:500}
@media(max-width:760px){.disconnect-graphic{padding-top:40px}.disconnect-graphic .connection-statement{font-size:clamp(19px,4.8vw,23px)}.disconnect-graphic:after{background-size:contain;background-position:center center}}

.hero-mission-block{max-width:860px;text-align:center}
.why-hero .hero-mission-block .intro,.hero-mission-block .mission-outcomes{margin-left:auto;margin-right:auto}

.hero-mission-block .mission-line{display:block}
.why-hero .hero-mission-block .intro{text-wrap:balance}
@media(max-width:600px){.hero-mission-block .mission-line{display:inline}}

.demo-invitation .invitation-aside span{display:block}
@media(max-width:760px){.demo-invitation .invitation-aside{display:block;border-left:0;border-top:1px solid #6a7a6b;padding:22px 0 0;margin:0;font-size:22px}}
