@scope (#underway) {

*{box-sizing:border-box}body{margin:0;background:#161616;font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit}.toolbar{height:70px;padding:12px 3vw;display:flex;align-items:center;justify-content:space-between;background:#161616;color:#eee;gap:20px}.toolbar>span{font-size:12px;white-space:nowrap}.routes{display:flex;gap:6px}.routes button{background:none;color:#aaa;border:1px solid #444;border-radius:4px;padding:9px 13px;font-size:11px}.routes button[aria-pressed=true]{background:#fff;color:#111;border-color:white}.toolbar a{font-size:11px}.route{display:none;min-height:calc(100svh - 70px);position:relative;overflow:hidden}.route.active{display:block}h1,h2,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #b5baba;outline-offset:4px}button:focus-visible:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *),a:focus-visible:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){outline:3px solid #fe7c47}.experiment-note{font-size:10px;padding:14px 4vw;background:#161616;color:#aaa;display:flex;justify-content:space-between;gap:20px}.mono{font-family:'IBM Plex Mono',monospace}.pill{padding:8px 13px;border-radius:30px;font-size:11px}.reset{border:0;background:none;text-decoration:underline;font-size:11px}
/* 01 — exact, diagrammatic, high-density */
.precise{background:#f6f7f7;color:#0b0b0b;font-family:Manrope,sans-serif;padding:34px 4vw}
/* 01 — exact:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), diagrammatic:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), high-density */
.precise:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#f6f8fc;color:#102139}.p-top{display:flex;justify-content:space-between;border-bottom:1px solid #e4e7e7;padding-bottom:24px}.p-top:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-bottom:1px solid #ccd5e2}.wordmark{font-weight:800;letter-spacing:-1px;font-size:25px}.p-top .mono{font-size:10px;letter-spacing:.07em;color:#747b7b}.p-top .mono:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#6b7890}.p-title{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;padding:36px 0}.p-title h1{font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:-.065em;font-weight:700}.p-title h1 span{color:#747b7b}.p-title h1 span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#2158f0}.p-title p{font-size:14px;line-height:1.7;max-width:300px;align-self:end;color:#747b7b}.p-title p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#657087}.p-work{border:1px solid #e4e7e7;background:white;display:grid;grid-template-columns:290px 1fr;min-height:385px}.p-work:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border:1px solid #becbdd}.p-rail{border-right:1px solid #e4e7e7;padding:24px;background:#f6f7f7}.p-rail:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-right:1px solid #d5deea;background:#f0f4fa}.micro{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.p-event{border-bottom:1px solid #e4e7e7;padding:21px 0;font-size:12px;line-height:1.6}.p-event:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-bottom:1px solid #d5deea}.p-event b{display:block;margin-bottom:5px}.p-event small{font-family:'IBM Plex Mono';color:#747b7b;font-size:9px}.p-event small:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#8994a5}.p-board{padding:24px 30px}.p-board-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.p-grid{display:grid;grid-template-columns:52px 1fr;grid-template-rows:40px 85px 45px 85px;gap:0 10px;background:repeating-linear-gradient(0deg,transparent,transparent 41px,#f6f7f7 42px)}.p-grid:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:repeating-linear-gradient(0deg,transparent,transparent 41px,#eff2f7 42px)}.p-grid time{font:10px 'IBM Plex Mono';color:#747b7b}.p-grid time:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#8593a5}.p-slot{border-left:3px solid #747b7b;background:#f6f7f7;padding:13px 17px;transition:opacity .4s,transform .4s}.p-slot:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-left:3px solid #2158f0;background:#eaf0ff}.p-slot b{display:block;font-size:19px;letter-spacing:-.7px}.p-slot span{font-size:10px;color:#747b7b}.p-slot span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#6d7d97}.p-buffer{font:9px 'IBM Plex Mono';color:#747b7b;padding:12px}.p-buffer:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#8c98a9}.p-slot.last{background:#747b7b;color:white}.p-slot.last:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#2158f0}.p-slot.last span{color:#f6f7f7}.p-slot.last span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#dbe5ff}.p-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px}.p-action{padding:11px 16px;background:#747b7b;border:0;color:white;font-size:11px}.p-action:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#2158f0}.precise:not(.played) .p-slot,.precise:not(.played) .p-buffer{opacity:.08;transform:translateY(12px)}
/* 02 — oversized editorial type, a deliberately asymmetrical print-like spread */
.editorial{background:#f6f7f7;color:#0b0b0b;padding:25px 4vw;font-family:'DM Sans',sans-serif}
/* 02 — oversized editorial type:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), a deliberately asymmetrical print-like spread */
.editorial:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#f6f0e5;color:#30251f}.e-mast{border-bottom:2px solid #0b0b0b;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.e-mast:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-bottom:2px solid #30251f}.e-mast strong{font-family:'Bodoni Moda';font-size:33px;font-weight:400}.e-mast span{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.e-spread{position:relative;min-height:670px;display:grid;grid-template-columns:1.25fr .85fr;gap:5vw;padding-top:24px}.e-left{position:relative;z-index:1}.e-left h1{font:400 clamp(75px,10vw,150px)/.87 'Bodoni Moda',serif;letter-spacing:-.065em;margin:20px 0 35px}.e-left h1 em{color:#747b7b;font-weight:400}.e-left h1 em:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#d74527}.e-deck{display:grid;grid-template-columns:50px 1fr;gap:14px;max-width:380px}.e-number{font:50px/.9 'Bodoni Moda';border-top:1px solid;padding-top:12px}.e-deck p{font-size:15px;line-height:1.65;border-top:1px solid;padding-top:12px}.e-right{position:relative;padding-top:16px}.e-photo{height:340px;background:url('preview-villa.webp') center/cover;filter:saturate(.7);position:relative}.e-photo:after{content:'TWO HOMES. ONE SATURDAY.';position:absolute;bottom:15px;left:15px;background:#f6f7f7;padding:9px;font-size:9px;letter-spacing:.12em}.e-photo:after:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#f6f0e5}.e-quote{background:#747b7b;color:#f6f7f7;padding:23px;font:italic 24px/1.35 'Bodoni Moda';width:78%;position:relative;margin:-30px 0 0 -35px;transform:rotate(-4deg);z-index:2}.e-quote:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#d74527;color:#fff6e8}.e-ticket{margin-top:30px;border-top:1px solid #0b0b0b;display:grid;grid-template-columns:1fr 1fr}.e-ticket:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-top:1px solid #30251f}.e-ticket div{padding:18px 8px;border-bottom:1px solid #0b0b0b}.e-ticket div:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-bottom:1px solid #30251f}.e-ticket div+div{border-left:1px solid #0b0b0b;padding-left:22px}.e-ticket div+div:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-left:1px solid #30251f}.e-ticket small{font-size:9px;letter-spacing:.07em}.e-ticket b{display:block;font:28px 'Bodoni Moda';margin:6px 0}.e-ticket span{font-size:11px}.e-next{margin-top:28px;background:none;border:0;border-bottom:1px solid;padding:0 0 8px;font-size:12px;display:flex;justify-content:space-between;width:100%}.e-caption{font-size:9px;letter-spacing:.06em;margin-top:16px;color:#747b7b}.e-caption:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#8e7c6b}
/* 03 — an itinerary as a cinematic, considered service */
.premium{color:white;background:#0b0b0b;font-family:'DM Sans',sans-serif}
/* 03 — an itinerary as a cinematic:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), considered service */
.premium:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#12202b}.lux-photo{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0bce,#0b0b0b40),url('v1.6-assets/tree-pool-cinematic.jpg') center/cover}.lux-photo:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:linear-gradient(90deg,#081824ce,#08182440),url('v1.6-assets/tree-pool-cinematic.jpg') center/cover}.lux-content{position:relative;padding:32px 5vw 45px;min-height:calc(100svh - 70px);display:flex;flex-direction:column}.lux-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff35;padding-bottom:20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.lux-top b{font-weight:400;font-size:20px;letter-spacing:.03em;text-transform:none}.lux-main{display:grid;grid-template-columns:1fr 370px;gap:9vw;align-items:center;flex:1;padding:50px 0}.lux-heading .micro{color:#b5baba;margin-bottom:25px}.lux-heading .micro:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#bac3c9}.lux-heading h1{font:400 clamp(65px,7vw,105px)/1.02 'Bodoni Moda';letter-spacing:-.04em}.lux-heading p{font-size:13px;line-height:1.8;color:#e4e7e7;margin-top:28px;max-width:280px}.lux-heading p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#cad0d4}.itinerary{background:#0b0b0b88;backdrop-filter:blur(25px);border:1px solid #ffffff30;padding:30px}.itinerary:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#10233188}.itinerary-head{font-size:10px;letter-spacing:.16em;color:#e4e7e7;padding-bottom:20px;border-bottom:1px solid #ffffff25}.itinerary-head:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#cad5dc}.lux-stop{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:25px 0;border-bottom:1px solid #ffffff25}.lux-stop time{font:11px 'IBM Plex Mono';color:#b5baba;padding-top:8px}.lux-stop time:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#a6bdcc}.lux-stop h2{font:30px 'Bodoni Moda';margin-bottom:8px}.lux-stop p{font-size:10px;color:#e4e7e7;line-height:1.7}.lux-stop p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#bdc9d1}.lux-space{padding:17px 0;font-size:9px;letter-spacing:.05em;color:#b5baba}.lux-space:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#90a7b6}.lux-confirm{width:100%;margin-top:25px;padding:12px;background:#f6f7f7;color:#0b0b0b;border:0;font-size:11px}.lux-confirm:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#f1f1e9;color:#1c3040}.lux-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:20px;font-size:10px;color:#b5baba}.lux-foot:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#b3c1ca}.lux-status{max-width:350px;line-height:1.7}
/* 04 — oversized friendly typography, message collage, expressive motion */
.fresh{background:#f6f7f7;color:#0b0b0b;font-family:'Space Grotesk',sans-serif;padding:30px 4vw}
/* 04 — oversized friendly typography:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), message collage:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), expressive motion */
.fresh:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#e9f5ef;color:#103c32}.f-top{display:flex;justify-content:space-between;align-items:center}.f-top b{font-size:28px;letter-spacing:-1.4px}.f-top span{font-size:11px;background:#fff;padding:8px 13px;border-radius:20px}.f-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;min-height:640px}.f-copy h2{font-size:clamp(65px,7vw,110px);line-height:.96;letter-spacing:-.065em;font-weight:600}.f-copy h2 span{color:#0b0b0b}.f-copy h2 span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#008771}.f-copy p{font-size:16px;line-height:1.6;max-width:300px;margin-top:24px}.f-play{margin-top:28px;border:0;background:#0b0b0b;color:white;border-radius:30px;padding:15px 24px;font-size:13px}.f-play:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#123f34}.collage{height:570px;position:relative}.f-message{position:absolute;background:white;box-shadow:0 10px 30px #0b0b0b10;border-radius:22px;padding:20px 24px;font-size:16px;line-height:1.35;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .5s}.f-message:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){box-shadow:0 10px 30px #153b2910}.f-message small{font-size:10px;display:block;margin-bottom:9px;color:#747b7b}.f-message small:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#7f9a8c}.f-message.one{top:20px;left:0;transform:rotate(-5deg);width:70%}.f-message.two{top:142px;right:0;transform:rotate(4deg);width:64%;background:#e4e7e7}.f-message.two:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#cceddf}.f-message.three{top:272px;left:20px;transform:rotate(-3deg);width:70%}.f-calendar{position:absolute;bottom:0;right:20px;width:76%;padding:22px;background:#0b0b0b;color:white;border-radius:22px;transform:rotate(3deg);box-shadow:0 15px 40px #0b0b0b25;transition:transform .55s,opacity .5s}.f-calendar:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#0b846e;box-shadow:0 15px 40px #13433325}.f-calendar h2{font-size:27px;letter-spacing:-1px;margin-bottom:16px}.f-row{display:flex;justify-content:space-between;border-top:1px solid #ffffff45;padding:10px 0;font-size:13px}.f-calendar small{font-size:9px;color:#e4e7e7}.f-calendar small:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#bbebdb}.fresh:not(.played) .f-calendar{opacity:0;transform:translateY(40px) rotate(8deg)}.fresh.played .one{transform:translateY(-10px) rotate(-7deg)}.fresh.played .two{transform:translateY(-35px) rotate(3deg)}.fresh.played .three{transform:translateY(-55px) rotate(-3deg)}.f-seal{position:absolute;right:7px;bottom:175px;background:#b5baba;color:#0b0b0b;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:35px;transform:rotate(12deg);z-index:2}.f-seal:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#d9f677;color:#27402c}.f-footer{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #e4e7e7;padding-top:16px}.f-footer:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-top:1px solid #bfd7ca}
@media(max-width:800px){.toolbar{height:auto;flex-wrap:wrap}.toolbar>span{display:none}.routes{flex-wrap:wrap}.p-title,.e-spread,.lux-main,.f-layout{grid-template-columns:1fr}.p-work{grid-template-columns:1fr}.p-rail{display:none}.e-spread{gap:20px}.e-left h1{font-size:90px}.e-right{padding-bottom:30px}.lux-main{gap:35px}.lux-content{padding:25px}.lux-heading h1{font-size:70px}.f-copy h2{font-size:80px}.collage{height:540px;margin-top:25px}.experiment-note{flex-direction:column}.p-grid{grid-template-columns:40px 1fr}.p-board{padding:18px}.p-title{gap:22px}.p-title h1{font-size:55px}.route{min-height:100svh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.toolbar{position:sticky;top:0;z-index:20}@media(max-width:500px){.e-left h1{font-size:clamp(64px,18vw,90px)}.f-copy h2{font-size:clamp(60px,17vw,80px)}.e-quote{margin-left:0;width:95%}.lux-foot{gap:20px}.lux-top{gap:15px;font-size:8px}.lux-heading h1{font-size:62px}.f-message{font-size:13px;padding:17px}.f-top span{max-width:170px;font-size:9px}.f-footer{gap:15px;line-height:1.5}}
/* Conversational v1.6 — the original composition with quieter styling. */
.fresh{background:#f6f7f7}
/* Conversational v1.6 — the original composition with quieter styling. */
.fresh:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#f9f8f3}
.f-copy h2,.f-copy h2 span{font-family:'DM Sans',sans-serif;font-weight:500;font-size:54px;color:#0b0b0b}
.f-copy h2:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *),.f-copy h2 span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#292D28}
.f-message,.f-message.two{background:#fff;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display',sans-serif;display:flex;align-items:flex-start;gap:12px}
.f-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px}
.f-message>div{min-width:0}

/* v1.6 — content-sized messages scattered across a shared canvas. */
.f-layout{display:block;position:relative;height:800px;min-height:0;margin:24px 0}
.f-copy{position:absolute;left:3%;top:38%;z-index:3}
.collage{position:absolute;inset:0;height:auto;margin:0}
.f-message{width:max-content;max-width:min(380px,44%);padding:15px 18px;border-radius:18px;font-size:15px;line-height:1.35;transform:rotate(var(--tilt));transition:opacity .4s,transform .5s}
.f-message small{font-size:11px;margin-bottom:6px;color:#515858}
.f-message small:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#66756b}
.f-avatar{width:34px;height:34px;flex-basis:34px}
.f-seal{display:none}
.f-calendar{width:360px;right:7%;top:30%;bottom:auto;transform:rotate(2deg);z-index:4}
.fresh.played .f-message{opacity:0;transform:scale(.9) rotate(var(--tilt));pointer-events:none}
@media(max-width:600px){.f-layout{height:auto!important;margin-top:38px}.f-copy{position:relative;left:auto;top:auto;margin:0 0 40px 2%}.collage{position:relative;inset:auto;display:flex;flex-direction:column;gap:26px;padding:8px 5px 20px}.f-message{position:relative;left:auto!important;top:auto!important;max-width:96%;align-self:flex-start;font-size:13px;padding:13px 15px}.f-message:nth-child(even){align-self:flex-end}.f-calendar{position:absolute;top:20px;right:2%;width:96%}.f-top span{max-width:170px}.f-footer{line-height:1.5}.toolbar{gap:12px}}

/* v1.6 — sequential arrivals and a clearer notification hierarchy. */
.f-message{font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.45;color:#0b0b0b;opacity:0;transform:translateY(12px) rotate(var(--tilt))}

/* v1.6 — sequential arrivals and a clearer notification hierarchy. */
.f-message:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#292d28}
.f-message small{font-family:inherit;font-size:12px;line-height:1.4;font-weight:600;color:#0b0b0b;margin-bottom:4px}
.f-message small:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#424a43}
.f-message.is-visible{opacity:1;transform:rotate(var(--tilt))}
.f-copy .f-scroll-hint{font:12px 'DM Sans',sans-serif;color:#687067;margin-top:14px}
@media(min-width:1001px) and (min-height:800px){.f-scroll-track{height:calc(100svh + 2200px)}.fresh{position:sticky;top:70px;height:calc(100svh - 70px);min-height:0;padding:20px 4vw;overflow:hidden}.f-layout{margin:18px 0}.f-footer{font-size:9px}}
@media(max-width:1000px),(max-height:799px){.f-layout{height:auto!important;margin-top:38px}.f-copy{position:relative;left:auto;top:auto;margin:0 0 40px 2%}.collage{position:relative;inset:auto;display:flex;flex-direction:column;gap:26px;padding:8px 5px 20px}.f-message{position:relative;left:auto!important;top:auto!important;max-width:96%;align-self:flex-start;font-size:13px;padding:13px 15px}.f-message:nth-child(even){align-self:flex-end}.f-calendar{position:absolute;top:20px;right:2%;width:96%}}
@media(prefers-reduced-motion:reduce){.f-message{transform:rotate(var(--tilt));transition:none}}
.f-scroll-track.is-flow{height:auto}.is-flow .fresh{position:relative;top:auto;height:auto;overflow:hidden}.is-flow .f-layout{height:auto!important}.is-flow .f-copy{position:relative;left:auto;top:auto;margin:30px 0 40px}.is-flow .collage{position:relative;inset:auto;display:flex;flex-direction:column;gap:26px;padding:8px 12px 20px}.is-flow .f-message{position:relative;left:auto!important;top:auto!important;max-width:96%;align-self:flex-start}.is-flow .f-message:nth-child(even){align-self:flex-end}

/* v1.6 — one scroll timeline, from scattered replies to a proposed day. */
.f-scroll-track{height:calc(100svh + 3600px)}
.fresh{position:sticky;top:var(--toolbar-height,70px);height:calc(100svh - var(--toolbar-height,70px));min-height:0;padding:20px 4vw;overflow:hidden}
.f-layout{display:block;position:relative;height:calc(100svh - 235px)!important;margin:18px 0;min-height:0}
.f-copy{position:absolute;left:3%;top:38%;width:290px;margin:0;z-index:3}
.f-copy h2{font-family:'DM Sans',sans-serif;font-size:54px;font-weight:500;color:#0b0b0b;line-height:1.02;letter-spacing:-.065em;min-height:112px}
.f-copy h2:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#292d28}
.f-copy .f-scroll-hint{font-size:12px;line-height:1.4;margin-top:14px}
.collage{position:absolute;inset:0;height:auto;display:block;padding:0}
.f-message{position:absolute;max-width:min(340px,43%);transition:none;will-change:transform,opacity}
.ari-core{position:absolute;left:55%;top:48%;transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none;z-index:2;font-family:'DM Sans',sans-serif}
.ari-core span{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:white;box-shadow:0 8px 30px #0b0b0b10;font-size:62px;line-height:1;color:#0b0b0b}
.ari-core span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){box-shadow:0 8px 30px #153b2910;color:#292d28}
.ari-core b{display:block;font-size:14px;font-weight:500;margin-top:12px}
.f-calendar{top:28%;right:3%;bottom:auto;width:360px;max-width:43%;font-family:'DM Sans',sans-serif;pointer-events:none;transition:none}
.f-calendar h2{font-size:28px;font-weight:500}.f-calendar small{font-size:11px}.f-row{padding:18px 0}
@media(max-width:800px){.fresh{padding:16px 4vw}.f-layout{height:calc(100svh - 185px)!important}.f-copy{left:3%;top:12px;width:94%}.f-copy h2{font-size:42px;min-height:88px}.f-play{position:fixed;bottom:16px;right:5%;margin:0;padding:11px 17px}.f-copy .f-scroll-hint{display:none}.f-message{width:max-content;max-width:84%;font-size:12px;padding:12px 14px;left:auto!important;top:auto!important}.f-message small{font-size:11px}.f-avatar{width:28px;height:28px;flex-basis:28px}.ari-core{left:50%;top:57%}.f-calendar{left:5%;right:auto;top:37%;max-width:90%;width:90%}.f-footer{display:none}.f-top span{font-size:9px;max-width:170px}}
@media(prefers-reduced-motion:reduce){.f-message{will-change:auto}}

/* v1.6 — a workable viewing plan, with unrelated conversations kept visible. */
.f-calendar{top:13%;width:430px;max-width:46%;padding:24px;text-align:left}
.f-calendar .agenda-for{font-size:12px;margin:4px 0 18px;color:#e4e7e7}
.f-calendar .agenda-for:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#dbf0e7}
.f-calendar .f-row{display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:start;padding:13px 0}
.f-calendar .f-row time{font-size:11px;padding-top:2px;white-space:nowrap}
.f-calendar .f-row b{font-size:15px;font-weight:500;display:block;margin-bottom:4px}
.f-calendar .f-row small{font-size:11px;line-height:1.45;display:block}
.f-calendar .plan-status{font-size:11px;line-height:1.4;border-top:1px solid #ffffff45;padding-top:14px;margin-top:2px}
.pending-replies{position:absolute;left:3%;top:55%;width:310px;max-width:43%;font-family:'DM Sans',sans-serif;color:#0b0b0b;opacity:0;pointer-events:none}
.pending-replies:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#292d28}
.pending-replies h2{font-size:14px;font-weight:500;margin-bottom:14px;letter-spacing:0}.pending-replies h2 span{font-size:11px;color:#6b726c;margin-left:6px}
.pending-row{display:flex;align-items:start;gap:10px;padding:10px 0;border-top:1px solid #0b0b0b15}
.pending-row:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-top:1px solid #292d2815}.pending-row img{width:28px;height:28px;object-fit:cover;border-radius:50%}.pending-row b{font-size:11px;font-weight:600}.pending-row p{font-size:12px;line-height:1.4;margin:3px 0 0}
@media(max-width:800px){.f-calendar{top:20%;left:3%;width:94%;max-width:94%;padding:17px}.f-calendar h2{font-size:23px}.f-calendar .agenda-for{margin:3px 0 9px;font-size:10px}.f-calendar .f-row{padding:7px 0;grid-template-columns:80px 1fr;gap:8px}.f-calendar .f-row time{font-size:10px}.f-calendar .f-row b{font-size:12px;margin-bottom:1px}.f-calendar .f-row small{font-size:10px}.f-calendar .plan-status{font-size:9px;padding-top:9px}.pending-replies{left:3%;top:72%;width:94%;max-width:94%}.pending-replies h2{font-size:12px;margin-bottom:6px}.pending-row{padding:5px 0;gap:8px}.pending-row img{width:23px;height:23px}.pending-row b{font-size:10px}.pending-row p{font-size:10px;margin-top:1px}}

/* v1.6 — a shared day, gathered into a single close composition. */
.f-calendar{left:36%;right:auto;top:8%;width:61%;max-width:none;background:#fff;color:#0b0b0b;border-radius:20px;padding:24px 28px;box-shadow:0 16px 50px #0b0b0b20}

/* v1.6 — a shared day:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), gathered into a single close composition. */
.f-calendar:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#292d28;box-shadow:0 16px 50px #003d3020}
.day-header{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #e4e7e7;padding-bottom:14px;margin-bottom:5px}
.day-header:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border-bottom:1px solid #e6e8e3}.day-header h2{margin:0;font-size:27px}.day-header p{font-size:11px;color:#515858}.day-header p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#677165}
.day-viewing{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:10px 0}.day-viewing time{font-size:11px;color:#515858;padding-top:3px;white-space:nowrap}.day-viewing time:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#536252}.day-details h3{font-size:16px;font-weight:500;margin:0 0 5px;letter-spacing:-.3px}.day-people{display:flex;align-items:center;gap:8px;font-size:11px}.day-avatars{display:flex;padding-left:0}.day-avatars img{width:23px;height:23px;border-radius:50%;object-fit:cover;border:2px solid white}.day-avatars img+img{margin-left:-5px}.day-details p{font-size:10px;line-height:1.4;margin:4px 0 0;color:#515858}.day-details p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#677165}.day-gap{font:10px 'DM Sans',sans-serif;color:#747b7b;padding:4px 0 4px 110px;border-top:1px solid #f6f7f7}.day-gap:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#748070;border-top:1px solid #eef0eb}
.f-calendar .plan-status{color:#515858;border-top:1px solid #e4e7e7;margin-top:8px;padding-top:12px;font-size:10px}
.f-calendar .plan-status:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#536252;border-top:1px solid #e6e8e3}
.pending-replies{left:3%;top:calc(8% + 155px);width:29%;max-width:none;color:#fff}.pending-replies h2{font-size:15px;margin-bottom:12px}.pending-replies h2 span{color:#e4e7e7}.pending-replies h2 span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#d2e9df}.pending-row{border-color:#ffffff30;padding:12px 0}.pending-row b{font-size:12px}.pending-row p{font-size:12px;color:#f6f7f7;line-height:1.45}.pending-row p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#e0f0e9}.pending-row img{width:30px;height:30px}
.f-play{position:fixed;bottom:20px;left:4vw;right:auto;margin:0;font-size:11px;padding:10px 16px;z-index:10}.f-copy .f-scroll-hint{margin-top:20px}.scene-final .f-play{background:#ffffff20;color:#fff}.scene-final .f-footer{visibility:hidden}
@media(max-width:800px){.f-calendar{top:20%;left:3%;width:94%;max-width:none;padding:14px 16px}.day-header{padding-bottom:8px;margin-bottom:2px}.day-header h2{font-size:21px}.day-header p{font-size:9px}.day-viewing{grid-template-columns:74px 1fr;gap:8px;padding:6px 0}.day-viewing time{font-size:9px}.day-details h3{font-size:12px;margin-bottom:2px}.day-people{font-size:10px;gap:5px}.day-avatars img{width:18px;height:18px}.day-details p{font-size:9px;margin-top:2px}.day-gap{font-size:8px;padding:3px 0 3px 82px}.f-calendar .plan-status{font-size:9px;padding-top:8px;margin-top:5px}.pending-replies{top:calc(20% + 450px);left:3%;width:94%}.pending-replies h2{font-size:12px;margin-bottom:4px}.pending-row{padding:5px 0}.pending-row b,.pending-row p{font-size:10px}.pending-row img{width:23px;height:23px}.f-play{bottom:10px;left:auto;right:4vw}.scene-final .f-copy h2{font-size:36px;min-height:74px}}
.scene-final .f-top b{color:#fff}

/* Revised v1.6 ending: a heading above a compact agenda and adjacent pending list. */
.f-calendar{left:calc(50% - 370px);top:130px;width:470px;max-width:none;padding:22px 24px}
.pending-replies{left:calc(50% + 128px);top:145px;width:242px;max-width:none}
.scene-final .f-copy{left:0;top:32px!important;width:100%;text-align:center}
.scene-final .f-copy h2{min-height:0;font-size:48px;line-height:1.1}
.scene-final .f-copy .f-scroll-hint{display:none}
.day-header{padding-bottom:12px;margin-bottom:4px}.day-header h2{font-size:25px}
.day-viewing{grid-template-columns:87px 1fr;gap:12px;padding:12px 0}
.day-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.day-summary h3{font-size:15px;margin:0;white-space:nowrap}
.day-people{font-size:10px;gap:5px;justify-content:flex-end;line-height:1.3}
.day-avatars{flex-shrink:0}.day-avatars img{width:22px;height:22px}
.day-details p{font-size:10px;line-height:1.5;margin-top:6px}
.day-gap{padding-left:99px;padding-top:6px;padding-bottom:6px}
.pending-row{padding:12px 0}.pending-replies h2{margin-bottom:10px}
@media(min-width:801px) and (max-width:900px){.f-calendar{left:2%;width:61%}.pending-replies{left:67%;width:31%}.day-summary{gap:6px}.day-summary h3{font-size:13px}}
@media(max-width:800px){.scene-final .f-copy{top:8px!important}.scene-final .f-copy h2{font-size:36px}.f-calendar{left:3%;top:76px;width:94%;max-width:none;padding:16px}.pending-replies{left:3%;width:94%}.day-header h2{font-size:22px}.day-header p{font-size:9px}.day-viewing{grid-template-columns:73px 1fr;gap:8px;padding:8px 0}.day-summary{gap:8px;align-items:flex-start}.day-summary h3{font-size:12px;white-space:normal}.day-people{font-size:9px;max-width:108px}.day-avatars img{width:18px;height:18px}.day-details p{font-size:9px;margin-top:4px}.day-gap{padding:4px 0 4px 81px}.pending-row{padding:6px 0}.pending-replies h2{margin-bottom:5px}}

/* Property references and a compact, expandable pending group. */
.f-calendar{left:calc(50% - 260px);width:520px}.day-summary{flex-wrap:wrap;justify-content:flex-start;gap:5px 12px}.day-summary h3{font-size:14px;white-space:normal}.day-people{margin-left:auto}
.pending-replies{left:calc(50% - 260px);width:520px;text-align:center}.pending-toggle{border:0;background:none;color:white;display:inline-flex;align-items:center;gap:15px;padding:8px 12px;cursor:pointer;font:500 14px 'DM Sans',sans-serif;border-radius:30px}.pending-toggle:hover{background:#ffffff12}.pending-toggle:focus-visible{outline:2px solid white;outline-offset:4px}.pending-avatars{position:relative;display:flex;padding-right:6px}.pending-avatars>img{width:43px;height:43px;border:3px solid #f6f7f7;border-radius:50%;object-fit:cover}.pending-avatars>img:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border:3px solid #f9f8f3}.pending-avatars>img+img{margin-left:-12px}.pending-count{position:absolute;right:0;top:-3px;background:#0b0b0b;color:white;min-width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11px;border:2px solid #0b0b0b}.pending-count:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#292d28;border:2px solid #0b846e}.pending-chevron{display:inline-block;margin-left:5px}.pending-toggle[aria-expanded=true] .pending-chevron{transform:rotate(180deg)}.pending-details{text-align:left;max-width:360px;margin:12px auto 0}.pending-details[hidden]{display:none}
@media(max-width:800px){.f-calendar{left:3%;width:94%}.pending-replies{left:3%;width:94%}.day-summary h3{font-size:12px}.day-people{margin-left:0}.pending-avatars>img{width:38px;height:38px}.pending-toggle{font-size:12px}.pending-details{padding:0 12px}}

}
#underway{font-family:"DM Sans",sans-serif}#underway .fresh{font-family:"DM Sans",sans-serif}#underway #story-title{margin:0;font-family:"DM Sans",sans-serif}#morning{padding:0;max-width:none}#morning .morning-section{margin:0 auto}#morning .morning-card h2{font-family:inherit}

#underway .fresh{transform:translateZ(0)}

body #morning{padding:0!important;margin:0!important;width:100%;max-width:none;overflow:hidden;scroll-margin-top:88px}
.version-switch{left:auto;right:18px}#underway{scroll-margin-top:88px}
#underway .day-header{position:static;top:auto;height:auto;min-height:0;background:none;backdrop-filter:none;padding:0 0 12px;margin:0 0 4px;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between}#underway .day-header h2{margin:0}#underway .day-header p{margin:0}

body #morning{max-width:1360px;margin:70px auto 130px!important;padding:0 28px!important;overflow:visible}
#morning iframe{border-radius:28px;overflow:hidden}
#underway .f-copy{transition:none!important}
#underway .scene-final .f-copy{left:3%;width:326px;text-align:left}
#underway .sorted-heading{position:absolute;top:24px;left:0;width:100%;text-align:center;opacity:0;pointer-events:none}
#underway .sorted-heading h2{font:500 48px/1.1 'DM Sans',sans-serif;letter-spacing:-.04em;color:white;margin:0}
#underway .sorted-heading .journey-label{color:#e4e7e7;margin-bottom:18px}
#underway .sorted-heading .journey-label:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#d4ded8}
#underway .scheduling-label{margin-bottom:22px;color:#747b7b}
#underway .scheduling-label:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#727b68}
#underway .f-calendar{top:155px}
@media(max-width:760px){body #morning{padding:0 18px!important;margin:50px auto 90px!important}#underway .sorted-heading{top:12px}#underway .sorted-heading h2{font-size:36px}#underway .f-calendar{top:112px}#underway .journey-label{font-size:10px}}
body .version-switch{width:max-content;max-width:calc(100vw - 36px);left:auto;right:18px}

/* Sea villa replaces the objections illustration. */
.v12 #work .phone-stage{position:relative;isolation:isolate;background-image:none;overflow:hidden}
#work .objection-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#work .phone{position:relative}
#voice .feedback-title-line{display:block;white-space:nowrap}
#voice .feedback-copy h2{font-size:clamp(31px,3.25vw,47px);letter-spacing:-.04em}
#voice .feedback-copy>p{max-width:410px;text-wrap:pretty}
/* One expansive colour field, preserving both notification stacks. */
body #opportunities{background:linear-gradient(135deg,#0b0b0b 0%,#0b0b0b 55%,#0b0b0b 100%);color:#f6f7f7;width:100%;margin:80px 0 110px;padding:0}
/* One expansive colour field:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), preserving both notification stacks. */
body #opportunities:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:linear-gradient(135deg,#314c45 0%,#233e39 55%,#1d302e 100%);color:#f7f7f1}
body #opportunities .section{display:flex;flex-direction:column;gap:36px;justify-content:center;min-height:100svh;max-width:1280px;margin:0 auto;padding:90px 28px}
body #opportunities .copy{order:-1;text-align:center;max-width:640px;padding:0}
body #opportunities .copy .eyebrow{color:#e4e7e7}
body #opportunities .copy .eyebrow:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#c2d0c7}
body #opportunities .copy h2{color:#f6f7f7;font-size:clamp(38px,4.5vw,61px);margin-bottom:23px;letter-spacing:-.04em}
body #opportunities .copy h2:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#f7f7f1}
body #opportunities .copy p{color:#e4e7e7;max-width:500px;margin:auto;font-size:16px;line-height:1.8}
body #opportunities .copy p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#d1ddd5}
body #opportunities .visual{width:100%;max-width:700px}
body #opportunities .scene{background:none;min-height:310px;aspect-ratio:auto;border-radius:0;overflow:visible}
body #opportunities .scene:before{display:none}
body #opportunities .notifications{transform:none;width:386px;max-width:calc(100% - 28px)}
@media(max-width:1000px){#voice .feedback-copy h2{font-size:clamp(26px,3.4vw,36px)}}
@media(max-width:700px){#voice .feedback-copy h2{font-size:clamp(25px,6.3vw,40px)}body #opportunities .section{padding:70px 18px;gap:25px;min-height:850px}body #opportunities .scene{min-height:330px}body #opportunities .copy p{font-size:15px}}

.v12 #work .phone-stage{background:url('preview-infinity.webp') center/cover}
body #opportunities{background:#0b0b0b}
body #opportunities:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#181b18}
body.wingman-page>.site-header{background:rgba(25,25,25,.12);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
body.wingman-page>.site-header:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:rgba(24,27,24,.12)}
body.wingman-page>.site-header.is-solid{background:rgba(247,247,247,.72);box-shadow:0 1px 0 #ffffff35}
body.wingman-page>.site-header.is-solid:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:rgba(249,248,243,.72)}
#together .decision-stage{padding:0;background:none;min-width:0;overflow:hidden;border-radius:24px}
#together .decision-embed{display:block;width:100%;height:720px;border:0;background:#e4e7e7;border-radius:24px}
#together .decision-embed:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#e4e9df}
@media(max-width:550px){#together .decision-embed{height:760px}}

/* Inset notification scene, aligned with the capture-feedback frame. */
body #opportunities{max-width:1360px;width:100%;margin:80px auto 110px;padding:0 28px;background:transparent}
body #opportunities .section{max-width:none;min-height:740px;padding:70px 40px;background:#0b0b0b;border-radius:28px;overflow:hidden}
body #opportunities .section:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#181b18}
@media(max-width:700px){body #opportunities{padding:0 18px;margin:50px auto 90px}body #opportunities .section{min-height:760px;padding:55px 18px;gap:30px}}

/* Warm interior frame: copy above left, conversation below right. */
body #opportunities .section{display:grid;grid-template-columns:1fr 1fr;gap:55px;min-height:670px;padding:70px 65px;background:linear-gradient(90deg,#0b0b0ba6,#0b0b0b40 65%,#0b0b0b59),url('matches-villa-v17.webp') center/cover;align-items:center}

/* Warm interior frame: copy above left:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *), conversation below right. */
body #opportunities .section:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:linear-gradient(90deg,#101b16a6,#101b1640 65%,#101b1659),url('matches-villa-v17.webp') center/cover}
body #opportunities .copy{order:0;align-self:start;margin-top:15px;text-align:left;max-width:450px}
body #opportunities .copy h2{font-size:clamp(38px,4.2vw,56px);text-wrap:balance}
body #opportunities .copy p{max-width:410px;margin:0;color:#f6f7f7}
body #opportunities .copy p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#f0eee7}
body #opportunities .copy .eyebrow{color:#e4e7e7}
body #opportunities .copy .eyebrow:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#e1e0d7}
body #opportunities .visual{order:1;align-self:end;justify-self:end;max-width:415px;margin-bottom:25px}
body #opportunities .scene{min-height:280px;justify-content:flex-end}
body #opportunities .notifications{max-width:100%}
@media(max-width:1000px){body #opportunities .section{padding:45px 35px;gap:30px}body #opportunities .copy h2{font-size:40px}}
@media(max-width:700px){body #opportunities .section{grid-template-columns:1fr;gap:100px;padding:35px 22px;min-height:710px;background-position:58% center}body #opportunities .copy{margin:0}body #opportunities .copy h2{font-size:38px}body #opportunities .visual{justify-self:center;margin:0;max-width:386px}body #opportunities .scene{min-height:290px}}

/* Feather the photograph at the edges, especially behind the copy. */
body #opportunities .section{position:relative;isolation:isolate}
body #opportunities .section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(90deg,#000 0%,#000e 24%,transparent 57%,#0004 83%,#000b 100%),linear-gradient(180deg,#0009,transparent 20%,transparent 76%,#000a);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000e 24%,transparent 57%,#0004 83%,#000b 100%),linear-gradient(180deg,#0009,transparent 20%,transparent 76%,#000a)}

/* Notification content carries the story; timestamps add no useful context. */
body #opportunities .notice time{display:none}

.everyday-section{padding-top:45px;padding-bottom:110px;scroll-margin-top:110px}
.everyday-heading{margin-bottom:42px}.everyday-heading h2{font-size:clamp(34px,4vw,50px);font-weight:450;line-height:1.12;letter-spacing:-.04em;margin:0}
.everyday-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.everyday-card{background:#f6f7f7;border:1px solid #e4e7e7;border-radius:22px;padding:30px;min-width:0;scroll-margin-top:110px}.everyday-card:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#f1f2eb;border:1px solid #e4e6db}
.everyday-card h3{font:500 23px/1.25 'DM Sans',sans-serif;letter-spacing:-.025em;margin:27px 0 12px}.everyday-card>p{font-size:15px;line-height:1.7;color:#515858;max-width:430px;margin:0}.everyday-card>p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#697263}
.everyday-demo{min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:14px;font:13px/1.65 'DM Sans',sans-serif;color:#0b0b0b}
.everyday-demo:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#3a4939}
.mini-caption{display:block;font-size:11px;color:#747b7b}
.mini-caption:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#78816f}.everyday-message{padding:15px 17px;border:1px solid #e4e7e7;border-radius:13px;background:#f6f7f7}.everyday-message:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border:1px solid #dde3d5;background:#fcfcf8}.everyday-message.client{align-self:flex-end;border-bottom-right-radius:4px}.everyday-brief{background:#e4e7e7;border-radius:13px;padding:17px}.everyday-brief:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#e4eadc}.everyday-brief strong{font-size:13px;display:block;margin:5px 0}.everyday-brief p{margin:0;font-size:12px;line-height:1.65}
.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-row span{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 8px;background:#f6f7f7;border:1px solid #e4e7e7;border-radius:10px;font-size:12px}.tool-row span:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#fcfcf8;border:1px solid #e1e6d9}.tool-row img{width:20px;height:20px}.connection-centre{text-align:center;padding:10px;color:#515858}.connection-centre:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#466044}.connections-demo small{text-align:center;color:#747b7b;font-size:10px}.connections-demo small:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#78816f}
.tone-card .draft{min-height:100px;background:#e4e7e7}
.tone-card .draft:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#e4eadc}.tone-controls{display:flex;flex-wrap:wrap;gap:8px}.tone-controls button{font:12px 'DM Sans',sans-serif;padding:8px 13px;border:1px solid #e4e7e7;border-radius:20px;background:#f6f7f7;color:#515858;cursor:pointer}.tone-controls button:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border:1px solid #cbd4c3;background:#fafbf6;color:#52604a}.tone-controls button[aria-pressed=true]{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.tone-controls button[aria-pressed=true]:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#35563f;border-color:#35563f}.tone-explanation{font-size:11px;line-height:1.5;min-height:33px;color:#747b7b}.tone-explanation:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#727e68}
.everyday-demo textarea{resize:vertical;min-height:108px;max-height:200px;width:100%;border:1px solid #e4e7e7;border-radius:13px;padding:16px;background:#f6f7f7;font:13px/1.65 'DM Sans',sans-serif;color:#0b0b0b}
.everyday-demo textarea:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){border:1px solid #d9dfd1;background:#fcfcf8;color:#3a4939}.review-row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;color:#747b7b}.review-row:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#78816f}.review-row button{flex-shrink:0;border:0;border-radius:20px;background:#0b0b0b;color:#fff;padding:10px 13px;display:flex;align-items:center;gap:8px;font:12px 'DM Sans',sans-serif;cursor:pointer}.review-row button:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#35563f}.everyday-card button:focus-visible,.everyday-card textarea:focus-visible{outline:2px solid #747b7b;outline-offset:4px}.everyday-card button:focus-visible:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *),.everyday-card textarea:focus-visible:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){outline:2px solid #739166}
@media(max-width:700px){.everyday-grid{grid-template-columns:1fr}.everyday-card{padding:23px}.everyday-section{padding-bottom:70px}.everyday-demo{min-height:210px}.review-row{align-items:start}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}