/* Saathi's own world. Sky, paper, ink. Competitor references inform interaction, not identity. */
:root{--ink:var(--balu-ink);--green:var(--balu-ink);--cream:var(--balu-paper);--muted:var(--balu-on-lilac);--line:var(--balu-sage);background:var(--balu-blue);color:var(--ink)}
.reference-design{container-type:size;border-radius:32px;box-shadow:0 30px 100px color-mix(in srgb,var(--balu-on-blue) 14.12%,transparent);background:var(--cream)}
.reference-design h1,.reference-design h2,.reference-design h3{font-family:var(--font-editorial);font-weight:500;letter-spacing:-.8px}
.reference-design .primary,.hello-button{background:linear-gradient(180deg,var(--balu-primary) 0%,var(--balu-ink) 48%,var(--balu-ink) 100%);color:var(--balu-surface);border:1px solid color-mix(in srgb,var(--balu-surface) 41.96%,transparent);box-shadow:0 2px 5px color-mix(in srgb,var(--balu-ink) 15.69%,transparent),inset 0 1px 1px color-mix(in srgb,var(--balu-surface) 33.33%,transparent);border-radius:40px;min-height:54px}
.reference-design .primary:hover,.hello-button:hover{background:linear-gradient(180deg,var(--balu-muted),var(--balu-ink))}
.hello-button{display:flex;align-items:center;justify-content:center;gap:13px;font-size:18px;padding:15px 26px;font-weight:500;transition:transform .18s,box-shadow .18s}
.hello-button:active{transform:scale(.975)}
.sky-landing{position:relative;isolation:isolate;background:var(--balu-border) url('/assets/sky-canopy.webp') center/cover no-repeat;overflow:hidden;padding:0;color:var(--balu-ink)}
.sky-landing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--balu-blue) 2.35%,transparent) 25%,transparent 55%,color-mix(in srgb,var(--balu-blue) 70.20%,transparent) 100%)}
.sky-top{height:69px;display:flex;align-items:center;justify-content:space-between;padding:16px 23px;flex-shrink:0}
.sky-note{font-family:var(--font-editorial);font-style:italic;font-size:14px;opacity:.88}
.sky-top .lang{background:color-mix(in srgb,var(--balu-surface) 80.00%,transparent);border-color:color-mix(in srgb,var(--balu-surface) 85.10%,transparent);font-size:13px;min-height:38px;box-shadow:0 2px 5px color-mix(in srgb,var(--balu-on-blue) 3.92%,transparent)}
.orbit-stage{position:relative;flex:1;min-height:440px}
.floating-card{position:absolute;width:145px;min-height:166px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:8px 10px 13px;border:1px solid var(--balu-surface);border-radius:25px;background:var(--balu-on-primary);box-shadow:0 7px 13px color-mix(in srgb,var(--balu-on-blue) 13.33%,transparent),0 2px 2px color-mix(in srgb,var(--balu-surface) 72.16%,transparent) inset;transition:translate .2s,box-shadow .2s;z-index:2;animation:card-arrive .65s both}
.floating-card:hover{translate:0 -5px;box-shadow:0 13px 20px color-mix(in srgb,var(--balu-on-blue) 18.82%,transparent)}
.float-business{top:3%;left:6%;transform:rotate(-11deg);background:var(--balu-paper)}
.float-creator{top:8%;right:5%;transform:rotate(9deg);background:var(--balu-paper);animation-delay:.1s}
.float-household{bottom:3%;left:9%;transform:rotate(-7deg);background:var(--balu-paper);animation-delay:.2s}
.ink-illustration{display:block;flex-shrink:0;background-image:url('/assets/expert-ink-strip.webp');background-repeat:no-repeat;background-size:300% 100%;background-position:0 50%;aspect-ratio:1;width:82px;mix-blend-mode:multiply}
.ink-creator{background-position:100% 50%}.ink-household{background-position:50% 50%}
.floating-card .ink-illustration{width:87px;margin-top:-30px;margin-bottom:0;filter:drop-shadow(0 3px 1px color-mix(in srgb,var(--balu-primary) 6.27%,transparent))}
.float-title{font-family:var(--font-editorial);font-size:23px;font-weight:500;line-height:1.2;text-align:center;letter-spacing:-.7px;display:block;margin:1px 0 12px;color:var(--balu-ink)}
.float-cta{font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:8px 10px;background:linear-gradient(var(--balu-surface),var(--balu-paper));border:1px solid var(--balu-sage);border-radius:22px;box-shadow:0 2px 3px color-mix(in srgb,var(--balu-ink) 7.45%,transparent);color:var(--balu-muted);min-height:35px;width:100%}
.float-cta .icon{width:16px;height:16px}
.companion-intro{position:absolute;left:50%;top:37%;transform:translateX(-50%);text-align:center;width:270px;pointer-events:none;z-index:1}
.portrait-polaroid{width:112px;height:112px;padding:6px;border-radius:23px;background:var(--balu-surface);box-shadow:0 6px 15px color-mix(in srgb,var(--balu-primary) 17.25%,transparent),0 1px 1px var(--balu-surface);transform:rotate(-7deg);margin:0 auto;overflow:hidden}
.companion-portrait{display:block;object-fit:cover;width:100%;height:100%;border-radius:17px}
.companion-intro h1{font-size:61px;line-height:1.08;letter-spacing:-3.5px;font-weight:600;margin:12px 0 5px;color:var(--balu-ink)}
.companion-intro p{font-size:16px;line-height:1.5;letter-spacing:-.3px;margin:0;color:var(--balu-primary)}
.handwritten-note{position:absolute;right:5%;bottom:6%;font-family:var(--font-editorial);font-size:16px;font-style:italic;line-height:1.5;text-align:center;transform:rotate(7deg);color:var(--balu-on-blue)}
.handwritten-note span{display:block;font-size:40px;line-height:1;transform:rotate(-20deg);margin-top:6px}
.sky-footer{padding:23px 23px 24px;display:flex;flex-direction:column;align-items:center;gap:11px;flex-shrink:0}
.sky-footer .hello-button{min-width:235px;height:59px;font-size:19px}
.sky-footer p{margin:0;font-size:12px;color:var(--balu-on-blue)}
.wave-hand{font-size:25px;display:inline-block;transform-origin:70% 75%;animation:wave-hi 1s 1 .8s}
.greeting-screen{background:radial-gradient(ellipse at 50% 0,var(--balu-surface) 5%,var(--balu-paper) 75%);overflow:auto}
.greeting-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}
.greeting-identity{text-align:center;padding:22px 20px 16px}
.greeting-identity .portrait-polaroid{width:99px;height:99px;transform:rotate(-13deg)}
.greeting-identity h1{font-size:46px;letter-spacing:-2px;margin:21px 0 11px}
.greeting-identity>p{font-size:17px;color:var(--balu-on-lilac);margin:0}
.greeting-thread{padding:3px 24px;max-width:100%}
.you-waved{display:flex;justify-content:center;align-items:center;gap:11px;font-size:15px;color:var(--balu-on-lilac);margin:13px 0 21px;min-height:39px}
.you-waved .ink-illustration{width:38px}
.hello-bubble{display:inline-block;max-width:90%;padding:12px 16px 14px;border:1px solid var(--balu-sage);background:var(--balu-surface);border-radius:20px 20px 20px 5px;animation:hello-reveal .5s .3s both;box-shadow:0 3px 8px color-mix(in srgb,var(--balu-ink) 1.57%,transparent)}
.hello-bubble small{font-size:12px;color:var(--balu-on-lilac)}
.hello-bubble p{font-size:17px;line-height:1.5;margin:4px 0 0}
.greeting-continue{margin-top:auto;padding:28px 24px;text-align:center}.greeting-continue .hello-button{width:100%}.greeting-continue p{font-size:13px;color:var(--muted)}
.login-backdrop{background:color-mix(in srgb,var(--balu-ink) 29.02%,transparent);backdrop-filter:blur(0px);padding:12px;align-items:flex-end}
.login-sheet{position:relative;border-radius:30px;padding:25px 20px 20px;background:var(--balu-surface);box-shadow:0 8px 40px color-mix(in srgb,var(--balu-ink) 6.27%,transparent);max-height:87%;overflow:auto}
.login-close{position:absolute;top:20px;right:18px;background:var(--balu-paper);width:44px;height:44px;color:var(--balu-primary)}
.login-symbol{margin:2px 0 17px;padding:2px 4px}.login-symbol .icon{width:27px;height:27px}
.login-sheet h2{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:0 0 11px}
.login-context{font-size:14px!important;line-height:1.55!important;color:var(--balu-on-lilac)!important;margin:0 0 19px!important;max-width:285px}
.phone-input{display:flex;align-items:center;background:var(--balu-paper);border:1px solid var(--balu-paper);border-radius:22px;min-height:67px;padding:13px 18px;gap:13px;font-size:18px}
.phone-input>span{border-right:1px solid var(--balu-blue);padding-right:13px}.phone-input input{font-size:17px;width:100%;border:0;background:transparent;outline:none;min-width:0;color:var(--balu-ink)}.phone-input input::placeholder{color:var(--balu-border)}
.login-demo{font-size:12px!important;line-height:1.5!important;color:var(--balu-on-lilac)!important;margin:12px 4px 8px!important}
.login-sheet .hello-button{width:100%;height:57px;font-size:18px}.login-sheet .error{font-size:13px;min-height:4px;margin:7px 3px 11px}.login-sheet .text-button{display:block;margin:9px auto 0}
.reference-design .header{background:var(--balu-on-primary);border-color:var(--balu-success-surface);padding:15px 19px}.reference-design .header-title strong{font-family:var(--font-ui);font-size:23px;letter-spacing:-1px;font-weight:600}.reference-design .header-title small{font-size:11px;color:var(--balu-on-lilac)}
.header-portrait{width:43px;height:43px;padding:3px;background:white;border-radius:13px;box-shadow:0 2px 5px color-mix(in srgb,var(--balu-ink) 8.24%,transparent);transform:rotate(-5deg)}
.reference-design .round{background:var(--balu-success-surface)}.reference-design .round.outline{background:var(--balu-surface);border-color:var(--balu-success-surface)}
.reference-design .lang{background:white;border-color:var(--balu-success-surface)}.reference-design .home-content{padding:21px 21px 15px;background:linear-gradient(180deg,var(--balu-paper) 0,var(--balu-paper) 195px)}
.home-welcome h1{font-size:35px;line-height:1.25;margin:12px 0}.home-welcome>p{font-size:15px;line-height:1.55;color:var(--balu-on-lilac);margin:0 0 21px;max-width:320px}.home-welcome .eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--balu-on-lilac)}
.reference-design .section-title{font-size:13px;color:var(--balu-on-lilac);font-weight:400;margin:19px 0 13px}
.editorial-cards{display:flex;flex-direction:column;gap:12px}.editorial-card{background:var(--balu-surface);border:1px solid var(--balu-sage);border-radius:20px;display:flex;align-items:center;padding:9px 15px 9px 8px;gap:12px;text-align:left;box-shadow:0 2px 3px color-mix(in srgb,var(--balu-ink) 6.27%,transparent);min-height:107px;width:100%}
.editorial-card .ink-illustration{width:88px}.editorial-copy{display:flex;flex-direction:column;gap:6px;flex:1}.editorial-copy small{font-size:11px;color:var(--balu-on-lilac)}.editorial-copy strong{font-family:var(--font-editorial);font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.7px}.editorial-copy>span{font-size:12px;display:flex;align-items:center;gap:5px;color:var(--balu-muted)}
.coming-row{display:flex;justify-content:space-between;gap:15px;margin-top:15px}.coming-link{text-align:left;font-size:12px;color:var(--balu-on-lilac);padding:7px;flex:1}.coming-link small{display:block;color:var(--balu-on-lilac);font-size:11px;margin-top:4px}
.reference-design .composer-wrap{background:var(--balu-on-primary);border:0;padding-top:8px}.reference-design .composer{border:1px solid var(--balu-success-surface);border-radius:28px;padding:7px;box-shadow:0 2px 9px color-mix(in srgb,var(--balu-ink) 2.35%,transparent)}.reference-design .composer .send{background:linear-gradient(var(--balu-muted),var(--balu-ink));color:white}.reference-design .composer-hint{font-size:11px;color:var(--balu-on-lilac)}.reference-design .nav-strip{background:var(--balu-on-primary);border-top:1px solid var(--balu-success-surface)}.reference-design .nav-strip button{font-size:12px;color:var(--balu-on-lilac)}
.reference-design .chat-content{background:var(--balu-paper)}.reference-design .user-message{background:var(--balu-blue)}.reference-design .bubble{line-height:1.55}.reference-design .message .who{color:var(--balu-on-lilac)}.reference-design .plan{border-color:var(--balu-border);box-shadow:0 3px 7px color-mix(in srgb,var(--balu-primary) 2.75%,transparent)}.plan-art{height:100px;display:flex;justify-content:center}.plan-art .ink-illustration{width:100px}.reference-design .plan h3{font-size:24px}.reference-design .preview{background:var(--balu-paper)}.reference-design .permission{border-color:var(--balu-border)}.reference-design .permission-footer{background:var(--balu-paper)}.reference-design .receipt-top{background:var(--balu-success-surface)}.reference-design .voice-bubble{background:var(--balu-paper);border-color:var(--balu-blue)}.reference-design .choice{border-color:var(--balu-border);background:var(--balu-surface)}.reference-design .sheet:not(.login-sheet){background:var(--balu-on-primary)}.reference-design .brand-mark{background:var(--balu-ink)}.reference-design .studio{font-size:13px}
@keyframes wave-hi{0%,100%{transform:rotate(0)}25%{transform:rotate(18deg)}65%{transform:rotate(-12deg)}}
@keyframes card-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes hello-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@container(max-height:820px){.sky-top{height:57px}.sky-footer{padding:17px 20px 18px}.sky-footer .hello-button{height:55px;min-height:55px}.orbit-stage{min-height:400px}.floating-card{width:132px;min-height:147px;border-radius:23px}.floating-card .ink-illustration{width:73px;margin-top:-22px}.float-title{font-size:20px;margin-bottom:10px}.float-business{top:3%}.float-creator{top:7%}.portrait-polaroid{width:91px;height:91px;border-radius:21px}.companion-intro{top:36%}.companion-intro h1{font-size:52px;margin-top:10px}.companion-intro p{font-size:14px}.handwritten-note{font-size:14px;right:4%}.float-cta{font-size:11px;min-height:33px;padding:7px 8px}.greeting-identity{padding-top:5px}.greeting-identity .portrait-polaroid{width:82px;height:82px}.greeting-identity h1{font-size:39px;margin:17px 0 10px}.greeting-top{padding:13px 20px}.greeting-thread{padding-top:0}.you-waved{margin:9px 0 14px}.login-sheet{padding:20px 19px 18px}.login-sheet h2{font-size:28px}.login-symbol{margin-bottom:13px}.login-context{margin-bottom:13px!important}}
@container(max-height:640px){.sky-top{height:49px}.sky-note{font-size:12px}.orbit-stage{min-height:350px}.floating-card{width:118px;min-height:132px;padding:7px 8px 11px}.floating-card .ink-illustration{width:62px;margin-top:-18px}.float-title{font-size:18px;margin-bottom:7px}.companion-intro{top:35%}.portrait-polaroid{width:76px;height:76px;padding:5px;border-radius:17px}.companion-intro h1{font-size:43px;margin-top:7px}.companion-intro p{font-size:13px}.float-household{bottom:1%}.handwritten-note{font-size:13px;bottom:4%;right:6%}.handwritten-note span{font-size:29px}.sky-footer{padding:13px 20px 15px;gap:8px}.sky-footer .hello-button{height:51px;min-height:51px;font-size:17px}.sky-footer p{font-size:11px}.login-sheet{max-height:89%;border-radius:25px}.login-context{display:none}.login-sheet h2{font-size:25px}.greeting-identity h1{font-size:33px}.greeting-identity .portrait-polaroid{width:69px;height:69px}}
@media(max-width:600px){.reference-design{border-radius:0}.sky-top{padding-top:max(15px,env(safe-area-inset-top))}.sky-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(max-width:350px){.floating-card{width:122px}.float-title{font-size:20px}.handwritten-note{font-size:13px;right:3%}.companion-intro{width:230px}.companion-intro h1{font-size:50px}.companion-intro p{font-size:13px}.login-sheet h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.floating-card,.wave-hand,.hello-bubble{animation:none!important}}

/* mweb preview uses a real phone-sized canvas, not a wide tablet card. */
.reference-design{width:min(390px,calc(100vw - 32px));height:min(844px,calc(100dvh - 32px));max-width:390px}
@media(max-width:600px){.reference-design{width:100vw;max-width:none;height:100dvh;border-radius:0}}
@media(orientation:landscape) and (max-height:600px){.reference-design{width:min(390px,80dvh);height:100dvh;max-width:none;border-radius:0}}
@container(max-height:540px){.sky-landing{overflow-y:auto}.orbit-stage{flex:none;height:430px;min-height:430px}.sky-footer{position:sticky;bottom:0;background:color-mix(in srgb,var(--balu-blue) 92.94%,transparent);z-index:5}.sky-top{flex:none}.greeting-identity{padding-top:0}.greeting-thread{padding-bottom:20px}}

/* Two paired art directions. Same layout and behavior for a fair visual comparison. */
.look-ink .sky-landing{background:var(--balu-error-surface);color:var(--balu-ink)}
.look-ink .sky-landing:after{background:radial-gradient(ellipse at 15% 8%,color-mix(in srgb,var(--balu-border) 14.12%,transparent),transparent 50%),radial-gradient(ellipse at 90% 100%,color-mix(in srgb,var(--balu-border) 21.57%,transparent),transparent 55%)}
.look-ink .companion-intro h1{color:var(--balu-ink)}.look-ink .companion-intro p{color:var(--balu-muted)}.look-ink .sky-note{color:var(--balu-on-lilac)}.look-ink .handwritten-note{color:var(--balu-on-lilac)}.look-ink .sky-footer p{color:var(--balu-on-lilac)}
.look-ink .float-business{background:var(--balu-on-primary)}.look-ink .float-creator{background:var(--balu-paper)}.look-ink .float-household{background:var(--balu-paper)}
.look-ink .floating-card{border-color:var(--balu-on-primary);box-shadow:0 6px 14px color-mix(in srgb,var(--balu-on-sage) 6.27%,transparent),0 1px 2px color-mix(in srgb,var(--balu-on-sage) 3.92%,transparent)}
.look-ink .sky-top .lang{background:color-mix(in srgb,var(--balu-surface) 67.84%,transparent);border-color:var(--balu-sage)}.look-ink .portrait-polaroid{box-shadow:0 7px 17px color-mix(in srgb,var(--balu-on-sage) 12.55%,transparent)}
.look-ink .home-content{background:linear-gradient(var(--balu-success-surface),var(--balu-paper) 210px)}
.look-color .sky-landing{background-image:linear-gradient(color-mix(in srgb,var(--balu-blue) 67.84%,transparent),color-mix(in srgb,var(--balu-blue) 65.88%,transparent)),url('/assets/sky-canopy.webp')}
.look-color .sky-landing:after{background:linear-gradient(0deg,color-mix(in srgb,var(--balu-paper) 70.20%,transparent),transparent 60%)}
.look-color .ink-illustration{background-image:url('/assets/expert-color-cutouts.webp')}
.look-color .float-business{background:var(--balu-paper)}.look-color .float-creator{background:var(--balu-paper)}.look-color .float-household{background:var(--balu-paper)}
.look-color .sky-note{color:var(--balu-on-blue)}.look-color .handwritten-note{color:var(--balu-on-lilac)}
.compare-toolbar{display:flex;align-items:center;gap:5px;justify-content:center;flex-shrink:0;height:51px;padding:6px;border-radius:30px;background:color-mix(in srgb,var(--balu-surface) 70.20%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--balu-ink) 6.27%,transparent);margin:0 0 12px}
.compare-toolbar button{border-radius:25px;font-size:13px;min-height:39px;padding:8px 15px;color:var(--balu-on-lilac)}.compare-toolbar button.selected{background:var(--balu-ink);color:var(--balu-surface);box-shadow:0 2px 5px color-mix(in srgb,var(--balu-ink) 9.41%,transparent)}
#app.comparing{flex-direction:column}.comparing .reference-design{height:min(844px,calc(100dvh - 91px))}
@media(max-width:600px){.compare-toolbar{width:100%;height:48px;margin:0;border-radius:0;box-shadow:none;background:var(--balu-success-surface)}.compare-toolbar button{font-size:12px;min-height:36px}.comparing .reference-design{height:calc(100dvh - 48px);width:100vw}}
@container(max-height:540px){.look-ink .sky-footer{background:color-mix(in srgb,var(--balu-error-surface) 94.12%,transparent)}.look-color .sky-footer{background:color-mix(in srgb,var(--balu-blue) 94.12%,transparent)}}

/* Clear hierarchy: four capabilities, one companion, one invitation. */
.ordered-landing .sky-top{height:43px;min-height:43px;padding:7px 18px;justify-content:flex-end}
.ordered-landing .sky-top .lang{min-height:31px;font-size:12px;padding:4px 11px}
.ordered-content{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:space-evenly;gap:16px;padding:10px 25px 0;overflow-y:auto;scrollbar-width:none}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;padding:3px;flex-shrink:0}
.capability-grid .floating-card{position:relative;inset:auto;transform:none;translate:none;width:100%;min-height:143px;border-radius:22px;padding:6px 9px 10px;animation:hello-reveal .35s both;z-index:1;overflow:visible}
.capability-grid .floating-card:hover{translate:0 -2px}
.capability-grid .floating-card .ink-illustration{width:59px;height:59px;margin:0 0 -1px}
.capability-grid .float-title{font-size:19px;line-height:1.18;margin:0 0 8px;letter-spacing:-.6px}
.capability-grid .float-cta{font-size:11px;min-height:29px;padding:5px 8px;gap:5px;max-width:135px}
.capability-grid .float-business{transform:rotate(-2deg)}.capability-grid .float-creator{transform:rotate(2deg)}
.capability-grid .float-household{transform:rotate(-1deg)}.capability-grid .stack-card{transform:rotate(1deg);background:var(--balu-paper)}
.stack-card:before,.stack-card:after{content:'';position:absolute;inset:0;background:var(--balu-sage);border:1px solid var(--balu-border);border-radius:22px;z-index:-1;transform:rotate(5deg);transform-origin:50% 100%;pointer-events:none}.stack-card:after{background:var(--balu-paper);transform:rotate(2.5deg);z-index:-1}
.stack-visual{height:59px;width:90px;position:relative;display:block;margin:0 0 -1px}
.stack-visual>span{position:absolute;width:37px;height:40px;border:1px solid var(--balu-border);background:var(--balu-on-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px color-mix(in srgb,var(--balu-ink) 6.27%,transparent);top:10px}
.stack-visual>span:nth-child(1){left:3px;transform:rotate(-15deg);color:var(--balu-muted)}.stack-visual>span:nth-child(2){left:26px;top:6px;z-index:2;color:var(--balu-muted)}.stack-visual>span:nth-child(3){right:3px;transform:rotate(15deg);color:var(--balu-on-lilac)}.stack-visual .icon{width:19px;height:19px}
.ordered-landing .companion-intro{position:static;transform:none;width:100%;pointer-events:auto;text-align:center;flex-shrink:0}
.ordered-landing .portrait-polaroid{width:89px;height:89px;padding:5px;border-radius:20px;transform:rotate(-6deg)}
.ordered-landing .companion-intro h1{font-size:49px;line-height:1.08;letter-spacing:-2.5px;margin:8px 0 7px}
.ordered-landing .companion-intro p{font-size:15px;line-height:1.45;font-family:var(--font-editorial);font-style:italic;letter-spacing:-.2px;color:var(--balu-muted);margin:0}
.cta-arrow{display:block;color:var(--balu-on-lilac);font-family:var(--font-ui);font-size:31px;line-height:1;margin:6px auto 0;transform:rotate(-9deg);width:30px}
.ordered-landing .sky-footer{padding:10px 20px 24px;flex-shrink:0;position:static;z-index:3;gap:0}
.ordered-landing .sky-footer .hello-button{height:55px;min-height:55px;font-size:18px;min-width:240px}
.look-color-paper .sky-landing{background:var(--balu-error-surface);color:var(--balu-ink)}.look-color-paper .sky-landing:after{background:radial-gradient(ellipse at 18% 5%,color-mix(in srgb,var(--balu-honey) 15.69%,transparent),transparent 60%)}
.look-color-paper .ink-illustration{background-image:url('/assets/expert-color-cutouts.webp')}
.look-color-paper .floating-card{background:var(--balu-on-primary);border-color:var(--balu-surface);box-shadow:0 4px 10px color-mix(in srgb,var(--balu-on-sage) 4.71%,transparent)}
.look-color-paper .float-creator{background:var(--balu-paper)}.look-color-paper .float-household{background:var(--balu-paper)}.look-color-paper .stack-card{background:var(--balu-error-surface)}
.look-color-paper .companion-intro h1{color:var(--balu-ink)}.look-color-paper .portrait-polaroid{box-shadow:0 6px 15px color-mix(in srgb,var(--balu-on-sage) 12.55%,transparent)}.look-color-paper .home-content{background:linear-gradient(var(--balu-success-surface),var(--balu-paper) 210px)}
.compare-toolbar{gap:3px}.compare-toolbar button{font-size:12px;padding:7px 11px}
@container(max-height:740px){.ordered-content{gap:12px;padding:5px 23px 0}.capability-grid{gap:10px 13px}.capability-grid .floating-card{min-height:126px;padding:4px 8px 8px;border-radius:19px}.capability-grid .floating-card .ink-illustration{width:48px;height:48px}.capability-grid .float-title{font-size:18px;margin-bottom:6px}.capability-grid .float-cta{font-size:10px;min-height:27px;padding:4px 7px}.stack-visual{height:48px}.stack-visual>span{width:33px;height:34px;top:8px}.stack-visual>span:nth-child(2){top:4px}.ordered-landing .portrait-polaroid{width:76px;height:76px;border-radius:18px}.ordered-landing .companion-intro h1{font-size:44px;margin:7px 0 6px}.ordered-landing .companion-intro p{font-size:14px}.cta-arrow{font-size:27px;margin-top:4px}.ordered-landing .sky-footer{padding:8px 20px 19px}.ordered-landing .sky-footer .hello-button{height:52px;min-height:52px;font-size:17px}}
@container(max-height:610px){.ordered-content{justify-content:flex-start;gap:17px;padding-top:7px}.ordered-landing .companion-intro{padding-bottom:8px}.ordered-landing .sky-footer{position:sticky;bottom:0;background:color-mix(in srgb,var(--balu-error-surface) 96.08%,transparent);padding:9px 20px 12px}.look-color .ordered-landing .sky-footer{background:color-mix(in srgb,var(--balu-blue) 94.90%,transparent)}}
@media(max-width:600px){.compare-toolbar button{font-size:11px;padding:6px 9px}.ordered-landing .sky-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}}

/* Saathi's capability fan: a shared rhythm, rather than four separate floating tiles. */
.fan-landing .ordered-content{padding:0 16px;gap:7px;justify-content:space-evenly;overflow-y:auto;overflow-x:hidden}
.capability-fan{position:relative;width:100%;height:321px;min-height:321px;flex-shrink:0;margin:0 auto;isolation:isolate}
.capability-fan .floating-card{--angle:0deg;position:absolute;inset:auto;width:31%;min-height:0;height:170px;border-radius:25px;padding:56px 7px 10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;transform:rotate(var(--angle));transform-origin:50% 80%;overflow:visible;box-shadow:0 9px 15px color-mix(in srgb,var(--balu-on-honey) 7.06%,transparent),0 1px 1px color-mix(in srgb,var(--balu-surface) 53.33%,transparent) inset;border:1px solid color-mix(in srgb,var(--balu-surface) 65.88%,transparent);animation:fan-unfold .55s both;transition:translate .2s,box-shadow .2s}
.capability-fan .float-business{--angle:-10deg;left:2%;top:72px;background:var(--balu-honey)!important;z-index:2}
.capability-fan .float-household{--angle:0deg;left:34.5%;top:48px;background:var(--balu-border)!important;z-index:3;animation-delay:.08s}
.capability-fan .float-creator{--angle:10deg;right:2%;top:72px;background:var(--balu-peach)!important;z-index:2;animation-delay:.16s}
.capability-fan .floating-card>.ink-illustration{position:absolute;width:111px;height:111px;max-width:none;top:-50px;left:50%;transform:translateX(-50%);margin:0;mix-blend-mode:multiply;filter:drop-shadow(0 5px 3px color-mix(in srgb,var(--balu-on-sage) 8.63%,transparent))}
.capability-fan .float-business>.ink-illustration{width:117px;height:117px;top:-50px}
.capability-fan .float-household>.ink-illustration{top:-43px}
.capability-fan .float-title{font-size:20px;line-height:1.2;letter-spacing:-.65px;color:var(--balu-ink);margin:0 0 12px;flex:none;min-height:48px;display:block;text-align:center}
.capability-fan .float-cta{font-size:11px;line-height:1.3;min-height:32px;width:100%;padding:6px 5px;gap:3px;background:color-mix(in srgb,var(--balu-on-primary) 78.82%,transparent);border-color:color-mix(in srgb,var(--balu-surface) 60.00%,transparent);box-shadow:0 2px 4px color-mix(in srgb,var(--balu-on-sage) 6.27%,transparent);color:var(--balu-on-sage);white-space:normal}
.capability-fan .float-cta>.icon{width:13px;height:13px}
.capability-fan .floating-card:hover{translate:0 -5px;box-shadow:0 13px 21px color-mix(in srgb,var(--balu-on-honey) 10.98%,transparent)}
.capability-fan .stack-card{left:24%;top:267px;--angle:-3deg;width:52%;height:53px;min-height:53px;padding:7px 12px 7px 57px;border-radius:17px;background:var(--balu-lilac)!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;box-shadow:0 5px 9px color-mix(in srgb,var(--balu-primary) 6.27%,transparent);z-index:1}
.capability-fan .stack-card:before,.capability-fan .stack-card:after{border-radius:17px;background:var(--balu-border);border-color:var(--balu-border);transform:rotate(5deg);inset:2px -2px -4px 0;z-index:-1}.capability-fan .stack-card:after{background:var(--balu-lilac);transform:rotate(2deg);inset:0}
.capability-fan .stack-card .float-title{font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.2;min-height:0;margin:0;letter-spacing:-.15px;color:var(--balu-on-lilac);display:block;text-align:left}.capability-fan .stack-card .float-title br{display:none}.capability-fan .stack-card .float-title br:after{content:' '}
.capability-fan .stack-card .float-cta{background:none;border:0;box-shadow:none;padding:0;min-height:0;justify-content:flex-start;gap:6px;font-size:12px;color:var(--balu-muted);width:auto;white-space:nowrap}
.capability-fan .stack-visual{position:absolute;left:6px;top:6px;width:43px;height:40px;margin:0}.capability-fan .stack-visual>span{width:24px;height:28px;border-radius:7px;top:5px}.capability-fan .stack-visual>span:nth-child(1){left:0}.capability-fan .stack-visual>span:nth-child(2){left:10px;top:1px}.capability-fan .stack-visual>span:nth-child(3){right:0}.capability-fan .stack-visual .icon{width:13px;height:13px}
.fan-landing .companion-intro{padding:0;position:relative;inset:auto;z-index:4}
.fan-landing .portrait-polaroid{width:81px;height:81px;transform:rotate(-5deg);border-radius:19px}
.fan-landing .companion-intro h1{font-size:48px;margin:8px 0 6px;letter-spacing:-2.8px;color:var(--balu-primary)}
.fan-landing .companion-intro p{font-size:15px;line-height:1.45;color:var(--balu-muted)}
.fan-landing .swirl-arrow{display:block;width:87px;height:49px;margin:3px auto 0;transform:rotate(-4deg);color:var(--balu-muted);overflow:visible}
.swirl-arrow .arrow-trail{stroke-dasharray:170;stroke-dashoffset:170;animation:draw-arrow 1s .45s forwards}
.fan-landing .sky-footer{padding:4px 20px 23px}
.fan-landing .sky-footer .hello-button{min-width:242px;box-shadow:0 4px 8px color-mix(in srgb,var(--balu-ink) 14.90%,transparent),inset 0 1px 1px color-mix(in srgb,var(--balu-surface) 33.33%,transparent)}
.look-color-paper .fan-landing{background:var(--balu-error-surface)}.look-color-paper .fan-landing:after{background:radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--balu-peach) 27.06%,transparent),transparent 64%)}
@keyframes fan-unfold{from{opacity:0;translate:0 13px;transform:rotate(0)}to{opacity:1;translate:0 0;transform:rotate(var(--angle))}}
@keyframes draw-arrow{to{stroke-dashoffset:0}}
@container(max-height:720px){.capability-fan{height:291px;min-height:291px}.capability-fan .floating-card{height:157px;padding-top:48px}.capability-fan .float-business,.capability-fan .float-creator{top:64px}.capability-fan .float-household{top:44px}.capability-fan .floating-card>.ink-illustration{width:98px;height:98px;top:-41px}.capability-fan .float-business>.ink-illustration{width:106px;height:106px;top:-45px}.capability-fan .float-title{font-size:18px;min-height:44px;margin-bottom:9px}.capability-fan .float-cta{font-size:10px;min-height:29px}.capability-fan .stack-card{top:243px;height:48px;min-height:48px;padding:5px 9px 5px 53px}.capability-fan .stack-card .float-title{font-size:12px;margin:0;min-height:0}.capability-fan .stack-card .float-cta{font-size:11px;min-height:0}.fan-landing .portrait-polaroid{width:72px;height:72px}.fan-landing .companion-intro h1{font-size:42px;margin:6px 0}.fan-landing .companion-intro p{font-size:14px}.fan-landing .swirl-arrow{height:41px;margin-top:1px}.fan-landing .sky-footer{padding-bottom:18px}}
@container(max-height:610px){.fan-landing .ordered-content{justify-content:flex-start;padding-top:18px;gap:20px}.fan-landing .sky-footer{position:sticky;bottom:0;background:color-mix(in srgb,var(--balu-error-surface) 94.90%,transparent)}.fan-landing .companion-intro{padding-bottom:3px}}
@media(max-width:350px){.fan-landing .ordered-content{padding-left:10px;padding-right:10px}.capability-fan .float-title{font-size:17px}.capability-fan .floating-card>.ink-illustration{width:96px;height:96px}.capability-fan .float-cta{font-size:10px}.capability-fan .stack-card{width:56%;left:22%}}
@media(prefers-reduced-motion:reduce){.capability-fan .floating-card{animation:none}.swirl-arrow .arrow-trail{animation:none;stroke-dashoffset:0}}

.look-color .capability-fan .ink-illustration,.look-color-paper .capability-fan .ink-illustration{mix-blend-mode:normal}

/* Compact companion strip. The expert fan remains the primary visual. */
.companion-stack-landing .ordered-content{justify-content:space-evenly;gap:24px;padding-bottom:18px}
.companion-stack-landing .capability-fan{height:264px;min-height:264px}
.companion-stack-landing .companion-intro{padding:35px 0 0;width:100%;flex-shrink:0}
.companion-deck{position:relative;width:90%;max-width:326px;margin:0 auto;isolation:isolate}
.deck-layer{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--balu-on-lilac) 39.61%,transparent);border-radius:22px;box-shadow:0 3px 5px color-mix(in srgb,var(--balu-on-blue) 7.06%,transparent);pointer-events:none}
.deck-layer-back{inset:-10px 6px 5px -5px;background:var(--balu-border);transform:rotate(-3deg);z-index:0}
.deck-layer-middle{inset:-5px -6px 2px 4px;background:var(--balu-sage);transform:rotate(2deg);z-index:1;border-color:color-mix(in srgb,var(--balu-border) 41.96%,transparent)}
.companion-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:112px;padding:37px 12px 12px;border-radius:22px;border:1px solid color-mix(in srgb,var(--balu-surface) 78.82%,transparent);background:var(--balu-blue);box-shadow:0 6px 12px color-mix(in srgb,var(--balu-on-blue) 7.84%,transparent),inset 0 1px 0 color-mix(in srgb,var(--balu-surface) 60.00%,transparent);color:var(--balu-primary);overflow:visible;cursor:pointer;text-align:center;transition:box-shadow .2s,background .2s}
.companion-card:hover{background:var(--balu-blue);box-shadow:0 8px 15px color-mix(in srgb,var(--balu-on-blue) 13.33%,transparent)}
.companion-stack-landing .companion-card .portrait-polaroid{position:absolute;top:-35px;left:50%;margin:0;width:64px;height:64px;transform:translateX(-50%) rotate(-5deg);display:block;border-radius:17px;padding:4px;box-shadow:0 5px 9px color-mix(in srgb,var(--balu-on-blue) 13.33%,transparent)}
.companion-card .companion-portrait{border-radius:13px}
.companion-copy{display:block;width:100%}
.companion-name{display:block;font-family:var(--font-editorial);font-size:39px;font-weight:500;line-height:1.1;letter-spacing:-1.8px;margin:0 0 4px;color:var(--balu-primary)}
.companion-eyebrow{display:block;font-size:14px;line-height:1.35;color:var(--balu-muted)}
.landing-invitation{position:relative;width:280px;max-width:100%;min-height:101px;margin:0 auto 6px;padding:0 16px;text-align:center}
.landing-invitation .companion-tagline{font-family:var(--font-editorial);font-style:italic;font-size:16px;line-height:1.45;color:var(--balu-muted);margin:0;letter-spacing:-.2px}
.companion-stack-landing .landing-invitation .swirl-arrow{position:absolute;left:165px;top:36px;width:90px;height:62px;margin:0;transform:none;color:var(--balu-muted)}
@container(max-height:720px){.companion-stack-landing .capability-fan{height:237px;min-height:237px}.companion-stack-landing .ordered-content{gap:18px;padding-bottom:16px}.companion-stack-landing .companion-intro{padding-top:35px}.landing-invitation{min-height:91px;margin-bottom:3px}.landing-invitation .companion-tagline{font-size:15px}.companion-stack-landing .landing-invitation .swirl-arrow{top:33px;height:55px}}
@container(max-height:610px){.companion-stack-landing .ordered-content{justify-content:flex-start;gap:20px}.companion-stack-landing .sky-footer{padding-top:10px}.landing-invitation{min-height:80px}.companion-stack-landing .landing-invitation .swirl-arrow{height:46px}}
@media(max-width:350px){.companion-name{font-size:35px}.companion-eyebrow{font-size:13px;letter-spacing:-.25px}}

/* A hard phone-width cap also applies inside narrow desktop preview panels. */
.phone.reference-design,.comparing .phone.reference-design{width:min(390px,100vw);max-width:390px;flex-shrink:0}
.compare-toolbar{width:min(390px,100vw);max-width:390px}
@container(max-width:350px){.companion-eyebrow{font-size:13px;letter-spacing:-.25px}}

/* Tagline removed. Keep only the short curved cue above Say hi. */
.companion-stack-landing .landing-invitation{min-height:65px;padding:0}
.companion-stack-landing .landing-invitation .swirl-arrow{top:0;height:59px}
@container(max-height:610px){.companion-stack-landing .landing-invitation{min-height:49px}.companion-stack-landing .landing-invitation .swirl-arrow{height:46px}}

/* Reviewed landing: separate art, readable labels, one connected invitation. */
.companion-stack-landing .ordered-content{flex:0 0 auto;justify-content:flex-start;gap:18px;margin-top:auto;padding:8px 16px 0;overflow:visible}
.companion-stack-landing .capability-fan{height:249px;min-height:249px}
.capability-fan .floating-card{height:174px;padding:59px 6px 10px;justify-content:flex-start}
.capability-fan .floating-card>.ink-illustration{width:96px;height:96px;top:-44px}
.capability-fan .float-business>.ink-illustration{width:100px;height:100px;top:-48px}
.capability-fan .float-household>.ink-illustration{top:-44px}
.capability-fan .float-title{font-size:18px;line-height:1.22;letter-spacing:-.5px;min-height:44px;margin:0 0 8px;width:100%}
.capability-fan .float-cta{font-size:14px;line-height:1.2;min-height:42px;padding:3px 5px;flex-shrink:0}
.capability-fan .float-cta>.icon{display:none}
.companion-stack-landing .companion-intro{padding-top:35px}
.companion-name{font-size:37px;line-height:1.1;margin-bottom:0}
.companion-ai{display:block;font-size:12px;line-height:1.5;color:var(--balu-muted);margin:1px 0 5px}
.companion-eyebrow{font-size:14px;line-height:1.4;color:var(--balu-on-blue)}
.companion-stack-landing .landing-invitation{min-height:53px;margin:3px auto 0;padding:0}
.companion-stack-landing .landing-invitation .swirl-arrow{top:0;height:52px}
.companion-stack-landing .sky-footer{position:static;margin-bottom:auto;padding:3px 20px 22px;background:transparent}
@container(max-height:720px){.companion-stack-landing .capability-fan{height:240px;min-height:240px}.companion-stack-landing .ordered-content{gap:14px;padding-top:5px}.companion-stack-landing .landing-invitation{min-height:46px}.companion-stack-landing .landing-invitation .swirl-arrow{height:45px}}
@container(max-width:350px){.capability-fan .float-title{font-size:16px;letter-spacing:-.55px}.capability-fan .float-cta{font-size:13px}.companion-eyebrow{font-size:13px}.capability-fan .floating-card>.ink-illustration{width:87px;height:87px;top:-37px}}
@container(max-height:610px){.companion-stack-landing{overflow-y:auto}.companion-stack-landing .ordered-content{margin-top:0}.companion-stack-landing .sky-footer{margin-bottom:0}}

/* The hello stays in the document above a compact login card, never behind it. */
.staged-greeting{background:var(--balu-error-surface);overflow-y:auto;scrollbar-width:none;display:block}
.staged-greeting .greeting-top{padding:12px 18px;height:64px}
.staged-greeting .greeting-identity{padding:13px 20px 0}
.staged-greeting .greeting-identity .portrait-polaroid{width:75px;height:75px;padding:4px;border-radius:18px;transform:rotate(-7deg)}
.staged-greeting .greeting-identity h1{font-size:35px;line-height:1.2;margin:13px 0 3px;letter-spacing:-1.4px}
.staged-greeting .greeting-identity>p{font-size:13px;line-height:1.5;color:var(--balu-muted);margin:0}
.staged-greeting .greeting-thread{padding:0 22px}
.staged-greeting .you-waved{font-size:14px;color:var(--balu-muted);min-height:32px;margin:17px 0 12px}
.staged-greeting .you-waved .ink-illustration{width:30px}
.greeting-response{min-height:91px}
.staged-greeting .hello-bubble{max-width:100%;background:var(--balu-on-primary);border-color:var(--balu-border);padding:10px 14px 12px;border-radius:19px 19px 19px 5px;animation:hello-reveal .35s both}
.staged-greeting .hello-bubble small{font-size:12px;color:var(--balu-muted)}
.staged-greeting .hello-bubble p{font-size:16px;line-height:1.45;margin:4px 0 0}
.hello-typing{display:flex;gap:5px;align-items:center;color:var(--balu-muted);min-height:66px;padding:12px 14px}
.hello-typing>span:first-child{font-size:13px;margin-right:5px}
.hello-typing i{display:block;width:5px;height:5px;border-radius:50%;background:var(--balu-muted);animation:hello-dot 1s infinite}
.hello-typing i:nth-of-type(2){animation-delay:.15s}.hello-typing i:nth-of-type(3){animation-delay:.3s}
@keyframes hello-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
.greeting-login-space{padding:18px 12px 18px}
.inline-login{padding:18px 17px 14px;border-radius:25px;border:1px solid var(--balu-sage);background:var(--balu-on-primary);max-height:none;overflow:visible;box-shadow:0 7px 20px color-mix(in srgb,var(--balu-primary) 7.06%,transparent);animation:login-arrive .4s ease-out both}
.inline-login .login-close{top:9px;right:9px;width:36px;height:36px;min-height:36px;background:var(--balu-paper)}
.inline-login .login-close .icon{width:18px;height:18px}
.login-heading{display:flex;align-items:center;gap:8px;margin:0 26px 14px 0;min-height:27px}
.inline-login .login-heading>.icon{width:19px;height:19px}
.inline-login h2{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:0}
.inline-login .phone-input{min-height:52px;padding:10px 13px;border-radius:15px;background:var(--balu-paper);border-color:var(--balu-sage);gap:10px}
.inline-login .phone-input input{font-size:16px}
.inline-login .login-demo{font-size:12px!important;line-height:1.45!important;color:var(--balu-muted)!important;margin:9px 1px 8px!important}
.inline-login .error{min-height:0;margin:0 1px 8px;font-size:13px}
.inline-login .error:empty{display:none}
.inline-login .hello-button{height:48px;min-height:48px;font-size:16px;padding:10px 18px}
.login-trust{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:12px;font-size:12px;line-height:1.4;color:var(--balu-muted)}
.login-trust>span{display:flex;gap:6px;align-items:center}.login-trust .icon{width:13px;height:13px}
.inline-login .text-button{font-size:13px;min-height:32px;margin:5px auto 0}
.staged-greeting .greeting-continue{padding:0 12px;text-align:center}
.staged-greeting .greeting-continue .hello-button{width:100%;font-size:16px}
@keyframes login-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@container(max-height:720px){.staged-greeting .greeting-top{height:54px;padding:8px 18px}.staged-greeting .greeting-identity{padding-top:4px}.staged-greeting .greeting-identity .portrait-polaroid{width:65px;height:65px}.staged-greeting .greeting-identity h1{font-size:31px;margin-top:10px}.staged-greeting .you-waved{margin:12px 0 8px}.greeting-login-space{padding-top:13px}.greeting-response{min-height:83px}}
@media(prefers-reduced-motion:reduce){.hello-typing i,.inline-login,.staged-greeting .hello-bubble{animation:none}}

/* One welcome; the phone and OTP panel rests at the bottom without covering it. */
.staged-greeting{display:flex;flex-direction:column}
.staged-greeting>.greeting-top,.staged-greeting>.greeting-identity,.staged-greeting>.greeting-thread{flex-shrink:0}
.staged-greeting .greeting-login-space{margin-top:auto;flex-shrink:0;padding:18px 12px max(14px,env(safe-area-inset-bottom))}
.staged-greeting .greeting-continue{padding:0}
.inline-login .login-heading{margin-right:27px;gap:8px;margin-bottom:16px}
.login-demo-badge{font-family:var(--font-ui);font-size:10px;font-weight:500;line-height:1;border:1px solid var(--balu-border);border-radius:6px;color:var(--balu-muted);padding:4px 5px;margin-left:auto}
.inline-login .phone-input{margin-bottom:14px}
.inline-login .otp-back{width:32px;height:32px;min-height:32px;padding:5px;flex-shrink:0;background:var(--balu-success-surface)}
.inline-login .otp-back .icon{width:19px;height:19px}
.inline-login:has(.otp-back) .login-heading{margin-right:0;margin-bottom:5px}
.otp-number{font-size:13px;color:var(--balu-muted);margin:0 0 14px 40px;line-height:1.45}
.otp-input input{letter-spacing:6px;text-align:center;font-size:22px!important}
.otp-input input::placeholder{letter-spacing:0;font-size:16px}
.otp-demo-code{font-size:12px;line-height:1.4;text-align:center;color:var(--balu-muted);margin:-3px 0 12px;min-height:17px}
.trust-made .icon{color:var(--balu-error);fill:var(--balu-peach)}
.trust-permission .icon{color:var(--balu-success);fill:var(--balu-success-surface)}
@container(max-height:680px){.staged-greeting .greeting-response{min-height:0}.staged-greeting .greeting-login-space{padding-top:12px}.staged-greeting .greeting-identity{padding-top:0}.inline-login{padding-top:15px;padding-bottom:12px}}

/* The required entry card has no dismiss control or prototype copy. */
.inline-login .login-heading{margin-right:0}
.inline-login .phone-input{margin-bottom:14px}


/* Softly lit paper. One visual invitation, three benefit-led illustrations. */
.look-color-paper .fan-landing{
 background:
  radial-gradient(ellipse at 6% 24%,color-mix(in srgb,var(--balu-honey) 43.92%,transparent) 0%,transparent 53%),
  radial-gradient(ellipse at 100% 17%,color-mix(in srgb,var(--balu-border) 37.65%,transparent) 0%,transparent 48%),
  linear-gradient(150deg,var(--balu-paper) 0%,var(--balu-sage) 49%,var(--balu-paper) 79%);
}
.look-color-paper .fan-landing:after{
 pointer-events:none;
 background:linear-gradient(123deg,transparent 7%,color-mix(in srgb,var(--balu-on-primary) 41.96%,transparent) 24%,color-mix(in srgb,var(--balu-on-primary) 52.94%,transparent) 36%,transparent 49%,color-mix(in srgb,var(--balu-on-peach) 3.92%,transparent) 64%,transparent 79%);
}
.companion-stack-landing .capability-fan{height:215px;min-height:215px}
.capability-fan .floating-card{
 height:140px;padding:59px 6px 15px;
 box-shadow:3px 13px 19px -7px color-mix(in srgb,var(--balu-on-honey) 21.96%,transparent),1px 3px 5px color-mix(in srgb,var(--balu-on-honey) 7.06%,transparent),inset 0 1px 1px color-mix(in srgb,var(--balu-surface) 60.00%,transparent);
}
.capability-fan .float-title{margin:0;font-size:19px;line-height:1.25}
.capability-fan .floating-card>.ink-illustration{filter:drop-shadow(2px 5px 3px color-mix(in srgb,var(--balu-on-sage) 12.94%,transparent))}
.capability-fan .floating-card:hover{box-shadow:3px 17px 22px -7px color-mix(in srgb,var(--balu-on-honey) 25.88%,transparent),1px 3px 5px color-mix(in srgb,var(--balu-on-honey) 7.06%,transparent),inset 0 1px 1px color-mix(in srgb,var(--balu-surface) 60.00%,transparent)}
.companion-stack-landing .companion-card{box-shadow:3px 10px 17px -8px color-mix(in srgb,var(--balu-muted) 21.18%,transparent),inset 0 1px 1px color-mix(in srgb,var(--balu-surface) 60.00%,transparent)}
@container(max-height:720px){.companion-stack-landing .capability-fan{height:206px;min-height:206px}}
@container(max-width:350px){.capability-fan .float-title{font-size:17px}}