.one-page-header{display:grid;gap:var(--page-section-gap)}.one-page-intro{align-items:flex-end}.one-page-intro h1{margin:6px 0;font-size:var(--page-title-size);letter-spacing:-1.1px}.one-page-intro p{max-width:var(--page-copy-max);color:var(--muted);font-size:13px;line-height:1.65}.one-module-intro{display:flex;justify-content:space-between;gap:var(--page-section-gap);margin-bottom:var(--page-section-gap)}.one-phase-badge{flex:none;border-radius:20px;background:var(--color-surface-muted);color:var(--color-text-secondary);padding:8px 12px;font-size:10px;font-weight:700}
.one-attendance-status,.one-mail-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--color-border);border-radius:17px;background:var(--color-surface);padding:25px 27px;margin-bottom:16px}.one-attendance-status small,.one-mail-hero small{font-size:9px;color:var(--brand);font-weight:700}.one-attendance-status h2,.one-mail-hero h2{font-size:19px;margin:7px 0}.one-attendance-status p,.one-mail-hero p{font-size:11px;color:var(--muted)}
.one-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.one-feature-card{min-height:145px;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface);padding:20px}.one-feature-card h3{font-size:15px;margin:20px 0 8px}.one-feature-card p{font-size:11px;color:var(--muted);line-height:1.7}
.one-module-note{display:flex;align-items:center;gap:18px;margin-top:16px;border-radius:13px;background:var(--color-surface-muted);padding:17px 19px}.one-module-note strong{flex:none;font-size:11px}.one-module-note p{font-size:11px;color:var(--color-text-secondary);line-height:1.6}
.one-design-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;border:1px solid var(--color-border);border-radius:17px;background:var(--color-surface);padding:22px;margin-bottom:16px}.one-design-flow div{display:grid;gap:5px}.one-design-flow div span{font-size:9px;color:var(--brand);font-weight:800}.one-design-flow strong{font-size:13px}.one-design-flow small{font-size:9px;color:var(--muted)}.one-design-flow i{font-style:normal;color:var(--color-border-strong)}
@media(max-width:900px){.one-feature-grid{grid-template-columns:1fr 1fr}.one-design-flow{grid-template-columns:1fr 1fr}.one-design-flow i{display:none}}
@media(max-width:620px){.one-module-intro,.one-attendance-status,.one-mail-hero{align-items:flex-start;flex-direction:column}.one-feature-grid{grid-template-columns:1fr}.one-module-note{align-items:flex-start;flex-direction:column;gap:6px}.one-design-flow{grid-template-columns:1fr}}