.app-nav{background:var(--paper)}
.app-nav nav{margin-left:auto;margin-right:42px}
.app-nav .nav-cta{display:inline-flex}
.app-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:650px;background:#f9f7f1}
.app-hero-copy{padding:clamp(74px,10vw,140px) clamp(24px,7vw,100px) clamp(72px,9vw,120px) clamp(24px,10vw,150px)}
.app-hero h1{font-size:clamp(53px,6.6vw,94px);max-width:760px}
.app-hero h1 em{color:var(--orange)}
.app-deck{max-width:570px;margin:30px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#43534b}
.app-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:34px}
.app-hero-art{display:grid;place-items:center;position:relative;overflow:hidden;background:var(--tan);padding:64px 30px}
.app-hero-art::before,.app-hero-art::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(23,40,33,.2);aspect-ratio:1}
.app-hero-art::before{width:620px}.app-hero-art::after{width:430px}
.app-shot{position:relative;z-index:1;display:block;width:min(310px,82%);border:8px solid #fff;border-radius:32px;box-shadow:20px 24px 45px rgba(23,40,33,.2)}
.app-section{padding:clamp(72px,10vw,140px) clamp(24px,10vw,150px)}
.app-section h2{font-size:clamp(42px,5.2vw,73px)}
.app-section h2 em{font-family:var(--serif)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:62px}
.feature-card{min-height:260px;padding:28px;border:1px solid var(--line);background:#fffdf7}
.feature-card:nth-child(2){background:#e6e3ec}.feature-card:nth-child(3){background:#d9e7d8}
.feature-number{font:500 10px var(--mono);letter-spacing:1px;color:#69756f}
.feature-card h3{margin:64px 0 12px;font-size:22px;letter-spacing:-.8px}
.feature-card p{margin:0;font-size:14px;line-height:1.7;color:#506058}
.app-details{background:var(--ink);color:#f6f3eb;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,9vw,130px);align-items:start}
.app-details .section-kicker{color:var(--lime)}
.app-details-copy p{margin:0 0 22px;font-size:16px;line-height:1.75;color:#ccd4cf}
.app-details-copy ul{margin:30px 0 0;padding:0;list-style:none}
.app-details-copy li{padding:16px 0;border-top:1px solid #485a51;font-size:14px;line-height:1.6}
.app-details-copy strong{color:var(--lime)}
.app-terms{font-size:12px!important;color:#aebbb4!important}
.app-terms a{color:#fff}
.app-cta{background:var(--orange);color:#fff;text-align:center;padding:clamp(80px,10vw,126px) 24px}
.app-cta h2{font-size:clamp(43px,5.3vw,72px)}
.app-cta h2 em{color:var(--ink)}
.app-cta p{max-width:540px;margin:26px auto;font-size:16px;line-height:1.7}
@media(max-width:760px){.app-nav nav,.app-nav .nav-cta{display:none}.app-hero{grid-template-columns:1fr}.app-hero-copy{padding:66px 25px}.app-hero-art{min-height:500px}.feature-grid,.app-details{grid-template-columns:1fr}.feature-card{min-height:230px}.feature-card h3{margin-top:42px}}