.oa-hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-height) + var(--space-8)) var(--space-6) var(--space-16);overflow:hidden}.oa-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(15,157,88,.12),transparent),radial-gradient(ellipse 40% 30% at 50% 80%,rgba(74,141,255,.06),transparent);pointer-events:none}.oa-hero__content{position:relative;max-width:800px}.oa-hero__title{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:var(--space-6)}.oa-hero__subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.oa-platforms{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.oa-platform{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);border:1px solid}.oa-platform--sheets{color:#34a853;border-color:#34a85366;background:#34a8531a}.oa-platform--coming-soon{color:var(--text-muted);border-color:var(--border-primary);background:transparent;opacity:.7;font-weight:500}.oa-platform svg{width:18px;height:18px}.badge--soon{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-muted);font-weight:600;margin-left:var(--space-1)}.badge--beta{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full);background:#6366f126;color:#818cf8;font-weight:600;margin-left:var(--space-1)}.oa-platform--beta{opacity:.9}.oa-hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.feature-panel{display:none}.feature-panel.is-active{display:block;animation:fade-in-scale .3s ease}.feature-panel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-item{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base)}.feature-item:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-item__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:18px}.feature-item__icon--green{background:#34a8531a;color:#34a853}.feature-item__title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.feature-item__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.functions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.function-chip{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:#34a853;transition:all var(--transition-fast)}.function-chip--featured{font-weight:700}.function-chip:hover{border-color:#34a853;background:#34a8530d}.functions__more{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.coming-soon-section{text-align:center}.coming-soon__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.coming-soon__desc{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-8)}.coming-soon__grid{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.coming-soon__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-8);background:var(--bg-card);border:1px dashed var(--border-primary);border-radius:var(--radius-xl);opacity:.6;transition:opacity var(--transition-fast)}.coming-soon__card:hover{opacity:.85}.coming-soon__card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.coming-soon__card-icon--slides{background:#fbbc041a;color:#fbbc04}.coming-soon__card-icon--docs{background:#4285f41a;color:#4285f4}.coming-soon__card-icon--excel{background:#2173461a;color:var(--color-excel-light)}.coming-soon__card-icon--ppt{background:#c43e1c1a;color:var(--color-ppt-light)}.coming-soon__card-icon--word{background:#2b579a1a;color:var(--color-word-light)}.coming-soon__card-name{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.faq__list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-primary)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--transition-fast)}.faq-item__question:hover{color:var(--brand-primary)}.faq-item__question:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.faq-item__question svg{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.faq-item.is-open .faq-item__question svg{transform:rotate(180deg)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.faq-item.is-open .faq-item__answer{max-height:300px}.faq-item__answer p{padding-bottom:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:768px){.oa-hero{min-height:auto;padding-top:calc(var(--header-height) + var(--space-10));padding-bottom:var(--space-10)}.oa-hero__title{font-size:var(--text-3xl)}.feature-panel__grid{grid-template-columns:1fr}.functions__grid{grid-template-columns:repeat(3,1fr)}.coming-soon__grid{gap:var(--space-3)}.coming-soon__card{padding:var(--space-4) var(--space-5)}}@media(max-width:480px){.oa-hero__title{font-size:var(--text-2xl)}.oa-platforms{gap:var(--space-2)}.oa-hero__actions{flex-direction:column}.oa-hero__actions .btn{width:100%}.functions__grid{grid-template-columns:repeat(2,1fr)}.coming-soon__card{padding:var(--space-3) var(--space-4)}}