:root{--ink:#000000;--orange:#FF4800;--cream:#FFFFFF;--lavender:#6600FF;--lime:#DDFF00;--line:rgba(0,0,0,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #6600FF;outline-offset:5px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:1rem;top:-100px;background:var(--cream);padding:1rem;z-index:20}.skip:focus{top:1rem}.header{height:116px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;font-weight:900;font-size:38px;letter-spacing:-2px;gap:8px}.brand svg{width:39px;height:39px;color:var(--orange)}.brand-dot{font-size:11px;align-self:flex-start;padding-top:7px;letter-spacing:0}.header nav{display:flex;align-items:center;gap:32px;font-weight:650;font-size:14px}.language{background:none;border:0;cursor:pointer;padding:12px 4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:var(--cream);border:2px solid var(--ink);border-radius:100px;font-weight:700;transition:transform .2s,background .2s;line-height:1.3}.button:hover{background:#6600FF;transform:translateY(-3px)}.button-small{padding:13px 21px}.button-large{padding:19px 27px;min-height:62px;font-size:17px}.button svg{width:21px;height:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;min-height:750px;padding-top:42px;padding-bottom:84px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.015em;display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(64px,6.8vw,100px);line-height:.98;letter-spacing:-.065em;margin:28px 0 25px;font-weight:850}.serif{font-family:inherit;font-weight:850;font-style:normal;letter-spacing:-.065em}.hero-description{font-size:19px;line-height:1.6;max-width:380px;margin:0 0 27px;letter-spacing:-.015em}.fine-print{font-size:12px;margin:14px 0 0;opacity:.72}.hero-art{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;padding-bottom:55px}.hero-art:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:var(--orange);transform:rotate(-12deg);top:75px}.phone{position:relative;width:276px;height:534px;border:7px solid #000000;border-radius:43px;background:#E8D9FF;box-shadow:3px 6px 0 #666666,14px 25px 36px #00000025;transform:rotate(-7deg);padding:23px 15px;z-index:2;overflow:hidden;animation:phone-float 7s ease-in-out infinite}.phone:before{position:absolute;content:"";width:420px;height:440px;left:-140px;top:115px;background:#D1B3FF;border-radius:50%;z-index:-1}.island{position:absolute;top:8px;left:85px;width:92px;height:22px;border-radius:20px;background:#000000}.phone-time{text-align:center;font-size:58px;font-weight:750;letter-spacing:-3px;margin-top:19px}.phone-date{text-align:center;font-size:12px;margin-top:0;margin-bottom:22px}.widget{position:relative;width:100%;height:226px;border-radius:24px;overflow:hidden;background:var(--cream);box-shadow:0 5px 10px #0000000c}.tile{position:absolute;overflow:hidden;min-width:0;min-height:0;animation:tile-in .45s ease both}.tile-a{left:0;top:0;width:100%;height:50%;clip-path:polygon(0 0,100% 0,50% 100%)}.tile-b{left:50%;top:0;width:50%;height:100%;clip-path:polygon(0 50%,100% 0,100% 100%)}.tile-c{left:0;top:50%;width:100%;height:50%;clip-path:polygon(50% 0,100% 100%,0 100%)}.tile-d{left:0;top:0;width:50%;height:100%;clip-path:polygon(0 0,100% 50%,0 100%)}.tile-e{display:none}.tile-e:not([hidden])[style]{display:block}.tile svg{width:100%;height:100%;display:block}.tile span{position:absolute;font-size:9px;background:#ffffffd9;border-radius:20px;padding:3px 7px;font-weight:700;transform:translate(-50%,-50%);white-space:nowrap}.tile[hidden]{display:none}.widget:after{content:"";position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;border:2px solid var(--cream);background:var(--orange);border-radius:50%;pointer-events:none}.widget-name{text-align:center;font-size:11px;margin:8px 0 21px;font-weight:600}.app-grid{display:flex;gap:12px;justify-content:center}.app-grid span{background:#ffffffb3;color:#6600FF;border:1px solid #ffffff70;border-radius:12px;width:42px;height:42px;text-align:center;line-height:42px;font-size:26px}.phone-home{position:absolute;bottom:8px;left:87px;width:89px;height:4px;background:#000000;border-radius:10px}.photo-float{position:absolute;width:125px;padding:7px 7px 10px;background:var(--cream);box-shadow:0 9px 20px #0000001c;border:1px solid #00000015;border-radius:6px;z-index:3;animation:photo-float 6s ease-in-out infinite}.photo-float svg{width:100%;height:116px;display:block;border-radius:3px}.photo-float span{display:block;font-size:10px;text-align:center;font-weight:650;margin-top:7px}.float-one{top:70px;right:-36px;transform:rotate(11deg);animation-delay:-2s}.float-two{bottom:126px;left:-8px;transform:rotate(-13deg);animation-delay:-4s}.orbit-note{position:absolute;z-index:4;font-size:14px;font-weight:650;line-height:1.3;max-width:190px}.note-top{top:4px;right:27px;transform:rotate(8deg);display:flex;gap:8px;align-items:center}.note-top>span:first-child{font-size:40px}.note-bottom{bottom:92px;right:-16px;transform:rotate(-5deg);max-width:170px}.hand-arrow{font-family:Georgia,serif;display:block;font-size:43px;line-height:.8;margin-left:20px;margin-bottom:10px}.demo-controls{position:absolute;bottom:18px;left:0;width:100%;display:flex;gap:9px;justify-content:center;align-items:center;font-size:12px}.demo-controls>div{display:flex;background:#F2F2F2;padding:4px;border-radius:100px;gap:2px}.demo-controls button[data-people]{width:32px;height:32px;border:0;border-radius:50%;background:transparent;cursor:pointer;font-size:14px;font-weight:750}.demo-controls button[aria-pressed="true"][data-people]{background:var(--ink);color:var(--cream)}.motion{font-size:11px;border:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:6px}.demo-label{position:absolute;bottom:-14px;width:100%;text-align:center;font-size:11px;color:#666666}.ribbon{background:var(--lime);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0;overflow:hidden}.ribbon>div{display:flex;align-items:center;justify-content:space-around;gap:30px;width:max(100%,980px);font-size:14px;font-weight:800;letter-spacing:.06em}.ribbon b{font-size:29px;line-height:1}.how{padding-top:98px;padding-bottom:100px}.section-intro{text-align:center;max-width:820px;margin:auto}.section-intro .eyebrow{justify-content:center}.section-intro h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.045em;line-height:1.08;margin:22px 0 55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{border:1px solid var(--line);border-radius:24px;padding:27px 28px 0;position:relative;overflow:hidden;background:#FFF0E8;min-height:375px}.steps article:nth-child(2){background:#F0E6FF}.steps article:nth-child(3){background:#F5FFCC}.step-number{font-family:inherit;font-size:18px;font-weight:700}.steps h3{font-size:24px;line-height:1.13;letter-spacing:-.035em;margin:20px 0 13px;max-width:260px}.steps p{font-size:16px;line-height:1.5;margin:0;max-width:300px}.step-art{height:150px;margin-top:26px}.join-art{display:flex;align-items:center;justify-content:center;gap:7px}.join-art svg{height:78px;width:65px;flex-shrink:1;min-width:0;border-radius:50%;border:3px solid var(--cream);transform:rotate(-8deg)}.join-art svg:nth-of-type(2){transform:translateY(-20px) rotate(7deg)}.join-art span{font-size:19px}.snap-art{width:130px;position:relative;margin-left:auto;margin-right:auto;background:var(--cream);padding:7px 7px 25px;transform:rotate(9deg);height:152px;box-shadow:0 7px 16px #00000014}.snap-art svg{width:100%;height:120px}.snap-art span{position:absolute;right:-23px;top:30px;background:var(--orange);color:var(--cream);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:30px;transform:rotate(-18deg)}.mini-widget{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:152px;height:152px;overflow:hidden;border:4px solid var(--cream);border-radius:25px;margin-left:auto;margin-right:auto;transform:rotate(-7deg);box-shadow:0 7px 16px #00000014}.mini-widget svg{width:100%;height:100%;min-height:0}.closing{background:var(--orange);overflow:hidden;text-align:center;padding:78px 0 89px;border-top:1px solid var(--ink)}.closing .wrap{position:relative}.closing-pie{width:75px;height:75px;transform:rotate(-15deg)}.closing .eyebrow{justify-content:center;margin:23px 0}.closing h2{font-size:clamp(50px,6.5vw,88px);line-height:1;letter-spacing:-.055em;max-width:810px;margin:24px auto 35px}.footer{display:flex;align-items:center;gap:27px;min-height:138px;flex-wrap:wrap;padding-top:30px;padding-bottom:30px}.footer .brand{font-size:30px}.footer .brand svg{width:30px;height:30px}.footer p{font-size:13px;flex:1}.footer nav{display:flex;gap:23px;font-size:14px}.footer nav a:hover,.how-link:hover{text-decoration:underline;text-underline-offset:5px}.footer small{font-size:12px;opacity:.7}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-11px) rotate(-5deg)}}@keyframes photo-float{50%{translate:0 -10px}}@keyframes tile-in{from{opacity:.65;scale:.97}to{opacity:1;scale:1}}.motion-paused *{animation-play-state:paused!important}@media(min-width:1550px){.hero{min-height:800px}.hero-art{scale:1.08}.hero-copy{padding-top:18px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:10px}.hero-art:before{width:350px;height:400px}.float-one{right:-6px;width:106px}.float-two{left:-3px;width:106px}.photo-float svg{height:95px}.note-top{right:0}.note-bottom{right:-10px;font-size:12px;max-width:136px}.steps{gap:16px}.steps article{padding:24px 21px 0}.header nav{gap:23px}.hero-description{font-size:18px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:90px}.header nav{gap:15px}.how-link{display:none}.brand{font-size:33px}.brand svg{width:34px;height:34px}.button-small{font-size:12px;padding:11px 15px}.hero{grid-template-columns:1fr;padding-top:23px;padding-bottom:52px;gap:27px}.hero-copy{text-align:center}.eyebrow{justify-content:center}h1{font-size:clamp(64px,12.5vw,100px);margin:24px 0}h1 br:first-of-type{display:none}h1>span:first-child:after{content:" "}.hero-description{margin:0 auto 24px;max-width:370px}.fine-print{font-size:12px}.hero-art{min-height:610px;max-width:520px;width:100%;margin:auto}.hero-art:before{width:400px;height:400px;max-width:95%}.float-one{right:4px;top:95px;width:112px}.float-two{left:8px;bottom:135px;width:112px}.note-top{right:16px;top:5px}.note-bottom{right:5px;bottom:98px}.demo-controls{bottom:14px}.demo-label{bottom:-17px}.how{padding-top:66px;padding-bottom:60px}.section-intro h2{font-size:39px;margin-bottom:34px}.steps{grid-template-columns:1fr;max-width:520px;margin:auto;gap:18px}.steps article{padding:25px 25px 0;min-height:320px}.steps h3{max-width:none;font-size:26px;margin:15px 0 13px}.steps p{max-width:400px}.step-art{margin-top:19px}.join-art svg{width:85px;height:94px}.closing{padding:60px 0 65px}.closing .eyebrow{font-size:13px}.footer{gap:17px;justify-content:space-between}.footer p{flex-basis:65%;font-size:12px;text-align:right}.footer nav{flex:1}.ribbon{padding:18px 0}}@media(max-width:390px){.wrap{width:calc(100% - 32px)}.header nav{gap:9px}.brand{font-size:30px}.brand svg{width:30px;height:30px}.hero-art{min-height:565px}.phone{scale:.9}.photo-float{width:96px}.photo-float svg{height:83px}.float-one{right:-4px}.float-two{left:-4px}.note-top{font-size:12px;right:5px;max-width:180px}.note-bottom{font-size:11px;right:-3px;bottom:83px;max-width:126px}.hero-art:before{width:320px;height:360px;top:96px}.demo-controls{gap:4px;font-size:11px}.motion{font-size:10px;padding:3px}.button-large{font-size:15px;padding:17px 20px;gap:12px}h1{font-size:63px}.section-intro h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion{display:none}}@media(min-width:801px) and (max-width:950px){.hero h1{font-size:66px}.hero-art{scale:.9;margin-left:-10px}.hero-description{max-width:310px}.button-large{font-size:15px;padding:18px}.hero{min-height:700px;padding-bottom:55px}}

/* Match the app’s DesignTokens.swift and keep decoration clear of content. */
.brand-logo{width:40px;height:40px;display:block;object-fit:contain;border-radius:10px;flex:none}.brand{letter-spacing:-1.7px}.footer .brand-logo{width:32px;height:32px;border-radius:8px}.closing-pie{border-radius:18px;object-fit:contain}.hero-description{max-width:440px}.hero-art{isolation:isolate}.demo-controls{flex-wrap:wrap;row-gap:4px;position:relative;bottom:auto;left:auto;width:100%;margin-top:22px}.hero-art{flex-direction:column;padding-bottom:0;gap:0}.phone{flex:none}.hero-art:before{top:70px;z-index:-1}.demo-label{position:static;margin:6px 0 0;color:#666666;line-height:1.4}.demo-controls button[data-people]{width:44px;height:44px}.demo-controls>span{font-size:14px}.motion{font-size:12px;min-height:44px}.language{min-width:44px;min-height:44px}.fine-print{font-size:13px;line-height:1.5}.hero{align-items:center}.hero-copy{min-width:0}.steps article{min-width:0}.closing .button{max-width:100%}.closing .eyebrow{line-height:1.5}.footer a{min-height:44px;display:inline-flex;align-items:center}.footer nav{flex-wrap:wrap}.phone-date{white-space:normal}.hero h1{overflow-wrap:normal}.hero .button-large{max-width:100%}
@media(max-width:1100px){.hero{gap:25px}.hero-art{scale:1;margin-left:0}.hero-art:before{width:340px;height:360px}.hero h1{font-size:clamp(57px,7.1vw,79px)}.hero-description{font-size:18px}}
@media(max-width:800px){.hero{gap:40px;padding-top:18px}.hero h1{font-size:clamp(58px,11.5vw,88px)}.hero-art{min-height:0;width:100%;max-width:480px;margin:0 auto}.hero-art:before{top:50px;width:370px;height:390px;max-width:100%}.hero-description{max-width:440px}.demo-controls{margin-top:27px}.demo-label{margin-top:4px}.hero-copy{width:100%}.phone{scale:1}.section-intro h2{overflow-wrap:anywhere}.steps h3{overflow-wrap:anywhere}.footer p{line-height:1.5}.closing .eyebrow{max-width:280px;margin-left:auto;margin-right:auto}}
@media(max-width:390px){.hero h1{font-size:clamp(49px,14.5vw,57px)}.header{gap:9px}.header nav{gap:4px}.brand{font-size:27px;gap:5px}.brand-logo{width:31px;height:31px;border-radius:8px}.button-small{padding:10px 12px;font-size:12px}.header .language{font-size:13px}.hero-art{min-height:0}.phone{width:260px;height:510px;padding-left:14px;padding-right:14px}.phone-time{font-size:54px}.widget{height:215px}.island{left:77px}.demo-controls{gap:6px}.demo-controls>span{flex-basis:100%;text-align:center}.demo-controls .motion{font-size:12px;padding:8px}.hero-description{font-size:17px}.hero-art:before{width:300px;height:355px;top:64px}.footer p{flex-basis:60%}.closing h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){.phone{transform:rotate(-5deg)}}

/* Photo-led walkthrough, using the app’s bundled DemoPeople asset. */
.hero h1 .serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:var(--lavender);font-size:.79em;letter-spacing:-.055em;line-height:1.22}.hero-copy>.eyebrow{max-width:420px;line-height:1.55;font-size:14px}.hero-copy>.eyebrow .dot{flex:none}.how{border-top:1px solid var(--line)}.steps article{padding-bottom:0;display:flex;flex-direction:column}.steps h3{min-height:54px}.steps p{min-height:72px}.step-phone{position:relative;flex:none;align-self:center;width:202px;height:326px;border:5px solid #000;border-radius:29px 29px 0 0;background:#fff;padding:27px 12px 16px;margin-top:30px;margin-bottom:-18px;overflow:hidden;box-shadow:5px 8px 0 #0000001f;pointer-events:none}.mini-island{position:absolute;top:7px;left:calc(50% - 30px);width:60px;height:15px;background:#000;border-radius:12px}.mini-top{height:29px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:750;justify-content:center}.mini-top img{border-radius:5px}.mini-title{font-size:21px;font-weight:800;letter-spacing:-.7px;text-align:center;margin-top:15px}.member-row{display:flex;justify-content:center;margin:15px 0 9px}.member-row svg{width:45px;height:45px;border:3px solid white;border-radius:50%;margin-left:-7px}.member-row svg:first-child{margin-left:0}.mini-subtitle{text-align:center;font-size:11px;color:#666}.mock-field{border:1px solid #00000020;border-radius:10px;padding:11px 9px;font-size:12px;font-weight:600;margin-top:17px}.mock-action{background:var(--orange);color:white;font-size:11px;font-weight:750;text-align:center;padding:12px 5px;border-radius:10px;margin-top:12px;line-height:1.3}.mini-home{position:absolute;bottom:16px;left:calc(50% - 33px);width:66px;height:4px;border-radius:5px;background:#000}.send-phone .mini-top{justify-content:space-between;margin-bottom:10px}.send-preview{width:100%;height:165px;border-radius:12px;overflow:hidden}.send-preview svg{width:100%;height:100%;display:block}.photo-caption{font-size:10px;text-align:center;line-height:1.4;margin-top:9px}.send-phone .mock-action{margin-top:8px;padding:10px 5px}.receive-phone{background:#E8D9FF}.mini-time{font-weight:750;font-size:39px;letter-spacing:-2px;text-align:center;margin-top:9px}.mini-date{text-align:center;font-size:9px;margin:3px 0 13px}.receive-widget{position:relative;width:168px;height:155px;border-radius:20px;overflow:hidden;background:white}.receive-slice{position:absolute;overflow:hidden}.receive-slice svg{width:100%;height:100%;display:block}.receive-a{left:0;top:0;width:100%;height:50%;clip-path:polygon(0 0,100% 0,50% 100%)}.receive-b{left:0;top:0;width:50%;height:100%;clip-path:polygon(0 0,100% 50%,100% 100%,0 100%)}.receive-c{left:50%;top:0;width:50%;height:100%;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}.mini-app-label{text-align:center;font-size:9px;margin-top:5px}.mini-apps{display:flex;justify-content:center;gap:11px;margin-top:14px}.mini-apps i{width:29px;height:29px;background:#ffffffb3;border-radius:8px}.screen-note{text-align:center;font-size:12px;color:#666;line-height:1.5;margin:24px 0 0}.tile svg{overflow:hidden}.hero-art .phone{background:#E8D9FF}.hero-art .phone:before{background:#D1B3FF}.demo-label{font-size:12px}.closing h2{font-size:clamp(43px,5.5vw,73px);max-width:900px}.motion-paused .phone{animation-play-state:paused}
@media(max-width:1100px){.step-phone{width:190px;padding-left:10px;padding-right:10px}.receive-widget{width:160px}.steps h3{min-height:60px}.steps p{min-height:96px}}
@media(max-width:800px){.hero-copy>.eyebrow{margin-left:auto;margin-right:auto;max-width:360px}.steps h3,.steps p{min-height:0}.step-phone{width:220px;height:350px;margin-top:28px;padding-left:15px;padding-right:15px}.send-preview{height:185px}.receive-widget{width:180px;height:174px}.mini-time{margin-top:12px}.mini-date{margin-bottom:18px}.steps article{padding-bottom:0}.mock-field{margin-top:22px}.create-phone .mock-action{margin-top:16px}.mini-title{margin-top:20px}.member-row{margin-top:20px}.hero h1 .serif{font-size:.81em}.closing h2{font-size:clamp(41px,8vw,64px)}}
@media(max-width:390px){.hero-copy>.eyebrow{font-size:13px}.hero h1 .serif{font-size:.82em}.closing h2{font-size:40px}}
.widget[data-count="2"] .tile-a{left:0;top:0;width:100%;height:50%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.widget[data-count="2"] .tile-b{left:0;top:50%;width:100%;height:50%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.widget[data-count="2"] .tile:nth-child(n+3){display:none}.mock-action{color:#000}