.legacy-integrations{display:none!important}.syncost-integrations-section{width:100%;min-height:100vh;padding:90px 0;overflow:hidden;color:#fff!important;background:radial-gradient(circle at 12% 10%,rgba(59,130,246,.24),transparent 34%),radial-gradient(circle at 88% 18%,rgba(14,165,233,.16),transparent 32%),radial-gradient(circle at 50% 100%,rgba(30,64,175,.22),transparent 42%),linear-gradient(135deg,#020617 0%,#071326 42%,#0b1f3a 72%,#020617 100%)!important}
.syncost-integrations-container{width:min(1180px,calc(100% - 32px));margin:auto}
.syncost-integrations-header{max-width:760px;margin-bottom:38px}
.syncost-eyebrow{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08)!important;color:#9ef5c2!important;font-size:14px;font-weight:700;margin-bottom:18px}
.syncost-integrations-header h2{font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px;color:#fff!important}
.syncost-integrations-header p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.72)!important;margin:0}
.syncost-cards-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,430px);gap:24px;width:max-content;padding:8px 2px 28px;scrollbar-width:none;animation:syncostInfiniteScroll 34s linear infinite;will-change:transform}
.syncost-cards-scroll::-webkit-scrollbar{display:none}.syncost-cards-scroll:hover{animation-play-state:paused}
.syncost-integration-card{position:relative;min-height:510px;border-radius:28px;padding:28px;overflow:hidden;isolation:isolate;box-shadow:0 24px 80px rgba(0,0,0,.32)}
.syncost-integration-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 8%,rgba(255,255,255,.35),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0));z-index:-2}
.syncost-integration-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;opacity:.35;z-index:-1}
.card-content{position:relative;z-index:2}.integration-logo{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-.035em;margin-bottom:20px}.syncost-integration-card p{font-size:18px;line-height:1.55;margin:0;max-width:365px}
.brand-logo-img{width:42px;height:42px;object-fit:contain;flex:0 0 auto;display:block}.brand-logo-img-invert{background:#000;border-radius:12px;padding:7px}.card-printify .integration-logo>.brand-logo-img{display:none}.card-printify .integration-logo:before{content:"P";width:42px;height:42px;border-radius:12px;display:inline-grid;place-items:center;background:#a6ff63;color:#242706;font:950 34px/1 "Arial Black",Impact,sans-serif;flex:0 0 auto}.logo-svg-wrap{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.logo-svg-wrap svg{display:block;width:46px;height:46px}.printful-logo-wrap{width:58px}.printful-logo-wrap svg{width:58px;height:46px}
.card-visual{position:absolute;inset-inline:0;bottom:0;height:285px;display:flex;align-items:center;justify-content:center;padding-inline:28px;z-index:1;pointer-events:none}.card-shopify{background:linear-gradient(145deg,#073d2c,#95bf47 130%);color:#fff}.card-google{background:linear-gradient(145deg,#f8fff8,#e9fff0);color:#1f2937}.card-meta{background:linear-gradient(145deg,#f7fbff,#eaf6ff);color:#172033}.card-tiktok{background:linear-gradient(145deg,#101010,#2c2c2c);color:#fff}.card-printify{background:linear-gradient(145deg,#083b2f,#39d98a);color:#fff}.card-printful{background:linear-gradient(145deg,#fff7ed,#ffefe1);color:#1f2937}.card-csv-upload{background:linear-gradient(145deg,#ecfeff,#dbeafe);color:#172033}
.mock-window,.ad-card,.meta-dashboard,.pod-product,.fulfillment-box,.csv-upload-panel{background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(0,0,0,.18)}.mock-window{width:260px;padding:22px;border-radius:24px;transform:rotate(-7deg)}.mock-top{width:86px;height:12px;border-radius:999px;background:#95bf47;margin-bottom:24px}.mock-row{height:14px;border-radius:999px;background:#dfe7df;margin-bottom:12px}.mock-row.short{width:65%}.mock-price{margin-top:18px;font-size:32px;font-weight:900;color:#111827}
.circle-bg{position:absolute;width:260px;height:260px;border-radius:999px;background:#ffd7d7;left:50%;bottom:-86px;transform:translateX(-58%);z-index:-1}.ad-card{width:250px;padding:20px;border-radius:22px;transform:rotate(3deg)}.ad-card .badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#4285f4;color:#fff;font-weight:800;margin-bottom:20px}.ad-card h4{color:#4285f4;font-size:22px;margin:0 0 10px}.ad-card small{display:block;color:#6b7280;font-size:14px;margin-bottom:8px}.ad-card strong{color:#111827;font-size:30px}
.meta-dashboard{width:286px;padding:18px;border-radius:26px;transform:rotate(-3deg)}.meta-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.meta-dot{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#0866ff,#9b5cff)}.meta-top strong,.meta-top small{display:block}.meta-top strong{color:#111827;font-size:15px}.meta-top small{color:#64748b;margin-top:2px}.meta-chart{height:76px;display:flex;align-items:end;gap:9px;padding:12px;border-radius:18px;background:#eef6ff;margin-bottom:14px}.meta-chart span{flex:1;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#0866ff,#8ec5ff)}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-metrics div{padding:12px;border-radius:16px;background:#f2f7ff}.mini-metrics small{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.mini-metrics strong{display:block;color:#0f172a;font-size:20px}
.tiktok-stack-visual{position:relative;width:315px;height:285px;transform:rotate(-3deg) translateY(10px)}.tiktok-bg-card,.tiktok-bottom-card{position:absolute;left:82px;width:175px;height:112px;border-radius:18px;background:#25f4ee;box-shadow:10px 9px 0 rgba(254,44,85,.48);padding:50px 20px 18px}.tiktok-bg-card{top:4px;transform:rotate(9deg)}.tiktok-bottom-card{bottom:8px;transform:rotate(7deg);opacity:.92}.tiktok-bg-card:before,.tiktok-bottom-card:before{content:"";position:absolute;left:22px;right:18px;top:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.96)}.tiktok-bg-line{position:relative;z-index:2;height:7px;border-radius:999px;background:#d8d8d8;margin-left:38px;margin-bottom:7px;opacity:.8}.tiktok-bg-line.short{width:64%}.tiktok-main-card{position:absolute;z-index:4;left:22px;top:96px;width:270px;height:104px;border-radius:16px;background:#fff;transform:rotate(7deg);box-shadow:0 24px 60px rgba(0,0,0,.38);padding:24px}.tiktok-red-dot{position:absolute;width:48px;height:48px;border-radius:999px;background:#fe2c55;left:8px;top:-38px}.tiktok-thumb{position:absolute;left:38px;top:28px;width:58px;height:55px;border-radius:6px;background:#fe2c55}.tiktok-thumb:before{content:"";position:absolute;left:9px;top:9px;width:13px;height:13px;border-radius:999px;background:#25f4ee}.tiktok-copy-lines{position:absolute;left:115px;right:24px;top:42px;display:grid;gap:10px}.tiktok-copy-lines span{height:11px;border-radius:999px;background:#fe2c55}.tiktok-copy-lines span:nth-child(2){width:78%}.tiktok-spark{position:absolute;color:#fff;font-size:24px}.spark-one{left:64px;top:3px}.spark-two{right:-17px;top:33px}.tiktok-ad-spend{position:absolute;z-index:6;right:8px;bottom:6px;width:150px;padding:13px 14px;border-radius:18px;background:#111;color:#fff;box-shadow:0 20px 45px rgba(0,0,0,.35);transform:rotate(4deg)}.tiktok-ad-spend small{display:block;color:rgba(255,255,255,.68);font-size:12px;margin-bottom:5px}.tiktok-ad-spend strong{display:block;font-size:25px;line-height:1;color:#25f4ee}
.pod-visual{align-items:flex-end;padding-bottom:22px}.pod-product{width:250px;padding:18px;border-radius:24px;transform:rotate(-4deg) translateY(12px)}.shirt{width:116px;height:122px;margin:0 auto 14px;background:#39d98a;clip-path:polygon(25% 0,40% 12%,60% 12%,75% 0,100% 25%,82% 42%,82% 100%,18% 100%,18% 42%,0 25%)}.pod-cost-list{display:grid;gap:7px;margin-bottom:12px}.pod-cost-list div,.printful-costs div,.csv-table div{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:13px;background:#f3fff8;color:#111827}.pod-cost-list span,.printful-costs span,.csv-table span{color:#64748b;font-size:13px}.pod-info{display:flex;align-items:center;justify-content:space-between;color:#111827}.pod-info strong{font-size:22px}
.printful-visual{height:285px}.printful-visual-wrap{width:292px;display:grid;gap:12px;transform:translateY(-4px)}.fulfillment-box{width:272px;padding:18px;border-radius:24px;display:flex;align-items:center;gap:14px;transform:rotate(4deg);margin:auto}.box-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#fff0e8;color:#fb6d3a;flex:0 0 auto}.fulfillment-box small,.fulfillment-box strong{display:block;color:#111827}.fulfillment-box small{color:#64748b;font-size:13px;margin-bottom:4px}.fulfillment-box strong{font-size:27px;line-height:1}.printful-costs{width:272px;padding:13px;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(0,0,0,.15);transform:rotate(-3deg) translateX(14px);margin:auto}.printful-costs div{margin-bottom:7px;background:#fff7ed}.printful-costs div:last-child{margin-bottom:0}.printful-costs strong{color:#111827;font-size:14.5px}
.csv-visual{align-items:flex-end;padding-bottom:34px}.csv-upload-panel{width:240px;padding:14px;border-radius:22px;transform:rotate(-3deg) translateY(18px) scale(.92)}.csv-file-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:15px;background:#eff6ff;margin-bottom:9px}.csv-file-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:12px;font-weight:900}.csv-file-card small,.csv-file-card strong{display:block}.csv-file-card small{color:#64748b;font-size:11px;margin-bottom:3px}.csv-file-card strong{color:#0f172a;font-size:15px}.csv-table{display:grid;gap:5px;margin-bottom:9px}.csv-table div{padding:7px 9px;border-radius:11px;background:#f8fafc}.csv-table div:first-child{background:#dbeafe;font-weight:800}.csv-table strong{color:#111827;font-size:12.5px}.csv-imported{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px;border-radius:13px;background:#dcfce7;color:#166534;font-size:12px;font-weight:900}.csv-imported span{width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#22c55e;color:#fff}
@keyframes syncostInfiniteScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 12px))}}@media(prefers-reduced-motion:reduce){.syncost-cards-scroll{animation:none}}@media(max-width:768px){.syncost-integrations-section{padding:64px 0}.syncost-cards-scroll{grid-auto-columns:minmax(280px,86vw);gap:18px}.syncost-integration-card{min-height:480px;padding:24px;border-radius:22px}.integration-logo{font-size:25px}.syncost-integration-card p{font-size:16px}.card-visual{height:260px;padding-inline:18px}.tiktok-stack-visual{transform:rotate(-3deg) translateY(14px) scale(.92)}.printful-visual-wrap{transform:translateY(-2px) scale(.94)}.pod-product{width:230px;padding:16px}.shirt{width:104px;height:110px}.csv-upload-panel{width:225px;transform:rotate(-3deg) translateY(20px) scale(.88)}}