:root{--bg:#fff;--bg-soft:#f5f5f7;--text:#1d1d1f;--text-sub:#6e6e73;--text-mute:#a1a1a6;--border:#e5e5e7;--border-strong:#d2d2d7;--accent:#1d1d1f;--blue:#0071e3;--green:#34c759;--purple:#7c3aed}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);scroll-behavior:smooth;width:100%;overflow-x:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}.container{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:100px 0}.section-title{letter-spacing:-.035em;font-size:48px;font-weight:800;line-height:1.1}.section-sub{color:var(--text-sub);margin-top:16px;font-size:18px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.hero-layout{flex-direction:column;align-items:center;width:100%;display:flex}.hero-title-wrap{text-align:left;width:100%;margin-bottom:24px}.hero-title{letter-spacing:-.04em;font-size:76px;font-weight:800;line-height:1.05}.hero-title-main{background:linear-gradient(135deg,#ffb6c1 0%,#89cff0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-title-sub{margin-top:12px;font-size:40px}.hero-bottom{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.hero-sub{color:var(--text-sub);max-width:600px;font-size:19px;line-height:1.6}.hero-3a-badges{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.pill-badge{background:var(--bg);border:1px solid var(--border);color:var(--text-sub);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:15px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #00000005}.pill-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.pill-badge b{color:var(--text);font-weight:700}.pill-badge.blue .draw-a{color:var(--blue)}.pill-badge.purple .draw-a{color:var(--purple)}.pill-badge.green .draw-a{color:var(--green)}.hero-actions{gap:16px;display:flex}.hero-btn{border-radius:14px;padding:15px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s}.hero-btn:hover{transform:translateY(-2px)}.hero-btn.primary{background:var(--accent);color:#fff}.hero-btn.secondary{background:var(--bg);border:1px solid var(--border-strong);color:var(--text)}.hero-visual{z-index:10;justify-content:center;align-items:center;display:flex;position:relative}@media (width<=900px){.hero-layout{padding-top:40px}.hero-title{font-size:52px}.hero-title-sub{font-size:24px}.hero-sub{padding:0 16px;font-size:16px}.hero-actions{flex-direction:column;gap:12px;width:100%;padding:0 24px}.hero-btn{text-align:center;width:100%;padding:14px}.hero-3a-badges{gap:8px;padding:0 10px}.pill-badge{padding:6px 12px;font-size:13px}.pill-badge .draw-a{width:16px;height:16px}.hero-visual{transform:scale(.85);margin-top:20px!important}section{padding:60px 0}.section-title{font-size:32px}.section-sub{font-size:16px}.mode-grid{padding:0 16px;grid-template-columns:1fr!important;gap:16px!important}.mode-card{padding:24px 20px!important}.zd-card{grid-template-columns:1fr!important}.zd-card>div:first-child{padding:32px 20px!important}.zd-card>div:last-child{padding:24px 20px!important}.provider-grid{padding:0 16px;grid-template-columns:1fr!important;gap:16px!important}.provider-card{border-radius:20px!important;padding:24px 20px!important}.ub-card{border-radius:20px!important;grid-template-columns:1fr!important}.ub-card>div:first-child,.ub-card>div:last-child{padding:32px 20px!important}.hiw-steps{grid-template-columns:1fr!important;gap:32px!important;margin-top:40px!important}.hiw-line{display:none!important}.os-content{padding:0 16px;flex-direction:column!important;gap:32px!important;display:flex!important}.os-content>div{width:100%!important}.os-content>div:last-child{border-radius:20px!important;padding:24px!important}.container{padding:0 16px}}.hero-3a-badges{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:24px;margin-bottom:40px;display:flex}.typewriter-cursor{background-color:var(--text);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-sub{color:var(--text-sub);max-width:600px;margin:0 auto;font-size:19px;line-height:1.6}@media (width<=900px){.hero-3a-badges{justify-content:center;margin-bottom:24px}}.hero-sub{color:var(--text-sub);text-align:left;margin-bottom:32px;font-size:19px;line-height:1.6}@media (width<=900px){.hero-bottom-layout{flex-direction:column;align-items:center;gap:32px}.hero-text-col{text-align:center}.hero-sub{text-align:center;margin-bottom:24px}.hero-actions{flex-direction:column;justify-content:center;width:100%}.hero-3a-col{align-items:flex-start}}.hero-bottom-layout{justify-content:space-between;align-items:flex-end;width:100%;margin-top:40px;display:flex}.hero-text-col{flex:1;max-width:500px}.hero-sub{color:var(--text-sub);text-align:left;min-height:80px;margin-bottom:32px;font-size:19px;line-height:1.6}.hero-actions{justify-content:flex-start;gap:16px;display:flex}.hero-3a-col{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (width<=900px){.hero-bottom-layout{flex-direction:column;align-items:center;gap:32px}.hero-text-col{text-align:center;width:100%}.hero-sub{text-align:center;margin-bottom:24px}.hero-actions{flex-direction:column;justify-content:center;width:100%}.hero-btn{text-align:center;width:100%}.hero-3a-col{align-items:flex-start}.a3-grid,.skill-grid{padding:0 16px;grid-template-columns:1fr!important;gap:16px!important}.stats-grid{padding:0 16px;grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:24px!important}.hero-visual{transform-origin:50%;transform:scale(.78);margin-top:10px!important;margin-bottom:20px!important}.float-code{top:12%!important;right:-10%!important;transform:rotate(4deg)scale(.9)!important}.float-perm{bottom:12%!important;left:-10%!important;transform:rotate(-4deg)scale(.9)!important}}@media (width<=400px){.hero-visual{transform:scale(.7)}.float-code{right:-5%!important}.float-perm{left:-5%!important}}@media (width<=900px){.zd-grid,.persona-grid{padding:0 16px;grid-template-columns:1fr!important;gap:16px!important}.hero-visual{max-width:100%!important;margin-top:24px!important;transform:scale(1)!important}}.hero-bottom-layout{margin-bottom:20px!important}@media (width<=900px){.hero-visual{margin-top:80px!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}