main.svelte-1gwerld{--bg:#eceff4;--bg-02:#eff0f4;--neutral-01:#eceff4;--neutral-02:#eff0f4;flex-direction:column;min-height:100vh;display:flex}h2.svelte-1gwerld{letter-spacing:-.02em;color:var(--bg-text-01);margin:var(--sp-04) 0 0 0;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.1}h2.on-dark.svelte-1gwerld{color:#fff}.highlight-blue.svelte-1gwerld{color:rgb(var(--brand-primary))}.highlight.svelte-1gwerld{color:rgb(var(--brand-lime))}section-head.svelte-1gwerld{margin-bottom:var(--sp-08);display:block}.section-subtext.svelte-1gwerld{color:var(--bg-text-02);max-width:700px;margin:var(--sp-04) 0 0 0;font-size:1.1rem;line-height:1.6}.section-subtext.on-dark.svelte-1gwerld{color:#ffffffa8}.section-content.svelte-1gwerld{width:100%;max-width:1100px;position:relative}problem-section.svelte-1gwerld{padding:7rem var(--sp-06);background:var(--bg-02);justify-content:center;display:flex}problem-grid.svelte-1gwerld{gap:var(--sp-05);grid-template-columns:repeat(3,1fr);display:grid}problem-card.svelte-1gwerld{padding:var(--sp-06);border:1px solid var(--bg-border);border-left:3px solid rgb(var(--brand-red));background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #02050c0a}@media (hover:hover){problem-card.svelte-1gwerld:hover{box-shadow:0 22px 45px rgb(var(--brand-primary) / .16);transform:translateY(-6px)}}problem-icon.svelte-1gwerld{background:rgb(var(--brand-red) / .1);width:44px;height:44px;color:rgb(var(--brand-red));margin-bottom:var(--sp-04);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}problem-card.svelte-1gwerld h3:where(.svelte-1gwerld){color:var(--bg-text-01);margin:0 0 var(--sp-02) 0;font-size:1.25rem;font-weight:700}problem-card.svelte-1gwerld p:where(.svelte-1gwerld){color:var(--bg-text-02);margin:0;font-size:.97rem;line-height:1.6}tracking-section.svelte-1gwerld{padding:7rem var(--sp-06);background:#fff;justify-content:center;display:flex}tracking-flow.svelte-1gwerld{gap:var(--sp-05);flex-direction:column;max-width:760px;display:flex}tracking-step.svelte-1gwerld{gap:var(--sp-05);padding:var(--sp-06);border:1px solid var(--bg-border);background:#fff;border-radius:18px;align-items:flex-start;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #02050c0d}@media (hover:hover){tracking-step.svelte-1gwerld:hover{box-shadow:0 22px 45px rgb(var(--brand-primary) / .16);transform:translateY(-6px)}}step-number.svelte-1gwerld{background:rgb(var(--brand-primary-10));width:44px;height:44px;color:rgb(var(--brand-primary));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}tracking-step.svelte-1gwerld:nth-child(2n) step-number:where(.svelte-1gwerld){background:rgb(var(--brand-teal-10));color:rgb(var(--brand-teal))}step-content.svelte-1gwerld{flex:1}step-content.svelte-1gwerld h3:where(.svelte-1gwerld){color:var(--bg-text-01);margin:0 0 var(--sp-02) 0;font-size:1.25rem;font-weight:700}step-content.svelte-1gwerld p:where(.svelte-1gwerld){color:var(--bg-text-02);margin:0;font-size:.97rem;line-height:1.6}orders-section.svelte-1gwerld{padding:7rem var(--sp-06);background:var(--bg-02);justify-content:center;display:flex}orders-grid.svelte-1gwerld{gap:var(--sp-04);grid-template-columns:repeat(3,1fr);display:grid}order-card.svelte-1gwerld{padding:var(--sp-05);border:1px solid var(--bg-border);background:#fff;border-radius:18px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #02050c0a}@media (hover:hover){order-card.svelte-1gwerld:hover{box-shadow:0 22px 45px rgb(var(--brand-primary) / .16);transform:translateY(-6px)}}order-card.svelte-1gwerld h3:where(.svelte-1gwerld){color:var(--bg-text-01);margin:0 0 var(--sp-02) 0;font-size:1.1rem;font-weight:700}order-card.svelte-1gwerld p:where(.svelte-1gwerld){color:var(--bg-text-02);margin:0;font-size:.92rem;line-height:1.55}integration-section.svelte-1gwerld{padding:7rem var(--sp-06);background:0 0;justify-content:center;display:flex;position:relative;overflow:hidden}integration-section.svelte-1gwerld:before{content:"";z-index:0;background:linear-gradient(100deg,#01040abf 0%,#01040a59 45%,#01040a00 70%),radial-gradient(55% 60% at 50% 40%,#1a3c7866 0%,#02050c00 70%);position:absolute;inset:0}integration-section.svelte-1gwerld .section-content:where(.svelte-1gwerld){z-index:1}integration-grid.svelte-1gwerld{gap:var(--sp-04);grid-template-columns:repeat(3,1fr);display:grid}integration-item.svelte-1gwerld{padding:var(--sp-05);background:#02050c66;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;display:flex}item-label.svelte-1gwerld{color:rgb(var(--brand-lime));margin-bottom:var(--sp-02);font-size:1rem;font-weight:700}item-desc.svelte-1gwerld{color:#ffffffb3;font-size:.92rem;line-height:1.55}benefits-section.svelte-1gwerld{padding:7rem var(--sp-06);background:#fff;justify-content:center;display:flex}benefits-list.svelte-1gwerld{gap:var(--sp-04);grid-template-columns:repeat(2,1fr);display:grid}benefit-item.svelte-1gwerld{align-items:flex-start;gap:var(--sp-04);padding:var(--sp-05);background:var(--neutral-01);border:1px solid var(--bg-border);border-radius:14px;display:flex}benefit-dot.svelte-1gwerld{background:rgb(var(--brand-lime));width:10px;height:10px;box-shadow:0 0 12px rgb(var(--brand-lime) / .6);border-radius:50%;flex-shrink:0;margin-top:.45em}benefit-item.svelte-1gwerld p:where(.svelte-1gwerld){color:var(--bg-text-01);margin:0;font-size:1.02rem;line-height:1.55}@media (max-width:850px){problem-grid.svelte-1gwerld,orders-grid.svelte-1gwerld,integration-grid.svelte-1gwerld{grid-template-columns:repeat(2,1fr)}benefits-list.svelte-1gwerld{grid-template-columns:1fr}}@media (max-width:768px){problem-section.svelte-1gwerld,tracking-section.svelte-1gwerld,orders-section.svelte-1gwerld,integration-section.svelte-1gwerld,benefits-section.svelte-1gwerld{padding:4rem var(--sp-03)}section-head.svelte-1gwerld{margin-bottom:var(--sp-06)}}@media (max-width:600px){problem-grid.svelte-1gwerld,orders-grid.svelte-1gwerld,integration-grid.svelte-1gwerld{grid-template-columns:1fr}}
