/* ==========================================================================
   PIXOUS TECHNOLOGIES — Service Pages Design System
   File: public/assets/css/service-pages.css

   A single, shared stylesheet that powers all 6 standalone service pages.
   It mirrors the pixoustech.com identity:
     - Montserrat typeface
     - Primary  #184C96 (deep blue)   Secondary #18C7A1 (teal)
     - Light surfaces, soft shadows, pill buttons, eyebrow chips
   Layout is intentionally compact (dense vertical rhythm) so the long
   content fits in a short page, and every block animates on scroll.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ==========================================================================
   1. TOKENS
   ========================================================================== */
:root{
    --primary:#184C96;
    --primary-2:#114892;
    --primary-3:#0C4286;
    --primary-ink:#09324E;
    --secondary:#18C7A1;
    --secondary-2:#00bf9a;

    --dark:#0f172a;
    --heading:#000504;
    --text:#5F5F5F;
    --text-soft:#64748b;
    --white:#FFFFFF;
    --light:#F5F7F8;
    --bg:#F7F8F8;
    --bg-soft:#f8fbff;
    --border:#E5E7EB;
    --border-soft:rgba(12,66,134,0.10);

    --grad:linear-gradient(135deg,#184C96 0%,#163EB3 55%,#18C7A1 130%);
    --grad-text:linear-gradient(120deg,#0C4286 0%,#163EB3 60%,#18C7A1 115%);
    --grad-teal:linear-gradient(135deg,#18C7A1 0%,#0C9C84 100%);

    --radius-sm:8px;
    --radius:14px;
    --radius-lg:20px;
    --radius-xl:28px;

    --shadow-xs:0 1px 3px rgba(16,42,71,0.06);
    --shadow-sm:0 4px 14px rgba(16,42,71,0.06);
    --shadow-md:0 14px 34px rgba(16,42,71,0.09);
    --shadow-lg:0 26px 60px rgba(16,42,71,0.12);
    --shadow-primary:0 18px 40px -16px rgba(24,76,150,0.55);
    --shadow-teal:0 16px 34px -14px rgba(24,199,161,0.55);

    --ease:cubic-bezier(.22,1,.36,1);
    --maxw:1240px;
}

/* ==========================================================================
   2. RESET / BASE  (scoped under .ios-sp so the page is self-contained)
   ========================================================================== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}

.ios-sp{
    font-family:'Montserrat',system-ui,-apple-system,Segoe UI,sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:1.7;
    color:var(--text);
    background:var(--white);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    letter-spacing:.1px;
}
.ios-sp img,.ios-sp svg,.ios-sp video{display:block;max-width:100%;}
.ios-sp a{color:inherit;text-decoration:none;transition:color .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);}
.ios-sp ul{list-style:none;}
.ios-sp button{font-family:inherit;border:none;background:none;cursor:pointer;}
.ios-sp h1,.ios-sp h2,.ios-sp h3,.ios-sp h4,.ios-sp h5{color:var(--heading);font-weight:700;line-height:1.18;letter-spacing:-.5px;}
.ios-sp p{color:var(--text);}
.ios-sp ::selection{background:rgba(24,199,161,.25);}

/* ==========================================================================
   3. LAYOUT PRIMITIVES
   ========================================================================== */
.ios-sp-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.ios-sp-section{position:relative;padding:64px 0;overflow:hidden;}
.ios-sp-section--tight{padding:48px 0;}
.ios-sp-section--alt{background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);}
.ios-sp-section--ink{background:radial-gradient(120% 120% at 80% 0%,#15407e 0%,#0c2d59 60%,#0a2547 100%);}
.ios-sp-section--ink .ios-sp-eyebrow{color:#bfe9dd;background:rgba(24,199,161,.14);border-color:rgba(24,199,161,.30);}
.ios-sp-section--ink .ios-sp-h2,.ios-sp-section--ink h2,.ios-sp-section--ink h3,.ios-sp-section--ink h4{color:#fff;}
.ios-sp-section--ink .ios-sp-lead,.ios-sp-section--ink p{color:#c4d4e8;}
.ios-sp-section--ink .ios-sp-title-accent{background:linear-gradient(120deg,#7fe9d2,#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* decorative backgrounds */
.ios-sp-grid-bg{position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(12,66,134,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(12,66,134,.045) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 18%,#000,transparent);
    mask-image:radial-gradient(ellipse 75% 65% at 50% 18%,#000,transparent);}
.ios-sp-section--ink .ios-sp-grid-bg{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);}
.ios-sp-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.5;}
.ios-sp-glow--a{width:560px;height:560px;background:radial-gradient(circle,rgba(24,76,150,.10),transparent 70%);top:-180px;left:-180px;}
.ios-sp-glow--b{width:520px;height:520px;background:radial-gradient(circle,rgba(24,199,161,.12),transparent 70%);bottom:-200px;right:-160px;}

/* ==========================================================================
   4. SECTION HEADERS
   ========================================================================== */
.ios-sp-head{max-width:760px;margin:0 auto 38px;text-align:center;}
.ios-sp-head--left{margin-left:0;text-align:left;}
.ios-sp-eyebrow{display:inline-flex;align-items:center;gap:8px;
    font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    color:var(--primary-3);background:rgba(12,66,134,.07);border:1px solid rgba(12,66,134,.18);
    border-radius:100px;padding:6px 15px;margin-bottom:16px;}
.ios-sp-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 4px rgba(24,199,161,.18);}
.ios-sp-h2{font-size:clamp(1.6rem,3.4vw,2.55rem);font-weight:800;line-height:1.16;letter-spacing:-.02em;margin-bottom:14px;}
.ios-sp-title-accent{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ios-sp-lead{font-size:1rem;line-height:1.75;color:var(--text-soft);}
.ios-sp-head .ios-sp-lead{max-width:720px;margin:0 auto;}
.ios-sp-head--left .ios-sp-lead{margin:0;}

/* ==========================================================================
   5. BUTTONS
   ========================================================================== */
.ios-sp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-height:46px;padding:0 24px;border-radius:100px;overflow:hidden;
    font-size:14px;font-weight:600;white-space:nowrap;
    transition:transform .28s var(--ease),box-shadow .28s var(--ease),background-color .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease);}
.ios-sp-btn svg{width:17px;height:17px;}
.ios-sp-btn--primary{background:var(--grad-teal);color:#04332a;box-shadow:var(--shadow-teal);}
.ios-sp-btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 42px -14px rgba(24,199,161,.7);}
.ios-sp-btn--solid{background:var(--grad);color:#fff;box-shadow:var(--shadow-primary);}
.ios-sp-btn--solid:hover{transform:translateY(-3px);box-shadow:0 24px 46px -14px rgba(24,76,150,.7);}
.ios-sp-btn--ghost{background:transparent;border:1.5px solid var(--border);color:var(--primary-3);}
.ios-sp-btn--ghost:hover{border-color:var(--secondary);color:var(--secondary-2);transform:translateY(-3px);}
.ios-sp-section--ink .ios-sp-btn--ghost{border-color:rgba(255,255,255,.28);color:#eaf6f2;}
.ios-sp-section--ink .ios-sp-btn--ghost:hover{border-color:var(--secondary);color:#fff;}
.ios-sp-btn--primary::after,.ios-sp-btn--solid::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s var(--ease);}
.ios-sp-btn--primary:hover::after,.ios-sp-btn--solid:hover::after{left:140%;}
.ios-sp-btnrow{display:flex;flex-wrap:wrap;gap:14px;}
.ios-sp-head .ios-sp-btnrow{justify-content:center;margin-top:24px;}

/* arrow link */
.ios-sp-arrow{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--primary-3);font-size:14px;}
.ios-sp-arrow svg{width:16px;height:16px;transition:transform .25s var(--ease);}
.ios-sp-arrow:hover{color:var(--secondary-2);}
.ios-sp-arrow:hover svg{transform:translateX(4px);}

/* ==========================================================================
   6. HERO
   ========================================================================== */
.ios-sp-hero{position:relative;padding:118px 0 70px;background:radial-gradient(125% 120% at 78% -10%,#16437f 0%,#0e2f5c 55%,#0a2547 100%);overflow:hidden;}
.ios-sp-hero .ios-sp-grid-bg{-webkit-mask-image:radial-gradient(ellipse 80% 75% at 60% 25%,#000,transparent);mask-image:radial-gradient(ellipse 80% 75% at 60% 25%,#000,transparent);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);}
.ios-sp-hero-glow{position:absolute;border-radius:50%;filter:blur(90px);}
.ios-sp-hero-glow--1{width:520px;height:520px;background:rgba(24,118,215,.45);top:-160px;right:-120px;opacity:.5;}
.ios-sp-hero-glow--2{width:440px;height:440px;background:rgba(24,199,161,.32);bottom:-200px;left:-140px;opacity:.4;}
.ios-sp-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center;}
.ios-sp-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a9e7d8;background:rgba(24,199,161,.12);border:1px solid rgba(24,199,161,.30);border-radius:100px;padding:7px 16px;margin-bottom:20px;}
.ios-sp-hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 4px rgba(24,199,161,.22);}
.ios-sp-hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:800;line-height:1.06;letter-spacing:-.02em;}
.ios-sp-hero h1 .ios-sp-hero-accent{background:linear-gradient(110deg,#7fe9d2 0%,#cfe6ff 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ios-sp-hero-sub{margin:20px 0 26px;color:#c6d6ea;font-size:1.02rem;line-height:1.75;max-width:560px;}
.ios-sp-hero-sub + .ios-sp-hero-sub{margin-top:-12px;}
.ios-sp-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.ios-sp-hero-chips li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#dcebff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:7px 14px;}
.ios-sp-hero-chips li svg{width:14px;height:14px;color:var(--secondary);}
.ios-sp-hero-stats{display:flex;flex-wrap:wrap;gap:30px;margin-top:34px;}
.ios-sp-hero-stat{display:flex;flex-direction:column;}
.ios-sp-hero-stat .num{font-size:1.9rem;font-weight:800;color:#fff;line-height:1;}
.ios-sp-hero-stat .lbl{font-size:12px;color:#9fb6d4;margin-top:6px;letter-spacing:.02em;}

/* hero visual */
.ios-sp-hero-visual{position:relative;display:flex;justify-content:center;}
.ios-sp-glass{position:relative;width:100%;max-width:430px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
    border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);backdrop-filter:blur(8px);
    animation:ios-sp-float 6s var(--ease) infinite;}
@keyframes ios-sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.ios-sp-glass-top{display:flex;align-items:center;gap:7px;margin-bottom:16px;}
.ios-sp-glass-top i{width:11px;height:11px;border-radius:50%;display:block;}
.ios-sp-glass-top i:nth-child(1){background:#ff5f57;}
.ios-sp-glass-top i:nth-child(2){background:#febc2e;}
.ios-sp-glass-top i:nth-child(3){background:#28c840;}
.ios-sp-glass-top span{margin-left:8px;font-size:11.5px;color:#9fb6d4;font-weight:600;letter-spacing:.04em;}
.ios-sp-glass-rows{display:grid;gap:11px;}
.ios-sp-glass-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:13px;padding:12px 14px;opacity:0;transform:translateY(10px);animation:ios-sp-rowin .6s var(--ease) forwards;}
.ios-sp-glass-row:nth-child(1){animation-delay:.25s;}
.ios-sp-glass-row:nth-child(2){animation-delay:.45s;}
.ios-sp-glass-row:nth-child(3){animation-delay:.65s;}
.ios-sp-glass-row:nth-child(4){animation-delay:.85s;}
@keyframes ios-sp-rowin{to{opacity:1;transform:translateY(0);}}
.ios-sp-glass-ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(24,199,161,.25),rgba(24,118,215,.25));border:1px solid rgba(255,255,255,.16);color:#bdeede;}
.ios-sp-glass-ic svg{width:19px;height:19px;}
.ios-sp-glass-row b{display:block;color:#fff;font-size:13.5px;font-weight:700;}
.ios-sp-glass-row small{color:#9fb6d4;font-size:11.5px;font-weight:500;}

/* orbit visual (used for hero variants) */
.ios-sp-orbit{position:relative;width:330px;height:330px;}
.ios-sp-orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:26px;display:grid;place-items:center;text-align:center;color:#04332a;background:linear-gradient(135deg,#7fe9d2,#18C7A1);box-shadow:0 20px 50px -16px rgba(24,199,161,.7);font-weight:800;z-index:3;}
.ios-sp-orbit-core span{font-size:12px;line-height:1.2;}
.ios-sp-orbit-core b{font-size:20px;display:block;}
.ios-sp-orbit-ring{position:absolute;inset:0;border:1px dashed rgba(255,255,255,.22);border-radius:50%;}
.ios-sp-orbit-ring--2{inset:46px;border-color:rgba(255,255,255,.14);}
.ios-sp-orbit-spin{position:absolute;inset:0;animation:ios-sp-spin 22s linear infinite;}
.ios-sp-orbit-spin--rev{animation-direction:reverse;animation-duration:30s;inset:46px;}
@keyframes ios-sp-spin{to{transform:rotate(360deg);}}
.ios-sp-orbit-node{position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px;border-radius:16px;display:grid;place-items:center;color:#bdeede;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:700;backdrop-filter:blur(4px);}
.ios-sp-orbit-node svg{width:22px;height:22px;}
.ios-sp-orbit-node span{animation:ios-sp-counter 22s linear infinite;}
@keyframes ios-sp-counter{to{transform:rotate(-360deg);}}

/* scroll progress bar */
.ios-sp-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:999;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .12s linear;}

/* ==========================================================================
   7. CHIPS / PILLS
   ========================================================================== */
.ios-sp-chiplabel{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-3);margin-bottom:10px;}
.ios-sp-chips{display:flex;flex-wrap:wrap;gap:8px;}
.ios-sp-chips li{font-size:12.5px;font-weight:600;color:var(--primary-ink);background:rgba(12,66,134,.06);border:1px solid rgba(12,66,134,.14);border-radius:100px;padding:6px 13px;transition:background-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);}
.ios-sp-chips li:hover{background:var(--secondary);color:#04332a;border-color:transparent;transform:translateY(-2px);}
.ios-sp-section--ink .ios-sp-chips li{color:#cfe6ff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);}
.ios-sp-section--ink .ios-sp-chips li:hover{background:var(--secondary);color:#04332a;}
.ios-sp-chiplabel.on-ink{color:#9fe6d6;}

/* ==========================================================================
   8. CARD GRID  (features / services / solutions / industries-cards)
   ========================================================================== */
.ios-sp-grid{display:grid;gap:18px;}
.ios-sp-grid--2{grid-template-columns:repeat(2,1fr);}
.ios-sp-grid--3{grid-template-columns:repeat(3,1fr);}
.ios-sp-grid--4{grid-template-columns:repeat(4,1fr);}

.ios-sp-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 24px;
    box-shadow:var(--shadow-xs);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);overflow:hidden;}
.ios-sp-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.ios-sp-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(24,199,161,.4);}
.ios-sp-card:hover::before{transform:scaleX(1);}
.ios-sp-card-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;
    color:var(--primary-3);background:linear-gradient(135deg,rgba(24,76,150,.10),rgba(24,199,161,.12));border:1px solid rgba(12,66,134,.10);
    transition:transform .3s var(--ease);}
.ios-sp-card:hover .ios-sp-card-ic{transform:scale(1.08) rotate(-4deg);}
.ios-sp-card-ic svg{width:24px;height:24px;}
.ios-sp-card h3{font-size:1.12rem;font-weight:700;margin-bottom:9px;letter-spacing:-.01em;}
.ios-sp-card h4{font-size:1rem;font-weight:700;margin-bottom:8px;}
.ios-sp-card p{font-size:.9rem;line-height:1.7;color:var(--text-soft);}
.ios-sp-card .ios-sp-chips,.ios-sp-card .ios-sp-chiplabel{margin-top:14px;}
.ios-sp-card .ios-sp-cardlist{margin-top:14px;}
.ios-sp-card .ios-sp-arrow{margin-top:15px;}

/* ink card variant */
.ios-sp-section--ink .ios-sp-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);box-shadow:none;}
.ios-sp-section--ink .ios-sp-card:hover{background:rgba(255,255,255,.07);border-color:rgba(24,199,161,.4);}
.ios-sp-section--ink .ios-sp-card h3,.ios-sp-section--ink .ios-sp-card h4{color:#fff;}
.ios-sp-section--ink .ios-sp-card p{color:#bcd0e8;}
.ios-sp-section--ink .ios-sp-card-ic{color:#bdeede;background:linear-gradient(135deg,rgba(24,199,161,.20),rgba(24,118,215,.20));border-color:rgba(255,255,255,.14);}

/* small list inside cards */
.ios-sp-cardlist{display:grid;gap:7px;}
.ios-sp-cardlist li{position:relative;padding-left:22px;font-size:.86rem;color:var(--text-soft);line-height:1.55;}
.ios-sp-cardlist li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:2px;background:var(--secondary);transform:rotate(45deg);}
.ios-sp-section--ink .ios-sp-cardlist li{color:#bcd0e8;}

/* numbered badge for cards */
.ios-sp-card-num{position:absolute;top:20px;right:22px;font-size:1.4rem;font-weight:800;color:rgba(24,76,150,.12);letter-spacing:-.04em;}
.ios-sp-section--ink .ios-sp-card-num{color:rgba(255,255,255,.14);}

/* tech model "abbr" badge */
.ios-sp-card-abbr{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.04em;color:#fff;background:var(--grad);margin-bottom:14px;}

/* ==========================================================================
   9. NUMBERED FEATURE LIST (Why choose / capabilities)
   ========================================================================== */
.ios-sp-feature{position:relative;display:flex;gap:18px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px;
    box-shadow:var(--shadow-xs);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);}
.ios-sp-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(24,199,161,.4);}
.ios-sp-feature-num{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:var(--grad);box-shadow:var(--shadow-primary);}
.ios-sp-feature h3{font-size:1.06rem;margin-bottom:7px;}
.ios-sp-feature p{font-size:.9rem;color:var(--text-soft);line-height:1.65;}
.ios-sp-section--ink .ios-sp-feature{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);box-shadow:none;}
.ios-sp-section--ink .ios-sp-feature:hover{background:rgba(255,255,255,.07);}
.ios-sp-section--ink .ios-sp-feature h3{color:#fff;}
.ios-sp-section--ink .ios-sp-feature p{color:#bcd0e8;}

/* ==========================================================================
   10. PROCESS / TIMELINE STEPS
   ========================================================================== */
.ios-sp-steps{position:relative;display:grid;gap:16px;}
.ios-sp-step{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px 22px 78px;
    box-shadow:var(--shadow-xs);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);}
.ios-sp-step:hover{transform:translateX(6px);box-shadow:var(--shadow-md);border-color:rgba(24,199,161,.4);}
.ios-sp-step-num{position:absolute;left:22px;top:22px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:var(--grad);box-shadow:var(--shadow-primary);}
.ios-sp-step h3{font-size:1.04rem;margin-bottom:6px;}
.ios-sp-step p{font-size:.9rem;color:var(--text-soft);line-height:1.65;}
.ios-sp-step .ios-sp-chips{margin-top:12px;}
.ios-sp-step .ios-sp-step-outcome{margin-top:10px;font-size:.82rem;font-weight:600;color:var(--primary-3);}
.ios-sp-step .ios-sp-step-outcome b{color:var(--secondary-2);}
.ios-sp-section--ink .ios-sp-step{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);box-shadow:none;}
.ios-sp-section--ink .ios-sp-step:hover{background:rgba(255,255,255,.07);}
.ios-sp-section--ink .ios-sp-step h3{color:#fff;}
.ios-sp-section--ink .ios-sp-step p{color:#bcd0e8;}
.ios-sp-section--ink .ios-sp-step .ios-sp-step-outcome{color:#9fe6d6;}

/* ==========================================================================
   11. TABS (services)
   ========================================================================== */
.ios-sp-tabs{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start;}
.ios-sp-tablist{display:flex;flex-direction:column;gap:8px;}
.ios-sp-tab{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;border-radius:13px;
    border:1px solid var(--border);background:var(--white);color:var(--dark);font-size:.9rem;font-weight:600;
    transition:all .25s var(--ease);}
.ios-sp-tab .n{flex:none;font-size:12px;font-weight:800;color:var(--primary-3);background:rgba(12,66,134,.08);border-radius:8px;padding:3px 8px;transition:all .25s var(--ease);}
.ios-sp-tab:hover{border-color:rgba(24,199,161,.45);}
.ios-sp-tab.is-active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary);}
.ios-sp-tab.is-active .n{background:rgba(255,255,255,.22);color:#fff;}
.ios-sp-tabpanels{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 30px;box-shadow:var(--shadow-sm);min-height:230px;}
.ios-sp-panel{display:none;animation:ios-sp-fade .45s var(--ease);}
.ios-sp-panel.is-active{display:block;}
@keyframes ios-sp-fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.ios-sp-panel-ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;color:var(--primary-3);background:linear-gradient(135deg,rgba(24,76,150,.10),rgba(24,199,161,.12));border:1px solid rgba(12,66,134,.10);}
.ios-sp-panel-ic svg{width:26px;height:26px;}
.ios-sp-panel h3{font-size:1.3rem;margin-bottom:11px;}
.ios-sp-panel p{font-size:.94rem;color:var(--text-soft);line-height:1.75;margin-bottom:10px;}
.ios-sp-panel .ios-sp-chiplabel{margin-top:16px;}
.ios-sp-panel .ios-sp-cardlist{margin-top:14px;grid-template-columns:repeat(2,1fr);gap:8px 18px;}

/* ==========================================================================
   12. INDUSTRY TABS (button bar + panel of bullets)
   ========================================================================== */
.ios-sp-itabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px;}
.ios-sp-itab{padding:9px 16px;border-radius:100px;border:1px solid var(--border);background:var(--white);font-size:13px;font-weight:600;color:var(--dark);transition:all .25s var(--ease);}
.ios-sp-itab:hover{border-color:rgba(24,199,161,.5);}
.ios-sp-itab.is-active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary);}
.ios-sp-ipanel{display:none;}
.ios-sp-ipanel.is-active{display:block;animation:ios-sp-fade .4s var(--ease);}
.ios-sp-ipanel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:880px;margin:0 auto;}
.ios-sp-ipanel-grid li{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:13px;padding:14px 18px;font-size:.92rem;font-weight:600;color:var(--dark);box-shadow:var(--shadow-xs);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);}
.ios-sp-ipanel-grid li:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:rgba(24,199,161,.4);}
.ios-sp-ipanel-grid li svg{width:18px;height:18px;color:var(--secondary-2);flex:none;}

/* ==========================================================================
   13. TECH STACK
   ========================================================================== */
.ios-sp-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ios-sp-stack-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px 20px;box-shadow:var(--shadow-xs);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);}
.ios-sp-stack-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(24,199,161,.4);}
.ios-sp-stack-card h3{display:flex;align-items:center;gap:10px;font-size:.98rem;margin-bottom:13px;}
.ios-sp-stack-card h3 .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--primary-3);background:linear-gradient(135deg,rgba(24,76,150,.10),rgba(24,199,161,.12));}
.ios-sp-stack-card h3 .ic svg{width:18px;height:18px;}
.ios-sp-stack-tags{display:flex;flex-wrap:wrap;gap:7px;}
.ios-sp-stack-tags li{font-size:12px;font-weight:600;color:var(--primary-ink);background:rgba(12,66,134,.05);border:1px solid rgba(12,66,134,.12);border-radius:8px;padding:5px 10px;transition:all .22s var(--ease);}
.ios-sp-stack-tags li:hover{background:var(--secondary);color:#04332a;border-color:transparent;}
.ios-sp-section--ink .ios-sp-stack-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);box-shadow:none;}
.ios-sp-section--ink .ios-sp-stack-card h3{color:#fff;}
.ios-sp-section--ink .ios-sp-stack-tags li{color:#cfe6ff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);}

/* ==========================================================================
   14. COMPARISON TABLE
   ========================================================================== */
.ios-sp-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--white);}
.ios-sp-table{width:100%;border-collapse:collapse;min-width:640px;font-size:.9rem;}
.ios-sp-table thead th{background:var(--grad);color:#fff;font-weight:700;text-align:center;padding:15px 16px;font-size:.92rem;}
.ios-sp-table thead th:first-child{text-align:left;border-top-left-radius:0;}
.ios-sp-table tbody td{padding:13px 16px;text-align:center;border-bottom:1px solid var(--border);color:var(--text-soft);}
.ios-sp-table tbody td:first-child{text-align:left;font-weight:600;color:var(--dark);}
.ios-sp-table tbody tr:nth-child(even){background:#f6f9ff;}
.ios-sp-table tbody tr:hover{background:rgba(24,199,161,.06);}
.ios-sp-table tbody tr:last-child td{border-bottom:none;}
.ios-sp-table .hl{color:var(--secondary-2);font-weight:700;}

/* ==========================================================================
   15. CASE STUDIES
   ========================================================================== */
.ios-sp-cases{display:grid;gap:20px;}
.ios-sp-case{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 26px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);overflow:hidden;}
.ios-sp-case:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(24,199,161,.4);}
.ios-sp-case-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;}
.ios-sp-case-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-3);background:rgba(12,66,134,.07);border:1px solid rgba(12,66,134,.16);border-radius:100px;padding:5px 13px;}
.ios-sp-case h3{font-size:1.18rem;margin-right:auto;}
.ios-sp-case-block{margin-bottom:12px;}
.ios-sp-case-block .lbl{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary-2);margin-bottom:4px;}
.ios-sp-case-block p{font-size:.9rem;color:var(--text-soft);line-height:1.65;}
.ios-sp-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:14px 0;}
.ios-sp-case-impact{display:grid;gap:7px;margin-top:6px;}
.ios-sp-case-impact li{position:relative;padding-left:24px;font-size:.86rem;color:var(--text-soft);line-height:1.5;}
.ios-sp-case-impact li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:rgba(24,199,161,.15);}
.ios-sp-case-impact li::after{content:"";position:absolute;left:4px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--secondary-2);}

/* ==========================================================================
   16. FAQ ACCORDION
   ========================================================================== */
.ios-sp-faq{max-width:880px;margin:0 auto;display:grid;gap:12px;}
.ios-sp-faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);}
.ios-sp-faq-item.is-open{border-color:rgba(24,199,161,.45);box-shadow:var(--shadow-sm);}
.ios-sp-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:18px 22px;font-size:.98rem;font-weight:600;color:var(--dark);}
.ios-sp-faq-q .ic{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(12,66,134,.07);color:var(--primary-3);transition:transform .3s var(--ease),background-color .3s var(--ease),color .3s var(--ease);}
.ios-sp-faq-q .ic svg{width:15px;height:15px;}
.ios-sp-faq-item.is-open .ios-sp-faq-q .ic{transform:rotate(45deg);background:var(--secondary);color:#04332a;}
.ios-sp-faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
.ios-sp-faq-a-inner{padding:0 22px 20px;font-size:.92rem;color:var(--text-soft);line-height:1.7;}
.ios-sp-faq-a-inner p+p{margin-top:9px;}
.ios-sp-faq-a-inner ul{margin-top:10px;display:grid;gap:6px;}
.ios-sp-faq-a-inner ul li{position:relative;padding-left:20px;}
.ios-sp-faq-a-inner ul li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--secondary);transform:rotate(45deg);}

/* ==========================================================================
   17. CTA BANNER
   ========================================================================== */
.ios-sp-cta{position:relative;border-radius:var(--radius-xl);padding:54px 44px;text-align:center;overflow:hidden;background:var(--grad);box-shadow:var(--shadow-lg);}
.ios-sp-cta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.12),transparent 45%);}
.ios-sp-cta-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;}
.ios-sp-cta h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.18;margin-bottom:14px;}
.ios-sp-cta p{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.7;margin-bottom:26px;}
.ios-sp-cta .ios-sp-btnrow{justify-content:center;}
.ios-sp-cta .ios-sp-btn--primary{background:#fff;color:var(--primary-3);box-shadow:0 14px 30px rgba(0,0,0,.18);}
.ios-sp-cta .ios-sp-btn--primary:hover{background:#04332a;color:#fff;}
.ios-sp-cta .ios-sp-btn--ghost{border-color:rgba(255,255,255,.5);color:#fff;}
.ios-sp-cta .ios-sp-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff;}

/* ==========================================================================
   18. STATS STRIP
   ========================================================================== */
.ios-sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ios-sp-stat{text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 18px;box-shadow:var(--shadow-xs);transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.ios-sp-stat:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.ios-sp-stat .num{font-size:2.3rem;font-weight:800;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;}
.ios-sp-stat .lbl{margin-top:10px;font-size:.82rem;font-weight:600;color:var(--text-soft);line-height:1.45;}
.ios-sp-section--ink .ios-sp-stat{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);box-shadow:none;}
.ios-sp-section--ink .ios-sp-stat .num{background:linear-gradient(120deg,#7fe9d2,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ios-sp-section--ink .ios-sp-stat .lbl{color:#bcd0e8;}

/* ==========================================================================
   19. SHOWCASE (video / motion section)
   ========================================================================== */
.ios-sp-showcase{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(120% 130% at 80% 10%,#15407e,#0b2a54);border:1px solid rgba(255,255,255,.10);padding:48px 40px;}
.ios-sp-showcase .ios-sp-grid-bg{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);-webkit-mask-image:none;mask-image:none;opacity:.5;}
.ios-sp-showcase-inner{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto;}
.ios-sp-showcase h2{color:#fff;}
.ios-sp-showcase p{color:#c4d4e8;}
.ios-sp-showcase .ios-sp-eyebrow{color:#bfe9dd;background:rgba(24,199,161,.14);border-color:rgba(24,199,161,.30);}
.ios-sp-marquee{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.ios-sp-marquee span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#dcebff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:9px 16px;}
.ios-sp-marquee span svg{width:15px;height:15px;color:var(--secondary);}
.ios-sp-play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;color:#04332a;background:linear-gradient(135deg,#7fe9d2,#18C7A1);box-shadow:0 0 0 0 rgba(24,199,161,.45);animation:ios-sp-pulse 2.4s infinite;}
.ios-sp-play svg{width:26px;height:26px;margin-left:3px;}
@keyframes ios-sp-pulse{0%{box-shadow:0 0 0 0 rgba(24,199,161,.45);}70%{box-shadow:0 0 0 22px rgba(24,199,161,0);}100%{box-shadow:0 0 0 0 rgba(24,199,161,0);}}

/* ==========================================================================
   20. CONTACT / LEAD FORM
   ========================================================================== */
.ios-sp-contact{display:grid;grid-template-columns:1fr 1.08fr;gap:34px;align-items:start;}
.ios-sp-contact-aside h2{margin-bottom:14px;}
.ios-sp-contact-aside .ios-sp-lead{margin-bottom:22px;}
.ios-sp-contact-mini{margin-top:24px;display:grid;gap:12px;}
.ios-sp-contact-mini li{display:flex;align-items:center;gap:13px;font-size:.92rem;font-weight:600;color:var(--dark);}
.ios-sp-contact-mini li .ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;color:var(--primary-3);background:linear-gradient(135deg,rgba(24,76,150,.10),rgba(24,199,161,.12));}
.ios-sp-contact-mini li .ic svg{width:18px;height:18px;}
.ios-sp-contact-mini li small{display:block;font-weight:500;color:var(--text-soft);font-size:.8rem;}
.ios-sp-section--ink .ios-sp-contact-mini li{color:#eaf3ff;}
.ios-sp-section--ink .ios-sp-contact-mini li small{color:#9fb6d4;}

.ios-sp-form{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);}
.ios-sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.ios-sp-field{display:flex;flex-direction:column;gap:6px;}
.ios-sp-field.full{grid-column:1/-1;}
.ios-sp-field label{font-size:12.5px;font-weight:600;color:var(--dark);}
.ios-sp-field input,.ios-sp-field select,.ios-sp-field textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:#fbfdff;font-size:.9rem;color:var(--dark);font-family:inherit;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);}
.ios-sp-field textarea{resize:vertical;min-height:108px;}
.ios-sp-field input:focus,.ios-sp-field select:focus,.ios-sp-field textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(24,199,161,.16);}
.ios-sp-form .ios-sp-btn{width:100%;margin-top:4px;}
.ios-sp-form-note{margin-top:14px;font-size:.8rem;color:var(--text-soft);text-align:center;}
.ios-sp-form-success{display:none;text-align:center;padding:14px;border-radius:12px;background:rgba(24,199,161,.10);border:1px solid rgba(24,199,161,.3);color:#0a6b58;font-size:.9rem;font-weight:600;margin-top:14px;}
.ios-sp-form-success.show{display:block;}

/* ==========================================================================
   21. SCROLL REVEAL ANIMATIONS
   ========================================================================== */
.ios-sp [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform;}
.ios-sp [data-reveal="left"]{transform:translateX(-34px);}
.ios-sp [data-reveal="right"]{transform:translateX(34px);}
.ios-sp [data-reveal="zoom"]{transform:scale(.94);}
.ios-sp [data-reveal].is-in{opacity:1;transform:none;}
.ios-sp [data-reveal-group]>*{opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.ios-sp [data-reveal-group].is-in>*{opacity:1;transform:none;}
.ios-sp [data-reveal-group].is-in>*:nth-child(1){transition-delay:.04s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(2){transition-delay:.10s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(3){transition-delay:.16s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(4){transition-delay:.22s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(5){transition-delay:.28s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(6){transition-delay:.34s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(7){transition-delay:.40s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(8){transition-delay:.46s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(9){transition-delay:.52s;}
.ios-sp [data-reveal-group].is-in>*:nth-child(n+10){transition-delay:.56s;}

/* ==========================================================================
   22. RESPONSIVE
   ========================================================================== */
@media(max-width:1100px){
    .ios-sp-tabs{grid-template-columns:1fr;}
    .ios-sp-tablist{flex-direction:row;flex-wrap:wrap;}
    .ios-sp-tab{width:auto;flex:1 1 200px;}
}
@media(max-width:992px){
    .ios-sp-hero-inner{grid-template-columns:1fr;gap:42px;}
    .ios-sp-hero-visual{order:-1;}
    .ios-sp-grid--3,.ios-sp-grid--4{grid-template-columns:repeat(2,1fr);}
    .ios-sp-stack{grid-template-columns:repeat(2,1fr);}
    .ios-sp-stats{grid-template-columns:repeat(2,1fr);}
    .ios-sp-contact{grid-template-columns:1fr;}
    .ios-sp-panel .ios-sp-cardlist{grid-template-columns:1fr;}
}
@media(max-width:768px){
    .ios-sp-container{padding:0 20px;}
    .ios-sp-section{padding:52px 0;}
    .ios-sp-hero{padding:104px 0 58px;}
    .ios-sp-cta{padding:42px 24px;}
    .ios-sp-form-grid{grid-template-columns:1fr;}
    .ios-sp-case-grid{grid-template-columns:1fr;}
    .ios-sp-ipanel-grid{grid-template-columns:1fr;}
    .ios-sp-hero-stats{gap:22px;}
}
@media(max-width:560px){
    .ios-sp-grid--2,.ios-sp-grid--3,.ios-sp-grid--4{grid-template-columns:1fr;}
    .ios-sp-stack{grid-template-columns:1fr;}
    .ios-sp-stats{grid-template-columns:repeat(2,1fr);}
    .ios-sp-btn{width:100%;}
    .ios-sp-head .ios-sp-btnrow .ios-sp-btn,.ios-sp-hero .ios-sp-btn{width:100%;}
    .ios-sp-orbit{width:268px;height:268px;}
    .ios-sp-tablist{flex-direction:column;}
    .ios-sp-tab{flex:1 1 auto;}
    .ios-sp-step{padding-left:24px;padding-top:64px;}
    .ios-sp-step-num{top:18px;}
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
    .ios-sp *{animation-duration:.001ms!important;animation-iteration-count:1!important;}
    .ios-sp [data-reveal],.ios-sp [data-reveal-group]>*{opacity:1!important;transform:none!important;transition:none!important;}
    html{scroll-behavior:auto;}
}

/* ---- 23. label tiles / mini cards / block-walker primitives ---- */
.ios-sp-tiles{display:grid;gap:14px}
.ios-sp-tiles--3{grid-template-columns:repeat(3,1fr)}
.ios-sp-tiles--4{grid-template-columns:repeat(4,1fr)}
.ios-sp-tiles--5{grid-template-columns:repeat(5,1fr)}
.ios-sp-tile{display:flex;align-items:center;gap:11px;padding:14px 16px;background:#fff;
  border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);
  font-weight:600;color:var(--dark);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.ios-sp-tile:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-sm)}
.ios-sp-tile svg{width:22px;height:22px;color:var(--primary);flex:none}
.ios-sp-tile span{font-size:.92rem;line-height:1.3}
.ios-sp-section--ink .ios-sp-tile{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#eaf2ff}
.ios-sp-section--ink .ios-sp-tile svg{color:var(--secondary-2)}

.ios-sp-minigrid{margin-top:6px}
.ios-sp-mini{background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:22px 22px 20px;box-shadow:var(--shadow-xs);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.ios-sp-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(24,76,150,.28)}
.ios-sp-mini-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:13px;
  background:linear-gradient(135deg,rgba(24,76,150,.12),rgba(24,199,161,.12));color:var(--primary)}
.ios-sp-mini-ic svg{width:21px;height:21px}
.ios-sp-mini h4{font-size:1.02rem;color:var(--heading);margin-bottom:7px;font-weight:700}
.ios-sp-mini p{font-size:.9rem;color:var(--text);line-height:1.6}
.ios-sp-section--ink .ios-sp-mini{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.ios-sp-section--ink .ios-sp-mini h4{color:#fff}
.ios-sp-section--ink .ios-sp-mini p{color:rgba(226,238,255,.82)}
.ios-sp-section--ink .ios-sp-mini-ic{background:rgba(24,199,161,.16);color:var(--secondary-2)}

.ios-sp-subhead{font-size:1.32rem;font-weight:700;color:var(--heading);margin:30px 0 6px;letter-spacing:-.01em}
.ios-sp-section--ink .ios-sp-subhead{color:#fff}
.ios-sp-block-p{font-size:1rem;color:var(--text);line-height:1.75;max-width:60ch;margin:8px 0 4px}
.ios-sp-section--ink .ios-sp-block-p{color:rgba(226,238,255,.82)}

.ios-sp-checklist{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 26px;margin:14px 0 4px}
.ios-sp-checklist li{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;color:var(--text);line-height:1.55}
.ios-sp-checklist li svg{width:18px;height:18px;color:var(--secondary-2);flex:none;margin-top:2px}
.ios-sp-section--ink .ios-sp-checklist li{color:rgba(226,238,255,.85)}

@media(max-width:992px){.ios-sp-tiles--4,.ios-sp-tiles--5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.ios-sp-tiles--3,.ios-sp-tiles--4,.ios-sp-tiles--5{grid-template-columns:repeat(2,1fr)}
  .ios-sp-checklist{grid-template-columns:1fr}}
@media(max-width:480px){.ios-sp-tiles--3,.ios-sp-tiles--4,.ios-sp-tiles--5{grid-template-columns:1fr}}


/* ==========================================================================
   24. PAGE SHELL  — navbar + footer + page wrapper
   (Added for the standalone SEO landing pages. Fully scoped under .ios-sp
   so it can never collide with the main site's navbar / footer / styles.)
   ========================================================================== */

/* page wrapper keeps everything namespaced + holds the sticky footer */
.ios-sp-page{min-height:100vh;display:flex;flex-direction:column;}
.ios-sp-page main{flex:1 0 auto;}



/* mobile dropdown */
.ios-sp-mobnav{display:none;border-top:1px solid rgba(12,66,134,.08);background:#fff;}
.ios-sp-mobnav.is-open{display:block;animation:ios-sp-fade .3s var(--ease);}
.ios-sp-mobnav a{display:block;padding:13px 4px;font-size:.95rem;font-weight:600;color:var(--dark);border-bottom:1px solid var(--border);}
.ios-sp-mobnav a:last-of-type{border-bottom:none;}
.ios-sp-mobnav .ios-sp-btn{width:100%;margin-top:14px;}



@media(max-width:992px){
    .ios-sp-footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
}
@media(max-width:768px){
    .ios-sp-navlinks,.ios-sp-nav-cta .ios-sp-btn{display:none;}
    .ios-sp-burger{display:grid;margin-left:auto;}
    .ios-sp-footer-grid{grid-template-columns:1fr;gap:26px;}
    .ios-sp-footer-bottom{justify-content:center;text-align:center;}
}

/* ---- a couple of extra entrance flourishes (deliberate, not noisy) ---- */
@keyframes ios-sp-navdrop{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:none;}}
.ios-sp-nav{animation:ios-sp-navdrop .5s var(--ease) both;}