.app-page{color:var(--text-primary)}.app-page__inner{flex-direction:column;gap:clamp(3.5rem,7vw,5.5rem);width:min(100%,80rem);margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem) 1rem 3rem;display:flex}@media (width>=640px){.app-page__inner{padding-inline:1.5rem}}@media (width>=1024px){.app-page__inner{padding-inline:2rem}}.app-hero-bento__grid{gap:1rem;display:grid}.app-hero-bento__left{gap:1rem;min-width:0;display:grid}.app-hero-bento__main{background:radial-gradient(ellipse 80% 60% at 100% 0%, var(--glow-green), transparent 55%), linear-gradient(180deg, var(--page-bg-muted), var(--page-bg-soft));border-radius:2rem;gap:.85rem;min-height:0;padding:1.4rem;display:grid}.app-hero-bento__title{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.65rem,4.2vw,2.85rem);font-weight:500;line-height:1.2}.app-hero-bento__title-line{display:block}.app-hero-bento__title-line--brand{color:#7ba189;font-size:2em}.app-hero-bento__title-line+.app-hero-bento__title-line{margin-top:.12em}.app-hero-bento__text{width:100%;max-width:none;color:var(--text-secondary);margin:0;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.6}.app-hero-bento__stores{flex-wrap:wrap;gap:.65rem;margin-top:.5rem;display:flex}.app-hero-bento__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}a.app-hero-bento__tile{color:inherit;text-decoration:none}a.app-hero-bento__tile:focus-visible{outline-offset:2px;outline:2px solid #ffffff73}.app-hero-bento__tile{color:var(--text-primary);border-radius:1.75rem;gap:.55rem;padding:1.15rem 1.2rem 1.25rem;display:grid}.app-hero-bento__tile--install{background:linear-gradient(145deg, var(--accent-green-gradient-strong), var(--accent-green-gradient-soft)), var(--page-bg-soft)}.app-hero-bento__tile--web{background:linear-gradient(145deg, var(--accent-orange-gradient-strong), var(--accent-orange-gradient-soft)), var(--page-bg-soft)}.app-hero-bento__tile-label{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:500;line-height:.98}.app-hero-bento__tile-text{color:#ffffffc7;margin:0;font-size:.82rem;line-height:1.55}.app-hero-bento__phone{background:var(--page-bg-muted);border-radius:2rem;justify-content:center;align-items:center;padding:1.25rem;display:flex}a.app-store{text-decoration:none;transition:background-color .28s}a.app-store:hover{background:var(--btn-outline-bg-hover)}.app-store{min-height:2.5rem;color:var(--text-primary);background:var(--btn-outline-bg);border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .85rem;font-size:.82rem;font-weight:500;line-height:1;display:inline-flex}.app-store--disabled{color:var(--text-muted);background:#ffffff0a}.app-store__badge{font-size:.66rem;font-weight:500}.app-store__badge--muted{color:#ffffff85}.app-hero__mockup{width:auto;max-width:100%;height:min(58vh,420px);display:inline-block;position:relative}.app-hero__screen{z-index:1;background:#000;border-radius:1rem;position:absolute;inset:1% 2%;overflow:hidden}.app-hero__screen-slide{opacity:0;background-position:top;background-repeat:no-repeat;background-size:cover;transition:opacity .9s;position:absolute;inset:0}.app-hero__screen-slide.is-active{opacity:1}.app-hero__phone-image{z-index:2;width:auto;max-width:100%;height:100%;display:block;position:relative}.app-feedback{background:radial-gradient(ellipse 80% 70% at 0% 0%, var(--accent-green-soft), transparent 58%), var(--page-bg-soft);border-radius:1.75rem;gap:1.25rem;padding:1.25rem;display:grid}.app-feedback__title{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:500;line-height:1.1}.app-feedback__text{color:var(--text-secondary);margin:.75rem 0 0;font-size:.95rem;line-height:1.7}.app-feedback__channels{gap:.75rem;display:grid}.app-feedback__channel{color:inherit;background:#ffffff0a;border-radius:1.25rem;align-items:center;gap:1rem;padding:1rem 1.1rem;text-decoration:none;transition:background-color .28s;display:flex}.app-feedback__channel:hover{background:#ffffff12}.app-feedback__channel:focus-visible{outline:2px solid var(--accent-green-focus-border);outline-offset:2px}.app-feedback__channel-icon{background:var(--accent-green-soft);width:2.75rem;height:2.75rem;color:var(--accent-green);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-feedback__channel-copy{gap:.2rem;min-width:0;display:grid}.app-feedback__channel-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.app-feedback__channel-value{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.35}.app-scenarios__grid{gap:clamp(1.75rem,4vw,2.25rem);display:grid}.app-scenario-panel{gap:1.15rem;display:grid}.app-scenario-panel--student .app-scenario-panel__role{color:var(--accent-green)}.app-scenario-panel--instructor .app-scenario-panel__role{color:var(--accent-orange)}.app-scenario-panel--pedagogue .app-scenario-panel__role{color:var(--text-primary)}.app-scenario-panel__role{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:500;line-height:.98}.app-scenario-panel__summary{color:var(--text-secondary);text-align:left;margin:.45rem 0 0;font-size:.95rem;line-height:1.65}.app-scenario-panel__features{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.app-scenario-panel__feature{isolation:isolate;background:var(--page-bg-soft);text-align:left;border-radius:1.25rem;align-content:start;justify-items:start;gap:.75rem;height:100%;min-height:100%;padding:1rem 1.1rem 1.05rem;display:grid;position:relative;overflow:hidden}.app-scenario-panel--student{--feature-glow:var(--glow-green)}.app-scenario-panel--instructor{--feature-glow:var(--glow-orange)}.app-scenario-panel--pedagogue{--feature-glow:#ffffff1a}@media (hover:hover) and (pointer:fine){.app-scenario-panel__feature:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(14rem circle at var(--glow-x,50%) var(--glow-y,50%), var(--feature-glow,#ffffff1a), transparent 70%);opacity:0;pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.app-scenario-panel__feature.is-glowing:after{opacity:1}}@media (prefers-reduced-motion:reduce){.app-scenario-panel__feature:after{transition:none}}.app-scenario-panel__feature-icon{width:2rem;height:2rem;color:var(--text-primary);background:#ffffff12;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-scenario-panel--student .app-scenario-panel__feature-icon{background:var(--accent-green-soft);color:var(--accent-green)}.app-scenario-panel--instructor .app-scenario-panel__feature-icon{background:var(--accent-orange-soft);color:var(--accent-orange)}.app-scenario-panel--pedagogue .app-scenario-panel__feature-icon{color:var(--text-primary);background:#ffffff12}.app-scenario-panel__feature-copy{text-align:left;align-content:start;gap:.35rem;width:100%;display:grid}.app-scenario-panel__feature-label{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:.92rem;font-weight:500;line-height:1.35}.app-scenario-panel__feature-hint{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.6}@media (width>=640px){.app-hero__mockup{height:min(64vh,500px)}.app-feedback{border-radius:1.75rem;padding:1.5rem}}@media (width>=768px){.app-feedback{grid-template-columns:minmax(0,1fr) minmax(16rem,19rem);align-items:start;gap:1.5rem 2rem}.app-feedback__channels{grid-template-columns:minmax(0,1fr)}.app-scenarios__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,4rem)}.app-scenario-panel:last-child:nth-child(odd){grid-column:1/-1}.app-scenario-panel:last-child:nth-child(odd) .app-scenario-panel__features{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.app-scenario-panel__features{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.85rem}}@media (width>=1024px){.app-hero-bento__grid{grid-template-columns:minmax(0,1.08fr) minmax(280px,380px);align-items:stretch;gap:1rem}.app-hero-bento__left{grid-template-rows:minmax(0,1fr) auto;min-height:0}.app-hero-bento__main{border-radius:2.5rem;flex-direction:column;height:100%;min-height:0;padding:1.75rem 2rem;display:flex}.app-hero-bento__phone{border-radius:2.5rem;height:100%;padding:1.5rem}.app-hero__mockup{height:500px}.app-hero-bento__tile{border-radius:2rem;padding:1.25rem 1.35rem 1.4rem}.app-feedback{border-radius:2rem;gap:1.5rem;padding:1.75rem 2rem}}.app-faq{gap:1.5rem;display:grid}.app-faq__title{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:500;line-height:1.1}.app-faq__list{gap:.75rem;display:grid}.app-faq__item{background:var(--page-bg-soft);border-radius:1.25rem}.app-faq__question{letter-spacing:-.01em;cursor:pointer;border-radius:1.25rem;padding:1.1rem 3rem 1.1rem 1.25rem;font-size:1rem;font-weight:500;list-style:none;position:relative}.app-faq__question::-webkit-details-marker{display:none}.app-faq__question:after{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:.6rem;height:.6rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-65%)rotate(45deg)}.app-faq__item[open] .app-faq__question:after{transform:translateY(-35%)rotate(225deg)}.app-faq__answer{color:var(--text-secondary);margin:0;padding:0 1.25rem 1.15rem;font-size:.9375rem;line-height:1.65}.app-faq__answer a{color:var(--text-primary);text-decoration:none;transition:color .18s}.app-faq__answer a:hover{color:var(--accent-green)}@media (width<=767px){.app-hero-bento__main{background:0 0;border-radius:0;padding:0}.app-hero-bento__phone{padding-top:2.5rem;background:0 0;border-radius:0;width:calc(100% + 2rem);margin-inline:-1rem;padding-inline:1rem}.app-hero__mockup{height:min(78vh,580px)}.app-scenarios__grid{grid-template-columns:minmax(0,1fr)}.app-feedback__title{font-size:clamp(1.2rem,4.2vw,1.45rem)}.app-feedback__text{margin-top:.65rem;font-size:.875rem;line-height:1.65}}