.howitworks{--hiw-max-width:min(1100px,calc(100% - 2 * clamp(1.5rem, 5vw, 3rem)));background:linear-gradient(180deg,#f8fafc,#eef2ff 40%,#fff);color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.howitworks__main{flex:1;display:flex;flex-direction:column;gap:clamp(3rem,8vw,4.8rem);padding:clamp(2.2rem,6vw,3.4rem) 0 clamp(4rem,10vw,6rem)}.hiw-hero__eyebrow,.hiw-section-eyebrow{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:rgba(45,212,191,.16);color:#0f766e;font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.hiw-hero{width:var(--hiw-max-width);margin:0 auto;display:grid;gap:clamp(2rem,6vw,4rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hiw-hero__content{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.8rem)}.hiw-hero__eyebrow{background:rgba(79,70,229,.1);color:#3730a3}.hiw-hero__content h1{margin:0;font-size:clamp(2.6rem,6vw,3.8rem);letter-spacing:-.02em}.hiw-hero__subtitle{margin:0;font-size:clamp(1.02rem,2.6vw,1.18rem);line-height:1.8;color:rgba(15,23,42,.74);max-width:60ch}.hiw-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.hiw-button{font:inherit;font-weight:600;border-radius:18px;padding:.85rem 1.9rem;min-width:180px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease,background-color .15s ease}.hiw-button--primary{background:linear-gradient(120deg,#4338ca,#2563eb);color:#f8fafc;border:none;box-shadow:0 18px 48px rgba(79,70,229,.34)}.hiw-button--hidden{display:none}.hiw-button--primary:focus-visible,.hiw-button--primary:hover{transform:translateY(-1px);box-shadow:0 24px 58px rgba(79,70,229,.38);outline:none}.hiw-button--ghost{background:hsla(0,0%,100%,.75);color:rgba(15,23,42,.82);border:1px solid rgba(15,23,42,.12)}.hiw-button--ghost:focus-visible,.hiw-button--ghost:hover{transform:translateY(-1px);border-color:rgba(15,23,42,.18);color:#0f172a;outline:none}.hiw-hero__trust{margin:0;font-size:.85rem;color:rgba(15,23,42,.55)}.hiw-hero__visual{display:grid;gap:clamp(1.2rem,3vw,1.8rem)}.hiw-hero__flow{display:flex;align-items:center;justify-content:space-between;border-radius:20px;padding:clamp(1.2rem,3vw,1.6rem);background:hsla(0,0%,100%,.92);border:1px solid rgba(15,23,42,.06);box-shadow:0 16px 45px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.85);gap:clamp(.8rem,2vw,1.2rem)}.hiw-hero__step{display:flex;flex-direction:column;align-items:center;gap:.45rem;font-weight:600;color:rgba(15,23,42,.78)}.hiw-hero__step span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,#4338ca,#2563eb);color:#f8fafc;font-size:.95rem}.hiw-hero__video{border-radius:22px;background:rgba(15,23,42,.92);color:rgba(248,250,252,.92);padding:clamp(1.5rem,4vw,2.2rem);position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.35),0 6px 24px rgba(37,99,235,.26)}.hiw-hero__video:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 15% 0,rgba(14,165,233,.18),transparent);pointer-events:none}.hiw-hero__video-frame{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem}.hiw-hero__video-frame span{font-weight:600;font-size:1rem}.hiw-video__cta{width:48px;height:48px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);color:rgba(248,250,252,.95);font-size:1.1rem;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.hiw-video__cta:focus-visible,.hiw-video__cta:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.25);outline:none}.hiw-step{width:var(--hiw-max-width);margin:0 auto;display:grid;gap:clamp(2rem,6vw,4rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hiw-step--alt{background:hsla(0,0%,100%,.85);border-radius:28px;padding:clamp(2.2rem,6vw,3.2rem);border:1px solid rgba(15,23,42,.06);box-shadow:0 24px 60px rgba(15,23,42,.08),0 4px 14px rgba(148,163,184,.12)}.hiw-step--custom{background:rgba(14,165,233,.08);border-radius:28px;padding:clamp(2rem,5vw,2.8rem);border:1px solid rgba(14,165,233,.2)}.hiw-step__content{display:flex;align-items:flex-start;gap:clamp(1.5rem,4vw,2.5rem)}.hiw-step__content--reverse{order:2;flex-direction:row-reverse}.hiw-step__number{font-size:clamp(1.8rem,4vw,2.4rem)}.hiw-step__body{display:flex;flex-direction:column;gap:clamp(.9rem,2.5vw,1.3rem)}.hiw-step__body h2{margin:0;font-size:clamp(2.1rem,4.5vw,2.6rem);letter-spacing:-.01em}.hiw-step__body p{margin:0;line-height:1.75;color:rgba(15,23,42,.72)}.hiw-step__list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.hiw-step__list li{display:flex;align-items:baseline;gap:.55rem;font-size:.98rem;color:rgba(15,23,42,.78)}.hiw-step__list span{font-size:1.1rem}.hiw-step__note{margin:0;font-size:.9rem;color:rgba(14,165,233,.85)}.hiw-step__link{font-weight:600;text-decoration:none;color:#2563eb;font-size:.95rem}.hiw-step__link:focus-visible,.hiw-step__link:hover{text-decoration:underline;outline:none}.hiw-step__visual{display:flex;align-items:center;justify-content:center}.hiw-step__visual--cards{gap:1.2rem}.hiw-sector-card{padding:clamp(1.1rem,3vw,1.5rem);border-radius:16px;border:1px solid rgba(15,23,42,.08);background:hsla(0,0%,100%,.95);box-shadow:0 16px 40px rgba(15,23,42,.08);font-weight:600;color:rgba(15,23,42,.78)}.hiw-sector-card--agency{transform:rotate(-2deg)}.hiw-sector-card--store{transform:rotate(1deg)}.hiw-sector-card--saas{transform:rotate(-1deg)}.hiw-connectors{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hiw-connector{padding:.85rem 1.2rem;border-radius:14px;background:rgba(248,250,252,.9);border:1px solid rgba(148,163,184,.2);font-weight:600;color:rgba(71,85,105,.9);display:flex;align-items:center;gap:.5rem}.hiw-step__visual--dashboard{justify-content:flex-end}.hiw-dashboard{width:clamp(260px,40vw,360px);border-radius:24px;background:rgba(15,23,42,.95);color:rgba(248,250,252,.95);padding:1.5rem;border:1px solid rgba(99,102,241,.26);box-shadow:0 24px 60px rgba(15,23,42,.35),0 6px 24px rgba(37,99,235,.26);display:flex;flex-direction:column;gap:1.2rem}.hiw-dashboard header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:rgba(226,232,240,.8)}.hiw-dashboard__status{padding:.2rem .6rem;border-radius:999px;background:rgba(52,211,153,.22);color:rgba(16,185,129,.9);font-size:.7rem;letter-spacing:.08em}.hiw-dashboard__chart{height:120px;border-radius:16px;background:linear-gradient(180deg,rgba(79,70,229,.2),rgba(59,130,246,.1));position:relative;overflow:hidden}.hiw-dashboard__chart:after{content:"";position:absolute;inset:0;background:conic-gradient(from 180deg,rgba(59,130,246,.4),rgba(37,99,235,.6),rgba(59,130,246,.4));opacity:.7;mix-blend-mode:screen}.hiw-dashboard__metrics{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;font-size:.92rem}.hiw-dashboard__metrics li{display:flex;align-items:center;justify-content:space-between}.hiw-dashboard__metrics strong{color:rgba(226,232,240,.9)}.hiw-step--custom .hiw-button--primary{width:-moz-fit-content;width:fit-content}.hiw-architecture{width:100%;padding:clamp(2.2rem,7vw,3.4rem) 0;background:rgba(15,23,42,.98);color:rgba(226,232,240,.92)}.hiw-architecture__inner{width:var(--hiw-max-width);margin:0 auto;display:grid;gap:clamp(2rem,5vw,3.2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hiw-architecture__copy{display:flex;flex-direction:column;gap:1.2rem}.hiw-architecture__copy h2{margin:0;font-size:clamp(2.1rem,4.8vw,2.7rem)}.hiw-architecture__copy p{margin:0;line-height:1.8;color:rgba(226,232,240,.84)}.hiw-architecture__visual{display:flex;flex-direction:column;gap:1rem}.hiw-architecture__layer{border-radius:18px;padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.65rem}.hiw-architecture__layer span:first-child{font-weight:600}.hiw-architecture__layer--connectors{background:rgba(37,99,235,.22)}.hiw-architecture__layer--model{background:rgba(99,102,241,.26)}.hiw-architecture__layer--dashboards{background:rgba(14,165,233,.24)}.hiw-architecture__chips{display:flex;flex-wrap:wrap;gap:.5rem}.hiw-architecture__chips span{padding:.35rem .75rem;border-radius:999px;background:hsla(0,0%,100%,.15);font-size:.85rem}.hiw-cta{width:100%;padding-top:0}.hiw-cta__inner{width:var(--hiw-max-width);margin:0 auto;border-radius:32px;padding:clamp(2.6rem,8vw,3.8rem);background:radial-gradient(130% 150% at 0 0,rgba(14,165,233,.14),rgba(14,165,233,0)),radial-gradient(130% 120% at 100% 0,rgba(79,70,229,.16),rgba(79,70,229,0)),linear-gradient(135deg,#0f172a,#1e3a8a);color:#f9fafb;text-align:center;display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.6rem);box-shadow:0 35px 90px rgba(15,23,42,.35),0 10px 35px rgba(30,64,175,.28)}.hiw-cta__inner h2{margin:0;font-size:clamp(2.3rem,5vw,3.1rem)}.hiw-cta__inner p{margin:0;font-size:clamp(1rem,2.5vw,1.15rem);color:rgba(226,232,240,.82)}.hiw-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media (max-width:820px){.hiw-step__content--reverse{flex-direction:column;order:unset}}@media (max-width:640px){.howitworks{--hiw-max-width:min(100%,calc(100% - 2 * clamp(1rem, 8vw, 1.8rem)))}.howitworks__main{padding-top:clamp(1.5rem,10vw,2.4rem)}.hiw-hero{grid-template-columns:1fr}.hiw-cta__actions,.hiw-hero__actions{flex-direction:column}.hiw-button{width:100%}.hiw-step__content,.hiw-step__content--reverse{flex-direction:column}.hiw-step__visual--cards{display:grid}.hiw-connectors{grid-template-columns:1fr}.hiw-section,.hiw-step--alt,.hiw-step--custom{padding-left:clamp(1.2rem,6vw,1.8rem);padding-right:clamp(1.2rem,6vw,1.8rem)}.hiw-architecture__inner{grid-template-columns:1fr}}