@font-face{font-family:Satoshi;src:url('assets/satoshi-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/satoshi-medium.woff2') format('woff2');font-weight:500 800;font-display:swap}
:root{--canvas:#fbf9f6;--ink:#292c2b;--muted:#70736e;--rule:#e4e1da;--red:#ef3938;--gutter:clamp(32px,4.167vw,80px);--ease:cubic-bezier(.22,.61,.36,1);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.53 Satoshi,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.04em;line-height:1.08}h1{font-size:64px}h2{font-size:44px}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:4px}img{display:block;max-width:100%;height:auto}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}button[hidden],[hidden]{display:none!important}.section-container{max-width:calc(1320px + 2*var(--gutter));margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:9px;padding:11px 21px;font-size:14px;line-height:22px;font-weight:500;white-space:nowrap;transition:background .18s,color .18s}.primary{color:#fff;background:var(--red)}.primary:hover{background:#dc302f}.secondary{border:1px solid var(--rule);background:var(--canvas)}.secondary:hover{background:#f1eee8}.text-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:14px;font-weight:500;padding:0 7px}.text-button:hover,.text-link:hover{color:var(--red)}.text-link{padding:0;border-bottom:1px solid var(--ink);min-height:28px}.icon-button{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.icon-button:hover{background:#292c2b08}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:80;top:-80px;left:20px;background:var(--ink);color:#fff;padding:12px 20px}.skip-link:focus{top:90px}.site-header{position:fixed;z-index:40;top:24px;left:var(--gutter);right:var(--gutter);max-width:1320px;height:60px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);background:var(--canvas);transition:top .2s}.site-header.is-scrolled{top:12px}.brand{display:inline-flex;align-items:center;min-height:44px;flex:none}.brand img{width:96px;height:auto}.desktop-nav{display:flex;gap:31px;margin-left:8%;align-items:center}.desktop-nav a,.nav-signin{font-size:14px;font-weight:500;min-height:44px;display:flex;align-items:center}.desktop-nav a:hover,.nav-signin:hover{color:var(--red)}.nav-actions{display:flex;align-items:center;gap:22px}.locale-switch{display:flex;align-items:center;gap:3px}.locale-switch button{min-width:26px;min-height:44px;padding:0 2px;font-size:12px;opacity:.5;font-weight:500}.locale-switch button[aria-pressed=true]{opacity:1}.locale-switch span{font-size:11px;color:var(--muted)}.compact-locale,.site-header .menu-button{display:none}.mobile-menu{display:none}.hero{height:190svh}.hero-stage{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden}.hero-copy{position:absolute;z-index:2;top:119px;left:20px;right:20px;text-align:center}.hero-copy h1{white-space:nowrap;font-size:64px;line-height:68px}.hero-copy p{font-size:18px;margin-top:17px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:27px}.hero-art{position:absolute;inset:0;clip-path:inset(320px 0 0);overflow:hidden}.scene-assembly{position:absolute;top:0;left:0;width:1672px;height:941px;transform-origin:0 0;will-change:transform}.scene-photo{position:absolute;inset:0;width:1672px;height:941px;max-width:none}.screen-backing{position:absolute;left:563px;top:362px;width:546px;height:318px;background:#faf7f3}.hero-screen{position:absolute;left:0;top:0;width:2000px;height:1095px;max-width:none;transform-origin:0 0;will-change:transform}.hero-caption{position:absolute;bottom:18px;left:20px;right:20px;text-align:center;font-size:12px;color:var(--muted);opacity:0}.static-home{display:none}.tour-section{padding-top:98px;padding-bottom:96px}.section-heading.centered{text-align:center}.section-heading h2{max-width:960px;margin:auto}.section-heading p{margin-top:20px;color:var(--muted)}.tabs{display:flex;align-items:stretch;gap:31px;border-bottom:1px solid var(--rule);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.tabs button{position:relative;min-height:55px;flex:none;white-space:nowrap;padding:0 8px;font-size:15px;font-weight:500}.tabs button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .18s var(--ease)}.tabs button[aria-selected=true]{color:var(--red)}.tabs button[aria-selected=true]:after{transform:scaleX(1)}.main-tabs{margin-top:36px;justify-content:center}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:69px;padding:11px 0}.page-intro>p{font-size:15px;color:var(--muted)}.variant-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.variant-controls button,.variant-label{min-height:38px;padding:8px 13px;border:1px solid var(--rule);border-radius:7px;font-size:12px;font-weight:500;line-height:20px}.variant-controls button[aria-pressed=true]{color:var(--red);border-color:#ee39385c;background:#fff}.variant-label{border:0;color:var(--muted);padding:8px 0}.variant-controls a{font-size:13px;min-height:40px;display:flex;align-items:center;gap:12px}.variant-controls a:hover{color:var(--red)}.product-frame{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:#fff}.screen-stage{position:relative;width:100%;aspect-ratio:1.6;background:#fff;isolation:isolate;overflow:hidden}.screen-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.screen-image.previous{z-index:0}.screen-image.current{z-index:1;opacity:1;transition:opacity .24s ease}.screen-image.current.entering{opacity:0}.hotspot-plane{position:absolute;z-index:3}.hotspot{position:absolute;border:1px solid transparent;border-radius:6px;background:transparent;padding:0;min-width:0;min-height:0;cursor:pointer}.hotspot:hover,.hotspot:focus-visible{background:#ef393809;border-color:#ef39388c;outline:2px solid #ef39385c;outline-offset:1px}.hotspot:focus-visible:after,.hotspot:hover:after{content:attr(aria-label);position:absolute;z-index:20;left:0;top:100%;padding:6px 10px;border-radius:5px;background:var(--canvas);border:1px solid var(--rule);font-size:12px;line-height:18px;white-space:nowrap;pointer-events:none}.frame-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 21px;border-top:1px solid var(--rule);background:var(--canvas);min-height:78px}.source-caption{display:flex;flex-direction:column;gap:3px;font-size:12px}.source-type{font-size:12px;color:var(--muted)}.frame-actions{display:flex;align-items:center;gap:17px}.play-symbol{font-size:20px;font-weight:400;line-height:1}.tour-cursor{position:absolute;width:25px;height:32px;z-index:5;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 1px #0002)}.tour-cursor svg{width:25px;height:32px;fill:var(--ink);stroke:#fff;stroke-width:1.4}.tour-cursor i{position:absolute;left:-11px;top:-11px;width:24px;height:24px;border-radius:50%;border:2px solid var(--red);opacity:0}.puppy-section{padding-top:88px;padding-bottom:104px}.puppy-heading{display:flex;align-items:center;gap:35px;justify-content:space-between;margin-bottom:35px}.puppy-heading h2{max-width:800px}.puppy-heading p{color:var(--muted);margin-top:20px}.puppy-heading>img{width:72px;height:72px;object-fit:contain;flex:none;margin-right:25px}.puppy-tabs{gap:36px}.shared-section{padding-top:96px;padding-bottom:96px}.shared-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:430px minmax(0,440px);gap:clamp(65px,8.333vw,120px);justify-content:center;align-items:center}.couple-photo{width:430px;height:540px;object-fit:cover;object-position:center;border-radius:2px}.shared-copy h2{max-width:390px}.shared-copy>p{margin-top:26px;line-height:1.6;color:var(--muted)}.shared-copy .shared-note{font-size:15px;line-height:1.6;margin-top:38px;color:var(--ink);max-width:360px}.closing-section{padding-top:80px;padding-bottom:80px}.closing-grid{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:40px;align-items:center;min-height:480px}.closing-copy h2{font-size:44px;line-height:1.12;max-width:440px}.closing-copy>p{color:var(--muted);margin-top:25px;max-width:350px}.platforms{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:28px}.platforms a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink)}.platforms a:hover{color:var(--red)}.closing-actions{display:flex;align-items:center;gap:26px;margin-top:22px}.sunset-photo{width:100%;height:auto;border-radius:9px;object-fit:contain}.site-footer{padding-bottom:24px}.footer-main{border-top:1px solid var(--rule);padding-top:23px;display:flex;align-items:center;gap:30px}.footer-main nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:13px}.footer-main nav a{min-height:44px;display:flex;align-items:center}.footer-main nav a:hover{color:var(--red)}.footer-main .locale-switch{border-left:1px solid var(--rule);padding-left:24px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-top:14px}.footer-bottom small{font-size:11px}.motion-toggle{font-size:12px}.reveal{opacity:1;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}.reveal.waiting{opacity:0;transform:translateY(12px)}.load-error{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding:10px 0}.load-error .text-button{color:var(--red)}body.overlay-open{overflow:hidden}dialog{width:calc(100vw - 40px);max-width:1800px;height:calc(100svh - 40px);max-height:calc(100svh - 40px);padding:0;border:1px solid var(--rule);border-radius:13px;background:var(--canvas);color:var(--ink);overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#292c2b85}.viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 24px 14px;flex:none}.viewer-header h2{font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:500}.viewer-header p{font-size:13px;color:var(--muted);margin-top:5px}.viewer-close{margin:-5px -8px 0 0}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 12px;flex:none}.viewer-navigation,.viewer-options{display:flex;align-items:center;gap:10px;min-width:0}.viewer-toolbar select{min-height:42px;border:1px solid var(--rule);border-radius:7px;padding:8px 29px 8px 11px;background:var(--canvas);font-size:13px;min-width:0}.segmented{display:flex;border:1px solid var(--rule);border-radius:7px;overflow:hidden;flex:none}.segmented button{min-height:42px;padding:8px 13px;font-size:12px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.viewer-back{font-size:12px}.viewer-subbar{padding:0 24px 11px;display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:15px;flex:none}.viewer-subbar .source-type{margin-left:auto;text-align:right}.viewer-scroll{overflow:auto;flex:1;min-height:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fff;overscroll-behavior:contain;position:relative;touch-action:pan-x pan-y}.viewer-canvas{position:relative;min-width:100%;min-height:100%}.viewer-screen-plane{position:absolute;background:#fff}.viewer-screen-plane img{width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;pointer-events:none}.viewer-screen-plane.is-phone{outline:1px solid #c8c8c2;border-radius:18px;overflow:hidden}.viewer-hotspots{position:absolute;inset:0}.viewer-footer{padding:6px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.viewer-footer .text-button{font-size:12px}.viewer-footer #viewer-position{font-size:12px;color:var(--muted)}.viewer-footer .load-error{padding:0;font-size:11px}.motion-off .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-off .hero{height:auto}.motion-off .hero-stage{height:900px;min-height:0;position:relative}.motion-off .hero-caption{display:none}.motion-off .static-home{display:block;width:calc(100% - 2*var(--gutter));max-width:1320px;margin:55px auto 0}.static-home img{width:100%;border:1px solid var(--rule);border-radius:10px}.static-home figcaption{font-size:12px;color:var(--muted);margin-top:15px;text-align:center}.motion-off .screen-image.current{transition:none}
@media(max-width:1200px){.desktop-nav{margin-left:0;gap:24px}.nav-actions{gap:17px}.shared-grid{grid-template-columns:40% 43%;gap:10%}.couple-photo{width:100%;height:auto;aspect-ratio:4/5}.closing-copy h2{font-size:40px}.closing-grid{gap:30px}.puppy-heading h2{max-width:720px}}
@media(max-width:1000px){:root{--gutter:32px}.desktop-nav{gap:18px}.desktop-nav a,.nav-signin{font-size:12px}.site-header{gap:14px}.nav-actions{gap:12px}.site-header .brand img{width:82px}.site-header .button{padding-left:15px;padding-right:15px}.hero-copy h1{font-size:54px}.hero-copy{top:125px}.hero-copy p{font-size:17px}.hero-actions{margin-top:24px}h2{font-size:39px}.puppy-heading h2{max-width:620px}.closing-copy h2{font-size:35px}.closing-grid{grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:24px}.closing-copy>p{font-size:16px}.platforms{font-size:12px}.closing-actions{gap:20px}.viewer-toolbar{flex-wrap:wrap}.viewer-options{margin-left:auto}}
@media(max-width:800px){.desktop-nav,.nav-signin{display:none!important}.site-header .menu-button{display:flex;flex-direction:column;gap:5px}.menu-button span{width:18px;height:1px;background:var(--ink);transition:transform .18s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu:not([hidden]){display:block;position:fixed;z-index:35;inset:0;background:var(--canvas);padding:125px 30px 40px}.mobile-menu nav{display:flex;flex-direction:column;gap:13px}.mobile-menu a{min-height:65px;display:flex;align-items:center;border-bottom:1px solid var(--rule);font-size:29px}.puppy-tabs{gap:25px}.shared-grid{gap:8%;grid-template-columns:45% 47%}.shared-copy h2{font-size:35px}.shared-copy>p{font-size:16px}.shared-copy .shared-note{font-size:14px}.closing-grid{grid-template-columns:1fr;gap:35px;min-height:0}.closing-copy{max-width:530px}.closing-copy h2{font-size:39px;max-width:480px}.closing-copy>p{max-width:none}.sunset-photo{max-height:none;aspect-ratio:1672/941}.closing-section{padding-top:55px;padding-bottom:60px}}
@media(max-width:767px){:root{--gutter:20px}html{scroll-padding-top:90px}.site-header{left:20px;right:20px;top:15px;height:58px}.site-header.is-scrolled{top:8px}.hero{height:auto}.hero-stage{height:auto;min-height:0;position:relative;padding-top:0;overflow:hidden}.hero-copy{position:relative;left:auto;right:auto;top:auto;padding:122px 20px 31px}.hero-copy h1{font-size:42px;line-height:46px;white-space:normal;max-width:420px;margin:auto}.hero-copy p{max-width:300px;font-size:16px;line-height:1.5;margin:18px auto 0}.hero-actions{margin-top:23px;gap:10px}.hero-art{position:relative;inset:auto;width:100%;height:360px;clip-path:none}.hero-caption{display:none}.static-home{display:block;margin:37px 20px 0;width:calc(100% - 40px)}.static-home figcaption{font-size:11px;margin-top:12px}.tour-section{padding-top:66px;padding-bottom:60px}h2{font-size:32px;line-height:37px}.section-heading h2{max-width:560px}.section-heading p{font-size:16px;line-height:1.5;margin-top:17px}.main-tabs{margin-top:28px;justify-content:flex-start;gap:21px}.tabs button{font-size:14px;min-height:51px;padding-left:5px;padding-right:5px}.page-intro{gap:8px;align-items:flex-start;flex-direction:column;padding:15px 0;min-height:65px}.page-intro>p{font-size:14px}.page-intro .variant-controls:empty{display:none}.variant-controls button,.variant-label{min-height:44px;padding:10px 12px}.product-frame{border-radius:9px}.frame-footer{padding:12px 14px;gap:15px;align-items:flex-start;flex-wrap:wrap;min-height:0}.source-caption{font-size:11px;gap:2px}.source-type{font-size:11px}.frame-actions{gap:14px;margin-left:auto}.frame-actions .button,.frame-actions .text-button{font-size:12px}.frame-actions .button{min-height:44px;padding:10px 14px}.puppy-section{padding-top:54px;padding-bottom:62px}.puppy-heading{gap:20px;align-items:flex-start;margin-bottom:28px}.puppy-heading h2{font-size:32px;line-height:37px}.puppy-heading p{font-size:16px;margin-top:18px}.puppy-heading>img{width:56px;height:56px;margin-right:0;margin-top:8px}.puppy-tabs{gap:23px}.shared-section{padding-top:55px;padding-bottom:60px}.shared-grid{display:flex;flex-direction:column;gap:38px;align-items:flex-start}.couple-photo{height:auto;max-height:400px;width:auto;max-width:100%;aspect-ratio:4/5;object-fit:contain;align-self:center}.shared-copy{max-width:550px}.shared-copy h2{font-size:32px;line-height:37px;max-width:350px}.shared-copy>p{font-size:17px;margin-top:22px}.shared-copy .shared-note{font-size:15px;margin-top:28px}.closing-copy h2{font-size:34px;line-height:39px;max-width:350px}.closing-copy>p{font-size:17px;margin-top:22px}.platforms{font-size:12px;margin-top:18px;gap:7px}.closing-actions{margin-top:15px;gap:25px}.closing-section{padding-bottom:51px}.sunset-photo{border-radius:7px}.footer-main{flex-wrap:wrap;gap:12px}.footer-main nav{gap:24px}.footer-main .locale-switch{padding-left:16px}.footer-main .brand img{width:84px}.footer-bottom{margin-top:10px}.motion-off .hero-stage{height:auto}.motion-off .static-home{width:calc(100% - 40px);margin:37px 20px 0}dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);max-height:calc(100svh - 16px);border-radius:10px}.viewer-header{padding:13px 14px 11px;gap:12px}.viewer-header h2{font-size:17px}.viewer-header p{font-size:11px;max-width:300px}.viewer-close{margin:-2px -4px 0 0}.viewer-toolbar{padding:0 13px 9px;gap:9px}.viewer-navigation{gap:7px;flex:1}.viewer-toolbar select{min-height:44px;font-size:12px;padding-right:25px;max-width:45%}.viewer-back{padding:0;font-size:11px;min-width:40px}.viewer-options{margin-left:0;width:100%;justify-content:space-between;gap:6px}.segmented button{min-height:44px;font-size:11px;padding:8px 10px}.viewer-subbar{padding:0 13px 9px;gap:8px;flex-wrap:wrap}.viewer-subbar .source-type{font-size:10px}.viewer-subbar .variant-controls button{font-size:11px;min-height:38px;padding:8px 9px}.viewer-footer{padding:5px 10px;gap:8px}.viewer-footer .text-button{font-size:11px;gap:6px}.viewer-footer #viewer-position{font-size:10px}}
@media(max-width:600px){.site-header{left:16px;right:16px;gap:5px}.site-header .brand img{width:72px}.nav-actions{gap:4px}.site-header .locale-switch{display:none}.compact-locale{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;font-size:12px;font-weight:500}.site-header .button{min-height:44px;padding:10px 12px;font-size:12px}.site-header .menu-button{margin-right:-4px}.hero-copy h1{max-width:350px}.puppy-heading{gap:14px}.puppy-heading>img{width:48px;height:48px}.frame-footer>.source-type{width:100%}.puppy-section .frame-actions{width:100%;justify-content:space-between;gap:6px}.puppy-section .frame-actions .text-button{padding:0 2px}.fullscreen-button{padding-left:10px!important;padding-right:10px!important}.footer-main nav{order:3;width:100%;margin-left:0;justify-content:flex-start;gap:27px;font-size:12px}.footer-main .locale-switch{margin-left:auto;border:0;padding:0}.footer-main .locale-switch button{min-width:44px;min-height:44px}.footer-bottom small{font-size:10px}.motion-toggle{font-size:11px}.hotspot:after{display:none}.viewer-footer .load-error>span{display:none}}
@media(max-width:350px){.site-header .brand img{width:60px}.site-header .button{padding-left:9px;padding-right:9px}.nav-actions{gap:0}.hero-copy h1{font-size:39px;line-height:43px}.hero-copy{padding-top:118px}.hero-actions .button{font-size:13px;padding-left:17px;padding-right:17px}.main-tabs{gap:17px}.puppy-heading{gap:10px}.puppy-heading h2{font-size:29px;line-height:34px}.puppy-heading>img{width:42px;height:42px}.frame-actions{gap:10px}.frame-actions .text-button{font-size:11px}.fullscreen-button{font-size:10px!important}.viewer-options{flex-wrap:wrap}.viewer-toolbar select{font-size:11px}.segmented button{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

#shared-title{white-space:pre-line}
/* Overnight revision: a single permanent product stage moves from laptop to tour. */
html{scroll-padding-top:92px}.site-header{background:transparent;border-bottom-color:transparent}.site-header.is-solid{border-bottom-color:var(--rule)}
.hero{height:230svh}.hero-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}.hero-visual{position:absolute;inset:0;overflow:hidden;background:var(--canvas)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(251,249,246,.92) 0,rgba(251,249,246,.7) 220px,rgba(251,249,246,.15) 310px,rgba(251,249,246,0) 345px);pointer-events:none}.hero-copy{position:absolute;top:119px;left:20px;right:20px;padding:0;z-index:8}.hero-copy h1{font-size:64px;line-height:68px;white-space:nowrap;max-width:none}.hero-copy p{font-size:18px;margin:17px auto 0;max-width:none}.hero-actions{margin-top:27px}.hero-actions .secondary{background:rgba(251,249,246,.74);border-color:#b9b9b0}.endpoint{position:absolute;left:40px;right:40px;max-width:1100px;margin:auto;top:96px;display:flex;flex-direction:column;gap:8px;z-index:7;opacity:0;pointer-events:none}.endpoint.is-active{pointer-events:auto}.endpoint .main-tabs{margin:0;min-height:36px;justify-content:center;gap:35px;overflow-y:hidden}.endpoint .tabs button{min-height:36px;font-size:14px;padding:0 8px}.inline-subrow{display:flex;align-items:center;gap:14px;min-height:44px;width:100%;flex:none}.tour-instruction{font-size:12px;line-height:18px;color:var(--muted);flex:0 1 260px;margin-right:auto}.inline-subrow .variant-controls{justify-content:center;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:thin;gap:4px}.inline-subrow .variant-controls:empty{display:none}.inline-subrow .variant-controls button{white-space:nowrap;min-height:36px;border:0;border-radius:5px;padding:7px 9px;font-size:12px;line-height:20px}.inline-subrow .variant-controls button[aria-pressed=true]{background:#eeece6;color:var(--red)}.inline-subrow .segmented{flex:none}.inline-subrow .segmented button{min-height:36px;padding:7px 10px;font-size:11px}.media-slot{width:100%;height:610px;flex:none;pointer-events:none}.inline-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;flex:none}.inline-footer .frame-actions{gap:20px}.inline-footer .button{min-height:44px;padding:9px 15px;font-size:12px}.inline-footer .text-button{font-size:12px}.inline-footer .source-type{font-size:12px}.screen-object{position:absolute;left:0;top:0;transform-origin:0 0;z-index:6;background:#fff;overflow:visible;will-change:transform}.screen-object .screen-image{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;border-radius:inherit}.screen-object .hotspot-plane{position:absolute;inset:0;width:100%;height:100%}.screen-object.is-phone{outline:1px solid #c5c6bf}.screen-object .hotspot{border-radius:7px}.screen-object .hotspot.discovery{outline:3px solid #ef39385c;outline-offset:1px;background:#ef393805;transition:outline-color .5s}.screen-object .tour-cursor{transform-origin:0 0}.screen-object .tour-cursor svg{width:100%;height:100%}.screen-object .tour-cursor i{border-width:2px}.endpoint .load-error{position:absolute;top:100%;left:0;padding:0;font-size:11px}.static-home,.tour-section,.puppy-section{display:none}.motion-off .hero{height:auto}.motion-off .hero-stage{height:auto;min-height:0;position:relative;overflow:visible}.flow-tour .hero{height:auto}.flow-tour .hero-stage{height:auto;min-height:0;position:relative;overflow:visible}.flow-tour .hero-visual{position:relative;height:760px;inset:auto}.flow-tour .endpoint{position:relative;top:auto!important;left:auto;right:auto;margin:40px auto 60px;width:calc(100% - 80px);opacity:1!important;pointer-events:auto}.flow-tour .hero-copy{top:119px}.flow-tour .screen-object{position:absolute}.flow-tour .media-slot{height:610px}
.shared-section{padding-top:100px;padding-bottom:115px}.shared-grid{max-width:1200px;display:grid;grid-template-columns:500px minmax(0,440px);gap:90px;justify-content:center;align-items:center}.sharing-visual{position:relative;padding-bottom:26px}.couple-photo{width:500px;height:570px;object-fit:cover;object-position:center;border-radius:8px;max-height:none}.shared-copy h2{font-size:52px;line-height:1.05;max-width:440px;white-space:pre-line}.shared-copy>p{margin-top:28px;font-size:18px;line-height:1.6}.sharing-benefits{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-direction:column;gap:17px}.sharing-benefits li{display:flex;align-items:center;gap:13px;font-size:15px;line-height:1.4}.sharing-benefits svg,.diagram-node>svg{width:24px;height:24px;min-width:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sharing-diagram{position:absolute;z-index:2;right:-65px;bottom:-10px;width:280px;min-height:190px;background:var(--canvas);border:1px solid var(--rule);border-radius:12px;padding:19px 17px 16px;box-shadow:0 8px 28px #292c2b10}.sharing-diagram h3{font-weight:500;font-size:14px;letter-spacing:-.01em;margin:0 0 21px}.diagram-nodes{display:grid;grid-template-columns:70px minmax(0,1fr) 82px;align-items:center;gap:4px}.diagram-node{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;text-align:center;line-height:1.3}.diagram-connection{align-self:start;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:1px}.diagram-connection>span{font-size:9px;line-height:12px;text-align:center;max-width:76px}.diagram-connection svg{width:100%;height:12px;fill:none;stroke:#8c9688;stroke-width:1.4}.diagram-connection path{stroke-dasharray:90;stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease)}.sharing-diagram.waiting .diagram-connection path{stroke-dashoffset:90}.personal-note{margin:14px 0 0!important;max-width:102px;text-align:center;font-size:10px!important;line-height:1.35!important;color:var(--muted)}
.closing-section{padding:0;margin:0;max-width:none}.closing-scene{position:relative;width:100%;aspect-ratio:1672/941;display:grid;grid-template-columns:minmax(0,440px) 1fr;grid-template-rows:1fr auto auto 1fr;column-gap:0;padding:0 clamp(60px,6.25vw,110px);overflow:hidden}.sunset-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-height:none;aspect-ratio:1672/941;border-radius:0}.closing-scrim{position:absolute;inset:0;background:linear-gradient(to right,rgba(251,249,246,.92) 0,rgba(251,249,246,.76) 35%,rgba(251,249,246,0) 65%);pointer-events:none}.closing-heading{position:relative;z-index:1;grid-column:1;grid-row:2;margin-bottom:29px}.closing-heading h2{font-size:52px;line-height:1.07;max-width:440px}.closing-heading>p{font-size:17px;line-height:1.5;margin-top:21px;max-width:420px}.closing-platforms{position:relative;z-index:1;grid-column:1;grid-row:3}.platform-row{display:flex;align-items:center;gap:19px;padding:15px 0;border-bottom:1px solid #7f817a35;min-height:80px}.platform-row:first-child{border-top:1px solid #7f817a35}.platform-row>svg{width:28px;height:28px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.platform-row .apple-mark{stroke:none;fill:currentColor}.platform-name{display:block;font-size:18px;font-weight:500;line-height:1.3}.platform-row a.platform-name{width:fit-content}.platform-row a:hover{color:var(--red)}.platform-row p{font-size:13px;line-height:1.4;color:#565b54;margin-top:3px}.closing-actions{margin-top:25px;gap:25px}.site-footer{padding-top:25px}.footer-main{border-top:0;padding-top:0}.viewer-subbar .variant-controls{flex-wrap:wrap}.motion-off .hero-stage{height:auto}.motion-off .hero-copy{opacity:1!important;transform:none!important}.motion-off .sharing-diagram path{transition:none}.motion-off .diagram-connection path{stroke-dashoffset:0!important}
@media(max-width:1200px){.shared-grid{grid-template-columns:minmax(0,47%) minmax(0,43%);gap:10%}.couple-photo{width:100%;height:550px}.sharing-diagram{right:-35px}.shared-copy h2{font-size:47px}.shared-copy>p{font-size:17px}.closing-scene{grid-template-columns:minmax(0,390px) 1fr;padding:0 60px}.closing-heading h2{font-size:47px}.closing-heading{margin-bottom:20px}.platform-row{min-height:70px;padding:12px 0}.closing-actions{margin-top:20px}}
@media(max-width:1000px){.hero-copy h1{font-size:54px}.endpoint{left:32px;right:32px}.endpoint .main-tabs{gap:25px}.tour-instruction{flex-basis:200px;font-size:11px}.inline-subrow{gap:8px}.inline-subrow .variant-controls button{font-size:11px;padding-left:7px;padding-right:7px}.shared-copy h2{font-size:42px}.shared-grid{gap:9%;grid-template-columns:minmax(0,46%) minmax(0,45%)}.couple-photo{height:500px}.sharing-diagram{right:-28px;width:264px;padding-left:14px;padding-right:14px}.sharing-benefits{gap:15px}.sharing-benefits li{font-size:14px}.closing-scene{padding:0 40px;grid-template-columns:minmax(0,350px) 1fr;aspect-ratio:auto;min-height:650px}.sunset-photo{object-fit:cover;object-position:right center}.closing-heading h2{font-size:43px}.closing-heading>p{font-size:16px}.platform-row{min-height:68px}.platform-row p{font-size:12px}}
@media(max-width:767px){.hero{height:auto}.hero-stage{position:relative;height:auto;min-height:0;overflow:hidden}.flow-tour .hero-visual{position:relative;height:760px;inset:auto}.hero-scrim{background:linear-gradient(to bottom,rgba(251,249,246,.93) 0,rgba(251,249,246,.92) 250px,rgba(251,249,246,.7) 335px,rgba(251,249,246,0) 440px)}.hero-copy,.flow-tour .hero-copy{position:absolute;top:119px;left:20px;right:20px;padding:0}.hero-copy h1{font-size:42px;line-height:46px;white-space:normal;max-width:420px}.hero-copy p{font-size:16px;line-height:1.5;max-width:300px;margin-top:19px}.hero-actions{margin-top:24px}.flow-tour .endpoint{position:relative;top:auto!important;left:auto;right:auto;width:calc(100% - 40px);margin:30px auto 55px;opacity:1!important;pointer-events:auto;gap:12px}.endpoint .main-tabs{justify-content:flex-start;gap:21px;min-height:44px}.endpoint .tabs button{min-height:44px;font-size:14px;padding:0 5px}.inline-subrow{flex-wrap:wrap;gap:8px;min-height:44px}.tour-instruction{flex-basis:100%;max-width:none;min-height:20px;font-size:12px;margin:0}.inline-subrow .variant-controls{max-width:100%;justify-content:flex-start;order:2;flex:1 1 auto}.inline-subrow .variant-controls button{min-height:44px;font-size:12px}.inline-subrow .segmented{margin-left:auto;order:3}.inline-subrow .segmented button{min-height:44px;padding:10px 12px;font-size:11px}.media-slot{height:570px}.inline-footer{gap:12px;flex-wrap:wrap;align-items:center;min-height:50px}.inline-footer .source-type{font-size:11px}.inline-footer .frame-actions{gap:12px;margin-left:auto}.inline-footer .text-button{font-size:12px}.inline-footer .button{padding:10px 14px}.screen-object .hotspot:after{display:none}.shared-section{padding-top:58px;padding-bottom:64px}.shared-grid{display:flex;flex-direction:column;align-items:stretch;gap:39px}.sharing-visual{padding-bottom:0;display:flex;flex-direction:column;align-items:center}.couple-photo{width:100%;max-width:420px;height:auto;max-height:520px;object-fit:contain;border-radius:8px;aspect-ratio:auto}.sharing-diagram{position:relative;right:auto;bottom:auto;margin-top:20px;width:min(100%,320px);min-height:190px;padding:20px 24px;box-shadow:0 5px 20px #292c2b08}.diagram-nodes{grid-template-columns:82px minmax(0,1fr) 90px}.diagram-node{font-size:12px}.diagram-connection>span{font-size:10px}.personal-note{font-size:11px!important;max-width:110px}.shared-copy h2{font-size:40px;line-height:1.07;max-width:390px}.shared-copy>p{font-size:17px}.sharing-benefits{gap:17px;margin-top:29px}.sharing-benefits li{font-size:15px}.closing-scene{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;padding:0;overflow:visible}.closing-heading{order:0;margin:0;padding:12px 20px 29px;max-width:550px}.closing-heading h2{font-size:40px;line-height:1.08;max-width:360px}.closing-heading>p{font-size:17px;margin-top:20px}.sunset-photo{order:1;position:relative;inset:auto;height:auto;width:100%;object-fit:contain;object-position:center;aspect-ratio:1672/941}.closing-scrim{display:none}.closing-platforms{order:2;padding:25px 20px 35px;max-width:none}.platform-row{gap:17px;padding:17px 0;min-height:83px}.platform-name{font-size:18px}.platform-row p{font-size:14px}.closing-actions{margin-top:26px}.site-footer{padding-top:12px}.flow-tour .screen-object{position:absolute}.viewer-subbar .variant-controls button{min-height:38px}}
@media(max-width:350px){.hero-copy h1{font-size:39px;line-height:43px}.hero-copy{top:116px}.hero-actions .button{padding-left:17px;padding-right:17px}.inline-footer{align-items:flex-start}.inline-footer .source-type{width:100%}.inline-footer .frame-actions{width:100%;justify-content:space-between;margin:0}.sharing-diagram{padding-left:15px;padding-right:15px}.shared-copy h2,.closing-heading h2{font-size:37px}.endpoint .main-tabs{gap:19px}.inline-subrow .segmented button{padding-left:9px;padding-right:9px}}

/* Empty reserved space cannot intercept the projected screen's supported hotspots. */
.endpoint.is-active{pointer-events:none}.endpoint.is-active>.main-tabs,.endpoint.is-active>.inline-subrow,.endpoint.is-active>.inline-footer,.endpoint.is-active>.load-error{pointer-events:auto}.screen-object .screen-image.previous{z-index:1;animation:screen-out .24s ease both;pointer-events:none}.screen-object .hotspot-plane{z-index:2}.screen-object .tour-cursor{z-index:3}.inline-footer .source-caption{display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:16px}.inline-footer .source-type{font-size:10px;color:var(--muted)}@keyframes screen-out{to{opacity:0}}
@media(min-width:768px) and (max-width:1000px){.closing-scene{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:30px;padding:0 32px 40px;min-height:0;aspect-ratio:auto}.closing-heading{grid-column:1;grid-row:1;margin:0;align-self:center;padding-top:25px}.closing-platforms{grid-column:2;grid-row:1;padding-top:25px}.sunset-photo{position:relative;grid-column:1/-1;grid-row:2;width:calc(100% + 64px);max-width:none;margin:0 -32px;height:auto;object-fit:contain;object-position:center;aspect-ratio:1672/941}.closing-scrim{display:none}.closing-heading h2{font-size:42px}.platform-row{min-height:64px}.closing-actions{gap:18px}}

.hero-visual,.scene-assembly,.scene-photo,.screen-backing,.hero-scrim{pointer-events:none}.hero-copy[aria-hidden="true"]{pointer-events:none}
.screen-object .screen-image.previous{z-index:2}.screen-object .hotspot-plane{z-index:3}.screen-object .tour-cursor{z-index:4}

.closing-heading h2{white-space:pre-line}.site-header:before{content:"";position:fixed;top:0;left:0;right:0;height:84px;background:var(--canvas);opacity:var(--header-solid-opacity,0);z-index:-1;pointer-events:none}

@media(max-width:767px){.screen-backing{background:#faf7f3 url('assets/demo-desktop-home.jpg') center/contain no-repeat}}

@media(min-width:768px) and (max-height:850px){.hero-copy,.flow-tour .hero-copy{top:96px}.hero-copy h1{font-size:52px;line-height:56px}.hero-copy p{font-size:16px;line-height:24px;margin-top:10px}.hero-actions{margin-top:16px}.hero-actions .button{min-height:44px}}
@media(min-width:768px){.motion-off .hero-copy,.motion-off.flow-tour .hero-copy{top:96px}.motion-off .hero-copy h1{font-size:52px;line-height:56px}.motion-off .hero-copy p{font-size:16px;line-height:24px;margin-top:10px}.motion-off .hero-actions{margin-top:16px}.motion-off .hero-actions .button{min-height:44px}.motion-off .screen-backing{background:#faf7f3 url('assets/demo-desktop-home.jpg') center/contain no-repeat}}
 .main-tabs button:focus-visible,.inline-subrow .variant-controls button:focus-visible{outline-offset:-2px}

/* Morning: complete captured pages in a quiet guided window. */
.main-tabs,.inline-subrow,.hotspot-plane,.viewer-hotspots{display:none!important;pointer-events:none!important}
.chapter-caption{min-height:58px;padding:0 0 8px;text-align:center;pointer-events:none}.chapter-caption>span{display:block;font-size:11px;line-height:18px;color:var(--muted)}.chapter-caption>p{font-size:20px;line-height:28px;margin-top:3px;letter-spacing:-.02em}
.screen-object{background:#f7f7f5;overflow:hidden}.screen-object.is-phone{outline:0}.screen-object .screen-image{object-fit:contain}.screen-object .tour-cursor{pointer-events:none}
.inline-footer .frame-actions{gap:7px}.inline-footer .icon-button{font-size:17px;width:44px;min-width:44px}.inline-footer #presentation-position{font-size:11px;color:var(--muted);white-space:nowrap}.inline-footer .tour-play{min-width:70px}.inline-footer .source-caption{white-space:nowrap}.inline-footer .frame-actions .button{margin-left:9px}
.shared-grid{grid-template-columns:450px minmax(0,440px);gap:105px}.sharing-visual{padding-bottom:160px}.couple-photo{width:450px;height:675px;aspect-ratio:2/3;object-fit:contain}.sharing-diagram{right:-45px;bottom:0}
@media(max-width:1200px) and (min-width:768px){.shared-grid{grid-template-columns:minmax(0,450px) minmax(0,440px);gap:9%}.couple-photo{width:100%;height:auto;max-height:none}.sharing-diagram{right:-28px}}
@media(max-width:767px){.chapter-caption{min-height:62px;padding-bottom:4px}.chapter-caption>p{font-size:17px;line-height:24px}.endpoint,.flow-tour .endpoint{gap:10px}.inline-footer{justify-content:center;gap:4px}.inline-footer .source-caption{width:100%;text-align:center;font-size:10px;line-height:14px}.inline-footer .frame-actions{margin:0;gap:3px;justify-content:center}.inline-footer .frame-actions .button{margin-left:5px;padding:9px 10px}.inline-footer .tour-play{min-width:65px;padding:0 4px}.sharing-visual{padding-bottom:0}.couple-photo{width:100%;max-width:450px;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain}.sharing-diagram{position:relative;right:auto;bottom:auto;margin-top:20px}.shared-grid{gap:39px}}

.platform-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none}.platform-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.platform-icon .apple-mark{width:32px;height:32px;fill:currentColor;stroke:none}.platform-icon .android-mark{width:32px;height:auto;object-fit:contain}

/* Keep the sharing explanation beside the complete photograph. */
.sharing-visual{padding-bottom:0}.shared-copy .sharing-diagram{position:relative;right:auto;bottom:auto;width:320px;max-width:100%;margin-top:28px;box-shadow:0 8px 28px #292c2b08}.shared-grid{align-items:center}.shared-copy .sharing-diagram h3{margin-bottom:16px}.shared-copy .sharing-diagram .personal-note{font-size:10px!important}
@media(max-width:767px){.shared-copy .sharing-diagram{margin:28px auto 0}.shared-grid{align-items:stretch}}

/* One persistent live workspace, sized by the existing lake camera. */
#live-demo{position:absolute;inset:0;width:100%;height:900px;border:0;background:#faf7f3;opacity:0;pointer-events:none}#inline-screen.is-phone #live-demo{height:700px}.live-ready #live-demo{opacity:1}.live-ready .screen-image{display:none!important}.inline-footer .source-caption{margin-right:auto}.inline-footer #try-demo{margin-left:9px}.inline-footer [hidden]{display:none!important}#walkthrough{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0;display:none;grid-template-rows:auto minmax(0,1fr) auto}#walkthrough[open]{display:grid}.live-demo-fullscreen{position:relative;min-height:0;overflow:hidden;background:#faf7f3}.live-demo-fullscreen #live-demo.is-expanded{position:absolute;width:100%;height:100%;opacity:1}.viewer-footer{display:flex;align-items:center;gap:20px;padding:12px 22px}.viewer-footer>span{margin-right:auto;font-size:13px;color:var(--muted)}.viewer-footer button{white-space:nowrap}.screen-backing{background:#faf7f3 url('assets/demo-desktop-home.jpg') center/contain no-repeat!important}@media(max-width:767px){.inline-footer .frame-actions{flex-wrap:wrap;gap:3px}.inline-footer #try-demo{margin-left:4px}.inline-footer .source-caption{margin-right:0}.viewer-header{padding:14px}.viewer-header h2{font-size:15px}.viewer-header p{font-size:11px}.viewer-footer{padding:10px;gap:10px}.viewer-footer>span{font-size:11px}.viewer-footer .button{padding:9px 12px}#walkthrough{width:100vw;height:100dvh;border:0;border-radius:0}}
/* Handoff refinement: one live frame and interactive-only viewport choice. */
.demo-layout{display:inline-flex;align-items:center;border:1px solid #e5ddd5;border-radius:999px;padding:3px;background:#fffaf7;gap:2px;flex-shrink:0}.demo-layout[hidden]{display:none!important}.demo-layout button{min-height:34px;padding:5px 12px;border:0;border-radius:999px;background:transparent;color:#6d625a;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.demo-layout button[aria-pressed=true]{background:#e63946;color:white}.demo-layout button:focus-visible{outline:2px solid #e63946;outline-offset:3px}.demo-layout button:disabled{opacity:.5;cursor:default}.inline-footer .frame-actions{flex-wrap:wrap}.demo-handoff{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:rgba(251,249,246,.97);opacity:1;transition:opacity 150ms ease}.demo-handoff[hidden]{display:none!important}.demo-handoff.is-leaving{opacity:0;pointer-events:none}.handoff-content{display:flex;max-width:350px;flex-direction:column;align-items:center;gap:17px;padding:24px;text-align:center;transform:scale(var(--handoff-scale,1));transform-origin:center}.handoff-content img{width:48px;height:48px;object-fit:contain;background:transparent}.handoff-content p{font-size:14px;line-height:1.5;color:#6d625a;max-width:285px}.handoff-recovery{display:flex;align-items:center;flex-direction:column;gap:15px}.handoff-recovery[hidden]{display:none}.live-demo-fullscreen #live-demo.is-expanded{inset:auto;box-shadow:0 12px 38px #292c2b12}.live-demo-fullscreen .demo-handoff{border-radius:0}.viewer-footer{flex-wrap:wrap}.viewer-footer .demo-layout{margin-left:auto}.viewer-footer>span{min-width:140px;flex:1}.screen-object.is-phone{border:1px solid #292c2b12}.brand img{object-fit:contain;background:transparent}.platform-icon.web-tile,.platform-icon.apple-tile,.platform-icon.android-tile{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;border:1px solid #e5ddd5}.platform-icon.web-tile{background:#fff0ed;color:#df493f;border-color:#f5d9d4}.platform-icon.apple-tile{background:#292b2c;color:#fff;border-color:#292b2c}.platform-icon.android-tile{background:#f3f4ef;border-color:#e4e7dc}.platform-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.platform-icon .apple-mark{width:25px;height:25px;fill:currentColor;stroke:none}.platform-icon .android-mark{width:32px;height:auto}.sharing-example{margin-top:32px;padding:24px;border:1px solid #e7dfd7;border-radius:20px;background:#fffdfb;width:100%;box-sizing:border-box}.sharing-example-heading{margin-bottom:22px}.example-label{display:block;margin-bottom:8px;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#988b80}.sharing-example-heading h3{margin:0;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.025em;color:#32352f}.sharing-example-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 34px minmax(0,1fr);gap:12px;align-items:end}.sharing-account-list{display:flex;flex-direction:column;gap:10px}.sharing-account{display:flex;align-items:center;gap:10px;min-height:73px;padding:12px;border:1px solid #e8e2da;border-radius:13px;background:#fff}.account-example-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;color:#9b948a}.account-example-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.account-example-name{display:block;font-size:13px;line-height:1.4;font-weight:500;color:#3a3b35}.account-example-note{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#8b8278}.selected-account{border-color:#efc7bd;background:#fff7f3}.selected-account .account-example-icon{border-radius:50%;background:#fce4de;color:#e34d42}.selected-account .account-example-note{color:#c65548}.sharing-example-connector{height:73px;display:flex;align-items:center;justify-content:center;color:#e34d42}.sharing-example-connector svg{width:100%;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sharing-destination{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:127px;padding:16px 12px;background:#fff7f3;border:1px solid #efc7bd;border-radius:14px}.sharing-destination .account-example-icon{color:#e34d42}.sharing-destination p{font-size:11px;line-height:1.5;color:#9c6a61;margin:0}.sharing-privacy{display:inline-block;margin-top:16px;font-size:12px;color:#7f756c;text-underline-offset:3px;text-decoration:underline}.asset-credits{font-size:10px;color:#9b9186;margin-right:auto;margin-left:18px}.motion-off .diru-loading-mark{animation:none}.motion-off .demo-handoff{transition:none}@keyframes diru-loading-mark-cycle{0%{transform:rotate(0deg)}57.6923%{transform:rotate(360deg)}67.033%{transform:rotate(360deg)}90.6593%{transform:rotate(720deg)}100%{transform:rotate(720deg)}}.diru-loading-mark{animation:diru-loading-mark-cycle 1820ms linear infinite;animation-delay:var(--diru-loading-mark-delay,0ms);transform-origin:center;will-change:transform}@media(prefers-reduced-motion:reduce){.diru-loading-mark{animation:none}.demo-handoff{transition:none}}@media(max-width:1000px){.sharing-example{padding:20px}.sharing-example-grid{grid-template-columns:minmax(0,1fr);gap:10px}.sharing-example-connector{height:30px}.sharing-example-connector svg{width:35px;transform:rotate(90deg)}.sharing-destination{min-height:100px}}@media(max-width:767px){.inline-footer .frame-actions{gap:5px}.demo-layout button{min-height:36px;padding:6px 13px}.inline-footer .demo-layout{order:4}.sharing-example{margin-top:28px;padding:22px}.sharing-example-grid{grid-template-columns:minmax(0,1fr)}.sharing-account{min-height:76px}.account-example-name{font-size:14px}.account-example-note,.sharing-destination p{font-size:12px}.sharing-destination{min-height:112px}.viewer-footer .demo-layout{margin-left:0}.viewer-footer>span{flex-basis:100%;font-size:11px}.asset-credits{margin-left:0;margin-right:0}.footer-bottom{flex-wrap:wrap;gap:12px}.platform-icon.web-tile,.platform-icon.apple-tile,.platform-icon.android-tile{width:46px;height:46px}}

/* Closing trial invitation: open editorial layout, shared controls and reveal motion. */
.trial-section{--red:#E04A3F;padding:88px 0 64px;background:var(--canvas)}
.trial-inner{width:calc(100% - 192px);max-width:1240px;margin:0 auto}
.trial-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(60px,7vw,110px);align-items:center}
.trial-duration{color:var(--red);font-weight:500;letter-spacing:-.055em;line-height:1}
.trial-number{display:block;font-size:300px;line-height:.85}
.trial-days{display:block;margin-top:18px;font-size:48px;letter-spacing:-.035em}
.trial-offer h2{font-size:52px;line-height:1.08;max-width:340px;white-space:pre-line}
.trial-body{max-width:400px;margin-top:24px;color:var(--muted);font-size:22px;line-height:1.5}
.trial-action{margin-top:30px}
.trial-action .primary:hover{background:#cb4036}
.trial-no-card{margin-top:10px;font-size:14px;color:var(--muted)}
.trial-pricing{margin-top:30px}
.trial-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;font-size:22px;line-height:1.4}
.trial-price-row>span{white-space:nowrap}
.trial-price-or,.trial-currency{color:var(--muted)}
.trial-currency{margin-top:6px;font-size:14px}
.trial-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:56px 0 0;padding:32px 0 0;border-top:1px solid var(--rule)}
.trial-benefits li+li{border-left:1px solid var(--rule);padding-left:32px}
.trial-benefits h3{font-size:22px;font-weight:400;letter-spacing:-.02em;line-height:1.35}
.trial-benefits p{margin-top:7px;color:var(--muted);font-size:17px;line-height:1.5}
@media(min-width:768px) and (max-width:1100px){.trial-inner{width:calc(100% - 96px)}.trial-main{gap:48px}.trial-number{font-size:250px}.trial-days{font-size:40px}.trial-offer h2{font-size:44px}.trial-body,.trial-price-row{font-size:20px}.trial-benefits{gap:24px}.trial-benefits li+li{padding-left:24px}.trial-benefits h3{font-size:20px}.trial-benefits p{font-size:16px}}
@media(max-width:767px){.trial-section{padding:64px 0 48px}.trial-inner{width:calc(100% - 48px)}.trial-main{grid-template-columns:minmax(0,1fr);gap:40px}.trial-number{font-size:150px}.trial-days{font-size:26px;margin-top:12px}.trial-offer h2{font-size:38px;max-width:260px}.trial-body{margin-top:20px;font-size:18px}.trial-action{margin-top:26px}.trial-pricing{margin-top:28px}.trial-price-row{font-size:19px;gap:6px 10px}.trial-benefits{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px;padding-top:6px}.trial-benefits li{padding:22px 0}.trial-benefits li+li{border-left:0;border-top:1px solid var(--rule);padding-left:0}.trial-benefits h3{font-size:21px}.trial-benefits p{font-size:17px}}
/* Product refinement: one fitted window, persistent independent native/web runtimes. */
@font-face{font-family:Satoshi;src:url('assets/satoshi-light.woff2') format('woff2');font-weight:300;font-display:swap}

.hero-copy h1{font-size:60px;line-height:1.12;white-space:normal;color:#454944;font-weight:300;max-width:850px;margin:auto;text-wrap:balance;letter-spacing:-.035em}.hero-copy h1 em{font-family:Satoshi,sans-serif;font-weight:400;font-style:normal;white-space:nowrap}.scene-assembly,.scene-photo{width:1536px;height:1024px}.screen-backing{left:572px;top:479px;width:392px;height:235px}
.window-shell{position:relative;align-self:center;max-width:100%;border:1.5px solid #c9c6c0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(40,35,30,.16),0 2px 8px rgba(40,35,30,.06)}.window-controls{height:48px;min-height:48px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 2px;border-top:1px solid #e4e1da;background:#fbfaf8;position:relative;z-index:9}.rail-middle{display:flex;align-items:center;justify-content:center;min-width:0}.sample-label{font-size:11px;color:#70736e;white-space:nowrap}.demo-layout{margin:0!important;display:flex;align-items:center;border:0;background:transparent;padding:0;gap:0}.demo-layout button{min-height:44px;padding:0 10px;font-size:12px}.inline-footer{display:flex;justify-content:center;min-height:52px;padding-top:6px}.inline-footer .button{font-size:14px;padding:10px 22px;min-height:44px}.chapter-caption{text-align:center;min-height:62px;display:flex;flex-direction:column;justify-content:center;gap:5px}.chapter-caption #chapter-label{font-size:15px;font-weight:500}.chapter-caption p{font-size:14px;line-height:1.4;color:var(--muted);margin:0}.screen-object{overflow:hidden;z-index:8}.screen-object.is-phone{outline:0}#live-demo,#native-demo{position:absolute;left:0;top:0;border:0;max-width:none;transform-origin:0 0;width:1440px;height:900px;z-index:2;background:#fff}.media-slot{width:100%;pointer-events:none}.endpoint{gap:8px}.endpoint .load-error{position:relative;top:auto;text-align:center;justify-content:center}.fullscreen-shell{margin:0 auto}.live-demo-fullscreen{position:relative;flex:none;width:100%;min-height:0;overflow:hidden;background:white}.viewer-footer{display:flex;justify-content:center;min-height:60px;padding:8px;margin:0;border:0}.viewer-header{min-height:64px;padding:10px 20px}#walkthrough{padding:0 0 10px;max-height:calc(100svh - 24px);height:auto;width:calc(100vw - 24px);max-width:1500px;background:var(--canvas)}.viewer-header p{font-size:12px}.viewer-header h2{font-size:14px}.viewer-close{flex:none}.fullscreen-shell .window-controls{width:100%}
.sharing-example{padding:22px;background:#fff;border:1px solid #eee9e3;border-radius:14px}.sharing-example h3{font-size:15px;font-weight:500;line-height:1.45;margin:0;text-align:center}.sharing-you{width:max-content;margin:22px auto 0;padding:7px 19px;border:1px solid #e9b0a8;border-radius:30px;font-size:13px}.space-branches{height:28px;width:50%;margin:auto;border-top:0;border-left:1px solid #e9b0a8;border-right:1px solid #e9b0a8;position:relative;margin-top:14px;border-radius:8px 8px 0 0}.space-branches:before{content:'';position:absolute;left:50%;top:-14px;height:14px;border-left:1px solid #e9b0a8}.space-branches:after{content:'';position:absolute;left:0;right:0;top:0;border-top:1px solid #e9b0a8}.space-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.space-card{border:1px solid #ede6de;border-radius:11px;padding:16px 9px;text-align:center;min-width:0}.space-card .account-example-icon{margin:0 auto 8px;width:32px;height:32px;color:#cf6f63;background:#fbf6f3}.space-card h4{margin:0;font-weight:500;font-size:13px;line-height:1.3}.space-card p{margin:7px 0;font-size:11px;color:#666d65}.space-card>span:last-child{display:block;font-size:11px;line-height:1.4;color:#85897f}.shared-space-card{border-color:#e9b0a8}.couple-photo{height:auto;max-height:none;object-fit:contain}
@media(max-width:767px){.hero-copy h1{font-size:40px;line-height:1.13;max-width:350px}.hero-copy{top:118px}.hero-copy p{font-size:16px;max-width:310px}.flow-tour .hero-visual{height:700px}.flow-tour .endpoint{width:calc(100% - 32px);margin:24px auto 52px}.chapter-caption{min-height:66px}.chapter-caption p{font-size:12px}.window-controls{padding:0}.sample-label{font-size:10px}.demo-layout button{padding:0 7px;font-size:11px}.sharing-example{padding:16px}.space-cards{gap:8px}.space-card{padding:14px 6px}#walkthrough{width:calc(100vw - 12px);max-height:calc(100svh - 12px)}.viewer-header{padding:6px 10px;min-height:56px}.viewer-header p{display:none}.viewer-footer{min-height:58px}.viewer-header h2{font-size:12px}}
.window-controls.is-interactive{grid-template-columns:minmax(0,1fr) 44px}.window-controls.is-interactive .rail-middle{grid-column:1}.window-controls.is-interactive>button:last-child{grid-column:2}
.window-controls [hidden]{display:none!important}
/* Rail controls own pointer input; app input remains inside the separately positioned runtime. */
.window-controls{pointer-events:auto}
/* A short normal-flow viewport scrolls the full app instead of reducing it to a thumbnail. */
.window-shell.is-narrow .sample-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.window-shell.is-narrow .demo-layout button{padding:0 2px;font-size:11px;min-height:44px}
@media(max-height:599px){#walkthrough{max-height:calc(100svh - 12px);padding-bottom:0}.viewer-header{min-height:44px;padding:0 10px}.viewer-header h2{font-size:12px}.viewer-header p{display:none}.viewer-footer{min-height:50px;padding:3px 0}.viewer-footer .button{min-height:44px;padding:8px 18px}}

/* Approved Shared and Platforms sections, v2. */
#shared,#platforms{color:var(--ink);background:var(--canvas);padding-top:90px;padding-bottom:90px}
#shared h2,#platforms h2{font-size:clamp(48px,4.65vw,67px);font-weight:300;line-height:1.08;letter-spacing:-.045em;color:#454944;white-space:normal}
#shared h2 em,#platforms h2 em{font-family:Satoshi,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.045em}
#shared h2 span,#shared h2 em{display:block}
#shared .shared-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;margin-bottom:48px}
#shared .shared-heading>p{max-width:390px;justify-self:end;font-size:20px;line-height:1.55;color:var(--muted)}
#shared .shared-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;max-width:none;width:100%;margin:0}
#shared .sharing-visual{display:block;padding:0;min-width:0}
#shared .couple-photo{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:16px;filter:none}
#shared .sharing-explore{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:15px;color:var(--red);font-size:16px}
#shared svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#shared .sharing-explore svg{width:22px;height:22px}
#shared .sharing-example{position:relative;background:transparent;border:0;padding:0;margin:0;width:100%;border-radius:0;box-shadow:none}
#shared .example-label{position:absolute;left:0;top:0;font-size:11px;color:var(--muted);letter-spacing:.06em;margin:0}
#shared .sharing-you{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:76px;height:76px;margin:0 auto;border:0;border-radius:50%;background:#fff;box-shadow:0 6px 22px #292c2b07;font-size:15px;padding:0;color:var(--ink)}
#shared .sharing-you svg{width:27px;height:27px;color:var(--red)}
#shared .space-branches{display:block;width:100%;height:64px;margin:0;border:0;position:relative;overflow:visible;color:var(--red);border-radius:0;stroke-width:1.2}
#shared .space-branches circle{fill:var(--red);stroke:none}
#shared .space-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin-top:-21px}
#shared .space-card{padding:22px 17px;border:1px solid var(--rule);border-radius:14px;background:#fff;text-align:left;box-shadow:0 8px 24px #292c2b05;min-width:0}
#shared .shared-space-card{margin-top:21px;border-color:#fac1b9;background:#fff6f3}
#shared .space-card-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
#shared .shared-space-card .space-card-heading{border-color:#facfc7}
#shared .space-main-icon{width:28px;flex:none;display:flex}
#shared .space-main-icon svg{width:28px;height:28px}
#shared .shared-space-card .space-main-icon{color:var(--red)}
#shared .space-card h4{font-size:15px;font-weight:500;line-height:1.35;margin:0}
#shared .space-card p{font-size:14px;line-height:1.4;color:var(--muted);margin:4px 0 0}
#shared .space-category-list{list-style:none;padding:0;margin:17px 0 0;display:flex;flex-direction:column;gap:16px}
#shared .space-category-list li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}
#shared .space-row-icon{display:grid;place-items:center;width:33px;height:33px;background:#f4f4f2;border-radius:8px;flex:none}
#shared .space-row-icon svg{width:22px;height:22px}
#shared .shared-space-card .space-row-icon{background:#ffe5df;color:var(--red)}
#shared .sharing-example h3{margin:28px auto 0;font-size:16px;line-height:1.5;font-weight:400;text-align:center;max-width:420px}
#platforms{padding-top:65px;padding-bottom:65px;padding-left:var(--gutter);padding-right:var(--gutter);width:100%;max-width:calc(1200px + 2*var(--gutter));margin-left:auto;margin-right:auto}
#platforms .closing-heading{margin:0 0 36px;max-width:none;padding:0;text-align:center}
#platforms h2{max-width:none;font-size:clamp(48px,4.5vw,65px)}
#platforms .closing-heading>p{font-size:20px;line-height:1.5;color:var(--muted);max-width:none;margin:20px auto 0}
#platforms .closing-scene{display:block;position:relative;padding:0;aspect-ratio:auto;min-height:0;overflow:visible}
#platforms .sunset-photo{position:static;width:100%;height:500px;max-width:none;margin:0;object-fit:cover;object-position:center bottom;border-radius:16px;filter:none;opacity:1}
#platforms .closing-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;width:calc(100% - 128px);max-width:none;margin:-35px auto 0;padding:0;background:#fff;border:1px solid #eeebe5;border-radius:18px;box-shadow:0 14px 34px #292c2b0b;overflow:hidden}
#platforms .platform-row{display:flex;align-items:center;gap:20px;min-height:112px;padding:24px 28px;border:0;min-width:0}
#platforms .platform-row+.platform-row{border-left:1px solid var(--rule)}
#platforms .platform-icon{width:48px;height:48px;background:transparent;border:0;border-radius:0;color:var(--red)}
#platforms .apple-tile{color:var(--ink)}
#platforms .platform-icon svg{width:46px;height:46px}
#platforms .platform-icon .apple-mark{width:44px;height:44px}
#platforms .platform-icon .android-mark{width:46px;height:auto}
#platforms .platform-name{display:inline-flex;align-items:center;gap:10px;font-size:20px;line-height:1.35;font-weight:500;min-height:28px}
#platforms a.platform-name{min-height:44px}
#platforms .platform-link-arrow{color:var(--red);width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#platforms .platform-row p{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--muted)}
@media(max-width:1100px){#shared .shared-heading{gap:40px}
#shared .shared-grid{gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
#shared .space-card{padding:18px 12px}
#shared .space-card-heading{gap:8px}
#shared .space-main-icon{width:23px}
#shared .space-main-icon svg{width:23px;height:23px}
#platforms .closing-platforms{width:calc(100% - 64px)}
#platforms .platform-row{padding:22px 18px;gap:14px}
#platforms .sunset-photo{height:430px}
}
@media(max-width:767px){#shared,#platforms{padding-left:20px;padding-right:20px;padding-top:60px;padding-bottom:60px}
#shared h2,#platforms h2{font-size:40px;line-height:1.1}
#shared .shared-heading{display:block;margin-bottom:30px}
#shared .shared-heading>p{font-size:17px;line-height:1.55;margin-top:22px;max-width:none}
#shared .shared-grid{display:flex;flex-direction:column;align-items:stretch;gap:33px}
#shared .sharing-visual{display:block}
#shared .couple-photo{width:100%;max-width:none;height:auto;border-radius:16px}
#shared .sharing-explore{font-size:15px;margin-top:9px}
#shared .sharing-you{width:68px;height:68px;font-size:14px}
#shared .space-branches{height:55px}
#shared .space-cards{gap:10px;margin-top:-18px}
#shared .shared-space-card{margin-top:18px}
#shared .space-card{padding:17px 12px}
#shared .space-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:13px}
#shared .space-main-icon,#shared .space-main-icon svg{width:25px;height:25px}
#shared .space-card h4{font-size:14px;line-height:1.35}
#shared .space-card p{font-size:12px}
#shared .space-category-list{gap:14px;margin-top:14px}
#shared .space-category-list li{font-size:12px;gap:8px;align-items:flex-start}
#shared .space-row-icon{width:25px;height:28px;border-radius:6px}
#shared .space-row-icon svg{width:19px;height:19px}
#shared .sharing-example h3{font-size:14px;max-width:290px;margin-top:24px}
#platforms{padding-top:35px;padding-bottom:35px}
#platforms .closing-heading{padding:0;margin-bottom:27px}
#platforms h2 span,#platforms h2 em{display:block}
#platforms .closing-heading>p{font-size:17px;margin-top:18px}
#platforms .closing-scene{display:block;padding:0;min-height:0}
#platforms .sunset-photo{height:auto;aspect-ratio:1672/941;object-fit:contain;margin:0;width:100%;border-radius:16px}
#platforms .closing-platforms{display:flex;flex-direction:column;width:calc(100% - 24px);margin:-16px auto 0;border-radius:18px;padding:0}
#platforms .platform-row{padding:16px 24px;min-height:90px;gap:20px}
#platforms .platform-row+.platform-row{border-left:0;border-top:1px solid var(--rule)}
#platforms .platform-name{font-size:18px}
#platforms .platform-row p{font-size:14px}
}
@media(max-width:350px){#shared,#platforms{padding-left:16px;padding-right:16px}
#shared h2,#platforms h2{font-size:36px}
#shared .space-card{padding:15px 9px}
#shared .space-cards{gap:8px}
#shared .space-category-list li{gap:6px}
#shared .space-row-icon{width:23px;flex:none}
#shared .space-card h4{font-size:13px}
#platforms .platform-row{padding:14px 18px}
}
@media(prefers-reduced-motion:reduce){#shared .reveal,#platforms .reveal{transition:none;transform:none;opacity:1}
}
.motion-off #shared .reveal,.motion-off #platforms .reveal{transition:none;transform:none;opacity:1}


/* Revised compact product-led trial; screenshot remains a static full-frame asset. */
#trial{--red:#ef3938;color:var(--ink);background:var(--canvas);padding-top:90px;padding-bottom:85px;padding-left:var(--gutter);padding-right:var(--gutter)}
#trial .trial-inner{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);width:100%;max-width:none;margin:0;gap:clamp(32px,4.4vw,64px);align-items:center}
#trial .trial-offer{min-width:0}
#trial h2{font-family:Satoshi,sans-serif;font-size:clamp(48px,4.16vw,60px);line-height:1.12;letter-spacing:-.035em;font-weight:300;color:#454944;max-width:none;white-space:normal}
#trial h2 span,#trial h2 em{display:block}
#trial h2 em{font-family:Satoshi,sans-serif;font-size:inherit;font-weight:400;font-style:normal;letter-spacing:-.035em}
#trial .trial-body{max-width:none;margin-top:30px;color:var(--muted);font-size:22px;line-height:1.5}
#trial .trial-no-card{margin-top:4px;font-size:18px;color:var(--muted);line-height:1.5}
#trial .trial-action{margin-top:28px}
#trial .trial-action .button{min-height:54px;padding:14px 24px;font-size:16px;gap:18px;white-space:normal;text-align:center;max-width:100%}
#trial .trial-action .primary:hover{background:#dc302f}
#trial .trial-action svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#trial .trial-pricing{margin-top:22px}
#trial .trial-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:14px;line-height:1.6;color:#525752}
#trial .trial-price-or{color:#525752}
#trial .trial-currency{margin:0 0 0 8px;font-size:12px;color:var(--muted)}
#trial .trial-product{min-width:0;position:relative;margin:0;padding-top:18px}
#trial .trial-product-window{position:relative;isolation:isolate;background:#fff;border:1px solid #dedfdc;border-radius:14px;box-shadow:0 16px 40px #292c2b12,0 3px 8px #292c2b06}
#trial .trial-product-window:before,#trial .trial-product-window:after{content:'';position:absolute;inset:-11px 11px 7px;border:1px solid #e9e6e1;border-radius:14px;background:#fffdfb;z-index:-1;box-shadow:0 4px 10px #292c2b03}
#trial .trial-product-window:after{inset:-20px 23px 15px;z-index:-2;background:#fcfaf7}
#trial .trial-product-chrome{display:flex;align-items:center;justify-content:center;position:relative;min-height:32px;border-bottom:1px solid var(--rule);border-radius:14px 14px 0 0;background:#fcfbf9;color:var(--muted);font-size:11px;line-height:1}
#trial .trial-chrome-dots{display:flex;gap:5px;position:absolute;left:12px}
#trial .trial-chrome-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#d7d7d2}
#trial .trial-product-screen{display:block;width:100%;height:auto;aspect-ratio:1440/900;object-fit:contain;border-radius:0 0 13px 13px;position:relative;background:#fff}
#trial figcaption{text-align:center;margin-top:22px}
#trial .trial-product-features{display:flex;align-items:center;justify-content:center;gap:20px;font-size:15px;color:#525752;line-height:1.4}
#trial .trial-product-caption{margin-top:9px;font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-width:1100px){#trial h2{font-size:48px}#trial .trial-body{font-size:20px}#trial .trial-no-card{font-size:17px}#trial .trial-price-row{font-size:13px}}
@media(max-width:767px){#trial{padding:65px 24px 60px}#trial .trial-inner{display:flex;flex-direction:column;align-items:stretch;gap:38px;width:100%}#trial h2{font-size:36px;line-height:1.13;max-width:none}#trial .trial-body{margin-top:24px;font-size:19px}#trial .trial-no-card{font-size:16px}#trial .trial-action{margin-top:24px}#trial .trial-action .button{font-size:15px;min-height:50px;padding:12px 20px;gap:14px}#trial .trial-pricing{margin-top:18px}#trial .trial-price-row{font-size:13px;gap:3px 5px}#trial .trial-currency{font-size:11px;margin-left:5px}#trial .trial-product{padding-top:20px}#trial .trial-product-chrome{min-height:28px;font-size:10px}#trial .trial-product-features{font-size:14px;gap:18px}#trial figcaption{margin-top:18px}#trial .trial-product-caption{font-size:12px}}
@media(max-width:350px){#trial{padding-left:16px;padding-right:16px}#trial .trial-product-features{gap:15px}#trial .trial-product-window:before{inset:-9px 9px 6px}#trial .trial-product-window:after{inset:-17px 19px 12px}}
@media(prefers-reduced-motion:reduce){#trial .reveal{transition:none;transform:none;opacity:1}}
.motion-off #trial .reveal{transition:none;transform:none;opacity:1}

@media(max-width:767px){#platforms{padding-left:20px;padding-right:20px}#platforms .closing-heading>p{max-width:none;margin:18px auto 0}#platforms .platform-icon{width:40px;height:40px}#platforms .platform-icon svg,#platforms .platform-icon .apple-mark{width:40px;height:40px}#platforms .platform-icon .android-mark{width:40px;height:auto}}
@media(max-width:350px){#platforms{padding-left:16px;padding-right:16px}}

/* Brand/trial v3: light native sans typography, canonical illustration red. */
:root{--ink:#52525b;--muted:#71717a;--red:#ef4444}
body{font-weight:400}
h1,h2,h3,h4,.hero-copy h1,#shared h2,#platforms h2,#trial h2{font-family:Satoshi,sans-serif;font-style:normal;color:var(--ink)}
h1,h2,.hero-copy h1,#shared h2,#platforms h2,#trial h2{font-weight:300}
h3,h4{font-weight:400}
.hero-copy h1 em,#shared h2 em,#platforms h2 em,#trial h2 em{font-family:Satoshi,sans-serif;font-weight:300;font-style:normal}
.marketing-accent{color:var(--red);font-style:normal;font-weight:300}
.button,.text-button,.text-link,.desktop-nav a,.nav-signin,.locale-switch button,.endpoint .tabs button,.platform-name,#platforms .platform-name{font-weight:400}
.button.primary{background:#dc3434;color:#fff}
.button.primary:hover,#trial .trial-action .primary:hover{background:#c72f2f}
.text-link:hover,.desktop-nav a:hover,.nav-signin:hover{color:#cf3030}
#shared .shared-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;margin-bottom:40px}
#shared h2{font-size:clamp(48px,4.65vw,68px);letter-spacing:-.04em}
#shared .shared-heading>p{font-size:19px;max-width:none;color:var(--muted);justify-self:stretch}
#shared .shared-grid{gap:40px;align-items:center}
#shared .couple-photo{filter:none;opacity:1;aspect-ratio:3/2;object-fit:contain}
#shared .sharing-example{padding:0;border:0;background:transparent;box-shadow:none}
#shared .example-label{left:auto;right:0;top:0;font-size:11px;color:var(--muted)}
#shared .sharing-root{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
#shared .sharing-root-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid #dedbd5;border-radius:50%;color:var(--ink)}
#shared .sharing-root-icon svg{width:28px;height:28px}
#shared .sharing-root h3{margin:0;max-width:none;font-size:16px;line-height:1.4;font-weight:400;text-align:center;color:var(--ink)}
#shared .space-branches{display:block;width:calc(100% + 24px);height:62px;margin:4px 0 0 -12px;stroke-width:1.3;overflow:visible}
#shared .graph-private-path,#shared .graph-private-trace{stroke:#a6a6ad}
#shared .graph-shared-path,#shared .graph-shared-trace{stroke:var(--red)}
#shared .graph-trace{opacity:0;stroke-width:2.3;stroke-dasharray:12 100;stroke-dashoffset:12;animation:graph-private-travel 12s linear infinite;animation-play-state:paused}
#shared .graph-shared-trace{animation-name:graph-shared-travel}
#shared .space-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;margin:0}
#shared .space-card,#shared .shared-space-card{padding:20px 16px;margin:0;background:#fff;border:1px solid #ede6df;border-radius:12px;box-shadow:none;animation:graph-private-edge 12s linear infinite;animation-play-state:paused}
#shared .shared-space-card{animation-name:graph-shared-edge}
#shared .space-card-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #ede6df}
#shared .shared-space-card .space-card-heading{border-color:#ede6df}
#shared .space-main-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f6f6f7;color:var(--ink)}
#shared .shared-space-card .space-main-icon{background:#fff1ef;color:var(--red)}
#shared .space-main-icon svg{width:25px;height:25px}
#shared .space-card h4{font-size:18px;font-weight:400;line-height:1.3;color:var(--ink)}
#shared .space-card p{font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}
#shared .space-category-list{margin:17px 0 0;gap:16px}
#shared .space-category-list li{font-size:14px;font-weight:400;line-height:1.5;color:var(--ink);gap:10px}
#shared .space-row-icon,#shared .shared-space-card .space-row-icon{width:24px;height:28px;background:transparent;color:var(--ink);border-radius:0}
#shared .space-row-icon svg{width:21px;height:21px}
#shared .sharing-graph-caption{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);text-align:center;margin:22px 0 0}





#shared [data-graph-running=true] .graph-trace,#shared [data-graph-running=true] .space-card{animation-play-state:running}
@keyframes graph-private-travel{0%{opacity:0;stroke-dashoffset:12}8%{opacity:.85;stroke-dashoffset:12}38%{opacity:.85;stroke-dashoffset:-100}44%,100%{opacity:0;stroke-dashoffset:-100}}
@keyframes graph-shared-travel{0%,50%{opacity:0;stroke-dashoffset:12}56%{opacity:.85;stroke-dashoffset:12}86%{opacity:.85;stroke-dashoffset:-100}92%,100%{opacity:0;stroke-dashoffset:-100}}
@keyframes graph-private-edge{0%,32%,48%,100%{border-color:#ede6df}38%,42%{border-color:#b7b7bd}}
@keyframes graph-shared-edge{0%,80%,96%,100%{border-color:#ede6df}86%,90%{border-color:#f4a3a3}}
#trial{--red:#ef4444;padding-top:85px;padding-bottom:85px;background:radial-gradient(ellipse at center,rgba(239,68,68,.04),rgba(251,249,246,0) 70%);color:var(--ink)}
#trial .trial-invitation-content{max-width:880px;margin:0 auto;text-align:center}
#trial h2{font-size:96px;line-height:1.08;letter-spacing:-.045em;max-width:none;font-weight:300;white-space:normal}
#trial h2 span{display:inline}
#trial .trial-body{font-size:21px;line-height:1.5;color:var(--muted);margin:24px 0 0;max-width:none}
#trial .trial-calendar{width:660px;max-width:100%;margin:32px auto 0}
#trial .trial-calendar-marks{display:flex;gap:8px;width:100%}
#trial .trial-day-mark{flex:1 1 0;min-width:0;height:42px;border:1px solid #d8d5d1;border-radius:8px;background:transparent}
#trial .trial-day-mark:nth-child(-n+10){background:linear-gradient(180deg,rgba(239,68,68,.6),rgba(239,68,68,.38));border-color:#fac0b7}
#trial .trial-day-mark:nth-child(2){opacity:.94}#trial .trial-day-mark:nth-child(3){opacity:.88}#trial .trial-day-mark:nth-child(4){opacity:.8}#trial .trial-day-mark:nth-child(5){opacity:.72}#trial .trial-day-mark:nth-child(6){opacity:.64}#trial .trial-day-mark:nth-child(7){opacity:.56}#trial .trial-day-mark:nth-child(8){opacity:.48}#trial .trial-day-mark:nth-child(9){opacity:.4}#trial .trial-day-mark:nth-child(10){opacity:.32}
#trial .trial-calendar-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}
#trial .trial-action{margin-top:32px}
#trial .trial-action .button{background:#dc3434;font-size:16px;font-weight:400;min-height:54px;min-width:300px;max-width:100%;padding:14px 25px;gap:17px}
#trial .trial-no-card{margin:10px 0 0;font-size:14px;color:var(--muted)}
#trial .trial-pricing{position:relative;margin:30px auto 0;padding-top:20px;font-size:14px;color:var(--muted);line-height:1.5}
#trial .trial-pricing:before{content:'';position:absolute;left:50%;top:0;width:80px;transform:translateX(-50%);border-top:1px solid #d8d5d1}
@media(max-width:1100px){#shared .shared-grid{gap:28px}#shared .space-cards{gap:16px}#shared .space-branches{width:calc(100% + 16px);margin-left:-8px}#shared .space-card{padding:18px 12px}#shared .space-card h4{font-size:17px}#trial h2{font-size:80px}}
@media(max-width:767px){#shared h2,#platforms h2{font-size:40px}#shared .shared-heading{display:block;margin-bottom:30px}#shared .shared-heading>p{font-size:17px;line-height:1.55;margin-top:22px}#shared .shared-grid{gap:32px}#shared .example-label{font-size:10px}#shared .sharing-root-icon{width:60px;height:60px}#shared .sharing-root h3{font-size:15px}#shared .space-branches{height:54px;width:calc(100% + 10px);margin-left:-5px}#shared .space-cards{gap:10px;margin:0}#shared .space-card,#shared .shared-space-card{padding:17px 12px;margin:0}#shared .space-card-heading{align-items:center;gap:10px}#shared .space-main-icon{width:40px;height:40px}#shared .space-main-icon svg{width:25px;height:25px}#shared .space-card h4{font-size:15px}#shared .space-card p{font-size:12px}#shared .space-category-list li{font-size:12px;gap:7px;align-items:center}#shared .space-row-icon{width:23px;height:25px}#shared .space-row-icon svg{width:20px;height:20px}#shared .sharing-graph-caption{font-size:13px;margin-top:20px}#trial{padding-top:65px;padding-bottom:65px}#trial h2{font-size:58px;line-height:1.08}#trial .trial-body{font-size:18px;line-height:1.5;margin-top:22px}#trial .trial-calendar{margin-top:28px}#trial .trial-calendar-marks{gap:4px}#trial .trial-day-mark{height:30px;border-radius:6px}#trial .trial-calendar-labels{font-size:12px}#trial .trial-action{margin-top:28px}#trial .trial-action .button{min-width:0;width:min(100%,300px);min-height:54px;font-size:15px;padding:13px 16px;gap:12px}#trial .trial-no-card{font-size:14px}#trial .trial-pricing{font-size:13px;margin-top:28px;padding-top:19px}}
@media(max-width:350px){#shared h2,#platforms h2{font-size:36px}#shared .space-cards{gap:10px}#shared .space-card,#shared .shared-space-card{padding:15px 9px}#shared .space-card h4{font-size:14px}#shared .space-category-list li{gap:6px}#trial h2{font-size:52px}#trial .trial-body{font-size:17px}#trial .trial-action .button{font-size:14px}}
html.motion-off #shared .graph-trace{opacity:0;animation:none}
html.motion-off #shared .space-card{animation:none;border-color:#ede6df}
@media(prefers-reduced-motion:reduce){#shared .graph-trace{opacity:0;animation:none}#shared .space-card{animation:none;border-color:#ede6df}}

/* Functional marketing labels remain regular; iframe styling is isolated. */
.tabs button,.segmented button,.demo-layout button,.site-footer nav a{font-weight:400}
.demo-layout button[aria-pressed=true]{background:#dc3434;color:#fff}

/* Desktop trial scale follows the accepted 1586px concept; narrower layouts retain v3 sizes. */
@media(min-width:1101px){#trial{padding-top:96px;padding-bottom:96px}#trial h2{font-size:clamp(96px,8vw,128px)}#trial .trial-body{font-size:23px}#trial .trial-calendar{width:720px}#trial .trial-day-mark{height:48px}#trial .trial-action .button{font-size:18px;min-width:320px}#trial .trial-pricing{font-size:15px}}

/* Reserve matching two-line titles for narrow Spanish Space cards. */
@media(max-width:350px){#shared .space-card h4{min-height:2.6em;display:flex;align-items:center;justify-content:center}}

/* Experience v4: desktop camera presentation is independent of the selected app. */
.screen-backing{left:641px;top:516px;width:250px;height:155px}
#hero-desktop-poster{position:absolute;left:0;top:0;overflow:hidden;transform-origin:0 0;z-index:8;pointer-events:none;background:#fbf9f6}
#hero-desktop-poster img{width:100%;height:100%;object-fit:fill;max-width:none}
#inline-screen:not(.live-ready) iframe{opacity:0}
#inline-screen.live-ready iframe:not([hidden]){opacity:1}
.brand img{height:auto;aspect-ratio:1360/445;object-fit:contain}
@media(max-width:767px){.phone-presentation .hero-stage{overflow:visible}.phone-presentation .endpoint{max-width:calc(100vw - 32px)}.phone-presentation .hero-stage{min-height:1050px}.phone-presentation #inline-screen{overflow:hidden}}

/* Experience v4 explanation follows each guided product chapter. */
.endpoint{max-width:1272px;display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:32px;row-gap:16px;align-items:center}
.endpoint .chapter-caption{grid-column:1;grid-row:1;align-self:center;min-height:0;display:flex;align-items:flex-start;gap:0;text-align:left;background:#fff;border:1px solid #e5e2df;border-radius:16px;padding:24px;pointer-events:none}
.endpoint .window-shell{grid-column:2;grid-row:1;justify-self:center;align-self:center}
.endpoint .inline-footer{grid-column:2;grid-row:2;justify-self:center;padding:0;min-height:44px}
.endpoint .load-error{grid-column:2;grid-row:3}
.endpoint .chapter-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#fff0ef;color:#e34d42;margin-bottom:18px}
.chapter-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.endpoint .chapter-caption #chapter-label{font-size:12px;font-weight:400;color:#71717a;line-height:1.5;margin-bottom:8px}
.endpoint .chapter-caption h3{font-family:Satoshi,sans-serif;font-size:28px;line-height:1.2;font-weight:300;color:#52525b;margin:0 0 14px;letter-spacing:-.025em}
.endpoint .chapter-caption #chapter-benefit{font-size:15px;line-height:1.5;color:#71717a;margin:0;font-weight:400}
.chapter-caption.is-changing{animation:chapter-copy-in 200ms ease-out}
@keyframes chapter-copy-in{from{opacity:.4}to{opacity:1}}
.motion-off .chapter-caption{animation:none}
@media(prefers-reduced-motion:reduce){.chapter-caption{animation:none}}
@media(max-width:1049px){.endpoint,.flow-tour .endpoint{display:flex;flex-direction:column;width:calc(100% - 32px);gap:20px;margin:24px auto 52px;max-width:940px}.endpoint .window-shell{order:0;flex:none}.endpoint .chapter-caption{order:1;width:100%;max-width:600px;align-self:center}.endpoint .inline-footer{order:2}.endpoint .load-error{order:3}.flow-tour .hero-stage{height:auto;min-height:0;padding-top:760px;padding-bottom:1px;overflow:visible}.flow-tour .hero-visual{position:absolute;top:0;height:760px;width:100%}.phone-presentation.flow-tour .hero-stage{min-height:0}.endpoint .chapter-caption h3{font-size:26px}}
@media(max-width:767px){.flow-tour .hero-stage{padding-top:100svh}.flow-tour .hero-visual{height:100svh}}
@media(max-width:767px){.viewer-header p{display:block;font-size:12px;line-height:1.4;max-width:calc(100vw - 70px)}}
.endpoint .chapter-caption .chapter-icon{display:flex;align-items:center;justify-content:center;flex:none;color:#ef4444;width:48px;height:48px}
.endpoint .chapter-caption .chapter-icon svg{display:block;width:24px;height:24px;flex:none;stroke:#ef4444;stroke-width:1.6;fill:none}

/* Experience Phase B: editorial Shared Spaces and the final paper-calendar offer. */
#shared{max-width:calc(1200px + 2*var(--gutter));padding-top:90px;padding-bottom:90px}
#shared .shared-editorial-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:40px;align-items:center}
#shared .shared-editorial-copy{min-width:0}
#shared h2{font-size:clamp(48px,4.2vw,60px);font-weight:300;line-height:1.12;letter-spacing:-.04em}
#shared .shared-editorial-copy>p{font-size:19px;color:var(--muted);line-height:1.55;margin-top:23px;max-width:430px}
#shared .couple-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none;border-radius:20px}
#shared .sharing-example{margin-top:36px;padding:28px 24px 24px;border:1px solid #e5e2df;border-radius:20px;background:#fff;position:relative;box-shadow:none}
#shared .example-label{top:8px;right:15px;font-size:10px}
#shared .sharing-graph-caption{font-size:16px;margin:23px 48px 0;color:var(--muted);text-align:center}

#shared .shared-subscription-caption{text-align:center;font-size:16px;line-height:1.5;color:var(--muted);margin-top:27px}
#trial{min-height:100svh;padding-top:90px;padding-bottom:38px;display:flex;flex-direction:column;justify-content:center;background:var(--canvas)}
#trial .trial-paper-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:65px;align-items:center;max-width:1120px;width:100%;margin:0 auto;flex:1}
#trial .trial-paper-offer{min-width:0}
#trial h2{font-size:clamp(96px,7.65vw,110px);line-height:1.02;letter-spacing:-.045em;font-weight:300;text-align:left}
#trial h2 span{display:block}
#trial .trial-body{font-size:24px;font-weight:300;line-height:1.45;margin-top:23px;text-align:left;color:var(--muted)}
#trial .trial-paper-benefits{list-style:none;margin:27px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
#trial .trial-paper-benefits li{display:flex;align-items:center;gap:16px;font-size:16px;line-height:1.5;font-weight:400;color:var(--muted)}
#trial .trial-paper-benefits svg{width:23px;height:23px;flex:none;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#trial .trial-action{margin-top:28px;text-align:left}
#trial .trial-action .button{min-width:285px;font-size:16px;min-height:54px;max-width:100%;background:#dc3434}
#trial .trial-no-card{text-align:left;font-size:14px;margin:10px 0 0}
#trial .trial-paper-visual{margin:0;position:relative;padding:20px 18px;min-width:0;isolation:isolate}
#trial .trial-paper-visual:before{content:'';position:absolute;inset:-40px 0;background:radial-gradient(ellipse,rgba(239,68,68,.065),transparent 70%);z-index:-3;pointer-events:none}
#trial .paper-calendar{position:relative;isolation:isolate;background:#fff;border:1px solid #e9e6e1;border-radius:13px;padding:29px 26px 25px;transform:rotate(3deg);box-shadow:0 18px 36px #292c2b0d;max-width:430px;margin:auto;min-height:420px}
#trial .paper-calendar:before,#trial .paper-calendar:after{content:'';position:absolute;inset:0;border:1px solid #ebe7e1;border-radius:13px;background:#fff;z-index:-1;transform:rotate(-8deg);box-shadow:0 8px 20px #292c2b07}
#trial .paper-calendar:after{transform:rotate(0deg) translate(14px,8px);z-index:-2;background:#fefdfb}
#trial .paper-calendar h3{font-size:23px;line-height:1.35;font-weight:400;letter-spacing:-.025em;color:var(--ink);margin:0 0 23px}
#trial .paper-calendar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #e4e2df;border-left:1px solid #e4e2df;border-radius:5px;overflow:hidden}
#trial .paper-calendar-day{display:grid;place-items:center;height:52px;min-width:0;border-right:1px solid #e4e2df;border-bottom:1px solid #e4e2df;font-size:18px;font-weight:400;color:var(--muted);background:#fff}
#trial .paper-calendar-day:first-child{background:#dc3434;color:#fff}
#trial .paper-calendar-day:nth-child(n+2):nth-child(-n+4){background:#fff0ee;color:#cf3030}
#trial .paper-calendar>p{font-size:17px;line-height:1.5;color:var(--muted);margin-top:18px}
#trial .trial-paper-visual:not(.waiting) .paper-stack{animation:paper-calendar-enter .7s ease both}
@keyframes paper-calendar-enter{from{opacity:0;transform:translateY(12px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
#trial .trial-pricing{border-top:1px solid #e5e2df;text-align:center;max-width:1120px;width:100%;margin:36px auto 0;padding-top:20px;font-size:14px;color:var(--muted)}
#trial .trial-pricing:before{display:none}
@media(max-width:1100px){#shared .shared-editorial-row{gap:30px}
#shared h2{font-size:50px}
#trial .trial-paper-layout{gap:40px}
#trial h2{font-size:96px}
#trial .paper-calendar{padding:25px 20px;min-height:380px}
}
@media(max-width:767px){#shared{padding-top:60px;padding-bottom:60px}
#shared .shared-editorial-row{display:flex;flex-direction:column;align-items:stretch;gap:28px}
#shared h2{font-size:40px}
#shared .shared-editorial-copy>p{font-size:17px;margin-top:20px;max-width:none}
#shared .couple-photo{border-radius:20px}
#shared .sharing-example{margin-top:30px;padding:27px 16px 65px}
#shared .sharing-graph-caption{font-size:14px;margin:21px 0 0}

#shared .shared-subscription-caption{font-size:14px;margin-top:24px}
#trial{min-height:0;padding-top:65px;padding-bottom:34px;overflow:hidden}
#trial .trial-paper-layout{display:flex;flex-direction:column;align-items:stretch;gap:37px}
#trial h2{font-size:72px;line-height:1.04}
#trial .trial-body{font-size:21px;margin-top:20px}
#trial .trial-paper-benefits{gap:13px;margin-top:23px}
#trial .trial-paper-benefits li{font-size:15px;gap:12px}
#trial .trial-action{margin-top:25px}
#trial .trial-action .button{width:auto;min-width:0;font-size:15px;padding:13px 19px}
#trial .trial-no-card{font-size:14px}
#trial .trial-paper-visual{padding:18px 12px;max-width:344px;width:100%;align-self:center}
#trial .paper-calendar{max-width:320px;min-height:0;padding:24px 18px 22px}
#trial .paper-calendar h3{font-size:20px;margin-bottom:20px}
#trial .paper-calendar-day{font-size:14px;height:40px}
#trial .paper-calendar>p{font-size:15px;margin-top:16px}
#trial .trial-pricing{font-size:13px;margin-top:25px;padding-top:20px}
}
@media(max-width:350px){#shared h2{font-size:36px}
#shared .sharing-example{padding-left:12px;padding-right:12px}
#trial h2{font-size:64px}
#trial .trial-body{font-size:20px}
#trial .trial-paper-benefits li{font-size:14px}
#trial .trial-action .button{font-size:14px}
}
html.motion-off #trial .paper-stack{animation:none}
@media(prefers-reduced-motion:reduce){#trial .paper-stack{animation:none}
}


/* Phase B browser QA: fit the complete Shared explanation within the desktop anchor view. */
@media(min-width:768px){#shared{max-width:calc(1080px + 2*var(--gutter));padding-top:32px;padding-bottom:48px}#shared .shared-editorial-row{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:40px}#shared .sharing-example{margin-top:28px;padding:24px}#shared .sharing-panel{padding:20px 18px}#shared .sharing-graph-caption{margin-top:20px}}
/* A short desktop needs the full offer below the fixed header at maximum scroll. */
@media(min-width:1050px) and (max-height:850px){#trial{padding-top:100px;padding-bottom:24px}#trial h2{font-size:74px;line-height:1.06}#trial h2 span{display:inline}#trial h2 span+span:before{content:' '}#trial .trial-body{font-size:20px;line-height:1.4;margin-top:18px}#trial .trial-paper-benefits{gap:10px;margin-top:20px}#trial .trial-paper-benefits li{font-size:15px;line-height:1.4}#trial .trial-action{margin-top:22px}#trial .trial-action .button{min-height:48px;padding-top:11px;padding-bottom:11px}#trial .trial-no-card{font-size:14px}#trial .trial-paper-visual{padding:15px 12px}#trial .paper-calendar{max-width:350px;min-height:350px;padding:22px}#trial .paper-calendar h3{font-size:20px;margin-bottom:18px}#trial .paper-calendar-day{height:42px;font-size:16px}#trial .paper-calendar>p{font-size:15px;margin-top:14px}#trial .trial-pricing{margin-top:24px;padding-top:16px}}

/* Experience v5 tour-only presentation. */
.endpoint>.demo-layout{grid-column:2;grid-row:1;justify-self:center;display:flex;border:1px solid #e5e2df;border-radius:999px;background:#fff;padding:3px;gap:3px}
.endpoint .chapter-caption{grid-row:2}.endpoint .window-shell{grid-row:2}.endpoint .inline-footer{grid-row:3}.endpoint .load-error{grid-row:4}
.external-demo-layout button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:88px;min-height:44px;padding:0 14px;border-radius:999px}
.external-demo-layout button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.external-demo-layout button[aria-pressed=true]{background:#e63946;color:#fff}
.viewer-header{flex-wrap:wrap}.viewer-header>.demo-layout{order:0;flex-basis:auto;margin:auto!important}.viewer-header>div:not(.demo-layout){order:1;flex-basis:calc(100% - 48px)}.viewer-header>.viewer-close{order:2}
@media(max-width:1049px){.endpoint>.demo-layout{order:-1}.endpoint .window-shell{order:0}.endpoint .chapter-caption{order:1}.endpoint .inline-footer{order:2}}

/* v5 cohesive screen/shell and the approved unchanged-speed desktop dwell. */
.media-slot{position:relative;overflow:hidden}.media-slot>#inline-screen{position:absolute;left:0;top:0;transform-origin:0 0}
@media(min-width:1050px){html:not(.flow-tour) .hero{height:300svh}}

.endpoint.is-active>.demo-layout{pointer-events:auto}

/* Experience v5: one account contains both Spaces; the returning arrow is a personal projection. */
#shared .sharing-example{border-radius:16px;padding:20px 32px 22px;margin-top:24px}
#shared .couple-photo{max-width:520px;justify-self:end}
#shared .projection-account-header{text-align:center;position:relative;z-index:2}
#shared .projection-account-header h3{display:flex;align-items:center;justify-content:center;gap:9px;margin:0;max-width:none;font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.015em}
#shared .projection-account-header img{width:22px;height:22px;object-fit:contain}
#shared .projection-account-header p{font-size:14px;color:var(--muted);margin-top:3px;line-height:1.4}
#shared .projection-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:150px;margin:36px auto 0;max-width:900px;position:relative}
#shared .projection-columns:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #eeece8}
#shared .projection-columns section{position:relative;min-width:0;background:transparent;border:0}
#shared .projection-space-heading{display:flex;align-items:center;gap:14px;min-height:46px;margin-bottom:12px}
#shared .projection-space-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;color:var(--ink)}
#shared .projection-space-icon svg{width:28px;height:28px}
#shared .projection-household .projection-space-icon{color:var(--red)}
#shared .projection-space-heading h3{margin:0;max-width:none;font-size:19px;line-height:1.3;text-align:left;font-weight:400;letter-spacing:-.015em}
#shared .projection-space-heading p{font-size:14px;line-height:1.4;color:var(--muted);margin-top:3px}
#shared .projection-columns ul{list-style:none;margin:0;padding:0}
#shared .projection-row{display:flex;align-items:center;gap:13px;min-height:51px;padding:8px 0;font-size:15px;line-height:1.4;color:var(--ink)}
#shared .projection-row+.projection-row{border-top:1px solid #eeece8}
#shared .projection-row>span[data-copy]{min-width:0}
#shared .projection-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:8px;background:#f3f3f4;color:var(--muted);animation:projection-icon-story 12s linear infinite;animation-play-state:paused}
#shared .projection-icon svg{width:24px;height:24px}
#shared .projection-household .projection-icon{color:var(--red);background:#fff1ef}
#shared .projection-compound-expenses{align-items:flex-start;min-height:73px}
#shared .projection-compound-expenses .projection-icon{margin-top:0}
#shared .projection-expense-lines{min-width:0;flex:1;line-height:1.4;padding-top:3px}
#shared [data-own-expenses]{display:block;color:var(--ink)}
#shared [data-personal-share]{display:block;max-width:100%;width:fit-content;color:#cf3030;margin-top:7px;font-size:14px;animation:projection-share-highlight 12s linear infinite;animation-play-state:paused;border-radius:4px}
#shared .projection-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1;fill:none;stroke-width:1.2}
#shared .projection-personal-base,#shared .projection-shared-base{stroke:#c4c4cb}
#shared .projection-personal-trace,#shared .projection-shared-trace{stroke:var(--red);stroke-dasharray:100;stroke-dashoffset:100;animation:projection-personal-branch 12s linear infinite;animation-play-state:paused}
#shared .projection-shared-trace{animation-name:projection-shared-branch}
#shared .projection-return-base{stroke:var(--red);opacity:.65}
#shared .projection-return-trace{stroke:var(--red);stroke-width:1.7;stroke-dasharray:100;stroke-dashoffset:100;animation:projection-return-draw 12s linear infinite;animation-play-state:paused}
#shared .projection-light{position:absolute;top:0;left:0;pointer-events:none;z-index:3;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 7px #ef44444d;opacity:0;animation:projection-return-light 12s linear infinite;animation-play-state:paused}
#shared .projection-share-label{position:absolute;z-index:2;transform:translateX(-50%);color:#cf3030;background:#fff;padding:2px 6px;font-size:13px;line-height:1.4;pointer-events:none;white-space:nowrap}
#shared .sharing-graph-caption{font-size:14px;line-height:1.5;margin:18px 35px 0;position:relative;z-index:2}
#shared .projection-icon[data-story-icon="1"]{--icon-start:10%;animation-name:projection-icon-one}
#shared .projection-icon[data-story-icon="2"]{animation-name:projection-icon-two}
#shared .projection-icon[data-story-icon="3"]{animation-name:projection-icon-three}
#shared .projection-icon[data-story-icon="4"]{animation-name:projection-icon-four}
#shared .projection-icon[data-story-icon="5"]{animation-name:projection-icon-five}
#shared .projection-icon[data-story-icon="6"]{animation-name:projection-icon-six}
#shared [data-graph-running=true] .projection-icon,#shared [data-graph-running=true] [data-personal-share],#shared [data-graph-running=true] .projection-personal-trace,#shared [data-graph-running=true] .projection-shared-trace,#shared [data-graph-running=true] .projection-return-trace,#shared [data-graph-running=true] .projection-light{animation-play-state:running}
#shared [data-graph-static=true] .projection-icon,#shared [data-graph-static=true] [data-personal-share]{animation:none}
#shared [data-graph-static=true] .projection-personal-trace,#shared [data-graph-static=true] .projection-shared-trace,#shared [data-graph-static=true] .projection-return-trace{animation:none;stroke-dashoffset:0}
#shared [data-graph-static=true] .projection-light{animation:none;opacity:0}
/* The front paper and every front child share one rotation; back sheets live outside it. */
#trial .paper-stack{position:relative;isolation:isolate;max-width:430px;margin:auto}
#trial .paper-back-sheet{position:absolute;inset:0;background:#fff;border:1px solid #ebe7e1;border-radius:13px;box-shadow:0 8px 20px #292c2b07;z-index:0;pointer-events:none}
#trial .paper-back-first{transform:rotate(-8deg)}
#trial .paper-back-second{transform:translate(14px,8px);z-index:1;background:#fefdfb}
#trial .paper-calendar{z-index:2;isolation:auto;transform:none;background:#fff;margin:0;max-width:none}
#trial .paper-calendar:before,#trial .paper-calendar:after{content:none;display:none}
@media(max-width:767px){#shared .couple-photo{max-width:none}#shared .sharing-example{padding:20px 36px 65px;margin-top:30px}#shared .projection-account-header h3{font-size:18px}#shared .projection-account-header p{font-size:14px}#shared .projection-columns{display:flex;flex-direction:column;gap:60px;margin-top:29px}#shared .projection-columns:before{display:none}#shared .projection-space-heading h3{font-size:19px}#shared .projection-row{font-size:14px;min-height:52px;gap:10px}#shared [data-personal-share]{font-size:14px;margin-top:9px}#shared .projection-compound-expenses{min-height:80px}#shared .projection-share-label{transform:none;font-size:13px;white-space:normal;max-width:90px}#shared .sharing-graph-caption{font-size:13px;margin:22px -16px 0}#trial .paper-stack{max-width:320px}}
@media(max-width:350px){#shared .sharing-example{padding-left:34px;padding-right:28px}#shared .projection-account-header h3{font-size:17px}#shared .projection-row{gap:8px}#shared .projection-space-heading{gap:10px}#shared .projection-space-heading h3{font-size:18px}#shared .projection-space-heading p{font-size:14px}}
@media(min-width:1050px) and (max-height:850px){#trial .paper-stack{max-width:350px}}
html.motion-off #shared .projection-icon,html.motion-off #shared [data-personal-share]{animation:none}html.motion-off #shared .projection-personal-trace,html.motion-off #shared .projection-shared-trace,html.motion-off #shared .projection-return-trace{animation:none;stroke-dashoffset:0}html.motion-off #shared .projection-light{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){#shared .projection-icon,#shared [data-personal-share]{animation:none}#shared .projection-personal-trace,#shared .projection-shared-trace,#shared .projection-return-trace{animation:none;stroke-dashoffset:0}#shared .projection-light{animation:none;opacity:0}}
/* Authorized narrow exception outside lower blocks: only marketing headline tracking changes. */
.hero-copy h1,#shared h2,#platforms h2,#trial h2{letter-spacing:-.025em}
.endpoint .chapter-caption h3{letter-spacing:-.015em}

/* Bounded tour failure remains within its containing window. */
.window-shell>#inline-error{position:absolute;z-index:20;left:12px;right:12px;bottom:60px;top:auto;margin:0;padding:10px 14px;background:#fff;border:1px solid #e5e2df;border-radius:10px;justify-content:center;pointer-events:auto;color:#71717a;font-size:12px;line-height:1.4}

/* Experience v7: independent viewport stages; natural flow when fit is unavailable. */
#shared.viewport-section,#platforms.viewport-section,#trial.viewport-section{padding:0;max-width:none;margin:0;position:relative;min-height:100svh;background:var(--canvas);scroll-margin-top:0}
.viewport-stage{min-height:100svh;background:var(--canvas);padding-top:calc(var(--section-header,84px) + 16px);padding-bottom:24px;width:100%}
.viewport-content{width:100%;min-width:0}
.viewport-section.is-dwelling{height:135svh}
.viewport-section.is-dwelling>.viewport-stage{position:sticky;top:0;height:100svh}
#trial{min-height:100svh}
@media(min-width:1050px){
 #shared .viewport-stage,#platforms .viewport-stage,#trial .viewport-stage{padding-top:calc(var(--section-header,84px) + 16px);padding-bottom:24px}
 #shared .couple-photo{height:clamp(190px,26svh,250px);width:100%;max-width:520px;object-fit:contain;aspect-ratio:auto}
 #shared .shared-editorial-copy>p{margin-top:16px;font-size:18px;line-height:1.5}
 #shared .sharing-example{margin-top:16px;padding:14px 28px 16px}
 #shared .projection-columns{margin-top:20px;gap:130px}
 #shared .projection-space-heading{min-height:42px;margin-bottom:8px}
 #shared .projection-row{min-height:44px;padding:6px 0;font-size:15px}
 #shared .projection-compound-expenses{min-height:62px}
 #shared .sharing-graph-caption{margin-top:12px;font-size:14px;line-height:1.5}
 #platforms .closing-heading{margin-bottom:20px}
 #platforms .closing-heading>p{margin-top:14px;font-size:18px}
 #platforms .sunset-photo{height:clamp(190px,calc(100svh - 360px),520px);object-fit:contain;object-position:center;aspect-ratio:auto}
 #platforms .closing-platforms{margin-top:-12px}
}
@media(max-width:1049px){.viewport-section .viewport-stage{padding-top:calc(var(--section-header,64px) + 16px);padding-bottom:24px}}
html.motion-off .viewport-section.is-dwelling{height:auto}html.motion-off .viewport-section.is-dwelling>.viewport-stage{position:relative;height:auto}
@media(prefers-reduced-motion:reduce){.viewport-section.is-dwelling{height:auto}.viewport-section.is-dwelling>.viewport-stage{position:relative;height:auto}}
/* Preserve approved content widths/gutters inside the full-canvas stage. */
#shared .viewport-stage{max-width:calc(1080px + 2*var(--gutter));margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
#platforms .viewport-stage{max-width:calc(1200px + 2*var(--gutter));margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
@media(max-width:1049px){#shared .viewport-stage,#platforms .viewport-stage,#trial .viewport-stage{padding-left:20px;padding-right:20px}}
@media(max-width:350px){#shared .viewport-stage,#platforms .viewport-stage,#trial .viewport-stage{padding-left:16px;padding-right:16px}}

/* V7B: retain full photo geometry and reserve Shared caption breathing room within hold. */
@media(min-width:1050px){#shared .shared-subscription-caption{margin-top:10px}#shared .couple-photo{width:auto;max-width:100%;height:clamp(190px,26svh,250px);aspect-ratio:3/2;object-fit:contain}}

/* Platforms: the contained photo itself owns the approved rounded edges. */
@media(min-width:1050px){#platforms .sunset-photo{width:auto;max-width:100%;margin:0 auto;aspect-ratio:1672/941;object-fit:contain}}

/* V8: branch labels own their anchors; a taller photograph moves the diagram down. */
#shared .shared-subscription-caption{font-size:16px}
@media(min-width:1050px){
 #shared .couple-photo{height:clamp(190px,calc(190px + (100svh - 720px)*.59),370px);width:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain}
 #shared .projection-space-heading{justify-content:center}
 #shared .projection-space-heading>div{display:flex;flex-direction:column;align-items:center}
 #shared .projection-space-heading h3{width:fit-content;text-align:center}
 #shared .projection-space-heading p{text-align:center}
 html.phone-presentation .endpoint{grid-template-rows:1fr auto 1fr;row-gap:16px}
 html.phone-presentation .endpoint>.demo-layout{grid-column:1;grid-row:1;justify-self:start;align-self:end}
 html.phone-presentation .endpoint>.chapter-caption{grid-column:1;grid-row:2;align-self:center}
 html.phone-presentation .endpoint>.inline-footer{grid-column:1;grid-row:3;justify-self:start;align-self:start}
 html.phone-presentation .endpoint>.window-shell{grid-column:2;grid-row:1/4;align-self:start}
}
.window-shell.is-phone-frame{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.window-shell.is-phone-frame>.media-slot,.window-shell.is-phone-frame>.live-demo-fullscreen{position:relative;border:4px solid #424543;border-radius:38px;background:#fff;overflow:hidden;box-shadow:0 18px 45px #292c2b18,0 2px 6px #292c2b10}
.window-shell.is-phone-frame>.window-controls{margin-top:4px;border:0;background:transparent;border-radius:0}
.window-shell.is-phone-frame .screen-object{border-radius:34px}

/* v8 desktop phone fullscreen: information and controls beside the device. */

/* v9 replay control stays inside the same moving/scaled media host. */
.demo-replay-overlay{position:absolute;inset:0;z-index:2147483001;display:grid;place-items:center;pointer-events:none}.demo-replay-button{pointer-events:auto;transform:scale(var(--replay-scale,1));min-height:52px;padding:12px 24px;border:1px solid #d8d8dc;border-radius:999px;background:#fff;color:#52525b;box-shadow:0 3px 18px #0002;font-size:15px}.demo-replay-button:before{content:'▷';margin-right:10px;font-size:20px}
/* Neutral inactive diagram elements; pause retains the current animated frame. */
#shared .projection-space-icon,#shared .projection-household .projection-space-icon{color:#71717a;animation:projection-personal-heading 12s linear infinite;animation-play-state:paused}#shared .projection-household .projection-space-icon{animation-name:projection-shared-heading}#shared .projection-household .projection-icon{color:#71717a;background:#f3f3f4}#shared [data-personal-share],#shared .projection-share-label{color:#71717a}#shared .projection-return-base{stroke:#c4c4cb;opacity:1}#projection-arrowhead path{fill:#c4c4cb}#shared .projection-share-label{animation:projection-arrow-label 12s linear infinite;animation-play-state:paused}#shared [data-graph-running=true] .projection-space-icon,#shared [data-graph-running=true] .projection-share-label{animation-play-state:running}
#shared [data-graph-static=true] .projection-icon,#shared [data-graph-static=true] .projection-space-icon,#shared [data-graph-static=true] .projection-share-label,#shared [data-graph-static=true] [data-personal-share],html.motion-off #shared .projection-icon,html.motion-off #shared .projection-space-icon,html.motion-off #shared .projection-share-label,html.motion-off #shared [data-personal-share]{animation:none;color:#71717a;background:transparent}
#shared [data-graph-static=true] .projection-personal-trace,#shared [data-graph-static=true] .projection-shared-trace,#shared [data-graph-static=true] .projection-return-trace,html.motion-off #shared .projection-personal-trace,html.motion-off #shared .projection-shared-trace,html.motion-off #shared .projection-return-trace{animation:none;stroke-dashoffset:100;stroke:#c4c4cb}
@media(prefers-reduced-motion:reduce){#shared .projection-space-icon,#shared .projection-icon,#shared .projection-share-label,#shared [data-personal-share]{animation:none;color:#71717a;background:transparent}#shared .projection-personal-trace,#shared .projection-shared-trace,#shared .projection-return-trace{animation:none;stroke-dashoffset:100;stroke:#c4c4cb}}

/* v10: compact demo action, preserving the approved media geometry. */
.button.demo-action,.inline-footer .button.demo-action{width:auto;min-width:168px;max-width:100%;min-height:46px;padding:11px 22px;font-size:15px;font-weight:400;font-family:Satoshi,sans-serif;box-shadow:none}
@media(min-width:1050px){html.phone-presentation .endpoint>.inline-footer{justify-self:center}}
/* Both diagram workflows accumulate on one shared 12-second CSS clock. */
@keyframes projection-shared-branch{0%{stroke-dashoffset:100;opacity:1}8%,52%{stroke-dashoffset:0;opacity:1}56%{stroke-dashoffset:0;opacity:0}56.01%,100%{stroke-dashoffset:100;opacity:1}}
@keyframes projection-personal-branch{0%,56%{stroke-dashoffset:100;opacity:1}64%,94%{stroke-dashoffset:0;opacity:1}97%{stroke-dashoffset:0;opacity:0}97.01%,100%{stroke-dashoffset:100;opacity:1}}
@keyframes projection-shared-heading{0%,7%{color:#71717a}8%,52%{color:#cf3030}56%,100%{color:#71717a}}
@keyframes projection-personal-heading{0%,63%{color:#71717a}64%,94%{color:#cf3030}97%,100%{color:#71717a}}
@keyframes projection-icon-four{0%,9%{background:#f3f3f4;color:#71717a}10%,52%{background:#fff1ef;color:#cf3030}56%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-icon-five{0%,17%{background:#f3f3f4;color:#71717a}18%,52%{background:#fff1ef;color:#cf3030}56%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-icon-six{0%,25%{background:#f3f3f4;color:#71717a}26%,52%{background:#fff1ef;color:#cf3030}56%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-icon-one{0%,65%{background:#f3f3f4;color:#71717a}66%,94%{background:#fff1ef;color:#cf3030}97%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-icon-two{0%,73%{background:#f3f3f4;color:#71717a}74%,94%{background:#fff1ef;color:#cf3030}97%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-icon-three{0%,81%{background:#f3f3f4;color:#71717a}82%,94%{background:#fff1ef;color:#cf3030}97%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-return-draw{0%,30%{stroke-dashoffset:100;opacity:1}42%,52%{stroke-dashoffset:0;opacity:1}56%{stroke-dashoffset:0;opacity:0}56.01%,100%{stroke-dashoffset:100;opacity:1}}
@keyframes projection-return-light{0%,30%{opacity:0;offset-distance:0%}31%{opacity:.9;offset-distance:8.333%}41.99%{opacity:.9;offset-distance:100%}42%,100%{opacity:0;offset-distance:100%}}
@keyframes projection-arrow-label{0%,29%{color:#71717a}30%,52%{color:#cf3030}56%,100%{color:#71717a}}
@keyframes projection-share-highlight{0%,41%{background:transparent;color:#71717a}42%,52%{background:#fff0ec;color:#cf3030}56%,100%{background:transparent;color:#71717a}}
#projection-arrowhead path{animation:projection-return-arrowhead 12s linear infinite;animation-play-state:paused}
#shared [data-graph-running=true] #projection-arrowhead path{animation-play-state:running}
@keyframes projection-return-arrowhead{0%,41%{fill:#c4c4cb}42%,52%{fill:#cf3030}56%,100%{fill:#c4c4cb}}
#shared [data-graph-static=true] #projection-arrowhead path,html.motion-off #projection-arrowhead path{animation:none;fill:#c4c4cb}
@media(prefers-reduced-motion:reduce){#projection-arrowhead path{animation:none;fill:#c4c4cb}}

/* v10 narrow flow: keep the demo invitation visible before the full-height app. */
@media(max-width:1049px){.endpoint>.demo-layout{order:-2}.endpoint>.inline-footer{order:-1;align-self:center}.endpoint>.window-shell{order:0}.endpoint>.chapter-caption{order:1}}

/* v11 quiet guided reset uses a labeled, platform-appropriate opening capture. */
.guided-reset-poster{position:absolute;inset:0;z-index:10;background:#fbf9f6;pointer-events:none;overflow:hidden}.guided-reset-poster img{width:100%;height:100%;object-fit:contain}.guided-reset-poster span{position:absolute;bottom:16px;left:50%;transform:translateX(-50%) scale(var(--poster-scale,1));transform-origin:center bottom;padding:5px 10px;border-radius:6px;background:#fffffff0;color:#71717a;font-size:12px;white-space:nowrap}
@media(min-width:768px){html.phone-presentation:not(.flow-tour) .endpoint{display:grid;width:calc(100% - 40px);max-width:810px;left:0;right:0;margin:0 auto;grid-template-columns:320px minmax(0,1fr);column-gap:64px;grid-template-rows:1fr}html.phone-presentation:not(.flow-tour) .endpoint>.demo-layout{position:absolute;grid-area:auto;left:160px;right:auto;top:calc(50% - 240px);width:max-content;height:52px;margin:0;justify-content:center;transform:translateX(-50%)!important}html.phone-presentation:not(.flow-tour) .endpoint>.chapter-caption{position:absolute;grid-area:auto;left:0;top:calc(50% - 168px);width:320px;height:332px;min-height:332px;overflow:auto;justify-self:auto;align-self:auto;transform:none!important}html.phone-presentation:not(.flow-tour) .endpoint>.inline-footer{position:absolute;grid-area:auto;left:0;top:calc(50% + 184px);width:320px;padding:0;justify-content:center;transform:none!important}html.phone-presentation:not(.flow-tour) .endpoint>.window-shell{grid-column:2;grid-row:1;align-self:center}}
/* Shared sequence leads into the unchanged accumulating Personal phase. */
@keyframes projection-icon-six{0%,39%{background:#f3f3f4;color:#71717a}40%,52%{background:#fff1ef;color:#cf3030}56%,100%{background:#f3f3f4;color:#71717a}}
@keyframes projection-return-draw{0%,20%{stroke-dashoffset:100;opacity:1}32%,52%{stroke-dashoffset:0;opacity:1}56%{stroke-dashoffset:0;opacity:0}56.01%,100%{stroke-dashoffset:100;opacity:1}}
@keyframes projection-return-light{0%,20%{opacity:0;offset-distance:0%}21%{opacity:.9;offset-distance:8.333%}31.99%{opacity:.9;offset-distance:100%}32%,100%{opacity:0;offset-distance:100%}}
@keyframes projection-arrow-label{0%,19%{color:#71717a}20%,52%{color:#cf3030}56%,100%{color:#71717a}}
@keyframes projection-share-highlight{0%,31%{background:transparent;color:#71717a}32%,52%{background:#fff0ec;color:#cf3030}56%,100%{background:transparent;color:#71717a}}
@keyframes projection-return-arrowhead{0%,31%{fill:#c4c4cb}32%,52%{fill:#cf3030}56%,100%{fill:#c4c4cb}}

/* Approved private header: authentication stays visible at every width. */
.site-header .nav-actions{display:flex;align-items:center;gap:12px}.site-header .nav-signin,.site-header .nav-signup{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;white-space:nowrap}.site-header .nav-signin{border:1px solid currentColor;border-radius:999px}.site-header .nav-signup{min-height:44px}@media(max-width:420px){.site-header{gap:12px}.site-header .nav-actions{gap:8px}.site-header .nav-signin,.site-header .nav-signup{padding:10px 12px;font-size:13px}}

/* Trial uses the same measured viewport hold as the preceding sections. */
#trial.viewport-section{display:block;overflow:visible}
#trial .viewport-stage{max-width:calc(1280px + 2*var(--gutter));margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);display:flex;align-items:center}
#trial .trial-paper-layout{max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px}
#trial .paper-stack{max-width:580px;transform:rotate(3deg)}
#trial .paper-calendar{min-height:500px;padding:34px 30px 28px}
#trial .paper-calendar-day{height:64px}
#trial .trial-pricing{border:0;text-align:center;width:100%;max-width:none;margin:32px auto 0;padding:0;font-size:14px;line-height:1.5;color:var(--muted)}
#trial .trial-pricing-label{display:inline;font-size:inherit;margin:0 6px 0 0}
#trial .trial-pricing-options{display:inline;margin:0}
#trial .trial-price-option,#trial .trial-price-currency{white-space:nowrap}
#trial .trial-price-value{color:inherit;font-weight:inherit}
@media(min-width:1050px) and (max-height:850px){#trial .trial-paper-layout{gap:40px}#trial .paper-stack{max-width:480px}#trial .paper-calendar{min-height:420px;padding:26px 24px}#trial .paper-calendar-day{height:52px}#trial .trial-pricing{font-size:14px;margin-top:24px}}
@media(min-width:1050px){#trial .trial-paper-layout{max-width:1120px;column-gap:24px}}
@media(max-width:1049px){#trial .viewport-stage{padding-left:20px;padding-right:20px}#trial .trial-paper-layout{gap:40px}#trial .paper-stack{max-width:440px}#trial .paper-calendar{min-height:0;padding:28px 22px}#trial .paper-calendar-day{height:48px}}
@media(max-width:767px){#trial .trial-paper-layout{gap:32px}#trial .paper-stack{max-width:340px}#trial .paper-calendar{padding:24px 18px 22px}#trial .paper-calendar-day{height:40px}#trial .trial-pricing{font-size:13px;margin-top:24px}}
@media(max-width:350px){#trial .viewport-stage{padding-left:16px;padding-right:16px}#trial .trial-paper-visual{padding-left:18px;padding-right:18px}}

/* Compact viewport stages preserve the full demo canvas and readable context. */
#trial .trial-pricing{margin-top:48px}
@media(min-width:1050px) and (max-height:850px){#trial .trial-pricing{margin-top:36px}}
@media(max-width:767px){
 .endpoint,.flow-tour .endpoint{gap:8px}
 .endpoint>.demo-layout{order:0;min-height:44px;justify-content:center}
 .endpoint>.window-shell{order:1}
 .endpoint>.chapter-caption{order:2;min-height:176px;padding:12px 16px;gap:0}
 .endpoint>.inline-footer{order:3;min-height:44px;padding:0}
 .endpoint .chapter-caption .chapter-icon{width:24px;height:24px;margin-bottom:4px}
 .endpoint .chapter-caption #chapter-label{font-size:11px;margin-bottom:3px}
 .endpoint .chapter-caption h3{font-size:21px;line-height:1.2;margin-bottom:5px}
 .endpoint .chapter-caption #chapter-benefit{font-size:13px;line-height:1.4}
 .endpoint .inline-footer .button{min-height:44px;padding:10px 18px;box-shadow:none}
 html.narrow-tour .hero{height:300svh}
 html.narrow-tour .hero-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;padding:0}
 html.narrow-tour .hero-visual{position:absolute;inset:0;height:100svh}
 html.narrow-tour .endpoint{position:absolute;left:16px;right:16px;width:auto;max-width:none;margin:0;display:flex;flex-direction:column;gap:8px}
 .hero-copy,.flow-tour .hero-copy,html.narrow-tour .hero-copy{top:calc(64px + 4svh);left:24px;right:24px}
 .hero-copy h1,html.narrow-tour .hero-copy h1{font-size:36px}
 .hero-copy p{margin-top:14px}
 .hero-actions{margin-top:20px}
 .viewport-stage{display:flex;align-items:center}
 .viewport-section.is-dwelling{height:118svh}
 #shared .shared-editorial-row{gap:12px}
 #shared h2,#platforms h2{font-size:36px;line-height:1.1}
 #shared h2{font-size:34px}
 #shared .shared-editorial-copy>p{font-size:15px;line-height:1.45;margin-top:10px}
 #shared .couple-photo{height:clamp(108px,14svh,140px);max-width:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 43%;border-radius:12px}
 #shared .sharing-example{padding:12px 10px;margin-top:12px}
 #shared .example-label{font-size:10px}
 #shared .projection-account-header h3{font-size:16px;margin:0;line-height:1.3}
 #shared .projection-account-header p{font-size:12px;line-height:1.4;margin-top:3px}
 #shared .projection-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:28px}
 #shared .projection-columns>section{border:1px solid #eeebe5;border-radius:12px;padding:10px 8px;background:#fff}
 #shared .projection-space-heading{flex-direction:column;justify-content:flex-start;min-height:70px;margin-bottom:3px;gap:5px;text-align:center}
 #shared .projection-space-heading h3{font-size:14px;line-height:1.25;margin:0;text-align:center}
 #shared .projection-space-heading p{font-size:11px;line-height:1.3;margin-top:2px}
 #shared .projection-space-icon{width:22px;height:22px}
 #shared .projection-space-icon svg{width:22px;height:22px}
 #shared .projection-row{min-height:44px;font-size:12px;line-height:1.35;padding:3px 0;gap:6px}
 #shared .projection-icon{width:18px;height:18px}
 #shared .projection-icon svg{width:16px;height:16px}
 #shared .projection-compound-expenses,#shared .projection-all-expenses{min-height:78px}
 #shared [data-personal-share]{font-size:11px;line-height:1.35;margin-top:4px}
 #shared .projection-share-label{display:none}
 #shared .sharing-graph-caption{font-size:12px;line-height:1.4;margin:12px 0 0}
 #shared .shared-subscription-caption{font-size:12px;line-height:1.4;margin:12px 0 0}
 #platforms .closing-heading{margin-bottom:18px}
 #platforms .closing-heading>p{font-size:16px;margin-top:12px}
 #platforms .sunset-photo{height:42svh;width:100%;max-width:100%;margin:0 auto;object-fit:cover;object-position:75% center;aspect-ratio:auto}
 #platforms .closing-platforms{display:flex;flex-direction:column;width:100%;margin:16px auto 0;box-shadow:none}
 #platforms .platform-row{display:flex;flex-direction:row;text-align:left;gap:12px;padding:10px 16px;min-height:62px}
 #platforms .platform-row+.platform-row{border-top:1px solid var(--rule);border-left:0}
 #platforms .platform-icon,#platforms .platform-icon svg,#platforms .platform-icon .apple-mark,#platforms .platform-icon .android-mark{width:32px;height:32px}
 #platforms .platform-name{font-size:14px;gap:3px;min-height:0}
 #platforms .platform-link-arrow{width:13px;height:13px}
 #platforms .platform-row p{font-size:11px;line-height:1.35;margin:0}
 #trial .trial-paper-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 #trial .trial-paper-offer{display:contents}
 #trial h2{grid-row:1;font-size:44px;line-height:1.08;text-align:center}
 #trial h2 span{display:inline}
 #trial h2 span+span:before{content:' '}
 #trial .trial-body{grid-row:2;font-size:16px;line-height:1.4;margin:0;text-align:center}
 #trial .trial-paper-visual{grid-row:3;padding:4px 12px;max-width:260px;width:100%;margin:auto}
 #trial .paper-stack{max-width:240px}
 #trial .paper-calendar{padding:14px 13px;min-height:0}
 #trial .paper-calendar h3{font-size:16px;margin-bottom:12px}
 #trial .paper-calendar-day{height:29px;font-size:12px}
 #trial .paper-calendar>p{font-size:12px;margin-top:10px}
 #trial .trial-paper-benefits{grid-row:4;margin:0 auto;gap:7px}
 #trial .trial-paper-benefits li{font-size:13px;line-height:1.4;gap:10px}
 #trial .trial-paper-benefits svg{width:18px;height:18px}
 #trial .trial-action{grid-row:5;margin:0;text-align:center}
 #trial .trial-action .button{min-height:44px;padding:10px 18px;font-size:14px;box-shadow:none}
 #trial .trial-no-card{grid-row:6;font-size:12px;line-height:1.4;text-align:center;margin:0}
 #trial .trial-pricing{font-size:12px;line-height:1.5;margin-top:28px}
}

@media(max-width:767px) and (min-height:740px){
 .hero-copy h1,html.narrow-tour .hero-copy h1{font-size:40px}
 #trial .trial-paper-layout{gap:clamp(18px,2.6svh,26px)}
 #trial .trial-paper-benefits{gap:10px}
 #trial .trial-pricing{margin-top:36px}
 #trial .trial-paper-visual{max-width:280px}
 #trial .paper-stack{max-width:260px}
 #trial .paper-calendar-day{height:31px}
}
@media(max-width:767px) and (max-height:739px){.hero-copy,.flow-tour .hero-copy,html.narrow-tour .hero-copy{top:90px}.hero-copy h1,html.narrow-tour .hero-copy h1{font-size:36px}}
@media(max-width:350px){#shared .projection-columns{gap:28px}}
@media(max-width:767px) and (max-height:650px){
 .hero-copy,.flow-tour .hero-copy,html.narrow-tour .hero-copy{top:84px}
 .hero-copy h1,html.narrow-tour .hero-copy h1{font-size:32px}
 .hero-copy p{font-size:14px;line-height:1.4;margin-top:12px}
 .hero-actions{margin-top:14px}
}

@media(max-width:767px) and (max-height:499px){
 .flow-tour .hero-visual{min-height:568px}
 .flow-tour .hero-stage{padding-top:568px}
}

/* Existing sticky stages keep their containing block; compact flow gets its own camera track. */
.hero-camera-track,.hero-camera{display:contents}
 html.flow-camera .hero-stage{padding-top:0;padding-bottom:0}
html.flow-camera .hero-stage::after{content:'';display:block;height:35svh;pointer-events:none}
 html.flow-camera .hero-camera-track{display:block;height:230svh}
 html.flow-camera .hero-camera{display:block;position:sticky;top:0;height:100svh;overflow:hidden}
 html.flow-camera .hero-visual{position:absolute;inset:0;height:100%;min-height:0}

html.flow-camera .endpoint{position:sticky;top:var(--endpoint-sticky-top)!important}
html.flow-camera .endpoint>.inline-footer{order:2}
.viewport-section.is-overflow-dwelling{height:calc(var(--section-natural-height) + 35svh)}
.viewport-section.is-overflow-dwelling .viewport-stage{position:sticky;top:var(--section-sticky-top);height:auto;min-height:100svh}
@media(min-width:768px) and (max-width:1049px){
 html.windowed-tour .hero-stage{position:sticky;top:0;height:100svh;min-height:0;padding:0;overflow:hidden}
 html.windowed-tour .hero{height:300svh}
 html.windowed-tour:not(.phone-presentation) .endpoint{position:absolute;left:20px;right:20px;width:auto;margin:0;display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:24px;row-gap:16px;grid-template-rows:auto auto auto}
 html.windowed-tour:not(.phone-presentation) .endpoint>.chapter-caption{grid-column:1;grid-row:2;width:240px;height:332px;min-height:332px;overflow:auto;align-self:center}
 html.windowed-tour:not(.phone-presentation) .endpoint>.window-shell{grid-column:2;grid-row:2}
 html.windowed-tour:not(.phone-presentation) .endpoint>.demo-layout{grid-column:2;grid-row:1}
 html.windowed-tour:not(.phone-presentation) .endpoint>.inline-footer{grid-column:2;grid-row:3}
 #shared h2{font-size:clamp(34px,4.8vw,46px)}
 #shared .shared-editorial-copy>p{font-size:16px;line-height:1.5;margin-top:12px}
 #shared .couple-photo{height:clamp(144px,24svh,190px);object-fit:contain}
 #shared .shared-editorial-row{gap:24px}
 #shared .sharing-example{margin-top:12px;padding:12px 20px}
 #shared .projection-columns{margin-top:20px;gap:48px}
 #shared .projection-space-heading{min-height:38px;margin-bottom:6px}
 #shared .projection-row{min-height:40px;padding:4px 0;font-size:14px}
 #shared .projection-compound-expenses{min-height:56px}
 #shared .sharing-graph-caption{margin-top:10px;font-size:13px;line-height:1.4}
 #shared .shared-subscription-caption{margin-top:12px;font-size:13px;line-height:1.4}
 #trial h2{font-size:76px;line-height:1.05}
 #trial .trial-body{font-size:20px;line-height:1.5;margin-top:16px}
 #trial .trial-paper-benefits{margin-top:18px;gap:10px}
 #trial .trial-paper-benefits li{font-size:14px;line-height:1.5}
 #trial .trial-action{margin-top:22px}
 #trial .trial-action .button{min-height:44px;font-size:15px}
 #trial .trial-no-card{font-size:13px;margin-top:12px}
 #trial .paper-stack{max-width:360px}
 #trial .paper-calendar{padding:22px 20px}
 #trial .paper-calendar-day{height:40px}
 #trial .trial-pricing{margin-top:32px;font-size:13px}
}
@media(min-width:768px) and (max-width:1049px) and (max-height:650px){
 #shared h2{font-size:34px}
 #shared .shared-editorial-copy>p{font-size:15px}
 #shared .couple-photo{height:144px}
 #shared .sharing-example{margin-top:10px;padding:10px 16px}
 #shared .projection-space-heading{min-height:32px}
 #shared .projection-row{min-height:36px}
 #shared .projection-compound-expenses{min-height:50px}
 #shared .sharing-graph-caption{margin-top:8px}
 #shared .shared-subscription-caption{margin-top:10px}
}

/* Neutral-stage mobile capture appears only after the room has faded. */
#hero-phone-poster{display:none;position:absolute;left:0;top:0;transform-origin:0 0;z-index:8;pointer-events:none;width:430px;height:932px;box-sizing:content-box;border:4px solid #424543;border-radius:38px;overflow:hidden;box-shadow:0 22px 60px rgba(40,35,30,.16),0 2px 8px rgba(40,35,30,.06)}
#hero-phone-poster img{width:430px;height:932px;object-fit:fill;max-width:none}
@media(max-width:767px){#hero-phone-poster{display:block}}
@media(max-width:767px) and (min-height:740px){
 #trial .trial-paper-layout{gap:clamp(20px,calc(14svh - 90px),44px)}
 #trial .trial-paper-visual{max-width:320px}
 #trial .paper-stack{max-width:300px}
 #trial .paper-calendar-day{height:clamp(31px,calc(7svh - 28px),39px)}
 #trial .trial-pricing{margin-top:clamp(36px,calc(6svh - 14px),44px)}
}

html.phone-intro #hero-phone-poster{display:block}

/* Publish the synthetic opening as one complete scene; header actions remain available. */
.opening-scene-loader{display:none;position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:1.5px solid var(--rule);border-top-color:var(--red);border-radius:50%;animation:opening-scene-spin 1s linear infinite}
#top[data-opening-scene="loading"] .opening-scene-loader{display:block}
#top[data-opening-scene="loading"] .hero-visual,#top[data-opening-scene="loading"] .hero-copy,#top[data-opening-scene="loading"] #hero-desktop-poster,#top[data-opening-scene="loading"] #hero-phone-poster,#top[data-opening-scene="loading"] .endpoint{visibility:hidden;pointer-events:none}
#top[data-opening-scene="fallback"] .hero-visual,#top[data-opening-scene="fallback"] #hero-desktop-poster,#top[data-opening-scene="fallback"] #hero-phone-poster{visibility:hidden;pointer-events:none}
.motion-off .opening-scene-loader{animation:none}
@keyframes opening-scene-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.opening-scene-loader{animation:none}}

/* Visible phone budgets keep one existing live canvas beside stable chapter context. */
html{text-size-adjust:100%;-webkit-text-size-adjust:100%}
@media(max-width:767px){
 html.compact-side-context .endpoint{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:12px;row-gap:8px}
 html.compact-side-context .endpoint>.demo-layout{grid-column:1/3;grid-row:1;align-self:start;transform:none!important}
 html.compact-side-context .endpoint>.window-shell{grid-column:1;grid-row:2;align-self:center;justify-self:center;min-width:0}
 html.compact-side-context .endpoint>.chapter-caption{grid-column:2;grid-row:2;width:100%;max-width:none;height:260px;max-height:100%;min-height:0;padding:10px;align-self:center;overflow:auto}
 html.compact-side-context .endpoint>.chapter-caption h3{font-size:18px}
 html.compact-side-context .endpoint>.chapter-caption #chapter-benefit{font-size:12px}
 html.compact-side-context .endpoint>.chapter-caption .chapter-icon{width:24px;height:24px}
 html.compact-side-context .endpoint>.inline-footer{grid-column:1/3;grid-row:3;align-self:end;transform:none!important}
 html.compact-side-context .endpoint>.load-error{grid-column:1/3}
}
@media(max-width:767px) and (max-height:799px){
 #shared .shared-editorial-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:12px}
 #shared .couple-photo{width:76px;height:96px;border-radius:10px}
 #shared h2{font-size:30px}
 #shared .shared-editorial-copy>p{font-size:13px;line-height:1.4;margin-top:8px}
 #shared .sharing-example{padding:10px}
 #shared .projection-columns{margin-top:20px;gap:28px}
 #shared .projection-columns>section{padding:8px 6px}
 #shared .projection-space-heading{flex-direction:row;min-height:54px;gap:5px;align-items:center;justify-content:center;text-align:left}
 #shared .projection-space-heading h3{font-size:12px;text-align:left}
 #shared .projection-space-heading p{font-size:10px}
 #shared .projection-row{min-height:38px;font-size:11px;gap:4px}
 #shared .projection-compound-expenses,#shared .projection-all-expenses{min-height:60px}
 #shared [data-personal-share]{font-size:10px;margin-top:3px}
 #shared .sharing-graph-caption,#shared .shared-subscription-caption{font-size:11px;line-height:1.35;margin-top:8px}
}
@media(max-width:767px) and (max-height:619px){
 #shared .shared-editorial-row{grid-template-columns:minmax(0,1fr)}
 #shared .couple-photo,#shared .sharing-graph-caption,#shared .shared-subscription-caption{display:none}
 #shared h2{font-size:28px}
 #shared .sharing-example{padding:8px}
 #shared .projection-columns{margin-top:16px}
 #shared .projection-space-heading{min-height:50px}
 #shared .projection-row{min-height:36px}
 #shared .projection-compound-expenses,#shared .projection-all-expenses{min-height:56px}
}

/* The same dialog owns inline and native top-layer presentation for its full lifetime. */
#walkthrough:not(.is-expanded){display:block;position:relative;inset:auto;margin:0;padding:0;height:auto;max-height:none;max-width:100%;grid-template-columns:none;grid-template-rows:none;row-gap:0;overflow:hidden;color:var(--ink);border:1.5px solid #c9c6c0;border-radius:18px;background:#fff}
#walkthrough:not(.is-expanded)>.viewer-header,#walkthrough:not(.is-expanded)>.viewer-footer{display:none!important}
#walkthrough.is-phone-frame:not(.is-expanded){overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
#walkthrough.is-expanded{--phone-side-left:8px;--phone-side-width:176px;--phone-side-gap:8px;display:grid!important;pointer-events:auto;position:fixed;inset:12px auto auto 12px!important;margin:0;width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;max-width:none;max-height:none;min-height:0;padding:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;row-gap:8px;overflow:hidden;transform:none!important;opacity:1!important;visibility:visible;background:var(--canvas);border:1px solid var(--rule);border-radius:12px;color:var(--ink)}
#walkthrough.is-expanded>.viewer-header{grid-row:1;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px;padding:0;gap:0;flex-wrap:nowrap}
#walkthrough .viewer-header>.demo-layout{grid-column:2;grid-row:1;justify-self:center;margin:0!important;min-width:0;transform:none}
#walkthrough .viewer-header>div:not(.demo-layout){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#walkthrough .viewer-header p{display:block}
#walkthrough .viewer-close{grid-column:3;grid-row:1;width:44px;height:44px;margin:0}
#walkthrough .demo-layout button{min-width:88px;min-height:44px}
#walkthrough.is-expanded>.media-slot{grid-row:2;align-self:center;justify-self:center;min-width:0;min-height:0;max-width:100%;margin:0}
#walkthrough.is-expanded>.window-controls{grid-row:3;justify-self:center;max-width:100%}
#walkthrough.is-expanded>.viewer-footer{grid-row:4;display:flex;min-height:44px;padding:0;gap:0;align-items:center;justify-content:center}
#walkthrough .viewer-footer .button{min-height:44px;padding:8px 18px}
#walkthrough.is-expanded>.load-error{position:absolute;left:8px;right:8px;bottom:8px;z-index:10}
@media(max-width:767px){#walkthrough.is-expanded{inset:0!important;width:100vw!important;height:100dvh!important;border:0;border-radius:0}}

/* A short phone's web canvas stacks above its compact description. */
@media(max-width:767px){
 html.compact-web-context .endpoint>.chapter-caption{height:112px;min-height:112px;max-height:112px;padding:8px 10px;overflow:auto}
 html.compact-web-context .endpoint>.chapter-caption h3{font-size:18px}
 html.compact-web-context .endpoint>.chapter-caption #chapter-benefit{font-size:12px}
 html.compact-web-context .endpoint>.chapter-caption .chapter-icon,html.compact-web-context .endpoint>.chapter-caption #chapter-label{display:none}
}
@media(max-width:767px) and (min-height:500px) and (max-height:799px){
 #shared .shared-editorial-row{grid-template-columns:minmax(0,1fr) 148px;gap:8px}
 #shared .couple-photo{width:148px;height:152px}
 #shared .shared-editorial-copy>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #shared .sharing-example{margin-top:8px}
}
@media(max-width:767px) and (min-height:500px) and (max-height:619px){
 #shared .shared-editorial-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}
 #shared .couple-photo{display:block;width:112px;height:96px}
 #shared .sharing-example{margin-top:8px}
}

/* Wide iPhone fullscreen controls occupy the side gutter rather than canvas height. */
#walkthrough.is-expanded.is-wide-phone{grid-template-rows:minmax(0,1fr) auto}
#walkthrough.is-expanded.is-wide-phone>.media-slot{grid-row:1}
#walkthrough.is-expanded.is-wide-phone>.window-controls{grid-row:2}
#walkthrough.is-expanded.is-wide-phone>.viewer-header{position:absolute;grid-area:auto;left:var(--phone-side-left);top:calc(50% - 40px);width:var(--phone-side-width);display:block;pointer-events:auto}
#walkthrough.is-expanded.is-wide-phone>.viewer-header>.demo-layout{justify-content:center;pointer-events:auto}
#walkthrough.is-expanded.is-wide-phone .viewer-close{position:fixed;top:20px;right:20px;pointer-events:auto}
#walkthrough.is-expanded.is-wide-phone>.viewer-footer{position:absolute;grid-area:auto;left:var(--phone-side-left);top:calc(50% + 30px);width:var(--phone-side-width);pointer-events:auto}

#walkthrough.is-expanded.is-wide-phone>.viewer-footer .button{width:168px;max-width:100%}

/* Extend only usable mobile sticky holds; camera progress and natural flow stay unchanged. */
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
 html:not(.motion-off) .viewport-section.is-dwelling{height:136svh}
 html:not(.motion-off).narrow-tour .hero{height:370svh}
}
@media(max-width:767px){
 #shared .projection-return-base,#shared .projection-return-trace{stroke-width:1.4}
}

.footer-company{padding:24px 0;color:var(--muted);font-size:13px;line-height:1.7}.footer-company p{margin:0}.footer-company a{color:inherit}

/* This variant defaults to usable natural flow, including when JavaScript is unavailable. */
html .company-site .hero{height:auto}
.company-site .hero-stage{position:relative;height:auto;min-height:0;padding:100svh 0 56px;overflow:hidden}
.company-site .hero-visual{inset:0 0 auto;height:100svh}
.company-site .scene-assembly{width:100%;height:100%;transform:none}
.company-site .scene-photo{width:100%;height:100%;object-fit:cover}
.company-site .screen-backing,.company-site #hero-desktop-poster,.company-site .opening-scene-loader{display:none}
.company-site .hero-copy{position:absolute;top:119px;left:20px;right:20px;padding:0}
.company-site .hero-visual,.company-site .hero-copy{visibility:visible}
.company-site .endpoint{position:relative;inset:auto;display:block;width:calc(100% - 64px);max-width:1100px;margin:48px auto 0;opacity:1;pointer-events:auto;scroll-margin-top:100px}
.company-preview{width:100%;margin:0}
.company-preview>figcaption{text-align:center;font-size:22px;font-weight:300;margin-bottom:28px;color:var(--ink)}
.company-devices{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;max-width:100%;margin:auto}
.company-devices p{text-align:center;font-size:12px;color:var(--muted);margin:16px 0 0}
.company-laptop-frame{padding:10px;border:1px solid #c9c6c0;border-radius:16px 16px 5px 5px;background:#292c2b;box-shadow:0 16px 40px #292c2b12}
.company-desktop-home{display:block;width:100%;height:auto;border-radius:6px}
.company-laptop-base{height:10px;margin:0 -8px;border:1px solid #c9c6c0;border-radius:0 0 50% 50%;background:linear-gradient(#e7e5e1,#bbbcb9)}
.company-phone-frame{padding:6px;border:1px solid #454944;border-radius:30px;background:#292c2b;box-shadow:0 16px 40px #292c2b12;overflow:hidden}
.company-phone-frame img{display:block;width:100%;height:auto;border-radius:24px}
.company-site .reveal{opacity:1;transform:none}
html.company-cinematic .company-site .hero{height:230svh}
html.company-cinematic .company-site .hero-stage{position:sticky;top:0;height:100svh;padding:0}
html.company-cinematic .company-site .scene-assembly,html.company-cinematic .company-site .scene-photo{width:1536px;height:1024px}
html.company-cinematic .company-site .screen-backing,html.company-cinematic .company-site #hero-desktop-poster{display:block}
html.company-cinematic .company-site .endpoint{position:absolute;top:var(--company-preview-top,110px);left:0;right:0;margin:0 auto;opacity:0}
html.company-cinematic .company-devices{width:var(--company-device-width,100%)}
html.company-cinematic .company-preview>figcaption{margin-bottom:20px}
@media(max-width:767px){.company-site .hero-copy{top:118px}.company-site .endpoint{width:calc(100% - 32px)}.company-preview>figcaption{font-size:18px;margin-bottom:22px}.company-devices{gap:16px;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr)}.company-laptop-frame{padding:4px;border-radius:9px 9px 3px 3px}.company-laptop-base{height:6px;margin:0 -4px}.company-phone-frame{padding:3px;border-radius:16px}.company-phone-frame img{border-radius:12px}.company-devices p{font-size:10px;line-height:1.4;margin-top:12px}}