/* Compact landing: one composition, three relevant blocks. */
.compact-landing{background:#f6fafc}.compact-landing .wrap{width:min(1180px,calc(100% - 64px))}.compact-landing .site-header{min-height:84px;border-bottom:0}.compact-landing .site-header nav{gap:24px}.landing-main{padding-bottom:6px}.landing-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:0 16px;border:1px solid #d3e9ed;background:linear-gradient(120deg,#e8f7fa 0%,#eff8f6 54%,#fff0df 100%);border-radius:32px;overflow:hidden;padding:40px 40px 0}.landing-copy{position:relative;z-index:1;padding:8px 0 28px}.landing-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:18px;display:flex;align-items:center;gap:8px}.landing-copy .eyebrow>span{font-size:22px;line-height:1}.landing-copy h1{font-size:clamp(40px,4.5vw,62px);line-height:1.05;letter-spacing:-.045em;margin-bottom:22px}.landing-copy h1 em{color:#007c8a}.landing-lead{font-size:17px;line-height:1.65;max-width:440px;margin-bottom:24px}.landing-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.landing-actions .text-link{font-size:13px}.landing-caption{font-size:11px;margin:15px 0 0}.landing-scene{position:relative;isolation:isolate;display:grid;align-items:center;min-height:360px;padding:0 0 28px}.scene-circle{position:absolute;inset:10px 8% 38px;background:#ffe0bd;border:1px solid #ffefdc;border-radius:50%;z-index:-1;transform:rotate(-10deg)}.landing-pets{width:100%;max-height:365px;object-fit:contain;filter:drop-shadow(0 14px 16px #7458370d)}.scene-spark{position:absolute;color:#b5753e;font-size:28px}.spark-one{left:7%;top:4%}.spark-two{right:2%;top:18%;font-size:38px;transform:rotate(12deg)}.scene-note{position:absolute;right:0;bottom:20px;display:flex;gap:10px;align-items:center;background:#ffffffed;border:1px solid white;border-radius:17px;padding:13px 17px;box-shadow:0 8px 24px #143b6610;transform:rotate(3deg)}.scene-note img{width:34px;height:34px}.scene-note strong{display:block;font-size:13px}.scene-note span{display:block;font-size:10px;color:var(--muted)}.landing-promise{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding:18px 0 20px;border-top:1px solid #cfe4e4;font-size:12px;font-weight:800}.landing-promise b{color:#007c8a;margin-right:6px}.landing-how{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:36px 10px}.how-heading .eyebrow{font-size:10px;margin-bottom:10px}.how-heading h2{font-size:31px;margin:0;line-height:1.12}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.landing-steps li{min-width:0;border-left:1px solid #d5e5e9;padding-left:22px}.landing-step-number{display:inline-grid;place-items:center;width:30px;height:30px;background:#e0f1f4;border-radius:10px;color:#007888;font-size:11px;font-weight:800;margin-bottom:12px}.landing-steps li:nth-child(2) .landing-step-number{background:#ffe8d4;color:#8a5327}.landing-steps h3{font-size:20px;margin-bottom:8px;letter-spacing:-.025em}.landing-steps p{font-size:13px;line-height:1.6;margin:0}.landing-download{background:#173e65;border:1px solid #204a72;border-radius:28px;display:grid;grid-template-columns:170px 1fr 220px;gap:25px;align-items:center;padding:26px 32px;color:white;overflow:hidden}.download-friends{width:170px;height:200px;object-fit:contain;filter:drop-shadow(0 8px 10px #00000012)}.download-message .eyebrow{color:#85e4ea;font-size:10px;margin-bottom:12px}.download-message h2{font-size:34px;margin-bottom:12px;letter-spacing:-.035em}.download-message>p:last-child{font-size:13px;color:#d6e5ed;margin:0;line-height:1.65}.download-pending{background:#ffffff0b;border:1px solid #ffffff26;border-radius:20px;padding:20px;text-align:center}.download-pending>img{margin:0 auto 12px;width:36px;height:36px}.download-pending strong{display:block;font-size:17px;line-height:1.35}.download-pending p{color:#d6e5ed;font-size:11px;line-height:1.5;margin:10px 0 12px}.pending-platform{display:block;border-top:1px solid #ffffff26;padding-top:10px;font-size:10px;color:#b9e1e8}.pending-platform span{margin-left:10px}.download-ready{display:grid;justify-items:center;gap:12px}.download-ready .store-button{border:1px solid #ffffff4d;background:#102e4d;width:100%;justify-content:center;min-height:60px}.download-ready .store-button strong{font-size:20px}.landing-qr{background:white;padding:8px 12px;border-radius:14px;color:var(--ink);text-align:center}.landing-qr img{width:120px;height:120px;margin:auto}.landing-qr span{display:block;font-size:10px;margin-top:3px}.landing-privacy{text-align:center;font-size:10px;line-height:1.6;margin:14px auto 0;max-width:760px}.compact-landing .site-footer{margin-top:18px;padding-block:22px;gap:18px}.compact-landing .site-footer .wordmark{font-size:22px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1050px){.landing-hero{padding:28px 28px 0}.landing-copy h1{font-size:46px}.landing-lead{font-size:15px}.landing-scene{min-height:325px}.landing-how{grid-template-columns:150px 1fr;gap:20px}.how-heading h2{font-size:28px}.landing-steps{gap:16px}.landing-steps li{padding-left:16px}.landing-steps h3{font-size:18px}.landing-download{grid-template-columns:120px 1fr 200px;gap:20px;padding:24px}.download-friends{width:120px;height:170px}.download-message h2{font-size:29px}.desktop-break{display:none}.landing-promise{font-size:10px}}
@media(max-width:760px){.compact-landing .wrap{width:calc(100% - 28px)}.compact-landing .site-header{min-height:74px}.compact-landing .site-header nav{display:none}.compact-landing .site-header .wordmark{font-size:24px}.compact-landing .site-header .button-small{font-size:11px}.landing-hero{grid-template-columns:1fr;padding:26px 22px 0;border-radius:26px;gap:0}.landing-copy{padding:0}.landing-copy .eyebrow{font-size:8px;letter-spacing:.09em;gap:5px;margin-bottom:15px}.landing-copy h1{font-size:clamp(37px,8.9vw,55px);margin-bottom:16px}.landing-lead{font-size:14px;line-height:1.6;margin-bottom:18px}.landing-actions{gap:8px 15px}.landing-actions .button{min-height:48px;padding:12px 16px;font-size:13px}.landing-actions .text-link{font-size:12px}.landing-caption{font-size:10px;margin-top:9px}.landing-scene{min-height:0;width:min(350px,100%);margin:8px auto 0;padding:10px 0 24px}.landing-pets{max-height:260px}.scene-circle{inset:15px 10% 30px}.scene-note{padding:9px 12px;bottom:16px;right:0;border-radius:13px}.scene-note strong{font-size:11px}.scene-note span{font-size:9px}.scene-note img{width:28px;height:28px}.spark-one{font-size:21px;top:10%}.spark-two{font-size:28px;top:22%;right:1%}.landing-promise{flex-wrap:wrap;justify-content:center;padding:13px 0;gap:5px 14px;font-size:9px}.landing-how{grid-template-columns:1fr;padding:26px 8px;gap:18px}.how-heading .eyebrow{margin-bottom:8px;font-size:9px}.how-heading h2{font-size:27px}.how-heading h2 br{display:none}.landing-steps{grid-template-columns:1fr;gap:17px}.landing-steps li{border:0;padding:0;display:grid;grid-template-columns:34px 1fr;gap:13px}.landing-step-number{width:32px;height:32px;margin:0}.landing-steps h3{font-size:19px;margin:0 0 5px}.landing-steps p{font-size:13px;line-height:1.5}.landing-download{grid-template-columns:75px minmax(0,1fr);padding:22px 20px;gap:18px 15px;border-radius:24px}.download-friends{width:85px;height:120px;max-width:none;margin-left:-6px}.download-message .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:10px}.download-message h2{font-size:25px;margin-bottom:9px}.download-message>p:last-child{font-size:12px}.download-pending{grid-column:1/-1;display:grid;grid-template-columns:34px 1fr;gap:0 12px;text-align:left;padding:15px;border-radius:16px}.download-pending>img{width:32px;height:32px;grid-row:1/3;margin:auto}.download-pending strong{font-size:14px}.download-pending strong br{display:none}.download-pending strong br::after{content:' '}.download-pending p{font-size:10px;margin:4px 0 0}.pending-platform{display:none}.download-ready{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:14px}.download-ready .store-button{width:auto;flex:1;padding:12px;gap:8px}.download-ready .store-button svg{width:22px}.download-ready .store-button strong{font-size:18px}.landing-qr{padding:6px}.landing-qr img{width:100px;height:100px}.landing-qr span{font-size:8px}.landing-privacy{font-size:9px;padding-inline:10px}.compact-landing .site-footer{margin-top:14px;padding-block:18px;gap:12px}.compact-landing .site-footer p{font-size:10px}}
@media(max-width:370px){.landing-hero{padding:23px 17px 0}.landing-copy h1{font-size:34px}.landing-copy .eyebrow{font-size:7px}.landing-actions .text-link{min-height:34px}.landing-download{padding:20px 16px;grid-template-columns:62px minmax(0,1fr);gap:15px 12px}.download-friends{width:73px}.download-message h2{font-size:22px}.download-pending{padding:13px}.download-pending strong{font-size:12px}.download-ready{flex-wrap:wrap}}
