/* L'app — a quiet product tour with original screens and a warm incubation scene. */
.app-page .app-flow{background:radial-gradient(900px 700px at 90% 0%,rgba(93,148,107,.16),transparent 75%),linear-gradient(#0a140f,#09110d 55%,#060e0a)}
.app-page .app-flow::before,.app-page #features::before{content:none}
.app-page .page-hero{min-height:0;padding:clamp(9rem,15vw,13rem) 0 clamp(3.5rem,7vw,6rem)}
.app-page .page-hero h1.display{font-size:clamp(2.65rem,6.4vw,6rem);font-stretch:100%;font-weight:700;text-transform:none;letter-spacing:-.055em;line-height:1.06;margin-left:0;max-width:18ch;overflow-wrap:normal}
.app-page .page-hero h1 span{color:#c9e5b9}
.app-page .page-hero .lead{max-width:47ch;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.6;margin-top:1.5rem}
.app-page .page-hero>.bloom{opacity:.35}
.app-chapters{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2rem}
.app-chapters a{display:flex;align-items:center;gap:.7rem;min-height:44px;color:#e1e9df;font-size:.85rem}
.app-chapters a span{color:#9fae9c;font-family:var(--font-mono);font-size:.7rem}
.app-chapters a:hover{color:var(--tt-leaf)}
.app-page #features{margin-top:0;padding-top:0!important;padding-bottom:clamp(4rem,8vw,7rem)}
.app-page .feature,.app-page .feature.flip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem);margin-bottom:clamp(4rem,8vw,7rem);padding:0}
.app-page .feature:last-child{margin-bottom:0}
.app-page .feature-media{min-height:610px;padding:2.5rem 1.5rem;border-radius:30px;background:radial-gradient(ellipse at 50% 30%,rgba(209,232,190,.13),transparent 68%),#15241a;overflow:hidden}
.app-page .feature:nth-of-type(2) .feature-media{background:radial-gradient(ellipse at 50% 30%,rgba(173,209,202,.14),transparent 68%),#13221e}
.app-page .feature:nth-of-type(3) .feature-media{background:radial-gradient(ellipse at 50% 30%,rgba(215,194,144,.12),transparent 68%),#20251a}
.app-page .feature-media .bloom,.app-page .feature-media .r{display:none}
.app-page .feature-media .device{width:250px;max-width:100%;align-self:center;transform:rotate(-3deg);border-radius:38px;box-shadow:0 35px 60px #0006}
.app-page .feature.flip .device{transform:rotate(3deg)}
.app-page .feature-media .device:hover{transform:translateY(-5px) rotate(0)}
.app-page .feature-copy{gap:1.25rem}
.app-page .feature-copy .tag{letter-spacing:.1em;font-size:.68rem;color:#b4caab}
.app-page .feature-copy h3{font-size:clamp(2rem,3.5vw,3.7rem);font-weight:650;font-stretch:100%;line-height:1.08;letter-spacing:-.045em;text-transform:none;max-width:15ch}
.app-page .feature-copy p{font-size:1rem;line-height:1.75;color:#b5c0b5}
.app-page .feature-copy .flist{gap:.7rem}
.app-page .feature-copy .flist li{font-size:.88rem;line-height:1.5;color:#d7ded3}
.app-page .feature-copy .flist svg{width:16px;height:16px;color:#a8c897}
.app-page #also-sec{padding-bottom:clamp(4rem,8vw,7rem)}
.app-page .also{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;border:0}
.app-page .also .card{grid-column:auto;grid-row:auto;justify-content:flex-start;padding:1.6rem 0 2.3rem;background:none;border:0;border-top:1px solid #d1dfc823;gap:.75rem}
.app-page .also .card .idx{font-family:var(--font-mono);font-size:.72rem;font-weight:400;line-height:1.3;color:#9baf95;margin:0}
.app-page .also .card h3{font-size:1.08rem;font-weight:600}
.app-page .also .card p{font-size:.88rem;line-height:1.7;color:#aebbaa}
.app-page #breeding{padding-bottom:clamp(4rem,8vw,7rem)}
.app-page .breeding-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem)}
.app-page .egg-stage{min-height:540px;border-radius:30px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#e0d0a317,transparent 65%),#18231a}
.app-page .egg-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid #d6c8a31f;border-radius:50%;transform:rotateX(58deg) translateY(55%);z-index:-1}
.app-page .egg-shadow{position:absolute;width:40%;height:24px;border-radius:50%;background:#0007;filter:blur(12px);bottom:92px}
.app-page .egg-svg{width:240px;max-width:66%;margin-bottom:42px;filter:drop-shadow(15px 24px 24px #0005);transform-origin:50% 90%}
.app-page .egg-shell{fill:url(#eggIvory)}
.app-page .egg-fill-rect{fill:url(#eggWarmth)}
.app-page .egg-outline{fill:none;stroke:#fff6da44;stroke-width:1}
.egg-cycle{position:absolute;bottom:32px;left:10%;right:10%;color:#cccfba}
.egg-cycle-line{height:1px;background:#e2d1a330;position:relative}
.egg-cycle-line i{display:block;width:36%;height:1px;background:#e0cca3;position:relative}
.egg-cycle-line i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#f0dfbe;box-shadow:0 0 12px #e0cca355}
.egg-cycle-labels{display:flex;justify-content:space-between;gap:.5rem;margin-top:14px;font-size:.64rem;letter-spacing:.035em;font-family:var(--font-mono)}
.app-page .breeding-title{font-size:clamp(2.4rem,4.4vw,4.3rem);font-weight:650;font-stretch:100%;text-transform:none;letter-spacing:-.05em;line-height:1.1}
.app-page .breeding-title span{color:#e8d8b6;white-space:normal}
.app-page .breeding .feature-copy p{max-width:37ch}
.breeding-details{display:grid;gap:1rem;margin-top:.75rem}
.breeding-details li{display:flex;align-items:center;gap:1rem;color:#d5dccf;font-size:.88rem}
.breeding-details li span{font-family:var(--font-mono);font-size:.65rem;color:#b7a68a}
.app-page #guardian{padding-bottom:clamp(3rem,6vw,5rem)}
.app-page .guardian .top{border-top:1px solid #d1dfc823;padding-top:3rem}
.app-page .guardian h2{font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.12;font-weight:600;font-stretch:100%;letter-spacing:-.035em;text-transform:none}
.app-page .guardian h2 span{color:#aac499}
.app-page .guardian .lead{font-size:.98rem;line-height:1.7;max-width:49ch}
.guardian-example{font-family:var(--font-mono);color:#b0bdac;font-size:.68rem;margin-bottom:1rem}
.app-page .guardian .stats .stat .v{font-size:2.25rem;font-weight:600}
.app-page .guardian .stats .stat .l{font-size:.74rem}
.app-page .guardian .milestones{margin-top:1.5rem}
.app-page .app-icon-layout{grid-template-columns:1fr 1.2fr}
.app-page .app-icon-copy h2{font-size:clamp(1.8rem,2.8vw,2.7rem);font-weight:600;font-stretch:100%;text-transform:none;line-height:1.1;letter-spacing:-.035em;max-width:none}
.app-page .app-icon-copy p{font-size:.9rem;line-height:1.7}
.app-page #offer-sec .section-head h2{font-size:clamp(1.75rem,3vw,3rem);font-weight:600;font-stretch:100%;text-transform:none;letter-spacing:-.035em;line-height:1.12}
.app-page .offer{border-radius:26px;box-shadow:none}
.app-page .offer::before{display:none}
.app-page .offer:hover{box-shadow:none;border-color:var(--tt-hairline)}
.app-page .offer .price{font-size:clamp(2rem,3vw,3rem);font-weight:650;font-stretch:100%;text-transform:none;line-height:1.1;letter-spacing:-.04em}
.app-page .offer .col.pro,.app-page .offer:hover .col.pro{background:#bce7980d}
@media(max-width:1000px){
  .app-page .feature-media{min-height:520px;padding:2rem 1rem}
  .app-page .feature-media .device{width:215px}
  .app-page .egg-stage{min-height:480px}
  .app-page .app-icon-layout{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:760px){
  .app-page .page-hero{padding-top:8.5rem;padding-bottom:3rem}
  .app-page .page-hero h1.display{font-size:clamp(2.5rem,8vw,3.8rem)}
  .app-page .page-hero .lead{font-size:1rem;max-width:35ch}
  .app-chapters{gap:.25rem 1.4rem;margin-top:1.4rem}
  .app-chapters a{font-size:.76rem;gap:.45rem}
  .app-page .feature,.app-page .feature.flip{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}
  .app-page .feature.flip .feature-media{order:0}
  .app-page .feature-media{min-height:480px}
  .app-page .feature-media .device{width:205px}
  .app-page .feature-copy h3{max-width:19ch;font-size:2.15rem}
  .app-page .feature-copy p{max-width:55ch}
  .app-page .also{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.75rem}
  .app-page .breeding-grid{grid-template-columns:1fr;gap:2rem}
  .app-page .egg-stage{min-height:430px}
  .app-page .egg-svg{width:210px}
  .app-page .egg-shadow{bottom:80px}
  .app-page .guardian .top{grid-template-columns:1fr;gap:2.5rem}
  .app-page .app-icon-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:430px){
  .app-page .page-hero h1.display{font-size:clamp(2rem,9vw,2.6rem)}
  .app-page .also{grid-template-columns:1fr}
  .app-page .also .card{padding:1.4rem 0}
  .app-page .egg-stage{min-height:390px}
  .app-page .egg-svg{width:190px}
  .app-page .feature-media{min-height:455px;border-radius:24px}
  .app-page .breeding-title{font-size:2.35rem}
}
@media(prefers-reduced-motion:reduce){
  .app-page .feature-media .device,.app-page .feature.flip .device{transform:none;transition:none}
  .app-page .egg-svg{transform:none!important}
}

.app-page #features,.app-page #breeding,.app-page #offer-sec{scroll-margin-top:100px}