/* A paired product portrait, built as precise HTML rather than generated screen imagery. */
.hero-product{position:relative;margin:38px auto 0;width:100%;z-index:4;--phone-lift:0px}.phone-stage{position:relative;height:590px;max-width:1140px;margin:0 auto;perspective:1600px;isolation:isolate}.phone-carrier{position:absolute;left:50%;top:19px;width:270px;height:566px;transform-style:preserve-3d;opacity:1;transition:transform 1.45s cubic-bezier(.16,1,.3,1),opacity .9s;will-change:transform}.phone-home{z-index:3;transform:translateX(-100%) translateY(calc(7px + var(--phone-lift))) rotateZ(9deg) rotateY(13deg)}.phone-group{z-index:2;transform:translateX(4%) translateY(calc(8px + var(--phone-lift))) rotateZ(-10deg) rotateY(-14deg)}.phone-device{position:relative;height:100%;width:100%;border-radius:43px;background:linear-gradient(100deg,#51525d 0%,#e9e7e3 1.2%,#8c8c92 2%,#191a23 3%,#33343e 96%,#d6d4d0 98%,#7c7b83 99%,#c7c6ca);padding:7px;box-shadow:0 1px 0 #fff inset,0 0 0 1px #9d9d9a,0 2px 0 2px #40414b,0 5px 0 2px #1e1f29,14px 24px 27px -14px #25253747,0 43px 50px -29px #3b3c4a3d}.phone-group .phone-device{box-shadow:0 1px 0 #fff inset,0 0 0 1px #9d9d9a,0 2px 0 2px #40414b,0 5px 0 2px #1e1f29,-14px 24px 27px -14px #25253747,0 43px 50px -29px #3b3c4a3d}.phone-screen{position:relative;border-radius:36px;height:100%;overflow:hidden;background:#f9f9f5;border:2px solid #11121b;box-shadow:0 0 0 1px #63636a}.phone-screen:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 1px 0 2px #fff7,inset -1px 0 2px #0002;pointer-events:none}.phone-island{position:absolute;width:72px;height:20px;top:9px;left:50%;transform:translateX(-50%);background:#12131a;border-radius:15px;box-shadow:inset 1px 1px 1px #484851}.phone-island:after{content:'';position:absolute;width:7px;height:7px;right:8px;top:6px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#264265,#0e1122 65%);box-shadow:0 0 0 1px #242633}.phone-home-bar{position:absolute;bottom:6px;height:3px;width:82px;border-radius:4px;background:#17192c;left:50%;transform:translateX(-50%);z-index:3}.phone-side-key{position:absolute;left:-4px;top:106px;width:3px;height:44px;background:linear-gradient(90deg,#33333b,#aeacb4,#3c3d46);border-radius:2px;box-shadow:0 -46px 0 -1px #8c8b93,0 55px 0 #66666f}.phone-group .phone-side-key{left:auto;right:-4px;top:131px;height:57px;box-shadow:none}.phone-edge-shine{position:absolute;inset:1px;border-radius:43px;border-top:1px solid #fff8;pointer-events:none}.phone-ground{position:absolute;left:50%;bottom:4px;width:560px;height:80px;border-radius:50%;background:radial-gradient(ellipse,#5c5c7040,transparent 68%);transform:translateX(-50%) scaleY(.6);filter:blur(15px);z-index:-1}.phone-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.7;pointer-events:none}.phone-thread path{fill:none;stroke:#c5cdb6;stroke-width:1;stroke-dasharray:1400;stroke-dashoffset:0;transition:stroke-dashoffset 2.2s ease .5s}.phone-margin-note{position:absolute;top:290px;font:500 14px/1.8 Manrope,sans-serif;letter-spacing:-.025em;color:#8a957b}.phone-margin-note em{font:italic 21px/1.4 Georgia,serif;color:var(--cobalt);letter-spacing:-.035em}.phone-note-left{left:2%;transform:rotate(-7deg)}.phone-note-right{right:1%;transform:rotate(7deg)}.hero-product>figcaption{display:flex;justify-content:center;align-items:center;gap:26px;position:relative;margin-top:19px;line-height:1.7}.hero-product>figcaption>span{font:italic 21px Georgia,serif;letter-spacing:-.035em;color:#7e8b6b}.hero-product>figcaption>small{font-size:9px;color:#9aa18d;max-width:140px;border-left:1px solid #d5dacd;padding-left:24px}.hero-editorial:has(.hero-product){min-height:0}.hero-product~.hero-editorial-bottom{margin-top:35px}.js-motion .hero-product:not(.phones-ready) .phone-home{opacity:0;transform:translateX(-70%) translateY(100px) rotateZ(-3deg) rotateY(0deg)}.js-motion .hero-product:not(.phones-ready) .phone-group{opacity:0;transform:translateX(-30%) translateY(110px) rotateZ(3deg) rotateY(0deg)}.js-motion .hero-product:not(.phones-ready) .phone-thread path{stroke-dashoffset:1400}
/* Screen previews use the supplied Yaara identity and clearly illustrative records. */
.phone-app{color:#242635;font:11px/1.4 'DM Sans',sans-serif;letter-spacing:0;padding:0 15px;height:100%;background:#fafaf7;overflow:hidden}.phone-app :is(p,h3,small,strong,b,span){letter-spacing:0}.app-status{height:38px;padding:9px 4px 0;display:flex;justify-content:space-between;align-items:start;font-size:10px;font-weight:600}.app-status>span{font-size:9px;line-height:1.4}.app-home-head{display:flex;justify-content:space-between;align-items:center;margin:7px 0 18px}.app-home-head>img{width:84px;height:auto}.app-profile{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px;background:#edecfa;color:#4149e8;border:1px solid #deddf1}.app-greeting small{font-size:7px;color:#909687;letter-spacing:.08em}.app-greeting h3{font:600 22px/1.25 Manrope,sans-serif;letter-spacing:-.055em!important;margin:5px 0}.app-greeting h3>span{font-size:17px;color:#4149e8}.app-greeting>p{font-size:9px;color:#9b9f91;margin:4px 0 15px}.app-overview{background:#e9f1ca;border-radius:16px;padding:14px 13px 10px}.app-overview>p{font-size:8px;display:flex;justify-content:space-between;color:#69774e}.app-overview>p>span{font-size:12px}.app-overview>div{display:flex;justify-content:space-between;gap:15px;margin:12px 0}.app-overview>div>span{font-size:8px;color:#869269;flex:1}.app-overview strong{display:block;font:600 20px/1.5 Manrope,sans-serif;color:#3c4932;letter-spacing:-.05em!important;white-space:nowrap}.app-overview>div>span:last-child{border-left:1px solid #d3ddbc;padding-left:13px}.app-overview>div>span:last-child strong{color:#6b755f;font-size:18px}.app-overview>small{font-size:6px;color:#8b9872}.app-section-label{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.app-section-label>strong{font-size:11px;font-weight:600}.app-section-label>span{font-size:7px;color:#858b78}.app-group-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eeeFE8}.app-group-icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:10px;font-size:16px;color:#4149e8;background:#e9e7f8}.app-sage{background:#e8eddf!important;color:#6b7e52!important}.app-lime{background:#eff5cf!important;color:#7b8953!important}.app-peach{background:#f3e5d9!important;color:#9c7d60!important}.app-group-row>div,.app-expense-row>div,.app-trip-row>div{flex:1;min-width:0}.app-group-row strong,.app-trip-row strong{display:block;font-size:10px;font-weight:500}.app-group-row small,.app-trip-row small{display:block;font-size:7px;color:#9b9e91;margin-top:4px}.app-group-row>b{font-size:14px;color:#939b85;font-weight:400}.app-expense-row{display:flex;align-items:center;gap:8px;padding:9px 0}.app-mini-avatar{height:23px;width:23px;display:grid;place-items:center;flex-shrink:0;font-size:8px;background:#edeaf9;color:#8985b2;border-radius:50%}.app-expense-row strong{display:block;font-weight:500;font-size:8px}.app-expense-row small{display:block;font-size:6px;color:#a5a99a;margin-top:3px}.app-expense-row>b{font-size:8px;font-weight:500;color:#6b755d}.app-recent-label{margin-top:17px}.app-bottom-nav{position:absolute;bottom:13px;left:0;right:0;border-top:1px solid #e7e9dd;background:#fafaf7;display:flex;justify-content:space-around;align-items:center;padding:10px 12px 4px;height:48px}.app-bottom-nav>span{font-size:16px;line-height:1.1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#a7ab9b}.app-bottom-nav small{font-size:6px;color:#979f89}.app-bottom-nav .active,.app-bottom-nav .active small{color:#4149e8}.app-bottom-nav .app-add{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#4149e8;color:#fff;font-size:23px;line-height:1;padding-bottom:2px}.app-group-top{display:flex;justify-content:space-between;align-items:center;height:29px}.app-group-top>span{font-size:17px;color:#707963}.app-group-top>small{font-size:7px;color:#9ba38d;letter-spacing:.07em!important}.app-trip-banner{text-align:center;padding:10px 0 16px}.app-trip-symbol{display:grid;place-items:center;background:#e8f1cc;color:#657a48;border-radius:17px;height:43px;width:43px;font-size:25px;margin:0 auto 10px}.app-trip-banner h3{font:600 22px/1.3 Manrope,sans-serif;letter-spacing:-.055em!important;margin:0}.app-trip-banner>p{font-size:8px;color:#919b82;margin-top:5px}.app-members{display:flex;align-items:center;justify-content:center;margin-top:13px;padding-left:7px}.app-members>i{width:20px;height:20px;background:#dedff3;border:2px solid #fafaf7;border-radius:50%;display:grid;place-items:center;font:500 6px Manrope,sans-serif;color:#8086b2;margin-left:-6px}.app-members>i:nth-child(2){background:#e6ecd5;color:#8b976c}.app-members>i:nth-child(3){background:#f2e5d7;color:#b09b85}.app-members small{font-size:7px;color:#8e987e;margin-left:6px}.app-group-tabs{display:flex;gap:24px;border-bottom:1px solid #e0e4d5;font-size:9px;margin-bottom:18px}.app-group-tabs>*{padding:0 3px 10px;color:#98a386}.app-group-tabs>b{color:#4149e8;border-bottom:2px solid #4149e8;font-weight:500}.app-trip-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e5}.app-trip-row>b{font-size:11px;color:#697b4e;font-weight:500}.app-group-note{display:flex;align-items:center;gap:10px;margin-top:19px}.app-group-note>span{font-size:20px;color:#a4b28a}.app-group-note p{font-size:8px;line-height:1.6;color:#a1aa92}.app-group-note strong{font-weight:400;color:#7b8b65}.app-group-add{display:grid;place-items:center;height:34px;border-radius:20px;background:#4149e8;color:white;font-size:9px;margin-top:21px}.app-group-bottom{height:43px;padding-top:8px}.phone-group .phone-app{background:linear-gradient(#f6f8ee,#fafaf7 55%)}
@media(min-width:1600px){.hero-product{margin-top:50px}.phone-stage{height:630px}.phone-carrier{scale:1.07;transform-origin:50% 0}}
@media(max-width:1100px){.phone-stage{height:560px}.phone-carrier{scale:.91;transform-origin:50% 0}.phone-margin-note{font-size:11px;top:280px}.phone-margin-note em{font-size:18px}.phone-note-left{left:0}.phone-note-right{right:0}.hero-product{margin-top:35px}}
@media(max-width:800px){.phone-stage{height:535px}.phone-carrier{scale:.84}.phone-margin-note{display:none}.phone-home{transform:translateX(-95%) translateY(7px) rotateZ(8deg) rotateY(12deg)}.phone-group{transform:translateX(-5%) translateY(10px) rotateZ(-9deg) rotateY(-12deg)}.phone-ground{width:90%}}
@media(max-width:540px){.hero-product{order:4;align-self:stretch;margin:35px -6.8% 0;width:113.6%;--phone-lift:0px!important}.hero-product~.hero-editorial-bottom{order:5;margin-top:27px}.phone-stage{height:395px;perspective:1000px}.phone-carrier{scale:.59;top:6px;transform-origin:50% 0}.phone-home{transform:translateX(-78%) translateY(6px) rotateZ(9deg) rotateY(10deg)}.phone-group{transform:translateX(-22%) translateY(11px) rotateZ(-10deg) rotateY(-10deg)}.phone-thread{top:-40px;height:420px}.hero-product>figcaption{margin-top:0;gap:16px}.hero-product>figcaption>span{font-size:18px}.hero-product>figcaption>small{font-size:7px;max-width:120px;padding-left:15px}.js-motion .hero-product:not(.phones-ready) .phone-home{transform:translateX(-65%) translateY(90px) rotateZ(0)}.js-motion .hero-product:not(.phones-ready) .phone-group{transform:translateX(-35%) translateY(110px) rotateZ(0)}}
@media(max-width:360px){.phone-carrier{scale:.5}.phone-stage{height:340px}.hero-product>figcaption>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.phone-carrier{transition:none!important}.phone-thread path{transition:none!important}.hero-product{--phone-lift:0px!important}}body.reduce-motion .phone-carrier,body.reduce-motion .phone-thread path{transition:none!important}body.reduce-motion .hero-product{--phone-lift:0px!important}
.phone-app p{margin:0}.app-home-head{margin-bottom:12px}.app-greeting>p{margin:4px 0 13px}.app-overview{padding-top:11px;padding-bottom:9px}.app-overview>div{margin:9px 0}.app-section-label{margin:13px 0 5px}.app-group-row{padding:7px 0}.app-recent-label{margin-top:14px}.app-trip-banner{padding-top:7px;padding-bottom:10px}.app-members{margin-top:9px}.app-trip-banner>p{margin-top:5px}.app-trip-row{padding:9px 0}.app-group-add{margin-top:18px}.app-overview>p{line-height:1.5}
@media(max-width:1100px){.phone-margin-note{display:none}}
@media(max-width:540px){.phone-carrier{left:calc(50% - 60px)}}
@media(max-width:360px){.phone-carrier{left:calc(50% - 66px)}}

.hero-portrait .hero-discover{top:auto;bottom:-48px;right:-3%}@media(max-width:540px){.hero-portrait .hero-discover{top:auto;bottom:-25px;right:-5%}}