:root{--cream:#f7f4eb;--paper:#fffdf7;--navy:#122d46;--ink:#172b3d;--muted:#53636c;--lime:#c8f43c;--pink:#ed4d8c;--line:#dcded5;--serif:Georgia,'Times New Roman',serif;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream)}img{max-width:100%;display:block}button,a{font:inherit}button{color:inherit}.skip-link{position:absolute;z-index:10;top:8px;left:8px;transform:translateY(-150%);padding:12px 16px;border-radius:5px;background:var(--navy);color:#fff}.skip-link:focus{transform:none;outline:3px solid var(--pink);outline-offset:3px}.site-header{height:86px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d7;background:var(--cream)}.brand{display:inline-flex;align-items:center;min-height:48px}.brand img{width:258px;height:42px;object-fit:contain;object-position:left center}.header-link{min-height:44px;display:inline-flex;align-items:center;gap:13px;color:var(--navy);font-size:14px;font-weight:700;text-decoration:none}.header-link span{color:#af285f;font-size:20px}.hero{max-width:1440px;margin:auto;min-height:680px;padding:72px max(42px,calc((100vw - 1240px)/2)) 0;display:grid;grid-template-columns:.84fr 1.16fr;grid-template-rows:1fr 62px;column-gap:42px}.hero-copy{align-self:center;padding:0 0 48px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#586f76;font-size:12px;font-weight:780;letter-spacing:.105em;text-transform:uppercase}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px #ed4d8c20}.hero h1{margin:0;color:var(--navy);font:500 clamp(68px,7vw,106px)/.89 var(--serif);letter-spacing:-.075em}.hero h1 em{color:#b92967;font-weight:500}.hero-description{max-width:425px;margin:27px 0 23px;color:#334b5e;font-size:19px;line-height:1.55}.hero-contexts{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:30px;color:#53636c;font-size:13px}.hero-contexts i{width:4px;height:4px;border-radius:50%;background:var(--pink)}.button{min-height:52px;display:inline-flex;align-items:center;gap:24px;padding:0 20px;border-radius:5px;background:var(--lime);color:var(--navy);font-size:14px;font-weight:760;text-decoration:none}.button:hover{background:#d5ff66}.button span{font-size:18px}.availability{margin:14px 0 0;color:#53636c;font-size:12px}.hero-photo{position:relative;align-self:stretch;min-width:0;min-height:520px;margin:0 0 43px;border-radius:5px 100px 5px 5px;overflow:hidden;background:#d4ddd0}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 48%}.hero-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#071a2c99)}.hero-photo figcaption{position:absolute;z-index:1;left:28px;bottom:24px;display:flex;align-items:center;gap:9px;color:#fff;font-size:14px;font-weight:700}.hero-photo figcaption small{display:block;margin-left:6px;color:#f4f3e9c9;font-size:11px;font-weight:500}.photo-dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}.hero-note{position:absolute;z-index:2;right:24px;top:25px;display:flex;align-items:center;gap:12px;min-width:218px;padding:13px 15px;border:1px solid #ffffffa8;border-radius:6px;background:#fffdf0f2;box-shadow:0 12px 35px #122d4624}.note-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:4px;background:var(--pink);color:var(--navy);font-size:11px;font-weight:800}.hero-note>span:nth-child(2){display:grid;gap:4px}.hero-note strong{color:var(--navy);font-size:13px}.hero-note small{color:#66737b;font-size:11px}.note-arrow{margin-left:auto;color:#9e285b;font-size:20px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe1d8;color:#53636c;font:italic 16px var(--serif)}.scroll-mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid #cfd5cb;border-radius:50%;color:var(--navy);font:16px sans-serif}.context-strip{min-height:136px;padding:22px max(42px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1.25fr repeat(3,1fr);align-items:center;gap:20px;border-block:1px solid #dfe0d8;background:#f0eee5}.context-strip p{margin:0;color:#53636c;font:17px/1.35 var(--serif)}.context-strip p strong{color:var(--navy);font-weight:600}.context-strip>span{display:flex;align-items:center;gap:13px;color:#253b4e;font-size:14px;font-weight:700}.context-strip b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--navy);font-size:11px}.context-strip>span:nth-child(3) b{background:var(--pink);color:white}.context-strip>span:nth-child(4) b{background:var(--paper);border:1px solid #ddd}.demo-section{max-width:1240px;margin:auto;padding:112px 0 118px;display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:center}.eyebrow.dark{color:#66767d}.demo-intro h2,.gap-intro h2,.closing-band h2{margin:0;color:var(--navy);font:500 clamp(42px,5vw,61px)/1 var(--serif);letter-spacing:-.045em}.demo-intro>p:not(.eyebrow):not(.demo-disclaimer){max-width:370px;margin:21px 0 24px;color:#53636c;font-size:16px;line-height:1.7}.demo-controls{display:flex;flex-wrap:wrap;gap:8px}.guide-tab{min-height:46px;padding:0 15px;border:1px solid #c9d0ca;border-radius:999px;background:transparent;color:#33495a;font-size:13px;font-weight:690;cursor:pointer}.guide-tab:hover{border-color:var(--navy);background:#eeeee5}.guide-tab.is-active{border-color:var(--navy);background:var(--navy);color:#fff}.demo-disclaimer{max-width:365px;margin:15px 0 0;color:#53636c;font-size:12px;line-height:1.6}.guide-card{overflow:hidden;border:1px solid #e1e2d9;border-radius:8px;background:var(--paper);box-shadow:0 22px 55px #1b304010}.guide-heading{height:57px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e0}.guide-label{color:#596b73;font-size:11px;font-weight:800;letter-spacing:.09em}.guide-count{color:#a22b60;font-size:13px;font-weight:780}.guide-layout{padding:22px 24px 20px;display:grid;grid-template-columns:1.02fr .98fr;gap:25px}.guide-image{position:relative;min-height:320px;overflow:hidden;border-radius:5px;background:#d7dfd3}.guide-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.guide-image::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#071a2c76)}.guide-image>span{position:absolute;z-index:1;bottom:14px;left:14px;padding:7px 10px;border-radius:3px;background:#fffdf0eb;color:var(--navy);font-size:12px;font-weight:700}.guide-copy{min-width:0;display:flex;flex-direction:column;padding:6px 0 0}.guide-context{margin:0 0 12px;color:#67777e;font-size:11px;font-weight:780;letter-spacing:.075em}.guide-context span{padding-inline:3px;color:#bd2e6a}.guide-copy h3{margin:0;color:var(--navy);font:500 31px/1.08 var(--serif);letter-spacing:-.03em}.guide-instruction{min-height:83px;margin:15px 0 18px;color:#435967;font-size:15px;line-height:1.6}.progress-track{height:4px;overflow:hidden;border-radius:6px;background:#e3e5dc}.progress-track span{display:block;width:33.33%;height:100%;border-radius:6px;background:var(--pink);transition:width .2s ease}.step-nav{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.step-nav button{min-width:91px;min-height:44px;padding:6px 3px;border:0;background:transparent;color:var(--navy);font-size:13px;font-weight:750;text-align:left;cursor:pointer}.step-nav button:last-child{text-align:right}.step-nav button:disabled{color:#a3aaa6;cursor:default}.voice-note{min-height:92px;padding:16px 24px;display:flex;align-items:center;gap:13px;border-top:1px solid #e8e8e0;background:#f6f4eb}.voice-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e8a4bd;color:#5a1d3a;font:27px var(--serif)}.voice-note>div{flex:1}.voice-note small{color:#53636c;font-size:10px;font-weight:800;letter-spacing:.07em}.voice-note p{margin:5px 0 0;color:#334957;font:15px/1.4 var(--serif)}.voice-note details{position:relative}.voice-note summary{min-height:44px;display:flex;align-items:center;color:#9e285b;font-size:12px;font-weight:730;cursor:pointer;list-style:none}.voice-note summary::-webkit-details-marker{display:none}.voice-note details[open]{position:absolute;z-index:3;right:24px;left:24px;bottom:15px;padding:14px 16px;border:1px solid #e5d1d9;border-radius:5px;background:#fffdf7;box-shadow:0 8px 24px #122d4620}.voice-note details[open] summary{min-height:28px}.voice-note details>p{margin:0;color:#334957;font-size:14px;line-height:1.55}.gap-section{padding:93px max(42px,calc((100vw - 1240px)/2)) 76px;background:var(--navy);color:white}.gap-intro{max-width:700px;margin:0 auto 38px;text-align:center}.gap-intro .eyebrow{justify-content:center;color:#c9d2d0}.gap-intro h2{color:white;font-size:clamp(39px,4.7vw,55px)}.gap-intro>p:last-child{max-width:570px;margin:17px auto 0;color:#d0d8dc;font-size:15px;line-height:1.65}.gap-flow{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:stretch;gap:14px}.gap-stage{position:relative;min-height:257px;padding:23px 20px 16px;border:1px solid #ffffff35;border-radius:5px;background:#fffdf5;color:var(--navy)}.stage-index{position:absolute;right:18px;top:16px;color:#a42b61;font:italic 18px var(--serif)}.gap-stage>small{display:block;color:#64747b;font-size:10px;font-weight:800;letter-spacing:.08em}.gap-stage>p{margin:14px 0;color:#193147;font:20px/1.28 var(--serif)}.gap-stage img{width:100%;height:89px;object-fit:cover;object-position:center 45%;border-radius:3px}.flow-arrow{align-self:center;color:var(--lime);font-size:22px;text-align:center}.question-stage{background:#fff4f7}.question-stage button{min-height:44px;margin-top:10px;padding:7px 11px;border:1px solid #c67492;border-radius:4px;background:transparent;color:#87224e;font-size:12px;font-weight:720;cursor:pointer}.answer-stage{background:#f3f7e6}.answer-stage[hidden]{display:none}.answer-stage:not([hidden]){animation:reveal .22s ease-out}.answer-tag{display:inline-block;padding:7px 9px;border-radius:3px;background:#dff0aa;color:#315127;font-size:11px;font-weight:730}.gap-disclosure{max-width:1220px;margin:22px auto 0;color:#cad4d7;font-size:12px;text-align:center}.closing-band{padding:83px 24px 91px;text-align:center;background:#efece1}.closing-band>p{margin:0 0 17px;color:#a42b61;font-size:13px;font-weight:820;letter-spacing:.12em;text-transform:uppercase}.closing-band h2{font-size:55px}.closing-band>span{display:block;margin-top:16px;color:#5e6e76;font-size:14px}.site-footer{min-height:76px;padding:16px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #dedfd7;color:#53636c;font-size:12px}.site-footer a{min-height:44px;display:flex;align-items:center;color:var(--navy);font-weight:700;text-decoration:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1300px){.demo-section{padding-inline:34px}.hero{padding-inline:40px}.context-strip{padding-inline:40px}.gap-section{padding-inline:40px}.demo-section{gap:5%}}
@media(max-width:850px){.site-header{height:76px;padding-inline:22px}.brand img{width:220px;height:38px}.hero{min-height:0;padding:55px 30px 0;grid-template-columns:1fr;grid-template-rows:auto 465px 58px;gap:24px}.hero-copy{padding:0}.hero h1{font-size:clamp(64px,12vw,88px)}.hero-description{margin:20px 0 18px}.hero-photo{min-height:0;margin:0 0 0 12%;border-top-right-radius:80px}.hero-bottom{margin-top:8px}.context-strip{grid-template-columns:1fr 1fr;padding:24px 30px;gap:18px}.context-strip p{grid-column:1/-1}.demo-section{grid-template-columns:1fr;gap:30px;padding:76px 30px}.demo-intro{max-width:620px}.demo-intro>p:not(.eyebrow):not(.demo-disclaimer){max-width:520px}.guide-layout{grid-template-columns:.92fr 1.08fr}.guide-image{min-height:300px}.gap-section{padding:72px 30px 55px}.gap-flow{grid-template-columns:1fr;gap:10px}.gap-stage{min-height:0}.gap-stage img{height:130px}.flow-arrow{transform:rotate(90deg)}.answer-stage:not([hidden]){min-height:160px}}
@media(max-width:540px){.site-header{height:68px;padding-inline:17px}.brand img{width:185px;height:34px}.header-link{gap:5px;font-size:12px}.hero{padding:42px 17px 0;grid-template-rows:auto 380px 54px;gap:20px}.hero h1{font-size:62px}.hero .eyebrow{font-size:10px}.hero-description{max-width:370px;font-size:17px}.hero-contexts{gap:8px;font-size:12px}.button{min-height:48px}.hero-photo{margin-left:5%;border-top-right-radius:62px}.hero-photo figcaption{left:15px;bottom:15px;gap:7px;font-size:12px}.hero-photo figcaption small{font-size:10px}.hero-note{top:16px;right:12px;min-width:0;padding:9px 10px;gap:8px}.note-icon{width:29px;height:29px}.hero-note strong{font-size:12px}.hero-note small{font-size:10px}.hero-bottom{font-size:13px}.context-strip{padding:22px 17px;gap:15px 10px}.context-strip p{font-size:15px}.context-strip>span{gap:8px;font-size:12px}.context-strip b{width:29px;height:29px;font-size:10px}.demo-section{padding:61px 17px 69px;gap:24px}.demo-intro h2{font-size:45px}.demo-intro>p:not(.eyebrow):not(.demo-disclaimer){font-size:15px}.demo-controls{gap:6px}.guide-tab{min-height:44px;padding:0 11px;font-size:11px}.demo-disclaimer{font-size:12px}.guide-heading{height:50px;padding-inline:15px}.guide-layout{padding:14px;grid-template-columns:1fr;gap:17px}.guide-image{min-height:245px;aspect-ratio:1.2}.guide-copy{padding:0}.guide-context{margin-bottom:8px;font-size:10px}.guide-copy h3{font-size:28px}.guide-instruction{min-height:0;margin:10px 0 17px;font-size:15px}.step-nav{margin-top:7px}.voice-note{padding:12px 14px;gap:9px}.voice-mark{width:30px;height:30px}.voice-note small{font-size:9px}.voice-note p{font-size:14px}.voice-note summary{font-size:11px}.voice-note details[open]{right:14px;left:14px;bottom:12px}.gap-section{padding:60px 17px 44px}.gap-intro{margin-bottom:27px}.gap-intro h2{font-size:40px}.gap-intro>p:last-child{font-size:14px}.gap-stage{padding:20px 16px 14px}.gap-stage>p{font-size:19px}.gap-stage img{height:105px}.closing-band{padding:66px 18px}.closing-band h2{font-size:45px}.closing-band>span{font-size:13px;line-height:1.5}.site-footer{padding:13px 17px;display:grid;grid-template-columns:1fr auto;gap:0 8px;font-size:11px}.site-footer span:nth-child(2){grid-column:1/-1;grid-row:2;padding-bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Use the approved M3 board artwork as a clipped, unchanged wordmark. */
.brand{gap:9px;flex:none}.brand img.brand-icon{width:40px;height:40px;object-fit:cover;border-radius:10px}.wordmark-crop{position:relative;display:block;width:204px;height:40px;overflow:hidden;flex:none;aspect-ratio:790/155;clip-path:polygon(0 0,100% 0,100% 100%,92% 100%,90% 92%,0 92%)}.wordmark-crop>img{position:absolute;left:-8.35%;top:-62.6%;width:137.5%;max-width:none;height:auto;mix-blend-mode:multiply}.brand{min-width:0}
@media(max-width:850px){.brand img.brand-icon{width:36px;height:36px}.wordmark-crop{width:190px;height:37px}}
@media(max-width:540px){.brand{gap:6px}.brand img.brand-icon{width:32px;height:32px;border-radius:8px}.wordmark-crop{width:151px;height:30px}}
@media(max-width:360px){.brand img.brand-icon{width:27px;height:27px}.wordmark-crop{width:125px;height:25px}.site-header{padding-inline:13px}.header-link{font-size:11px}}
/* The planned gap example is a single guided interaction beside its source photo. */
.gap-example{max-width:1220px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid #ffffff40;border-radius:6px;background:var(--paper);color:var(--navy);box-shadow:0 18px 50px #020d1c25}.gap-source{position:relative;min-height:430px;overflow:hidden;background:#d8dfd2}.gap-source>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% 88%}.gap-source::after{position:absolute;content:"";inset:45% 0 0;background:linear-gradient(transparent,#081d2dcc)}.gap-source>div{position:absolute;z-index:1;right:20px;bottom:20px;left:20px;padding:17px 18px;border:1px solid #ffffff75;border-radius:4px;background:#fffdf1f2}.gap-source .stage-index{position:static;display:inline-block;margin-bottom:12px;color:#97244f;font-size:12px;font-style:normal;font-weight:800;letter-spacing:.1em}.gap-source>div>small{display:block;color:#556970;font-size:12px;font-weight:800;letter-spacing:.08em}.gap-source>div>p{margin:8px 0;color:#193147;font:22px/1.3 var(--serif)}.source-note{color:#59696f;font-size:13px}.gap-interaction{position:relative;min-height:430px;padding:25px 30px;display:flex;flex-direction:column;justify-content:center;background:#fffdf7}.planned-label{position:absolute;top:21px;right:23px;padding:7px 9px;border:1px solid #c77796;border-radius:3px;color:#87224e;font-size:11px;font-weight:800;letter-spacing:.06em}.gap-step[hidden]{display:none}.gap-step:not([hidden]){animation:reveal .18s ease-out}.gap-step>.stage-index{position:static;display:inline-block;margin:0 0 14px;color:#a42b61;font-size:12px;font-style:normal;font-weight:800;letter-spacing:.08em}.gap-step h3{max-width:470px;margin:0;color:var(--navy);font:500 clamp(27px,3vw,37px)/1.08 var(--serif);letter-spacing:-.03em}.gap-step>p{margin:12px 0 18px;color:#53656d;font-size:15px;line-height:1.6}.gap-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 15px;border:1px solid var(--navy);border-radius:4px;background:var(--navy);color:white;font-size:14px;font-weight:730;cursor:pointer}.gap-action:hover{background:#21435f}.gap-action span{font-size:18px;color:var(--lime)}.gap-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.quiet-action{min-height:44px;padding:8px 4px;border:0;background:transparent;color:#8c2451;font-size:14px;font-weight:730;cursor:pointer}.answer-label{display:block;margin:17px 0 7px;color:#354d5c;font-size:14px;font-weight:700}.gap-author-stage{display:grid}.gap-step textarea{width:100%;min-height:75px;resize:vertical;padding:12px;border:1px solid #9ca9a3;border-radius:4px;background:white;color:#193147;font:inherit;font-size:15px;line-height:1.5}.gap-step textarea:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.review-detail{margin-top:17px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px}.review-detail img{width:150px;height:122px;object-fit:cover;object-position:77% 90%;border-radius:3px}.review-detail p{margin:0;color:#193147;font:19px/1.4 var(--serif)}.author-note{margin:12px 0 0!important;color:#5f6d72!important;font-size:13px!important}.recipient-stage h3{margin-bottom:15px}.recipient-photo{position:relative;height:175px;overflow:hidden;border-radius:4px}.recipient-photo img{width:100%;height:100%;object-fit:cover;object-position:77% 90%}.recipient-photo span{position:absolute;left:10px;bottom:10px;padding:7px 9px;border-radius:3px;background:#fffdf1ed;color:#193147;font-size:13px;font-weight:700}.recipient-stage>p{margin:11px 0 9px;font:18px/1.45 var(--serif)!important;color:#193147!important}.approved-label{display:inline-block;color:#49602e;font-size:13px;font-weight:740}.reset-example{align-self:flex-start;margin-top:11px}.gap-disclosure{max-width:850px;line-height:1.55}
@media(max-width:850px){.gap-example{grid-template-columns:1fr}.gap-source{min-height:290px}.gap-source>img{object-position:77% 89%}.gap-interaction{min-height:360px;padding:60px 24px 25px}.gap-source>div{right:16px;bottom:15px;left:16px;padding:13px 15px}.gap-source>div>p{font-size:20px}.review-detail{grid-template-columns:145px 1fr}.review-detail img{width:145px}}
@media(max-width:540px){.gap-source{min-height:245px}.gap-interaction{min-height:330px;padding:63px 17px 20px}.planned-label{top:14px;right:13px;font-size:10px}.gap-step h3{font-size:29px}.gap-step>p{font-size:14px}.review-detail{grid-template-columns:1fr;gap:10px}.review-detail img{width:100%;height:142px;object-position:77% 90%}.review-detail p{font-size:18px}.gap-actions{gap:7px}.gap-actions .gap-action{padding-inline:10px;font-size:12px}.gap-source>div>p{font-size:18px}.source-note{font-size:12px}.recipient-photo{height:158px}}
/* Keep the source photo whole so the key tray remains visible above its instruction. */
.gap-source{display:flex;flex-direction:column;min-height:0;background:#d8dfd2}.gap-source>img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}.gap-source::after{content:none}.gap-source>div{position:static;right:auto;bottom:auto;left:auto;margin:0;padding:16px 18px;border:0;border-top:1px solid #d8ddd4;border-radius:0;background:#fffdf1}
@media(max-width:850px){.gap-source{min-height:0}.gap-source>img{object-fit:contain}.gap-source>div{right:auto;bottom:auto;left:auto}}
@media(max-width:540px){.gap-source{min-height:0}.gap-source>div{padding:13px 15px}}