/* Workflow and integrations: all product flows on these pages are illustrative. */
.marketing-body .workflow-page,.marketing-body .integrations-page,.marketing-body .integration-detail-page{background:#071321;color:#f4fbff}
.marketing-body .workflow-hero,.marketing-body .integrations-hero,.marketing-body .integration-detail-hero{padding:90px 0 100px;background:radial-gradient(circle at 50% 12%,rgba(12,162,134,.18),transparent 43%),linear-gradient(180deg,#071221,#0a1a2a)}
.marketing-body .workflow-hero-copy{max-width:900px;margin:0 auto 50px;text-align:center}
.marketing-body .workflow-hero h1,.marketing-body .integrations-hero h1,.marketing-body .integration-detail-hero h1{margin:0 0 20px;font-size:clamp(37px,5vw,62px);line-height:1.25;color:#f8fffd}
.marketing-body .workflow-hero-copy p,.marketing-body .integrations-hero p,.marketing-body .integration-detail-hero p{max-width:820px;margin:0 auto 25px;color:#d1e2e9;font-size:18px;line-height:1.9}
.marketing-body .workflow-flow{position:relative;overflow:hidden;padding:24px;border:1px solid #238a79;border-radius:22px;background:radial-gradient(circle at 55% 0,rgba(10,145,125,.14),transparent 60%),#101e30;box-shadow:0 30px 80px rgba(0,0,0,.25),0 0 42px rgba(0,190,150,.09)}
.marketing-body .workflow-flow-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#a6f4dc;font-size:14px;font-weight:800}
.marketing-body .workflow-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.marketing-body .workflow-flow-grid:before{content:"";position:absolute;inset-inline:7%;top:37px;height:2px;background:linear-gradient(90deg,transparent,#16d9ad,transparent);opacity:.56;animation:workflow-pulse 3s ease-in-out infinite}
.marketing-body .workflow-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:185px;padding:18px;border:1px solid #385269;border-radius:14px;background:#142338;color:#e9f8f6;text-align:start;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.marketing-body .workflow-node:hover,.marketing-body .workflow-node.is-active{transform:translateY(-4px);border-color:#28ddba;box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 22px rgba(18,210,168,.15)}
.marketing-body .workflow-node:focus-visible{outline:3px solid #64f7d7;outline-offset:3px}
.marketing-body .workflow-node-icon{width:30px;height:30px;color:#48e6c6}
.marketing-body .workflow-node small{color:#8abbb7;font-size:12px;font-weight:800}
.marketing-body .workflow-node strong{font-size:17px;line-height:1.4}
.marketing-body .workflow-node>span:not(.ui-icon){color:#bcd3df;font-size:13px;line-height:1.5}
.marketing-body .workflow-node b{margin-top:auto;color:#8ff0d3;font-size:12px;line-height:1.5}
.marketing-body .workflow-flow-caption{display:flex;align-items:center;gap:10px;min-height:40px;margin-top:18px;padding:9px 13px;border-radius:9px;background:#0d3540;color:#e1fff5;font-size:14px;font-weight:700}
.marketing-body .workflow-flow-caption .ui-icon{width:19px;height:19px;color:#48e6c6}
@keyframes workflow-pulse{50%{opacity:1;filter:drop-shadow(0 0 8px #16d9ad)}}
.marketing-body .workflow-stages{background:linear-gradient(180deg,#0a1a2a,#081625)}
.marketing-body .workflow-stage-list{display:grid;gap:22px}
.marketing-body .workflow-stage{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:340px;padding:35px 42px;border:1px solid #2f5060;border-radius:20px;background:linear-gradient(130deg,#132637,#0f1d2e);box-shadow:0 20px 50px rgba(0,0,0,.13)}
.marketing-body .workflow-stage:nth-child(even) .workflow-stage-copy{order:2}
.marketing-body .workflow-stage:nth-child(even) .workflow-mockup{order:1}
.marketing-body .workflow-stage-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-end:12px;border:1px solid #1cc6a6;border-radius:10px;background:#0d4747;color:#a6ffe5;font:800 15px Arial}
.marketing-body .workflow-stage-tag{display:inline-block;color:#8af1d3;font-size:13px;font-weight:800}
.marketing-body .workflow-stage h3{margin:22px 0 12px;color:#f8fffd;font-size:clamp(25px,3vw,36px);line-height:1.3}
.marketing-body .workflow-stage p{max-width:570px;margin:0;color:#d2e3eb;font-size:16px;line-height:1.95}
.marketing-body .workflow-mockup{min-width:0;padding:24px;border:1px solid #286a68;border-radius:17px;background:linear-gradient(145deg,#0d2533,#0b1b2e);box-shadow:0 20px 45px rgba(0,0,0,.2),0 0 25px rgba(15,206,163,.07)}
.marketing-body .workflow-mockup-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;margin-bottom:21px;border-bottom:1px solid #315164;color:#b8d1dc;font-size:13px;font-weight:700}
.marketing-body .workflow-mockup>small{display:block;color:#abc4d1;font-size:13px}
.marketing-body .workflow-mockup>strong{display:block;margin:7px 0 17px;color:#f4fffb;font-size:30px}
.marketing-body .workflow-reference,.marketing-body .workflow-check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;margin-top:9px;border:1px solid #315769;border-radius:9px;background:#142c3d;color:#d9eaf1;font-size:14px}
.marketing-body .workflow-reference b,.marketing-body .workflow-check-row b{color:#81f4d2}
.marketing-body .workflow-copy{display:block;width:100%;margin-top:12px;padding:11px 15px;border:0;border-radius:8px;background:#13d1a7;color:#05212e;font:800 14px Almarai,system-ui,sans-serif;cursor:pointer}
.marketing-body .workflow-copy:hover{background:#55e9c7}
.marketing-body .workflow-mockup-foot{display:block;margin-top:14px;color:#b7ced9;font-size:13px;line-height:1.7}
.marketing-body .workflow-notification{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #198d82;border-radius:12px;background:#0d4148}
.marketing-body .workflow-notification>.ui-icon{color:#53ebc7}
.marketing-body .workflow-notification strong,.marketing-body .workflow-notification small{display:block;line-height:1.65}
.marketing-body .workflow-notification strong{color:#f3fffa;font-size:15px}
.marketing-body .workflow-notification small{color:#d3e9e8;font-size:13px}
.marketing-body .workflow-live-dot{width:9px;height:9px;border-radius:50%;background:#31e9b9;box-shadow:0 0 0 5px rgba(49,233,185,.14)}
.marketing-body .workflow-status-change{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px;border:1px solid #367570;border-radius:10px;background:#103e45;font-size:14px}
.marketing-body .workflow-status-change strong{color:#91f3d5}
.marketing-body .workflow-fallback{background:linear-gradient(180deg,#081625,#0a1a2a)}
.marketing-body .workflow-fallback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.marketing-body .workflow-fallback-grid article,.marketing-body .workflow-setup-grid article{padding:28px;border:1px solid #345066;border-radius:15px;background:#142536}
.marketing-body .workflow-fallback-grid .ui-icon{color:#4ce7c6;width:29px;height:29px}
.marketing-body .workflow-fallback-grid h3,.marketing-body .workflow-setup-grid h3{margin:17px 0 9px;font-size:22px;color:#f4fffb}
.marketing-body .workflow-fallback-grid p,.marketing-body .workflow-setup-grid p{margin:0;color:#d1e2ea;font-size:15px;line-height:1.85}
.marketing-body .workflow-security{background:radial-gradient(circle at 80% 20%,rgba(13,154,126,.16),transparent 45%),#0a1a2a}
.marketing-body .workflow-security-inner{display:grid;grid-template-columns:1fr .85fr;gap:9%;align-items:center}
.marketing-body .workflow-security h2{font-size:clamp(33px,4vw,50px)}
.marketing-body .workflow-security p{color:#d0e3e9;font-size:16px;line-height:1.9}
.marketing-body .workflow-security ul{display:grid;gap:13px;list-style:none;margin:0;padding:0}
.marketing-body .workflow-security li{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #2d695f;border-radius:11px;background:#11343b;color:#edfdf8;font-size:15px;line-height:1.7}
.marketing-body .workflow-security li .ui-icon{color:#5bf1d0}
.marketing-body .workflow-setup{background:linear-gradient(180deg,#0a1a2a,#081523);text-align:center}
.marketing-body .workflow-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px;text-align:start}
.marketing-body .workflow-setup-grid article>span{color:#54e9c6;font:800 24px Arial}
.marketing-body .workflow-faq{background:#081523}
.marketing-body .workflow-faq-list{max-width:850px;margin:auto}
.marketing-body .workflow-faq-list details{margin-bottom:10px;padding:19px 23px;border:1px solid #314a5d;border-radius:10px;background:#122438}
.marketing-body .workflow-faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;color:#f4fffb;font-size:16px;font-weight:800;cursor:pointer}
.marketing-body .workflow-faq-list summary::-webkit-details-marker{display:none}
.marketing-body .workflow-faq-list summary span{color:#64e9cc;font-size:22px}
.marketing-body .workflow-faq-list details[open] summary span{transform:rotate(180deg)}
.marketing-body .workflow-faq-list p{margin:13px 0 0;color:#c9dce7;font-size:15px;line-height:1.85}

.marketing-body .integrations-hero .container,.marketing-body .integration-detail-hero .container{max-width:980px}
.marketing-body .integrations-catalog{background:linear-gradient(180deg,#0a1a2a,#081624)}
.marketing-body .integration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.marketing-body .integration-catalog-card{display:flex;flex-direction:column;align-items:flex-start;min-height:285px;padding:27px;border:1px solid #345269;border-radius:16px;background:#14263a;transition:transform .2s,border-color .2s,box-shadow .2s}
.marketing-body .integration-catalog-card:hover{transform:translateY(-4px);border-color:#30d5b2;box-shadow:0 18px 35px rgba(0,0,0,.19)}
.marketing-body .integration-catalog-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:14px;border:1px solid #217b72;border-radius:10px;background:#10474a;color:#66eed2}
.marketing-body .integration-status{display:inline-block;padding:6px 10px;border:1px solid #408072;border-radius:99px;background:#123b3b;color:#9cf0d5;font-size:12px;font-weight:800}
.marketing-body .integration-catalog-card h2{margin:13px 0 8px;font-size:24px}
.marketing-body .integration-catalog-card p{margin:0 0 20px;color:#c9dbe5;font-size:15px;line-height:1.8}
.marketing-body .integration-catalog-card>a{margin-top:auto;color:#8cf2d5;font-size:14px;font-weight:800}
.marketing-body .integrations-release-note{margin:25px 0 0;padding:16px 19px;border:1px solid #3b5870;border-radius:10px;background:#142335;color:#d0e1e9;font-size:14px;line-height:1.8}
.marketing-body .integration-request-section{background:radial-gradient(circle at 85% 10%,rgba(7,171,136,.14),transparent 46%),#081624}
.marketing-body .integration-request-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}
.marketing-body .integration-request-inner h2{font-size:clamp(30px,3.5vw,45px)}
.marketing-body .integration-request-inner p{color:#cadce5;font-size:16px;line-height:1.85}
.marketing-body .integration-request-form{display:grid;gap:15px;padding:27px;border:1px solid #3b6171;border-radius:16px;background:#14283a}
.marketing-body .integration-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.marketing-body .integration-request-form label{display:grid;gap:8px;color:#e8f4f6;font-size:14px;font-weight:800}
.marketing-body .integration-request-form input,.marketing-body .integration-request-form textarea{width:100%;padding:12px 14px;border:1px solid #4b6b7e;border-radius:8px;background:#0b1d2e;color:#f5fffc;font:500 15px Almarai,system-ui,sans-serif}
.marketing-body .integration-request-form input::placeholder{color:#a9c0cb}
.marketing-body .integration-request-form input:focus-visible,.marketing-body .integration-request-form textarea:focus-visible{outline:3px solid #4ce6c4;outline-offset:2px}
.marketing-body .integration-request-form button{justify-self:start}
.marketing-body .integration-honeypot{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.marketing-body .integration-form-success,.marketing-body .integration-form-error{padding:14px;border:1px solid #23bb92;border-radius:8px;background:#0c493d;color:#e6fff7;font-size:14px;line-height:1.7}
.marketing-body .integration-form-error{border-color:#e88484;background:#4a2731}
.marketing-body .integration-form-error ul{margin:0;padding-inline-start:22px}
.marketing-body .integration-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:30px;color:#bdd2dd;font-size:14px}
.marketing-body .integration-breadcrumb a{color:#8ef4da}
.marketing-body .integration-detail-hero .integration-status{margin-bottom:17px}
.marketing-body .integration-detail-hero p{margin-inline:0}
.marketing-body .integration-download-pending{display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #4f7181;border-radius:9px;background:#152e3d;color:#e1edf2;font-size:14px;font-weight:700}
.marketing-body .integration-download-pending .ui-icon{width:20px;height:20px;color:#55e8c8}
.marketing-body .integration-detail-content{background:#0a1a2a}
.marketing-body .integration-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5%}
.marketing-body .integration-detail-grid article,.marketing-body .integration-detail-grid aside{padding:30px;border:1px solid #35566a;border-radius:17px;background:#14283a}
.marketing-body .integration-detail-grid h2{font-size:28px}
.marketing-body .integration-detail-grid ol{list-style:none;display:grid;gap:15px;margin:25px 0 0;padding:0}
.marketing-body .integration-detail-grid li{display:flex;align-items:flex-start;gap:13px;color:#e0edf2;font-size:16px;line-height:1.8}
.marketing-body .integration-detail-grid li span{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:8px;background:#0f5250;color:#a4f5dc;font:800 13px Arial}
.marketing-body .integration-detail-grid aside>.ui-icon{color:#60efcf;width:32px;height:32px;margin-bottom:15px}
.marketing-body .integration-detail-grid aside p{color:#d0e1e9;font-size:15px;line-height:1.85}
.marketing-body .integration-detail-caution{padding:14px;border-radius:9px;background:#0d3941;color:#baf4e5;font-size:14px;line-height:1.8}
.marketing-body .integration-detail-next{text-align:center;background:#081624}
.marketing-body .integration-detail-next p{color:#d0e1e9}

.admin-requests-page{min-height:100vh;background:#f3f7f8;color:#102b3a}
.admin-requests-inner{padding-block:45px 90px}
.admin-requests-page nav{display:flex;gap:12px;color:#527386;font-size:14px}
.admin-requests-page nav a{color:#067c70}
.admin-requests-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:40px 0 28px}
.admin-requests-heading h1{font-size:clamp(29px,4vw,42px);margin:0 0 8px}
.admin-requests-heading p{margin:0;color:#526f7d;font-size:15px}
.admin-requests-heading>a{color:#087c70;font-weight:800}
.admin-requests-empty{padding:35px;border:1px solid #d3e0e4;border-radius:12px;background:#fff}
.admin-requests-table-wrap{overflow-x:auto;border:1px solid #d3e0e4;border-radius:12px;background:#fff}
.admin-requests-table-wrap table{width:100%;border-collapse:collapse;min-width:760px;text-align:start}
.admin-requests-table-wrap th,.admin-requests-table-wrap td{padding:15px;border-bottom:1px solid #e4ecef;text-align:start;vertical-align:top;font-size:14px;line-height:1.6}
.admin-requests-table-wrap th{background:#eaf3f4;color:#143b48}
.admin-requests-table-wrap td{overflow-wrap:anywhere}
.admin-requests-table-wrap td a{color:#087c70;text-decoration:underline}
.admin-requests-pagination{margin-top:20px}
.dashboard-body .dash-admin-link{color:#087c70;font-size:12px;font-weight:800;white-space:nowrap}

@media(max-width:1050px){.marketing-body .workflow-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-body .workflow-flow-grid:before{display:none}.marketing-body .integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.marketing-body .workflow-hero,.marketing-body .integrations-hero,.marketing-body .integration-detail-hero{padding:65px 0}.marketing-body .workflow-flow{padding:16px}.marketing-body .workflow-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.marketing-body .workflow-node{min-height:160px;padding:13px}.marketing-body .workflow-node strong{font-size:15px}.marketing-body .workflow-node>span:not(.ui-icon),.marketing-body .workflow-node b{font-size:12px}.marketing-body .workflow-stage{grid-template-columns:1fr;padding:24px;gap:24px}.marketing-body .workflow-stage:nth-child(even) .workflow-stage-copy,.marketing-body .workflow-stage:nth-child(even) .workflow-mockup{order:initial}.marketing-body .workflow-fallback-grid,.marketing-body .workflow-security-inner,.marketing-body .integration-request-inner,.marketing-body .integration-detail-grid{grid-template-columns:1fr}.marketing-body .workflow-setup-grid,.marketing-body .integration-cards{grid-template-columns:1fr}.marketing-body .workflow-security-inner,.marketing-body .integration-request-inner{gap:26px}.marketing-body .integration-form-grid{grid-template-columns:1fr}.admin-requests-heading{align-items:start;flex-direction:column}}
@media(max-width:420px){.marketing-body .workflow-flow-grid{grid-template-columns:1fr}.marketing-body .workflow-node{min-height:0}.marketing-body .workflow-status-change{display:grid}.marketing-body .workflow-hero-copy p,.marketing-body .integrations-hero p,.marketing-body .integration-detail-hero p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.marketing-body .workflow-flow-grid:before{animation:none}.marketing-body .workflow-node,.marketing-body .integration-catalog-card{transition:none}.marketing-body .workflow-node:hover,.marketing-body .workflow-node.is-active,.marketing-body .integration-catalog-card:hover{transform:none}}