/* App previews derived from Ounce's existing exercises; original artwork retained. */
:root{--app-sky:#edf7fc;--app-line:#d3e4ee}
.product-figure{margin:0;width:100%;max-width:435px;justify-self:center}.product-figure>figcaption{font-size:11px;line-height:1.5;text-align:center;color:var(--muted);margin:14px auto 0;max-width:340px}
.app-screen{width:100%;border:1px solid #c5dce7;border-radius:23px;overflow:hidden;background:white;box-shadow:0 18px 48px #174f6b12;color:var(--ink);text-align:left;font-family:var(--sans)}
.screen-brand{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--app-line);font-size:15px;font-weight:700;line-height:1.4;background:#f6fbfd}.screen-brand img{width:27px;height:27px;flex:0 0 27px}.screen-mark{margin-left:auto;letter-spacing:3px;font-size:12px;color:#7091a3}
.screen-content{padding:24px 22px 19px}.screen-eyebrow{font-size:10px!important;font-weight:750;letter-spacing:.11em;text-transform:uppercase;line-height:1.5!important;color:var(--blue);margin:0 0 7px!important}.app-screen h3{font:400 30px/1.12 var(--serif)!important;letter-spacing:-.035em;margin:0!important}.screen-subtitle{font-size:15px!important;line-height:1.5!important;margin:9px 0 0!important;color:var(--muted)}
.app-screen .sigh-sequence{width:calc(100% + 24px);max-width:none;height:auto;margin:22px -12px 13px}.sigh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;margin:0;padding:0}.sigh-steps li{border-top:1px solid var(--app-line);padding-top:12px;text-align:center;line-height:1.25}.sigh-steps li>span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:var(--app-sky);color:var(--blue);font-size:11px;font-weight:700;margin-bottom:7px}.sigh-steps strong{display:block;font-size:13px;font-weight:650;line-height:1.3}.sigh-steps small{display:block;font-size:11px;line-height:1.45;color:var(--muted);margin-top:4px}.screen-note{font-size:11px!important;line-height:1.5!important;color:var(--muted);margin:17px 0 0!important;text-align:center}.screen-open{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:7px;background:var(--blue);color:white;min-height:45px;padding:10px 16px;margin-top:18px;font-size:13px;font-weight:600}.screen-open:hover{background:#103e55}.screen-open span{font-size:20px;font-weight:400}.screen-preview-label{border-top:1px solid var(--app-line);text-align:center;font-size:10px;letter-spacing:.035em;padding:9px 14px;color:#526d7c;background:#f6fbfd;line-height:1.4}
.hero{grid-template-columns:1.15fr 1fr;gap:65px;padding:53px 0 63px}.hero-product{max-width:450px;transform:rotate(1deg)}.hero-product .app-screen{box-shadow:0 18px 65px #174f6b1c}.sample-link{display:inline-flex;align-items:center;gap:11px;background:none;padding:0;border:0;color:var(--blue);font-size:14px;min-height:44px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.sample-link span{text-decoration:none;font-size:20px}
.support{grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.support>.product-figure{max-width:395px}.app-screen .grounding-sequence{width:100%;max-height:180px;object-fit:contain;margin:18px auto 16px}.compact-steps{list-style:none;padding:0;margin:0}.compact-steps li{display:flex;gap:12px;margin:0;padding:10px 0;border-top:1px solid var(--app-line);line-height:1.4}.compact-steps li>span{background:var(--app-sky);color:var(--blue);height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700}.compact-steps strong{font-size:13px;line-height:1.4;font-weight:650;display:block}.compact-steps small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:3px}
.training{grid-template-columns:1fr 1fr;gap:80px}.training .product-figure{max-width:390px;margin:28px 0 0}.training .product-figure img{width:100%;margin:0;max-width:none}.training .screen-brand img{width:27px;max-width:27px}.training .checkin-sequence{max-height:170px;object-fit:contain;margin:18px auto 16px}.notice-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line)}.notice-prompts span{font-size:11px;line-height:1.5;color:var(--muted)}.notice-prompts strong{display:block;font-size:12px;color:var(--ink)}.rating-question{font-size:13px!important;margin:16px 0 10px!important;font-weight:600;line-height:1.5!important}.rating-preview{display:flex;gap:8px}.rating-preview span{flex:1;border:1px solid #bad4e3;border-radius:6px;background:var(--app-sky);padding:7px;text-align:center;color:var(--blue);font-size:14px;font-weight:600}
.guide-program{margin-top:60px;padding:35px;border-radius:16px;background:var(--app-sky);display:grid;grid-template-columns:1fr 1.15fr;gap:65px}.guide-program h3{font-size:27px;line-height:1.25;margin:10px 0 18px;max-width:390px}.guide-program-intro>p{font-size:15px;color:var(--muted)}.guide-program .guide-item{margin:0;padding:0;border:0}.guide-program .guide-item+.guide-item{border-top:1px solid #c4dce9;padding-top:22px;margin-top:22px}.guide-program .guide-item p{font-size:14px}.guide-program .guide-item h4{font-size:17px}
.tech-layout{display:block}.tech-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.tech-list li{padding:20px 0}.tech-list li:last-child{grid-column:auto}.tech-note{text-align:left;max-width:none}.bundle-price{max-width:690px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:0 40px;align-items:center}.bundle-price .section-number{grid-column:1/-1}.bundle-price h2{grid-column:1;grid-row:2;max-width:320px}.bundle-price .price{grid-column:2;grid-row:2/4;margin:0;text-align:right}.bundle-price .cancel{grid-column:1;grid-row:3;margin-top:13px}.bundle-price .button,.bundle-price .batch-note{grid-column:1/-1}.bundle-price .batch-note{text-align:center}
.exercise-dialog{width:min(660px,calc(100% - 24px));padding:31px}.exercise-dialog>h2{font-size:32px;margin:8px 30px 12px 0}.exercise-intro{font-size:13px!important;color:var(--muted);margin:0 0 20px!important}.exercise-tabs{display:flex;gap:7px;margin:0 0 22px;flex-wrap:wrap}.exercise-tabs button{padding:9px 13px;border:1px solid var(--app-line);background:white;border-radius:7px;font-size:12px;min-height:43px;color:var(--blue)}.exercise-tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:white}.exercise-dialog .app-screen{box-shadow:none;max-width:490px;margin:auto}.exercise-dialog .checkin-sequence{max-height:210px;object-fit:contain;margin:20px auto}.exercise-dialog .grounding-sequence{max-height:225px}.exercise-detail{margin-top:24px;border-top:1px solid var(--app-line);padding-top:19px}.exercise-detail h4{font-size:17px;margin-bottom:12px}.exercise-detail p,.exercise-detail li{font-size:14px!important;line-height:1.7}.exercise-detail ol{padding-left:20px;margin:0 0 15px}.exercise-detail li+li{margin-top:7px}.exercise-detail p+p{margin-top:10px}
.preview-gallery{background:#edf5f9}.preview-gallery main{padding:45px 0}.preview-gallery h1{font-size:45px;margin:25px 0 15px}.preview-gallery .export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}.preview-gallery .export-item>h2{font:600 16px var(--sans);letter-spacing:0;margin-bottom:15px}.preview-gallery .checkin-sequence{max-height:170px;object-fit:contain;margin:18px auto 16px}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:59px}.support,.training{gap:45px}.guide-program{gap:35px}.preview-gallery .export-grid{grid-template-columns:1fr;max-width:430px;margin-inline:auto}.hero .app-screen h3{font-size:28px!important}.screen-content{padding:21px 19px 17px}}
@media(max-width:740px){.hero{padding:34px 0 44px;gap:30px;display:flex}.hero h1{font-size:clamp(43px,11.3vw,64px)}.hero-product{transform:none;max-width:390px;align-self:center}.hero-product .app-screen{box-shadow:0 10px 30px #174f6b12}.app-screen h3{font-size:30px!important}.screen-brand{padding:14px 20px}.screen-content{padding:22px 19px 17px}.app-screen .sigh-sequence{margin-top:20px}.sigh-steps strong{font-size:13px}.sigh-steps small{font-size:11px}.sample-link{font-size:13px;margin:8px 0 0}.support{display:flex;flex-direction:column;gap:28px}.support>.product-figure{order:2;width:100%;max-width:370px;margin:auto}.training{display:flex;flex-direction:column;gap:27px}.training-intro{display:contents}.training .product-figure{order:4;margin:4px auto 0;width:100%;max-width:370px}.training .product-figure img{order:initial}.training .product-figure h3{margin-bottom:0!important}.training .product-figure .screen-brand img{margin:0}.guide-program{display:block;margin-top:38px;padding:26px 22px}.guide-program h3{font-size:25px}.guide-program-features{margin-top:27px}.guide-program .guide-item p{font-size:14px}.tech-list{grid-template-columns:1fr;gap:0}.tech-list li{padding:17px 0}.bundle-price{display:block;text-align:left}.bundle-price h2{max-width:none}.bundle-price .price{text-align:left;margin-top:25px}.bundle-price .cancel{margin-top:10px}.exercise-dialog{padding:30px 18px 22px}.exercise-dialog>h2{font-size:29px}.exercise-tabs{gap:6px}.exercise-tabs button{padding:9px 10px;font-size:11px}.exercise-dialog .screen-content{padding:20px 15px}.exercise-dialog .screen-brand{padding:12px 15px}.exercise-dialog .app-screen h3{font-size:28px!important}.exercise-dialog .notice-prompts{gap:6px}.preview-gallery h1{font-size:36px}.product-figure>figcaption{max-width:290px;font-size:10px}}
@media(max-width:360px){.hero h1{font-size:40px}.screen-content{padding:20px 15px 16px}.screen-brand{padding:12px 15px}.sigh-steps{gap:5px}.sigh-steps strong{font-size:12px}.sigh-steps small{font-size:10px}.app-screen h3{font-size:28px!important}.notice-prompts span{font-size:10px}.notice-prompts strong{font-size:11px}}