.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-hover) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(212,168,67,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(64,145,108,.15) 0%,transparent 50%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4xl);align-items:center;padding-top:var(--sp-3xl);padding-bottom:var(--sp-4xl)}.hero__content{position:relative;z-index:1}.hero__title{font-size:clamp(1.25rem,2.8vw,3.2rem);font-weight:var(--fw-bold);color:var(--color-white);line-height:1.5;margin-bottom:var(--sp-lg);letter-spacing:-.02em}.hero__sub{font-size:var(--fs-body-lg);color:#fffc;line-height:var(--lh-loose);margin-bottom:var(--sp-2xl)}.hero__visual{position:relative;z-index:1}.hero__mockup{background:var(--color-primary-darker);border-radius:var(--radius-xl);box-shadow:0 24px 64px #0006,0 0 0 1px #ffffff14;overflow:hidden}.mockup__header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.mockup__dot{width:10px;height:10px;border-radius:50%;background:#fff3}.mockup__dot:nth-child(1){background:#ff5f56}.mockup__dot:nth-child(2){background:#ffbd2e}.mockup__dot:nth-child(3){background:#27c93f}.mockup__title{flex:1;text-align:center;font-size:.75rem;color:#fff6;margin-right:36px}.mockup__body{padding:var(--sp-lg)}.mockup__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm);margin-bottom:var(--sp-lg)}.mockup__stat{background:#ffffff0d;border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md);text-align:center}.mockup__stat-value{display:block;font-size:1.5rem;font-weight:var(--fw-bold);color:var(--color-white);line-height:1}.mockup__stat-value.warning{color:var(--color-warning)}.mockup__stat-label{font-size:.6875rem;color:#fff6;margin-top:4px;display:block}.mockup__chart{display:flex;align-items:flex-end;gap:8px;height:80px;margin-bottom:var(--sp-lg);padding:var(--sp-sm);background:#ffffff08;border-radius:var(--radius-md)}.mockup__bar{flex:1;background:#40916c66;border-radius:3px 3px 0 0;transition:background var(--t-base);transform-origin:bottom;animation:bar-pulse 3s ease-in-out infinite}.mockup__bar:nth-child(1){animation-delay:0s}.mockup__bar:nth-child(2){animation-delay:.3s}.mockup__bar:nth-child(3){animation-delay:.6s}.mockup__bar:nth-child(4){animation-delay:.9s}.mockup__bar:nth-child(5){animation-delay:1.2s}.mockup__bar:nth-child(6){animation-delay:1.5s}@keyframes bar-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}.mockup__bar.active{background:#d4a843cc}.mockup__scan{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md);background:#40916c26;border-radius:var(--radius-md);border:1px solid rgba(64,145,108,.3)}.scan__laser{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 5%,#5cb985 50%,transparent 95%);box-shadow:0 0 10px #5cb98599,0 0 4px #5cb985cc;z-index:3;animation:scan-laser-sweep 2s ease-in-out infinite}@keyframes scan-laser-sweep{0%,to{transform:translateY(2px);opacity:.9}50%{transform:translateY(48px);opacity:1}}.scan__icon{font-size:1.5rem}.scan__text{font-size:.875rem;color:#fffc}@media (max-width: 1024px){.hero__inner{grid-template-columns:1fr;text-align:center;gap:var(--sp-2xl)}.hero__title{font-size:clamp(1.125rem,2.5vw,1.75rem)}.hero__ctas{justify-content:center}.hero__visual{max-width:480px;margin:0 auto}}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg)}.value-card{position:relative;background:var(--color-white);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--sp-2xl) var(--sp-xl);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-card__num{position:absolute;top:var(--sp-lg);right:var(--sp-lg);font-size:4rem;font-weight:var(--fw-bold);color:var(--color-accent);opacity:.12;line-height:1;letter-spacing:-.04em}.value-card__icon{font-size:2rem;margin-bottom:var(--sp-md)}.value-card__title{font-size:var(--fs-h3);font-weight:var(--fw-bold);margin-bottom:var(--sp-md);color:var(--color-primary)}.value-card__body{font-size:.9375rem;line-height:var(--lh-loose);color:var(--color-text);margin-bottom:var(--sp-lg)}.value-card__quote{font-size:.875rem;line-height:var(--lh-loose);color:var(--color-muted);padding:var(--sp-md);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}@media (max-width: 1024px){.value-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-lg);margin-bottom:var(--sp-2xl)}.roi-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--sp-xl);text-align:center}.roi-box__title{font-size:1.125rem;font-weight:var(--fw-semibold);color:var(--color-accent);margin-bottom:var(--sp-md);display:flex;justify-content:center}.roi-box__list{color:#ffffffbf;font-size:.9375rem;line-height:var(--lh-loose)}.roi-box__list li{margin-bottom:6px}.roi-box__list strong{color:var(--color-white)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.painpoints-list{display:flex;flex-direction:column;gap:var(--sp-md)}.painpoint__quote{font-size:.9375rem;font-style:italic;color:var(--color-ink);margin-bottom:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:#e07b390f;border-radius:var(--radius-md);border-left:3px solid var(--color-danger-bar)}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg)}@media (max-width: 1024px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.scenarios-grid{grid-template-columns:1fr}}.flow-timeline{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-2xl);overflow-x:auto;padding-bottom:var(--sp-md);scrollbar-width:thin;scrollbar-color:rgba(27,67,50,.2) transparent}.flow-timeline::-webkit-scrollbar{height:4px}.flow-timeline::-webkit-scrollbar-track{background:transparent}.flow-timeline::-webkit-scrollbar-thumb{background:#1b433233;border-radius:2px}.flow-timeline::-webkit-scrollbar-thumb:hover{background:#1b433259}.flow-step{flex:1;min-width:120px;text-align:center;padding:var(--sp-lg) var(--sp-sm);background:var(--color-white);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg)}.flow-step__icon{font-size:1.75rem;display:block;margin-bottom:var(--sp-sm)}.flow-step__label{font-size:.9375rem;font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:6px}.flow-step__desc{font-size:.75rem;color:var(--color-text);line-height:var(--lh-snug)}.flow-arrow{flex-shrink:0;width:40px;height:60px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.flow-arrow__box{position:absolute;width:14px;height:14px;border-radius:3px;background:#d4a84380;border:1px solid rgba(212,168,67,.6);animation:conveyor-flow 2.4s ease-in-out infinite}.flow-arrow__box:nth-child(1){animation-delay:0s}.flow-arrow__box:nth-child(2){animation-delay:.8s}.flow-arrow__box:nth-child(3){animation-delay:1.6s}@keyframes conveyor-flow{0%{transform:translate(-20px) scale(.7);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(20px) scale(.7);opacity:0}}.advance-note{text-align:center;padding:var(--sp-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.advance-note p{font-size:.9375rem;color:var(--color-text);margin-top:var(--sp-sm)}@media (max-width: 768px){.flow-timeline{flex-direction:column;align-items:stretch}.flow-arrow{display:none}}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-lg);margin-bottom:var(--sp-2xl)}.trust-card{text-align:center;padding:var(--sp-xl);background:var(--color-white);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg)}.trust-card__icon{font-size:2rem;display:block;margin-bottom:var(--sp-md)}.trust-card__title{font-size:1.0625rem;font-weight:var(--fw-semibold);margin-bottom:var(--sp-sm);color:var(--color-primary)}.trust-card__desc{font-size:.875rem;color:var(--color-text);line-height:var(--lh-loose)}@media (max-width: 1024px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.trust-grid{grid-template-columns:1fr}}.after-sale{background:var(--color-primary);border-radius:var(--radius-xl);padding:var(--sp-xl) var(--sp-2xl);color:var(--color-white);text-align:center}.after-sale h3{color:var(--color-white);font-size:1.25rem;margin-bottom:var(--sp-lg)}.after-sale__items{display:flex;flex-wrap:wrap;gap:var(--sp-lg);justify-content:center}.after-sale__item{display:flex;align-items:center;gap:var(--sp-sm);font-size:.9375rem;color:#ffffffd9}.after-sale__item:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#d4a84333;color:var(--color-accent);font-size:.75rem;font-weight:var(--fw-bold);flex-shrink:0}@media (max-width: 640px){.after-sale__items{flex-direction:column;align-items:center}}