/* ==========================================================
   LiveAssist – common.css  (shared by index.html & index1.html)
   Needs: css/bootstrap.min.css loaded before this file
   ========================================================== */

/* ---- base ---- */
        body {
            margin: 0;
            font-family: 'Source Sans 3', system-ui, sans-serif;
            background: #ffffff;
            color: #33465f;
            overflow-x: hidden
        }

        a {
            color: #1d5fd6;
            text-decoration: none
        }

        a:hover {
            color: #1546a6
        }

        html {
            scroll-behavior: smooth
        }

        img {
            max-width: 100%;
            height: auto
        }
    

/* ---- AI chat widget (.lac) + AI PC check popup (.pp) – shared ---- */
.lac{width:100%;height:566px;border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:'Source Sans 3',system-ui,sans-serif}
.lac *{box-sizing:border-box}
.la-messages{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;gap:12px;padding:18px 20px}
.la-msg{max-width:86%;padding:11px 15px;font-size:15px;line-height:1.5;word-wrap:break-word}
.la-ai a{text-decoration:underline;font-weight:700}
.la-user{align-self:flex-end}.la-ai{align-self:flex-start}
.la-typing{display:inline-flex;gap:4px;align-items:center;height:18px}
.la-typing span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.3;animation:laBlink 1.2s infinite}
.la-typing span:nth-child(2){animation-delay:.2s}.la-typing span:nth-child(3){animation-delay:.4s}
@keyframes laBlink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes laPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;animation:laPulse 1.6s infinite}
.lv-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 12px}
.la-chip{cursor:pointer;font-family:inherit}
.lv-form{display:flex;align-items:center;gap:8px}
.lv-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:15px 'Source Sans 3',system-ui,sans-serif}
.lv-form button{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lv-form button:disabled{opacity:.55;cursor:not-allowed}
.av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.pp{display:none;position:fixed;inset:0;z-index:9998;align-items:center;justify-content:center;padding:16px;background:rgba(232,241,255,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-family:'Source Sans 3',system-ui,sans-serif}
.pp.open{display:flex;animation:ppFade .35s ease both}
.pp *{box-sizing:border-box}
.pp #aiPcModal{width:470px;max-width:100%;max-height:calc(100vh - 28px);overflow-y:auto;overflow-x:hidden;position:relative;text-align:center;padding:0 30px 24px;background:var(--card);color:var(--tx);border-radius:var(--rad,22px);box-shadow:var(--sh);border:var(--bd,0);animation:ppPop .65s cubic-bezier(.2,1.25,.4,1) both}
.pp-hero{height:164px;margin:0 -30px;position:relative;overflow:hidden;background:var(--hero)}
.pp #aiPcClose{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border-radius:50%;border:0;background:var(--xbg);color:var(--xfg);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s,background .2s;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.pp #aiPcClose:hover{transform:rotate(90deg) scale(1.08)}
.pp-kicker{margin-top:16px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ac)}
.pp h3{margin:6px 0 0;font:700 27px/1.2 Sora,sans-serif;color:var(--tx)}
.pp-lead{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:var(--mu)}
.pp-list{list-style:none;margin:16px auto 0;padding:0;display:inline-flex;flex-direction:column;gap:9px;text-align:left}
.pp-list li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--mu);opacity:0;animation:ppSlide .5s ease forwards}
.pp-list li:nth-child(1){animation-delay:.55s}.pp-list li:nth-child(2){animation-delay:.7s}.pp-list li:nth-child(3){animation-delay:.85s}.pp-list li:nth-child(4){animation-delay:1s}.pp-list li:nth-child(5){animation-delay:1.15s}
.pp-list li i{width:20px;height:20px;border-radius:50%;background:var(--ckbg);color:var(--ck);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pp-ready{margin-top:18px;font-weight:700;font-size:15px;color:var(--tx)}
.pp #aiPcRunBtn{margin-top:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border-radius:var(--brad,13px);background:var(--btn);color:var(--btnfg);font-size:16.5px;font-weight:700;text-decoration:none;box-shadow:var(--btnsh);transition:transform .2s;animation:ppBtn 2.4s ease-in-out infinite}
.pp #aiPcRunBtn:hover{color:var(--btnfg);transform:translateY(-2px)}
.pp #aiPcRunBtn::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ppShine 2.8s ease-in-out infinite}
.pp-note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--nt)}
/* decor */
.d-orb,.d-radar,.d-mono,.d-laptop{position:absolute;left:50%;top:50%}
.d-orb .core,.d-radar .core{position:absolute;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:18px;background:var(--core);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.25);animation:ppFloat 3s ease-in-out infinite;z-index:2}
.d-orb .orb{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 16px rgba(0,0,0,.18);animation:ppOrbit 9s linear infinite}
.d-orb .o2{animation-delay:-3s}.d-orb .o3{animation-delay:-6s}
.d-radar .r{position:absolute;border-radius:50%;border:1.5px solid var(--rc);left:0;top:0;width:150px;height:150px;margin:-75px 0 0 -75px;animation:ppRing 3s ease-out infinite;opacity:0}
.d-radar .r2{animation-delay:1s}.d-radar .r3{animation-delay:2s}
.d-radar .sweep{position:absolute;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 75%,var(--rc) 100%);opacity:.5;animation:ppSpin 3s linear infinite;-webkit-mask:radial-gradient(circle,transparent 30px,#000 31px);mask:radial-gradient(circle,transparent 30px,#000 31px)}
.d-chat{position:absolute;inset:0;padding:22px 26px;display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center}
.d-chat .b{padding:9px 14px;border-radius:16px;font-size:14px;font-weight:600;opacity:0;animation:ppSlide .5s ease forwards;max-width:80%;text-align:left}
.d-chat .b1{align-self:flex-end;background:var(--b1);color:var(--b1t);border-radius:16px 16px 4px 16px;animation-delay:.3s}
.d-chat .b2{background:var(--b2);color:var(--b2t);border-radius:16px 16px 16px 4px;animation-delay:.9s}
.d-chat .b3{background:var(--b2);color:var(--b2t);border-radius:16px;animation-delay:1.5s;padding:9px 14px}
.d-chat .la-typing span{background:var(--b2t)}
.stackp{display:flex;margin-bottom:2px}.stackp span{width:34px;height:34px;border-radius:50%;border:3px solid #fff;margin-left:-9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
.stackp span:nth-child(1){background:#f59e0b;margin-left:0}.stackp span:nth-child(2){background:#10b981}.stackp span:nth-child(3){background:#1d5fd6}
.d-mono{width:0;height:0}.d-mono .ai{position:absolute;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--core);color:#fff;font:700 28px Sora,sans-serif;display:flex;align-items:center;justify-content:center;animation:ppFloat 3s ease-in-out infinite}
.d-mono .ring{position:absolute;width:108px;height:108px;margin:-54px 0 0 -54px;border-radius:50%;border:2px dashed var(--rc);animation:ppSpin 12s linear infinite}
.d-laptop{width:0;height:0}.d-laptop svg{position:absolute;left:-75px;top:-52px;animation:ppFloat 3.5s ease-in-out infinite}
.d-laptop .scr{fill:var(--lscr);stroke:var(--lst);stroke-width:2.5}.d-laptop .base{fill:var(--lst)}
.d-laptop .beam{fill:var(--rc);animation:ppBeam 2.2s ease-in-out infinite}
@keyframes ppFade{from{opacity:0}to{opacity:1}}
@keyframes ppPop{from{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}
@keyframes ppSlide{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes ppFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ppOrbit{from{transform:rotate(0) translateX(56px) rotate(0)}to{transform:rotate(360deg) translateX(56px) rotate(-360deg)}}
@keyframes ppRing{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.2);opacity:0}}
@keyframes ppSpin{to{transform:rotate(360deg)}}
@keyframes ppShine{0%,55%{left:-80px}100%{left:120%}}
@keyframes ppBtn{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@keyframes ppBeam{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(40px);opacity:1}}
@media (max-width:520px){.pp h3{font-size:23px}.pp #aiPcModal{padding:0 20px 20px}.pp-hero{margin:0 -20px}}
@media (prefers-reduced-motion:reduce){.pp *{animation-duration:.01s!important;animation-delay:0s!important}}

/* ---- page layout (Bootstrap based, responsive) ---- */
        :root {
            --navy: #0b1f3a;
            --blue: #1d5fd6;
            --blue-d: #1546a6;
            --tx2: #33465f;
            --mu2: #55657a;
            --line: #e3e9f2;
            --gutter: 2rem
        }

        @media (min-width:1200px) {
            .container {
                max-width: 1248px
            }
        }

        .container {
            --bs-gutter-x: 3rem
        }

        /* icons */
        svg.i {
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
            flex-shrink: 0
        }

        svg.i-b {
            stroke-width: 2.2
        }

        svg.i-c {
            stroke-width: 2.6
        }

        /* typography helpers */
        .sora {
            font-family: 'Sora', sans-serif;
            font-weight: 700;
            color: var(--navy);
            letter-spacing: -.015em
        }

        .eyebrow {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--blue)
        }

        .sec {
            padding: 80px 0
        }

        .sec-title {
            font-size: clamp(26px, 3.4vw, 36px);
            line-height: 1.2;
            margin: 10px 0 0
        }

        .lead-la {
            font-size: 17px;
            line-height: 1.6;
            color: var(--tx2)
        }

        .bg-soft {
            background: #f4f7fb
        }

        .bg-sky {
            background: #eaf1fe
        }

        @media (max-width:767.98px) {
            .sec {
                padding: 52px 0
            }

            :root {
                --gutter: 1.5rem
            }
        }

        /* buttons */
        .btn-la {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 52px;
            padding: 0 26px;
            border-radius: 10px;
            background: var(--blue);
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            border: 1.5px solid transparent;
            box-shadow: 0 8px 20px rgba(29, 95, 214, .28);
            transition: transform .15s, background .15s
        }

        .btn-la:hover {
            color: #fff;
            background: var(--blue-d);
            transform: translateY(-1px)
        }

        .btn-la-outline {
            background: #fff;
            color: var(--navy);
            border-color: #b9c9e6;
            box-shadow: none
        }

        .btn-la-outline:hover {
            background: #f4f7fb;
            color: var(--navy)
        }

        .btn-la-white {
            background: #fff;
            color: var(--blue-d);
            box-shadow: 0 10px 26px rgba(0, 0, 0, .22)
        }

        .btn-la-white:hover {
            background: #eaf1fe;
            color: var(--blue-d)
        }

        .btn-la-sm {
            min-height: 44px;
            padding: 0 22px;
            font-size: 15px
        }

        @media (max-width:575.98px) {
            .btn-la {
                width: 100%
            }
        }

        .pill {
            height: 32px;
            padding: 0 14px;
            display: inline-flex;
            align-items: center;
            border-radius: 16px;
            background: #fff;
            border: 1px solid #cfdcf5;
            font-size: 14px;
            font-weight: 600;
            color: var(--tx2)
        }

        /* ===== header ===== */
        .la-header {
            background: #fff;
            border-bottom: 1px solid var(--line);
            position: sticky;
            top: 0;
            z-index: 1030
        }

        .la-header .navbar {
            min-height: 72px;
            padding: 8px 0
        }

        .la-header .navbar-brand img {
            max-height:120px;
            width: auto
        }

        .la-header .nav-link {
            color: var(--tx2);
            font-size: 16px;
            font-weight: 600;
            padding: 8px 0
        }

        .la-header .nav-link:hover {
            color: var(--blue)
        }

        .la-header .navbar-toggler {
            border: 1px solid #cfdcf5;
            padding: 6px 10px
        }

        .la-header .navbar-toggler:focus {
            box-shadow: 0 0 0 3px rgba(29, 95, 214, .2)
        }

        @media (min-width:992px) {
            .la-header .navbar-nav {
                gap: 36px
            }

            .la-header .nav-link {
                padding: 0
            }
        }

        @media (max-width:991.98px) {
            .la-header .navbar-collapse {
                padding: 10px 0 14px
            }

            .la-header .navbar-nav {
                gap: 2px
            }

            .la-header .nav-link {
                padding: 10px 0;
                border-bottom: 1px solid #edf1f7
            }

            .la-header .btn-la {
                margin-top: 14px
            }
        }

        /* ===== hero ===== */
        #top {
            background: #eaf1fe;
            padding: 72px 0
        }

        #top h1 {
            margin: 20px 0 0;
            font-size: clamp(34px, 5vw, 52px);
            line-height: 1.1;
            letter-spacing: -.02em
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 32px;
            padding: 4px 14px;
            border-radius: 16px;
            background: #fff;
            border: 1px solid #cfdcf5;
            color: var(--blue-d);
            font-size: 14px;
            font-weight: 700
        }

        .hero-chat {
            position: relative;
            max-width: 520px;
            margin: 0 auto
        }

        .hero-float {
            position: absolute;
            right: -24px;
            top: -22px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 16px 10px 12px;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 12px 30px rgba(11, 31, 58, .16);
            border: 1px solid var(--line);
            z-index: 3
        }

        .hero-float .ic {
            width: 34px;
            height: 34px;
            border-radius: 9px;
            background: #e3f6f3;
            color: #0b7f72;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media (max-width:991.98px) {
            #top {
                padding: 52px 0 60px
            }

            .hero-chat {
                margin-top: 28px
            }
        }

        @media (max-width:575.98px) {
            .hero-float {
                right: 8px;
                top: -20px;
                padding: 8px 12px 8px 10px
            }
        }

        /* ===== generic cards ===== */
        .card-la {
            height: 100%;
            padding: 26px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 16px;
            box-shadow: 0 1px 2px rgba(11, 31, 58, .05), 0 10px 28px rgba(11, 31, 58, .07)
        }

        .ico {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            background: var(--bg, #eaf1fe);
            color: var(--c, #1d5fd6)
        }

        .card-title-la {
            font-family: 'Sora', sans-serif;
            font-size: 20px;
            font-weight: 700;
            color: var(--navy);
            margin: 18px 0 0
        }

        .card-la p {
            margin: 8px 0 0;
            font-size: 16px;
            line-height: 1.55;
            color: var(--tx2)
        }

        .big-no {
            font-family: 'Sora', sans-serif;
            font-size: 34px;
            font-weight: 700;
            color: #d5dfef
        }

        /* ===== AI section ===== */
        .chip-ask {
            height: 38px;
            padding: 0 18px;
            display: inline-flex;
            align-items: center;
            border-radius: 19px;
            font-family: 'Sora', sans-serif;
            font-size: 15px;
            font-weight: 700
        }

        .ai-list {
            padding: 28px;
            border-radius: 20px;
            box-shadow: 0 1px 2px rgba(11, 31, 58, .05), 0 18px 44px rgba(11, 31, 58, .10);
            background: #fff;
            border: 1px solid var(--line)
        }

        .chk-row {
            display: flex;
            align-items: center;
            gap: 12px;
            min-height: 41px;
            padding: 6px 0;
            border-top: 1px solid #edf1f7;
            font-size: 16px;
            color: var(--tx2)
        }

        .chk {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: #e3f6f3;
            color: #0b7f72;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

        /* ===== dark band ===== */
        .band-dark {
            background: #0b1f3a;
            padding: 72px 0
        }

        .band-dark h2 {
            color: #fff;
            font-size: clamp(26px, 3.2vw, 34px);
            line-height: 1.2
        }

        .disc-box {
            padding: 26px 28px;
            border-radius: 16px;
            background: #14305a;
            border: 1px solid #2a4a7c
        }

        /* ===== support cards ===== */
        .sup-card {
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 26px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 16px;
            box-shadow: 0 1px 2px rgba(11, 31, 58, .05), 0 10px 28px rgba(11, 31, 58, .07)
        }

        .sup-card .ico {
            margin-bottom: 14px
        }

        .sup-card h3 {
            font-family: 'Sora', sans-serif;
            font-size: 19px;
            font-weight: 700;
            line-height: 1.25;
            color: var(--navy);
            margin: 0
        }

        .sup-card .sub {
            margin: 6px 0 10px;
            font-size: 14.5px;
            line-height: 1.45;
            color: var(--mu2)
        }

        .sup-list {
            list-style: none;
            margin: 0 0 18px;
            padding: 0;
            flex-grow: 1
        }

        .sup-list li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 3px 0;
            font-size: 14.5px;
            line-height: 1.4;
            color: var(--tx2)
        }

        .sup-list li::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--c, #1d5fd6);
            flex-shrink: 0;
            margin-top: 7px
        }

        .sup-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 15px;
            font-weight: 700;
            color: var(--c, #1d5fd6)
        }

        .sup-link:hover {
            color: var(--c, #1d5fd6);
            opacity: .85
        }

        .dev-tile {
            aspect-ratio: 1/1;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--bg);
            color: var(--c)
        }

        .dev-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
            max-width: 256px;
            margin-inline: auto
        }

        /* ===== platforms ===== */
        .plat-card {
            display: flex;
            align-items: center;
            gap: 26px;
            height: 100%;
            padding: 30px;
            border-radius: 20px
        }

        .plat-card .big-ic {
            width: 96px;
            height: 96px;
            border-radius: 24px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

        .plat-card h3 {
            font-family: 'Sora', sans-serif;
            font-size: 22px;
            font-weight: 700;
            color: var(--navy);
            margin: 0
        }

        .plat-card p {
            margin: 8px 0 0;
            font-size: 16px;
            line-height: 1.55;
            color: var(--tx2)
        }

        @media (max-width:575.98px) {
            .plat-card {
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                padding: 24px
            }

            .plat-card .big-ic {
                width: 76px;
                height: 76px;
                border-radius: 20px
            }
        }

        /* ===== third party ===== */
        .goal-box {
            padding: 30px 32px;
            background: #fff;
            border-radius: 20px;
            border: 1px solid #d3e0f7;
            box-shadow: 0 18px 44px rgba(11, 31, 58, .10)
        }

        .goal-step {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 14px 0
        }

        .goal-step+.goal-step {
            position: relative
        }

        .goal-step .circ {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

        .goal-step span.t {
            font-size: 19px;
            font-weight: 700;
            color: var(--navy)
        }

        .goal-line {
            margin-left: 23px;
            width: 2px;
            height: 14px;
            background: #cfdcf5
        }

        @media (max-width:575.98px) {
            .goal-box {
                padding: 22px 20px
            }

            .goal-step span.t {
                font-size: 17px
            }
        }

        /* ===== how ===== */
        .num-circle {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #1d5fd6;
            color: #fff;
            font-family: 'Sora', sans-serif;
            font-size: 16px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .ico-sm {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--bg);
            color: var(--c)
        }

        /* ===== services ===== */
        .svc-card {
            height: 100%;
            padding: 22px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 16px;
            box-shadow: 0 1px 2px rgba(11, 31, 58, .05), 0 8px 22px rgba(11, 31, 58, .06)
        }

        .svc-card h3 {
            margin: 14px 0 0;
            font-family: 'Sora', sans-serif;
            font-size: 16.5px;
            font-weight: 700;
            color: var(--navy)
        }

        .svc-card p {
            margin: 4px 0 0;
            font-size: 14.5px;
            line-height: 1.45;
            color: var(--mu2)
        }

        /* ===== can't find ===== */
        .cant-box {
            padding: 40px 56px;
            background: #eaf1fe;
            border: 1px solid #d3e0f7;
            border-radius: 24px
        }

        @media (max-width:991.98px) {
            .cant-box {
                padding: 32px 28px;
                text-align: center
            }
        }

        @media (max-width:575.98px) {
            .cant-box {
                padding: 28px 20px
            }
        }

        /* ===== final CTA ===== */
        #cta {
            background: #1546a6;
            padding: 72px 0;
            text-align: center
        }

        #cta h2 {
            font-size: clamp(28px, 4vw, 40px);
            color: #fff;
            margin: 10px 0 0
        }

        /* ===== notice ===== */
        .notice {
            display: flex;
            gap: 22px;
            align-items: flex-start;
            padding: 30px 34px;
            background: #f4f7fb;
            border: 1px solid var(--line);
            border-left: 4px solid var(--blue);
            border-radius: 14px
        }

        @media (max-width:575.98px) {
            .notice {
                flex-direction: column;
                gap: 14px;
                padding: 24px 20px
            }
        }

        /* ===== footer ===== */
        .la-footer {
            background: #0b1f3a;
            padding: 26px 0
        }

        .la-footer a {
            color: #c9d6ea;
            font-size: 14px
        }

        .la-footer a:hover {
            color: #fff
        }
    

/* ---- utility classes generated from the old inline styles ---- */
.u1{display:none}
.u2{margin:20px 0 0;font-size:19px;line-height:1.55;color:#33465f}
.u3{text-transform:uppercase;font-size:16px}
.u4{margin:14px 0 0;font-size:17px;line-height:1.6;color:#33465f}
.u5{color:#0b1f3a}
.u6{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.u7{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.u8{font-size:14px;font-weight:700;color:#0b1f3a;line-height:1.3}
.u9{font-weight:400;color:#55657a}
.u10{background:#fff}
.u11{margin:14px 0 0;font-size:clamp(28px,3.6vw,38px);line-height:1.18}
.u12{margin-top:18px;font-size:21px;font-weight:700;color:#0b1f3a}
.u13{margin:10px 0 0}
.u14{background:#eaf1fe;color:#1546a6}
.u15{background:#e3f6f3;color:#0b6b60}
.u16{background:#fff3dc;color:#8a4f00}
.u17{margin:12px 0 0;font-size:16px;line-height:1.55;color:#33465f}
.u18{width:40px;height:40px;--bg:#e3f6f3;--c:#0b7f72}
.u19{font-family:'Sora',sans-serif;font-size:19px;font-weight:700;color:#0b1f3a}
.u20{margin-top:12px;font-size:17px;font-weight:700;color:#0b1f3a}
.u21{--bg:#e3f6f3;--c:#0b7f72}
.u22{--bg:#eaf1fe;--c:#1d5fd6}
.u23{--bg:#fff3dc;--c:#a15c00}
.u24{margin:0}
.u25{margin:16px 0 0;font-size:17px;line-height:1.6;color:#c9d6ea}
.u26{margin-top:16px;font-size:17px;font-weight:700;color:#fff}
.u27{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;color:#fff}
.u28{stroke:#8fc0ff}
.u29{margin:12px 0 0;font-size:15px;line-height:1.6;color:#c9d6ea}
.u30{margin:10px 0 0;font-size:clamp(28px,3.6vw,38px);line-height:1.2}
.u31{margin:10px 0 0;font-size:18px;line-height:1.55;color:#33465f}
.u32{--c:#1d5fd6;--bg:#eaf1fe}
.u33{--c:#0b7f72;--bg:#e3f6f3}
.u34{--c:#5a43c8;--bg:#eeeafd}
.u35{--c:#a15c00;--bg:#fff3dc}
.u36{--c:#b4234b;--bg:#fde8ee}
.u37{--c:#2a7a2e;--bg:#e6f5e6}
.u38{--c:#0b1f3a;--bg:#e6ecf5}
.u39{--c:#0b1f3a;--bg:#e6ecf5;padding:34px}
.u40{margin-bottom:14px}
.u41{font-family:'Sora',sans-serif;font-size:22px;font-weight:700;color:#0b1f3a}
.u42{margin:10px 0 0;font-size:16px;line-height:1.55;color:#33465f}
.u43{stroke-width:1.5}
.u44{--bg:#fde8ee;--c:#b4234b}
.u45{background:#eaf1fe;border:1px solid #d3e0f7}
.u46{color:#1d5fd6;box-shadow:0 10px 24px rgba(29,95,214,.16)}
.u47{background:#f0ecfd;border:1px solid #ddd5f7}
.u48{color:#5a43c8;box-shadow:0 10px 24px rgba(90,67,200,.16)}
.u49{margin-top:26px;font-size:18px;font-weight:700;color:#0b1f3a}
.u50{margin-top:12px}
.u51{margin:16px 0 0;font-size:18px;line-height:1.5;font-weight:700;color:#0b1f3a}
.u52{margin:10px 0 0;font-size:16px;line-height:1.6;color:#33465f}
.u53{max-width:500px}
.u54{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:#0b1f3a}
.u55{background:#eaf1fe;color:#1d5fd6}
.u56{background:#e3f6f3;color:#0b7f72}
.u57{background:#fff3dc;color:#a15c00}
.u58{font-size:19px;margin-top:16px}
.u59{line-height:1.5}
.u60{padding:0 28px}
.u61{margin:10px auto 0;max-width:820px}
.u62{--bg:#eeeafd;--c:#5a43c8}
.u63{--bg:#e6f5e6;--c:#2a7a2e}
.u64{--bg:#e6ecf5;--c:#0b1f3a}
.u65{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.2}
.u66{margin-top:8px;font-size:20px;font-weight:700;color:#1546a6}
.u67{margin:10px 0 0;font-size:17px;line-height:1.55;color:#33465f}
.u68{margin:6px 0 0;font-size:17px;line-height:1.55;font-weight:700;color:#0b1f3a}
.u69{width:76px;height:76px;border-radius:22px;background:#fff;color:#1d5fd6;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(29,95,214,.16)}
.u70{stroke-width:1.7}
.u71{padding:24px}
.u72{font-size:17px;line-height:1.3;margin-top:16px}
.u73{font-size:14.5px;line-height:1.5}
.u74{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bcd3fb}
.u75{margin:14px auto 0;font-size:18px;line-height:1.55;color:#dbe7fd;max-width:800px}
.u76{margin-top:14px;font-size:19px;font-weight:700;color:#fff}
.u77{min-height:54px;padding:0 32px;font-size:17px}
.u78{background:#fff;padding:56px 0}
.u79{width:44px;height:44px;--bg:#eaf1fe;--c:#1d5fd6}
.u80{margin:10px 0 0;font-size:16px;line-height:1.6;font-weight:700;color:#0b1f3a}
.u81{margin:10px 0 0;font-size:15px;line-height:1.6;color:#55657a}
.u82{color:#fff}
.u83{width:30px;height:30px;border-radius:8px;background:#1d5fd6;color:#fff;display:flex;align-items:center;justify-content:center}
.u84{font-family:'Sora',sans-serif;font-weight:700;font-size:17px}
.u85{font-size:14px;color:#a9bad4}
.u86{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.u87{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

/* ---- responsive fixes ---- */
.svc-card p,.sup-list li,.card-la p{overflow-wrap:anywhere}
@media (max-width:991.98px){.plat-card{flex-direction:column;align-items:flex-start;gap:16px}}
@media (max-width:575.98px){
  .hero-float{position:static;margin:14px auto 0;width:fit-content}
}