:root{
            --cc-bg:#f7f1e8;
            --cc-bg-2:#efe3d2;
            --cc-card:#fffaf3;
            --cc-white:#ffffff;
            --cc-brown-900:#3d2414;
            --cc-brown-800:#4a2d1b;
            --cc-brown-700:#68422a;
            --cc-brown-600:#875735;
            --cc-brown-500:#b78557;
            --cc-beige:#dcc3a2;
            --cc-beige-2:#ead8c3;
            --cc-line:rgba(90,56,34,.12);
            --cc-line-strong:rgba(90,56,34,.20);
            --cc-shadow:0 18px 50px rgba(61,36,20,.14);
            --cc-shadow-soft:0 10px 28px rgba(61,36,20,.08);
            --cc-radius-xl:30px;
            --cc-radius-lg:22px;
            --cc-radius-md:16px;
            --cc-container:min(1180px, calc(100% - 32px));
            --cc-grad-main:linear-gradient(135deg, #3d2414 0%, #6c462a 35%, #aa7a4e 70%, #ead8c3 100%);
            --cc-grad-soft:linear-gradient(135deg, rgba(234,216,195,.95), rgba(255,250,243,.92));
            --cc-grad-card:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,241,232,.96));
            --cc-text:#4a2b19;
            --cc-text-soft:#5f4432;
            --cc-maxw:760px;
            --cc-panel-match:#523421;
        }

        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body.ccarso-landing-body{
            margin:0;
            background:
                radial-gradient(circle at 10% 10%, rgba(183,133,87,.12), transparent 28%),
                radial-gradient(circle at 90% 15%, rgba(122,81,49,.10), transparent 25%),
                linear-gradient(180deg, #fcf8f3 0%, #f7f1e8 52%, #efe3d2 100%);
            color:var(--cc-text);
            font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            overflow-x:hidden;
        }

        body.ccarso-landing-body.cc-menu-lock{
            overflow:hidden;
        }

        img{max-width:100%;display:block}
        a{text-decoration:none;color:inherit}
        button,input,textarea{font:inherit}

        .cc-page{
            position:relative;
            isolation:isolate;
        }

        .cc-fabric-noise,
        .cc-thread-layer,
        .cc-loom-glow{
            position:fixed;
            inset:0;
            pointer-events:none;
            z-index:-1;
        }

        .cc-fabric-noise{
            opacity:.35;
            background-image:
                radial-gradient(rgba(61,36,20,.06) 1px, transparent 1px),
                radial-gradient(rgba(61,36,20,.04) 1px, transparent 1px);
            background-size:18px 18px, 22px 22px;
            background-position:0 0, 11px 11px;
            mix-blend-mode:multiply;
        }

        .cc-thread-layer{
            overflow:hidden;
        }

        .cc-thread-layer::before,
        .cc-thread-layer::after{
            content:"";
            position:absolute;
            inset:-20%;
            background:
                repeating-linear-gradient(90deg, transparent 0 26px, rgba(122,81,49,.05) 26px 28px, transparent 28px 54px),
                repeating-linear-gradient(0deg, transparent 0 26px, rgba(183,133,87,.05) 26px 28px, transparent 28px 54px);
            animation:ccWeaveShift 22s linear infinite;
            transform:rotate(3deg) scale(1.1);
        }

        .cc-thread-layer::after{
            opacity:.6;
            animation-duration:30s;
            transform:rotate(-4deg) scale(1.16);
        }

        .cc-loom-glow::before,
        .cc-loom-glow::after{
            content:"";
            position:absolute;
            width:46vw;
            height:46vw;
            border-radius:50%;
            filter:blur(60px);
            opacity:.18;
            background:radial-gradient(circle, rgba(183,133,87,.55), rgba(183,133,87,0));
            animation:ccFloatBlob 13s ease-in-out infinite;
        }

        .cc-loom-glow::before{top:-8vw;left:-10vw}
        .cc-loom-glow::after{bottom:-12vw;right:-10vw;animation-delay:-5s}

        .cc-container{
            width:var(--cc-container);
            margin-inline:auto;
        }

        .cc-topbar{
            position:sticky;
            top:0;
            z-index:40;
            backdrop-filter:blur(14px);
            background:rgba(0,0,0,.94);
            border-bottom:1px solid rgba(255,255,255,.10);
            overflow:visible;
        }

        .admin-bar .cc-topbar{top:32px}
        @media (max-width:782px){.admin-bar .cc-topbar{top:46px}}

        .cc-topbar-inner{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:18px;
            min-height:86px;
        }

        .cc-brand{
            display:flex;
            align-items:center;
            gap:14px;
            min-width:0;
        }

        .cc-brand-logo{
            width:144px;
            padding:0;
            border-radius:0;
            background:transparent;
            border:0;
            box-shadow:none;
            flex:0 0 auto;
        }

        .cc-brand-logo img{
            width:100%;
            height:auto;
            object-fit:contain;
        }

        .cc-brand-copy strong{
            display:block;
            font-size:1rem;
            letter-spacing:.02em;
            color:#ffffff;
        }

        .cc-brand-copy span{
            display:block;
            color:rgba(255,255,255,.76);
            font-size:.9rem;
            white-space:nowrap;
        }

        .cc-nav{
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap:wrap;
            justify-content:flex-end;
        }

        .cc-nav a{
            padding:10px 14px;
            border-radius:999px;
            color:#ffffff;
            font-size:.95rem;
            font-weight:600;
            transition:.25s ease;
        }

        .cc-nav a:hover{
            background:rgba(255,255,255,.12);
            color:#ffffff;
        }

        .cc-menu-toggle{
            display:none;
            align-items:center;
            justify-content:center;
            width:50px;
            height:50px;
            padding:0;
            border:1px solid rgba(255,255,255,.16);
            border-radius:16px;
            background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
            color:#fff;
            cursor:pointer;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
            transition:background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
        }

        .cc-menu-toggle:hover{
            background:rgba(255,255,255,.14);
            border-color:rgba(255,255,255,.24);
            transform:translateY(-1px);
        }

        .cc-menu-toggle:focus-visible{
            outline:2px solid rgba(255,255,255,.72);
            outline-offset:2px;
        }

        .cc-menu-toggle-box{
            position:relative;
            width:20px;
            height:14px;
            display:block;
        }

        .cc-menu-toggle-box::before,
        .cc-menu-toggle-box::after,
        .cc-menu-toggle-box span{
            content:"";
            position:absolute;
            left:0;
            width:100%;
            height:2px;
            border-radius:999px;
            background:currentColor;
            transition:transform .25s ease, opacity .25s ease, top .25s ease;
        }

        .cc-menu-toggle-box::before{top:0}
        .cc-menu-toggle-box span{top:6px}
        .cc-menu-toggle-box::after{top:12px}

        .cc-mobile-backdrop{
            display:none;
        }

        .cc-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            min-height:52px;
            padding:0 22px;
            border-radius:999px;
            font-weight:700;
            transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
            border:1px solid transparent;
            cursor:pointer;
        }

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

        .cc-btn-primary{
            background:var(--cc-grad-main);
            color:#fff;
            box-shadow:0 14px 30px rgba(61,36,20,.18);
        }

        .cc-btn-primary:hover{box-shadow:0 18px 34px rgba(61,36,20,.24)}

        .cc-btn-secondary{
            color:var(--cc-brown-900);
            background:rgba(255,255,255,.82);
            border-color:rgba(90,56,34,.16);
            box-shadow:var(--cc-shadow-soft);
        }

        .cc-btn-ghost{
            color:var(--cc-brown-900);
            border-color:rgba(90,56,34,.16);
            background:rgba(255,255,255,.22);
        }

        .cc-hero{
            position:relative;
            padding:72px 0 34px;
        }

        .cc-hero-grid{
            display:grid;
            grid-template-columns:1.08fr .92fr;
            gap:28px;
            align-items:start;
        }

        .cc-hero-copy{
            display:grid;
            align-content:start;
            gap:0;
            padding-top:14px;
        }

        .cc-eyebrow{
            display:inline-flex;
            align-items:center;
            gap:10px;
            padding:10px 16px;
            border-radius:999px;
            background:rgba(255,255,255,.72);
            border:1px solid rgba(90,56,34,.11);
            box-shadow:var(--cc-shadow-soft);
            color:var(--cc-brown-800);
            font-weight:700;
            margin-bottom:16px;
        }

        .cc-eyebrow::before{
            content:"";
            width:10px;
            height:10px;
            border-radius:50%;
            background:linear-gradient(135deg, var(--cc-brown-700), var(--cc-beige));
            box-shadow:0 0 0 6px rgba(154,107,67,.12);
        }

        .cc-hero h1{
            margin:0;
            font-size:clamp(2.5rem, 5vw, 5rem);
            line-height:.96;
            letter-spacing:-.04em;
            color:var(--cc-brown-900);
            max-width:11ch;
        }

        .cc-highlight{
            display:inline-block;
            background:var(--cc-grad-main);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
        }

        .cc-hero p{
            font-size:1.06rem;
            line-height:1.8;
            max-width:var(--cc-maxw);
            color:var(--cc-text-soft);
            margin:32px 0 28px;
        }

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

        .cc-mini-stats{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:14px;
            max-width:720px;
        }

        .cc-mini-stat{
            position:relative;
            padding:18px 16px;
            border-radius:20px;
            background:rgba(255,255,255,.8);
            border:1px solid rgba(90,56,34,.1);
            box-shadow:var(--cc-shadow-soft);
            overflow:hidden;
        }

        .cc-mini-stat::after{
            content:"";
            position:absolute;
            inset:auto -30px -32px auto;
            width:110px;
            height:110px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(183,133,87,.18), transparent 68%);
        }

        .cc-mini-stat strong{
            display:block;
            font-size:1.6rem;
            color:var(--cc-brown-900);
            line-height:1;
            position:relative;
        }

        .cc-mini-stat span{
            display:block;
            margin-top:8px;
            color:var(--cc-text-soft);
            font-size:.95rem;
            position:relative;
        }

        .cc-hero-visual{
            position:relative;
            min-height:590px;
        }

        .cc-hero-card{
            position:relative;
            min-height:590px;
            display:grid;
            place-items:center;
            border-radius:32px;
            padding:28px;
            background:var(--cc-panel-match);
            box-shadow:0 26px 70px rgba(61,36,20,.28);
            overflow:hidden;
            isolation:isolate;
        }

        .cc-hero-card::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                linear-gradient(115deg, rgba(255,255,255,.10), rgba(255,255,255,0) 38%),
                repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 2px, transparent 2px 18px),
                repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 2px, transparent 2px 18px);
            mix-blend-mode:screen;
            opacity:.65;
        }

        .cc-hero-card::after{
            content:"";
            position:absolute;
            inset:18px;
            border:1px solid rgba(255,255,255,.16);
            border-radius:26px;
            pointer-events:none;
        }

        .cc-pattern-orbit,
        .cc-pattern-orbit::before,
        .cc-pattern-orbit::after{
            position:absolute;
            border-radius:50%;
            border:1px dashed rgba(255,255,255,.28);
        }

        .cc-pattern-orbit{
            right:-30px;
            top:-18px;
            width:210px;
            height:210px;
            animation:ccSpin 20s linear infinite;
        }

        .cc-pattern-orbit::before,
        .cc-pattern-orbit::after{
            content:"";
            inset:18px;
        }

        .cc-pattern-orbit::after{inset:40px}

        .cc-hero-logo-stage{
            position:relative;
            z-index:1;
            width:100%;
            min-height:100%;
            margin:auto;
            padding:18px;
            border-radius:28px;
            display:grid;
            place-items:center;
            background:var(--cc-panel-match);
            border:0;
            box-shadow:none;
            overflow:hidden;
        }

        .cc-hero-logo-stage::before{
            content:"";
            position:absolute;
            inset:18px;
            border-radius:24px;
            border:1px solid rgba(255,255,255,.08);
            pointer-events:none;
        }

        .cc-hero-logo-stage::after{
            content:"";
            position:absolute;
            width:360px;
            height:360px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(255,255,255,.10), transparent 72%);
            filter:blur(18px);
        }

        .cc-hero-logo-frame{
            position:relative;
            z-index:1;
            width:min(100%, 560px);
            padding:0;
            border-radius:0;
            background:transparent;
            border:0;
            box-shadow:none;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .cc-hero-logo-frame img{
            display:block;
            width:100%;
            height:auto;
            object-fit:contain;
        }

        .cc-fabric-sheet{
            position:absolute;
            left:7%;
            right:7%;
            top:88px;
            min-height:290px;
            border-radius:26px;
            background:linear-gradient(145deg, rgba(255,250,243,.98), rgba(234,216,195,.86));
            box-shadow:0 28px 60px rgba(23,13,7,.24);
            padding:22px;
            transform:rotate(-4deg);
        }

        .cc-fabric-sheet::before{
            content:"";
            position:absolute;
            inset:12px;
            border-radius:20px;
            background:
                linear-gradient(180deg, rgba(122,81,49,.07), transparent),
                repeating-linear-gradient(90deg, rgba(122,81,49,.05) 0 1px, transparent 1px 12px),
                repeating-linear-gradient(0deg, rgba(183,133,87,.05) 0 1px, transparent 1px 12px);
        }

        .cc-fabric-sheet h3,
        .cc-shoe-card h3,
        .cc-floating-tag strong,
        .cc-visual-chip strong{
            margin:0;
            color:var(--cc-brown-900);
            position:relative;
        }

        .cc-fabric-sheet p,
        .cc-shoe-card p,
        .cc-floating-tag span,
        .cc-visual-chip span{
            margin:8px 0 0;
            color:var(--cc-text-soft);
            line-height:1.6;
            position:relative;
        }

        .cc-fabric-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:12px;
            margin-top:18px;
            position:relative;
        }

        .cc-fabric-cell{
            min-height:78px;
            border-radius:18px;
            border:1px solid rgba(90,56,34,.12);
            background:
                linear-gradient(145deg, rgba(255,255,255,.82), rgba(238,222,201,.72)),
                repeating-linear-gradient(45deg, rgba(122,81,49,.08) 0 2px, transparent 2px 8px);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
        }

        .cc-shoe-card{
            position:absolute;
            right:4%;
            bottom:78px;
            width:min(320px, 86%);
            padding:24px;
            border-radius:26px;
            background:rgba(255,255,255,.88);
            border:1px solid rgba(255,255,255,.4);
            box-shadow:0 22px 52px rgba(26,14,8,.22);
            backdrop-filter:blur(8px);
        }

        .cc-shoe-silhouette{
            position:relative;
            height:116px;
            margin-bottom:12px;
        }

        .cc-shoe-silhouette::before,
        .cc-shoe-silhouette::after{
            content:"";
            position:absolute;
            left:0;
            right:0;
            margin:auto;
        }

        .cc-shoe-silhouette::before{
            bottom:12px;
            width:220px;
            height:62px;
            background:linear-gradient(135deg, #5a3822, #9a6b43);
            border-radius:50px 70px 34px 24px;
            transform:skewX(-14deg);
            box-shadow:inset 0 -8px 0 rgba(255,255,255,.08);
        }

        .cc-shoe-silhouette::after{
            bottom:0;
            width:228px;
            height:18px;
            background:linear-gradient(180deg, #d8c0a6, #b78557);
            border-radius:30px;
            filter:drop-shadow(0 10px 14px rgba(61,36,20,.16));
        }

        .cc-laces{
            position:absolute;
            left:46px;
            top:34px;
            width:120px;
            height:2px;
            background:transparent;
            box-shadow:0 0 0 0 transparent;
        }

        .cc-laces::before,
        .cc-laces::after{
            content:"";
            position:absolute;
            left:0;
            right:0;
            height:40px;
            background:
                repeating-linear-gradient(90deg, transparent 0 16px, rgba(255,245,232,.96) 16px 18px, transparent 18px 34px);
            mask:linear-gradient(180deg, transparent 0 6px, #000 6px 9px, transparent 9px 16px, #000 16px 19px, transparent 19px 26px, #000 26px 29px, transparent 29px 100%);
            opacity:.95;
        }

        .cc-laces::after{top:12px;opacity:.78}

        .cc-floating-tag,
        .cc-visual-chip{
            position:absolute;
            padding:14px 16px;
            border-radius:18px;
            background:rgba(255,255,255,.82);
            border:1px solid rgba(255,255,255,.38);
            box-shadow:0 14px 34px rgba(26,14,8,.16);
            backdrop-filter:blur(8px);
            max-width:220px;
        }

        .cc-floating-tag{
            left:0;
            top:36px;
            animation:ccFloatY 7s ease-in-out infinite;
        }

        .cc-visual-chip{
            right:20px;
            top:26px;
            animation:ccFloatY 8s ease-in-out infinite reverse;
        }

        .cc-floating-tag small,
        .cc-visual-chip small{
            display:block;
            color:var(--cc-brown-700);
            text-transform:uppercase;
            letter-spacing:.16em;
            font-size:.67rem;
            font-weight:700;
            margin-bottom:6px;
        }

        .cc-section{
            padding:46px 0;
        }

        .cc-section-head{
            display:flex;
            align-items:end;
            justify-content:space-between;
            gap:22px;
            margin-bottom:24px;
            flex-wrap:wrap;
        }

        .cc-section-kicker{
            text-transform:uppercase;
            letter-spacing:.18em;
            font-size:.74rem;
            font-weight:800;
            color:var(--cc-brown-700);
            margin-bottom:10px;
        }

        .cc-section h2{
            margin:0;
            font-size:clamp(2rem, 4vw, 3.3rem);
            line-height:1.02;
            color:var(--cc-brown-900);
            letter-spacing:-.03em;
            max-width:14ch;
        }

        .cc-section-desc{
            max-width:560px;
            color:var(--cc-text-soft);
            line-height:1.75;
            font-size:1rem;
        }

        .cc-grid-2{
            display:grid;
            grid-template-columns:1.02fr .98fr;
            gap:24px;
        }

        .cc-card{
            position:relative;
            background:var(--cc-grad-card);
            border:1px solid rgba(90,56,34,.10);
            border-radius:var(--cc-radius-xl);
            box-shadow:var(--cc-shadow-soft);
            overflow:hidden;
        }

        .cc-card-pad{padding:28px}

        .cc-story-card{
            min-height:100%;
            background:
                linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,236,224,.92)),
                repeating-linear-gradient(90deg, rgba(122,81,49,.04) 0 1px, transparent 1px 18px);
        }

        .cc-story-card p,
        .cc-list li,
        .cc-service p,
        .cc-pillars p,
        .cc-brand-card p,
        .cc-contact-card p,
        .cc-contact-card li,
        .cc-process-step p,
        .cc-industries-card p,
        .cc-cta p,
        .cc-note,
        .cc-copy,
        .cc-process-intro,
        .cc-footer-copy,
        .cc-footer-links a,
        .cc-footer-meta{
            color:var(--cc-text-soft);
            line-height:1.75;
        }

        .cc-quote{
            position:relative;
            padding:22px;
            margin-top:20px;
            border-radius:22px;
            background:linear-gradient(135deg, rgba(61,36,20,.96), rgba(122,81,49,.92));
            color:#fff;
            box-shadow:0 16px 34px rgba(61,36,20,.18);
        }

        .cc-quote::before{
            content:"";
            position:absolute;
            inset:0;
            background:repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 2px, transparent 2px 14px);
            opacity:.4;
        }

        .cc-quote strong{
            display:block;
            position:relative;
            font-size:1.18rem;
            line-height:1.5;
        }

        .cc-bullets{
            display:grid;
            gap:14px;
        }

        .cc-bullet{
            display:grid;
            grid-template-columns:auto 1fr;
            gap:14px;
            align-items:start;
            padding:18px;
            border-radius:22px;
            background:rgba(255,255,255,.8);
            border:1px solid rgba(90,56,34,.1);
            box-shadow:var(--cc-shadow-soft);
        }

        .cc-bullet-icon{
            width:42px;
            height:42px;
            border-radius:14px;
            background:var(--cc-grad-main);
            position:relative;
            box-shadow:0 12px 24px rgba(61,36,20,.14);
        }

        .cc-bullet-icon::before{
            content:"";
            position:absolute;
            inset:11px;
            border-radius:999px;
            border:2px solid rgba(255,255,255,.78);
        }

        .cc-bullet strong,
        .cc-service h3,
        .cc-pillars h3,
        .cc-brand-card h3,
        .cc-contact-card h3,
        .cc-process-step h3,
        .cc-industries-card h3,
        .cc-footer-card h3{
            display:block;
            margin:0 0 6px;
            color:var(--cc-brown-900);
            font-size:1.05rem;
        }

        .cc-services{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:18px;
        }

        .cc-service{
            position:relative;
            padding:22px;
            border-radius:26px;
            border:1px solid rgba(90,56,34,.1);
            background:rgba(255,255,255,.82);
            box-shadow:var(--cc-shadow-soft);
            overflow:hidden;
            transition:transform .28s ease, box-shadow .28s ease;
        }

        .cc-service:hover{
            transform:translateY(-6px);
            box-shadow:0 20px 40px rgba(61,36,20,.15);
        }

        .cc-service::after{
            content:"";
            position:absolute;
            inset:auto -18px -34px auto;
            width:110px;
            height:110px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(183,133,87,.16), transparent 70%);
        }

        .cc-service-icon{
            width:58px;
            height:58px;
            border-radius:18px;
            margin-bottom:16px;
            background:linear-gradient(135deg, rgba(61,36,20,.96), rgba(154,107,67,.88));
            position:relative;
            box-shadow:0 12px 24px rgba(61,36,20,.18);
        }

        .cc-service-icon::before,
        .cc-service-icon::after{
            content:"";
            position:absolute;
            background:rgba(255,255,255,.88);
        }

        .cc-icon-thread::before{width:28px;height:3px;left:15px;top:18px;border-radius:999px;box-shadow:0 10px 0 rgba(255,255,255,.88)}
        .cc-icon-thread::after{width:10px;height:10px;right:12px;bottom:12px;border-radius:50%;border:2px solid rgba(255,255,255,.88);background:transparent}
        .cc-icon-shoe::before{width:28px;height:18px;left:15px;top:24px;border-radius:14px 18px 8px 8px;transform:skewX(-18deg)}
        .cc-icon-shoe::after{width:30px;height:5px;left:14px;bottom:10px;border-radius:999px}
        .cc-icon-cut::before{width:3px;height:28px;left:18px;top:13px;border-radius:999px;transform:rotate(26deg)}
        .cc-icon-cut::after{width:3px;height:28px;right:18px;top:13px;border-radius:999px;transform:rotate(-26deg)}
        .cc-icon-box::before{width:26px;height:18px;left:16px;top:16px;border-radius:6px;background:transparent;border:2px solid rgba(255,255,255,.9)}
        .cc-icon-box::after{width:30px;height:3px;left:14px;bottom:16px;border-radius:999px}
        .cc-icon-custom::before{width:32px;height:3px;left:13px;top:18px;border-radius:999px;transform:rotate(-20deg);box-shadow:0 10px 0 rgba(255,255,255,.88), 0 20px 0 rgba(255,255,255,.88)}
        .cc-icon-custom::after{width:10px;height:10px;right:12px;top:12px;border-radius:50%}
        .cc-icon-machine::before{width:30px;height:20px;left:14px;top:14px;border-radius:8px;background:transparent;border:2px solid rgba(255,255,255,.88)}
        .cc-icon-machine::after{width:12px;height:12px;left:23px;bottom:10px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.88)}

        .cc-pillars{
            display:grid;
            grid-template-columns:repeat(4, minmax(0,1fr));
            gap:18px;
        }

        .cc-pillar{
            position:relative;
            padding:22px;
            border-radius:26px;
            background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,241,232,.92));
            border:1px solid rgba(90,56,34,.1);
            box-shadow:var(--cc-shadow-soft);
            overflow:hidden;
        }

        .cc-pillar::before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            right:0;
            height:5px;
            background:var(--cc-grad-main);
        }

        .cc-brands{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:18px;
        }

        .cc-brand-card{
            position:relative;
            padding:24px;
            border-radius:28px;
            background:linear-gradient(160deg, rgba(255,255,255,.94), rgba(240,230,216,.94));
            border:1px solid rgba(90,56,34,.1);
            box-shadow:var(--cc-shadow-soft);
            overflow:hidden;
        }

        .cc-brand-card::after{
            content:"";
            position:absolute;
            right:-36px;
            bottom:-38px;
            width:130px;
            height:130px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(183,133,87,.16), transparent 66%);
        }

        .cc-brand-badge{
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:8px 12px;
            border-radius:999px;
            background:rgba(90,56,34,.08);
            color:var(--cc-brown-800);
            font-size:.78rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.08em;
            margin-bottom:14px;
        }

        .cc-brand-link{
            display:inline-flex;
            align-items:center;
            gap:8px;
            margin-top:14px;
            color:var(--cc-brown-900);
            font-weight:700;
        }

        .cc-process-wrap{
            display:grid;
            grid-template-columns:.9fr 1.1fr;
            gap:24px;
            align-items:start;
        }

        .cc-process-intro-card{
            position:sticky;
            top:104px;
            padding:28px;
            border-radius:28px;
            background:linear-gradient(160deg, rgba(61,36,20,.98), rgba(106,69,41,.95) 55%, rgba(154,107,67,.92));
            box-shadow:0 28px 60px rgba(61,36,20,.24);
            color:#fff;
            overflow:hidden;
        }

        .admin-bar .cc-process-intro-card{top:138px}
        @media (max-width:782px){.admin-bar .cc-process-intro-card{top:152px}}

        .cc-process-intro-card::before{
            content:"";
            position:absolute;
            inset:0;
            background:repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 2px, transparent 2px 18px);
            opacity:.55;
        }

        .cc-process-intro-card > *{position:relative}
        .cc-process-intro-card .cc-section-kicker,
        .cc-process-intro-card h2,
        .cc-process-intro-card p,
        .cc-process-intro-card .cc-note{color:#fff}
        .cc-process-intro-card .cc-note{opacity:.86}

        .cc-process-list{
            display:grid;
            gap:16px;
        }

        .cc-process-step{
            display:grid;
            grid-template-columns:72px 1fr;
            gap:16px;
            align-items:start;
            padding:22px;
            border-radius:26px;
            background:rgba(255,255,255,.84);
            border:1px solid rgba(90,56,34,.10);
            box-shadow:var(--cc-shadow-soft);
        }

        .cc-step-num{
            width:72px;
            height:72px;
            border-radius:22px;
            background:var(--cc-grad-main);
            color:#fff;
            display:grid;
            place-items:center;
            font-size:1.15rem;
            font-weight:800;
            box-shadow:0 14px 24px rgba(61,36,20,.18);
        }

        .cc-industries{
            display:grid;
            grid-template-columns:repeat(4, minmax(0,1fr));
            gap:18px;
        }

        .cc-industries-card{
            padding:22px;
            border-radius:26px;
            background:rgba(255,255,255,.86);
            border:1px solid rgba(90,56,34,.1);
            box-shadow:var(--cc-shadow-soft);
        }

        .cc-industries-card span{
            display:inline-flex;
            align-items:center;
            padding:7px 11px;
            border-radius:999px;
            margin-bottom:12px;
            font-size:.76rem;
            font-weight:800;
            color:var(--cc-brown-700);
            background:rgba(90,56,34,.08);
            text-transform:uppercase;
            letter-spacing:.08em;
        }

        .cc-cta{
            position:relative;
            padding:34px;
            border-radius:32px;
            background:linear-gradient(140deg, rgba(61,36,20,.98), rgba(122,81,49,.95) 55%, rgba(183,133,87,.92));
            color:#fff;
            box-shadow:0 28px 64px rgba(61,36,20,.24);
            overflow:hidden;
        }

        .cc-cta::before,
        .cc-cta::after{
            content:"";
            position:absolute;
            border-radius:50%;
            background:radial-gradient(circle, rgba(255,255,255,.16), transparent 66%);
        }

        .cc-cta::before{width:240px;height:240px;right:-80px;top:-60px}
        .cc-cta::after{width:220px;height:220px;left:-100px;bottom:-90px}
        .cc-cta > *{position:relative}

        .cc-cta-grid{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:22px;
            align-items:center;
        }

        .cc-cta h2{
            max-width:11ch;
            color:#fff;
        }

        .cc-cta p{color:rgba(255,255,255,.88)}

        .cc-cta-actions{
            display:flex;
            flex-wrap:wrap;
            gap:14px;
            margin-top:22px;
        }

        .cc-contact-panel{
            display:grid;
            gap:14px;
        }

        .cc-contact-card{
            padding:22px;
            border-radius:24px;
            background:rgba(255,255,255,.13);
            border:1px solid rgba(255,255,255,.18);
            backdrop-filter:blur(6px);
        }

        .cc-contact-card h3{color:#fff}

        .cc-contact-card p,
        .cc-contact-card li,
        .cc-contact-card a{color:rgba(255,255,255,.9)}

        .cc-contact-list{
            list-style:none;
            padding:0;
            margin:0;
            display:grid;
            gap:10px;
        }

        .cc-contact-list li{
            display:flex;
            gap:10px;
            align-items:flex-start;
        }

        .cc-dot{
            width:10px;
            height:10px;
            border-radius:50%;
            margin-top:.55em;
            background:#fff;
            flex:0 0 auto;
            box-shadow:0 0 0 6px rgba(255,255,255,.12);
        }

        .cc-footer{
            padding:18px 0 44px;
        }

        .cc-footer-grid{
            display:grid;
            grid-template-columns:1.15fr .9fr .9fr;
            gap:18px;
        }

        .cc-footer-card{
            position:relative;
            padding:24px;
            border-radius:28px;
            background:linear-gradient(160deg, rgba(255,255,255,.94), rgba(240,230,216,.94));
            border:1px solid rgba(90,56,34,.1);
            box-shadow:var(--cc-shadow-soft);
            overflow:hidden;
        }

        .cc-footer-card::after{
            content:"";
            position:absolute;
            right:-36px;
            bottom:-38px;
            width:130px;
            height:130px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(183,133,87,.16), transparent 66%);
        }

        .cc-footer-card-brand{
            background:rgba(0,0,0,.94);
            border-color:rgba(255,255,255,.10);
        }

        .cc-footer-card-brand::after{
            background:radial-gradient(circle, rgba(255,255,255,.10), transparent 66%);
        }

        .cc-footer-card-brand .cc-footer-copy,
        .cc-footer-card-brand .cc-footer-meta{
            color:rgba(255,255,255,.88);
        }

        .cc-footer-logo{
            width:100%;
            max-width:220px;
            min-height:86px;
            display:flex;
            align-items:center;
            justify-content:flex-start;
            padding:0;
            border-radius:0;
            background:transparent;
            border:0;
            box-shadow:none;
            margin-bottom:16px;
            position:relative;
            overflow:hidden;
        }

        .cc-footer-logo img{
            display:block;
            width:auto;
            max-width:100%;
            max-height:86px;
            height:auto;
            object-fit:contain;
            object-position:left center;
        }

        .cc-footer-copy,
        .cc-footer-meta,
        .cc-footer-links,
        .cc-footer-socials{
            position:relative;
        }

        .cc-footer-links,
        .cc-footer-socials{
            display:grid;
            gap:10px;
        }

        .cc-footer-links a,
        .cc-footer-socials a{
            display:inline-flex;
            align-items:center;
            gap:8px;
            font-weight:600;
        }

        .cc-footer-socials a{
            width:max-content;
            padding:10px 14px;
            border-radius:999px;
            background:rgba(90,56,34,.08);
            color:var(--cc-brown-900);
        }

        .cc-footer-meta{
            margin-top:16px;
            font-size:.94rem;
        }

        .cc-reveal{
            opacity:0;
            transform:translateY(24px);
            transition:opacity .7s ease, transform .7s ease;
        }

        .cc-reveal.is-visible{
            opacity:1;
            transform:none;
        }

        .cc-stitch-line{
            position:relative;
            height:18px;
            margin:6px 0 22px;
            overflow:hidden;
        }

        .cc-stitch-line::before{
            content:"";
            position:absolute;
            left:0;
            right:0;
            top:8px;
            height:2px;
            background:repeating-linear-gradient(90deg, rgba(122,81,49,.28) 0 12px, transparent 12px 22px);
            animation:ccStitchMove 16s linear infinite;
        }

        .cc-copy{max-width:720px}
        .cc-note{font-size:.92rem}

        @keyframes ccWeaveShift{
            0%{transform:rotate(3deg) scale(1.1) translate3d(0,0,0)}
            50%{transform:rotate(1deg) scale(1.1) translate3d(-24px,-10px,0)}
            100%{transform:rotate(3deg) scale(1.1) translate3d(-48px,-20px,0)}
        }
        @keyframes ccFloatBlob{
            0%,100%{transform:translate3d(0,0,0) scale(1)}
            50%{transform:translate3d(20px,30px,0) scale(1.08)}
        }
        @keyframes ccFloatY{
            0%,100%{transform:translateY(0)}
            50%{transform:translateY(-10px)}
        }
        @keyframes ccSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
        @keyframes ccStitchMove{from{transform:translateX(0)}to{transform:translateX(-34px)}}

        @media (max-width:1100px){
            .cc-hero-grid,
            .cc-grid-2,
            .cc-process-wrap,
            .cc-cta-grid,
            .cc-footer-grid{grid-template-columns:1fr}
            .cc-process-intro-card{position:relative;top:auto}
            .cc-hero-visual{min-height:520px}
            .cc-hero-card{min-height:520px}
            .cc-services{grid-template-columns:repeat(2, minmax(0,1fr))}
            .cc-pillars{grid-template-columns:repeat(2, minmax(0,1fr))}
            .cc-industries{grid-template-columns:repeat(2, minmax(0,1fr))}
        }

        @media (max-width:860px){
            .cc-topbar-inner{
                display:flex;
                justify-content:space-between;
                align-items:center;
                gap:14px;
                min-height:72px;
                padding:10px 0;
            }
            .cc-menu-toggle{
                display:inline-flex;
                position:relative;
                z-index:62;
                width:46px;
                height:46px;
                border-radius:14px;
                background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
            }
            .cc-brand{flex:1 1 auto}
            .cc-brand-logo{
                width:122px;
                position:relative;
                z-index:62;
            }
            .cc-mobile-backdrop{
                display:block;
                position:fixed;
                inset:0;
                background:rgba(0,0,0,.34);
                backdrop-filter:blur(8px);
                opacity:0;
                visibility:hidden;
                pointer-events:none;
                transition:opacity .24s ease, visibility .24s ease;
                z-index:58;
            }
            .cc-nav{
                position:fixed;
                top:0;
                right:0;
                bottom:0;
                z-index:60;
                display:grid;
                grid-template-columns:minmax(0, 1fr);
                align-content:start;
                justify-items:stretch;
                width:min(360px, 88vw);
                min-height:100dvh;
                padding:92px 18px 24px;
                gap:12px;
                background:
                    radial-gradient(circle at top right, rgba(183,133,87,.16), transparent 34%),
                    linear-gradient(180deg, rgba(10,10,10,.985), rgba(16,12,10,.985));
                border-left:1px solid rgba(255,255,255,.08);
                border-top-left-radius:30px;
                border-bottom-left-radius:30px;
                box-shadow:-24px 0 56px rgba(0,0,0,.38);
                backdrop-filter:blur(16px);
                pointer-events:none;
                transform:translateX(100%);
                transition:transform .24s ease;
            }
            .cc-nav::before{
                content:"Navegación";
                display:block;
                margin:0 6px 6px;
                color:rgba(255,255,255,.56);
                text-transform:uppercase;
                letter-spacing:.22em;
                font-size:.7rem;
                font-weight:800;
            }
            .cc-topbar.is-menu-open .cc-mobile-backdrop{
                opacity:1;
                visibility:visible;
                pointer-events:auto;
            }
            .cc-topbar.is-menu-open .cc-nav{
                pointer-events:auto;
                transform:translateX(0);
            }
            .cc-topbar.is-menu-open .cc-menu-toggle-box::before{top:6px;transform:rotate(45deg)}
            .cc-topbar.is-menu-open .cc-menu-toggle-box span{opacity:0}
            .cc-topbar.is-menu-open .cc-menu-toggle-box::after{top:6px;transform:rotate(-45deg)}
            .cc-nav a{
                display:flex;
                align-items:center;
                justify-content:flex-start;
                white-space:normal;
                width:100%;
                min-height:64px;
                padding:0 20px;
                border-radius:18px;
                background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
                border:1px solid rgba(255,255,255,.07);
                box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
                text-align:left;
                font-size:1.06rem;
                line-height:1.2;
                font-weight:700;
                position:relative;
            }
            .cc-nav a::after{
                content:"";
                margin-left:auto;
                width:8px;
                height:8px;
                border-top:2px solid rgba(255,255,255,.58);
                border-right:2px solid rgba(255,255,255,.58);
                transform:rotate(45deg);
                transition:transform .2s ease, border-color .2s ease;
            }
            .cc-nav a:hover{
                background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));
                border-color:rgba(255,255,255,.10);
            }
            .cc-nav a:hover::after{
                border-color:#ffffff;
                transform:translateX(2px) rotate(45deg);
            }
            .cc-mini-stats,
            .cc-services,
            .cc-pillars,
            .cc-brands,
            .cc-industries{grid-template-columns:1fr}
            .cc-hero{padding-top:34px}
            .cc-hero h1{max-width:13ch}
            .cc-hero-visual{min-height:470px}
            .cc-hero-card{min-height:470px}
            .cc-hero-copy{padding-top:0}
            .cc-hero-logo-stage{min-height:360px;padding:20px}
            .cc-hero-logo-frame{width:min(100%, 480px)}
            .cc-section{padding:36px 0}
            .cc-card-pad,.cc-cta,.cc-footer-card{padding:22px}
            .cc-process-step{grid-template-columns:60px 1fr}
            .cc-step-num{width:60px;height:60px;border-radius:18px}
        }

        @media (max-width:640px){
            .cc-container{width:min(100% - 22px, 100%)}
            .cc-brand-copy span{white-space:normal}
            .cc-brand-logo{width:112px}
            .cc-nav{
                width:min(320px, 88vw);
                padding:84px 16px 20px;
                border-top-left-radius:24px;
                border-bottom-left-radius:24px;
            }
            .cc-hero p,
            .cc-section-desc,
            .cc-story-card p,
            .cc-copy,
            .cc-service p,
            .cc-pillars p,
            .cc-brand-card p,
            .cc-contact-card p,
            .cc-process-step p,
            .cc-industries-card p,
            .cc-cta p,
            .cc-footer-copy,
            .cc-footer-meta{font-size:.97rem;line-height:1.72}
            .cc-hero-actions,
            .cc-cta-actions{display:grid;grid-template-columns:1fr}
            .cc-btn{width:100%}
            .cc-mini-stats{grid-template-columns:1fr}
            .cc-hero-visual{min-height:430px}
            .cc-hero-card{min-height:430px}
            .cc-hero p{margin:24px 0 24px}
            .cc-hero-logo-stage{min-height:280px;padding:16px}
            .cc-hero-logo-frame{width:min(100%, 340px)}
            .cc-pattern-orbit{display:none}
            .cc-section h2,.cc-cta h2{max-width:none}
        }

        @media (prefers-reduced-motion: reduce){
            *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
            .cc-reveal{opacity:1;transform:none}
        }