@layer reset,tokens,base,layout,nav,components,sectores,footer,utilities; @layer tokens{:root{--primary:#1a365d;--primary-light:#2c5aa0;--primary-dark:#0f1a2e;--secondary:#d4704b;--secondary-light:#e89b7a;--secondary-dark:#b85a38;--accent:#4fd1c7;--terre-cuite:#d4704b;--or-doux:#d4a574;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--bg-primary:#ffffff;--bg-secondary:#f5f0e8;--bg-muted:#ede9e3;--bg-card:#ffffff;--border-primary:#e2e8f0;--border-color:#e2e8f0;--nav-bg:rgba(255,255,255,0.97);--nav-border:rgba(226,232,240,0.8);--shadow-card:0 4px 6px -1px rgba(0,0,0,.10),0 2px 4px -1px rgba(0,0,0,.06);--sector-accent:#4fd1c7;--sector-accent-2:#2bb8a8;--sector-light:#e6faf8;--font-base:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.375rem, 2vw, 1.5rem);--text-3xl:clamp(1.6rem,   3vw, 1.875rem);--text-4xl:clamp(2rem,     4vw, 2.5rem);--text-5xl:clamp(2.25rem,  5vw, 3rem);--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--r-sm:0.25rem;--r-md:0.5rem;--r-lg:0.75rem;--r-xl:1rem;--r-2xl:1.5rem;--r-full:9999px;--ease-out:cubic-bezier(0.23,1,0.32,1);--t-fast:150ms;--t-base:250ms;--t-slow:400ms;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.10);--shadow-lg:0 12px 32px rgba(0,0,0,.14);--shadow-xl:0 24px 48px rgba(0,0,0,.18);--z-nav:1020;--z-toast:1080;--max-w:1280px;--space-2:var(--sp-2);--space-4:var(--sp-4);--space-6:var(--sp-6);--space-8:var(--sp-8);--space-12:var(--sp-12);--transition-colors:color 150ms cubic-bezier(0.4,0,0.2,1),background-color 150ms cubic-bezier(0.4,0,0.2,1),border-color 150ms cubic-bezier(0.4,0,0.2,1);--leading-relaxed:1.625;--font-bold:700;--font-medium:500}.sector-salud{--sector-accent:#4fd1c7;--sector-accent-2:#2bb8a8;--sector-light:#e6faf8}.sector-belleza{--sector-accent:#ed8dac;--sector-accent-2:#c0657e;--sector-light:#fce7f0}.sector-artisanos{--sector-accent:#f6a94b;--sector-accent-2:#d9821a;--sector-light:#fef3e2}.sector-coaching{--sector-accent:#7ec8e3;--sector-accent-2:#2980a5;--sector-light:#e8f6fc}.sector-b2b{--sector-accent:#a78bfa;--sector-accent-2:#6d28d9;--sector-light:#f0eeff}.sector-comercio{--sector-accent:#68d391;--sector-accent-2:#276749;--sector-light:#e6ffed}.sector-creativos{--sector-accent:#f6ad55;--sector-accent-2:#c05621;--sector-light:#fffaf0}.sector-eventos{--sector-accent:#fc8181;--sector-accent-2:#c53030;--sector-light:#fff5f5}.sector-domicilio{--sector-accent:#76e4f7;--sector-accent-2:#0987a0;--sector-light:#e5f9ff}.sector-formacion{--sector-accent:#b794f4;--sector-accent-2:#553c9a;--sector-light:#faf5ff}}@layer reset{*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}img{height:auto}ol,ul{list-style:none;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}}@layer base{body{font-family:var(--font-base);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;min-height:100svh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--text-primary);text-wrap:balance;margin-block:0 var(--sp-4)}h1{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.02em}h2{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.015em}h3{font-size:var(--text-3xl);font-weight:600}h4{font-size:var(--text-2xl);font-weight:600}h5{font-size:var(--text-xl);font-weight:500}h6{font-size:var(--text-lg);font-weight:500}p{color:var(--text-secondary);line-height:1.7;margin-block:0 var(--sp-4);text-wrap:pretty}a{color:var(--primary-light);text-decoration:none;transition:color var(--t-fast) var(--ease-out)}a:hover{color:var(--secondary)}:focus-visible{outline:2px solid var(--sector-accent);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:color-mix(in srgb,var(--sector-accent) 25%,transparent);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[id]{scroll-margin-top:80px}.accent{color:var(--secondary)}}@layer layout{.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--sp-6)}@media (max-width:640px){.container{padding-inline:var(--sp-4)}}.section{padding-block:var(--sp-24)}.section--sm{padding-block:var(--sp-16)}.section--lg{padding-block:var(--sp-32)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}}@layer nav{.navbar{position:fixed;top:0;left:0;right:0;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(12px);z-index:var(--z-nav);padding-block:var(--sp-4);transition:box-shadow var(--t-base) var(--ease-out)}.navbar.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}.navbar .container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6)}.nav-brand{display:flex;flex-direction:column;gap:2px;text-decoration:none}.brand-text{font-size:var(--text-xl);font-weight:700;color:var(--primary-light);letter-spacing:-.01em;line-height:1;display:inline-flex;align-items:center;gap:var(--sp-1)}.brand-first{color:var(--primary-light)}.brand-second{color:var(--secondary)}.nav-brand-sub{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-left:2px}.nav-menu{display:flex;align-items:center;gap:var(--sp-1);list-style:none;margin:0;padding:0}.nav-link{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.nav-link:hover{color:var(--primary-light);background:var(--sector-light)}.btn-nav{background:var(--secondary);color:var(--white)!important;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-full);font-weight:600;font-size:var(--text-sm);transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.btn-nav:hover{background:var(--secondary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,112,75,.35);color:var(--white)!important}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:var(--sp-2);background:0 0;border:none;border-radius:var(--r-md);z-index:calc(var(--z-nav) + 1)}.hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:var(--r-full);transition:transform var(--t-base) var(--ease-out),opacity var(--t-base)}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hamburger{display:flex}.nav-menu{display:none;position:fixed;top:68px;left:var(--sp-4);width:auto;min-width:200px;max-width:calc(100vw - var(--sp-8));flex-direction:column;align-items:stretch;gap:0;padding:var(--sp-4) 0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--r-xl);box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:1000;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.nav-menu.active{display:flex!important;opacity:1;transform:translateY(0);pointer-events:auto}.nav-menu li{margin:0;padding:0}.nav-link{padding:var(--sp-3) var(--sp-6);border-left:3px solid transparent;border-radius:0}.nav-link:hover{border-left-color:var(--primary-light)}.btn-nav{margin:var(--sp-2) var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);text-align:center}}}@layer components{.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);font-weight:600;font-size:var(--text-base);cursor:pointer;border:2px solid transparent;transition:all var(--t-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.btn svg{width:18px;height:18px;flex-shrink:0;transition:transform var(--t-fast) var(--ease-out)}.btn:hover svg{transform:translateX(3px)}.btn-primary{background:var(--secondary);color:var(--white);border-color:var(--secondary)}.btn-primary:hover{background:var(--secondary-dark);border-color:var(--secondary-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,112,75,.3)}.btn-outline{background:0 0;color:var(--primary-light);border-color:var(--primary-light)}.btn-outline:hover{background:var(--primary-light);color:var(--white);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em}.badge-sector{background:var(--sector-light);color:var(--sector-accent-2);border:1px solid color-mix(in srgb,var(--sector-accent) 30%,transparent)}.badge-priority{background:color-mix(in srgb,var(--secondary) 10%,transparent);color:var(--secondary-dark);border:1px solid color-mix(in srgb,var(--secondary) 25%,transparent)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-6)}.breadcrumb a{color:var(--text-muted);transition:color var(--t-fast)}.breadcrumb a:hover{color:var(--sector-accent-2)}.breadcrumb-sep{color:var(--gray-400);user-select:none}.breadcrumb-current{color:var(--text-primary);font-weight:500}.section-header{text-align:center;max-width:680px;margin-inline:auto;margin-bottom:var(--sp-12)}.section-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sector-accent-2);margin-bottom:var(--sp-3)}.section-title{font-size:var(--text-4xl);font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0,var(--or-doux) 60%,var(--terre-cuite) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--sp-4)}.section-sub{font-size:var(--text-lg);color:var(--text-muted);line-height:1.6}.section-sub a{color:inherit;text-decoration:none;font-size:inherit;font-weight:500;transition:opacity var(--t-fast)}.section-sub a:hover{opacity:.7}.divider{width:48px;height:3px;background:var(--sector-accent);border-radius:var(--r-full);margin:var(--sp-4) auto 0}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--sector-accent) 40%,var(--border-primary))}.s-form{display:flex;flex-direction:column;gap:var(--sp-4)}.s-form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.s-form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.s-form-group input,.s-form-group select,.s-form-group textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--border-primary);border-radius:var(--r-lg);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-base);font-size:var(--text-base);transition:border-color var(--t-fast),box-shadow var(--t-fast);appearance:none}.s-form-group input:focus,.s-form-group select:focus,.s-form-group textarea:focus{outline:0;border-color:var(--sector-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sector-accent) 25%,transparent)}.s-form-group textarea{resize:vertical;min-height:120px}.back-to-top{position:fixed;bottom:var(--sp-6);right:var(--sp-6);width:48px;height:48px;background:var(--primary);color:var(--white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-base) var(--ease-out);z-index:var(--z-toast);opacity:0;visibility:hidden}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-light);transform:translateY(-2px)}.back-to-top svg{width:24px;height:24px}.faq-list{display:flex;flex-direction:column;gap:var(--sp-2);max-width:740px;margin-inline:auto}.faq-item{border:1px solid var(--border-primary);border-radius:var(--r-xl);overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--bg-card);border:none;cursor:pointer;text-align:left;font-family:var(--font-base);font-size:var(--text-base);font-weight:600;color:var(--text-primary);transition:background var(--t-fast)}.faq-question:hover{background:var(--bg-secondary)}.faq-question-icon{width:20px;height:20px;color:var(--sector-accent-2);flex-shrink:0;transition:transform var(--t-base) var(--ease-out)}.faq-question[aria-expanded=true] .faq-question-icon{transform:rotate(180deg);color:var(--secondary)}.faq-question[aria-expanded=true]{border-bottom:1px solid var(--border-primary)}.faq-answer{padding:var(--sp-5) var(--sp-6);background:var(--bg-card);font-size:var(--text-sm);color:var(--text-muted);line-height:1.65}.faq-answer a{color:inherit;text-decoration:none;font-size:inherit;font-weight:500;transition:opacity var(--t-fast)}.faq-answer a:hover{opacity:.7}}@layer sectores{.sector-hero{position:relative;padding-top:calc(72px + var(--sp-16));padding-bottom:var(--sp-20);overflow:hidden;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.sector-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--sector-accent) 18%,transparent) 0,transparent 55%),radial-gradient(circle at 10% 80%,color-mix(in srgb,var(--secondary) 15%,transparent) 0,transparent 50%);pointer-events:none}.sector-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.sector-hero .container{position:relative;z-index:1}.sector-hero-inner{display:grid;grid-template-columns:1fr auto;gap:var(--sp-12);align-items:center}@media (max-width:768px){.sector-hero-inner{grid-template-columns:1fr}.sector-hero-visual{display:none}}.sector-hero .breadcrumb{opacity:.75}.sector-hero .breadcrumb a{color:rgba(255,255,255,.75)}.sector-hero .breadcrumb a:hover{color:var(--sector-accent)}.sector-hero .breadcrumb-sep{color:rgba(255,255,255,.4)}.sector-hero .breadcrumb-current{color:rgba(255,255,255,.95)}.sector-hero h1{font-size:var(--text-5xl);font-weight:800;color:var(--white);letter-spacing:-.03em;margin-bottom:var(--sp-5);-webkit-text-fill-color:var(--white);background:0 0}.sector-hero-lead{font-size:var(--text-xl);color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:var(--sp-8)}.sector-hero-actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:center}.sector-hero-stats{display:flex;gap:var(--sp-8);flex-wrap:wrap;margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid rgba(255,255,255,.15)}.sector-stat{display:flex;flex-direction:column;gap:var(--sp-1)}.sector-stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--white);line-height:1}.sector-stat-value span{color:var(--sector-accent)}.sector-stat-label{font-size:var(--text-xs);color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.08em}.sector-hero-visual{position:relative;width:240px;height:240px;flex-shrink:0}.sector-icon-ring{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--sector-accent) 30%,transparent);animation:ring-pulse 3s ease-in-out infinite}.sector-icon-ring:nth-child(2){inset:20px;border-color:color-mix(in srgb,var(--sector-accent) 20%,transparent);animation-delay:1s}.sector-icon-center{position:absolute;top:50%;left:50%;translate:-50% -50%;width:72px;height:72px;background:color-mix(in srgb,var(--sector-accent) 20%,transparent);border:2px solid var(--sector-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}@keyframes ring-pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:1}}.why-web-section{background:var(--bg-secondary);position:relative;overflow:hidden}.why-web-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 50%,color-mix(in srgb,var(--sector-accent) 8%,transparent),transparent 60%);pointer-events:none}.why-web-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-6)}.why-web-item{display:flex;flex-direction:column;gap:var(--sp-3)}.why-web-number{width:40px;height:40px;background:linear-gradient(135deg,var(--sector-accent),var(--secondary));border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:800;color:var(--white);flex-shrink:0}.why-web-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.why-web-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin:0}.why-web-desc a{color:inherit;text-decoration:none;font-size:inherit;font-weight:500;transition:opacity var(--t-fast)}.why-web-desc a:hover{opacity:.7}.professions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--sp-5)}.profession-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--r-xl);padding:var(--sp-5);position:relative;overflow:hidden;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base)}.profession-card::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--sector-accent),var(--secondary));transition:width var(--t-slow) var(--ease-out)}.profession-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--sector-accent) 50%,var(--border-primary))}.profession-card:hover::before{width:100%}.profession-card-icon{width:44px;height:44px;background:var(--sector-light);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);font-size:1.3rem;transition:background var(--t-base),transform var(--t-base) var(--ease-out);flex-shrink:0}.profession-card:hover .profession-card-icon{background:color-mix(in srgb,var(--sector-accent) 25%,transparent);transform:scale(1.08)}.profession-card-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2);line-height:1.2}.profession-card-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55;flex:1;margin-bottom:var(--sp-3)}.profession-card-cta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--sector-accent-2);margin-top:auto;transition:gap var(--t-fast),color var(--t-fast)}.profession-card:hover .profession-card-cta{gap:var(--sp-2);color:var(--secondary)}.profession-card-cta svg{width:14px;height:14px;flex-shrink:0;transition:transform var(--t-fast)}.profession-card:hover .profession-card-cta svg{transform:translateX(3px)}.profession-card-priority{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;padding:2px var(--sp-2);border-radius:var(--r-full);margin-top:auto}.priority-1{background:#dcfce7;color:#166534}.priority-2{background:#fef9c3;color:#854d0e}.priority-3{background:#f1f5f9;color:#64748b}.portfolio-ref-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:box-shadow var(--t-base) var(--ease-out)}.portfolio-ref-card:hover{box-shadow:var(--shadow-xl)}@media (max-width:768px){.portfolio-ref-card{grid-template-columns:1fr}}.portfolio-ref-preview{position:relative;min-height:260px;background:var(--bg-muted);overflow:hidden}.portfolio-ref-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--t-slow) var(--ease-out)}.portfolio-ref-card:hover .portfolio-ref-preview img{transform:scale(1.03)}.portfolio-ref-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(15,23,42,.7) 100%);display:flex;align-items:flex-end;padding:var(--sp-5);opacity:0;transition:opacity var(--t-base)}.portfolio-ref-card:hover .portfolio-ref-overlay{opacity:1}.portfolio-ref-overlay-link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--white);color:var(--primary-dark)!important;border-radius:var(--r-full);font-size:var(--text-sm);font-weight:600}.portfolio-ref-content{padding:var(--sp-8);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4)}.portfolio-ref-tag{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sector-accent-2)}.portfolio-ref-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.portfolio-ref-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.65;margin:0}.portfolio-ref-tech{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.portfolio-ref-tech span{padding:var(--sp-1) var(--sp-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.pack-section{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);position:relative;overflow:hidden}.pack-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--sector-accent) 12%,transparent) 0,transparent 55%),radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--secondary) 10%,transparent) 0,transparent 45%);pointer-events:none}.pack-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:var(--sp-12);align-items:center}@media (max-width:768px){.pack-inner{grid-template-columns:1fr}}.pack-eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sector-accent);margin-bottom:var(--sp-3);display:block}.pack-title{font-size:var(--text-4xl);font-weight:800;color:var(--white);margin-bottom:var(--sp-5);-webkit-text-fill-color:var(--white);background:0 0}.pack-desc{font-size:var(--text-lg);color:rgba(255,255,255,.75);line-height:1.65;margin-bottom:var(--sp-8);max-width:540px}.pack-desc a{color:inherit;text-decoration:none;font-size:inherit;font-weight:500;transition:opacity var(--t-fast)}.pack-desc a:hover{opacity:.75}.pack-includes{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-8)}.pack-include-item{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:rgba(255,255,255,.85)}.pack-include-icon{width:20px;height:20px;color:var(--sector-accent);flex-shrink:0}.pack-cta-block{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-2xl);padding:var(--sp-8);min-width:260px;text-align:center;backdrop-filter:blur(8px)}.pack-price-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6);margin-bottom:var(--sp-2)}.pack-price{font-size:var(--text-4xl);font-weight:800;color:var(--white);line-height:1;margin-bottom:var(--sp-1)}.pack-price-note{font-size:var(--text-sm);color:rgba(255,255,255,.55);margin-bottom:var(--sp-6)}.pack-cta-block .btn{width:100%;justify-content:center;padding-block:var(--sp-4);font-size:var(--text-lg)}.pack-guarantee{margin-top:var(--sp-4);font-size:var(--text-xs);color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;gap:var(--sp-1)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);position:relative}.process-steps::before{content:'';position:absolute;top:28px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:1px;background:linear-gradient(90deg,var(--sector-accent) 0,var(--secondary) 100%);opacity:.3}@media (max-width:768px){.process-steps{grid-template-columns:1fr 1fr}.process-steps::before{display:none}}@media (max-width:480px){.process-steps{grid-template-columns:1fr}}.process-step{text-align:center;position:relative}.process-step-num{width:56px;height:56px;background:linear-gradient(135deg,var(--sector-accent),var(--sector-accent-2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;color:var(--white);margin:0 auto var(--sp-4);position:relative;z-index:1;box-shadow:0 4px 16px color-mix(in srgb,var(--sector-accent) 40%,transparent)}.process-step-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2)}.process-step-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55;margin:0}}@layer footer{.s-footer{background:var(--gray-900);color:var(--white);padding:var(--sp-16) 0 var(--sp-8);width:100%}.s-footer .container{max-width:1600px}.s-footer-top{display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-12);margin-bottom:var(--sp-12);align-items:start}@media (max-width:768px){.s-footer-top{grid-template-columns:1fr;gap:var(--sp-8)}}.s-footer-brand-block .brand-text{margin-bottom:var(--sp-4);color:var(--white)}.s-footer-brand-block .brand-text .brand-first,.s-footer-brand-block .brand-text .brand-second{color:var(--white)}.s-footer-brand-block .brand-text .brand-second.accent{color:var(--secondary)}.s-footer-tagline{color:var(--gray-400);line-height:var(--leading-relaxed);margin:0;font-size:var(--text-sm)}.s-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}@media (max-width:640px){.s-footer-links{grid-template-columns:1fr}}.footer-column h5{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--sp-4);color:var(--white)}.footer-toggle{background:0 0;border:none;cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--white);padding:0;font-family:var(--font-base);width:100%;text-align:left}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:var(--sp-2);color:var(--gray-400)}.footer-column a{color:var(--gray-300);transition:var(--transition-colors)}.footer-column a:hover{color:var(--secondary)}@media (max-width:640px){.footer-column ul{display:none}.footer-column.active ul{display:block}.footer-toggle::after{content:' +'}.footer-column.active .footer-toggle::after{content:' −'}}.s-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--sp-8);flex-wrap:wrap;gap:var(--sp-4);border-top:1px solid rgba(255,255,255,.08)}.s-footer-copy{color:var(--gray-400);font-size:var(--text-sm);margin:0}.s-footer-tech{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--gray-500)}.s-footer-tech span:last-child{color:var(--secondary);font-weight:var(--font-medium)}}@layer utilities{.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out);will-change:transform,opacity;contain:layout style paint}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--primary-light) 0,var(--or-doux) 50%,var(--terre-cuite) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;padding:var(--sp-3) var(--sp-4);background:rgba(255,255,255,.97);border-top:1px solid var(--border-primary);backdrop-filter:blur(8px);z-index:calc(var(--z-nav) - 1);box-shadow:0 -4px 16px rgba(0,0,0,.08)}.sticky-cta .btn{width:100%;justify-content:center;padding-block:var(--sp-4);font-size:var(--text-base)}.sticky-cta.hidden{display:none!important}@media (max-width:768px){.sticky-cta{display:block}}}