:root{--ink:#173755;--navy:#10283f;--muted:#526b7d;--sky:#eaf4fa;--paper:#f8fbfd;--line:#cadde9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;font-weight:500}h1{font-size:clamp(44px,6vw,82px);letter-spacing:-2px}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-1.2px}h3{font-size:28px}p{max-width:65ch}p+p{margin-top:18px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.nav{min-height:82px;padding:16px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:700 23px/1.1 Georgia,serif}.brand span{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:1px;margin-top:4px}.nav>div{display:flex;gap:28px}.nav>div a{text-decoration:none;font-size:14px}.hero{position:relative;color:white;background:linear-gradient(90deg,#071e35f5,#071e35aa 55%,#071e3533),url('assets/faithful-worship-hero.jpg') center/cover;min-height:580px;display:flex;align-items:center;padding:70px 0 90px}.hero-copy>p{max-width:540px;color:#e1edf6}.hero h1{margin:18px 0 24px}.intro{font-size:13px}.hero-caption{position:absolute;right:5%;bottom:26px;font-size:12px;color:#e1edf6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;text-align:center}.light{background:#f3f8fb;color:var(--navy)}.outline{border-color:#ffffff75;color:white}.navy{background:var(--ink);color:white}.quiet{border-color:var(--line)}.button:hover{filter:brightness(.92)}a:focus-visible{outline:3px solid #349cc4;outline-offset:5px}.path{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:30px 0;border-bottom:1px solid var(--line)}.path b,.path span{display:block}.path span{font-size:13px;color:var(--muted);margin-top:6px}.section{padding-top:80px;padding-bottom:80px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:36px}.section-head p{color:var(--muted)}.film{display:block;position:relative;aspect-ratio:16/9;background:var(--navy);overflow:hidden;border-radius:16px;text-decoration:none}.film>img{width:100%;height:100%;object-fit:cover;opacity:.85}.film:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#051629e6)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;width:80px;height:80px;background:#f8fbfdf2;color:var(--navy);font-size:26px;padding-left:5px;z-index:1}.film-caption{position:absolute;bottom:28px;left:30px;right:30px;color:white;z-index:1}.film-caption strong{display:block;font:28px Georgia,serif}.film-caption span{font-size:13px}.note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:20px;max-width:90ch}.explore{background:var(--sky);border-block:1px solid var(--line)}.devices{display:grid;grid-template-columns:1fr 1fr;gap:50px}.devices article{border-top:1px solid #a9c5d8;padding-top:24px}.devices p{margin:18px 0 24px;color:var(--muted)}.device-symbol{font-size:45px;line-height:1;color:#2e7a9a;display:block;margin-bottom:20px}.phone-symbol{font-size:56px;line-height:.8}.impact{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.impact p{margin-top:22px;color:var(--muted)}.card-art{padding:28px;background:#e4f1f8;border-radius:28px 28px 65px 28px}.card-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 12px #17375522);border-radius:16px}.workshop{background-color:#eef4f6;background-image:repeating-linear-gradient(0deg,#17375504 0,#17375504 1px,transparent 1px,transparent 4px);border-block:1px solid var(--line)}.workshop-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.guide-example{border:1px solid var(--line);border-radius:18px;background:#fbfdff;overflow:hidden}.example-head{display:flex;gap:14px;padding:24px;background:#eaf4fa}.example-head>span{font-size:28px;color:#287fac}.example-head small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.example-body{padding:28px}.example-body h3{font-size:26px}.example-body p{font-size:14px;margin-top:12px}.example-choice{padding:10px 14px;background:#edf3f6;border-radius:8px;color:var(--muted)}.steps{margin:0;padding-left:24px}.steps li{padding-left:10px;margin-bottom:28px}.steps li::marker{color:#2e7a9a;font-weight:700}.steps h3{font-size:24px}.steps p{font-size:14px;color:var(--muted);margin-top:10px}.topics{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}dl{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:24px 0 0}dt{font-weight:700;font-size:14px}dd{margin:8px 0 0;font-size:13px;color:var(--muted)}.closing{text-align:center}.closing p{margin:22px auto}.closing .button{margin-top:4px}footer{display:flex;gap:25px;justify-content:space-between;padding:26px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.nav{padding:16px 20px;gap:15px}.nav>div{gap:14px}.nav>div a{font-size:12px}.brand{font-size:20px}.brand span{font-size:10px}.wrap{width:calc(100% - 40px)}.hero{min-height:540px;padding:55px 0 75px;background-position:65% center}.hero-caption{left:20px;right:auto;font-size:11px}.path{gap:18px;grid-template-columns:1fr;padding:25px 0}.path p{margin:0}.section{padding-top:48px;padding-bottom:48px}.section-head,.devices,.impact,.workshop-layout{grid-template-columns:1fr;gap:26px}.section-head{margin-bottom:26px}.film-caption{left:18px;bottom:14px}.film-caption strong{font-size:19px}.play{width:55px;height:55px;font-size:20px}.card-art{max-width:420px;padding:20px}.topics{margin-top:30px}dl{grid-template-columns:1fr 1fr;gap:22px}.steps{margin-top:8px}footer{flex-direction:column;gap:12px}.button{padding:12px 17px}}
.path p{margin:0}
/* Editorial type pairing shared with the GRACE platform introduction. */
.phone-handoff{display:grid;grid-template-columns:390px 1fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.phone-preview{border:9px solid #173755;border-radius:38px;overflow:hidden;background:#fff;height:720px;box-shadow:0 22px 45px #17375520}.phone-preview iframe{width:100%;height:100%;border:0;display:block}.phone-handoff h2+p{margin-top:24px}.phone-code{display:flex;gap:24px;align-items:center;margin:28px 0}.phone-code img{width:160px;height:160px;flex-shrink:0;border-radius:12px}.phone-code h3{font-size:25px;margin-bottom:12px}.phone-code p{font-size:14px;color:var(--muted)}@media(max-width:800px){.phone-handoff{grid-template-columns:1fr;gap:32px}.phone-preview{width:min(100%,390px);height:650px;margin:auto}.phone-code{gap:16px}.phone-code img{width:120px;height:120px}}
.workshop-guide{border:1px solid var(--line);border-radius:16px;background:#f8fbfd;overflow:hidden;margin-bottom:12px}
.workshop-guide summary{display:flex;gap:14px;align-items:flex-start;padding:20px;cursor:pointer;background:linear-gradient(115deg,#e7f2f9,#f8fbfd);list-style:none}
.workshop-guide summary::-webkit-details-marker{display:none}
.workshop-guide summary:after{content:'+';margin-left:auto;color:#287fac;font-size:22px}
.workshop-guide[open] summary:after{content:'−'}
.workshop-guide summary small,.workshop-guide summary strong,.guide-subline{display:block}
.workshop-guide summary small{font-size:12px;color:var(--muted);margin-bottom:3px}
.workshop-guide summary strong{font-weight:600;line-height:1.35}
.guide-subline{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.5}
.workshop-guide-body{padding:6px 24px 24px}.workshop-guide-body ul{padding-left:20px;margin:18px 0 24px}.workshop-guide-body li{margin:8px 0}.workshop-guide-body h3{font-size:25px;margin-bottom:12px}.workshop-guide-body p{font-size:14px}.workshop-guide summary:focus-visible{outline:3px solid #287fac;outline-offset:-4px}
.intro-card-flip{display:block;width:100%;aspect-ratio:433/283;padding:0;border:0;background:transparent;perspective:1000px;cursor:pointer;border-radius:16px}
.intro-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}
.intro-card-flip[aria-pressed=true] .intro-card-inner{transform:rotateY(180deg)}
.intro-card-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:16px}
.intro-card-front img{height:100%;object-fit:contain}
.intro-card-back{transform:rotateY(180deg);background:linear-gradient(145deg,#173755,#071a2a);color:white;display:flex;flex-direction:column;justify-content:space-evenly;padding:16px;font-family:Arial,sans-serif}
.card-art .intro-card-back img{width:110px;height:42px;object-fit:contain;border-radius:0;filter:none;align-self:center}
.intro-card-stripe{display:block;background:#141414;height:26px}.intro-card-signature{background:#f3f4f5;color:#23394e;text-align:right;padding:6px;font-size:11px}.intro-card-back small{font-size:10px;line-height:1.4}
.intro-card-flip:focus-visible{outline:3px solid #287fac;outline-offset:6px}.impact .button{margin-top:24px}
@media(prefers-reduced-motion:reduce){.intro-card-inner{transition:none}}
:root{--type-display:'Fraunces',Georgia,serif;--type-body:'Instrument Sans',Arial,sans-serif}
body{font-family:var(--type-body);font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand,.film-caption strong{font-family:var(--type-display);font-optical-sizing:auto}
h1{font-weight:500;letter-spacing:-.045em;line-height:1.04;max-width:15ch;text-wrap:balance}
h2{font-weight:400;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}
h3{font-weight:500;letter-spacing:-.025em;line-height:1.2}
.brand{font-weight:600;letter-spacing:-.04em;font-size:25px}
.brand span{font-family:var(--type-body);font-weight:500;letter-spacing:.035em;font-size:12px}
.hero-copy>p:not(.intro){font-size:18px;line-height:1.65;max-width:48ch}
.section-head>p{font-size:17px;line-height:1.7}
.nav>div a,.button{font-weight:600;letter-spacing:-.015em}
.path b{font-weight:600;font-size:16px;letter-spacing:-.02em}
.steps h3{font-size:25px}.note{line-height:1.7}
@media(max-width:700px){.brand{font-size:22px}.hero-copy>p:not(.intro){font-size:16px}.section-head>p{font-size:16px}h1{font-size:clamp(42px,10.8vw,64px)}h2{font-size:clamp(32px,8.4vw,44px)}}
.film-embedded::after{display:none}
.film-embedded iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.film .play{left:auto;top:auto;right:24px;bottom:24px;transform:none}
.film .film-caption{right:120px}
@media(max-width:700px){.film .play{right:14px;bottom:14px}.film .film-caption{right:82px}.film .film-caption strong{font-size:16px}}
.intro-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #bdd4e0;border-radius:14px 14px 19px 14px;background:#e3eff5;color:#266887;margin-bottom:18px;flex-shrink:0}
.intro-icon svg{width:28px;height:28px}.intro-icon svg [stroke]:not([stroke="none"]){stroke:#266887}.intro-icon svg [fill]:not([fill="none"]){fill:#69a6bb}
.intro-icon-small{width:30px;height:30px;border-radius:9px;margin:0 9px 0 0;vertical-align:middle}.intro-icon-small svg{width:20px;height:20px}
.path b{display:flex;align-items:center}.path span:not(.intro-icon){margin-top:10px}
.topics dt .intro-icon{display:flex;margin-bottom:12px}.topics dl>div{padding-top:18px;border-top:1px solid #cadde9}
.explore{background-image:repeating-linear-gradient(0deg,#17375504 0,#17375504 1px,transparent 1px,transparent 5px),repeating-linear-gradient(90deg,#ffffff30 0,#ffffff30 1px,transparent 1px,transparent 6px)}
.workshop{background-image:repeating-linear-gradient(0deg,#17375505 0,#17375505 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#ffffff40 0,#ffffff40 1px,transparent 1px,transparent 6px)}
.guide-example{box-shadow:0 12px 30px #17375508}.example-head{background-image:linear-gradient(115deg,#deedf5,#f2f8fb)}
.card-art{background-image:radial-gradient(ellipse at top left,#ffffffb0,transparent 65%),repeating-linear-gradient(120deg,transparent 0,transparent 13px,#17375504 13px,#17375504 14px)}
.device-symbol{display:flex;align-items:center;height:48px}.phone-symbol{font-size:45px}
.closing{background-image:radial-gradient(ellipse at center,#e7f1f780,transparent 68%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Five-step pilot guide: an ordered list of links, one per step. */
ol.path{list-style:none;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}
ol.path li{counter-increment:step}
ol.path a{display:block;text-decoration:none;border-radius:10px;padding:4px 2px}
ol.path a:hover b{text-decoration:underline}
ol.path b:before{content:counter(step);display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px}
.closing-actions{justify-content:center}
@media(max-width:900px){ol.path{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){ol.path{grid-template-columns:1fr}}
.workshop-guide-body dl.guide-parts{display:block;margin:16px 0 0}
.workshop-guide-body dl.guide-parts dt{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#287fac;margin-top:14px}
.workshop-guide-body dl.guide-parts dd{margin:4px 0 0;font-size:14px;color:var(--ink)}
/* Shortened page (2026-09-22): the QR sits inside the phone card. */
.devices .phone-code{display:flex;align-items:center;gap:16px;margin:4px 0 18px}
.devices .phone-code img{flex:none;width:120px;height:120px;border-radius:10px;background:#fff;padding:6px;border:1px solid var(--line)}
.devices .phone-code p{margin:0}