.integrations-page{--int-line:rgba(140,255,176,.12);--int-copy:#7d8d84;--int-surface:rgba(12,23,17,.94);background:radial-gradient(circle at 80% 8%,rgba(0,230,118,.08),transparent 28%),#060a08}.integrations-main{max-width:1320px!important;padding-bottom:100px!important}.integrations-hero{position:relative;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px;padding:39px 40px;border:1px solid var(--int-line);border-radius:24px;background:radial-gradient(circle at 84% 15%,rgba(57,255,20,.1),transparent 27%),linear-gradient(145deg,#101d16,#080e0b);box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden}.integrations-hero::after{content:"";position:absolute;right:-40px;top:-90px;width:270px;height:270px;border:1px solid rgba(57,255,20,.08);border-radius:50%;box-shadow:0 0 70px rgba(0,230,118,.05)}.integrations-hero h1{margin:8px 0 8px;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em}.integrations-hero p{margin:0;color:var(--int-copy)}.integrations-hero p strong{color:#dce8e0}.integration-health{position:relative;z-index:1;display:grid;justify-items:end}.integration-health strong{color:#fff;font:850 3.5rem/1 Manrope}.integration-health strong small{color:#53705e;font-size:1rem}.integration-health>span{margin-top:6px;color:#75ca8e;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.integration-jump{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:25px}.integration-jump>a{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--int-line);border-radius:13px;background:rgba(255,255,255,.018);transition:.2s}.integration-jump>a:hover{border-color:rgba(57,255,20,.3);background:rgba(0,230,118,.045);transform:translateY(-2px)}.integration-jump i{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;background:#111d16;color:#9affb4;font-style:normal;font-weight:900}.integration-jump span{display:grid;color:#dbe5df;font-size:.69rem;font-weight:800}.integration-jump small{margin-top:2px;color:#65756c;font-size:.5rem;font-weight:500}.brand-google{color:#fff!important;background:conic-gradient(from -35deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)!important}.brand-tiktok{color:#fff!important;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}.brand-utmify{background:linear-gradient(145deg,#682cff,#00d9a2)!important;color:#fff!important}.brand-shopee{background:#ee4d2d!important;color:#fff!important}.integration-layout{display:grid;gap:22px}.integration-provider{scroll-margin-top:95px;border:1px solid var(--int-line);border-radius:20px;background:linear-gradient(145deg,rgba(14,26,19,.98),rgba(7,13,9,.98));box-shadow:0 22px 65px rgba(0,0,0,.2);overflow:hidden}.integration-provider>header{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:26px 28px;border-bottom:1px solid rgba(255,255,255,.065)}.provider-mark{width:55px;height:55px;display:grid;place-items:center;border:1px solid rgba(57,255,20,.17);border-radius:15px;background:rgba(0,230,118,.075);color:#8cffb0;font:900 1.5rem Manrope;box-shadow:0 15px 35px rgba(0,0,0,.18)}.integration-provider header small{color:#65be7e;font-size:.54rem;font-weight:900;letter-spacing:.14em}.integration-provider h2{margin:3px 0 4px;font-size:1.25rem}.integration-provider header p{margin:0;color:#718077;font-size:.64rem}.provider-status{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#697970;font-size:.55rem}.provider-status.ready{border-color:rgba(57,255,20,.2);background:rgba(0,230,118,.07);color:#9affb4}.integration-form{display:grid;gap:16px;padding:26px 28px}.integration-form>label,.integration-fields label{display:grid;gap:7px;color:#ced9d2;font-size:.69rem;font-weight:750}.integration-form label>small{color:#69786f;font-size:.56rem;font-weight:500}.integration-form input:not([type=checkbox]),.integration-form select{width:100%;min-height:47px;padding:0 13px;border:1px solid rgba(151,255,184,.13);border-radius:10px;background:rgba(2,7,4,.58);color:#edf5f0}.integration-form input:focus,.integration-form select:focus{outline:0;border-color:#00b85c;box-shadow:0 0 0 4px rgba(0,230,118,.07)}.integration-fields{display:grid;gap:14px}.integration-fields.two{grid-template-columns:1fr 1fr}.integration-form>.button{justify-self:start;min-width:210px}.integration-switch{display:flex!important;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(140,255,176,.1);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.integration-switch>input{position:absolute;opacity:0}.integration-switch>span{position:relative;width:42px;height:23px;flex:none;border-radius:20px;background:#23332a;transition:.2s}.integration-switch>span::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#839188;transition:.2s}.integration-switch>input:checked+span{background:#087a42}.integration-switch>input:checked+span::after{left:22px;background:#fff;box-shadow:0 0 12px rgba(57,255,20,.35)}.integration-switch>div{display:grid;gap:2px}.integration-switch b{color:#d3ddd7;font-size:.66rem}.integration-switch small{color:#65756c!important;font-size:.55rem!important}.integration-links{display:flex;gap:14px;flex-wrap:wrap}.integration-links a{color:#8cffb0;font-size:.59rem;font-weight:750}.catalog-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 28px 0;border:1px solid rgba(140,255,176,.1);border-radius:12px;background:rgba(140,255,176,.08);overflow:hidden}.catalog-readiness span{display:grid;gap:4px;padding:15px;background:#0b1510}.catalog-readiness small{color:#66776d;font-size:.53rem;text-transform:uppercase}.catalog-readiness strong{color:#eff8f2;font:800 1.35rem Manrope}.provider-google .provider-mark{color:#fff;background:conic-gradient(from -35deg,rgba(66,133,244,.75),rgba(52,168,83,.75),rgba(251,188,5,.75),rgba(234,67,53,.75),rgba(66,133,244,.75))}.provider-tiktok .provider-mark{text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}.provider-utmify .provider-mark{color:#fff;background:linear-gradient(145deg,rgba(104,44,255,.6),rgba(0,217,162,.4))}.provider-shopee .provider-mark{color:#fff;background:rgba(238,77,45,.72)}.integration-security{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;margin-top:24px;padding:19px 22px;border:1px solid rgba(57,255,20,.13);border-radius:15px;background:rgba(0,230,118,.035)}.integration-security>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(0,230,118,.09);color:#8cffb0}.integration-security strong{color:#d9e4dd;font-size:.73rem}.integration-security p{margin:4px 0 0;color:#697970;font-size:.59rem}.integration-security>a{color:#8cffb0;font-size:.63rem;font-weight:800}html[data-theme="light"] .integrations-page{--int-line:#dce7e0;--int-copy:#62736a;background:#f2f7f4}html[data-theme="light"] .integrations-hero,html[data-theme="light"] .integration-provider{background:#fff;border-color:#dbe7df;box-shadow:0 16px 45px rgba(25,74,43,.07)}html[data-theme="light"] .integration-jump>a,html[data-theme="light"] .integration-switch,html[data-theme="light"] .integration-security{background:#fff;border-color:#dbe7df}html[data-theme="light"] .integrations-hero h1,html[data-theme="light"] .integration-provider h2,html[data-theme="light"] .integration-jump span,html[data-theme="light"] .integration-form>label,html[data-theme="light"] .integration-fields label,html[data-theme="light"] .integration-switch b{color:#17281e}html[data-theme="light"] .integration-form input:not([type=checkbox]),html[data-theme="light"] .integration-form select{background:#fff;border-color:#cfded4;color:#17281e}html[data-theme="light"] .catalog-readiness span{background:#f8fbf9}html[data-theme="light"] .catalog-readiness strong{color:#17281e}
@media(max-width:900px){.integration-jump{grid-template-columns:repeat(3,1fr)}.integrations-hero{align-items:flex-start}.integration-health{justify-items:start}.integration-provider>header{grid-template-columns:52px 1fr}.provider-status{grid-column:2}.integration-fields.two{grid-template-columns:1fr}}
@media(max-width:600px){.integrations-main{padding-left:13px!important;padding-right:13px!important}.integrations-hero{align-items:flex-start;flex-direction:column;padding:27px 22px}.integration-health{display:none}.integration-jump{display:flex;overflow-x:auto}.integration-jump>a{min-width:175px}.integration-provider{border-radius:16px}.integration-provider>header{grid-template-columns:44px 1fr;padding:20px 17px}.provider-mark{width:43px;height:43px}.integration-provider header p{line-height:1.5}.integration-form{padding:20px 17px}.integration-form>.button{width:100%}.catalog-readiness{margin:18px 17px 0}.catalog-readiness span{padding:12px 8px}.integration-security{grid-template-columns:40px 1fr}.integration-security>a{grid-column:2}}
.tenant-consent{position:fixed;z-index:9999;right:22px;bottom:22px;width:min(440px,calc(100vw - 28px));display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid rgba(57,255,20,.22);border-radius:16px;background:rgba(7,15,10,.96);box-shadow:0 24px 75px rgba(0,0,0,.5);backdrop-filter:blur(18px);color:#f3f8f5}.tenant-consent strong{font-size:.78rem}.tenant-consent p{margin:5px 0 0;color:#84938b;font-size:.61rem;line-height:1.5}.tenant-consent>span{display:grid;gap:7px}.tenant-consent button{min-height:34px;padding:0 12px;border:1px solid rgba(140,255,176,.14);border-radius:8px;background:transparent;color:#91a198;font-size:.58rem;font-weight:800;cursor:pointer}.tenant-consent [data-consent-accept]{border:0;background:linear-gradient(110deg,#39ff14,#00e676,#00b85c);color:#031008}@media(max-width:600px){.tenant-consent{right:14px;bottom:14px;grid-template-columns:1fr}.tenant-consent>span{grid-template-columns:1fr 1fr}}