.marketing{--paper:#f6f9f7;--blue:#4967a5;--pink:#b4486e}
.marketing .site-header{height:80px}.marketing .header-cta{background:var(--orange);color:#18392e}
.marketing .hero{height:calc(100svh - 210px);min-height:510px;max-height:690px}.marketing .hero:after{background:rgba(6,36,26,.4)}.marketing .hero-image{object-position:center 55%}.marketing .hero-content{padding-block:32px}
.marketing .hero h1{font-size:74px;margin-bottom:18px}.marketing .hero-tagline{font-size:48px!important;line-height:1.12!important;margin-bottom:22px!important}.marketing .hero-content>p{font-size:16px;max-width:510px}.marketing .hero .hero-note{font-size:12px;margin-top:22px}
.hero-demo-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;font-weight:600}.hero-demo-link>span{width:34px;height:34px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center}.hero-demo-link svg{width:14px;height:14px}
.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.feature-strip>a{padding:27px 14px;display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;font-size:13px;border-right:1px solid var(--line)}.feature-strip>a:first-child{padding-left:0}.feature-strip>a:last-child{border:0}.feature-strip>a>span{font-size:10px;color:var(--muted)}.feature-strip>a>svg:first-of-type{width:21px;height:21px;color:var(--green-mid)}.feature-strip>a>svg:last-child{margin-left:auto;width:16px;height:16px}.feature-strip strong{font:600 13px 'DM Sans',sans-serif}.feature-strip a:hover{background:var(--paper)}
.manifesto{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.manifesto h2{margin:0}.manifesto>p{margin:0;color:var(--muted);font-size:17px}.manifesto strong{color:var(--ink)}
.privacy-ribbon{border-block:1px solid #d5e3de;background:#eaf2ed}.privacy-ribbon>.wrap{display:flex;align-items:center;gap:22px;padding-block:25px}.privacy-ribbon>.wrap>svg{width:32px;height:32px}.privacy-ribbon p{margin:0;flex:1;font-size:14px}.privacy-ribbon strong,.privacy-ribbon span{display:block}.privacy-ribbon span{color:var(--muted);font-size:13px;margin-top:3px}.privacy-ribbon a{padding:8px}
.marketing .demo-section{background:var(--paper);border-top:0}.marketing .experience{grid-template-columns:1fr 1fr;gap:90px;align-items:center}.marketing .experience-nav{padding:0}.marketing .scenario{gap:16px;padding:18px 0}.marketing .scenario strong{font-size:20px}.marketing .scenario-number{margin:0;font-size:11px;min-width:24px}.marketing .scenario>span:nth-child(2){flex:1}.marketing .scenario>svg{width:19px;height:19px;opacity:0}.marketing .scenario.selected>svg{opacity:1;color:var(--orange)}.marketing .scenario-copy{min-height:108px;max-width:none;margin:23px 0 12px}.marketing .demo-label{max-width:330px;font-size:12px;line-height:1.6;align-items:flex-start}.marketing .demo-stage{border-radius:8px;box-shadow:0 25px 55px #164b3a12;transform:rotate(1deg)}.marketing .demo-app-body{height:410px;padding:26px}.marketing .demo-app-header{padding:18px 26px}.marketing .demo-app-footer{padding:14px}.marketing .player-controls{margin-top:12px}.marketing .principle-row{margin-top:55px}
.marketing .demo-screen{animation:demo-enter .45s ease both}.marketing .demo-person,.marketing .demo-time,.marketing .demo-selection{animation:row-enter .5s ease both}.marketing .demo-person:nth-child(3),.marketing .demo-time:nth-child(3),.marketing .demo-selection:nth-child(3){animation-delay:.12s}.marketing .demo-person:nth-child(4),.marketing .demo-time:nth-child(4),.marketing .demo-selection:nth-child(4){animation-delay:.24s}.marketing .demo-person:nth-child(5),.marketing .demo-time:nth-child(5){animation-delay:.36s}
.demo-search{display:flex;align-items:center;gap:12px;padding:16px;background:#edf0fa;border-left:3px solid var(--blue);font-size:13px;margin:15px 0}.demo-search svg{color:var(--blue)}.demo-route{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.demo-route>span{display:flex;align-items:center;gap:7px}.demo-route svg{width:17px;height:17px}.demo-stat{font-family:'Manrope',sans-serif;font-weight:800;font-size:40px;line-height:1.2;color:var(--green);margin:18px 0 7px}.demo-meter{height:8px;display:flex;gap:4px;margin:13px 0 20px}.demo-meter b{flex:1;background:#76b09b;border-radius:2px;animation:meter-grow .6s ease both}.demo-meter b:last-child{background:#e6e9e7}.demo-plan-row{display:grid;grid-template-columns:58px 1fr 25px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.demo-plan-row>span{color:var(--muted);font-size:11px}.demo-plan-row small{display:block;color:var(--muted);font-size:12px}.demo-plan-row svg{color:var(--green-mid);width:20px}.demo-note{padding:13px 15px;background:#fae7ee;border-left:3px solid var(--pink);font-size:12px;margin-top:16px;color:#6a3146}
.benefit-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.benefit-layout p{color:var(--muted);max-width:500px}.benefit-layout p strong{color:var(--ink)}.common-band{background:#f0f3fa;border-block:1px solid #e0e5f0}.common-band .eyebrow{color:var(--blue)}.inline-action{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-size:14px;font-weight:700;text-decoration:none;padding-block:10px;border-bottom:1px solid #9cb7a7}.inline-action:hover{border-color:var(--orange)}.inline-action svg{width:18px;height:18px}.overlap-visual{padding:30px 0;border-top:2px solid var(--blue);border-bottom:1px solid #c7d3e8}.overlap-top{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;margin-bottom:25px}.overlap-top>svg:last-child{margin-left:auto;width:19px;height:19px;color:var(--muted)}.match-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #d9dfec;font-size:14px}.match-row>span{width:65px;flex:none;line-height:1.4}.match-row small{font-size:12px;color:var(--muted)}.match-row strong{font-size:15px}.match-people{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;flex:1;min-width:0}.match-people>b{height:32px;background:#437a65;border-radius:3px;transform-origin:bottom;animation:meter-grow 1s ease both}.match-people.secondary>b{background:#7590c1}.match-people>b.unavailable{background:#d9dfea}.privacy-caption{display:flex;align-items:center;gap:8px;font-size:13px;margin:24px 0;color:var(--blue)}.privacy-caption svg{width:18px;height:18px}.marketing .visual-note{font-size:11px;display:block;margin-top:18px;color:var(--muted)}
.personal-visual{padding:25px 0;border-block:1px solid var(--line);border-top:2px solid var(--pink)}.personal-visual .overlap-top>svg{color:var(--pink)}.small-label{font-size:10px;font-weight:500;color:var(--muted);margin-left:auto}.week-paper{padding:20px;background:#f7f9f8}.week-paper>div:first-child{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;text-align:center;color:var(--muted);margin-bottom:20px}.week-blocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:38px;gap:12px 10px}.week-blocks>span{display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:4px}.obligation{background:#e2e7e4;color:#708077}.hobby{gap:7px;animation:hobby-enter 1s ease both}.hobby svg{width:16px;height:16px}.hobby.golf{color:#1d5b3b;background:#d3e9d9}.hobby.run{color:#984767;background:#f6dce6;animation-delay:.25s}.plan-reminder{display:flex;align-items:center;gap:14px;margin:24px 0 0;font-size:13px}.plan-reminder>svg{color:var(--pink);width:24px;height:24px}.plan-reminder small{display:block;font-size:12px;color:var(--muted)}
.marketing .family-band{background:#f7eff3;border-block:1px solid #eddee5}.marketing .family-band .eyebrow{color:var(--pink)}.marketing .family-visual{background:#fff;border:0;border-radius:0;box-shadow:none;border-top:2px solid var(--pink);padding:28px}.marketing .identity-row{border-radius:5px}.marketing .future-note{display:flex;gap:12px;align-items:flex-start;font-size:13px;margin-top:25px;padding-top:20px;border-top:1px solid #decdd5}.future-note>svg{width:20px;flex:none;color:var(--pink)}.future-note strong{display:block}.marketing .family-visual .inline-action{font-size:13px;margin-top:14px}.marketing .clean-list li{font-size:14px}
.small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.small-grid>div{border-top:1px solid var(--line);padding-top:24px}.small-grid svg{color:var(--green-mid);margin-bottom:17px}.small-grid h3{font-size:19px}.small-grid p{font-size:14px;color:var(--muted);margin-bottom:0}
.download-band{color:#fff;background:var(--green)}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.download-band h2{font-size:42px}.download-band p{font-size:16px;color:#e0e9e3;max-width:490px}.download-band .download-caution{font-size:13px;line-height:1.7;color:#bcd3c7;margin-top:28px}.download-options{min-width:0}.release-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#d6e7dd;margin-bottom:20px}.release-label>span{width:7px;height:7px;border-radius:50%;background:#9bdbb8}.apk-download{width:100%;justify-content:flex-start;gap:16px;padding:18px 22px}.apk-download>span{flex:1;font-size:17px}.apk-download small{display:block;font-size:11px;font-weight:400;margin-top:4px}.apk-download>svg{width:24px;height:24px}.install-details{border-color:#487360;color:#e0e9e3}.install-details summary{font-size:13px;padding:18px 0}.install-details summary svg{color:#e0e9e3}.install-details p{padding:0;font-size:13px!important;color:#c7dcd0!important;line-height:1.65}.store-slots{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 14px}.store-slots>div{display:flex;align-items:center;gap:12px;border:1px solid #5c826f;padding:14px 18px;border-radius:6px;font-size:16px;color:#c6d8cd}.store-slots small{display:block;font-size:10px;color:#a7c2b3}.download-options>.quiet{font-size:11px;line-height:1.7}.marketing .story-band{background:#fff}.marketing .founder-mark{font-size:100px}.marketing .feedback-band{background:#213f36}.marketing .status-chip{white-space:normal}
.marketing .demo-stage{transform:none}.marketing .demo-app-body{height:450px}.demo-wordmark small{display:block;font:400 10px 'DM Sans',sans-serif;color:var(--muted);margin-top:3px}
.materials-band{border-bottom:1px solid var(--line)}.materials-band>p{max-width:650px;color:var(--muted);font-size:15px}.materials-links{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:25px}.materials-links a{display:inline-flex;align-items:center;gap:9px;font-size:14px;text-underline-offset:5px}.materials-links svg{width:20px;height:20px;color:var(--green-mid)}
.motion-ready .overlap-visual:not(.in-view) .match-people>b,.motion-ready .personal-visual:not(.in-view) .hobby{animation-play-state:paused}
.marketing .section-heading h2 br,.marketing .story-layout h2 br,.marketing .manifesto h2 br{display:initial}
@keyframes demo-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes row-enter{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes meter-grow{from{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes hobby-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.marketing .hero-content{width:min(1180px,calc(100% - 80px))}.marketing .hero h1{font-size:74px}}
@media(max-width:1100px){.benefit-layout,.download-layout{gap:55px}.marketing .experience{gap:50px}.feature-strip>a{gap:8px}.feature-strip strong{font-size:12px}.feature-strip>a>span{display:none}.marketing .scenario strong{font-size:18px}.marketing .scenario-copy{min-height:135px}.manifesto{gap:45px}.store-slots>div{padding:12px}}
@media(max-width:800px){.marketing .site-header{height:76px}.marketing .hero{height:calc(100svh - 205px);min-height:500px;max-height:620px}.marketing .hero h1{font-size:62px}.marketing .hero-tagline{font-size:44px!important}.marketing .hero-content>p{font-size:15px;max-width:440px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>a{padding:18px 12px;border-bottom:1px solid var(--line)}.feature-strip>a:nth-child(2){border-right:0}.feature-strip>a:nth-child(3){padding-left:0;border-bottom:0}.feature-strip>a:nth-child(4){border-bottom:0}.feature-strip strong{font-size:13px}.manifesto,.benefit-layout,.download-layout{grid-template-columns:1fr;gap:32px}.manifesto>p{font-size:16px}.marketing .experience{grid-template-columns:1fr;gap:28px}.marketing .scenario-copy{min-height:0}.marketing .demo-stage{transform:none;max-width:550px}.marketing .demo-app-body{height:400px}.personal-visual{order:2}.benefit-layout p{max-width:none}.overlap-visual,.personal-visual{max-width:560px;width:100%;margin-inline:auto}.small-grid{gap:25px}.small-grid h3{font-size:17px}.download-band h2{font-size:34px}.download-layout{gap:35px}.download-options{max-width:560px;width:100%}.marketing .founder-mark{font-size:70px}.marketing .family-visual{max-width:560px}.marketing .principle-row{margin-top:32px}}
@media(max-width:520px){.marketing .site-header{height:72px}.marketing .hero{height:calc(100svh - 160px);min-height:480px;max-height:660px}.marketing .hero-image{object-position:62% center}.marketing .hero:after{background:rgba(6,36,26,.48)}.marketing .hero h1{font-size:56px}.marketing .hero-tagline{font-size:40px!important;margin-bottom:18px!important}.marketing .hero-content>p{max-width:325px;font-size:14px;line-height:1.65}.marketing .hero .hero-note{font-size:10px;margin-top:18px}.hero-demo-link{font-size:12px}.hero-demo-link>span{width:28px;height:28px}.marketing .hero-actions{gap:16px}.feature-strip strong{font-size:12px}.feature-strip>a>svg:first-of-type{width:18px;height:18px}.feature-strip>a>svg:last-child{width:13px;height:13px}.feature-strip>a{gap:7px;padding-block:18px}.manifesto h2{font-size:29px}.manifesto h2 br{display:none}.manifesto>p{font-size:15px}.privacy-ribbon>.wrap{padding-block:21px;gap:14px}.privacy-ribbon>.wrap>svg{width:27px;height:27px}.privacy-ribbon p{font-size:13px}.privacy-ribbon span{font-size:12px}.privacy-ribbon a{padding:0}.marketing .scenario strong{font-size:16px}.marketing .scenario{gap:10px;padding:16px 0}.marketing .scenario-copy{font-size:14px}.marketing .demo-app-body{padding:22px 18px;height:400px}.marketing .demo-app-header{padding:16px 18px}.marketing .demo-label{font-size:11px}.match-row{gap:10px;font-size:12px}.match-row>span{width:57px}.match-people{gap:3px}.match-people>b{height:26px}.match-row strong{font-size:13px}.overlap-visual{padding-block:22px}.personal-visual{padding-block:22px}.week-paper{padding:16px 12px}.week-blocks{gap:10px 6px}.week-blocks>span{font-size:10px}.marketing .family-visual{padding:24px 18px}.small-grid{grid-template-columns:1fr;gap:26px}.small-grid h3{font-size:19px;margin-bottom:10px}.small-grid svg{margin-bottom:12px}.download-band h2{font-size:31px}.download-band p{font-size:15px}.apk-download{padding:16px;gap:12px}.apk-download>span{font-size:15px}.store-slots{gap:10px}.store-slots>div{font-size:14px;padding:12px;gap:8px}.store-slots svg{width:20px;height:20px}}
@media(max-width:520px){.experience-nav>[role=tablist]{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.marketing .scenario{min-height:100px;align-items:flex-start;position:relative;padding:14px 0}.marketing .scenario-number{min-width:18px;padding-top:3px}.marketing .scenario strong{font-size:15px;line-height:1.4}.marketing .scenario small{font-size:11px;line-height:1.45;margin-top:7px}.marketing .scenario>svg{display:none}.marketing .scenario-copy{margin-top:18px}.marketing .experience-nav #demo-caption{font-size:12px}}
@media(max-height:650px){.marketing .hero{min-height:0;height:calc(100svh - 110px);max-height:none}.marketing .hero-content{padding-block:18px}.marketing .hero h1{font-size:45px;margin-bottom:12px}.marketing .hero-tagline{font-size:31px!important;margin-bottom:12px!important}.marketing .hero .eyebrow{margin-bottom:12px}.marketing .hero-content>p{font-size:13px;line-height:1.5}.marketing .hero .hero-note{margin-top:12px}.marketing .hero-actions{gap:12px;margin-top:0}}
@media(prefers-reduced-motion:reduce){.marketing *,.marketing *:before,.marketing *:after{animation:none!important;transition:none!important}.marketing .demo-stage{transform:none}}
