.hero{background:var(--color-primary);overflow:hidden;position:relative}.hero:before{background-image:var(--hero-bg-image,url("https://www.tinkermode.jp/hubfs/web-revamp/Stock-images/construction-vehicle.jpeg"));background-position:var(--hero-bg-position,center);background-repeat:no-repeat;background-size:var(--hero-bg-size,cover);content:"";filter:blur(1px);inset:0;position:absolute;transform:scale(1.04);z-index:0}.hero__overlay{background:var(
    --hero-overlay,linear-gradient(120deg,rgba(8,125,176,.95) 0,rgba(10,150,209,.9) 55%,rgba(121,201,205,.8) 100%)
  );inset:0;position:absolute;z-index:1}.hero__inner{position:relative;z-index:2}.hero__banner{display:block;margin-inline:auto;max-width:420px;width:100%}.hero-gradient{background:linear-gradient(135deg,var(--color-primary) 0,#0a96d1 60%,#79c9cd 100%)}.hero h1,.hero-gradient h1{font-size:clamp(26px,3.6vw,40px);line-height:1.25}.section-label{letter-spacing:.12em}.app-card{background:var(--color-white);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);display:block;overflow:hidden;transition:transform .2s,box-shadow .2s}a.app-card:hover{box-shadow:0 12px 28px rgba(8,125,176,.18);transform:translateY(-4px)}.app-thumb{height:140px;overflow:hidden;position:relative}.app-thumb img{display:block;height:100%;object-fit:cover;width:100%}.app-card__body{padding:var(--space-4,24px)}.app-card__link{color:var(--series-color,var(--color-primary));font-size:14px;font-weight:700;gap:4px;margin-top:12px}.app-card__link,.icon-badge{align-items:center;display:inline-flex}.icon-badge{border-radius:9999px;flex:none;justify-content:center;line-height:0}.icon-badge>svg{display:block}.icon-badge--sm{height:56px;width:56px}.icon-badge--md{height:64px;width:64px}.icon-badge--lg{height:80px;width:80px}.series-bar{border-radius:9999px;width:4px}.series-water{--series-color:var(--color-primary);--series-bg:var(--color-bg)}.series-env{--series-color:var(--color-accent);--series-bg:#fff7e6}.series-image{--series-color:#79c9cd;--series-bg:#effafa}.series-group{margin-bottom:var(--space-6,48px)}.series-group__header{align-items:center;display:flex;gap:12px;margin-bottom:var(--space-4,24px)}.series-group__header .series-bar{align-self:stretch;background:var(--series-color)}.series-group__header h3{color:var(--series-color)}.feature-card{align-items:flex-start;display:flex;gap:16px}.feature-card__title{color:var(--color-primary);margin-bottom:4px}.problem-card__mark{color:var(--color-accent);display:block;font-size:36px;font-weight:700;line-height:1;margin-bottom:12px;text-align:center}.spec-box{margin-inline:auto;max-width:680px}.spec-box__title{color:var(--color-primary);gap:8px;margin-bottom:var(--space-3,16px)}.spec-box__title,.spec-list li{align-items:center;display:flex}.spec-list li{justify-content:space-between;padding:12px 0}.spec-list li span:first-child{color:var(--color-text)}.spec-list li span:last-child{font-weight:500}.roi-card{background:var(--color-white);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);padding:var(--space-4,24px);text-align:center}.roi-card__before{color:#9ca3af;font-family:var(--font-number);font-size:24px}.roi-card__arrow{margin:6px auto}.roi-card__after{color:var(--color-primary);font-family:var(--font-number);font-size:36px;font-weight:700}.step-grid{display:grid;gap:var(--space-5,32px);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.step{text-align:center}.step .icon-badge{margin-inline:auto;margin-bottom:12px}.link-card{background:var(--color-bg);border-radius:var(--radius-lg,16px);display:block;padding:20px;transition:box-shadow .2s}.link-card:hover{box-shadow:var(--shadow-sm)}.link-card__title{color:var(--color-primary);margin-bottom:8px}.chip{align-items:center;background:var(--color-bg-light);border-radius:4px;display:inline-flex;font-size:12px;padding:4px 8px}.chip--accent{background:var(--color-primary);color:var(--color-white)}