.timelineSection{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 8%,#dde7ff73,#0000 32%),linear-gradient(#fafcff 0%,#f7f9fc 100%)!important}.timelineSteps{gap:18px;display:grid}.timelineStep{--step-accent:#2563eb;--step-soft:#e6efff;--step-glow:#bfd6ff;min-height:0!important}.timelineStep:first-child{--step-accent:#2563eb;--step-soft:#e6efff;--step-glow:#bfd6ff}.timelineStep:nth-child(2){--step-accent:#7047df;--step-soft:#eee8ff;--step-glow:#d7c9ff}.timelineStep:nth-child(3){--step-accent:#078063;--step-soft:#def8ef;--step-glow:#b8efdf}.timelineStep:nth-child(4){--step-accent:#ef8700;--step-soft:#fff0dc;--step-glow:#ffd7a7}.timelineStep:nth-child(5){--step-accent:#0891b2;--step-soft:#def7fb;--step-glow:#b9edf5}.timelineSection .timelineNumber span{box-shadow:0 8px 20px color-mix(in srgb, var(--step-accent) 20%, transparent);background:linear-gradient(145deg, var(--step-accent), color-mix(in srgb, var(--step-accent) 82%, #111))!important;color:#fff!important;border:0!important;width:46px!important;height:46px!important;font-size:10px!important;font-weight:900!important}.timelineSection .timelineNumber i{border-radius:999px;margin-top:7px;background:linear-gradient(180deg, color-mix(in srgb, var(--step-accent) 32%, #d7dce5), #dce1e9)!important;width:2px!important}.timelineSection .timelineStepContent{isolation:isolate;min-height:190px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffffffe,#f9fcfff7)!important;border:1px solid #d6dfeef2!important;border-radius:24px!important;grid-template-columns:minmax(0,1fr) 132px!important;column-gap:32px!important;margin-bottom:0!important;padding:28px 30px!important;box-shadow:0 18px 48px #1d304e11,0 3px 9px #1d304e06!important}.timelineSection .timelineStepContent:before{content:"";background:var(--step-glow);filter:blur(45px);opacity:.28;z-index:-1;pointer-events:none;border-radius:999px;width:200px;height:200px;position:absolute;top:-90px;left:-80px}.timelineSection .timelineStepContent:hover{transform:translateY(-4px);border-color:color-mix(in srgb, var(--step-accent) 22%, #d6dfed)!important;box-shadow:0 26px 60px #1d304e1b,0 4px 12px #1d304e09!important}.timelineSection .timelineStepContent>small{color:var(--step-accent)!important;letter-spacing:.09em!important;font-size:10px!important;font-weight:900!important}.timelineSection .timelineStepContent h3{color:#101827!important;letter-spacing:-.03em!important;margin:11px 0 9px!important;font-size:22px!important;font-weight:850!important;line-height:1.18!important}.timelineSection .timelineStepContent>p{color:#69758a!important;max-width:570px!important;font-size:13.5px!important;line-height:1.62!important}.timelineSection .stepVisual{border:1px solid color-mix(in srgb, var(--step-accent) 12%, #e1e7ef);width:132px;box-shadow:inset 0 0 0 1px #ffffffe6,0 10px 28px #1d304e0b;background:linear-gradient(145deg, var(--step-soft), #fffffff2)!important;border-radius:20px!important;height:132px!important;padding:18px!important}.timelineSection .stepVisualIcon{box-shadow:0 9px 20px color-mix(in srgb, var(--step-accent) 22%, transparent);background:var(--step-accent)!important;color:#fff!important;border-radius:13px!important;width:46px!important;height:46px!important;font-size:15px!important}.timelineSection .stepVisual>div{gap:7px!important}.timelineSection .stepVisual i{background:color-mix(in srgb, var(--step-accent) 13%, #dfe5ec)!important;height:6px!important}@media (max-width:980px){.timelineSection .timelineStepContent{min-height:175px;grid-template-columns:minmax(0,1fr) 116px!important;gap:22px!important;padding:24px!important}.timelineSection .stepVisual{width:116px;height:116px!important}}@media (max-width:650px){.timelineSection{padding-top:58px!important;padding-bottom:64px!important}.timelineSteps{gap:14px!important}.timelineStep{width:100%;min-height:0!important;display:block!important}.timelineSection .timelineNumber{display:none!important}.timelineSection .timelineStepContent{grid-template-rows:auto auto auto;width:100%;min-height:0;border-radius:20px!important;grid-template-columns:minmax(0,1fr) 72px!important;column-gap:15px!important;margin:0!important;padding:20px 18px!important;display:grid!important}.timelineSection .timelineStepContent>small{grid-column:1!important;font-size:10px!important}.timelineSection .timelineStepContent h3{grid-column:1!important;margin:7px 0 6px!important;font-size:17px!important;line-height:1.22!important}.timelineSection .timelineStepContent>p{grid-column:1/-1!important;margin-top:8px!important;font-size:12.7px!important;line-height:1.5!important}.timelineSection .stepVisual{place-self:center end;border-radius:17px!important;grid-area:1/2/3!important;width:72px!important;height:72px!important;margin:0!important;padding:13px!important}.timelineSection .stepVisualIcon{border-radius:10px!important;width:37px!important;height:37px!important;font-size:13px!important}.timelineSection .stepVisual>div{display:none!important}.timelineSticky{margin-bottom:6px}.timelineSticky h2{font-size:clamp(34px,10vw,45px)!important}}@media (max-width:420px){.timelineSection .timelineStepContent{border-radius:18px!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:12px!important;padding:18px 16px!important}.timelineSection .stepVisual{border-radius:15px!important;width:64px!important;height:64px!important;padding:11px!important}.timelineSection .stepVisualIcon{width:34px!important;height:34px!important}.timelineSection .timelineStepContent h3{font-size:16px!important}.timelineSection .timelineStepContent>p{font-size:12.3px!important}}@media (max-width:340px){.timelineSection .timelineStepContent{grid-template-columns:1fr!important;padding:15px 12px!important}.timelineSection .stepVisual{grid-area:auto/1!important;justify-self:start!important;width:56px!important;height:56px!important}.timelineSection .timelineStepContent>small,.timelineSection .timelineStepContent h3,.timelineSection .timelineStepContent>p{grid-column:1!important}.timelineSticky h2{font-size:31px!important}}
.clewaseFlowSection{background:radial-gradient(circle at 3% 6%,#d8e7ffb8,#0000 20%),radial-gradient(circle at 97% 10%,#ebf0ffcc,#0000 22%),#fbfdff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;padding:90px 0 78px;position:relative;overflow:hidden}.clewaseFlowHeading{text-align:center;max-width:850px;margin:0 auto 46px}.clewaseFlowKicker{color:#2166ef;letter-spacing:.18em;margin-bottom:13px;font-size:11px;font-weight:900;display:block}.clewaseFlowHeading h2{color:#0c1630;letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,58px);font-weight:900;line-height:1.02}.clewaseFlowHeading p{color:#67738b;max-width:680px;margin:17px auto 0;font-size:15px;line-height:1.65}.clewaseFlowCards{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:13px;display:grid}.clewaseFlowCard{--flow-accent:#1767ef;--flow-soft:#edf5ff;border:1px solid color-mix(in srgb, var(--flow-accent) 14%, #e4eaf3);background:linear-gradient(180deg, #fffffffc, var(--flow-soft));border-radius:24px;flex-direction:column;min-width:0;padding:15px 15px 18px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 18px 50px #2d42610e}.clewaseFlowCard:hover{transform:translateY(-5px);box-shadow:0 26px 65px #2d42611a}.clewaseFlowCard1{--flow-accent:#1767ef;--flow-soft:#f0f6ff}.clewaseFlowCard2{--flow-accent:#7847ed;--flow-soft:#f5f0ff}.clewaseFlowCard3{--flow-accent:#08a681;--flow-soft:#edfbf7}.clewaseFlowCard4{--flow-accent:#f18b00;--flow-soft:#fff6ea}.clewaseFlowCard5{--flow-accent:#f14578;--flow-soft:#fff0f5}.clewaseFlowNumber{z-index:3;background:linear-gradient(145deg, color-mix(in srgb, var(--flow-accent) 82%, #fff), var(--flow-accent));color:#fff;width:54px;height:54px;box-shadow:0 9px 20px color-mix(in srgb, var(--flow-accent) 20%, transparent);border:5px solid #fbfdff;border-radius:999px;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.clewaseFlowVisual{background:#ffffffb8;border:1px solid #dce5f1e0;border-radius:18px;height:225px;margin-bottom:20px;position:relative;overflow:hidden}.mockBrowserTop{border-bottom:1px solid #dce4efb3;align-items:center;gap:4px;height:28px;padding-left:11px;display:flex}.mockBrowserTop i{background:#cbd6e7;border-radius:50%;width:5px;height:5px;display:block}.clewaseCatalogMock{background:linear-gradient(145deg,#eef5ff,#fff);height:100%;padding:12px}.clewaseCatalogMock .mockBrowserTop{margin:-12px -12px 10px}.catalogSearch{color:#9aa8ba;background:#fff;border-radius:7px;align-items:center;height:25px;padding:0 9px;font-size:7px;display:flex;box-shadow:0 5px 15px #2948770d}.catalogBody{grid-template-columns:50px 1fr;gap:8px;margin-top:9px;display:grid}.catalogSide{gap:7px;display:grid}.catalogSide span{background:#6088c41a;border-radius:5px;height:13px}.catalogProducts{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.catalogProduct{color:#91a5c1;background:#fff;border-radius:8px;place-items:center;min-height:55px;font-size:17px;display:grid;box-shadow:0 5px 14px #314e770a}.catalogProduct:first-child{color:var(--flow-accent);background:linear-gradient(145deg,#ddecff,#fff)}.productShirt{color:#fff;background:#4694ff;border-radius:7px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:900;display:grid}.clewaseDesignMock{background:linear-gradient(145deg,#f2edff,#fff);height:100%;position:relative}.designWorkspace{grid-template-columns:34px 1fr;gap:9px;height:calc(100% - 28px);padding:10px;display:grid}.designTools{align-content:center;gap:7px;display:grid}.designTools span{color:#8064c7;background:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:9px;display:grid;box-shadow:0 4px 12px #472c780d}.designCanvas{background:#ffffffa6;border:1px dashed #aa94ed;border-radius:10px;place-items:center;display:grid}.designShirt{clip-path:polygon(28% 0,38% 8%,62% 8%,72% 0,100% 18%,84% 37%,76% 31%,76% 100%,24% 100%,24% 31%,16% 37%,0 18%);color:#7047df;background:linear-gradient(145deg,#fff,#e8e3f7);place-items:center;width:70px;height:79px;font-size:23px;font-weight:900;display:grid;box-shadow:0 8px 25px #4a30821a}.designUpload{color:#fff;background:linear-gradient(135deg,#8756ff,#6437db);border-radius:8px;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 9px 22px #7047df40}.clewasePriceMock{background:linear-gradient(145deg,#effcf8,#fff);height:100%;padding:35px 16px 14px}.priceRow{color:#5f7180;border-bottom:1px solid #e8f0ed;justify-content:space-between;align-items:center;gap:8px;min-height:41px;padding:0 11px;font-size:8px;display:flex}.priceRow strong{color:#1e3541;font-size:10px}.priceActive{background:#dcf8ef;border:0;border-radius:9px;margin:5px 0}.priceActive strong,.profitValue{color:#008f6f!important}.profitGraph{justify-content:flex-end;align-items:flex-end;gap:5px;height:53px;margin-top:12px;display:flex}.profitGraph span{background:linear-gradient(#4ed7b2,#12aa85);border-radius:5px 5px 2px 2px;width:13px}.profitGraph span:first-child{height:18px}.profitGraph span:nth-child(2){height:28px}.profitGraph span:nth-child(3){height:39px}.profitGraph span:nth-child(4){height:52px}.clewaseOrdersMock{background:linear-gradient(145deg,#fff7eb,#fff);align-content:center;gap:13px;height:100%;padding:32px 15px 14px;display:grid}.orderMockRow{grid-template-columns:30px 1fr;align-items:center;gap:9px;display:grid}.orderMockIcon{color:#fff;background:#ff9815;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.orderMockRow>div{min-width:0}.orderMockRow strong{color:#283548;font-size:8px;display:block}.orderMockRow i{background:#f0dfc8;border-radius:999px;width:100%;height:5px;margin-top:6px;display:block}.orderMockRow:nth-child(2) i{width:76%}.orderMockRow:nth-child(3) i{background:#c8ebdf;width:58%}.clewaseShippingMock{background:linear-gradient(145deg,#fff1f6,#fff);height:100%;position:relative}.shippingRoom{place-items:center;display:grid;position:absolute;inset:0}.shippingPlant{color:#73a78b;font-size:26px;position:absolute;top:20px;right:14px}.shippingBox{color:#17314e;background:linear-gradient(145deg,#e7b26e,#c9833c);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:112px;height:83px;margin-top:35px;display:flex;position:relative;box-shadow:0 18px 25px #804f2229}.shippingTape{background:#eecb8fc2;width:20px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.shippingBox strong,.shippingBox small{z-index:2;position:relative}.shippingBox strong{font-size:21px}.shippingBox small{margin-top:2px;font-size:6px;font-weight:900}.shippingSpeed{gap:5px;display:grid;position:absolute;bottom:33px;left:21px}.shippingSpeed i{background:var(--flow-accent);border-radius:99px;height:3px;display:block}.shippingSpeed i:first-child{width:36px}.shippingSpeed i:nth-child(2){width:25px}.shippingSpeed i:nth-child(3){width:16px}.clewaseFlowContent{flex:1}.clewaseFlowContent h3{color:#0b1830;letter-spacing:-.025em;margin:0 0 9px;font-size:18px;line-height:1.12}.clewaseFlowContent p{color:#68758a;margin:0;font-size:12.5px;line-height:1.55}.clewaseFlowBottom{justify-content:space-between;align-items:center;gap:8px;margin-top:22px;display:flex}.clewaseFlowArrow{background:color-mix(in srgb, var(--flow-accent) 8%, #fff);width:40px;height:40px;color:var(--flow-accent);border:2px solid #fffffff2;border-radius:999px;place-items:center;font-size:21px;display:grid;box-shadow:0 4px 12px #2137580f}.clewaseFlowBottom small{color:var(--flow-accent);letter-spacing:.18em;font-size:8px;font-weight:900}.clewaseFlowTrust{border-top:1px solid #e3e9f3;border-bottom:1px solid #e3e9f3;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:36px;padding:22px 8px;display:grid}.clewaseFlowTrust>div{border-right:1px solid #dfe6f1;align-items:center;gap:12px;min-width:0;padding:0 24px;display:flex}.clewaseFlowTrust>div:last-child{border-right:0}.clewaseFlowTrust>div>span{color:#1767ef;background:#edf5ff;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;font-size:17px;font-weight:900;display:grid}.clewaseFlowTrust p{gap:3px;margin:0;display:grid}.clewaseFlowTrust strong{color:#15213a;font-size:12px}.clewaseFlowTrust small{color:#748197;font-size:9px}.clewaseFlowCTA{text-align:center;margin-top:26px}.clewaseFlowCTAButton{color:#fff;background:linear-gradient(135deg,#1971f5,#145de1);border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 28px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 13px 30px #1868eb38}@media (max-width:1180px){.clewaseFlowCards{grid-template-columns:repeat(3,minmax(0,1fr))}.clewaseFlowCard4,.clewaseFlowCard5{min-height:520px}}@media (max-width:850px){.clewaseFlowSection{padding:68px 0}.clewaseFlowHeading{margin-bottom:44px}.clewaseFlowCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.clewaseFlowCard4,.clewaseFlowCard5{min-height:0}.clewaseFlowTrust{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.clewaseFlowTrust>div:nth-child(2){border-right:0}}@media (max-width:600px){.clewaseFlowSection{padding:58px 0 60px}.clewaseFlowHeading{text-align:left;margin-bottom:42px}.clewaseFlowHeading h2{font-size:37px}.clewaseFlowHeading p{font-size:13px}.clewaseFlowCards{grid-template-columns:1fr;gap:32px}.clewaseFlowCard{border-radius:22px;padding:14px 14px 17px}.clewaseFlowVisual{height:220px}.clewaseFlowContent h3{font-size:19px}.clewaseFlowContent p{font-size:13px}.clewaseFlowTrust{grid-template-columns:1fr;gap:0;padding:10px 0}.clewaseFlowTrust>div{border-bottom:1px solid #e7edf5;border-right:0;padding:13px 4px}.clewaseFlowTrust>div:last-child{border-bottom:0}.clewaseFlowCTAButton{width:100%}}@media (max-width:360px){.clewaseFlowSection{padding:46px 0 50px}.clewaseFlowHeading h2{font-size:32px}.clewaseFlowHeading p{font-size:12px}.clewaseFlowVisual{height:185px}.clewaseFlowCard{border-radius:18px;padding:12px 10px 15px}.clewaseFlowBottom{flex-direction:column;align-items:flex-start}.clewaseFlowArrow{width:36px;height:36px}.clewaseFlowTrust>div{padding-left:0;padding-right:0}}
