:root{--color-page: #f6f8fa;--color-surface: #ffffff;--color-surface-soft: #f6fbf8;--color-surface-green: #eaf8f0;--color-surface-blue: #eff6ff;--color-brand: #07c160;--color-brand-strong: #0f9f55;--color-brand-dark: #0f5132;--color-brand-soft: #e6f8ee;--color-ink: #1f2d3d;--color-ink-strong: #1f2329;--color-muted: #667085;--color-subtle: #98a2b3;--color-line: #e8edf3;--color-price: #ff5a3d;--color-gold: #c9961a;--color-info: #1d4ed8;--shadow-soft: 0 18px 50px rgba(31, 45, 61, .08);--shadow-card: 0 10px 30px rgba(31, 45, 61, .07);--gradient-page: linear-gradient(180deg, #edf8f2 0%, #f3f8ff 58%, #f6f8fa 100%);--gradient-hero: linear-gradient(180deg, #edf8f2 0%, #f3f8ff 62%, #ffffff 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-page);color:var(--color-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.7}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid rgba(7,193,96,.35);outline-offset:3px}.site-shell{min-height:100vh;overflow-x:hidden}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:fixed;top:0;right:0;left:0;z-index:20;width:100%;border-bottom:1px solid rgba(232,237,243,.75);background:#ffffffe0;backdrop-filter:blur(16px)}.home-page .site-header{--home-nav-bg-alpha: 0;--home-nav-blur: 0px;--home-nav-fg: #ffffff;--home-nav-muted: rgba(255, 255, 255, .86);--home-nav-active: #ffffff;--home-nav-toggle-bg: rgba(255, 255, 255, .08);--home-nav-toggle-border: rgba(255, 255, 255, .34);--home-nav-service-bg: rgba(255, 255, 255, .14);--home-nav-service-border: rgba(255, 255, 255, .42);--home-nav-service-hover-bg: rgba(255, 255, 255, .22);border-bottom:0;background:rgb(246 250 248 / var(--home-nav-bg-alpha));backdrop-filter:blur(var(--home-nav-blur)) saturate(1.12);box-shadow:none;transition:background-color .12s linear,backdrop-filter .12s linear}main{padding-top:68px}.home-page main{padding-top:0}.nav{position:relative;display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--color-ink-strong);white-space:nowrap}.brand img{width:34px;height:34px;border-radius:7px}.home-page .brand{color:var(--home-nav-fg)}.nav-links{display:flex;align-items:center;gap:22px;color:var(--color-muted);font-size:14px}.home-page .nav-links{color:var(--home-nav-muted);font-weight:650}.home-page .nav-links a:hover{color:var(--home-nav-fg)}.home-page .nav-links a.active{color:var(--home-nav-active)}.home-page .nav-links.open{color:var(--color-muted)}.home-page .nav-links.open a:hover{color:var(--color-brand-dark)}.home-page .nav-links.open a.active{color:var(--color-brand-strong)}.nav-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(7,193,96,.2);border-radius:10px;background:#fff;color:var(--color-brand-dark);box-shadow:0 8px 18px #1f2d3d0f}.nav-toggle span{width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .16s ease,opacity .16s ease}.home-page .nav-toggle{border-color:var(--home-nav-toggle-border);background:var(--home-nav-toggle-bg);color:var(--home-nav-fg);box-shadow:none}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links a:hover{color:var(--color-brand-strong)}.nav-links a.active{color:var(--color-brand-strong);font-weight:700}.nav-service-btn{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid rgba(7,193,96,.28);border-radius:999px;padding:0 15px;background:var(--color-brand);color:#fff;font-size:14px;font-weight:750;line-height:1;white-space:nowrap;box-shadow:0 8px 20px #07c1602e}.nav-service-btn:hover{background:var(--color-brand-strong)}.home-page .nav-service-btn{border-color:var(--home-nav-service-border);background:var(--home-nav-service-bg);color:#fff;box-shadow:none}.home-page .nav-service-btn:hover{background:var(--home-nav-service-hover-bg)}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:0 20px;border:1px solid transparent;background:var(--color-brand);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 24px #07c16038}.cta:hover{background:var(--color-brand-strong)}.cta.secondary{background:#fff;color:var(--color-brand-dark);border-color:#07c16047;box-shadow:none}.register-dialog{width:min(420px,calc(100% - 40px));border:0;border-radius:18px;padding:0;background:transparent;color:var(--color-ink)}.register-dialog::backdrop{background:#0f172a85;backdrop-filter:blur(5px)}.register-dialog__panel{position:relative;border:1px solid rgba(232,237,243,.9);border-radius:18px;padding:30px;background:#fff;box-shadow:0 24px 70px #0f172a38;text-align:center}.register-dialog__close{position:absolute;top:14px;right:14px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:999px;background:#fff;color:var(--color-muted);font-size:24px;line-height:1}.register-dialog__close:hover{color:var(--color-ink-strong);border-color:#07c16059;background:var(--color-brand-soft)}.register-dialog__eyebrow{margin:0 0 8px;color:var(--color-brand-strong);font-size:14px;font-weight:800}.register-dialog h2{margin:0 32px 20px;color:var(--color-ink-strong);font-size:24px;line-height:1.3}.register-dialog__qr{display:flex;aspect-ratio:1 / 1;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:14px;padding:12px;background:var(--color-surface-soft)}.register-dialog__qr img{width:100%;height:100%;border-radius:10px;object-fit:contain}.register-dialog__hint{margin:14px 0 0;color:var(--color-muted);font-size:14px}.service-dialog__image img{object-fit:cover}.hero{position:relative;overflow:hidden;background:var(--gradient-hero);padding:74px 0 54px}.hero-image{min-height:min(760px,calc(100vh - 68px));background:#071912;color:#fff}.home-page .hero-image{min-height:min(828px,100vh);padding-top:142px}.hero-image:before{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07140fc7,#07140f94 34%,#07140f3d 64%,#07140f0f),linear-gradient(180deg,#07140f61,#07140f14 32%,#f6f8fa00 72%);content:"";pointer-events:none}.hero-image:after{position:absolute;inset:auto 0 0;z-index:1;height:130px;background:linear-gradient(180deg,#f6f8fa00,#f6f8fa);content:"";pointer-events:none}.hero-carousel{position:absolute;inset:0;z-index:0;background:#071912}.hero-slide{position:absolute;inset:0;background-image:var(--hero-slide-image);background-position:center;background-size:cover;opacity:0;transform:scale(1.02);animation:hero-slide-cycle 25s infinite}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}.hero-slide:nth-child(4){animation-delay:15s}.hero-slide:nth-child(5){animation-delay:20s}.hero-carousel-dots{position:absolute;right:max(20px,calc((100vw - 1160px)/2));bottom:82px;z-index:2;display:flex;gap:8px}.hero-carousel-dots span{width:8px;height:8px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffff38;animation:hero-dot-cycle 25s infinite}.hero-carousel-dots span:nth-child(2){animation-delay:5s}.hero-carousel-dots span:nth-child(3){animation-delay:10s}.hero-carousel-dots span:nth-child(4){animation-delay:15s}.hero-carousel-dots span:nth-child(5){animation-delay:20s}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:58px}.hero-image .hero-grid{min-height:calc(min(760px,100vh - 68px) - 128px)}.home-page .hero-image .hero-grid{min-height:calc(min(828px,100vh) - 196px)}@keyframes hero-slide-cycle{0%,17%{opacity:1;transform:scale(1)}20%,97%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes hero-dot-cycle{0%,17%{width:22px;background:#fff}20%,97%{width:8px;background:#ffffff38}to{width:22px;background:#fff}}.hero-content{max-width:690px}.eyebrow{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(7,193,96,.22);border-radius:999px;padding:6px 12px;background:#ffffffb3;color:var(--color-brand-dark);font-size:13px;font-weight:700}.hero-image .eyebrow{border-color:#ffffff38;background:#ffffff21;color:#e8fff2;backdrop-filter:blur(12px)}.hero h1{max-width:720px;margin:18px 0 22px;color:var(--color-ink-strong);font-size:clamp(38px,6vw,58px);line-height:1.12;letter-spacing:0}.hero-image h1{color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.18)}.hero-copy{max-width:650px;margin:0;color:var(--color-muted);font-size:18px}.hero-image .hero-copy,.hero-image .hero-note{color:#ffffffd6}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}.hero-note{margin-top:18px;color:var(--color-muted);font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag-row span,.pill{border-radius:999px;padding:7px 12px;background:#ffffffb8;color:var(--color-brand-dark);font-size:13px;font-weight:650}.hero-image .tag-row span{border:1px solid rgba(255,255,255,.16);background:#ffffff21;color:#f4fff8;backdrop-filter:blur(12px)}.phone-stage{position:relative;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:18px;align-items:center}.phone-card{overflow:hidden;border:8px solid #172033;border-radius:24px;background:#172033;box-shadow:var(--shadow-soft)}.phone-card:nth-child(2),.phone-card:nth-child(4){transform:translateY(32px)}.phone-card img{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:16px}.qr-panel{position:absolute;right:10px;bottom:-18px;width:146px;border:1px solid var(--color-line);border-radius:12px;padding:12px;background:#fff;box-shadow:var(--shadow-card);text-align:center}.qr-panel img{width:100%;border-radius:8px}.qr-panel span{display:block;margin-top:8px;color:var(--color-muted);font-size:12px}.section{padding:88px 0;background:#fff}.section.alt{background:var(--color-page)}.section.green{background:linear-gradient(180deg,#f2fbf6,#fff)}.section-head{max-width:760px;margin-bottom:34px}.section-head.center{margin-right:auto;margin-left:auto;text-align:center}.section-kicker{margin:0 0 8px;color:var(--color-brand-strong);font-size:14px;font-weight:800}.section h2{margin:0;color:var(--color-ink-strong);font-size:clamp(28px,4vw,40px);line-height:1.24;letter-spacing:0}.section-desc{margin:14px 0 0;color:var(--color-muted);font-size:16px}.pain-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pain-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.page-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.page-link-card{display:block;min-height:240px;border:1px solid var(--color-line);border-radius:12px;padding:24px;background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.page-link-card:hover{transform:translateY(-2px);border-color:#07c1604d;box-shadow:0 14px 34px #1f2d3d1a}.page-link-card span{color:var(--color-brand-strong);font-size:13px;font-weight:800}.page-link-card h3{margin:18px 0 10px;color:var(--color-ink-strong);font-size:22px;line-height:1.3}.page-link-card p{margin:0;color:var(--color-muted);font-size:15px}.pain-card,.feature-card,.role-card,.faq-item,.contact-card,.module-card,.related-card{border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-card)}.pain-card,.feature-card,.role-card,.contact-card,.module-card{padding:24px}.pain-card h3,.feature-card h3,.role-card h3,.module-card h3{margin:0 0 10px;color:var(--color-ink-strong);font-size:20px;line-height:1.35}.pain-card p,.feature-card p,.role-card p,.module-card p{margin:0;color:var(--color-muted);font-size:15px}.loop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.loop-item{position:relative;border:1px solid rgba(7,193,96,.16);border-radius:12px;padding:24px;background:#ffffffc7}.loop-index{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:var(--color-brand-soft);color:var(--color-brand-strong);font-weight:800}.loop-item h3{margin:18px 0 8px;color:var(--color-ink-strong);font-size:19px}.loop-item p{margin:0;color:var(--color-muted);font-size:15px}.feature-card ul,.role-card ul,.module-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.feature-card li,.role-card li,.module-card li{border-radius:999px;padding:6px 10px;background:var(--color-surface-soft);color:var(--color-brand-dark);font-size:12px;font-weight:700}.page-hero{position:relative;overflow:hidden;height:520px;background:linear-gradient(90deg,#f8fffb,#f8fffbfa 34%,#f8fffbb8 52%,#f8fffb1a 78%),var(--page-banner-image) center / cover no-repeat,var(--gradient-hero);padding:0}.page-hero-grid{display:grid;min-height:100%;grid-template-columns:minmax(560px,.66fr) minmax(0,.34fr);gap:28px;align-items:center}.page-hero-content{max-width:720px}.page-hero h1{max-width:760px;margin:0 0 18px;color:var(--color-ink-strong);font-size:clamp(38px,5vw,56px);line-height:1.12;letter-spacing:0}.page-hero-visual{min-height:340px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-row{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;border:1px solid var(--color-line);border-radius:12px;padding:22px;background:#fff}.detail-row span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:var(--color-brand-soft);color:var(--color-brand-strong);font-weight:800}.detail-row h3{margin:0 0 6px;color:var(--color-ink-strong);font-size:18px}.detail-row p{margin:0;color:var(--color-muted);font-size:15px}.story-band{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:28px;align-items:center;border-radius:16px;padding:34px;background:linear-gradient(135deg,#f1fbf6,#f4f8ff);border:1px solid rgba(7,193,96,.16)}.story-band h2{margin:0;color:var(--color-ink-strong);font-size:clamp(26px,4vw,36px);line-height:1.25}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{display:grid;gap:8px;min-height:122px;align-content:start;padding:18px;transition:transform .16s ease,border-color .16s ease}.related-card:hover{transform:translateY(-2px);border-color:#07c1604d}.related-card strong{color:var(--color-brand-dark);font-size:17px}.related-card span{color:var(--color-muted);font-size:13px;line-height:1.55}.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:step}.process-step{border-top:3px solid var(--color-brand);padding:18px 4px 0 0}.process-step:before{counter-increment:step;content:"0" counter(step);color:var(--color-brand-strong);font-size:13px;font-weight:800}.process-step h3{margin:8px 0;color:var(--color-ink-strong);font-size:17px;line-height:1.35}.process-step p{margin:0;color:var(--color-muted);font-size:14px}.payment-band{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:center;border:1px solid rgba(7,193,96,.18);border-radius:16px;padding:34px;background:linear-gradient(135deg,#f1fbf6,#f4f8ff)}.metric-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{border-radius:12px;padding:16px;background:#fff}.metric strong{display:block;color:var(--color-ink-strong);font-size:18px}.metric span{color:var(--color-muted);font-size:13px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{padding:22px}.faq-item h3{margin:0 0 8px;color:var(--color-ink-strong);font-size:17px}.faq-item p{margin:0;color:var(--color-muted);font-size:14px}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center}.contact-card h2{margin:0 0 12px;color:var(--color-ink-strong);font-size:clamp(26px,4vw,38px)}.contact-card p{margin:0 0 18px;color:var(--color-muted)}.contact-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--color-ink);font-size:15px}.site-footer{border-top:1px solid var(--color-line);background:#fff;padding:34px 0;color:var(--color-muted);font-size:13px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.footer-links{display:flex;gap:14px;margin-bottom:8px;color:var(--color-ink)}.footer-legal{display:grid;gap:4px}.police{display:inline-flex;align-items:center;gap:5px}.police img{width:15px;height:15px}.doc-page{background:#fff;padding:70px 0 90px}.doc{width:min(860px,calc(100% - 40px));margin:0 auto}.doc h1{margin:0 0 18px;color:var(--color-ink-strong);font-size:clamp(34px,5vw,48px)}.doc h2{margin:34px 0 10px;color:var(--color-ink-strong);font-size:24px}.doc p,.doc li{color:var(--color-muted);font-size:16px}.license-image{margin-top:24px;border:1px solid var(--color-line);border-radius:12px;background:#fff;box-shadow:var(--shadow-card)}@media(max-width:960px){.nav{min-height:64px;padding:10px 0;align-items:center;gap:14px}.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:calc(100% + 8px);right:0;display:grid;width:min(260px,calc(100vw - 40px));gap:4px;border:1px solid rgba(232,237,243,.92);border-radius:12px;padding:8px;background:#fffffff5;box-shadow:0 18px 44px #1f2d3d24;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden;white-space:nowrap;z-index:40}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.nav-links a{border-radius:8px;padding:10px 12px}.nav-links a.active{background:var(--color-brand-soft)}.nav-service-btn{width:100%;min-height:42px;border-radius:8px;box-shadow:none}.home-page .nav-links.open .nav-service-btn{border-color:#07c1603d;background:var(--color-brand);color:#fff}.hero{padding-top:50px}main{padding-top:64px}.home-page main{padding-top:0}.hero-image{min-height:auto;background:linear-gradient(90deg,#055230f2,#067848e0 42%,#065d566b),linear-gradient(180deg,#ffffff08,#f6f8fa),url(/assets/hero-football-field.jpg) 62% center / cover no-repeat}.home-page .hero-image{padding-top:114px;background:linear-gradient(90deg,#0c1914c7,#0c191494 42%,#0c19143d),linear-gradient(180deg,#fff0,#f6f8fa),url(/assets/hero-football-field.jpg) 62% center / cover no-repeat}.hero-image .hero-grid{min-height:auto}.hero-grid,.payment-band,.contact-grid,.page-hero-grid,.story-band{grid-template-columns:1fr}.phone-stage{max-width:520px;margin:10px auto 0}.page-hero{height:auto;min-height:500px;background:linear-gradient(180deg,#f8fffbfa,#f8fffbf0 44%,#f8fffb3d),var(--page-banner-image) center bottom / cover no-repeat,var(--gradient-hero)}.page-hero-visual{min-height:240px}.pain-grid,.feature-grid,.loop-grid,.roles,.process,.faq-list,.metric-list,.page-links-grid,.module-grid,.detail-grid,.related-grid,.pain-grid.compact{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container{width:min(100% - 40px,1160px)}.brand span{font-size:14px}.hero h1{font-size:38px}.hero-image{padding-top:46px;background:linear-gradient(180deg,#055230f0,#067848db 48%,#064b4780),linear-gradient(180deg,#f6f8fa00,#f6f8fa),url(/assets/hero-football-field.jpg) 52% center / cover no-repeat}.home-page .hero-image{padding-top:110px;background:linear-gradient(180deg,#0c1914c7,#0c191499 48%,#0c191452),linear-gradient(180deg,#f6f8fa00,#f6f8fa),url(/assets/hero-football-field.jpg) 52% center / cover no-repeat}.hero-copy{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .cta{width:100%}.phone-stage,.pain-grid,.feature-grid,.loop-grid,.roles,.process,.faq-list,.metric-list,.page-links-grid,.module-grid,.detail-grid,.related-grid,.pain-grid.compact{grid-template-columns:1fr}.phone-card:nth-child(2),.phone-card:nth-child(4){transform:none}.phone-card:nth-child(n+3){display:none}.qr-panel{position:static;width:100%;margin-top:14px}.section{padding:64px 0}.page-hero{min-height:460px;padding:46px 0 48px}.story-band{padding:24px}.page-hero-visual{min-height:170px}.payment-band{padding:24px}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}