:root{--bg:#fff;--surface:#f4f4f4;--surface-strong:#e8e8e8;--ink:#111;--muted:#595959;--accent:#1a4be0;--accent-ink:#fff;--field-1:#111;--field-1-ink:#fff;--field-1-muted:#b5b5b5;--font-display:"Libre Franklin", -apple-system, BlinkMacSystemFont, sans-serif;--font-text:"Source Serif 4", Georgia, serif;--size-1:15px;--size-2:18px;--size-3:24px;--size-4:40px;--size-5:68px;--step-small:var(--size-1);--step-body:var(--size-2);--step-lead:var(--size-3);--step-subhead:var(--size-4);--step-head:var(--size-5);--page-margin:24px;--section-gap:112px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}@media (max-width:1024px){:root{--size-1:15px;--size-2:18px;--size-3:22px;--size-4:34px;--size-5:54px;--page-margin:20px;--section-gap:88px}}@media (max-width:767px){:root{--size-1:15px;--size-2:17px;--size-3:20px;--size-4:28px;--size-5:44px;--page-margin:16px;--section-gap:72px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;accent-color:var(--accent);font-size:16px;line-height:1.55}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--size-2);font-variant-numeric:tabular-nums;line-height:1.55;overflow-x:hidden}::selection{background-color:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;transition:color .2s var(--ease-out-expo), background-color .2s var(--ease-out-expo), transform .2s var(--ease-out-expo);text-decoration:none}img,video{filter:grayscale()contrast(1.06);max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.035em;color:inherit;text-wrap:balance;font-weight:700;line-height:.96}p,li,blockquote{font-family:var(--font-text);font-size:var(--size-2);line-height:1.58}.body-copy{font-family:var(--font-text);font-size:var(--size-2);color:var(--ink);line-height:1.58}.small-copy{font-family:var(--font-text);font-size:var(--size-1);color:var(--muted);line-height:1.5}.board-header{padding:var(--page-margin) var(--page-margin) 0;background-color:var(--bg)}.board-shell{padding:8px var(--page-margin) var(--page-margin);background-color:var(--bg);flex-direction:column;gap:8px;min-height:calc(100svh - 84px);display:flex}.board-top-bar{grid-template-columns:60px 1fr auto;gap:8px;min-height:60px;display:grid}.tile-logo{background-color:var(--ink);color:var(--field-1-ink);justify-content:center;align-items:center;display:flex}.tile-logo:hover{background-color:var(--accent)}.tile-nav{background-color:var(--surface);color:var(--ink);font-family:var(--font-display);font-size:var(--size-1);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 28px;padding:12px 24px;font-weight:700;display:flex}.tile-nav a:hover{color:var(--accent)}.tile-action{background-color:var(--ink);color:var(--field-1-ink);font-family:var(--font-display);font-size:var(--size-1);justify-content:center;align-items:center;padding:12px 24px;font-weight:700;display:inline-flex}.tile-action:hover{background-color:var(--accent);color:var(--accent-ink)}.board-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;min-height:calc(100svh - 108px);display:grid}.tile-name{background-color:var(--surface);color:var(--ink);flex-direction:column;justify-content:space-between;gap:24px;padding:28px;display:flex}.tile-name-deck{font-family:var(--font-text);font-size:var(--size-3);color:var(--ink);max-width:34ch;line-height:1.35}.hero-h1{font-family:var(--font-display);font-weight:700;font-size:var(--size-5);letter-spacing:-.045em;color:var(--ink);max-width:12ch;line-height:.92}.tile-photo{background-color:var(--surface-strong);min-height:280px;position:relative;overflow:hidden}.tile-photo img,.tile-photo video{object-fit:cover;width:100%;height:100%}.shutter-reveal{clip-path:inset(0);animation:shutterOpen 1.1s var(--ease-out-expo) both}.shutter-reveal img,.shutter-reveal video{animation:shutterScale 1.25s var(--ease-out-expo) both}@keyframes shutterOpen{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes shutterScale{0%{transform:scale(1.12)}to{transform:scale(1)}}.tile-split-statements{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile-statement-dark{background-color:var(--field-1);color:var(--field-1-ink);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.tile-statement-accent{background-color:var(--accent);color:var(--accent-ink);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.statement-text{font-family:var(--font-text);font-size:var(--size-3);line-height:1.35}.statement-link{font-family:var(--font-display);font-size:var(--size-1);align-items:center;gap:8px;margin-top:24px;font-weight:700;display:inline-flex}.statement-link:hover{transform:translate(4px)}.section-showcase{padding:var(--section-gap) var(--page-margin);background-color:var(--bg);grid-template-columns:1fr 1fr;align-items:stretch;gap:48px;display:grid}.showcase-left{background-color:var(--surface);flex-direction:column;justify-content:space-between;padding:36px;display:flex}.showcase-plate-image{aspect-ratio:16/10;background-color:var(--surface-strong);margin-bottom:28px;position:relative;overflow:hidden}.showcase-plate-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out-expo)}.showcase-plate-image:hover img{transform:scale(1.04)}.showcase-right{flex-direction:column;justify-content:space-between;gap:32px;display:flex}.comparator-tabs{flex-wrap:wrap;gap:10px;display:flex}.tab-btn{appearance:none;background-color:var(--surface);color:var(--ink);font-family:var(--font-display);font-size:var(--size-1);cursor:pointer;transition:background-color .2s var(--ease-out-expo), color .2s var(--ease-out-expo), transform .15s var(--ease-out-expo);border:none;padding:12px 18px;font-weight:700}.tab-btn:hover{background-color:var(--surface-strong)}.tab-btn[aria-pressed=true],.tab-btn.active{background-color:var(--ink);color:var(--field-1-ink)}.tab-btn-accent[aria-pressed=true],.tab-btn-accent.active{background-color:var(--accent);color:var(--accent-ink)}.showcase-title{font-size:var(--size-4);max-width:18ch;line-height:1.02}.verse-box{background-color:var(--surface);flex-direction:column;gap:16px;padding:28px;display:flex}.verse-box-active{background-color:var(--ink);color:var(--field-1-ink);flex-direction:column;gap:16px;padding:28px;display:flex}.verse-quote{font-family:var(--font-text);font-size:var(--size-3);font-style:italic;line-height:1.45}.verse-meta-row{font-family:var(--font-display);font-size:var(--size-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-weight:700;display:flex}.youversion-pill{background-color:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:var(--size-1);align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex}.youversion-pill:hover{background-color:var(--ink);color:var(--field-1-ink)}.showcase-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-cell-primary{background-color:var(--ink);color:var(--field-1-ink);min-height:68px;font-family:var(--font-display);font-size:var(--size-1);justify-content:space-between;align-items:center;padding:16px 24px;font-weight:700;display:flex}.action-cell-primary:hover{background-color:var(--accent);color:var(--accent-ink)}.action-cell-secondary{background-color:var(--surface);color:var(--ink);min-height:68px;font-family:var(--font-display);font-size:var(--size-1);justify-content:space-between;align-items:center;padding:16px 24px;font-weight:700;display:flex}.action-cell-secondary:hover{background-color:var(--surface-strong)}.section-pinned{background-color:var(--surface);color:var(--ink);padding:var(--section-gap) var(--page-margin)}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.pinned-col-left{grid-column:1/6}.pinned-sticky-head{flex-direction:column;gap:24px;display:flex;position:sticky;top:32px}.pinned-h2{font-size:var(--size-5);letter-spacing:-.04em;max-width:10ch;line-height:.94}.pinned-lead{font-size:var(--size-3);color:var(--muted);max-width:32ch;line-height:1.4}.pinned-col-right{flex-direction:column;grid-column:7/13;gap:88px;display:flex}.feature-block{flex-direction:column;gap:24px;display:flex}.feature-block-title{font-size:var(--size-3);max-width:22ch;line-height:1.05}.feature-row{grid-template-columns:200px 1fr;align-items:start;gap:28px;display:grid}.feature-row.reverse{grid-template-columns:1fr 200px}.feature-photo{aspect-ratio:3/4;background-color:var(--surface-strong);width:100%;overflow:hidden}.feature-photo img{object-fit:cover;width:100%;height:100%}.feature-list{flex-direction:column;gap:14px;list-style:none;display:flex}.feature-list li{font-size:var(--size-2);color:var(--ink);line-height:1.48}.feature-list a{font-family:var(--font-display);font-size:var(--size-1);color:var(--accent);margin-top:6px;font-weight:700;display:inline-block}.feature-list a:hover{transform:translate(4px)}.section-staircase{background-color:var(--bg);color:var(--ink);padding:var(--section-gap) var(--page-margin)}.staircase-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 24px;display:grid}.stair-step-1{grid-column:1/11}.stair-step-2{grid-column:3/12}.stair-step-3{grid-column:5/13}.stair-step-4{grid-column:7/13}.stair-heading{font-family:var(--font-display);font-weight:700;font-size:var(--size-4);letter-spacing:-.035em;max-width:18ch;line-height:.98}.stair-heading-accent{color:var(--accent)}.stair-desc{font-size:var(--size-2);color:var(--muted);max-width:36ch;margin-top:14px}.section-faq{background-color:var(--surface);color:var(--ink);padding:var(--section-gap) var(--page-margin)}.faq-rows{flex-direction:column;gap:72px;display:flex}.faq-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;gap:24px;display:grid}.faq-section-title{font-size:var(--size-4);color:var(--muted);grid-column:1/7;line-height:1.05}.faq-section-intro{font-size:var(--size-2);color:var(--muted);grid-column:8/13;max-width:42ch}.faq-question{font-size:var(--size-3);grid-column:1/7;max-width:22ch;line-height:1.08}.faq-answer-col{flex-direction:column;grid-column:8/13;gap:14px;max-width:44ch;display:flex}.faq-answer-link{font-family:var(--font-display);font-size:var(--size-1);color:var(--accent);font-weight:700}.faq-answer-link:hover{transform:translate(4px)}.section-cta-inverted{background-color:var(--field-1);color:var(--field-1-ink);padding:96px var(--page-margin);flex-direction:column;gap:48px;display:flex}.cta-headline{font-size:var(--size-5);letter-spacing:-.045em;max-width:11ch;line-height:.92}.cta-bottom-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;display:grid}.cta-support-text{font-size:var(--size-3);color:var(--field-1-muted);grid-column:1/7;max-width:38ch;line-height:1.4}.cta-button-wrap{grid-column:9/13;justify-content:flex-end;display:flex}.cta-accent-btn{background-color:var(--accent);color:var(--accent-ink);min-height:58px;font-family:var(--font-display);font-size:var(--size-1);justify-content:center;align-items:center;width:100%;padding:0 32px;font-weight:700;display:inline-flex}.cta-accent-btn:hover{background-color:var(--bg);color:var(--ink)}.site-footer{background-color:var(--field-1);color:var(--field-1-ink);padding:72px var(--page-margin) 36px;flex-direction:column;gap:56px;display:flex}.footer-cols{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.footer-col{flex-direction:column;grid-column:span 3;gap:10px;display:flex}.footer-col-title{font-family:var(--font-display);font-size:var(--size-1);color:var(--field-1-ink);margin-bottom:4px;font-weight:700}.footer-col a,.footer-col p:not(.footer-col-title){font-family:var(--font-text);font-size:var(--size-1);color:var(--field-1-muted);line-height:1.45}.footer-col a:hover{color:var(--field-1-ink)}.footer-wordmark-wrap{flex-direction:column;gap:16px;display:flex}.footer-wordmark-display{font-family:var(--font-display);font-weight:700;font-size:var(--size-5);letter-spacing:-.045em;color:var(--field-1-ink);line-height:.9}.footer-legal-row{font-family:var(--font-text);font-size:var(--size-1);color:var(--field-1-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.editorial-page{background-color:var(--bg);color:var(--ink);min-height:100svh}.editorial-container{padding:64px var(--page-margin) var(--section-gap);grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.editorial-sidebar{flex-direction:column;grid-column:1/5;gap:24px;display:flex}.editorial-main{flex-direction:column;grid-column:5/13;gap:48px;display:flex}.direct-answer-panel{background-color:var(--surface);flex-direction:column;gap:16px;padding:32px;display:flex}.study-step-panel{background-color:var(--surface);flex-direction:column;gap:20px;padding:36px;display:flex}.reveal-item{opacity:1;transition:opacity .65s var(--ease-out-expo), transform .65s var(--ease-out-expo);transform:translateY(0)}html.js-motion .reveal-item.is-pending{opacity:0;transform:translateY(24px)}html.js-motion .reveal-item.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.js-motion .reveal-item.is-pending{opacity:1!important;transform:none!important}}@media (max-width:1024px){.board-grid{grid-template-rows:auto;grid-template-columns:1fr}.section-showcase{grid-template-columns:1fr}.pinned-col-left{grid-column:1/13}.pinned-sticky-head{margin-bottom:48px;position:static}.pinned-col-right{grid-column:1/13;gap:64px}.editorial-sidebar,.editorial-main{grid-column:1/13}}@media (max-width:767px){.board-top-bar{grid-template-columns:52px 1fr}.tile-action{grid-column:1/-1;min-height:48px}.tile-nav{justify-content:flex-start;gap:10px 16px;padding:12px 16px}.tile-split-statements,.showcase-actions,.feature-row,.feature-row.reverse{grid-template-columns:1fr}.feature-photo{aspect-ratio:4/3}.stair-step-1,.stair-step-2,.stair-step-3,.stair-step-4{grid-column:1/13}.stair-step-2{padding-left:6vw}.stair-step-3{padding-left:12vw}.stair-step-4{padding-left:18vw}.faq-section-title,.faq-section-intro,.faq-question,.faq-answer-col,.cta-support-text,.cta-button-wrap{grid-column:1/13}.footer-col{grid-column:span 6}}
