:root{--bg:#09090b;--bg-subtle:#0d0d10;--surface:#18181b;--surface-2:#1f1f24;--border:#27272a;--border-light:#3f3f46;--accent:#7e22ce;--accent-2:#a855f7;--accent-glow:rgba(126,34,206,0.3);--accent-dim:rgba(126,34,206,0.08);--text:#fafafa;--text-muted:#a1a1aa;--text-subtle:#52525b;--white:#ffffff;--radius:12px;--radius-sm:8px;--radius-lg:20px;--ease:cubic-bezier(0.4,0,0.2,1);--transition:0.3s var(--ease);--transition-slow:0.6s var(--ease);--focus-ring:0 0 0 3px rgba(168,85,247,0.6)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"DM Sans",sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-family:"Poppins",sans-serif;line-height:1.15}p{margin:0}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:3px}button:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.form-input:focus-visible,.form-textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.section-eyebrow{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.18em;color:var(--accent-2);margin-bottom:1rem;font-family:"Poppins",sans-serif}.section-eyebrow::before{content:"";width:18px;height:1px;background:var(--accent-2)}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--white);margin-bottom:0.8rem;letter-spacing:-0.03em}.section-title span{color:var(--accent-2)}.section-subtitle{font-size:0.95rem;color:var(--text-muted);max-width:480px;line-height:1.75}.btn{display:inline-flex;align-items:center;gap:0.45rem;padding:0.75rem 1.5rem;border-radius:var(--radius-sm);font-family:"Poppins",sans-serif;font-weight:600;font-size:0.88rem;cursor:pointer;transition:var(--transition);border:none;white-space:nowrap;letter-spacing:0.01em}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-2);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent-2);color:var(--accent-2);background:var(--accent-dim)}.form-alert{display:flex;align-items:center;gap:0.7rem;padding:0.9rem 1.2rem;border-radius:var(--radius-sm);font-size:0.88rem;font-family:"Poppins",sans-serif;font-weight:600;margin-bottom:1.5rem}.form-alert--error{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.35);color:#f87171}.form-alert--success{background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.35);color:#4ade80}.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}
.navbar{position:sticky;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:background var(--transition),padding var(--transition),box-shadow var(--transition)}.navbar.scrolled{background:rgba(9,9,11,0.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:0.75rem 0;box-shadow:0 1px 0 rgba(255,255,255,0.05)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:38px;width:auto;transition:opacity var(--transition);opacity:0.9}.navbar-logo img:hover{opacity:1}.navbar-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.navbar-links > li{position:relative}.navbar-links a{font-family:"Poppins",sans-serif;font-size:0.82rem;font-weight:500;color:var(--text-muted);transition:color var(--transition);letter-spacing:0.03em;position:relative}.navbar-links a:hover{color:var(--white)}.navbar-links a:not(.navbar-cta)::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-2);border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform 0.25s var(--ease)}.navbar-links a:not(.navbar-cta):hover::after,.navbar-links a.active:not(.navbar-cta)::after{transform:scaleX(1)}.navbar-cta{padding:0.5rem 1.1rem;font-size:0.8rem}.navbar-dropdown-trigger{display:inline-flex;align-items:center;gap:0.35rem;cursor:pointer}.navbar-dropdown-icon{font-size:0.6rem;transition:transform var(--transition);color:var(--text-subtle)}.navbar-has-dropdown:hover .navbar-dropdown-icon,.navbar-has-dropdown:focus-within .navbar-dropdown-icon{transform:rotate(180deg);color:var(--accent-2)}.navbar-dropdown{list-style:none;position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-6px);min-width:210px;padding-top:14px;box-sizing:content-box;z-index:200;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease}.navbar-dropdown::after{content:'';position:absolute;top:14px;left:0;right:0;bottom:0;background:rgba(18,18,22,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 48px rgba(0,0,0,0.5);z-index:-1}.navbar-dropdown::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:rgba(18,18,22,0.97);border-top:1px solid var(--border);border-left:1px solid var(--border);z-index:1}.navbar-has-dropdown:hover .navbar-dropdown,.navbar-has-dropdown:focus-within .navbar-dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.navbar-dropdown li a{display:block;padding:0.6rem 1.2rem;font-size:0.8rem;font-weight:500;color:var(--text-muted);transition:color var(--transition),background var(--transition);white-space:nowrap;letter-spacing:0.01em;position:relative}.navbar-dropdown li a:hover{color:var(--accent-2);background:var(--accent-dim)}.navbar-dropdown li a::after{display:none !important}.navbar-dropdown li + li{border-top:1px solid rgba(255,255,255,0.03)}.navbar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:8px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.navbar-toggle:hover{border-color:var(--border-light)}.navbar-toggle.open{border-color:var(--border-light)}.navbar-toggle span{display:block;width:20px;height:2px;background:var(--text-muted);border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease,background 0.3s ease;transform-origin:center}.navbar-toggle.open span{background:var(--white)}.navbar-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){.navbar-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;list-style:none;background:#0d0d10;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 12px 32px rgba(0,0,0,0.5);max-height:0;overflow:hidden;transition:max-height 0.3s ease}.navbar-links.open{max-height:700px}.navbar-links a::after{display:none !important}.navbar-links > li{border-bottom:1px solid rgba(255,255,255,0.05)}.navbar-links > li:last-child{border-bottom:none}.navbar-links > li > a{display:flex;align-items:center;padding:0.9rem 1.4rem;font-size:0.88rem;font-weight:500;color:var(--text-muted);transition:color 0.2s ease,background 0.2s ease}.navbar-links > li > a:hover{color:var(--white);background:rgba(255,255,255,0.03)}.navbar-links > li > a.active{color:var(--accent-2)}.navbar-has-dropdown .navbar-dropdown-icon{display:inline;margin-left:auto;font-size:0.65rem;transform:rotate(-90deg);transition:transform 0.25s ease,color 0.2s ease}.navbar-has-dropdown.dropdown-open .navbar-dropdown-icon{transform:rotate(0deg);color:var(--accent-2)}.navbar-has-dropdown.dropdown-open > a{color:var(--white)}.navbar-dropdown{position:static;transform:none !important;opacity:1 !important;pointer-events:auto !important;background:rgba(255,255,255,0.02);border:none;border-top:1px solid rgba(255,255,255,0.05);box-shadow:none;backdrop-filter:none;padding:0;min-width:0;max-height:0;overflow:hidden;transition:max-height 0.28s ease}.navbar-has-dropdown.dropdown-open .navbar-dropdown{max-height:400px}.navbar-dropdown::before,.navbar-dropdown::after{display:none}.navbar-dropdown li + li{border-top:1px solid rgba(255,255,255,0.03)}.navbar-dropdown li a{padding:0.65rem 1.4rem 0.65rem 2.6rem;font-size:0.81rem;font-weight:400;color:var(--text-subtle);white-space:normal;letter-spacing:0}.navbar-dropdown li a:hover{color:var(--accent-2);background:rgba(126,34,206,0.06)}.navbar-links .navbar-cta{display:flex;align-items:center;background:none;border:none;border-radius:0;padding:0.9rem 1.4rem;font-family:"Poppins",sans-serif;font-size:0.88rem;font-weight:600;color:var(--accent-2)}.navbar-links .navbar-cta:hover{background:rgba(126,34,206,0.08);color:var(--white)}.navbar-links .navbar-cta i{margin-right:0.5rem}}
.navbar-end {
  display: none;
}

.navbar-mobile-tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--accent-2);
  font-size: 0.78rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  transition: border-color var(--transition), background var(--transition);
}

.navbar-mobile-tel:hover {
  border-color: var(--accent-2);
  background: var(--accent-dim);
}

@media (max-width: 768px) {
  .navbar-end {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
.footer{background:var(--bg-subtle);border-top:1px solid var(--border);padding:2.8rem 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-logo img{height:30px;width:auto;opacity:0.7;transition:opacity var(--transition)}.footer-logo img:hover{opacity:1}.footer-copy{font-size:0.75rem;color:var(--text-subtle);text-align:center;line-height:1.9}.footer-legal-links{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.7rem;color:var(--text-subtle)}.footer-legal-links a{color:var(--text-subtle);transition:color var(--transition)}.footer-legal-links a:hover{color:var(--accent-2)}.footer-links{display:flex;gap:0.7rem}.footer-links a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;color:var(--text-subtle);font-size:0.82rem;transition:var(--transition)}.footer-links a:hover{border-color:var(--accent);color:var(--accent-2);background:var(--accent-dim)}
.hero{min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:4rem 0 6rem}.hero-banner-bg{position:absolute;inset:0;background-image:url("../../assets/illustration-clermont-ferrand-puy-de-dome-jessy-frachisse.webp");background-size:contain;background-repeat:no-repeat;opacity:1;z-index:0}.hero-glow{position:absolute;top:15%;right:5%;width:600px;height:600px;background:radial-gradient( circle,rgba(126,34,206,0.1) 0%,transparent 65% );z-index:0;pointer-events:none}.hero .container{position:relative;z-index:1}.hero-layout{display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:stretch;min-height:60vh}.hero-left{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:1rem}.hero-available{display:inline-flex;align-items:center;gap:0.5rem;background:var(--accent-dim);border:1px solid rgba(126,34,206,0.4);border-radius:9999px;padding:0.35rem 0.9rem;font-size:0.76rem;font-weight:500;color:var(--accent-2);margin-bottom:1.8rem;letter-spacing:0.03em;font-family:"Poppins",sans-serif;width:fit-content}.hero-available .dot{width:7px;height:7px;background:var(--accent-2);border-radius:50%;position:relative;flex-shrink:0}.hero-available .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent-2);animation:pulse-accent 2s ease-out infinite}@keyframes pulse-accent{0%{transform:scale(1);opacity:0.6}100%{transform:scale(4);opacity:0}}.hero-name{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;color:var(--white);line-height:0.92;margin-bottom:0.15em;letter-spacing:-0.04em}.hero-name .accent{color:var(--accent-2)}.hero-tagline{font-family:"DM Sans",sans-serif;font-size:clamp(0.9rem,1.5vw,1rem);color:var(--text-muted);margin:1.2rem 0 0.5rem;font-style:italic}.hero-description{font-size:0.95rem;color:var(--text-muted);max-width:420px;line-height:1.8;margin:0.8rem 0 2.2rem}.hero-cta{display:flex;gap:0.85rem;flex-wrap:wrap;margin-bottom:3rem}.btn-hero{font-size:0.88rem;padding:0.75rem 1.5rem}.hero-meta{display:flex;justify-content:center;align-items:center;gap:2.5rem;padding-top:2.5rem;margin-top:3rem;border-top:1px solid var(--border);flex-wrap:wrap}.hero-meta-item{font-size:0.74rem;color:var(--text-subtle);display:flex;align-items:center;gap:0.45rem;font-family:"Poppins",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:0.06em}.hero-meta-item i{color:var(--accent-2);font-size:0.8rem}.hero-right{display:flex;justify-content:center;align-items:center}.hero-logo-wrap{position:relative;display:flex;justify-content:center;align-items:center}.hero-logo-glow{position:absolute;width:320px;height:320px;background:radial-gradient( circle,rgba(126,34,206,0.15) 0%,transparent 65% );border-radius:50%;animation:hero-logo-glow 3.5s ease-in-out infinite}@keyframes hero-logo-glow{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.hero-logo-img{width:280px;height:auto;position:relative;z-index:1;animation:hero-logo-float 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(126,34,206,0.25))}@keyframes hero-logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-scroll{position:absolute;bottom:12.5rem;left:50%;display:flex;flex-direction:column;align-items:center;gap:0.4rem;color:var(--text-subtle)}.hero-scroll-mouse{width:22px;height:34px;border:2px solid var(--border-light);border-radius:11px;position:relative;display:flex;justify-content:center}.hero-scroll-mouse::before{content:"";width:3px;height:6px;background:var(--accent-2);border-radius:2px;position:absolute;top:5px;animation:scroll-dot 1.8s ease-in-out infinite}@keyframes scroll-dot{0%{transform:translateY(0);opacity:1}80%{transform:translateY(11px);opacity:0}100%{transform:translateY(0);opacity:0}}.hero-cta-reassurance{font-size:0.75rem;color:var(--text-subtle);margin-top:-1.4rem;margin-bottom:2.2rem;letter-spacing:0.04em;font-family:"Poppins",sans-serif;}
.services{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:3rem}.service-card{display:block;color:inherit;text-decoration:none;background:var(--surface);padding:2.5rem;transition:background var(--transition);position:relative;overflow:hidden}.service-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease)}.service-card:hover::after{transform:scaleX(1)}.service-card:hover{background:var(--surface-2)}.service-icon{width:50px;height:50px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid rgba(126,34,206,0.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent-2);margin-bottom:1.3rem;transition:var(--transition)}.service-card:hover .service-icon{background:var(--accent);border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow);color:var(--white)}.service-name{font-family:"Poppins",sans-serif;font-weight:700;font-size:1.1rem;color:var(--white);margin-bottom:0.6rem}.service-desc{font-size:0.875rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}.service-footer{display:flex;align-items:center;justify-content:space-between}.service-price{font-family:"Poppins",sans-serif;font-weight:800;font-size:1.05rem;color:var(--accent-2);display:flex;flex-direction:column;gap:0.15rem}.service-price small{font-weight:400;font-size:0.73rem;color:var(--text-subtle);font-family:"DM Sans",sans-serif}.service-link-arrow{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:0.72rem;color:var(--text-subtle);flex-shrink:0;transition:var(--transition)}.service-card:hover .service-link-arrow{border-color:var(--accent-2);color:var(--accent-2);background:var(--accent-dim);transform:translateX(3px)}.services-more{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.5rem;justify-content:center}.services-more-link{display:inline-flex;align-items:center;gap:0.55rem;padding:0.55rem 1.1rem;border:1px solid var(--border);border-radius:999px;font-size:0.78rem;font-family:"Poppins",sans-serif;font-weight:600;color:var(--text-subtle);transition:var(--transition)}.services-more-link i:last-child{font-size:0.65rem;transition:transform var(--transition)}.services-more-link:hover{border-color:var(--accent-2);color:var(--accent-2);background:var(--accent-dim)}.services-more-link:hover i:last-child{transform:translateX(3px)}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.project-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.project-card:hover{border-color:rgba(126,34,206,0.5);box-shadow:0 0 0 1px rgba(126,34,206,0.15),0 24px 60px rgba(0,0,0,0.5);transform:translateY(-5px)}.project-img-wrap{overflow:hidden;height:210px;background:var(--surface-2)}.project-img{width:100%;height:100%;object-fit:contain;filter:grayscale(15%);transition:transform 0.6s var(--ease),filter 0.6s var(--ease)}.project-card:hover .project-img{transform:scale(1.05);filter:grayscale(0%)}.project-info{padding:1.5rem}.project-badges{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:0.7rem}.badge{display:inline-block;padding:0.15rem 0.6rem;font-size:0.65rem;font-weight:600;background:var(--accent-dim);color:var(--accent-2);border:1px solid rgba(168,85,247,0.2);border-radius:9999px;font-family:"Poppins",sans-serif;letter-spacing:0.06em;text-transform:uppercase}.project-title{font-family:"Poppins",sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:0.45rem}.project-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.1rem}.project-link{font-size:0.78rem;font-weight:600;font-family:"Poppins",sans-serif;color:var(--accent-2);display:inline-flex;align-items:center;gap:0.3rem;transition:gap var(--transition)}.project-link:hover{gap:0.5rem}.project-link.disabled{color:var(--text-subtle);pointer-events:none}
.about{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;align-items:center;margin-top:2rem}.about-logo-wrap{display:flex;justify-content:center;align-items:center;position:relative}.about-logo-wrap::before{content:"";position:absolute;width:250px;height:250px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;animation:about-glow 3s ease-in-out infinite}@keyframes about-glow{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.about-logo{width:200px;height:auto;position:relative;z-index:1;animation:about-float 5s ease-in-out infinite}@keyframes about-float{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(-1deg)}66%{transform:translateY(-5px) rotate(1deg)}}.about-text h2{font-size:clamp(1.8rem,3.5vw,2.4rem);color:var(--white);font-weight:800;letter-spacing:-0.03em;margin-bottom:1.3rem}.about-text p{font-size:0.93rem;color:var(--text-muted);line-height:1.82;margin-bottom:0.9rem}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:0.7rem;margin-top:1.8rem}.about-value{display:flex;align-items:center;gap:0.6rem;font-size:0.83rem;font-family:"Poppins",sans-serif;font-weight:600;color:var(--text-muted);padding:0.6rem 0.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition)}.about-value:hover{border-color:rgba(168,85,247,0.3);color:var(--text)}.about-value i{color:var(--accent-2);font-size:0.8rem}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:3rem}.stat-item{background:var(--surface);padding:2.5rem 1.5rem;text-align:center;transition:background var(--transition);position:relative}.stat-item::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transition:transform 0.4s var(--ease)}.stat-item:hover{background:var(--surface-2)}.stat-item:hover::after{transform:scaleX(1)}.stat-number{font-family:"Poppins",sans-serif;font-size:3.2rem;font-weight:800;color:var(--white);line-height:1;margin-bottom:0.4rem;letter-spacing:-0.03em}.stat-number span{color:var(--accent-2)}.stat-label{font-size:0.73rem;color:var(--text-subtle);font-family:"Poppins",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.1em}
.pricing{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pricing-rate{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1.4rem 2rem;margin:2.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pricing-rate-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.pricing-rate-label{font-family:"Poppins",sans-serif;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--accent-2);font-weight:600}.pricing-rate-values{display:flex;align-items:center;gap:1rem}.pricing-rate-value{font-family:"Poppins",sans-serif;font-weight:800;font-size:1.6rem;color:var(--white)}.pricing-rate-value small{font-size:0.8rem;font-weight:400;color:var(--text-muted);font-family:"DM Sans",sans-serif}.pricing-rate-sep{color:var(--border-light);font-size:1.2rem}.pricing-rate-note{font-size:0.75rem;color:var(--text-subtle);font-style:italic}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.pricing-item{background:var(--surface);padding:2rem 2.2rem;transition:background var(--transition);display:flex;flex-direction:column;position:relative;overflow:hidden}.pricing-item:hover{background:var(--surface-2)}.pricing-item::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left center;transition:transform 0.4s var(--ease)}.pricing-item:hover::after{transform:scaleX(1)}.pricing-item.featured{border-top:3px solid var(--accent)}.pricing-item-header{margin-bottom:1rem}.pricing-item-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid rgba(126,34,206,0.2);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent-2);margin-bottom:0.9rem;transition:var(--transition)}.pricing-item:hover .pricing-item-icon{background:var(--accent);border-color:var(--accent);color:var(--white);box-shadow:0 0 20px var(--accent-glow)}.pricing-item-name{font-family:"Poppins",sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:0.2rem}.pricing-item-sub{font-size:0.75rem;color:var(--text-subtle)}.pricing-item-price{font-family:"Poppins",sans-serif;font-weight:800;font-size:2rem;color:var(--accent-2);letter-spacing:-0.02em;margin-bottom:1.2rem;line-height:1}.pricing-item-price small{font-size:0.9rem;font-weight:500;color:var(--text-muted);font-family:"DM Sans",sans-serif}.pricing-item-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0.4rem;flex:1}.pricing-item-list li{font-size:0.82rem;color:var(--text-muted);display:flex;align-items:center;gap:0.5rem}.pricing-item-list li::before{content:"→";color:var(--accent-2);font-size:0.7rem;flex-shrink:0}.pricing-item-details{display:inline-flex;align-items:center;gap:0.4rem;margin-top:1.4rem;font-size:0.78rem;font-family:"Poppins",sans-serif;font-weight:600;color:var(--text-subtle);transition:var(--transition)}.pricing-item-details i{font-size:0.65rem;transition:transform var(--transition)}.pricing-item-details:hover{color:var(--accent-2)}.pricing-item-details:hover i{transform:translateX(3px)}
.faq-list{margin-top:3rem;display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.faq-item{background:var(--surface);transition:background var(--transition)}.faq-item.open{background:var(--surface-2)}.faq-question{appearance:none;background:none;border:none;font:inherit;color:inherit;cursor:pointer;width:100%;padding:1.3rem 1.8rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none;transition:background var(--transition);text-align:left}.faq-question:hover{background:rgba(255,255,255,0.02)}.faq-q-text{font-family:"Poppins",sans-serif;font-weight:600;font-size:0.92rem;color:var(--white)}.faq-icon{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--text-muted);flex-shrink:0;transition:var(--transition);pointer-events:none}.faq-item.open .faq-icon{background:var(--accent);border-color:var(--accent);color:var(--white);transform:rotate(45deg);box-shadow:0 0 12px var(--accent-glow)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.45s ease,padding 0.3s ease;padding:0 1.8rem}.faq-item.open .faq-answer{max-height:300px;padding:0 1.8rem 1.4rem}.faq-answer p{font-size:0.88rem;color:var(--text-muted);line-height:1.72}
.contact-section{background:var(--bg-subtle);border-top:1px solid var(--border)}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start;margin-top:3rem}.contact-info h3{font-family:"Poppins",sans-serif;font-size:1.4rem;color:var(--white);margin-bottom:0.9rem;font-weight:700}.contact-info p{font-size:0.88rem;color:var(--text-muted);line-height:1.8;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:0.75rem}.contact-link{display:flex;align-items:center;gap:0.85rem;color:var(--text-muted);font-size:0.88rem;padding:0.85rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:var(--transition)}.contact-link:hover{border-color:var(--accent);color:var(--white);background:var(--accent-dim)}.contact-link-icon{width:34px;height:34px;border-radius:7px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--accent-2);flex-shrink:0}.contact-link-text{flex:1}.contact-link-label{font-family:"Poppins",sans-serif;font-weight:600;font-size:0.8rem;display:block}.contact-link-value{font-size:0.78rem;color:var(--text-subtle)}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-family:"Poppins",sans-serif;font-size:0.7rem;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem}.form-input,.form-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.8rem 1rem;color:var(--text);font-family:"DM Sans",sans-serif;font-size:0.9rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-subtle)}.form-textarea{resize:vertical;min-height:130px;line-height:1.65}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.form-rgpd{font-size:0.7rem;color:var(--text-subtle);flex:1;line-height:1.6}.form-submit{min-width:160px;justify-content:center}.form-submit:disabled{opacity:0.7;cursor:not-allowed;transform:none !important}.contact-tel-btn{display:inline-flex;align-items:center;gap:0.6rem;margin:1.4rem 0 1.8rem;font-size:0.88rem;padding:0.75rem 1.4rem;}
@media (max-width:1024px){.about-layout{grid-template-columns:1fr;gap:3rem}.about-logo-wrap{order:-1}.about-logo{width:160px}.hero-layout{grid-template-columns:1fr;gap:2.5rem}.hero-right{display:none}.hero-name{font-size:clamp(3rem,8vw,5rem)}}@media (max-width:900px){.projects-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr;gap:3rem}.pricing-cards{grid-template-columns:1fr}}@media (max-width:768px){.section{padding:4rem 0}.services-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.pricing-rate{flex-direction:column;align-items:flex-start}.hero-scroll{display:none}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.contact-form{padding:1.6rem}.footer-inner{flex-direction:column;text-align:center}}@media (max-width:480px){.container{padding:0 1.2rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%;justify-content:center}.about-values{grid-template-columns:1fr}.hero-meta{gap:1.2rem}.pricing-rate-inner{flex-direction:column;gap:0.5rem}}
.scroll-nav{position:fixed;bottom:2rem;right:2rem;z-index:90;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity 0.3s var(--ease),transform 0.3s var(--ease)}.scroll-nav.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-nav-btn{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.72rem;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.scroll-nav-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-2);transform:scale(1.07)}.scroll-nav-btn:disabled{opacity:0.25;cursor:not-allowed;transform:none;pointer-events:none}@media (max-width:768px){.scroll-nav{bottom:1.5rem;right:1.25rem}.scroll-nav-btn{width:36px;height:36px}}