.service-hub{max-width:1180px;padding:64px 32px 80px;min-height:70vh}.hub-heading{text-align:center;margin-bottom:22px}.hub-heading h1,.service-detail h1{font-size:clamp(25px,4vw,42px);line-height:1.7;margin:14px 0}.service-card p,.service-detail p{color:var(--text-muted);line-height:2}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;padding:20px 24px;min-height:246px;border:1px solid var(--edge);border-top-color:var(--violet-edge);border-radius:20px;background:radial-gradient( ellipse at top,#262638 0%,#191c28 48%,#12151e 100% );box-shadow:0 16px 40px #00000030}.service-card:focus-within{border-color:var(--violet)}.service-card .service-link::after{content:"";position:absolute;inset:0}.service-grid{scroll-margin-top:12px}@media (min-width:761px){.service-hub:has(.service-grid){padding-top:30px}}.service-card h2{font-size:32px;margin:8px 0 4px;width:100%}.service-card p{margin:0 0 16px;flex:1}.hub-back{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:bold;transition:background 0.2s,box-shadow 0.2s}.service-detail{max-width:780px;margin:40px auto;padding:36px;border:1px solid var(--edge);border-radius:24px;background:var(--panel)}.service-lead{font-size:20px}.service-actions{margin:30px 0}.service-detail small{color:var(--text-muted);line-height:2}@media (max-width:760px){.service-hub{padding:36px 20px 54px}.service-grid{gap:18px}.service-card{padding:20px 16px}.service-detail{padding:24px}.hub-heading{margin-bottom:28px}}.service-icon{display:grid;place-items:center;width:64px;height:64px;color:var(--accent);background:#f7d9500c;border:1px solid #f7d95038;border-radius:50%}.service-icon svg{width:40px;height:40px}.service-card .service-link{margin-top:auto}.service-card p{max-width:280px} .verify-shine{opacity:0}.person,.verify-star,.view-pupil,.chart-bar{transform-box:fill-box;transform-origin:center}.motion-play .person,.motion-play .verify-star,.motion-play .view-pupil{animation:icon-pulse 1.1s ease-in-out}.motion-play .person-right{animation-delay:.12s}.motion-play .person-center{animation-delay:.24s}.motion-play .chart-bar{transform-origin:center bottom;animation:bar-pulse 1s ease-in-out}.motion-play .bar-two{animation-delay:.12s}.motion-play .bar-three{animation-delay:.24s}.motion-play .verify-shine{animation:star-glint 1.2s ease-in-out}@keyframes icon-pulse{50%{transform:scale(1.09)}}@keyframes bar-pulse{50%{transform:scaleY(.78)}}@keyframes star-glint{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.service-icon *{animation:none !important}.hub-back{transition:none}} @media (max-width:600px){.service-hub{padding:24px 20px 32px;min-height:0}.hub-heading{margin-bottom:22px}.hub-heading h1{font-size:clamp(23px,6.5vw,28px);line-height:1.8;margin:10px 0}.service-detail{padding:20px 16px;margin:22px auto 0;border-radius:20px}.service-detail h1{margin:10px 0;font-size:25px}.service-lead{font-size:16px;line-height:1.9}.service-actions{margin:22px 0 18px}.hub-back{min-height:44px;padding:9px 16px;font-size:13px}.service-hub:has(.service-grid){padding:24px 12px 32px}.service-detail p{font-size:13px;line-height:2}.service-grid{gap:12px}.service-card{padding:18px 10px;min-height:240px;min-width:0;border-radius:18px}.service-card h2{font-size:clamp(17px,4.8vw,21px);margin:14px 0 8px}.service-card p{font-size:12px;line-height:1.9;margin-bottom:16px}.service-card .service-icon{width:52px;height:52px;border-radius:50%}.service-card .service-icon svg{width:32px;height:32px}}