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