:root{
            --bg:#f5f8fc;
            --bg-soft:#eef4fb;
            --card:#ffffff;
            --text:#0f172a;
            --muted:#5b667a;
            --line:#dbe4f0;
            --primary:#1f7ad8;
            --primary-dark:#0d5fb1;
            --dark:#09111f;
            --dark-2:#0f1b30;
            --shadow:0 20px 60px rgba(15, 23, 42, 0.10);
            --radius:24px;
            --radius-sm:18px;
            --container:1220px;
        }

        *{ box-sizing:border-box; margin:0; padding:0; }

        html{ scroll-behavior:smooth; }

        body{
            font-family:'Inter',sans-serif;
            background:var(--bg);
            color:var(--text);
            line-height:1.65;
        }

        img{ max-width:100%; display:block; }

        a{ color:inherit; text-decoration:none; }

        .container{
            width:min(var(--container), calc(100% - 32px));
            margin:0 auto;
        }

        /* HEADER */
        .site-header{
            position:sticky;
            top:0;
            z-index:1000;
            background:rgba(255,255,255,0.88);
            backdrop-filter:blur(14px);
            border-bottom:1px solid rgba(219,228,240,0.85);
        }

        .header-inner{
            min-height:88px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:24px;
        }

        .logo img{ height:62px; width:auto; }

        .main-nav{
            display:flex;
            align-items:center;
            gap:28px;
        }

        .main-nav a{
            font-size:15px;
            font-weight:600;
            color:#334155;
            transition:.25s ease;
        }

        .main-nav a:hover{ color:var(--primary); }

        .menu-toggle{
            display:none;
            width:48px;
            height:48px;
            border:none;
            background:#fff;
            border-radius:14px;
            box-shadow:0 10px 30px rgba(15,23,42,.08);
            cursor:pointer;
            position:relative;
            z-index:1100;
        }

        .menu-toggle span{
            display:block;
            width:22px;
            height:2px;
            background:#0f172a;
            margin:5px auto;
            border-radius:10px;
            transition:.25s ease;
        }

        .menu-overlay{ display:none; }

        /* HERO */
        .hero{
            position:relative;
            overflow:hidden;
            min-height:84vh;
            display:flex;
            align-items:center;
            background:linear-gradient(135deg, rgba(8,14,27,.82), rgba(17,35,64,.65));
        }

        .hero-bg{
            position:absolute;
            inset:0;
            overflow:hidden;
            transform:scale(1.04);
            animation:heroZoom 16s ease-in-out infinite alternate;
        }

        .hero-video{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .hero-bg::after{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(110deg, rgba(5,10,20,.78) 10%, rgba(7,25,54,.52) 45%, rgba(31,122,216,.22) 100%);
        }

        @keyframes heroZoom{
            from{ transform:scale(1.04); }
            to{ transform:scale(1.10); }
        }

        .hero-inner{
            position:relative;
            z-index:2;
            padding:110px 0 90px;
        }

        .hero-copy{ max-width:760px; }

        .eyebrow{
            display:inline-flex;
            align-items:center;
            gap:10px;
            padding:10px 16px;
            border:1px solid rgba(255,255,255,.18);
            background:rgba(255,255,255,.08);
            color:#dce8f8;
            border-radius:999px;
            font-size:13px;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:.08em;
            margin-bottom:22px;
        }

        .hero h1{
            font-size:clamp(38px, 6vw, 68px);
            line-height:1.03;
            letter-spacing:-0.04em;
            color:#fff;
            margin-bottom:22px;
            font-weight:800;
        }

        .hero p{
            max-width:700px;
            color:rgba(255,255,255,.84);
            font-size:18px;
            margin-bottom:30px;
        }

        .hero-actions{
            display:flex;
            flex-wrap:wrap;
            gap:14px;
            margin-bottom:30px;
        }

        .hero-badges{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
        }

        .hero-badge{
            padding:12px 16px;
            border-radius:999px;
            background:rgba(255,255,255,.09);
            border:1px solid rgba(255,255,255,.16);
            color:#edf4ff;
            font-size:14px;
            font-weight:600;
        }

        /* BUTTONS */
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:52px;
            padding:0 22px;
            border-radius:14px;
            font-weight:700;
            transition:.25s ease;
        }

        .btn-primary{
            background:linear-gradient(135deg, var(--primary), var(--primary-dark));
            color:#fff;
            box-shadow:0 18px 40px rgba(31,122,216,.24);
        }

        .btn-primary:hover{ transform:translateY(-2px); }

        .btn-secondary{
            border:1px solid rgba(255,255,255,.18);
            color:#fff;
            background:rgba(255,255,255,.08);
        }

        .btn-secondary:hover{ background:rgba(255,255,255,.14); }

        .btn-full{ width:100%; }

        /* GENERIC */
        .section{ padding:96px 0; }

        .section-dark{
            background:linear-gradient(180deg, var(--dark), var(--dark-2));
            color:#fff;
        }

        .section-heading{
            max-width:820px;
            margin-bottom:42px;
        }

        .section-heading.center{
            margin-left:auto;
            margin-right:auto;
            text-align:center;
        }

        .section-heading.light h2,
        .section-heading.light p,
        .section-heading.light .section-kicker{ color:#fff; }

        .section-kicker{
            display:inline-block;
            margin-bottom:14px;
            font-size:13px;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
            color:var(--primary);
        }

        .section-heading h2{
            font-size:clamp(30px, 4vw, 48px);
            line-height:1.08;
            letter-spacing:-0.04em;
            margin-bottom:18px;
        }

        .section-heading p{ color:var(--muted); font-size:17px; }

        .intro-strip{
            margin-top:-34px;
            position:relative;
            z-index:5;
        }

        .intro-strip-inner{
            background:#fff;
            border:1px solid #e5edf7;
            border-radius:22px;
            box-shadow:var(--shadow);
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:20px;
            padding:24px 28px;
        }

        .intro-strip-inner div{ color:#4b5567; font-size:15px; }
        .intro-strip-inner strong{ color:var(--text); }

        /* SEGMENTS */
        .tiles-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:24px;
        }

        .segment-card{
            position:relative;
            min-height:460px;
            border-radius:28px;
            overflow:hidden;
            box-shadow:var(--shadow);
            transform:translateY(0);
            transition:.32s ease;
        }

        .segment-card:hover{ transform:translateY(-8px); }

        .segment-overlay{
            position:absolute;
            inset:0;
            background:linear-gradient(180deg, rgba(4,10,22,.10) 0%, rgba(4,10,22,.58) 58%, rgba(4,10,22,.88) 100%);
        }

        .segment-content{
            position:absolute;
            inset:auto 0 0 0;
            z-index:2;
            padding:28px;
            color:#fff;
        }

        .segment-label{
            display:inline-block;
            margin-bottom:12px;
            font-size:12px;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
            opacity:.9;
        }

        .segment-content h3{
            font-size:30px;
            line-height:1.08;
            letter-spacing:-0.03em;
            margin-bottom:14px;
        }

        .segment-content p{
            color:rgba(255,255,255,.82);
            margin-bottom:18px;
        }

        .segment-link{
            display:inline-flex;
            align-items:center;
            gap:8px;
            font-weight:700;
        }

        .segment-link::after{ content:"→"; }

        .segment-nzoz{ background:url('/img/nzoz.png') center center / cover no-repeat; }
        .segment-gops{ background:url('/img/gops.png') center center / cover no-repeat; }
        .segment-rach{ background:url('/img/rachunkowe.png') center center / cover no-repeat; }

        /* PROCESS */
        .process-grid{
            display:grid;
            grid-template-columns:repeat(4, 1fr);
            gap:22px;
        }

        .process-card{
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.10);
            border-radius:24px;
            overflow:hidden;
            box-shadow:0 16px 40px rgba(0,0,0,.16);
        }

        .process-card img{
            width:100%;
            height:220px;
            object-fit:cover;
        }

        .process-text{ padding:24px; }

        .process-number{
            width:46px;
            height:46px;
            border-radius:999px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:rgba(31,122,216,.18);
            border:1px solid rgba(31,122,216,.40);
            color:#9dd0ff;
            font-weight:800;
            margin-bottom:16px;
        }

        .process-text h3{ font-size:24px; margin-bottom:10px; }
        .process-text p{ color:rgba(255,255,255,.76); }

        /* SERVICES */
        .services-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:22px;
        }

        .service-card{
            background:#fff;
            border:1px solid #e6edf7;
            border-radius:24px;
            padding:28px;
            box-shadow:var(--shadow);
            transition:.28s ease;
        }

        .service-card:hover{
            transform:translateY(-6px);
            border-color:#cfe3fb;
        }

        .service-card h3{
            font-size:22px;
            margin-bottom:10px;
            letter-spacing:-0.03em;
        }

        .service-card p{ color:var(--muted); }

        /* STATS */
        .stats-section{ padding-top:0; }

        .stats-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:22px;
        }

        .stat-box{
            background:linear-gradient(180deg, #ffffff, #f4f8fd);
            border:1px solid #e3edf9;
            border-radius:24px;
            padding:34px 28px;
            box-shadow:var(--shadow);
            text-align:center;
        }

        .stat-box strong{
            display:block;
            font-size:54px;
            line-height:1;
            letter-spacing:-0.05em;
            color:var(--primary);
            margin-bottom:12px;
        }

        .stat-box span{ color:var(--muted); font-size:16px; }

        /* CONTACT */
        .contact-section{ padding-top:30px; }

        .contact-grid{
            display:grid;
            grid-template-columns:1.05fr .95fr;
            gap:28px;
            align-items:start;
        }

        .contact-copy h2{
            font-size:clamp(30px, 4vw, 46px);
            line-height:1.08;
            letter-spacing:-0.04em;
            margin-bottom:18px;
        }

        .contact-copy p{
            color:var(--muted);
            font-size:17px;
            margin-bottom:26px;
        }

        .contact-boxes{ display:grid; gap:18px; }

        .contact-box{
            background:#fff;
            border:1px solid #e4edf8;
            border-radius:22px;
            padding:24px;
            box-shadow:var(--shadow);
        }

        .contact-box h3{ margin-bottom:10px; font-size:20px; }
        .contact-box p{ margin:0; font-size:15px; }

        .form-wrap{
            background:#fff;
            border:1px solid #e4edf8;
            border-radius:28px;
            padding:28px;
            box-shadow:var(--shadow);
        }

        .contact-form{ display:grid; gap:18px; }

        .form-row{ display:grid; gap:8px; }

        .form-row label{
            font-size:14px;
            font-weight:700;
            color:#334155;
        }

        .form-row input,
        .form-row textarea{
            width:100%;
            padding:16px 18px;
            border:1px solid #d4dfec;
            border-radius:16px;
            background:#f9fbfe;
            font:inherit;
            color:var(--text);
            outline:none;
            transition:.2s ease;
        }

        .form-row input:focus,
        .form-row textarea:focus{
            border-color:#9ac7f5;
            background:#fff;
            box-shadow:0 0 0 4px rgba(31,122,216,.10);
        }

        .form-success{
            margin-top:6px;
            padding:14px 16px;
            background:#ecfdf3;
            border:1px solid #b8ebca;
            color:#166534;
            border-radius:14px;
            font-size:14px;
            font-weight:600;
        }

        /* FOOTER */
        .site-footer{
            margin-top:90px;
            background:#ffffff;
            color:var(--text);
            border-top:1px solid #e6edf7;
        }

        .footer-inner{
            padding:54px 0 34px;
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:30px;
        }

        .footer-brand{ max-width:520px; }

        .footer-brand img{
            height:58px;
            width:auto;
            margin-bottom:16px;
            filter:none;
        }

        .footer-brand p{ color:var(--muted); }

        .footer-links{
            display:flex;
            flex-wrap:wrap;
            gap:18px;
        }

        .footer-links a{
            color:#334155;
            font-weight:600;
        }

        .footer-links a:hover{ color:var(--primary); }

        .footer-bottom{
            border-top:1px solid #e6edf7;
            text-align:center;
            padding:18px 16px;
            color:var(--muted);
            font-size:14px;
            background:#ffffff;
        }

        /* SUBPAGE */
        .subpage-hero{
            position:relative;
            min-height:420px;
            display:flex;
            align-items:flex-end;
            overflow:hidden;
            color:#fff;
        }

        .subpage-hero::before{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(180deg, rgba(8,14,27,.15), rgba(8,14,27,.78));
        }

        .subpage-hero-content{
            position:relative;
            z-index:2;
            padding:120px 0 54px;
            max-width:760px;
        }

        .subpage-hero h1{
            font-size:clamp(36px, 5vw, 60px);
            line-height:1.03;
            letter-spacing:-0.04em;
            margin-bottom:16px;
        }

        .subpage-hero p{
            color:rgba(255,255,255,.86);
            font-size:18px;
        }

        .subpage-section{ padding:80px 0; }

        .subpage-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:24px;
            align-items:start;
        }

        .info-card{
            background:#fff;
            border:1px solid #e4edf8;
            border-radius:24px;
            padding:28px;
            box-shadow:var(--shadow);
        }

        .info-card h2{
            font-size:30px;
            line-height:1.1;
            margin-bottom:14px;
            letter-spacing:-0.04em;
        }

        .info-card p{ color:var(--muted); }

        .feature-list{
            list-style:none;
            display:grid;
            gap:14px;
        }

        .feature-list li{
            position:relative;
            padding-left:28px;
            color:#334155;
            font-weight:500;
        }

        .feature-list li::before{
            content:"";
            position:absolute;
            left:0;
            top:11px;
            width:12px;
            height:12px;
            border-radius:999px;
            background:linear-gradient(135deg, var(--primary), var(--primary-dark));
            box-shadow:0 0 0 6px rgba(31,122,216,.10);
        }

        .back-link{
            display:inline-flex;
            align-items:center;
            gap:8px;
            margin-top:22px;
            font-weight:700;
            color:var(--primary);
        }

        .back-link::before{ content:"←"; }

        /* 3 filary */
        .pillars{ padding:80px 0; }

        .pillars-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:22px;
        }

        .pillar-card{
            position:relative;
            background:linear-gradient(180deg, #ffffff, #f7fbff);
            border:1px solid #d9e7f6;
            border-radius:26px;
            padding:28px;
            box-shadow:0 24px 70px rgba(15, 23, 42, 0.10);
            transition:.28s ease;
            overflow:hidden;
        }

        .pillar-card::before{
            content:"";
            position:absolute;
            left:0;
            top:0;
            width:100%;
            height:6px;
            background:linear-gradient(135deg, var(--primary), var(--primary-dark));
        }

        .pillar-card::after{
            content:"";
            position:absolute;
            right:-120px;
            top:-120px;
            width:240px;
            height:240px;
            border-radius:999px;
            background:radial-gradient(circle, rgba(31,122,216,.18), rgba(31,122,216,0) 65%);
            pointer-events:none;
        }

        .pillar-card:hover{
            transform:translateY(-8px);
            border-color:#bcd8f6;
            box-shadow:0 34px 90px rgba(15, 23, 42, 0.14);
        }

        .pillar-kicker{
            display:flex;
            align-items:center;
            gap:12px;
            margin-bottom:12px;
            font-size:12px;
            font-weight:900;
            letter-spacing:.12em;
            text-transform:uppercase;
            color:#1d4ed8;
        }

        .pillar-kicker::before{
            content: attr(data-num);
            width:42px;
            height:42px;
            border-radius:999px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:rgba(31,122,216,.12);
            border:1px solid rgba(31,122,216,.35);
            color:var(--primary-dark);
            font-weight:900;
            letter-spacing:0;
            font-size:13px;
            box-shadow:0 14px 30px rgba(31,122,216,.14);
        }

        .pillar-title{
            font-size:22px;
            letter-spacing:-0.03em;
            margin-bottom:10px;
        }

        .pillar-text{
            color:var(--muted);
            font-size:15.5px;
        }

        @media (max-width: 1180px){
            .pillars-grid{ grid-template-columns:1fr; }
        }

        /* RESPONSIVE */
        @media (max-width: 1180px){
            .tiles-grid,
            .process-grid,
            .services-grid,
            .stats-grid{
                grid-template-columns:repeat(2, 1fr);
            }

            .contact-grid,
            .subpage-grid{
                grid-template-columns:1fr;
            }
        }

        @media (max-width: 900px){
            .header-inner{ min-height:78px; }
            .logo img{ height:48px; }

            .menu-toggle{ display:block; }

            .main-nav{
                position:fixed;
                top:0;
                right:-310px;
                width:290px;
                height:100vh;
                background:#fff;
                box-shadow:-18px 0 40px rgba(15,23,42,.16);
                display:flex;
                flex-direction:column;
                align-items:flex-start;
                gap:0;
                padding:100px 26px 26px;
                transition:.28s ease;
                z-index:1050;
            }

            .main-nav a{
                width:100%;
                padding:16px 0;
                border-bottom:1px solid #e9eef6;
            }

            .main-nav.show{ right:0; }

            .menu-overlay{
                display:block;
                position:fixed;
                inset:0;
                background:rgba(2,6,23,.42);
                opacity:0;
                pointer-events:none;
                transition:.28s ease;
                z-index:1030;
            }

            .menu-overlay.show{
                opacity:1;
                pointer-events:auto;
            }

            .intro-strip-inner,
            .tiles-grid,
            .process-grid,
            .services-grid,
            .stats-grid{
                grid-template-columns:1fr;
            }

            .hero{ min-height:auto; }
            .hero-inner{ padding:90px 0 70px; }
            .hero p{ font-size:16px; }
            .section{ padding:72px 0; }
            .segment-card{ min-height:400px; }
            .process-card img{ height:200px; }

            .footer-inner{
                flex-direction:column;
                padding:42px 0 28px;
            }

            .hero-video{ display:none; }
            .hero-bg{
                background:
                    linear-gradient(110deg, rgba(5,10,20,.78) 10%, rgba(7,25,54,.52) 45%, rgba(31,122,216,.22) 100%),
                    url('/img/hero.png') center center / cover no-repeat;
            }
        }

        @media (max-width: 640px){
            .container{
                width:min(var(--container), calc(100% - 20px));
            }

            .hero-actions{
                flex-direction:column;
                align-items:stretch;
            }

            .btn{ width:100%; }

            .intro-strip{ margin-top:-18px; }
            .intro-strip-inner{ padding:20px; }

            .segment-content,
            .process-text,
            .service-card,
            .stat-box,
            .contact-box,
            .form-wrap,
            .info-card{
                padding-left:20px;
                padding-right:20px;
            }
        }

        html, body{
            width:100%;
            overflow-x:hidden;
        }

        .pillars{ padding-top:40px; }

        .footer-wa{
            margin-top:6px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            padding:14px 16px;
            border-radius:16px;
            border:1px solid rgba(16,185,129,.28);
            background:linear-gradient(135deg, rgba(16,185,129,.12), rgba(34,197,94,.08));
            box-shadow:0 18px 40px rgba(16,185,129,.10);
            transition:.22s ease;
            flex-wrap: nowrap;
        }

        .footer-wa:hover{
            transform:translateY(-2px);
            border-color:rgba(16,185,129,.45);
            box-shadow:0 26px 60px rgba(16,185,129,.14);
        }

        .footer-wa-title{
            font-weight:900;
            color:#065f46;
            font-size:14px;
        }

        .footer-wa-meta{
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap: nowrap;
            white-space: nowrap;
        }

        .footer-wa-chip{
            white-space: nowrap;
            flex: 0 0 auto;
            border:none;
            background:transparent;
            padding:0;
            font-size:14px;
            font-weight:900;
            color:#064e3b;
        }

        .footer-wa-arrow{
            width:34px;
            height:34px;
            border-radius:999px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:rgba(16,185,129,.18);
            border:1px solid rgba(16,185,129,.30);
            color:#065f46;
            font-weight:900;
        }

        .footer-contact{
            margin-top:16px;
            padding-top:14px;
            border-top:1px solid #e6edf7;
            display:grid;
            gap:10px;
            max-width: 420px;
        }

        .footer-contact-title{
            font-weight:800;
            font-size:13px;
            letter-spacing:.10em;
            text-transform:uppercase;
            color:#334155;
        }

        .footer-contact-item{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            padding:12px 14px;
            border:1px solid #e6edf7;
            border-radius:14px;
            background:#f9fbfe;
            transition:.2s ease;
        }

        .footer-contact-item:hover{
            border-color:#cfe3fb;
            transform:translateY(-1px);
        }

        .footer-contact-label{
            font-size:13px;
            font-weight:700;
            color:#334155;
        }

        .footer-contact-value{
            font-size:14px;
            font-weight:800;
            color:var(--primary-dark);
        }

        .cookie-banner{
            position:fixed;
            left:16px;
            right:16px;
            bottom:16px;
            z-index:2000;
            display:none;
        }

        .cookie-banner.show{ display:block; }

        .cookie-inner{
            margin:0 auto;
            max-width:1220px;
            background:#ffffff;
            border:1px solid #e6edf7;
            border-radius:18px;
            box-shadow:0 20px 60px rgba(15,23,42,.18);
            padding:14px 14px;
            display:flex;
            gap:14px;
            align-items:center;
            justify-content:space-between;
        }

        .cookie-text{
            color:#334155;
            font-size:13.5px;
            line-height:1.4;
        }

        .cookie-text a{
            color:var(--primary-dark);
            font-weight:800;
            text-decoration:underline;
        }

        .cookie-actions{
            display:flex;
            gap:10px;
            flex:0 0 auto;
        }

        .cookie-btn{
            border:none;
            cursor:pointer;
            padding:10px 14px;
            border-radius:12px;
            font-weight:800;
            font-size:13px;
        }

        .cookie-btn-primary{
            background:linear-gradient(135deg, var(--primary), var(--primary-dark));
            color:#fff;
        }

        .cookie-btn-secondary{
            background:#f1f5f9;
            color:#0f172a;
            border:1px solid #e2e8f0;
        }

        @media (max-width: 700px){
            .cookie-inner{
                flex-direction:column;
                align-items:stretch;
            }
            .cookie-actions{
                justify-content:flex-end;
            }
        }

        /* Cookie Consent */
        .cc{ position:fixed; left:16px; right:16px; bottom:16px; z-index:3000; display:none; }
        .cc.show{ display:block; }
        .cc-card{
            max-width:1220px; margin:0 auto;
            background:#fff;
            border:1px solid #e6edf7;
            border-radius:18px;
            box-shadow:0 20px 60px rgba(15,23,42,.18);
            padding:14px 14px;
            display:flex; gap:14px;
            align-items:center; justify-content:space-between;
        }
        .cc-left{ display:grid; gap:8px; }
        .cc-title{ font-weight:900; font-size:14px; color:#0f172a; }
        .cc-desc{ font-size:13.5px; color:#334155; line-height:1.4; max-width:720px; }
        .cc-desc a{ color:var(--primary-dark); font-weight:800; text-decoration:underline; }
        .cc-link{
            width:max-content;
            border:none; background:transparent;
            padding:0; cursor:pointer;
            color:var(--primary-dark); font-weight:900;
            text-decoration:underline;
        }
        .cc-actions{ display:flex; gap:10px; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end; }
        .cc-btn{
            border:none; cursor:pointer;
            padding:10px 14px; border-radius:12px;
            font-weight:900; font-size:13px;
        }
        .cc-primary{ background:linear-gradient(135deg, var(--primary), var(--primary-dark)); color:#fff; }
        .cc-secondary{ background:#f1f5f9; color:#0f172a; border:1px solid #e2e8f0; }

        @media (max-width: 760px){
            .cc-card{ flex-direction:column; align-items:stretch; }
            .cc-actions{ justify-content:stretch; }
            .cc-btn{ width:100%; }
        }

        /* Modal */
        .cc-modal{ position:fixed; inset:0; z-index:3100; display:none; }
        .cc-modal.show{ display:block; }
        .cc-modal-backdrop{ position:absolute; inset:0; background:rgba(2,6,23,.45); }
        .cc-modal-card{
            position:relative;
            width:min(720px, calc(100% - 28px));
            margin:calc(6vh) auto 0;
            background:#fff;
            border:1px solid #e6edf7;
            border-radius:20px;
            box-shadow:0 30px 90px rgba(15,23,42,.25);
            padding:16px;
        }
        .cc-modal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
        .cc-modal-title{ font-weight:900; font-size:16px; color:#0f172a; }
        .cc-x{
            width:40px; height:40px;
            border-radius:12px;
            border:1px solid #e2e8f0;
            background:#f8fafc;
            cursor:pointer;
            font-weight:900;
        }
        .cc-list{ margin-top:14px; display:grid; gap:12px; }
        .cc-item{
            border:1px solid #e6edf7;
            background:#f9fbfe;
            border-radius:16px;
            padding:14px;
        }
        .cc-item-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
        .cc-item-title{ font-weight:900; color:#0f172a; }
        .cc-item-desc{ margin-top:6px; font-size:13.5px; color:#334155; line-height:1.4; }
        .cc-pill{
            padding:6px 10px;
            border-radius:999px;
            font-size:12px;
            font-weight:900;
            background:rgba(31,122,216,.10);
            color:var(--primary-dark);
            border:1px solid rgba(31,122,216,.20);
        }
        .cc-pill-on{ background:rgba(16,185,129,.10); color:#065f46; border:1px solid rgba(16,185,129,.22); }

        .cc-toggle{ cursor:pointer; }
        .cc-toggle input{ display:none; }
        .cc-switch{
            width:46px; height:28px; border-radius:999px;
            border:1px solid #dbe4f0;
            background:#e2e8f0;
            position:relative; flex:0 0 auto;
            margin-left:10px;
        }
        .cc-switch::after{
            content:"";
            position:absolute; top:3px; left:3px;
            width:22px; height:22px; border-radius:999px;
            background:#fff;
            box-shadow:0 10px 20px rgba(15,23,42,.15);
            transition:.2s ease;
        }
        .cc-toggle input:checked + .cc-switch{
            background:rgba(16,185,129,.25);
            border-color:rgba(16,185,129,.35);
        }
        .cc-toggle input:checked + .cc-switch::after{ left:21px; }

        .cc-modal-actions{
            margin-top:14px;
            display:flex; gap:10px;
            justify-content:flex-end;
        }
        @media (max-width: 760px){
            .cc-modal-actions{ flex-direction:column; }
        }