:root{--header-gradient:radial-gradient(ellipse at 50% 44%,#fafbf6 0,rgba(250,251,246,.78) 19%,transparent 65%),radial-gradient(ellipse at 0% 100%,#43b6a7 0,#5bd9a4 20%,transparent 63%),radial-gradient(ellipse at 100% 100%,#c9e3ae 0,transparent 60%),radial-gradient(ellipse at 92% 0%,#bbdaf4 0,transparent 61%),linear-gradient(180deg,#c4ddf6 0,#e8f2f5 46%,#edf4e8 65%,#a5dfc6 100%)}
@font-face{font-family:Geist;src:url('assets/geist-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#20372d;--green:#326a4d;--stone:#f1f0ea;--sage:#d9e8c7;--mint:#d4e9e2;--sky:#d5e6f1;--lilac:#e7e1f1;--line:#20372d14;--shadow:0 20px 40px -18px #263c4433,0 2px 6px #263c4408;--float:0 30px 65px -22px #263c4440;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.4 Geist,Arial,sans-serif;font-feature-settings:'ss08' 1;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500;letter-spacing:-.045em}button,input{font:inherit;color:inherit;font-feature-settings:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{transition:background .25s,box-shadow .25s,transform .4s var(--ease)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #809bbc;outline-offset:4px}button:disabled{cursor:default}img{display:block;max-width:100%}a{color:inherit}.icon{width:22px;height:22px;flex-shrink:0}.micro{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#7e8d83}.tiny{font-size:10px}.tithely-logo{display:block;overflow:visible;width:100%;height:auto}
.masthead{position:fixed;z-index:60;left:32px;right:32px;top:18px;max-width:1344px;margin:auto;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#fffffff0;border:1px solid #ffffffd9;box-shadow:0 8px 28px #233f3210;backdrop-filter:blur(24px);border-radius:18px;opacity:0;transform:translateY(-96px);pointer-events:none;transition:box-shadow .35s,background .35s}.ready .masthead{animation:nav-arrive .8s 1.85s var(--ease) both}.ready.interior-entry .masthead{animation-delay:.1s}@keyframes nav-arrive{from{opacity:0;transform:translateY(-96px);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:auto}}.scrolled .masthead{background:#fffffff5;box-shadow:0 12px 35px #233f3216}.home-logo{width:119px;display:block}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions button{height:44px;border-radius:12px;font-size:14px;padding:0 20px;display:flex;align-items:center;gap:14px}#present-toggle{border:1px solid transparent;background:transparent;box-shadow:none}#present-toggle:hover,#present-toggle:focus-visible{background:var(--stone)}.menu-icon{width:18px;height:18px;position:relative}.menu-icon i{display:block;position:absolute;left:0;width:18px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),top .4s}.menu-icon i:first-child{top:5px}.menu-icon i:last-child{top:12px}.menu-open .menu-icon i:first-child{top:9px;transform:rotate(45deg)}.menu-open .menu-icon i:last-child{top:9px;transform:rotate(-45deg)}body.menu-open{overflow:hidden}#menu-backdrop{position:fixed;inset:0;background:#20372d0d;backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;transition:opacity .4s}#board-index{position:absolute;right:0;top:86px;width:380px;max-width:calc(100vw - 64px);max-height:calc(100vh - 132px);overflow:auto;z-index:55;border:1px solid #e9ede5;border-radius:20px;background:#fff;box-shadow:0 20px 65px -15px #20372d30;padding:20px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top right;transition:opacity .25s,transform .4s var(--ease),visibility .25s}.menu-open #board-index{opacity:1;visibility:visible;transform:none}.menu-open #menu-backdrop{opacity:1;pointer-events:auto}.index-heading{display:flex;align-items:center;justify-content:space-between;font-size:21px;font-weight:450;letter-spacing:-.035em;padding:0 10px 16px;margin-bottom:8px;border-bottom:1px solid #edf0e9}.index-heading>span{font-size:10px;font-weight:400;color:#97a18f;letter-spacing:0}.index-list{display:flex;flex-direction:column;gap:2px}#board-index a{display:flex;gap:13px;align-items:center;min-height:36px;font-size:16px;letter-spacing:-.025em;text-decoration:none;border-radius:9px;padding:7px 10px;opacity:0;transform:translateY(7px);transition:background .2s,color .2s,opacity .3s,transform .35s var(--ease)}.menu-open #board-index a{opacity:1;transform:none;transition:opacity .35s var(--ease),transform .35s var(--ease),background .2s,color .2s;transition-delay:var(--menu-delay,0s),var(--menu-delay,0s),0s,0s}#board-index a:hover,#board-index a:focus-visible{background:#f1f0ea;color:#24523d}#board-index a>span:first-child{font-size:9px;color:#a0aa98;letter-spacing:0;min-width:17px;transition:color .2s}#board-index a:hover>span:first-child{color:#73915e}#board-index a>span:last-child{margin-left:auto;font-size:16px;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .3s var(--ease)}#board-index a:hover>span:last-child,#board-index a:focus-visible>span:last-child{opacity:1;transform:none}
.arrival-background{position:fixed;inset:-10%;z-index:-1;background:radial-gradient(ellipse at 18% 40%,#eef1d680 0,transparent 46%),radial-gradient(ellipse at 65% 13%,#e5def2b3 0,transparent 53%),radial-gradient(ellipse at 90% 62%,#d6eee3b3 0,transparent 50%),linear-gradient(130deg,#f8faf5,#e9f3f7);animation:atmosphere 24s ease-in-out infinite alternate;will-change:transform}.arrival-background:before{content:'';position:absolute;inset:20%;border-radius:50%;background:#ffffff95;filter:blur(85px);animation:light-drift 18s ease-in-out infinite alternate}.arrival{height:100vh;min-height:700px;display:grid;place-items:center;text-align:center;position:relative}.arrival-content{opacity:var(--hero-opacity,1);transform:translateY(var(--hero-offset,0px));margin-top:-35px}#arrival-logo{width:222px;margin:0 auto 38px;opacity:0}.arrival h1{font-size:clamp(100px,10vw,158px);font-weight:420;line-height:1;letter-spacing:-.065em;opacity:0}.arrival p{font-size:20px;margin-top:30px;letter-spacing:-.025em;opacity:0}.ready #arrival-logo{animation:arrive 1s .15s both}.ready .arrival h1{animation:arrive 1.1s .65s both}.ready .arrival p{animation:arrive .9s 1.15s both}.left-leaf{transform-box:fill-box;transform-origin:100% 90%}.ready #arrival-logo .left-leaf{animation:leaf-wave 1.7s 1s 2}.scroll-invitation{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);border:0;background:transparent;font-size:12px;display:flex;align-items:center;gap:10px;padding:6px 0}.scroll-invitation .down-arrow{display:block;flex-shrink:0;width:20px;height:20px;color:var(--ink)}
main{background:#fff;padding:28px 48px 20px}.board-shell{position:relative;max-width:1360px;margin:0 auto 125px;height:calc(760px * var(--board-scale,1))}.board-stage{width:1280px;height:760px;padding:20px 20px 40px;transform:scale(var(--board-scale,1));transform-origin:top left}.board-head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:16px}.board-title{display:flex;align-items:baseline;gap:18px;max-width:765px}.board-title>span{font-size:10px;color:#9eaa9f}.board-head h2{font-size:29px;font-weight:450;line-height:1.1;letter-spacing:-.05em}.board-head p{font-size:12px;line-height:1.5;color:#839087;max-width:335px}.collage{height:600px;position:relative}.cell{border-radius:27px;position:relative;overflow:hidden;background:#f8f9f5;border:1px solid #eef1e8}.airy-field{background:radial-gradient(ellipse at 14% 65%,#ecf0d9,transparent 60%),radial-gradient(ellipse at 82% 20%,#e2dff2,transparent 52%),radial-gradient(ellipse at 85% 95%,#c9e4dd,transparent 64%),#f7faf4}.mint-field{background:radial-gradient(ellipse at 10% 10%,#f6f8e9,transparent 65%),linear-gradient(160deg,#edf7f0,#c6e5dd 72%,#deedf0)}.sky-field{background:radial-gradient(ellipse at 5% 8%,#f4f9f8,transparent 50%),linear-gradient(150deg,#ecf4fb,#c7e2ed 65%,#e4e5f7)}.meadow-field{background:radial-gradient(ellipse at 25% 20%,#f8f9ec,transparent 60%),linear-gradient(150deg,#e7efd8,#cbe1b5)}.soft-lilac{background:#efedf7}.cutout{position:absolute;object-fit:contain;object-position:bottom;width:100%;height:100%;bottom:0}.rays{position:absolute;inset:0;width:100%;height:100%;color:#5c91a74a;pointer-events:none}.rays circle{animation:signal-breathe 5s ease-in-out infinite alternate}.rays circle:nth-child(4n){animation-delay:-2s}.rays circle:nth-child(4n+1){animation-delay:-3s}
.fruit-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--green);background:var(--green);color:white;border-radius:13px;padding:14px 21px;font-size:13px;min-height:44px;box-shadow:0 4px 8px #20372d08}.fruit-button:hover{background:#24523d;box-shadow:0 7px 15px #20372d18}.fruit-button.outline{border-color:#20372d27;background:transparent;color:var(--ink);box-shadow:none}.fruit-button.white{border-color:#fff;background:white;color:var(--ink)}.fruit-button>span{font-size:18px}.arrow-pill{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:19px;padding:7px 7px 7px 17px;min-height:38px;font-size:12px;background:#e8efde}.arrow-disc{position:relative;overflow:hidden;display:inline-block;width:27px;height:27px;border-radius:50%;background:#cdddbb;flex-shrink:0;transition:transform .35s var(--ease),background .3s}.arrow-disc>span{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;transition:transform .65s cubic-bezier(.2,.9,.25,1.1)}.arrow-disc>span:nth-child(2){left:-100%;right:100%}.arrow-pill:hover .arrow-disc>span,.arrow-pill:focus-visible .arrow-disc>span,.option-title:hover .arrow-disc>span,.story-controls button:hover .arrow-disc>span{transform:translateX(100%)}.arrow-pill:hover .arrow-disc,.option-title:hover .arrow-disc{transform:scale(1.1)}.arrow-pill.sky{background:#e6eef5}.sky .arrow-disc{background:#cbdfea}.arrow-pill.lilac{background:#eae6f2}.lilac .arrow-disc{background:#d6cde5}.arrow-pill.dark{background:var(--ink);color:white}.dark .arrow-disc{background:#ffffff26}.circle-button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:var(--green);color:white}.answer-field{display:flex;align-items:center;gap:10px;padding:8px;background:white;border-radius:999px;border:1px solid #e4e9df;box-shadow:var(--shadow)}.answer-field input{background:transparent;border:0;outline:none;padding:0 10px;font-size:12px;width:100%}
.type-board{display:grid;grid-template-columns:1.13fr .93fr .9fr;grid-template-rows:350px 234px;gap:16px}.type-poster{grid-row:1/3;padding:31px;background:#f1f0ea;display:flex;flex-direction:column;justify-content:space-between}.type-poster h3{font-size:75px;font-weight:420;line-height:1.02;letter-spacing:-.06em}.type-reveal>span{display:block;width:fit-content;padding:0 .12em .08em 0;margin-bottom:-.08em;background:linear-gradient(90deg,var(--ink) calc(var(--type-fill,-24px) - 24px),#a5a7b2 calc(var(--type-fill,-24px) + 24px));background-clip:text;-webkit-background-clip:text;color:transparent}.type-alphabet{font-size:18px;line-height:1.75;letter-spacing:.015em}.type-alphabet>span{display:block;white-space:nowrap}.type-alphabet>span:last-child{font-size:16px;letter-spacing:.02em;margin-top:7px}.type-photo{grid-column:2/4}.type-photo .cutout{height:96%;width:55%;left:44%;z-index:2}.portrait-ripple{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#649b8c30;stroke-width:1.2;pointer-events:none}.portrait-ripple circle{transform-box:fill-box;transform-origin:center;animation:portrait-ripple 10s ease-in-out infinite alternate}.portrait-ripple circle:nth-child(2){animation-delay:-3s}.portrait-ripple circle:nth-child(3){animation-delay:-6s}.photo-type{position:absolute;left:29px;top:28px;font-size:35px;line-height:1.08;letter-spacing:-.045em;z-index:3;font-weight:450}.donation-card{position:absolute;left:28px;bottom:27px;width:256px;z-index:4;padding:20px;background:#ffffffed;border:1px solid white;border-radius:20px;box-shadow:0 17px 35px -15px #345f6140;backdrop-filter:blur(14px)}.donation-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#708978}.donation-top small{font-size:8px;color:#9aac9c}.donation-metric{display:flex;align-items:center;gap:12px;margin:14px 0 17px}.donation-amount{font-size:33px;line-height:1;letter-spacing:-.055em;font-weight:450;font-variant-numeric:tabular-nums;min-width:111px}.donation-metric .chart{width:91px;height:39px;flex-shrink:0}.donation-metric .chart-area{opacity:.09}.donation-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #e6ede4;padding-top:12px;font-size:10px;color:#8b9d8a}.donation-check{width:21px;height:21px;border-radius:50%;background:#edf4e7;color:#6d9460;display:grid;place-items:center}.donation-check .icon{width:12px;height:12px}.type-variable{padding:26px;background:#fcfdfb;display:flex;flex-direction:column;justify-content:space-between;border:0}.type-variable>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.variable-range{font-size:10px;color:#8c998e}.variable-word{font-size:51px;line-height:1.1;letter-spacing:-.06em;font-weight:400;transition:font-weight .55s var(--ease)}.weight-selector{display:grid;grid-template-columns:repeat(5,1fr);padding:4px;position:relative;border-radius:999px;height:35px;isolation:isolate;transition:background .3s}.type-variable:hover .weight-selector,.type-variable:focus-within .weight-selector{background:#f1f0ea}.weight-selector button{position:relative;z-index:2;border:0;background:transparent;font-size:10.5px;padding:0 3px;color:#8d998b;border-radius:999px;white-space:nowrap;transition:color .3s}.weight-selector button[aria-pressed=true]{color:#20372d}.weight-indicator{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/5);background:white;border-radius:999px;box-shadow:0 2px 6px #20372d0d;transform:translateX(100%);opacity:0;transition:transform .45s var(--ease),opacity .25s;z-index:1}.type-variable:hover .weight-indicator,.type-variable:focus-within .weight-indicator{opacity:1}.type-aa{padding:26px;background:#20372d;color:white;border-color:#20372d;display:flex;flex-direction:column;justify-content:space-between}.type-aa .micro{color:#a7bca9}.type-aa>div{font-size:139px;line-height:.93;letter-spacing:-.07em;font-weight:400}.type-aa>span:last-child{font-size:10px;color:#a7bca9}@keyframes portrait-ripple{from{opacity:.45;transform:scale(.98)}to{opacity:.85;transform:scale(1.025)}}
@keyframes atmosphere{from{transform:translate(-1%,-1%) scale(1)}to{transform:translate(2%,2%) scale(1.035)}}@keyframes light-drift{from{transform:translate(-20%,0) scale(1)}to{transform:translate(25%,20%) scale(1.2)}}@keyframes arrive{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes leaf-wave{0%,100%{transform:rotate(0)}20%{transform:rotate(-17deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-11deg)}80%{transform:rotate(4deg)}}@keyframes variable-weight{from{font-weight:300}to{font-weight:650}}@keyframes arch-light{from{opacity:.6}to{opacity:1}}@keyframes wave-drift{from{transform:translateY(-10px) scale(1.03)}to{transform:translateY(14px) scale(1.1)}}@keyframes signal-breathe{from{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-9px)}}@keyframes grow-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes chart-draw{0%,10%{stroke-dashoffset:400}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:400}}@keyframes check-breathe{0%,10%,100%{opacity:.4}30%,80%{opacity:1}}@keyframes receipt-glow{0%,100%{box-shadow:var(--shadow)}50%{box-shadow:0 22px 45px -16px #477c6c38}}@keyframes flow-travel{to{stroke-dashoffset:-180}}@keyframes flow-breathe{0%,100%{box-shadow:var(--shadow);border-color:#e7ecdf}40%{box-shadow:0 20px 40px -14px #5f8a4938;border-color:#bdd2aa}}@keyframes screen-reveal{from{opacity:0;clip-path:inset(10% 0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:none}}
.board-shell:not(.in-view) *{animation-play-state:paused!important}.board-shell.seen .type-reveal>span{opacity:1}.end-note{display:flex;align-items:center;justify-content:flex-end;padding:0 68px 40px;gap:25px;color:#93a08e;font-size:10px}.end-note button{border:0;background:transparent;color:inherit;font-size:10px;padding:0}.end-note a{text-decoration:none}.present-controls{display:none}.presenting .arrival,.presenting .end-note{display:none}.presenting .arrival-background{opacity:0!important}.presenting main{padding:0}.presenting .board-shell{display:none;position:fixed;left:50%;top:109px;transform:translateX(-50%);margin:0}.presenting .board-shell.current{display:block}.present-controls button{border:0;color:inherit;background:transparent;border-radius:50%;font-size:16px;padding:6px 9px}.presenting .present-controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;color:white;background:#20372def;backdrop-filter:blur(18px);padding:6px 12px;border-radius:999px;z-index:40;font-size:10px;box-shadow:var(--shadow)}.present-controls button:hover{background:#ffffff15}.present-controls button:disabled{opacity:.3}.present-controls button:last-child{font-size:10px;border-radius:99px}.present-controls kbd{font-size:8px;opacity:.5;margin-left:6px;font-family:inherit}
dialog{border:1px solid white;border-radius:26px;box-shadow:0 50px 130px #20372d35;background:#fcfdf9;padding:36px;color:var(--ink);width:620px;max-width:90vw}dialog::backdrop{background:#20372d70;backdrop-filter:blur(14px)}dialog h2{font-size:34px;margin-bottom:21px}dialog p{font-size:12px;color:#81917c;line-height:1.6;margin:15px 0}dialog a{font-size:11px}.dialog-close{position:absolute;top:15px;right:17px;width:33px;height:33px;border:0;background:#eaf0e3;border-radius:50%;font-size:23px}#screen-dialog{width:auto;padding:24px}#screen-dialog img{max-height:78vh;max-width:85vw;border-radius:12px}#journey-dialog{width:850px;padding:32px}#journey-dialog h2{margin:12px 0 20px}.journey-frame{border:1px solid white;border-radius:22px;height:400px;display:grid;place-items:center;padding:25px}.journey-frame img{max-height:350px;max-width:100%;border-radius:10px;box-shadow:var(--shadow)}.journey-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.journey-bottom h3{font-size:21px}.journey-bottom>div{display:flex;align-items:center;gap:15px;font-size:11px}.journey-bottom button{width:36px;height:36px;border-radius:50%;border:0;background:#e8eedf}.journey-bottom button:disabled{opacity:.35}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);border-radius:999px;background:#20372df0;backdrop-filter:blur(15px);padding:12px 20px;color:white;font-size:12px;opacity:0;pointer-events:none;z-index:80;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ready #arrival-logo,.ready .arrival h1,.ready .arrival p{opacity:1;transform:none}.chart-line{stroke-dashoffset:0!important}.type-reveal>span{opacity:1;transform:none;filter:none}.signal-pattern circle{display:none}}
@media print{@page{size:A3 landscape;margin:5mm}.masthead,.arrival,.end-note,.present-controls,.arrival-background,#board-index,#menu-backdrop{display:none!important}main{padding:0!important}.board-shell,.presenting .board-shell{display:block!important;position:relative!important;left:auto;top:auto;transform:none;margin:0;width:1280px;height:760px;break-after:page}.board-stage{transform:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.board-shell *{animation:none!important}.chart-line{stroke-dashoffset:0!important}.form-scene .option-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.ready .masthead{opacity:1;transform:none;pointer-events:auto}}
/* Moodboard foundations */
:root{--ink:#212a4a;--green:#5bd9a4;--stone:#f3f1eb;--sage:#dfeacf;--mint:#bfe7dd;--sky:#d6e9f7;--lilac:#dcd5f2;--shadow:0 12px 30px -12px #29454e26,0 1px 3px #29454e08;--float:0 24px 52px -18px #29454e3d}
.micro{color:#7c8589;text-transform:none;letter-spacing:0;font-size:12px}.board-head{align-items:center;height:75px;margin-bottom:23px}.board-title{max-width:700px}.board-head h2{font-size:31px;font-weight:500}.board-head p{font-size:12px;color:#87918e;max-width:350px}.board-stage{padding:20px}.board-shell{margin-bottom:95px}.cell{border:1px solid #e8eceb;border-radius:29px;background:#f5f4ef}.airy-field{background:radial-gradient(ellipse at 0% 95%,#84dcca70,transparent 65%),radial-gradient(ellipse at 84% 10%,#b7b5e2a6,transparent 60%),radial-gradient(ellipse at 9% 6%,#f1f3d7,transparent 50%),radial-gradient(ellipse at 90% 90%,#9cc7ec9c,transparent 65%),#eff5ef}.mint-field{background:radial-gradient(ellipse at 0% 0%,#fafbe9,transparent 55%),radial-gradient(ellipse at 100% 12%,#cdd6ed9e,transparent 70%),linear-gradient(148deg,#e7f7e9,#abe1cc 60%,#b9dbe9)}.sky-field{background:radial-gradient(ellipse at 12% 0%,#fbfbf0,transparent 50%),radial-gradient(ellipse at 92% 91%,#c4c3e8b0,transparent 55%),linear-gradient(160deg,#e3edf6,#a9d4e8 70%,#d5e6ef)}.lilac-field{background:radial-gradient(ellipse at 9% 0%,#faf9ef,transparent 60%),radial-gradient(ellipse at 100% 100%,#cde8e0a8,transparent 60%),linear-gradient(150deg,#ebe4f8,#cbc8eb)}.airy-field,.mint-field,.sky-field,.lilac-field{border:1px solid #fff;box-shadow:inset 0 0 0 1px #ffffff7a}.arrival-background{background:var(--header-gradient)}.arrival-background:before{inset:28%;background:#ffffff80;filter:blur(110px)}.arrival h1{font-weight:430}.arrival p{color:#58637b}
#present-toggle{color:var(--ink)}.index-heading{font-size:19px}.index-list{gap:4px}#board-index{width:330px;border-color:#edf0ee}#board-index a{font-size:17px;min-height:40px}#board-index a:hover{color:var(--ink)}#board-index a>span:first-child{font-size:16px;margin-left:auto;min-width:auto;color:inherit}.presenting .present-controls{background:#212a4aef}.present-controls #board-count{display:none}
/* Buttons: mint, ink, glass and softly toned arrow pills. */
/* Flat action system: medium labels, mint primary, quiet secondary, distinct eyebrow. */
:root{--action-mint:#86DEB7;--action-mint-hover:#9BE8C5;--action-ink:#285644}
.fruit-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;height:49px;min-height:49px;padding:6px 14px 6px 20px;border-radius:13px;border:1px solid transparent;background:var(--action-mint);color:var(--action-ink);box-shadow:none;transition:background .25s ease,color .25s ease,border-color .25s ease}
.fruit-button>span:first-child{font-size:13px;font-weight:500}.fruit-button .arrow-disc{width:30px;height:30px;background:transparent;border:0;box-shadow:none}.fruit-button .icon{width:20px;height:20px}
.fruit-button:hover,.fruit-button:active{background:var(--action-mint-hover);box-shadow:none;transform:none}.fruit-button:hover .arrow-disc>span,.fruit-button:focus-visible .arrow-disc>span{transform:translateX(100%)}.fruit-button .arrow-disc>span:nth-child(2){left:-100%;right:100%}
.mint-primary,.ink-button{background:var(--action-mint);color:var(--action-ink);border-color:transparent;box-shadow:none}.mint-primary:hover,.mint-primary.state-hover,.ink-button:hover{background:var(--action-mint-hover);color:var(--action-ink);border-color:transparent;box-shadow:none}
.fruit-button:focus-visible,.arrow-pill:focus-visible,.mint-primary.state-focus{outline:2px solid currentColor;outline-offset:4px}
.glass-button{background:transparent;border:1px solid #ffffffb3;color:#fff;box-shadow:none}.glass-button:hover{background:#fff;color:var(--action-ink);border-color:#fff}.soft-button{background:#F3F1EB;border-color:transparent;color:var(--action-ink);box-shadow:none}.soft-button:hover{background:#E7E5DD;border-color:transparent}
.large-action{height:58px;min-height:58px;min-width:0;padding-left:22px;border-radius:15px}.large-action>span:first-child{font-size:16px}.large-action .arrow-disc{width:34px;height:34px}
.arrow-pill{background:#C9F2DE;color:#17503F;border:0;border-radius:999px;padding:6px 6px 6px 19px;min-height:42px;font-size:12px;font-weight:500;gap:24px;box-shadow:none;transition:background .25s ease}.arrow-pill .arrow-disc{width:29px;height:29px;background:#9BE8C5;border:0}.arrow-disc>span{font-size:inherit;display:flex;align-items:center;justify-content:center}.arrow-disc .icon{width:18px;height:18px}.arrow-pill:hover{background:#B7EBD2;border-color:transparent;box-shadow:none}.arrow-pill:hover .arrow-disc{transform:scale(1.06);background:#83DDB6}.arrow-pill.sky{background:#D6E9F7;color:#345D7B}.arrow-pill.sky .arrow-disc{background:#BDD9ED;border:0}.arrow-pill.lilac{background:#DCD5F2;color:#5B4D80}.arrow-pill.lilac .arrow-disc{background:#C8BDE7;border:0}.glass-pill{background:#fff;color:var(--action-ink)}.glass-pill .arrow-disc{background:#F3F1EB}.glass-pill:hover{background:#F3F1EB}
.actions-board{display:grid;grid-template-columns:1.12fr 1fr 1fr;grid-template-rows:286px 298px;gap:16px}.action-hero{grid-row:1/3;padding:36px;display:flex;flex-direction:column;align-items:flex-start;background:#FFFFFF;border:1px solid #ECEEE9}.action-hero h3{font-size:56px;line-height:1.04;font-weight:450;margin:72px 0 20px}.action-hero>p{font-size:16px;line-height:1.5;color:#7B8781;margin:0 0 auto}.action-hero .action-proof{font-size:11px;font-weight:450;display:flex;align-items:center;gap:20px;margin-top:19px;color:#64776E;line-height:1.4}.action-proof .icon{width:15px;height:15px;stroke-width:2.25;color:#37AA7B;flex-shrink:0}.action-proof>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.action-dark,.action-stone{padding:28px;display:flex;flex-direction:column;justify-content:space-between}.action-stone{background:#FAFAF8;border:1px solid #ECEEE9}.action-dark{background:#212A4A;color:#fff;border-color:#212A4A}.action-dark .micro{color:#B8BFD0}.button-stack{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:auto 0;width:100%}.button-stack .fruit-button{width:auto;justify-content:flex-start}.action-stone .button-stack{gap:12px}.deep-ink-button{background:#212A4A;color:#FFFFFF}.deep-ink-button:hover{background:#35405F;color:#FFFFFF}.action-note{font-size:10px;color:#88958E}.action-dark .action-note{color:#B8BFD0}.eyebrow-study{grid-column:2/4;padding:30px 32px;background:#F8F9F6;display:flex;flex-direction:column;align-items:flex-start}.eyebrow-study .eyebrow-link{margin-top:32px;font-size:13px;min-height:42px}.eyebrow-study h3{font-size:38px;line-height:1.14;font-weight:450;letter-spacing:-.035em;color:#212A4A;margin-top:20px;background:linear-gradient(180deg,#212A4A 0%,#212A4A 16%,#65736F 57%,#B4BDB5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Typography */
.type-poster{background:#f3f1eb}.type-poster h3{font-size:76px;color:#212a4a}.type-aa{background:#212a4a;border-color:#212a4a}.type-aa .micro,.type-aa>span:last-child{color:#c1c7d8}.type-photo{border:7px solid #ffffff70;box-shadow:inset 0 0 0 1px #fff}.type-photo .cutout{height:99%;left:43%;width:58%}.photo-type{font-size:37px}.donation-card{background:#ffffffd9;border:1px solid #fff;box-shadow:var(--float);backdrop-filter:blur(20px);width:254px}.donation-amount{color:#212a4a}.gift-spark{display:flex;align-items:flex-end;gap:5px;height:34px;margin-left:auto}.gift-spark i{width:6px;border-radius:3px;background:#77cda6;height:9px}.gift-spark i:nth-child(2){height:15px}.gift-spark i:nth-child(3){height:12px}.gift-spark i:nth-child(4){height:21px}.gift-spark i:nth-child(5){height:26px}.gift-spark i:nth-child(6){height:24px}.gift-spark i:nth-child(7){height:32px}.type-variable{background:#f9faf7;border:0}.weight-selector button[aria-pressed=true]{color:#212a4a}.type-alphabet{font-size:18px}
/* Color */
.palette-board{display:grid;grid-template-columns:1.05fr .85fr .85fr;grid-template-rows:380px 136px 52px;gap:16px}.palette-hero{grid-row:1/3;padding:37px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.palette-logo{width:130px}.palette-hero h3{font-size:45px;line-height:1.06;z-index:2;margin:auto 0}.color-orbs{height:128px;position:relative}.color-orbs i{position:absolute;bottom:6px;width:119px;height:119px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#c3f4de,#5bd9a4 60%,#2fbe92);box-shadow:inset -2px -4px 12px #ffffff38,0 15px 24px -9px #215d6f36;border:1px solid #ffffff90}.color-orbs i:nth-child(2){left:88px;width:98px;height:98px;background:radial-gradient(circle at 30% 20%,#e5e6fa,#b7bce7 60%,#9bb0d6)}.color-orbs i:nth-child(3){left:160px;width:82px;height:82px;background:radial-gradient(circle at 30% 20%,#fffdf1,#e3ebce 60%,#c9d8b1)}.brand-swatch,.ink-swatch{text-align:left;padding:29px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-shadow:inset 0 1px 0 #ffffff55}.brand-swatch{background:#5bd9a4;border-color:#5bd9a4;color:#173f36}.ink-swatch{background:#212a4a;color:#fff;border-color:#212a4a}.brand-swatch>span,.ink-swatch>span{font-size:14px}.brand-swatch>strong,.ink-swatch>strong{font-size:22px;font-weight:400;letter-spacing:-.04em;order:3}.swatch-leaf{align-self:center}.swatch-leaf .product-icon{width:150px;height:150px}.ink-swatch>div{font-size:100px;line-height:1;align-self:center;font-weight:420;letter-spacing:-.07em}.palette-support{grid-column:2/4;display:flex;padding:14px;gap:10px;background:#fff;border:0}.palette-support>button{display:flex;flex:1;flex-direction:column;align-items:stretch;text-align:left;padding:0;border:0;background:none;min-width:0;gap:10px}.palette-support i{height:67px;background:var(--swatch);border-radius:13px;border:1px solid #212a4a06}.palette-support span{font-size:11px;line-height:1.2}.palette-support small{display:block;font-size:8px;color:#96a19e;margin-top:4px}.mint-tones{display:flex;grid-column:1/4;border:0;overflow:hidden;gap:4px;border-radius:12px;background:none}.mint-tones button{flex:1;border:0;padding:0}.brand-swatch:hover,.ink-swatch:hover{transform:translateY(-3px)}.palette-support button:hover i{box-shadow:0 6px 12px #212a4a14;transform:translateY(-3px);transition:transform .25s}
/* Real photography */
.photo-board{display:grid;grid-template-columns:1.08fr .92fr .85fr;grid-template-rows:292px 216px 60px;gap:16px}.photo-board .cell{border:0}.photo-board img{width:100%;height:100%;object-fit:cover}.photo-main{grid-row:1/3}.photo-main img{object-position:48% 50%}.photo-main:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#152a2790)}.photo-caption{position:absolute;left:30px;bottom:29px;font-size:43px;letter-spacing:0;line-height:1.05;color:#fff;z-index:2}.photo-chat img{object-position:50% 50%}.photo-device{grid-column:3;grid-row:1/3;background:#dbece8}.photo-device img{object-position:49% 50%}.photo-face img{object-position:50% 35%}.photo-stage{display:none}.photo-note{grid-column:1/4;align-self:center;text-align:center;font-size:16px;letter-spacing:-.02em;line-height:1.5}.photo-note span{font-size:12px;color:#8c9692}
/* Gradients and three patterns, full-height clean geometry */
/* Product badges are clear, not opaque tiles. */
.icons-board{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:322px 262px;gap:16px}.product-family{grid-column:1/3;display:flex;align-items:center;justify-content:space-evenly;padding:28px 16px;border:7px solid #ffffff68;box-shadow:inset 0 0 0 1px white}.product-spec{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:24px;min-width:180px;padding:0}.product-icon{display:block;width:128px;height:128px;overflow:visible}.product-spec .product-icon{width:151px;height:151px;filter:drop-shadow(0 12px 12px #28475209);transition:transform .45s var(--ease),filter .45s}.product-spec>span{font-size:13px;font-weight:450}.product-spec:is(:hover,:focus-visible) .product-icon{transform:translateY(-3px);filter:drop-shadow(0 12px 12px #28475214)}.symbol-in-use{padding:31px;display:flex;flex-direction:column;justify-content:center;gap:33px;border:6px solid #ffffff70}.joined-title{display:flex;justify-content:center;gap:8px;align-items:center}.joined-title>span{width:66px;height:66px;background:#fff;border-radius:20px;position:relative;z-index:1}.joined-title .product-icon{width:66px;height:66px}.joined-title>strong{background:#fff;border-radius:20px;font-size:31px;letter-spacing:-.055em;padding:9px 24px;font-weight:550;position:relative}.joined-title>strong:before{content:'';position:absolute;left:-12px;width:15px;top:19px;bottom:19px;background:#fff}.symbol-notice{margin:auto;display:flex;align-items:center;gap:11px;padding:8px 15px 8px 8px;background:#ffffffa3;border:1px solid white;border-radius:50px;box-shadow:var(--shadow);font-size:12px}.symbol-notice>.icon{width:15px;height:15px;color:#4b8e73}.avatar{width:34px;height:34px;display:block;flex-shrink:0;border-radius:50%;background-size:cover;background-position:center;border:2px solid white;box-shadow:0 2px 6px #212a4a10}.a1{background-image:url('assets/concept-portrait.png');background-position:50% 18%;background-size:220%;background-color:#dfeacf}.p1{background-image:url('assets/church-story-1.jpg');background-position:50% 35%}.p2{background-image:url('assets/church-story-4.jpg');background-position:50% 40%}.avatars{display:flex;padding-left:0}.avatars .avatar+.avatar{margin-left:-8px}.lucide-study{padding:28px;background:#f7f7f3;border:0;display:grid;grid-template-columns:.95fr 1.2fr;align-items:center;gap:20px}.lucide-heading h3{font-size:25px;line-height:1.12;font-weight:440}.lucide-heading>span{display:block;font-size:10px;color:#899691;margin-top:23px}.lucide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 15px;color:#43545c}.lucide-grid>span{display:flex;align-items:center;justify-content:center}.lucide-grid .icon{width:24px;height:24px;stroke-width:1.6}
/* Product graphics */
.graphics-board-new{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:321px 263px;gap:16px}.device-art{grid-row:1/3;padding:29px 29px 0;border:7px solid #ffffff7a;box-shadow:inset 0 0 0 1px white}.device-art>h3{font-size:36px;line-height:1.05;font-weight:450}.device-stage{position:absolute;inset:139px 25px 0;display:flex;align-items:flex-start}.phone-device{width:230px;height:472px;position:relative;border:6px solid #253330;box-shadow:0 20px 37px -13px #26566445,inset 0 0 0 1px #fff;border-radius:35px;padding:23px 16px 17px;background:#fff;flex-shrink:0;overflow:hidden}.phone-device:before{content:'';position:absolute;top:8px;width:70px;height:17px;background:#253330;border-radius:99px;left:calc(50% - 35px)}.phone-status{display:flex;align-items:center;justify-content:space-between;font-size:8px;margin-bottom:18px}.phone-status .icon{width:10px;height:10px}.church-avatar{display:grid;place-items:center;width:33px;height:33px;margin:0 auto 7px;border-radius:10px;background:#ebf4e6;color:#4b6e56}.church-avatar .icon{width:20px;height:20px}.phone-device h4{font-size:13px;text-align:center;letter-spacing:-.025em}.phone-device>p{font-size:9px;color:#9aa59d;text-align:center;margin-top:5px}.phone-amount{display:block;text-align:center;font-size:43px;font-weight:450;line-height:1.2;letter-spacing:-.05em;margin:15px 0}.phone-amount>span{font-size:32px}.phone-field{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;font-size:9px;background:#f3f5ef;border-radius:10px;margin-bottom:9px}.phone-field .icon{width:12px;height:12px;transform:rotate(90deg)}.phone-frequency{display:flex;padding:4px;border-radius:999px;background:#f3f5ef;font-size:8px;margin-bottom:14px}.phone-frequency>span{flex:1;padding:6px;text-align:center}.phone-frequency>span:first-child{background:#fff;border-radius:999px;box-shadow:0 1px 3px #212a4a06}.phone-payment{display:flex;align-items:center;gap:6px;font-size:8px;color:#82938b;margin:0 0 15px}.phone-payment .icon{width:12px;height:12px}.phone-payment>.icon:last-child{margin-left:auto;color:#56a580}.phone-device .fruit-button{width:100%;height:38px;min-height:38px;border-radius:10px;padding-left:12px;background:#5bd9a4;color:#173f36;border-color:#5bd9a4}.phone-device .fruit-button>span:first-child{font-size:10px}.phone-device .arrow-disc{width:24px;height:24px;background:#236a5217}.phone-device .arrow-disc .icon{width:14px;height:14px}.phone-device>small{display:flex;align-items:center;justify-content:center;gap:4px;color:#9da9a0;font-size:7px;margin-top:11px}.phone-device>small .icon{width:9px;height:9px}.gift-receipt{position:absolute;right:4px;top:106px;width:254px;padding:26px;background:#ffffffd6;backdrop-filter:blur(24px);border:1px solid white;border-radius:24px;box-shadow:var(--float);text-align:center}.receipt-check{display:grid;place-items:center;background:#ddf4e7;width:38px;height:38px;border-radius:50%;margin:0 auto 17px;color:#3a966e}.receipt-check .icon{width:20px;height:20px}.gift-receipt>span{font-size:12px}.gift-receipt>strong{font-size:38px;font-weight:450;display:block;letter-spacing:-.05em;margin:6px 0}.gift-receipt>small{font-size:9px;color:#8a9a92}.receipt-divider{height:1px;background:#dfe8e2;margin:18px 0 14px}.receipt-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px!important}.receipt-foot .icon{width:15px;height:15px;color:#86a190}.giving-insight{padding:23px 25px;background:#fdfefd;border:1px solid #e2eae5;position:relative;box-shadow:0 8px 20px -18px #2e644a30}.insight-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#798b83}.insight-top>span{display:flex;gap:7px;align-items:center}.insight-top .icon{width:15px;height:15px}.insight-top>button{display:flex;align-items:center;gap:7px;border:1px solid #e6ece7;border-radius:6px;background:#fff;padding:5px 8px;font-size:8px}.insight-top>button .icon{width:9px;height:9px;transform:rotate(90deg)}.insight-metric{margin-top:16px}.insight-metric>strong{font-size:37px;letter-spacing:-.05em;font-weight:450}.insight-metric>strong>span{color:#b0bab3;font-size:26px}.insight-metric>span{font-size:9px;display:block;color:#9aa89e;margin-top:0}.fine-chart{display:block;width:100%;height:138px;margin:0}.chart-tooltip{position:absolute;right:98px;top:98px;padding:8px 12px;background:#fff;border:1px solid #e7eee8;border-radius:9px;box-shadow:var(--shadow);z-index:2}.chart-tooltip small{display:block;font-size:8px;color:#8e9e95;margin-bottom:3px}.chart-tooltip strong{font-size:11px;font-weight:500;letter-spacing:-.02em}.chart-months{display:flex;justify-content:space-between;font-size:8px;color:#9da89f;margin-top:-1px}.insight-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ed;padding-top:10px;margin-top:13px;font-size:8px;color:#8c9b92}.insight-bottom>span:first-child{display:flex;align-items:center;gap:5px}.insight-bottom i{width:5px;height:5px;border-radius:50%;background:#5bd9a4}.volunteer-art{border:6px solid #ffffff95;box-shadow:inset 0 0 0 1px white;background:#edf2ee}.volunteer-art>img{width:100%;height:100%;object-fit:cover;object-position:62% 43%}.volunteer-ui{position:absolute;left:20px;top:18px;bottom:18px;width:205px;padding:18px;background:#ffffffe0;backdrop-filter:blur(22px);border:1px solid white;border-radius:20px;box-shadow:var(--shadow)}.volunteer-ui>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#7f968a}.volunteer-ui>span .icon{width:14px;height:14px}.volunteer-ui h4{font-size:25px;line-height:1.08;font-weight:440;margin-top:20px}.volunteer-ui>div{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.volunteer-ui .avatar{width:26px;height:26px}.volunteer-ui>div>span{display:flex;align-items:center;gap:3px;font-size:8px;color:#79a289}.volunteer-ui>div>span .icon{width:10px;height:10px}
/* Foundations-style All-Access pricing and meaningful cards */
.cards-board{display:grid;grid-template-columns:1.15fr 1fr .85fr;grid-template-rows:361px 223px;gap:16px}.all-access{grid-column:1/3;display:grid;grid-template-columns:1.58fr 1fr;padding:29px;background:linear-gradient(140deg,#f7f5ef,#f4f5ef);border:1px solid #dce6df;box-shadow:0 -8px 40px -20px #c7bfea80,0 14px 35px -28px #5bd9a4a0}.pricing-main{padding-right:26px;display:flex;flex-direction:column}.pricing-main h3{font-size:38px;font-weight:500;line-height:1}.pricing-main p{font-size:13px;line-height:1.5;color:#8b9591;margin-top:15px}.pricing-features{display:grid;grid-template-columns:1fr 1fr;gap:18px 11px;font-size:9px;margin-top:28px;color:#667d6f}.pricing-features>span{display:flex;align-items:center;gap:7px}.pricing-features .icon{width:13px;height:13px;color:#518567}.price-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto}.price-bottom>strong{font-size:32px;font-weight:500;letter-spacing:-.04em;white-space:nowrap}.price-bottom>strong>span{font-size:10px;font-weight:400;letter-spacing:0;color:#98a398;margin-left:5px}.price-bottom .arrow-pill{font-size:10px;gap:12px;min-height:34px;padding:4px 4px 4px 12px}.price-bottom .arrow-disc{width:25px;height:25px}.pricing-products{border-left:1px solid #dce2d9;padding-left:25px;display:flex;flex-direction:column;justify-content:center;gap:14px}.pricing-products>div{display:flex;align-items:center;gap:12px;font-size:11px;color:#65736c}.pricing-products .product-icon{width:37px;height:37px;flex-shrink:0;background:#e8eee2;border-radius:12px}.pricing-products>div:nth-child(2) .product-icon{background:#dfeaf1}.pricing-products>div:nth-child(3) .product-icon{background:#e9e3f1}.pricing-products>div:nth-child(4) .product-icon{background:#e0eeeb}.pricing-products>div:nth-child(5) .product-icon{background:#e8eedf}.free-giving{padding:25px;background:#e4f5ea;border:1px solid #d5ecdf;display:flex;flex-direction:column;align-items:flex-start}.free-symbol .product-icon{width:45px;height:45px}.free-giving h3{font-size:24px;line-height:1.07;margin:12px 0;font-weight:450}.free-giving>p{font-size:11px;line-height:1.45;color:#80958a}.free-price{font-size:36px;font-weight:450;letter-spacing:-.04em;margin-top:16px}.free-price>span{font-size:10px;color:#8da398;letter-spacing:0;margin-left:5px}.free-giving>small{font-size:8px;line-height:1.5;color:#94a89b;max-width:180px}.free-giving .fruit-button{margin-top:auto;width:100%;height:37px;min-height:37px;padding-left:12px;border-radius:11px}.free-giving .fruit-button>span:first-child{font-size:10px}.free-giving .arrow-disc{width:24px;height:24px}.free-giving .arrow-disc .icon{width:15px;height:15px}.planning-feature{grid-column:1/2;padding:20px;background:radial-gradient(ellipse at 100% 100%,#c1dded,transparent 80%),#eff4f7;display:flex;gap:20px;align-items:center;border:5px solid #ffffff70;box-shadow:inset 0 0 0 1px white}.planning-mini{background:#fffffff2;border:1px solid #fff;border-radius:15px;padding:13px;width:192px;flex-shrink:0;box-shadow:var(--shadow)}.planning-mini h4{display:flex;align-items:center;gap:6px;font-size:10px;margin-bottom:10px}.planning-mini h4 .icon{width:12px;height:12px}.planning-mini>div{display:flex;align-items:center;gap:6px;font-size:8px;border-top:1px solid #edf0e9;padding:9px 0 0;margin-top:7px}.planning-mini .avatar{width:22px;height:22px}.planning-mini>div>.icon{width:12px;height:12px;margin-left:auto;color:#6b9a7c}.planning-feature h3{font-size:25px;line-height:1.05}.planning-feature .arrow-pill{font-size:8px;gap:8px;min-height:29px;margin-top:17px;padding:3px 3px 3px 10px}.planning-feature .arrow-disc{width:21px;height:21px}.planning-feature .arrow-disc .icon{width:13px;height:13px}.church-quote{grid-column:2/4;display:flex;gap:25px;align-items:center;padding:12px;background:#f8f7f3}.quote-photo{height:100%;width:210px;flex-shrink:0;overflow:hidden;border-radius:19px}.quote-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.church-quote blockquote{font-size:27px;line-height:1.13;letter-spacing:-.04em;margin:0 0 22px;font-weight:430}.church-quote>div:last-child>span{font-size:11px}.church-quote small{display:block;font-size:9px;color:#97a199;margin-top:4px}
/* Clean, straight product screens */
.screens-board{display:grid;grid-template-columns:1.53fr 1fr;grid-template-rows:292px 292px;gap:16px}.screen-primary{grid-row:1/3;padding:33px 22px 0;display:flex;align-items:flex-start;border:7px solid #ffffff75;box-shadow:inset 0 0 0 1px white}.screen-secondary{padding:22px;display:flex;align-items:center;justify-content:center;border:6px solid #ffffff75;box-shadow:inset 0 0 0 1px white}.screen-shell{border:1px solid #fff;background:#ffffffb8;border-radius:15px;padding:8px;box-shadow:0 19px 40px -17px #294e6740;display:block;width:100%;overflow:hidden;transition:box-shadow .3s}.screen-shell img{border-radius:8px;width:100%;height:auto}.screen-primary .screen-shell{min-height:505px}.screen-primary .screen-shell img{width:100%;height:505px;object-fit:cover;object-position:top}.screen-secondary .screen-shell{height:100%;display:grid;place-items:center}.screen-secondary .screen-shell img{object-fit:contain;max-height:226px;width:auto;max-width:100%}.screen-shell:hover{box-shadow:0 22px 46px -17px #294e6750}.in-view .screen-shell{animation:arrive .85s var(--ease) both}.in-view .screen-secondary:nth-child(2) .screen-shell{animation-delay:.1s}.in-view .screen-secondary:nth-child(3) .screen-shell{animation-delay:.2s}
/* Lattice field and required-star study */
.form-scene{height:600px;overflow:hidden;border:7px solid #ffffff78;box-shadow:inset 0 0 0 1px white;position:relative}.demo-form{position:absolute;z-index:5;left:calc(50% - 205px);top:27px;width:410px;background:#fff;border:1px solid #ffffff;border-radius:27px;padding:28px 39px;box-shadow:var(--float)}.demo-form h3{text-align:center;font-size:30px;line-height:1.1;font-weight:450}.demo-form>p{font-size:11px;color:#8c9993;text-align:center;margin:10px 0 24px}.demo-form label{display:block;margin-bottom:17px}.demo-form label>span{font-weight:500;font-size:12.6px;line-height:15.12px;color:#6a7878;display:flex;align-items:center;margin-bottom:9px;gap:0}.demo-form label i{position:relative;display:block;font-style:normal;font-weight:600;font-size:10.08px;line-height:12.096px;width:9.07031px;height:9.07031px;border-radius:3.024px;margin:0 5.4px 0 0;background:#fceff1;color:#f55861;padding:0;text-align:center;box-shadow:none;flex-shrink:0}.demo-form input{height:43.1953px;width:100%;border:1px solid #c4cccc;border-radius:7.2px;padding:7.2px 14.4px;background:white;font-size:13px;transition:border-color .2s,box-shadow .2s}.demo-form input:hover{border-color:#96aaa2}.demo-form input:focus{border-color:#70ae90;outline:0;box-shadow:0 0 0 3px #e5f4ed}.demo-form>.fruit-button{width:100%;margin-top:1px;height:43px;min-height:43px;border-radius:8px}.demo-form>.fruit-button>span:first-child{font-size:12px}.demo-form>.fruit-button .arrow-disc{width:28px;height:28px;border-radius:6px}.demo-form>.fruit-button .arrow-disc .icon{width:16px;height:16px}.form-status{display:block;text-align:center;font-size:8px;color:#a1aaa5;margin-top:11px;min-height:12px}.other-divider{display:flex;align-items:center;gap:10px;font-size:9px;color:#a6b0a8;margin:20px 0 13px;white-space:nowrap}.other-divider:before,.other-divider:after{content:'';height:1px;background:#ebeeea;flex:1}.explore-options{width:100%;font-size:11px;min-height:39px;padding-left:16px}.explore-options .arrow-disc{width:26px;height:26px}.option-card{position:absolute;z-index:2;top:116px;width:294px;border:1px solid white;background:#ffffffeb;border-radius:24px;padding:11px 11px 22px;box-shadow:var(--float);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .3s;transform-origin:50% 60%}.tour-option{left:calc(50% - 509px);transform:translateX(305px)}.demo-option{right:calc(50% - 509px);transform:translateX(-305px)}.form-scene:not(.options-open):has(.explore-options:hover) .tour-option,.form-scene:not(.options-open):has(.explore-options:focus-visible) .tour-option{transform:translateX(270px) rotate(-8deg)}.form-scene:not(.options-open):has(.explore-options:hover) .demo-option,.form-scene:not(.options-open):has(.explore-options:focus-visible) .demo-option{transform:translateX(-270px) rotate(8deg)}.form-scene.options-open .option-card{transform:translateX(0) rotate(0)}.option-card[aria-hidden=true]{pointer-events:none}.option-visual{height:221px;display:grid;place-items:center;position:relative;overflow:hidden;padding:9px;border:1px solid white;border-radius:16px}.option-visual img{width:100%;height:auto;max-height:202px;object-fit:contain;border-radius:6px;background:white;box-shadow:var(--shadow)}.option-title{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:21px 10px 0;text-align:left;background:none;border:0;width:100%}.option-title>span:first-child{font-size:20px;font-weight:450;letter-spacing:-.04em}.option-title .arrow-disc{width:25px;height:25px;background:#e7efda}.option-title .arrow-disc .icon{width:16px;height:16px}.option-card>p{font-size:11px;color:#93a093;line-height:1.5;margin:11px 10px 0}.visual-play{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border:1px solid white;display:grid;place-items:center;background:#ffffffcc;backdrop-filter:blur(10px);border-radius:50%;box-shadow:var(--shadow)}.visual-play .icon{width:18px;height:18px;padding-left:2px}.options-open .demo-form{box-shadow:0 20px 45px -20px #31574f45}
@media(prefers-reduced-motion:reduce){.ready .masthead{opacity:1;transform:none;pointer-events:auto}.ready .arrival h1,.ready .arrival p,.ready #arrival-logo{opacity:1}.in-view .screen-shell{opacity:1;transform:none;filter:none}}
.export-view .board-shell *{animation:none!important;transition:none!important}
/* Final optical adjustments */
.phone-device{transform:scale(.92);transform-origin:top left}.volunteer-art>img{object-position:62% 27%}.screen-primary{padding:26px 22px;align-items:center}.screen-primary .screen-shell{min-height:0}.screen-primary .screen-shell img{height:auto;object-fit:contain;object-position:center}.photo-stage{display:block}.photo-board{grid-template-columns:1.08fr .46fr .46fr .85fr}.photo-main{grid-column:1;grid-row:1/3}.photo-chat{grid-column:2/4;grid-row:1}.photo-face{grid-column:2;grid-row:2}.photo-stage{grid-column:3;grid-row:2}.photo-stage img{object-position:50% 40%}.photo-device{grid-column:4;grid-row:1/3}.photo-note{grid-column:1/5}
/* Typography refinement: clear portrait frame, meaningful giving history and type scale. */
.type-poster{justify-content:space-between;padding:34px 31px 31px}.type-poster h3{margin:0;font-size:76px}
.type-photo{border:0;border-radius:27px;overflow:hidden;background-clip:border-box;box-shadow:none;isolation:isolate}.type-photo:after{content:'';position:absolute;inset:7px;border-radius:20px;border:1px solid #ffffffcf;z-index:6;pointer-events:none}.type-photo .cutout{left:auto;right:18px;bottom:0;width:47%;height:calc(100% - 23px);object-fit:contain;object-position:center bottom;z-index:2}.photo-type{top:29px;left:29px;font-size:34px;line-height:1.08}
.donation-card{left:28px;bottom:22px;width:272px;padding:16px 18px 13px;background:#ffffffd9;border:1px solid #fff;border-radius:20px;box-shadow:0 17px 32px -18px #345c6550;backdrop-filter:blur(18px)}.donation-top{font-size:10px;color:#647c77}.donation-top small{font-size:9px;color:#96a69b}.donation-metric{margin:10px 0 5px;align-items:baseline;gap:11px}.donation-amount{font-size:30px;min-width:0;line-height:1.1;letter-spacing:-.045em}.donation-metric>span{font-size:9px;color:#9ca99e}.giving-history{display:block;width:100%;height:59px;overflow:visible;margin-top:4px}.giving-history-months{display:flex;justify-content:space-between;font-size:7px;color:#9aaa9e;line-height:1;margin:2px 0 12px}.donation-bottom{padding-top:10px;border-top:1px solid #e4ebe4;font-size:9px;color:#8a9d8d;display:flex;justify-content:space-between;align-items:center}.donation-bottom>span{display:flex;align-items:center;gap:6px}.donation-bottom .icon{width:12px;height:12px;color:#6b9f82}.donation-bottom>strong{font-weight:450;color:#4f7666;font-size:10px}
.type-aa{padding:29px;display:flex;justify-content:center;background:#212a4a}.type-aa .size-samples{font-size:inherit;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:145px;width:100%;letter-spacing:normal}.size-sample{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;gap:18px}.size-sample>span{display:block;font-weight:400;letter-spacing:-.07em;line-height:.95}.size-sample>small{font-size:10px;font-weight:400;letter-spacing:0;color:#bbc2d4;line-height:1}
.type-variable{background:#f9faf7;cursor:default;transition:background .3s,box-shadow .4s,transform .4s var(--ease)}.type-variable:hover,.type-variable:focus-within{background:#fff;box-shadow:0 13px 28px -20px #334a4645;transform:translateY(-2px)}.weight-selector{background:#eeefe8;box-shadow:inset 0 1px 1px #212a4a03}.type-variable:hover .weight-selector,.type-variable:focus-within .weight-selector{background:#eeefe8}.weight-indicator{opacity:1;background:#fff;box-shadow:0 2px 7px #243d3d0e;transition:transform .45s var(--ease),background .3s,box-shadow .3s}.type-variable:hover .weight-indicator,.type-variable:focus-within .weight-indicator{background:#e3f4e9;box-shadow:0 2px 6px #2b8b6614}.weight-selector button{cursor:pointer}.weight-selector button:hover,.weight-selector button:focus-visible{color:#235a44}.weight-selector button[aria-pressed=true]{color:#212a4a}.in-view .weight-selector{animation:weight-invitation 1.8s .8s 2}@keyframes weight-invitation{0%,100%{box-shadow:0 0 0 0 #5bd9a400}45%{box-shadow:0 0 0 4px #5bd9a41c}}.export-view .weight-selector{box-shadow:none}
.type-photo:after{z-index:1}.type-photo .cutout{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
/* Consistent stone surface and a navy active segment with its own moving label. */
.type-variable{background:#f3f1eb;box-shadow:none}.type-variable:hover,.type-variable:focus-within{background:#eeece5;box-shadow:0 12px 25px -18px #26384830;transform:translateY(-1px)}.weight-selector,.type-variable:hover .weight-selector,.type-variable:focus-within .weight-selector{background:#e1e2d9;box-shadow:inset 0 1px 1px #212a4a06;animation:none}.weight-indicator,.type-variable:hover .weight-indicator,.type-variable:focus-within .weight-indicator{background:#212a4a;color:#fff;box-shadow:0 3px 7px #212a4a18;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:450;line-height:1;pointer-events:none;z-index:3;opacity:1}.weight-selector button,.weight-selector button[aria-pressed=true],.weight-selector button:hover,.weight-selector button:focus-visible{color:#526059;font-weight:450}.weight-selector button:focus-visible{outline:2px solid #7f8cab;outline-offset:2px}
/* A single editorial type specimen, followed by a useful headline and body scale. */
.type-aa{padding:25px 28px;display:block}.type-scale-study{display:grid;grid-template-rows:1fr 57px 36px;height:100%;width:100%}.type-scale-study>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.type-scale-study>div>span{font-weight:400;color:#fff;letter-spacing:-.045em;white-space:nowrap}.type-scale-study>div>small{font-size:9px;font-weight:400;letter-spacing:0;color:#adb6cd;white-space:nowrap}.type-scale-study .scale-display{align-items:flex-end;padding-bottom:12px}.scale-display>span{font-size:80px;line-height:.87;letter-spacing:-.065em!important}.scale-display>small{margin-bottom:5px}.type-scale-study .scale-heading{border-top:1px solid #ffffff1f;padding:12px 0}.scale-heading>span{font-size:32px;line-height:1}.type-scale-study .scale-body{border-top:1px solid #ffffff1f;padding-top:12px}.scale-body>span{font-size:16px;line-height:1.1;letter-spacing:-.025em!important}
/* Silver XDR render: camera angle and hardware are baked into the transparent image. */
.palette-board{grid-template-columns:1.65fr .7fr .7fr}
.palette-hero{padding:0;display:block;position:relative;isolation:isolate;background:radial-gradient(ellipse at 1% 3%,#f4f8e5 0,transparent 60%),radial-gradient(ellipse at 95% 100%,#3ba88b5c 0,transparent 68%),linear-gradient(155deg,#e0f5dc,#b4e9ca 50%,#8ccfba);border:1px solid #fff;box-shadow:inset 0 0 0 1px #ffffff78}
.palette-hero h3.palette-caption{position:absolute;left:32px;top:40px;width:380px;margin:0;z-index:5;color:#212a4a;font-size:44px;font-weight:450;line-height:1.08;letter-spacing:-.045em}.palette-caption>span{display:block;white-space:nowrap}
.palette-display{position:absolute;left:63px;top:-70px;width:800px;height:auto;padding:0;border:0;background:none;border-radius:0;box-shadow:none;transform:none;filter:drop-shadow(-8px 24px 27px #235c4930);z-index:2;pointer-events:none}.palette-display .xdr-mockup{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;background:transparent}
.palette-hero:before{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:radial-gradient(ellipse at 50% 110%,#f2fff2a6,transparent 72%),linear-gradient(to top,#c9efdeed 0,#c9efde70 34%,#c9efde00 100%);z-index:4;pointer-events:none}
.palette-hero:after{content:'';position:absolute;inset:7px;border:1px solid #ffffffa6;border-radius:21px;pointer-events:none;z-index:7}
/* Full-width white color annotations with equal inset on each side. */
.brand-swatch,.ink-swatch{padding:22px;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;position:relative;text-align:left}.brand-swatch>.swatch-label,.ink-swatch>.swatch-label{display:inline-flex;align-items:center;gap:11px;width:100%;height:54px;min-height:54px;padding:11px 15px 11px 12px;flex-shrink:0;background:#fff;color:#212a4a;border-radius:14px;border:1px solid #ffffffd9;box-shadow:0 6px 14px -8px #132d343d;letter-spacing:0}.swatch-label>i{display:block;flex-shrink:0;width:21px;height:21px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #212a4a0a}.swatch-label>span{display:flex;flex-direction:column;gap:3px}.swatch-label strong{font-size:12px;font-weight:500;line-height:1.15;letter-spacing:-.02em}.swatch-label small{font-size:10px;color:#79877e;line-height:1.15;letter-spacing:0}.brand-swatch:hover,.ink-swatch:hover{transform:translateY(-2px)}

/* Trim the raster's outer alpha fringe along the hardware silhouette. */
.palette-display .xdr-mockup{clip-path:path('M 136 995 L 136 310 Q 136 290 156 286 L 800 189 L 800 995 Z')}

/* Final opening beat, after the navigation completes its entry at 2.65 seconds. */
.scroll-invitation{opacity:0;visibility:hidden;pointer-events:none}
.ready .scroll-invitation{animation:explore-arrive .65s 2.8s var(--ease) both}
@keyframes explore-arrive{from{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px)}to{opacity:var(--hero-opacity,1);visibility:visible;pointer-events:auto;transform:translate(-50%,0)}}
/* The Lucide circle remains still while its arrow rolls downward. */
.explore-arrow{transition:transform .65s cubic-bezier(.2,.9,.25,1.1)}
.explore-arrow:nth-child(2){transform:translateY(-20px)}
.scroll-invitation:is(:hover,:focus-visible) .explore-arrow{transform:translateY(20px)}
.scroll-invitation:is(:hover,:focus-visible) .explore-arrow:nth-child(2){transform:translateY(0)}
.export-view .arrival-background,.export-view .arrival-background:before{animation:none!important}
@media(prefers-reduced-motion:reduce){.ready .scroll-invitation{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%)}}
/* Four natural gradient studies and purpose-led pattern contexts. */
.atmosphere-board{display:grid;grid-template-rows:230px 352px;gap:18px}
.gradient-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;min-height:0}
.field-mint-light{background:radial-gradient(ellipse at 4% 0%,#f7fae8 0,transparent 62%),radial-gradient(ellipse at 100% 100%,#8fcebf 0,transparent 64%),radial-gradient(ellipse at 3% 100%,#5bd9a459 0,transparent 60%),linear-gradient(140deg,#eaf5dd,#c8efd5 48%,#b3e3ce)}
.field-blue-hour{background:radial-gradient(ellipse at 4% 0%,#f9f9ef 0,transparent 57%),radial-gradient(ellipse at 100% 100%,#c5bce9 0,transparent 65%),radial-gradient(ellipse at 35% 100%,#8dc8e4 0,transparent 62%),linear-gradient(140deg,#e0edf3,#b8dbea 65%,#dedbf0)}
.field-header-light{background:var(--header-gradient)}
.field-ocean-glow{background:radial-gradient(ellipse at 100% 100%,#c7edd7 0,transparent 57%),radial-gradient(ellipse at 0% 100%,#baeae9 0,transparent 58%),radial-gradient(ellipse at 100% 57%,#54b5bc 0,transparent 56%),radial-gradient(ellipse at 52% 100%,#89cae9 0,transparent 60%),linear-gradient(145deg,#2a6daf,#4087cf 55%,#56a0c8)}
.gradient-study{position:relative;isolation:isolate;border:1px solid #fff;border-radius:29px;box-shadow:inset 0 0 0 1px #ffffff60;overflow:hidden}
.gradient-study:after{content:'';position:absolute;inset:8px;border:1px solid #ffffffb8;border-radius:21px;pointer-events:none;z-index:5}
.gradient-study:before{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(to top,#ffffff38,transparent);pointer-events:none}
.gradient-name{position:absolute;left:18px;bottom:18px;font-size:13px;font-weight:450;letter-spacing:-.02em;padding:9px 12px;border:1px solid #fff;border-radius:12px;background:#ffffffb5;backdrop-filter:blur(16px);box-shadow:0 8px 19px -16px #34545345;color:#212a4a}
.gradient-colors{position:absolute;right:20px;bottom:30px;display:flex;align-items:center;gap:5px}.gradient-colors i{display:block;width:13px;height:13px;border:1px solid #ffffffcf;border-radius:50%;box-shadow:0 2px 4px #212a4a08}
.pattern-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:0}
.pattern-study{display:grid;grid-template-rows:318px 22px;gap:12px;min-width:0}
.pattern-card{display:block;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:29px;overflow:hidden;isolation:isolate;box-shadow:none;cursor:pointer;text-align:left;transition:none}
.pattern-card:after{display:none}
.pattern-plate{position:absolute;inset:0;display:grid;place-items:center;opacity:1;transition:opacity .8s cubic-bezier(.22,1,.36,1);z-index:1}
.pattern-plate .pattern-art{display:block;width:100%;height:100%;fill:none;stroke:#3d8377;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.wave-plate .pattern-art{stroke:#fff;stroke-width:1;opacity:.38}.ray-plate .pattern-art{stroke:#497daf;stroke-width:1.1;opacity:.8}.ray-plate circle{fill:#4076aa;stroke:none}
.pattern-name{display:block;text-align:center;align-self:center;font-size:13px;line-height:20px;font-weight:450;letter-spacing:-.01em;color:#677b76}
.product-context{display:block;position:absolute;left:calc(50% - 143px);top:72px;width:286px;height:308px;padding:18px;z-index:3;border:1px solid #fff;border-radius:25px;background:#fff;box-shadow:0 0 0 4px #ffffff26,0 17px 32px -18px #345c6550,inset 0 1px 0 #ffffff80;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transform:translateY(110%);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.16,1,.3,1);pointer-events:none;color:#212a4a;will-change:transform,opacity}
.pattern-card:is(:hover,:focus-visible) .product-context{opacity:1;transform:translateY(0)}.pattern-card:is(:hover,:focus-visible) .pattern-plate{opacity:.8}
.product-context .icon{width:16px;height:16px;flex-shrink:0}.context-heading{display:flex;align-items:center;justify-content:space-between;height:20px;gap:12px}.context-heading>strong{font-size:16px;font-weight:500;letter-spacing:-.03em;line-height:1.2}.context-tool{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#4d836b;background:#eaf5ee;border-radius:8px}.context-tool .icon{width:14px;height:14px}
.calendar-month{display:flex;align-items:center;justify-content:space-between;margin-top:12px;height:18px}.calendar-month>strong{font-size:11px;font-weight:450;color:#536a5d}.calendar-nav{display:flex;gap:6px}.calendar-nav i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f0f4ef;color:#799185}.calendar-nav .icon{width:11px;height:11px}.calendar-nav i:first-child .icon{transform:rotate(180deg)}
.calendar-weekdays,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;align-items:center}.calendar-weekdays{margin-top:12px;font-size:8px;color:#94a39a;height:10px;line-height:10px}.calendar-dates{margin-top:6px;grid-auto-rows:21px}.calendar-day{position:relative;width:21px;height:21px;display:grid;place-items:center;justify-self:center;font-size:9px;line-height:1;color:#5b7063;border-radius:50%}.calendar-day.event-day{background:#eaf6ee;color:#388367}.calendar-day.selected-day{background:#5bd9a4;color:#154c39;font-weight:600;box-shadow:inset 0 1px 0 #ffffff4d}
.calendar-event{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;background:#edf7f0;border-radius:11px;height:38px}.calendar-event>i{display:block;width:3px;height:22px;border-radius:2px;background:#5bd9a4}.calendar-event>span{display:flex;flex-direction:column;gap:3px}.calendar-event strong{font-size:10px;line-height:1.2;font-weight:500;color:#345a47}.calendar-event small{font-size:8px;line-height:1.2;color:#819a8a}
.context-period{font-size:9px;color:#82958c;background:#f1f5f0;border-radius:7px;padding:5px 8px;line-height:1}
.chart-value{display:flex;flex-direction:column;gap:3px;margin-top:14px}.chart-value>strong{font-size:32px;font-weight:450;line-height:1.15;letter-spacing:-.045em}.chart-value>small{font-size:9px;color:#8a9c90;line-height:1.3}.rhythm-chart{display:block;width:100%;height:126px;margin-top:11px;overflow:visible}.rhythm-chart text{font-family:Geist,Arial,sans-serif;font-size:8px;fill:#8b9e91;font-weight:400;letter-spacing:0}
.chart-detail{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #e7eee8;font-size:9px;color:#83978a}.chart-detail>span{display:flex;align-items:center;gap:6px}.chart-detail .icon{width:13px;height:13px;color:#76a38b}
.directory-filter{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1;color:#728c7b;padding:5px 7px;border-radius:7px;background:#edf5ef}.directory-filter .icon{width:10px;height:10px;transform:rotate(90deg)}.directory-search{display:flex;align-items:center;gap:7px;height:30px;border:1px solid #e7ece8;border-radius:9px;padding:0 10px;margin-top:14px;font-size:9px;line-height:1;color:#9aaba0}.directory-search .icon{width:12px;height:12px}
.directory-list{display:flex;flex-direction:column;margin-top:12px}.directory-row{display:flex;align-items:center;gap:8px;height:48px;flex-shrink:0;border-bottom:1px solid #edf1ed}.directory-row:last-child{border-bottom:0}.directory-avatar{display:block;width:34px;height:34px;flex-shrink:0;border-radius:50%;background-image:url('assets/people-directory.avif');background-size:919px auto;background-position:-203px var(--face-y);background-repeat:no-repeat;background-color:#eef3ed;box-shadow:inset 0 0 0 1px #212a4a08}.directory-person{display:flex;flex-direction:column;gap:4px;min-width:0}.directory-person strong{font-size:10px;font-weight:500;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.directory-person small{font-size:8px;color:#98a89b;line-height:1.2}.directory-tag{font-size:7px;line-height:1;padding:4px 5px;border-radius:6px;margin-left:auto;white-space:nowrap}.mint-tag{color:#619779;background:#edf6ef}.lilac-tag{color:#8b79ac;background:#f1eef8}.peach-tag{color:#ab8d77;background:#faf0e5}.directory-row>.icon{width:10px;height:10px;color:#9daea1}
/* Export captures keep their static boards, while these local previews retain the reveal. */
.export-view .pattern-plate{transition:opacity .8s cubic-bezier(.22,1,.36,1)!important}.export-view .product-context{transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.16,1,.3,1)!important}
@media(prefers-reduced-motion:reduce){.export-view .pattern-plate,.export-view .product-context{transition:none!important}}

/* Static/readable specimens when motion is reduced or the board is printed. */
@media(prefers-reduced-motion:reduce),print{.type-reveal>span{background:none;color:var(--ink)}}

/* The opening atmosphere is reused as one shared gradient recipe. */
.gradient-study.field-header-light:before{inset:28%;height:auto;border-radius:50%;background:#ffffff80;filter:blur(110px)}
.gradient-study.field-header-light .gradient-name,.gradient-study.field-header-light .gradient-colors{z-index:2}

/* Full ink when the headline is comfortably visible; padding protects glyph overhangs. */
.type-reveal.fully-filled>span{background:none;color:var(--ink)}

/* Geometry bleeds into the rounded card crop; each door grows from the same floor. */
.arch-plate .pattern-art>path{transform-box:view-box;transform-origin:200px 300px}
.wave-flow,.sun-ray{transform-box:view-box;transform-origin:200px 370px}

/* Neutral product tiles sit within a softly outlined white showcase. */
.product-family{background:#fff;border:1px solid #e5e8e2;box-shadow:none}
.product-spec{gap:24px;border-radius:20px;outline-offset:9px}
.product-icon{color:#697773}
.product-icon .product-glyph{transition:color .45s var(--ease)}
.product-icon .product-tint{opacity:0;clip-path:circle(0% at 50% 100%);transition:clip-path .75s var(--ease),opacity .45s var(--ease)}
.product-spec:is(:hover,:focus-visible) .product-tint{opacity:1;clip-path:circle(145% at 50% 100%)}
.product-spec:is(:hover,:focus-visible) .product-glyph{color:var(--product-ink,#17503f)}
.export-view .product-spec .product-tint{transition:clip-path .75s var(--ease),opacity .45s var(--ease)!important}
.export-view .product-spec .product-glyph{transition:color .45s var(--ease)!important}
@media(prefers-reduced-motion:reduce){.export-view .product-spec .product-tint,.export-view .product-spec .product-glyph{transition:none!important}}

/* Product navigation: a close crop of the menu, using the quiet interface surface. */
.product-navigation{position:relative;background:#f7f7f3;border:0;isolation:isolate}
.product-nav-viewport{height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding:30px}
.product-nav-viewport::-webkit-scrollbar{display:none}
.product-nav-track{display:flex;gap:28px;width:max-content;padding:30px 32px 40px}
.product-nav-column{width:234px;flex:none}
.product-nav-column:nth-child(2){width:258px}
.product-nav-heading{display:flex;align-items:center;gap:11px;color:#212a4a;text-decoration:none;white-space:nowrap}
.product-nav-heading .product-icon{width:48px;height:48px;flex:none;transition:transform .4s var(--ease)}
.product-nav-heading>span{font-size:19px;line-height:1.2;font-weight:550;letter-spacing:-.035em}
.product-nav-heading small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#89938f;margin-top:5px}
.product-navigation .product-tint{opacity:1;clip-path:none}
.product-navigation .product-glyph{color:var(--product-ink)}
.product-nav-heading:hover .product-icon{transform:translateY(-2px)}
.product-nav-branches{margin:17px 0 0 21px;padding:0 0 0 22px;border-left:1px solid #d7ddd7;display:flex;flex-direction:column;gap:11px}
.product-nav-branches a{font-size:13px;line-height:1.25;color:#596860;text-decoration:none;transition:color .2s,transform .3s var(--ease);white-space:nowrap}
.product-nav-branches a:hover{color:#212a4a;transform:translateX(3px)}
.product-nav-heading:focus-visible,.product-nav-branches a:focus-visible{outline:2px solid #5bd9a4;outline-offset:4px;border-radius:4px}
.product-nav-more{display:flex;flex-direction:column;gap:26px}
.product-navigation:after{content:'';position:absolute;inset:0 0 0 auto;width:24px;background:linear-gradient(90deg,#f7f7f300,#f7f7f3);pointer-events:none}

/* An oblique camera view of the dropdown, without device chrome. */
.product-navigation{perspective:1100px}
.product-nav-viewport{position:absolute;left:35px;top:58px;width:850px;height:310px;overflow:hidden;transform-origin:0 0;transform:rotateY(-22deg) rotateX(5deg) rotateZ(-8deg);background:#fff;border:1px solid #e7ebe6;border-radius:20px;box-shadow:-8px 16px 30px #34483e0c,0 3px 7px #34483e07}
.product-nav-track{padding:26px 28px 38px;gap:30px}
.product-nav-column{width:245px}
.product-nav-column:nth-child(2){width:265px}
.product-nav-heading small{color:#85928c}
.product-nav-branches{position:relative;margin:16px 0 0 23px;padding-left:26px;border:0;gap:12px}
.product-nav-branches:before{content:'';position:absolute;left:0;top:-2px;bottom:8px;border-left:1.5px solid #dce3dd}
.product-nav-branches a{position:relative;font-size:13px;line-height:18px}
.product-nav-branches a:before{content:'';position:absolute;left:-26px;top:-10px;width:16px;height:19px;border-left:1.5px solid #dce3dd;border-bottom:1.5px solid #dce3dd;border-bottom-left-radius:9px}
.product-nav-branches a:hover{transform:none;color:#17503f}
.product-navigation:after{inset:auto 0 0;width:auto;height:21px;background:linear-gradient(0deg,#f7f7f35c,#f7f7f300)}

/* Photographic MacBook screen uses the color board's close-up camera direction. */
.product-navigation-mockup{display:block;perspective:none;background:#f7f7f3;border:1px solid #e8eae5;box-shadow:none}
.product-navigation-mockup img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.product-navigation-mockup:after{content:'';display:block;position:absolute;inset:auto 0 0;height:25%;width:100%;background:linear-gradient(0deg,#f2faf6e6 0%,#f0f9f48c 28%,#f4faf51f 65%,transparent 100%);pointer-events:none;z-index:1}


/* Native menu on the display plane: constant inset, parallel edges and baselines. */
.macbook-stage{position:absolute;left:0;top:50%;width:1774px;height:887px;transform:translateY(-50%) scale(var(--mockup-scale, .31));transform-origin:left center;pointer-events:none}
.product-navigation-mockup .macbook-stage>img{width:1774px;height:887px;max-width:none;object-fit:fill}
.macbook-display{position:absolute;left:316px;top:291px;width:1550px;height:1000px;box-sizing:border-box;padding:34px 48px;background:#f6f8f7;transform:matrix(1,-.124047124,0,1,0,0);transform-origin:0 0;border-radius:8px 0 0 0;overflow:hidden}
.macbook-menu{width:max-content;background:#fff;border:1.5px solid #e1e6e2;border-radius:28px;overflow:hidden}
.macbook-menu .product-nav-track{padding:30px 52px 58px;gap:55px}
.macbook-menu .product-nav-column{width:470px!important}
.macbook-menu .product-nav-column:nth-child(2){width:450px!important}
.macbook-menu .product-nav-heading{gap:22px}
.macbook-menu .product-nav-heading .product-icon{width:94px;height:94px}
.macbook-menu .product-nav-heading>span{font-size:36px;font-weight:550;letter-spacing:-1px;line-height:1.2}
.macbook-menu .product-nav-heading small{font-size:24px;margin-top:8px;color:#89958f;letter-spacing:-.3px}
.macbook-menu .product-nav-branches{margin:28px 0 0 46px;padding-left:45px;gap:35px}
.macbook-menu .product-nav-branches:before{border-left-width:2px;bottom:17px}
.macbook-menu .product-nav-branches>span{position:relative;display:block;font-size:29px;line-height:38px;color:#67786f;white-space:nowrap;letter-spacing:-.4px}
.macbook-menu .product-nav-branches>span:before{content:'';position:absolute;left:-45px;top:-18px;width:29px;height:37px;border-left:2px solid #dce3dd;border-bottom:2px solid #dce3dd;border-bottom-left-radius:14px}
.macbook-menu .product-nav-more{gap:70px}

/* Keep compact product actions consistent with the flat primary. */
.phone-device .fruit-button{background:var(--action-mint);color:var(--action-ink);border-color:transparent}.phone-device .fruit-button:hover{background:var(--action-mint-hover)}.phone-device .fruit-button .arrow-disc{background:transparent}

/* Consistent action widths and quiet surface edges. */
.actions-board .fruit-button{width:204px;min-width:204px;justify-content:space-between}
.action-stone,.eyebrow-study,.type-poster,.product-navigation-mockup{border:0}
.action-hero,.product-family{border:2px solid rgba(105,119,115,.14)}

/* Refined depth, with paired calls to action kept free of arrows. */
.actions-board{grid-template-columns:1.6fr 1fr 1fr}
.action-hero h3{font-size:60px;margin-top:67px}
.action-pair{display:flex;gap:12px;align-items:center;width:100%}
.action-pair .fruit-button{justify-content:center;padding:0 20px;flex:0 0 204px;width:204px;min-width:204px;height:56px;min-height:56px}
.action-pair .fruit-button>span:first-child{font-size:15px}
.fruit-button{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .3s ease,transform .3s ease;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #17503f0d,0 2px 3px #243d3210,0 5px 12px -9px #243d3238}
.fruit-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff80,0 3px 5px #243d3210,0 7px 16px -9px #243d3240}
.fruit-button:active{transform:translateY(0);box-shadow:inset 0 1px 2px #243d3214}
.mint-primary,.ink-button{border-color:#71CAA4}
.mint-primary:hover,.ink-button:hover{border-color:#86D6B2}
.deep-ink-button{border-color:#303A59;box-shadow:inset 0 1px 0 #ffffff20,0 2px 4px #212a4a17,0 5px 12px -9px #212a4a50}
.deep-ink-button:hover{box-shadow:inset 0 1px 0 #ffffff25,0 4px 10px -5px #212a4a40}
.white-secondary{background:#FCFDFC;color:#52635C;border:1px solid #FFFFFF;box-shadow:0 0 0 1px #69777330,inset 0 -1px 0 #6977730a,0 3px 7px -5px #243d3226}
.white-secondary:hover{background:#F5F7F3;color:#344E42;border-color:#FFFFFF;box-shadow:0 0 0 1px #69777345,0 5px 10px -6px #243d3230}
.glass-button,.glass-button:hover{box-shadow:none}
@media(prefers-reduced-motion:reduce){.fruit-button:hover,.fruit-button:active{transform:none}}

/* Stone secondary stays flat at rest and during interaction. */
.soft-button,.soft-button:hover,.soft-button:active,.soft-button:focus-visible{box-shadow:none}

.action-dark .button-stack{gap:12px}

/* Index shares the primary action colors, depth and interaction. */
#index-toggle{min-width:126px;justify-content:space-between;font-weight:500}#index-toggle>span:first-child{font-size:14px}

/* Click-only three-leaf flourish, outside clipped cards and scaled artboards. */
.click-leaf-burst{position:fixed;z-index:1000;width:0;height:0;pointer-events:none;transform:rotate(var(--leaf-direction,0deg)) scale(var(--leaf-scale,1));transform-origin:0 0}
.click-leaf{position:absolute;left:-6.5px;top:-16px;width:13px;height:18px;opacity:0;transform-origin:50% 85%;pointer-events:none;will-change:transform,opacity}
.click-leaf svg{display:block;width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.click-leaf-burst{display:none}.click-leaf{animation:none}}

/* A quieter, more spacious form composition. */
.form-scene{background:#F3F1EB;border:0;box-shadow:none}
.demo-form{left:calc(50% - 225px);top:34px;width:450px;padding:30px 34px 30px;border:2px solid #69777314;box-shadow:0 12px 36px -24px #243d3229}
.demo-form .form-intro{font-size:12px;line-height:17px;margin:8px 0 18px}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:14px}
.form-fields .full-field{grid-column:1/-1}
.demo-form .form-fields label{margin:0}
.demo-form label>span{font-size:12px;line-height:15px;margin-bottom:6px}
.demo-form label>span>small{font-size:10px;font-weight:400;color:#8A9690;margin-left:auto}
.demo-form input{height:38px;font-size:13px;padding:8px 12px}
.demo-form>.fruit-button{height:52px;min-height:52px;justify-content:center;padding:0 20px;border-radius:12px;margin-top:0}
.demo-form>.fruit-button>span:first-child{font-size:15px;font-weight:500}
.demo-form .form-consent{font-size:10px;line-height:15px;text-align:center;color:#596B62;margin:12px 0 0}
.form-consent>span{font-weight:500;color:#43574C}
.demo-form .form-status:empty{display:none}
.other-divider{justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:500;line-height:14px;color:#7A8983;margin:14px 0 13px}
.other-divider:before,.other-divider:after{display:none}
.demo-form .explore-options{background:#ECEEE9;color:#596D63;box-shadow:none;font-size:12px;min-height:42px}
.demo-form .explore-options .arrow-disc{background:#DDE3DC;color:#596D63;border:0}
.demo-form .explore-options:hover{background:#E3E8E0;box-shadow:none}
.demo-form .explore-options:hover .arrow-disc{background:#CED8CE}
.option-card{top:120px;width:290px;padding:11px 11px 24px;background:#FFF;border:2px solid #69777314}
.tour-option{left:calc(50% - 550px);transform:translateX(340px)}
.demo-option{right:calc(50% - 550px);transform:translateX(-340px)}
.form-scene:not(.options-open):has(.explore-options:hover) .tour-option,.form-scene:not(.options-open):has(.explore-options:focus-visible) .tour-option{transform:translateX(306px) rotate(-7deg)}
.form-scene:not(.options-open):has(.explore-options:hover) .demo-option,.form-scene:not(.options-open):has(.explore-options:focus-visible) .demo-option{transform:translateX(-306px) rotate(7deg)}
.option-title{justify-content:space-between;gap:10px;padding:21px 12px 0;min-height:49px}
.option-title .arrow-disc{background:#ECEEE9;flex-shrink:0;color:#64756C}
.option-title:hover .arrow-disc{background:#DDE3DC}
.option-card>p{font-size:12px;line-height:1.55;margin:12px 12px 0;min-height:56px;color:#7C8A82}
.visual-play{width:46px;height:46px;left:calc(50% - 23px);top:calc(50% - 23px);background:#212A4A;border:0;box-shadow:0 5px 14px #212A4A20;color:#FFF;backdrop-filter:none}
.visual-play .icon{width:19px;height:19px;fill:#FFF;stroke:#FFF;stroke-width:1.2;padding-left:2px}

/* Quiet divider and a gentle hover lift for the alternative paths. */
.demo-form .other-divider{gap:12px}
.demo-form .other-divider:before,.demo-form .other-divider:after{display:block;height:1px;background:rgba(105,119,115,.24);flex:1;content:''}
.option-card{box-shadow:0 5px 12px -9px #243d3220,0 14px 28px -20px #243d3229;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .3s,box-shadow .35s ease}
.form-scene.options-open .option-card:hover,.form-scene.options-open .option-card:focus-within{box-shadow:0 9px 18px -13px #243d3226,0 23px 42px -24px #243d3240}

/* Stack name fields while keeping the complete form inside its scene. */
.demo-form{top:23px;padding-top:24px;padding-bottom:24px}
.demo-form h3{font-size:28px}
.demo-form .form-intro{margin-bottom:14px}
.form-fields{grid-template-columns:1fr;row-gap:10px}
.demo-form label>span{margin-bottom:4px}
.demo-form input{height:34px}

/* Match the restrained field-to-submit proportion of the reference form. */
.demo-form{top:29px}.demo-form>.fruit-button{height:40px;min-height:40px}.demo-form>.fruit-button>span:first-child{font-size:14px}

/* White option cards defined by soft elevation against the stone scene. */
.option-card{border:0;background:#FFFFFF;padding:13px 13px 26px;box-shadow:0 2px 3px #243d3206,0 10px 24px -12px #243d3224}
.form-scene.options-open .option-card:hover,.form-scene.options-open .option-card:focus-within{box-shadow:0 3px 6px #243d3209,0 18px 34px -14px #243d3233}

/* Full-size fields with a taller form scene, rather than compressed spacing. */
#forms{height:calc(960px * var(--board-scale,1))}
#forms .board-stage{height:960px}
#forms .form-board,#forms .form-scene{height:800px}
.demo-form{top:78px;padding-top:32px;padding-bottom:44px}
.demo-form input{height:42px;font-size:14px;padding:10px 13px}
.demo-form label>span{font-size:13px}
.form-fields{row-gap:12px}
.demo-form>.fruit-button{height:49px;min-height:49px}
.demo-form>.fruit-button>span:first-child{font-size:15px}
.option-card{top:220px}
@media print{#forms{height:960px}}

/* Give the form footer a calmer vertical rhythm. */
.demo-form .form-consent{margin-top:20px}
.demo-form .other-divider{margin-top:24px;margin-bottom:22px}

/* Product presentations: continuous inset edges, compact radii and a single glass frame. */
.screens-board>.cell{border:0;border-radius:29px;box-shadow:none;isolation:isolate}
.screens-board>.cell:after{content:none}
.screens-board .header-screen-field{background:var(--header-gradient)}
.screens-board .screen-primary{padding:30px;align-items:center}
.screens-board .screen-secondary{padding:24px;align-items:center}
.screens-board .screen-shell{flex:none;display:block;width:100%;height:auto;min-height:0;padding:7px;border:1px solid #ffffffeb;border-radius:18px;background:#ffffff80;box-shadow:inset 0 1px 0 #fff,0 18px 36px -18px #294e6752;overflow:visible}
.screens-board .screen-secondary .screen-shell{width:368px;max-width:100%}
.screens-board .screen-crop{width:100%;aspect-ratio:1200/776;border-radius:10px;overflow:hidden;background:#F1FAFA}
.screens-board .screen-crop img{display:block;width:calc(100% + 2px);max-width:none;height:auto;max-height:none;margin:-1px;border-radius:0;object-fit:initial}
.screens-board .screen-shell:hover{box-shadow:inset 0 1px 0 #fff,0 18px 36px -18px #294e6752}
.screens-board .intro-card{padding:24px}
.intro-frame{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #ffffffeb;border-radius:18px;padding:7px;background:#ffffff80;box-shadow:inset 0 1px 0 #fff,0 18px 36px -18px #294e6752;overflow:hidden}
.intro-frame video{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;background:#e4eee9}
.intro-watch{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;height:40px;padding:0 15px;border:1px solid #ffffff26;border-radius:12px;background:#212A4A;color:white;font-size:12px;font-weight:500;box-shadow:0 5px 16px #10172b25;transition:background .25s,box-shadow .25s}
.intro-watch:hover{background:#35405F;box-shadow:0 8px 20px #10172b35}
.intro-watch svg{width:17px;height:17px}.intro-duration{color:#CED4E0;font-size:10px;padding-left:9px;border-left:1px solid #ffffff35}
.intro-motion{position:absolute;top:17px;right:17px;width:26px;height:26px;display:grid;place-items:center;background:#212A4ACC;color:white;border:1px solid #ffffff35;border-radius:8px;font-size:11px}
#intro-dialog{width:960px;padding:48px 18px 18px;background:#212A4A;border:1px solid #ffffff30;border-radius:22px}
#intro-dialog video{display:block;width:100%;max-height:75vh;border-radius:12px;background:#000}
#intro-dialog .dialog-close{top:8px;right:12px;background:#ffffff15;color:white}

/* Optical medium weight for the smaller header action labels. */
#present-toggle,#index-toggle,#index-toggle>span:first-child{font-weight:550}

/* A generous silent teaser with one clear watch action and a separate pause control. */
.screens-board .intro-card{padding:14px}
.intro-frame{padding:5px;border-radius:20px;aspect-ratio:16/9;overflow:hidden}
.intro-frame video{border-radius:14px;transition:transform .65s var(--ease)}
.intro-frame:after{content:'';position:absolute;inset:6px;border-radius:14px;background:linear-gradient(180deg,transparent 50%,#131C2B08 65%,#131C2B4D 100%);pointer-events:none}
.intro-watch{inset:6px;left:6px;bottom:6px;transform:none;width:auto;height:auto;padding:16px;display:flex;align-items:flex-end;justify-content:flex-start;border:0;border-radius:14px;background:transparent;box-shadow:none;z-index:1}
.intro-watch:hover{background:transparent;box-shadow:none}
.intro-watch-label{display:inline-flex;align-items:center;gap:11px;height:48px;padding:0 16px 0 9px;border:1px solid #ffffff26;border-radius:14px;background:#212A4A;color:#fff;box-shadow:0 5px 16px #10172b25;font-size:14px;font-weight:500;transition:background .25s,transform .3s var(--ease),box-shadow .3s}
.intro-play-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffffff13}
.intro-play-icon svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.intro-duration{font-size:12px;font-weight:450;color:#CBD3E1;padding-left:11px;margin-left:2px;border-color:#ffffff26}
.intro-watch:hover .intro-watch-label,.intro-watch:focus-visible .intro-watch-label{background:#303C5E;transform:translateY(-2px);box-shadow:0 8px 20px #10172b35}
.intro-watch:hover .intro-play-icon svg{transform:translateX(1px)}
.intro-motion{inset:auto 22px 28px auto;width:36px;height:36px;border-radius:11px;z-index:2;background:#212A4ABF;border:1px solid #ffffff40;backdrop-filter:blur(10px);transition:background .25s}
.intro-motion:hover{background:#212A4A}.intro-motion svg{width:17px;height:17px}
@media(prefers-reduced-motion:reduce){.intro-watch:hover .intro-watch-label,.intro-watch:focus-visible .intro-watch-label,.intro-watch:hover .intro-play-icon svg{transform:none}}

/* Compact controls for the small intro card. */
.intro-watch{padding:14px}
.intro-watch-label{height:38px;padding:0 12px 0 7px;gap:8px;border-radius:11px;font-size:12px}
.intro-play-icon{width:24px;height:24px;border-radius:7px}
.intro-play-icon svg{width:15px;height:15px}
.intro-duration{font-size:10px;padding-left:8px;margin-left:1px}
.intro-motion{right:20px;bottom:25px;width:28px;height:28px;border-radius:9px}
.intro-motion svg{width:14px;height:14px}

/* The authentic mobile app, cropped from Tithely’s front-facing product artwork. */
.screens-board .mobile-product-card{display:block;padding:0}
.screens-board>.mobile-product-card::after{content:"";position:absolute;inset:auto 0 0;height:64px;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#f7fcf9b3 0%,#eef8f738 48%,transparent 76%),linear-gradient(to top,#dcecf3 0%,#dcecf3cc 22%,#e6f2f352 58%,#e6f2f300 100%)}
.mobile-glass-frame{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:264px;padding:7px;border:1px solid #ffffffeb;border-radius:36px;background:#ffffff80;box-shadow:inset 0 1px 0 #fff,0 18px 36px -18px #294e6752}
.mobile-app-screen{position:relative;width:248px;height:538px;overflow:hidden;border-radius:28px;background:white}
.mobile-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:50px;height:12px;border-radius:99px;background:#ECEEEB}
.mobile-app-content{position:absolute;inset:28px 0 0;overflow:hidden;background:white}
/* Reconstructed product UI remains crisp at any display density. */
.mobile-ui{width:315px;padding:8px 18px 24px;transform:scale(.7873015873);transform-origin:top left;font-family:Arial,sans-serif;color:#212A4A;line-height:1.3}
.mobile-church{display:flex;align-items:center;gap:9px;height:36px;margin-bottom:24px}
.mobile-church>svg{width:36px;height:36px;flex:none}
.mobile-church>div{display:flex;flex-direction:column;gap:3px}
.mobile-church strong{font-size:15px;font-weight:700;letter-spacing:-.25px}
.mobile-church span{font-size:12px;color:#5B6B80}
.mobile-ui>h3{font:700 22px/28px Arial,sans-serif;letter-spacing:-.7px;color:#212A4A}
.mobile-prompt{margin-top:13px;font-size:14px;line-height:18px;color:#5B7182}
.mobile-give{height:44px;margin-top:17px;display:grid;place-items:center;border-radius:6px;background:#7BD4A6;color:white;font-size:16px;font-weight:700}
.mobile-quick{display:flex;justify-content:space-between;align-items:center;height:45px;margin-top:24px;padding:5px 15px;border-radius:6px;background:linear-gradient(120deg,#50C6AD 0%,#8A82E0 58%,#568BCB 100%);color:white;text-align:center}
.mobile-quick>div{display:flex;flex-direction:column;gap:1px}
.mobile-quick strong{font-size:14px;font-weight:500;line-height:18px}
.mobile-quick sup{font-size:8px}.mobile-quick span{font-size:10px;line-height:13px}
.mobile-explore{margin:26px 0 9px;font:500 14px/18px Arial,sans-serif;letter-spacing:0;color:#5B7182}
.mobile-explore-card{border:1px solid #EBEEEF;border-radius:14px;padding:14px 16px;margin-bottom:12px;font-size:12px;line-height:18px;min-height:128px;background:#fff}
.mobile-explore-card>p{max-width:172px}.mobile-explore-card>span{display:block;margin-top:24px;font-size:11px;color:#326F65}.mobile-explore-card b{padding-left:5px;font-weight:400}

/* Native People directory from the supplied Figma screen; the shared chrome stays still. */
.product-tour{position:relative}
.product-tour-stage{position:absolute;left:0;top:0;width:1732px;height:1120px;transform:scale(var(--tour-scale,.38));transform-origin:top left;background:#F1FAFA;font-family:Arial,sans-serif;color:#2D3E4C}
.screens-board .product-tour-stage img.people-asset{position:static;display:block;width:auto;height:auto;max-width:none;max-height:none;margin:0;border-radius:0;flex:none}
.screens-board .product-tour-stage .tour-giving-image{position:absolute;inset:0;width:1732px;height:1120px;max-width:none;margin:0;border-radius:0}
.tour-header{position:absolute;inset:0 0 auto;height:88px;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;background:#F1FAFA;z-index:3}
.tour-header-brand{display:flex;gap:23px;align-items:center;width:167px}
.tour-navigation{display:flex;gap:24px;align-items:center;color:#39486B;font-size:16px;font-weight:600;letter-spacing:-.32px}
.tour-navigation>span,.tour-navigation>button{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 16px;border-radius:100px;line-height:20px;border:0;background:transparent;font-family:Arial,sans-serif;font-size:16px;font-weight:600;transition:background .35s,color .35s}
.tour-navigation>button[aria-pressed=true]{background:#337987;color:white}
.tour-navigation>button:hover{box-shadow:0 0 0 3px #33798725}
.tour-profile{display:flex;align-items:center;gap:12px}.tour-profile>span{display:flex;align-items:center;gap:4.554px;padding:5.692px 11.385px;border-radius:114px;height:40px;background:#5261801A}.tour-profile b{width:24px;height:24px;border-radius:50%;background:#337987;color:white;font-size:16px;display:grid;place-items:center}
.people-directory{position:absolute;inset:88px 0 0;background:#F1FAFA;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.is-people .people-directory{opacity:1;visibility:visible}
.tour-directory-sidebar{position:absolute;top:1px;left:0;width:304px;padding-right:20px;display:flex;flex-direction:column;gap:10px;padding-top:5px}
.tour-directory-side-item{display:flex;gap:12px;align-items:center;padding:10px 10px 10px 25px;font-size:14px;line-height:20px;color:#172D35;font-weight:500;border-radius:0 100px 100px 0}
.tour-directory-side-item.selected{background:#DBF0F2;color:#337987;font-weight:600}
.tour-directory-main{position:absolute;top:1px;left:304px;width:1414px;min-height:1017px;border:1px solid #5261801A;border-radius:8px;background:white;box-shadow:0 1px 7.3px #1018281A;overflow:hidden}
.tour-directory-title{height:98px;padding:24px;display:flex;align-items:center;justify-content:space-between}
.tour-directory-title h3{font-family:Arial,sans-serif;font-size:42px;line-height:50px;font-weight:700;letter-spacing:0}
.tour-directory-add,.tour-directory-filter{display:flex;align-items:center;gap:8px;padding:10px;border-radius:4px;font-size:16px;line-height:18px;box-shadow:0 2px 8px -2px #0034624D}
.tour-directory-add{background:#006FBA;color:#E3F2FA}.tour-directory-filter{border:1px solid #003462;color:#003462}
.tour-directory-filters{display:flex;gap:21px;padding:0 24px 24px;height:64px;align-items:center}
.tour-directory-search{display:flex;align-items:center;gap:17px;border:2px solid #E2EAF0;border-radius:80px;width:1012px;height:40px;padding:0 13px;font-size:18px;color:#C2CFDA}
.tour-directory-actions{height:64px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:16px;color:#0F1A33}
.tour-directory-selection{display:flex;gap:12px;align-items:center}.tour-directory-checkbox{display:block;width:24px;height:24px;border:1.5px solid #D4D4D4;border-radius:4px;flex:none}
.tour-directory-actions>div{display:flex;gap:20px;align-items:center}
.tour-directory-action{display:flex;gap:8px;align-items:center;padding:4px 10px;border-radius:20px;background:#E3F2FA;color:#003462;line-height:18px;box-shadow:0 2px 8px -2px #0034624D}.tour-directory-action:last-child{box-shadow:none;background:none}
.tour-directory-row{display:grid;grid-template-columns:24px 64px 365px 1fr 385px;gap:29px;align-items:center;height:97px;padding:16px 24px;border-bottom:1px solid #D4D4D4;font-size:16px;line-height:20px;opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .7s var(--ease);transition-delay:0s}
.is-people .tour-directory-row{opacity:1;transform:none;transition-delay:calc(80ms * var(--row-order) + 100ms)}
.tour-directory-avatar{display:block;width:64px;height:64px;border-radius:50%;background-image:url('assets/people-directory/fictional-headshots.png');background-size:300% 300%;background-repeat:no-repeat}
.tour-directory-email{white-space:nowrap}.tour-directory-phone{display:flex;align-items:center;gap:12px;white-space:nowrap}
.tour-cursor{position:absolute;left:0;top:0;z-index:5;width:30px;height:38px;filter:drop-shadow(0 3px 4px #172D3530);pointer-events:none;transform-origin:0 0;opacity:0}
.tour-click-ring{position:absolute;top:44px;width:34px;height:34px;border:3px solid #337987;border-radius:50%;z-index:4;pointer-events:none;opacity:0}
.tour-manual .tour-cursor{visibility:hidden}
.product-tour-toggle{position:absolute;right:20px;bottom:18px;width:28px;height:28px;border:1px solid #ffffff70;border-radius:9px;background:#212A4A99;color:white;display:grid;place-items:center;font-size:12px;z-index:5}
.product-tour-toggle:hover{background:#212A4ACC}
@media(prefers-reduced-motion:reduce){.people-directory,.tour-directory-row{transition:none!important}.tour-cursor,.tour-click-ring{display:none}}
/* 4.83 — a clear offer and verified church stories. */
.cards-board .all-access{padding:28px 30px;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr auto;gap:24px 28px;background:#F5F4EF;border:1px solid #E7E9E3;box-shadow:none}
.cards-board .pricing-main{padding:0;min-width:0}


.cards-board .pricing-main h3{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin-top:12px}
.cards-board .pricing-main p{font-size:15px;line-height:1.45;color:#566860;margin-top:13px}
.cards-board .pricing-features{font-size:10.5px;gap:12px 14px;margin-top:20px}
.cards-board .pricing-features>span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.cards-board .pricing-features .icon{width:17px;height:17px;padding:3px;background:#E7EBE4;color:#61796B;border-radius:50%;flex-shrink:0}
.cards-board .pricing-products{padding-left:26px;gap:11px;border-left:1px solid #DDE1D9;justify-content:flex-start}
.cards-board .pricing-products>div{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;line-height:1.2}
.cards-board .pricing-products .product-icon,.pricing-planning-icon{width:33px;height:33px;flex-shrink:0}
.pricing-planning-icon{display:grid;place-items:center;background:#E4E6F1;border-radius:9px;color:#65718D}.pricing-planning-icon .icon{width:20px;height:20px}
.cards-board .price-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:0;gap:24px}
.cards-board .price-bottom strong{font-size:36px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.cards-board .price-bottom strong span{font-size:12px;font-weight:400;letter-spacing:0;margin-left:8px;color:#65756D}.cards-board .price-bottom small{display:block;font-size:9px;color:#738078;margin-top:5px}
.cards-board .pricing-cta{display:inline-flex;justify-content:center;align-items:center;gap:22px;font-size:13px;font-weight:550;min-height:46px;padding:13px 21px;border-radius:14px;text-decoration:none;background:#212A4A;color:#fff}.cards-board .pricing-cta:hover{background:#35405F}.pricing-cta>svg{width:18px;height:18px}
.customer-video-card{display:block;width:100%;padding:0;border:0;text-align:left;cursor:pointer;background:#3C352D;color:white;isolation:isolate;font-family:inherit}
.customer-video-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.customer-video-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#15221D30 0%,transparent 32%,#15221D15 45%,#111A18D9 100%);z-index:0;pointer-events:none}
.customer-video-duration{position:absolute;top:19px;left:21px;font-size:10px;letter-spacing:.02em;z-index:1;color:#ffffffdf}
.customer-video-copy{position:absolute;left:23px;right:23px;bottom:27px;z-index:1;display:block}.customer-video-quote{display:block;font-size:27px;font-weight:450;line-height:1.13;letter-spacing:-.025em;margin-bottom:19px}.customer-video-name{display:block;font-size:12px;font-weight:550}.customer-video-role{display:block;font-size:10px;color:#ffffffb8;margin-top:5px}
.customer-video-play{position:absolute;right:20px;bottom:26px;z-index:2;display:flex;align-items:center;justify-content:center;gap:0;width:39px;height:39px;border-radius:40px;background:#ffffff30;backdrop-filter:blur(12px);transition:width .3s,background .3s}.customer-video-play svg{width:17px;height:17px;flex-shrink:0}.customer-video-hover-label{font-size:10px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s,opacity .3s}
.customer-video-card:hover>img{transform:scale(1.035)}.customer-video-card:hover .customer-video-play,.customer-video-card:focus-visible .customer-video-play{width:110px;background:#212A4A;gap:8px}.customer-video-card:hover .customer-video-hover-label,.customer-video-card:focus-visible .customer-video-hover-label{max-width:70px;opacity:1}.customer-video-card:focus-visible{outline:3px solid #347E65;outline-offset:4px}
.cards-board .customer-stories{grid-column:2/4;padding:23px 27px;background:#F5F4EF;border:0;display:flex;flex-direction:column}
.customer-story-header{display:flex;align-items:center;gap:11px}.customer-story-avatar{width:42px;height:42px;overflow:hidden;border-radius:50%;flex-shrink:0}.customer-story-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.65);transform-origin:65% 35%}.customer-story-credentials{display:flex;flex-direction:column;gap:4px}.customer-story-credentials strong{font-size:13px;font-weight:550}.customer-story-credentials>span{font-size:10px;color:#66766F}.customer-church-logo{margin-left:auto;background:#28352E;border-radius:9px;padding:13px 12px;width:125px}.customer-church-logo img{width:100%;display:block}.customer-product-tag{margin-left:auto;padding:9px 12px;border-radius:9px;background:#E8ECE5;color:#65756D;font-size:10px}
.customer-story-content blockquote{font-size:24px;font-weight:450;line-height:1.22;letter-spacing:-.025em;margin:20px 0 17px;max-width:640px;color:#212A4A}.customer-story-source{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:550;color:#546A5E;text-decoration:none}.customer-story-source>svg{width:13px;height:13px}.customer-story-source:hover{text-decoration:underline;text-underline-offset:3px}
.customer-story-controls{position:absolute;right:26px;bottom:20px;display:flex;align-items:center;gap:7px}.customer-story-counter{font-size:9px;color:#748178;margin-right:7px;letter-spacing:.05em}.customer-story-controls button{width:30px;height:30px;border:0;background:#E5E9E1;color:#52685B;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .2s}.customer-story-controls button:hover{background:#D6E1D5}.customer-story-controls button:first-of-type svg{transform:rotate(180deg)}.customer-story-controls svg{width:15px;height:15px}
#customer-story-dialog{width:min(960px,90vw);padding:18px;background:#212A4A;border:1px solid #ffffff25;border-radius:22px;color:#fff}#customer-story-dialog h2{font-size:15px;font-weight:500;margin:2px 40px 18px 4px;letter-spacing:0}#customer-story-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:11px;background:#111}#customer-story-dialog .dialog-close{top:8px;right:12px;background:#ffffff15;color:white}#customer-story-dialog>a{display:inline-block;margin:12px 4px 0;color:#CFDAD5;font-size:12px}
@media(prefers-reduced-motion:reduce){.customer-video-card>img,.customer-video-play,.customer-video-hover-label{transition:none}}
.customer-story-avatar img[src*="rich-graham"]{transform:scale(2.5);transform-origin:65% 30%}
/* 4.84 — generous, editorial composition for the offer and customer story. */
#interface{height:calc(960px * var(--board-scale,1))}#interface .board-stage{height:960px}
.cards-board{height:800px;grid-template-columns:360px 436px 412px;grid-template-rows:414px 370px;gap:16px}
.cards-board .all-access{padding:30px;grid-template-columns:1.45fr 1fr;gap:22px 24px;background:#F5F4EF;border-color:#E5E8E0;box-shadow:0 0 0 4px #EEF6EF70}


.cards-board .pricing-main h3{font-size:42px;margin-top:14px;letter-spacing:-.045em}
.cards-board .pricing-main p{font-size:19px;line-height:1.43;color:#354E43;max-width:398px;margin-top:14px}
.cards-board .pricing-features{font-size:11.5px;gap:14px 12px;margin-top:24px;color:#486253}
.cards-board .pricing-features>span{gap:8px;white-space:normal;line-height:1.3}
.cards-board .pricing-features .icon{width:21px;height:21px;padding:5px;background:radial-gradient(ellipse at 25% 15%,#F9FBF7,#DEE6DB);box-shadow:inset 0 1px 1px white,0 1px 2px #365D4212;color:#718579;stroke-width:2.5}
.cards-board .pricing-products{padding-left:23px;gap:16px;padding-top:3px}.cards-board .pricing-products>div{font-size:15px;font-weight:550;gap:12px;color:#273D34}
.cards-board .pricing-products .product-icon,.pricing-planning-icon{width:40px;height:40px;background:none;border-radius:11px}.cards-board .pricing-products .product-tint{opacity:1}.cards-board .pricing-products .product-icon{color:var(--product-ink)!important}.pricing-planning-icon{background:#E1DBF4;color:#655084}.pricing-planning-icon .icon{width:24px;height:24px}
.cards-board .price-bottom strong{font-size:41px}.cards-board .price-bottom strong span{font-size:14px}.cards-board .price-bottom small{font-size:10px;margin-top:6px}.cards-board .pricing-cta{font-size:14px;min-height:49px;padding:14px 23px}
.customer-video-card>img{object-position:60% center}.customer-video-duration{top:23px;left:25px;font-size:11px}.customer-video-copy{left:27px;bottom:30px;right:27px}.customer-video-quote{font-size:32px;margin-bottom:23px;line-height:1.14}.customer-video-name{font-size:14px}.customer-video-role{font-size:11px;margin-top:5px}
.customer-video-play{right:24px;bottom:30px;width:43px;height:43px;background:#FFFFFFED;color:#30483D;box-shadow:0 3px 12px #00000010}.customer-video-card:hover .customer-video-play,.customer-video-card:focus-visible .customer-video-play{width:118px;background:#FFFFFF;color:#30483D;gap:8px}.customer-video-hover-label{font-size:11px}
.cards-board .customer-stories{padding:30px 35px;background:#E7F7EE;border:1px solid #CFE7D9;border-radius:29px;color:#194F3B;display:block}
.customer-story-header{gap:24px;min-height:108px}.customer-portrait-stack{position:relative;width:90px;height:108px;flex-shrink:0;margin-left:4px}
.customer-story-avatar{width:79px;height:101px;border-radius:19px;border:3px solid white;transform:rotate(-8deg);box-shadow:0 6px 12px #2A58421B;overflow:hidden;background:#C9DED6}
.customer-story-avatar img{transform:scale(1.13);object-position:62% center;transform-origin:62% 35%}
.customer-portrait-stack .customer-church-logo{position:absolute;bottom:-2px;right:-11px;margin:0;width:48px;height:48px;padding:6px;border:3px solid white;border-radius:50%;background:#28352E;box-shadow:0 3px 6px #2A584220;display:grid;place-items:center}.customer-church-logo img{width:100%}
.customer-story-credentials strong{font-size:23px;font-weight:550;letter-spacing:-.025em;color:#1E5741}.customer-story-credentials>span{font-size:15px;line-height:1.38;color:#618474}.customer-story-credentials{gap:4px}
.customer-story-body{display:grid;grid-template-columns:1.32fr 1fr;gap:28px;margin-top:31px}
.customer-story-content blockquote{position:relative;font-size:26px;line-height:1.38;letter-spacing:-.025em;margin:0;color:#245C46;font-weight:430;padding-left:14px}.customer-quote-mark{color:#9ABFA9;font-weight:650}.customer-quote-mark:first-child{position:absolute;left:-1px;top:-2px}
.customer-story-outcome{border-left:1px solid #CBE3D4;padding-left:28px;display:flex;flex-direction:column;align-items:flex-start}.customer-story-outcome>strong{font-size:64px;font-weight:450;letter-spacing:-.05em;line-height:.95;color:#1E5741}.customer-story-outcome>p{font-size:15px;line-height:1.38;color:#3E715B;margin:13px 0 18px;max-width:215px}.customer-story-source{display:flex;justify-content:center;align-items:center;background:#FFFFFFDC;color:#214E3B;font-size:13px;font-weight:550;min-height:43px;border-radius:26px;width:100%;padding:12px 20px;transition:background .2s,box-shadow .2s}.customer-story-source:hover{background:#fff;text-decoration:none;box-shadow:0 4px 12px #3A755514}
.cards-board .planning-feature{flex-direction:column;justify-content:center;gap:24px;padding:25px}.cards-board .planning-mini{width:248px;padding:19px;border-radius:20px}.cards-board .planning-mini h4{font-size:13px;margin-bottom:14px}.cards-board .planning-mini>div{font-size:11px;padding-top:12px;margin-top:10px;gap:9px}.cards-board .planning-mini .avatar{width:28px;height:28px}.cards-board .planning-feature>div:last-child{display:flex;align-items:center;gap:16px;width:248px}.cards-board .planning-feature h3{font-size:29px;flex-shrink:0}.cards-board .planning-feature .arrow-pill{margin:0;font-size:9px;padding-left:10px}.cards-board .planning-feature .arrow-disc{display:none}
@media print{#interface{height:960px}}
.cards-board .pricing-products .product-tint{clip-path:none}
.customer-story-avatar img{transform:scale(1.65);transform-origin:62% 28%}
.customer-portrait-stack .customer-church-logo{padding:0;overflow:hidden;background:#F6E75F}.customer-portrait-stack .customer-church-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.customer-story-content blockquote{font-size:30px;line-height:1.35}
.customer-story-outcome>p{font-size:17px;line-height:1.35}
#interface{height:calc(1040px * var(--board-scale,1))}#interface .board-stage{height:1040px}.cards-board{height:880px;grid-template-rows:450px 414px}
.customer-story-avatar img{transform:scale(1.9);transform-origin:62% 28%}
@media print{#interface{height:1040px}}
/* 4.85 — compact story, preview motion and a Sunday scheduling illustration. */
#interface{height:calc(940px * var(--board-scale,1))}#interface .board-stage{height:940px}.cards-board{height:780px;grid-template-rows:434px 330px}
.cards-board .all-access{padding:27px 28px;gap:20px 22px}
.cards-board .pricing-products{padding-left:21px;gap:16px;overflow:visible;position:relative;z-index:4}.cards-board .pricing-products>div{gap:10px;font-size:14px;position:relative}
.pricing-info-wrap{position:relative;margin-left:auto;display:inline-flex;align-items:center}
.pricing-info{border:1.3px solid #8B9B91;color:#7A8C80;background:transparent;width:15px;height:15px;border-radius:50%;font:600 10px/1 Georgia,serif;padding:0;cursor:help;display:grid;place-items:center}.pricing-info:hover,.pricing-info:focus-visible{background:#fff;color:#285D47;border-color:#285D47;outline:none}
.pricing-tooltip{position:absolute;right:-5px;bottom:calc(100% + 10px);width:205px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #DDE5DD;box-shadow:0 8px 24px #254B3226;font-size:11px;font-weight:400;line-height:1.5;color:#466052;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none;z-index:10}.pricing-tooltip:after{content:'';position:absolute;right:9px;bottom:-5px;width:8px;height:8px;background:#fff;transform:rotate(45deg);border-right:1px solid #DDE5DD;border-bottom:1px solid #DDE5DD}.pricing-info-wrap:hover .pricing-tooltip,.pricing-info-wrap:focus-within .pricing-tooltip{opacity:1;visibility:visible;transform:none}.pricing-product-row:first-child .pricing-tooltip{top:calc(100% + 10px);bottom:auto}.pricing-product-row:first-child .pricing-tooltip:after{top:-5px;bottom:auto;transform:rotate(225deg)}
.customer-preview-embed{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.customer-preview-embed video{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center;pointer-events:none}
.customer-video-card>img{object-position:68% center;transition:opacity .3s ease}.customer-video-card:hover>img{transform:none}.customer-video-card.is-previewing .customer-preview-embed{opacity:1}.customer-video-card.is-previewing>img{opacity:0}.customer-video-card:after{z-index:1;background:linear-gradient(180deg,transparent 27%,#14201A08 43%,#15221DDF 100%)}.customer-video-copy,.customer-video-play{z-index:2}.customer-video-copy{bottom:27px}.customer-video-quote{font-size:29px;line-height:1.13}.customer-video-card:hover .customer-video-play,.customer-video-card:focus-visible .customer-video-play{width:128px;background:#fff}.customer-video-card:hover .customer-video-hover-label,.customer-video-card:focus-visible .customer-video-hover-label{max-width:84px}
.cards-board .customer-stories{padding:22px 31px;background:radial-gradient(ellipse at 100% 0%,#DEE5F580,transparent 64%),radial-gradient(ellipse at 0% 100%,#C9EADD9C,transparent 65%),linear-gradient(120deg,#F2F8EB,#E8F5ED 55%,#E3F0F2);border:1px solid #DCE9E1}
.customer-story-header{min-height:83px;gap:22px}.customer-portrait-stack{height:83px;width:78px}.customer-story-avatar{width:66px;height:82px;border-radius:17px}.customer-story-avatar img{object-position:68% center;transform:scale(1.06);transform-origin:68% 35%}.customer-portrait-stack .customer-church-logo{width:39px;height:39px;right:-5px;bottom:-2px;border-width:2.5px}.customer-story-credentials strong{font-size:22px}.customer-story-credentials>span{font-size:13px;line-height:1.4}
.customer-story-body{margin-top:20px;grid-template-columns:1.25fr 1fr;gap:25px}.customer-story-content blockquote{font-size:27px;line-height:1.36;letter-spacing:-.025em;padding-left:13px}.customer-story-outcome{padding-left:25px;justify-content:flex-start}.customer-story-outcome>strong{font-size:64px;line-height:.95;letter-spacing:-.05em;white-space:nowrap}.customer-story-outcome>strong>span{font-size:28px;font-weight:450;letter-spacing:-.03em}.customer-story-outcome>p{font-size:15px;line-height:1.35;margin:10px 0 13px;max-width:240px}.customer-story-outcome>p>small{display:block;font-size:9px;color:#6D8A7C;margin-top:5px}
.customer-story-outcome .customer-story-source{display:inline-flex;justify-content:space-between;gap:15px;width:100%;min-height:39px;padding:5px 6px 5px 17px;background:#FFFFFFDB;color:#2D5E47;font-size:12px;font-weight:550;border-radius:50px}.customer-story-source>.icon{width:29px;height:29px;padding:6px;border-radius:50%;background:#E9F5ED;color:#376E55;transition:transform .25s,background .25s}.customer-story-source:hover>.icon{background:#D8EEE1;transform:translateX(1px)}
.sunday-planning-card{grid-column:1/2;border:0;background:radial-gradient(ellipse at 15% 0%,#F6F7F1,transparent 60%),linear-gradient(145deg,#DCECF4,#DBE8F0 55%,#DBDFEF);padding:19px 23px;isolation:isolate}
.sunday-graphic{height:224px;position:relative;margin:0 -6px}.sunday-backplate{position:absolute;width:247px;height:170px;left:32px;top:11px;border:1px solid #ffffff9c;border-radius:22px;background:#FFFFFF55;transform:rotate(-5deg);box-shadow:0 12px 25px #547B8C0D}
.sunday-calendar{position:absolute;left:23px;top:17px;width:260px;padding:16px 16px 13px;background:#FFFFFFF2;border:1px solid white;border-radius:19px;box-shadow:0 15px 30px -12px #436C8133;transform:rotate(-2deg)}
.sunday-calendar-heading{display:flex;align-items:center;gap:9px}.sunday-calendar-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#EBF1F6;color:#49677D}.sunday-calendar-icon .icon{width:17px;height:17px}.sunday-calendar-heading strong{display:block;font-size:13px;font-weight:550;color:#2D3B54}.sunday-calendar-heading small{display:block;font-size:8px;color:#8D9AA2;margin-top:4px}.sunday-menu{margin-left:auto;font-size:19px;color:#8497A5;line-height:1}
.sunday-week{display:flex;justify-content:space-between;margin-top:14px;padding-bottom:12px;border-bottom:1px solid #EEF1F2}.sunday-week>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:37px;height:48px;border-radius:11px;position:relative;gap:5px;color:#687E90}.sunday-week small{font-size:8px;font-weight:500}.sunday-week strong{font-size:14px;font-weight:500}.sunday-week .sunday-selected{background:#D6EFE2;color:#2B6C50;box-shadow:inset 0 1px 0 #F2FBF6}.sunday-selected i{width:3px;height:3px;background:#5B9E7A;position:absolute;bottom:4px;border-radius:50%}
.sunday-time-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:9px;color:#7B8C98}.sunday-time-row strong{font-size:11px;display:flex;align-items:center;gap:7px;font-weight:500;color:#4A6B5D}.sunday-time-row .icon{width:13px;height:13px;color:#4D9D75}
.sunday-teams{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:8px;color:#82918D}.sunday-team-dots{display:flex;padding-left:4px}.sunday-team-dots i{width:23px;height:23px;border:2px solid white;border-radius:50%;margin-left:-4px;background-image:url('assets/people-directory/fictional-headshots.png');background-size:300% 300%;background-position:0 0}.sunday-team-dots i:nth-child(2){background-position:50% 0}.sunday-team-dots i:nth-child(3){background-position:100% 0}
.sunday-confirmation{position:absolute;right:-3px;bottom:2px;background:#FFFFFFF2;border:1px solid #FFFFFF;border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px #35586C1A;transform:rotate(2deg);transition:transform .5s cubic-bezier(.2,.7,.3,1)}.sunday-confirmation>.icon{width:25px;height:25px;padding:5px;border-radius:50%;background:#D5F0E1;color:#3F8B63}.sunday-confirmation>span{font-size:10px;color:#3D5E4E;font-weight:550}.sunday-confirmation small{display:block;font-size:8px;color:#8B9C91;margin-top:4px;font-weight:400}.sunday-planning-card:hover .sunday-confirmation{transform:rotate(0deg) translateY(-3px)}
.sunday-card-copy{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:12px}.sunday-card-copy h3{font-size:27px;line-height:1.04;font-weight:450;letter-spacing:-.035em}.sunday-card-copy .eyebrow-link{font-size:9px;gap:8px;min-height:32px;padding:4px 5px 4px 11px;white-space:nowrap;text-decoration:none;background:#D3E7F1;color:#416C83}.sunday-card-copy .eyebrow-link .icon{width:22px;height:22px;padding:4px;background:#BDDAE9;border-radius:50%}
@media print{#interface{height:940px}}
@media(prefers-reduced-motion:reduce){.sunday-confirmation,.customer-preview-embed,.customer-video-card>img{transition:none}}
.customer-story-avatar img{object-position:46% center;transform:none}

/* 4.86 — a steady video action, with a softly rounded play glyph. */
.customer-video-play,.customer-video-card:hover .customer-video-play,.customer-video-card:focus-visible .customer-video-play{width:128px;gap:8px;background:#fff;transition:box-shadow .2s ease}
.customer-video-hover-label,.customer-video-card:hover .customer-video-hover-label,.customer-video-card:focus-visible .customer-video-hover-label{max-width:none;opacity:1;overflow:visible;transition:none}

/* 4.87 — two aligned rows: toolkit and story, warm light and human connection. */
#interface{height:calc(1000px * var(--board-scale,1))}#interface .board-stage{height:1000px}
.cards-board{height:840px;grid-template-columns:372px 388px 448px;grid-template-rows:434px 390px;gap:16px}
.cards-board .all-access{grid-column:1/3;grid-row:1;padding:28px;grid-template-columns:1.34fr 1fr;gap:20px 22px;background:#F6F5F0;border:1px solid #E9EBE3;box-shadow:0 0 0 3px #F2F5EF88}
.cards-board .pricing-main p{font-size:19px;line-height:1.42;text-wrap:pretty}
.cards-board .pricing-features{gap:16px 12px;margin-top:25px}
.cards-board .pricing-features .icon{width:22px;height:22px;padding:3px;border-radius:50%;color:#54816B;background:#E5EDE5;box-shadow:none;stroke-width:1.8;flex-shrink:0}
.cards-board .customer-video-card{grid-column:3;grid-row:1}
.customer-video-play,.customer-video-card:hover .customer-video-play,.customer-video-card:focus-visible .customer-video-play{width:48px;height:48px;padding:0;gap:0;border-radius:50%;background:#FFFFFFED;color:#30483D;backdrop-filter:blur(8px);transition:opacity .18s,background .18s;box-shadow:0 3px 10px #15261D12}
.customer-video-play svg{width:19px;height:19px;margin-left:2px}
.cards-board .customer-stories{grid-column:1/3;grid-row:2;padding:27px 30px;border:1px solid #E3E8E2;background:radial-gradient(ellipse at 0% 100%,#D8E4EBB8,transparent 66%),radial-gradient(ellipse at 100% 0%,#E6E9DCA6,transparent 65%),linear-gradient(115deg,#F9F7EE,#F0F1E8 52%,#E9EEE6);color:#263F3A}
.customer-story-header{min-height:90px;gap:21px}.customer-portrait-stack{width:83px;height:90px;margin-left:3px}.customer-story-avatar{width:72px;height:89px;border:3px solid #fff;border-radius:19px;transform:rotate(-7deg);box-shadow:0 5px 12px #29453D17}
.customer-story-avatar img{object-fit:cover;object-position:43% 17%;transform:scale(2.15);transform-origin:43% 18%}
.customer-portrait-stack .customer-church-logo{width:40px;height:40px;right:-4px;bottom:-3px;padding:5px;background:#fff;border:2px solid #fff;box-shadow:0 3px 7px #29453D15}.customer-portrait-stack .customer-church-logo img{object-fit:contain;border-radius:0}
.customer-story-credentials strong{font-size:23px;letter-spacing:-.025em;color:#263F3A}.customer-story-credentials>span{font-size:13px;line-height:1.42;color:#74877D}
.customer-story-body{margin-top:24px;grid-template-columns:1.34fr 1fr;gap:24px;align-items:stretch}
.customer-story-content blockquote{font-size:25px;line-height:1.32;font-weight:430;letter-spacing:-.025em;color:#2D4C43;text-wrap:pretty;padding-left:14px}
.customer-quote-mark{color:#A5BCAB}
.customer-story-outcome{padding-left:24px;border-color:#D1DCD1;justify-content:flex-start}
.customer-story-outcome>strong{font-size:90px;line-height:.98;font-weight:430;letter-spacing:-.07em;color:#294F42}.customer-story-outcome>strong>span{font-size:53px;letter-spacing:-.055em;margin-left:2px;font-weight:430}
.customer-story-outcome>p{font-size:15px;line-height:1.4;margin:11px 0 18px;max-width:none;color:#607E6D;text-wrap:pretty}
.customer-story-outcome .customer-story-source{width:100%;min-height:39px;padding:5px 6px 5px 15px;font-size:12px;background:#FFFFFFD9;color:#355D4B}
.customer-story-source>.icon{background:#E5EDE1;color:#477257}
.connection-feature-card{grid-column:3;grid-row:2;position:relative;border:0;padding:0;isolation:isolate;background:radial-gradient(ellipse at 0 0,#F2F4EE,transparent 65%),radial-gradient(ellipse at 100% 100%,#C8D6E8,transparent 66%),linear-gradient(145deg,#DEEBE9,#C5E2E2 60%,#BFD8E2)}
.connection-orbit{position:absolute;left:50%;top:50%;border:1px solid #FFFFFF75;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:420px;height:420px}.orbit-two{width:305px;height:305px}
.connection-message{position:absolute;top:38px;left:39px;width:342px;padding:21px 22px 18px;background:#FFFFFFF5;border:1px solid #fff;border-radius:23px;box-shadow:0 20px 40px -14px #45737530;transform:rotate(-3deg)}
.connection-message-head{display:flex;align-items:center;gap:8px;color:#33473D;font-size:13px;font-weight:550}.connection-message-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#E5F2E9;color:#548773}.connection-message-icon .icon{width:15px;height:15px}.connection-menu{margin-left:auto;font-size:20px;line-height:1;color:#AAB9AD}
.connection-recipients{display:flex;align-items:center;gap:10px;margin-top:16px;border-bottom:1px solid #E8EDE6;padding-bottom:14px;font-size:10px;color:#A2ACA4}.connection-group{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:22px;color:#557164;background:#EEF3EB;font-size:10px}.connection-group small{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#E0E9DA;color:#7D9275;font-size:8px}
.connection-mini-avatar,.connection-reply-avatar{background-image:url('assets/people-directory/fictional-headshots.png');background-size:300% 300%;background-position:50% 0;border-radius:50%;flex-shrink:0}.connection-mini-avatar{width:22px;height:22px;background-position:0 0}
.connection-message>p{font-size:17px;line-height:1.42;font-weight:400;letter-spacing:-.025em;color:#526B5E;margin:18px 0 20px}.connection-message>p strong{font-weight:550;color:#344F40}
.connection-message-foot{display:flex;align-items:center;justify-content:space-between}.connection-message-foot>span:first-child{display:flex;gap:12px;color:#AFBBAF}.connection-message-foot .icon{width:14px;height:14px}.connection-send{height:30px;width:36px;border-radius:9px;background:#9BE8C5;color:#347256;display:grid;place-items:center}.connection-send .icon{width:17px;height:17px}
.connection-reply{position:absolute;left:59px;right:25px;top:232px;display:flex;align-items:center;gap:10px;padding:15px 17px;background:#FFFFFFE8;border:1px solid white;border-radius:17px;box-shadow:0 10px 25px -10px #4269742B;transform:rotate(2deg);backdrop-filter:blur(8px)}
.connection-reply-avatar{width:35px;height:35px;border:2px solid #fff;background-position:100% 0}.connection-reply small{font-size:8px;color:#A2AFA3}.connection-reply p{font-size:12px;color:#516B5B;margin-top:4px;white-space:nowrap}.connection-heart{display:grid;place-items:center;width:24px;height:24px;margin-left:auto;border-radius:50%;background:#EEF3E7;color:#8B9A74}.connection-heart .icon{width:12px;height:12px}
.connection-delivered{position:absolute;left:35px;bottom:26px;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #FFFFFF;border-radius:16px;background:#EDF7F0E8;box-shadow:0 8px 18px #42697412;transform:rotate(-2deg)}.connection-delivered>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#D5ECD9;color:#5D8B66}.connection-delivered .icon{width:17px;height:17px;stroke-width:1.8}.connection-delivered strong{display:block;font-size:11px;font-weight:550;color:#4D7058}.connection-delivered small{display:block;font-size:8px;margin-top:3px;color:#8AA08A}
@media(prefers-reduced-motion:reduce){}
@media print{#interface{height:1000px}}

.customer-story-avatar img{transform:scale(3.15);transform-origin:43% 18%}
.connection-message>p{margin-bottom:2px}
.customer-video-card{user-select:none;-webkit-user-select:none}.customer-video-card img{-webkit-user-drag:none}

/* Native-size board export for the saved slide assets. */
body.single-board-export{width:1280px;min-width:1280px;background:white}
.single-board-export>:not(#boards){display:none!important}
.single-board-export #boards{width:1280px;max-width:none;margin:0;padding:0}
.single-board-export .board-shell{display:none;margin:0;width:1280px;max-width:none}
.single-board-export .board-shell[data-export-active]{display:block}
.single-board-export .board-stage{transform:none}

/* 4.89 — a quiet centered footer and a guide to the design and its interactions. */
.end-note{justify-content:center;padding:12px 24px 32px;gap:0;color:#738176}
.end-note #notes-open{font-size:13px;font-weight:500;letter-spacing:-.01em;padding:8px 10px;border-radius:8px;color:inherit;transition:color .2s}
.end-note #notes-open:hover,.end-note #notes-open:focus-visible{color:#2E5947;text-decoration:underline;text-underline-offset:5px}
#notes{width:800px;max-width:calc(100vw - 40px);max-height:86vh;padding:0;border:1px solid #E0E7DE;border-radius:26px;background:#FCFDF9;color:#263E34;overflow:auto;scrollbar-color:#C8D4C7 transparent}
.design-notes-header{position:sticky;top:0;z-index:2;padding:29px 38px 23px;background:#FCFDF9F5;border-bottom:1px solid #E5EBE1;backdrop-filter:blur(16px)}
.design-notes-header .micro{display:block;font-size:10px;color:#879789;letter-spacing:.055em;margin-bottom:9px}
#notes h2{font-size:31px;line-height:1.15;font-weight:450;letter-spacing:-.04em;margin:0}
#notes .dialog-close{top:25px;right:27px;background:#EDF2E9;color:#5F7563}
.design-notes-body{padding:30px 38px 35px}
#notes h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.03em;color:#2F4E3C;margin:0 0 15px}
#notes .design-concept h3{font-size:30px;line-height:1.13;font-weight:450;letter-spacing:-.04em;color:#283D35;margin-bottom:18px}
#notes p{font-size:14px;line-height:1.65;color:#637564;margin:0}
#notes .design-notes-lead{font-size:16px;line-height:1.6;color:#536B59}
.design-language{margin-top:34px;padding-top:29px;border-top:1px solid #E2E9DD}
.design-principles{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}
#notes h4{font-size:13px;line-height:1.4;font-weight:550;letter-spacing:-.01em;color:#3F5F48;margin:0 0 7px}
#notes .design-notes-summary{margin-top:26px;padding:18px 20px;background:#EEF3E9;border-radius:14px;color:#60765E}
.design-interactions{margin-top:32px;padding-top:29px;border-top:1px solid #E2E9DD}
#notes .design-interactions-intro{margin:-5px 0 20px}
.design-interactions dl{margin:0;display:grid;gap:18px}
.design-interactions dl>div{display:grid;grid-template-columns:145px 1fr;gap:23px}
.design-interactions dt{font-size:12px;font-weight:550;line-height:1.5;color:#45654E}
.design-interactions dd{font-size:14px;line-height:1.6;color:#657763;margin:0;text-wrap:pretty}
#notes .design-notes-accessibility{font-size:11px;line-height:1.6;margin-top:24px;padding-top:20px;border-top:1px solid #E2E9DD;color:#6A7C66}
@media(max-width:600px){.design-notes-header{padding:25px 24px 20px}.design-notes-body{padding:26px 24px 30px}.design-principles{grid-template-columns:1fr;gap:20px}.design-interactions dl>div{grid-template-columns:1fr;gap:6px}#notes .dialog-close{right:18px;top:20px}#notes h2{font-size:28px}#notes .design-concept h3{font-size:27px}}

/* 4.90 — one close control across every light and dark modal. */
dialog .dialog-close,#notes .dialog-close,#intro-dialog .dialog-close,#customer-story-dialog .dialog-close{position:absolute;top:20px;right:20px;width:40px;height:40px;min-width:40px;min-height:40px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;font-size:0;line-height:0;letter-spacing:0;background:#EDF2E9;color:#212A4A;box-shadow:none;transform:none;transition:background .18s,color .18s;z-index:3;flex-shrink:0}
dialog .dialog-close .modal-close-icon{display:block;width:20px;height:20px;margin:0;padding:0;pointer-events:none}
dialog .dialog-close:hover,#notes .dialog-close:hover{background:#E2EBDD;color:#212A4A;transform:none;box-shadow:none}
dialog .dialog-close:focus-visible{outline:2px solid #5DA782;outline-offset:3px}
#intro-dialog .dialog-close,#customer-story-dialog .dialog-close{background:#FFFFFF14;color:#F9FBF6}
#intro-dialog .dialog-close:hover,#customer-story-dialog .dialog-close:hover{background:#FFFFFF26;color:#FFFFFF}
#intro-dialog .dialog-close:focus-visible,#customer-story-dialog .dialog-close:focus-visible{outline-color:#9BE8C5}
#intro-dialog{padding:76px 20px 20px}
#customer-story-dialog{padding:20px}
#customer-story-dialog h2{min-height:40px;display:flex;align-items:center;margin:0 64px 16px 0;line-height:1.4}
#screen-dialog{padding:76px 20px 20px}
#screen-dialog img{max-height:calc(78vh - 76px)}
#journey-dialog h2{margin-right:64px}
.design-notes-header{padding-right:84px}
@media(max-width:600px){.design-notes-header{padding-right:78px}}
@media(prefers-reduced-motion:reduce){dialog .dialog-close{transition:none}}

/* 4.91 — a quieter Giving tile, a focused recurring gift and the story on the right. */
.product-icon[data-product="giving"] .product-tint{fill:#7BDDB3}
.cards-board{grid-template-columns:448px 312px 448px}
.cards-board .customer-stories{grid-column:2/4;grid-row:2;background:linear-gradient(115deg,#EFFAF1 0%,#E0F4E9 48%,#E4F2F5 100%);border-color:#D7E9DF}
.recurring-feature-card{grid-column:1;grid-row:2;display:grid;place-items:center;padding:25px;border:0;background:radial-gradient(ellipse at 0% 0%,#F7F9F0,transparent 67%),linear-gradient(135deg,#E5EFF0,#C9E4EC 63%,#D2DCEF)}
.recurring-panel{width:332px;background:#FFFFFFF5;border:1.5px solid #FFFFFF;border-radius:24px;padding:21px 24px 20px;box-shadow:0 20px 36px -17px #416A792E,0 2px 8px #35596805;color:#36534A}
.recurring-panel-head{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;letter-spacing:-.02em;color:#334F43}
.recurring-symbol{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#E7F4ED;color:#5D8E75}.recurring-symbol .icon{width:17px;height:17px;stroke-width:1.7}
.recurring-status-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#91C9AA}
.recurring-amount{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 17px}.recurring-amount>strong{font-size:44px;line-height:1.1;letter-spacing:-.055em;font-weight:450;color:#2E4C3E}.recurring-amount>strong>span{font-size:28px;letter-spacing:-.04em;color:#8EA796;font-weight:400}.recurring-amount>span{font-size:11px;color:#93A697}
.recurring-frequency{display:flex;gap:4px;background:#F0F3ED;border:1px solid #E9EEE5;border-radius:12px;padding:4px;font-size:11px;color:#9DAA9D}.recurring-frequency>span{display:grid;place-items:center;flex:1;height:30px;border-radius:8px}.recurring-frequency .is-selected{background:#D8F0E2;color:#4D785D;font-weight:550;box-shadow:0 1px 2px #53745907}
.recurring-fund-row{display:flex;justify-content:space-between;margin-top:17px;padding-bottom:16px;border-bottom:1px solid #E9EEE6;font-size:11px;color:#A0ADA0}.recurring-fund-row strong{font-weight:500;color:#677F6C}
.recurring-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.recurring-setting strong{display:block;font-size:12px;font-weight:550;color:#4B6A55}.recurring-setting>div>span{display:block;font-size:9px;color:#9EAD9E;margin-top:4px}
.recurring-switch{display:block;position:relative;width:37px;height:22px;border-radius:20px;background:#9EDABE;box-shadow:inset 0 1px 1px #679B7210;flex-shrink:0}.recurring-switch i{position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 2px #37574515}
.recurring-confirmation{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:10px;color:#84A88C}.recurring-confirmation .icon{width:13px;height:13px;stroke-width:1.7}
#screen-dialog img{max-width:100%;margin-left:auto;margin-right:auto}
/* Center the testimonial quote against the complete result column. */
.customer-story-content blockquote{align-self:center}

/* 4.93 — hover plays the preview; the compact play action stays fixed. */
.customer-video-card,.customer-video-card *{cursor:pointer}
.customer-video-play,.customer-video-card:hover .customer-video-play,.customer-video-card:focus-visible .customer-video-play{width:40px;height:40px;opacity:1;transform:none;background:#FFFFFFED;transition:none}
.customer-video-play{display:grid;place-items:center;color:#212A4A}
.customer-video-play svg{display:block;width:19px;height:19px;margin:0;padding:0;fill:currentColor;stroke:currentColor;stroke-width:1.2}
/* A complete shared video shell: clear identity, a framed player and a quiet footer. */
#intro-dialog,#customer-story-dialog{width:min(1040px,calc(100vw - 48px),calc((100dvh - 180px) * 16 / 9 + 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;background:#FCFDF9;border:1px solid #E0E8DC;border-radius:24px;box-shadow:0 35px 100px #152D293D,0 4px 16px #152D2912;overflow:auto;color:#283F35}
.video-dialog-header{position:relative;display:flex;align-items:center;gap:20px;padding:20px 84px 20px 24px;min-height:80px}
.video-dialog-header>div{min-width:0;flex:1}
#intro-dialog .video-dialog-header h2,#customer-story-dialog .video-dialog-header h2{display:block;min-height:0;font-size:20px;line-height:24px;font-weight:500;letter-spacing:-.03em;margin:0;color:#2F4C3B}
#intro-dialog .video-dialog-header p,#customer-story-dialog .video-dialog-header p{font-size:11px;line-height:16px;color:#91A18D;margin:0}
.video-dialog-duration{display:grid;place-items:center;min-width:44px;height:26px;padding:0 10px;background:#ECF2E7;border-radius:20px;font-size:10px;color:#7D9274;flex-shrink:0}
#intro-dialog .dialog-close,#customer-story-dialog .dialog-close{background:#EDF2E9;color:#212A4A}
#intro-dialog .dialog-close:hover,#customer-story-dialog .dialog-close:hover{background:#E2EBDD;color:#212A4A}
#intro-dialog .dialog-close:focus-visible,#customer-story-dialog .dialog-close:focus-visible{outline-color:#5DA782}
.video-dialog-media{margin:0 16px;border:1px solid #DFE8DD;border-radius:16px;overflow:hidden;background:#212A4A}
#intro-dialog video,#customer-story-dialog iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:none;border:0;border-radius:0;background:#212A4A}
.video-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px 18px;font-size:11px;line-height:16px;color:#97A48F}
#customer-story-dialog .video-dialog-footer a{display:flex;align-items:center;gap:6px;font-size:11px;line-height:16px;color:#6F8568;text-decoration:none;margin:0}
.video-dialog-footer a svg{width:12px;height:12px;flex-shrink:0}.video-dialog-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){#intro-dialog,#customer-story-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:20px}.video-dialog-header{padding-left:20px;padding-right:72px;gap:10px}.video-dialog-duration{display:none}.video-dialog-media{margin:0 12px;border-radius:12px}.video-dialog-footer{padding:12px 20px 16px;gap:12px;font-size:10px}#customer-story-dialog .video-dialog-footer a{font-size:10px}}

/* 4.94 — one focused giving window, framed in light. */
.cards-board .customer-video-card{border-radius:29px;overflow:hidden;clip-path:inset(0 round 29px);-webkit-mask-image:-webkit-radial-gradient(white,black)}
.customer-video-card>img,.customer-video-card:after,.customer-preview-embed,.customer-preview-embed>video{border-radius:inherit}
.customer-preview-embed{overflow:hidden;clip-path:inset(0 round 29px)}
.recurring-feature-card{padding:20px;background:var(--header-gradient)}
.recurring-window-frame{width:352px;padding:7px;border:1px solid #FFFFFFED;border-radius:26px;background:#FFFFFF52;box-shadow:inset 0 1px 0 #FFFFFF,0 24px 46px -21px #25476438,0 3px 10px #355D6B0A}
.recurring-panel{width:100%;padding:18px 20px 16px;border:1px solid #FFFFFF;border-radius:19px;background:#FFFFFFFA;box-shadow:0 1px 2px #274B6310;color:#304653}
.recurring-panel-head{height:40px;gap:10px;align-items:center}
.recurring-donor-avatar{display:block;width:40px;height:40px;flex-shrink:0;object-fit:cover;object-position:50% 40%;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #263D5B15}
.recurring-identity{display:flex;flex-direction:column;gap:3px;min-width:0}
.recurring-identity strong{font-size:14px;line-height:1.2;font-weight:550;letter-spacing:-.025em;color:#273F4F}
.recurring-identity>span{font-size:10px;line-height:1.4;font-weight:400;letter-spacing:0;color:#7C8C96}
.recurring-symbol{margin-left:auto;width:28px;height:28px;border-radius:8px;background:#EAF6EF;color:#4F806A}
.recurring-symbol .icon{width:16px;height:16px;stroke-width:1.8}
.recurring-amount{margin:18px 0 17px;align-items:baseline}
.recurring-amount>strong{font-size:49px;font-weight:450;line-height:1.05;letter-spacing:-.055em;color:#263F4F}
.recurring-amount>strong>span{font-size:33px;font-weight:400;color:#8B9BA2;letter-spacing:-.045em}
.recurring-amount>span{font-size:10px;line-height:1.3;color:#7C8E98}
.recurring-frequency{padding:4px;gap:4px;border:1px solid #E5EBED;border-radius:10px;background:#F2F5F5;color:#839198;font-size:11px}
.recurring-frequency>span{height:29px;border-radius:7px}
.recurring-frequency .is-selected{background:#212A4A;color:#FCFDF9;font-weight:550;box-shadow:inset 0 1px 0 #FFFFFF1A,0 1px 3px #212A4A14}
.recurring-fund-row{margin-top:15px;padding-bottom:14px;border-color:#E7EDF0;align-items:center;font-size:11px;color:#8B99A1}
.recurring-fund-row strong{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#536C79}
.recurring-fund-row .icon{width:12px;height:12px;color:#8E9DA7;stroke-width:1.7}
.recurring-setting{margin-top:15px;gap:12px}
.recurring-setting strong{font-size:12px;font-weight:550;color:#3E5B68}
.recurring-setting>div>span{margin-top:4px;font-size:9px;color:#8A9BA4}
.recurring-switch{width:36px;height:21px;background:#83D5B2;box-shadow:inset 0 1px 2px #326D5A0D}
.recurring-switch i{width:15px;height:15px;right:3px;top:3px}
.recurring-confirmation{height:27px;margin-top:17px;gap:6px;background:#EFF8F3;border-radius:7px;color:#668A76;font-size:10px}
.recurring-confirmation .icon{width:13px;height:13px;stroke-width:1.8;color:#6C9A7D}
/* 4.95 — Ocean glow carries the Encounter Church story. */
.cards-board .customer-stories{background:radial-gradient(ellipse at 100% 100%,#c7edd7 0,transparent 57%),radial-gradient(ellipse at 0% 100%,#baeae9 0,transparent 58%),radial-gradient(ellipse at 100% 57%,#54b5bc 0,transparent 56%),radial-gradient(ellipse at 52% 100%,#89cae9 0,transparent 60%),linear-gradient(145deg,#2a6daf,#4087cf 55%,#56a0c8);border:0;padding:28px 31px;color:#16354C}
.customer-story-credentials strong{color:#FCFDF9}
.customer-story-credentials>span{color:#E6F3F5}
.customer-story-content blockquote{color:#16354C}
.customer-quote-mark{color:inherit}
.customer-story-outcome{border-color:#16354C26}
.customer-story-outcome>strong{color:#16354C}
.customer-story-outcome>p{color:#244D61}
.customer-story-outcome .customer-story-source{background:#FFFFFFED;color:#344F66}
.customer-story-source>.icon{background:#A0E8CC;color:#346F61}
/* Equal breathing room above and below the framed giving window. */
.recurring-panel{padding-top:17px}
.recurring-amount{margin-top:15px}
.recurring-setting{margin-top:14px}
.recurring-confirmation{margin-top:15px}




/* 5.01 — close the final section spacing and keep Design & notes within reach. */
#boards{padding-bottom:0}
#forms{margin-bottom:0}

/* 5.02 — rounded intro actions, coordinated with the testimonial control. */
.intro-watch-label{height:40px;padding:0 14px;gap:9px;border:0;border-radius:999px;background:#FFFFFFED;color:#212A4A;box-shadow:0 3px 12px #10172B12}
.intro-play-icon{width:19px;height:19px;border-radius:50%;background:transparent}
.intro-play-icon svg,.intro-motion .icon{display:block;width:19px;height:19px;margin:0;padding:0;fill:currentColor;stroke:currentColor;stroke-width:1.2;transform:none;transition:none}
.intro-duration{font-size:10px;font-weight:450;color:#65728A;padding-left:10px;margin-left:0;border-color:#212A4A26}
.intro-watch:hover .intro-watch-label,.intro-watch:focus-visible .intro-watch-label{background:#FFFFFF;transform:translateY(-1px);box-shadow:0 5px 16px #10172B20}
.intro-watch:hover .intro-play-icon svg{transform:none}
.intro-motion{right:20px;bottom:20px;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:50%;background:#FFFFFFED;color:#212A4A;box-shadow:0 3px 12px #10172B12}
.intro-motion:hover{background:#FFFFFF}
.intro-motion .intro-pause-icon{display:block;width:19px;height:19px;margin:0;padding:0}
@media(prefers-reduced-motion:reduce){.intro-watch:hover .intro-watch-label,.intro-watch:focus-visible .intro-watch-label{transform:none}}

/* 5.03 — local intro uses one bottom-centered watch action. */
.intro-watch{justify-content:center}

/* 5.04 — navigation follows reading direction after the opening. */
.masthead{transition:transform .44s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s,box-shadow .35s,background .35s}
.ready.nav-settled .masthead{animation:none;opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}
.ready.nav-settled.nav-hidden .masthead{opacity:0;transform:translateY(calc(-100% - 36px));pointer-events:none;visibility:hidden;transition:transform .36s cubic-bezier(.4,0,.2,1),opacity .24s ease,visibility 0s .36s,box-shadow .35s,background .35s}

/* 5.06 — the invitation fades with the opening, including its initial reveal. */
.ready .scroll-invitation{opacity:var(--hero-opacity,1)}
.ready.explore-settled .scroll-invitation{animation:none;opacity:var(--hero-opacity,1);visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.ready.hero-faded .scroll-invitation{opacity:0;visibility:hidden;pointer-events:none}

/* 5.08 — quiet outline info icons follow the product titles. */
.pricing-info-wrap{margin-left:-2px;flex-shrink:0}
.pricing-info{width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:#81938A;padding:0;font:inherit}
.pricing-info .icon{display:block;width:16px;height:16px;flex-shrink:0}
.pricing-info:hover,.pricing-info:focus-visible{background:transparent;color:#285D47}
.pricing-info:focus-visible{outline:3px solid #809BBC;outline-offset:3px}

/* 5.09 — one-line customer video quote, balanced with the author below. */
.customer-video-quote{white-space:nowrap}

/* 5.10 — replay shares the video play control’s light circular treatment. */
.product-tour-toggle{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#FFFFFFED;color:#212A4A;backdrop-filter:blur(8px);box-shadow:0 3px 10px #15261D12}
.product-tour-toggle:hover{background:#FFFFFF}
.product-tour-toggle svg{display:block;width:19px;height:19px;margin:0;padding:0}

/* 5.12 — a delicate lower-edge glow, keeping the testimonial portrait intact. */
.customer-story-avatar{position:relative;isolation:isolate;box-shadow:0 5px 12px #29453D17,0 5px 10px -4px #FFFFFF52}
.customer-story-avatar::after{content:'';position:absolute;inset:66% 0 0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(255,255,255,.58) 0%,rgba(255,255,255,.16) 35%,rgba(255,255,255,0) 100%)}

/* 5.13 — patterns alone, followed by the same patterns with product graphics. */
#texture{height:calc(1130px * var(--board-scale,1))}
#texture .board-stage{height:1130px}
.atmosphere-board{height:970px;grid-template-rows:230px 352px 352px}
.pattern-context-row .product-context{opacity:1;transform:translateY(0);transition:none;will-change:auto}
.pattern-context-row .pattern-plate,.pattern-context-row .pattern-card:is(:hover,:focus-visible) .pattern-plate{opacity:.8;transition:none}