.hero{position:relative;min-height:calc(100svh - var(--nav-height));margin-top:0;background:linear-gradient(135deg,#0b2545eb,#1e4e8cd9),url(/assets/hero-bg-DNCDjrj0.webp) center/cover no-repeat;color:var(--color-white);display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at top right,rgba(192,57,43,.15) 0%,transparent 60%);pointer-events:none}.hero__inner{position:relative;z-index:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--sp-4xl) var(--gutter) var(--sp-3xl);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:var(--sp-3xl)}.hero__content{max-width:640px}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-sm);font-size:.8125rem;font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;margin-bottom:var(--sp-lg);padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px var(--color-accent)}.hero__title{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:1.1;letter-spacing:-.03em;color:var(--color-white);margin-bottom:var(--sp-lg)}.hero__title .accent{color:#ff8b7a;position:relative}.hero__title .accent:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:6px;background:#c0392b80;z-index:-1;border-radius:3px}.hero__sub{font-size:1.1875rem;line-height:1.7;color:#ffffffd9;margin-bottom:var(--sp-2xl);max-width:560px}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--sp-xl);font-size:.875rem;color:#ffffffb3}.hero__meta-item{display:flex;align-items:center;gap:8px}.hero__meta-item:before{content:"✓";width:20px;height:20px;border-radius:50%;background:#16a08533;color:#4fcbad;display:grid;place-items:center;font-size:.75rem;font-weight:var(--fw-bold)}.hero__visual{position:relative;display:grid;place-items:center}.hero__visual-frame{position:relative;width:100%;max-width:480px;aspect-ratio:4 / 3;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:transform var(--t-slow) var(--ease-out)}.hero__visual-frame:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.hero__visual-frame img{width:100%;height:100%;object-fit:cover}.hero__visual-badge{position:absolute;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--sp-md) var(--sp-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--sp-sm);font-size:.875rem;color:var(--color-ink);font-weight:var(--fw-semibold);animation:float 6s var(--ease-in-out) infinite}.hero__visual-badge--top{top:-16px;right:-24px}.hero__visual-badge--bottom{bottom:-16px;left:-24px;animation-delay:1.5s}.hero__visual-badge-icon{width:32px;height:32px;border-radius:50%;background:var(--color-success);color:var(--color-white);display:grid;place-items:center;font-size:.875rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1024px){.hero__inner{grid-template-columns:1fr;gap:var(--sp-2xl)}.hero__visual{order:2}.hero__content{max-width:100%}}@media (max-width: 640px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + env(safe-area-inset-top) + var(--sp-2xl));padding-bottom:var(--sp-2xl)}.hero__inner{padding:0 var(--gutter-mobile) var(--sp-2xl)}.hero__ctas{flex-direction:column;align-items:stretch}.hero__ctas .btn{width:100%}.hero__visual-frame{transform:none}.hero__visual-badge--top{right:8px}.hero__visual-badge--bottom{left:8px}}.trust-section{padding:var(--sp-3xl) 0;background:var(--color-white)}.trust__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-md);text-align:center}.trust__cell{padding:var(--sp-md);font-size:.875rem;color:var(--color-text);font-weight:var(--fw-medium);border-right:1px solid var(--color-border-soft)}.trust__cell:last-child{border-right:0}.trust__cell-icon{display:inline-grid;place-items:center;width:44px;height:44px;margin:0 auto var(--sp-sm);border-radius:var(--radius-md);background:#0b25450f;color:var(--color-primary);font-size:1.25rem;font-weight:var(--fw-bold)}@media (max-width: 768px){.trust__grid{grid-template-columns:repeat(2,1fr)}.trust__cell{border-right:0;border-bottom:1px solid var(--color-border-soft);padding:var(--sp-md) 0}}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3xl);margin-top:var(--sp-3xl)}.values__item{position:relative;padding-left:var(--sp-xl);border-left:2px solid var(--color-border-soft)}.values__num{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-accent);letter-spacing:.1em;margin-bottom:var(--sp-sm);font-weight:var(--fw-semibold)}.values__title{font-size:1.5rem;font-weight:var(--fw-bold);margin-bottom:var(--sp-md);line-height:var(--lh-snug)}.values__desc{color:var(--color-text);line-height:var(--lh-loose);font-size:1rem}@media (max-width: 768px){.values{grid-template-columns:1fr;gap:var(--sp-xl)}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.painpoint-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}@media (max-width: 768px){.painpoint-row{grid-template-columns:1fr}}.scenarios-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-md)}@media (max-width: 1024px){.scenarios-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.scenarios-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.scenarios-row{grid-template-columns:1fr;gap:var(--sp-lg);max-width:480px;margin:0 auto}.scenario__body{padding:var(--sp-md) var(--sp-lg)}}.oss-card{max-width:920px;margin:0 auto;background:var(--color-white);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--sp-2xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.oss-card:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(30,78,140,.08) 0%,transparent 70%);pointer-events:none}.oss-card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-md);padding-bottom:var(--sp-md);border-bottom:1px dashed var(--color-border-soft);margin-bottom:var(--sp-lg)}.oss-card__badges{display:flex;gap:var(--sp-xs);flex-wrap:wrap}.oss-card__repo{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-primary);text-decoration:none;font-weight:var(--fw-semibold);padding:6px 12px;background:#1e4e8c0f;border-radius:var(--radius-md);transition:all var(--t-fast) var(--ease-out)}.oss-card__repo:hover{background:var(--color-primary);color:var(--color-white)}.oss-card__repo .icon{width:14px;height:14px}.oss-card__repo .icon--xs{width:11px;height:11px;opacity:.6}.oss-card__title{font-size:1.5rem;font-weight:var(--fw-bold);color:var(--color-ink);margin-bottom:var(--sp-md);line-height:var(--lh-snug)}.oss-card__desc{font-size:1rem;line-height:var(--lh-loose);color:var(--color-text);margin-bottom:var(--sp-lg)}.oss-card__desc code{font-family:var(--font-mono);font-size:.875em;background:#1e4e8c14;color:var(--color-primary);padding:2px 6px;border-radius:4px}.oss-card__features{list-style:none;padding:0;margin:0 0 var(--sp-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm) var(--sp-lg)}.oss-card__features li{display:flex;align-items:center;gap:10px;font-size:.9375rem;color:var(--color-text);line-height:var(--lh-snug)}.oss-card__check{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#16a08526;color:var(--color-success);font-size:.75rem;font-weight:var(--fw-bold)}.oss-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-md);padding-top:var(--sp-md);border-top:1px dashed var(--color-border-soft)}.oss-card__actions .btn{display:inline-flex;align-items:center;gap:8px}.oss-card__actions .icon{width:18px;height:18px}@media (max-width: 768px){.oss-card{padding:var(--sp-lg)}.oss-card__head{flex-direction:column;align-items:flex-start}.oss-card__features{grid-template-columns:1fr}.oss-card__title{font-size:1.25rem}.oss-card__actions .btn{width:100%;justify-content:center}}