:root{color-scheme:light;--main-blue-color: #1d4ed8;--main-orange-color: #f97316;--main-green-color: #10b981;--brand: var(--main-blue-color);--brand-strong: #2563eb;--brand-soft: #60a5fa;--brand-2: var(--main-orange-color);--brand-2-soft: #fbbf24;--bg: #f5f9ff;--bg-spot-1: rgba(29, 78, 216, .12);--bg-spot-2: rgba(249, 115, 22, .12);--card: #ffffff;--muted: #52606d;--text: #0f172a;--ring: rgba(29, 78, 216, .35);--shadow: 0 8px 30px rgba(15, 23, 42, .12);--radius: 18px;--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .16);--header-bg: rgba(255, 255, 255, .78);--header-border: rgba(15, 23, 42, .12);--header-height: 80px;--chip-bg: rgba(29, 78, 216, .06);--chip-border: rgba(15, 23, 42, .14);--btn-text: #07112e;--title-color: #111827;--soft-surface: #eef3ff;--mobile-nav-bg: rgba(250, 252, 255, .94);--nav-hover: rgba(7, 17, 46, .08);--slogan-text: var(--text);--showcase-bg: linear-gradient(160deg, #f8fafc 0%, #eef2ff 55%, #fef3e8 100%);--showcase-body-bg: radial-gradient(1200px 600px at 70% -10%, rgba(251, 146, 60, .12), transparent 60%), radial-gradient(1000px 520px at 10% -10%, rgba(52, 211, 153, .1), transparent 60%), linear-gradient(160deg, #f8fafc 0%, #eef2ff 55%, #fef3e8 100%);--showcase-text: #0f172a;--showcase-text-muted: #475569;--showcase-title: #0f172a;--showcase-grid-stroke: rgba(15, 23, 42, .06);--showcase-card-bg: rgba(255, 255, 255, .78);--showcase-card-border: rgba(15, 23, 42, .12);--showcase-card-subtitle: #475569;--showcase-chip-bg: rgba(15, 23, 42, .06);--showcase-chip-border: rgba(15, 23, 42, .14);--showcase-chip-text: #0f172a;--showcase-scrolled-header-bg: rgba(255, 255, 255, .85);--showcase-scrolled-header-border: rgba(15, 23, 42, .12);--showcase-scrolled-header-text: #0f172a}:root[data-theme=dark]{color-scheme:dark;--main-blue-color: #3b82f6;--main-orange-color: #f97316;--main-green-color: #10b981;--brand: var(--main-blue-color);--brand-strong: #1d4ed8;--brand-soft: var(--main-blue-color);--brand-2: var(--main-orange-color);--brand-2-soft: #f59e0b;--bg: #070b12;--bg-spot-1: rgba(29, 78, 216, .24);--bg-spot-2: rgba(249, 115, 22, .2);--card: rgba(16, 18, 24, .88);--muted: #c0c6d1;--text: #e9edf5;--ring: rgba(249, 115, 22, .38);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--header-bg: rgba(11, 12, 16, .67);--header-border: rgba(255, 255, 255, .08);--chip-bg: rgba(29, 78, 216, .12);--chip-border: rgba(255, 255, 255, .14);--btn-text: #04080f;--title-color: #f8fafc;--soft-surface: rgba(255, 255, 255, .04);--mobile-nav-bg: rgba(9, 13, 22, .96);--nav-hover: rgba(255, 255, 255, .08);--slogan-text: #ffffff;--showcase-bg: linear-gradient(160deg, #0b0e18 0%, #0f1424 55%, #141b31 100%);--showcase-body-bg: radial-gradient(1200px 600px at 70% -10%, rgba(251, 146, 60, .12), transparent 60%), radial-gradient(1000px 520px at 10% -10%, rgba(52, 211, 153, .1), transparent 60%), linear-gradient(160deg, #0b0e18 0%, #0f1424 55%, #141b31 100%);--showcase-text: #ffffff;--showcase-text-muted: rgba(255, 255, 255, .78);--showcase-title: #ffffff;--showcase-grid-stroke: rgba(255, 255, 255, .05);--showcase-card-bg: rgba(11, 14, 24, .55);--showcase-card-border: rgba(255, 255, 255, .12);--showcase-card-subtitle: rgba(255, 255, 255, .6);--showcase-chip-bg: rgba(255, 255, 255, .08);--showcase-chip-border: rgba(255, 255, 255, .18);--showcase-chip-text: rgba(255, 255, 255, .9);--showcase-scrolled-header-bg: rgba(11, 14, 24, .72);--showcase-scrolled-header-border: rgba(255, 255, 255, .08);--showcase-scrolled-header-text: #ffffff}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,var(--bg-spot-1),transparent 60%),radial-gradient(1000px 520px at 10% -10%,var(--bg-spot-2),transparent 60%),var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:1120px;margin-inline:auto;padding:clamp(16px,4vw,32px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}}html.snap-metiers{scroll-snap-type:y mandatory;scroll-padding-top:var(--header-height, 80px)}html.snap-metiers .metier-row,html.snap-metiers .page-cta-section{scroll-snap-align:start;scroll-snap-stop:always}@media (prefers-reduced-motion: reduce){html.snap-metiers{scroll-snap-type:none}}body.page-dark{background:var(--showcase-body-bg);transition:background .3s ease}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;background:var(--main-blue-color);color:#fff!important;border-radius:12px;font-weight:650;box-shadow:var(--shadow);border:0;cursor:pointer;font-size:inherit;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn>*{position:relative;z-index:1;color:inherit}.btn:hover{background:#2563eb;color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 32px #1d4ed84d,0 0 0 1px #ffffff1a}.btn:active{transform:translateY(0);background:var(--main-blue-color);color:#fff!important}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}[data-theme=dark] .btn{background:var(--main-orange-color);color:#fff!important;box-shadow:0 4px 16px #f973164d,0 0 0 1px #ffffff0d}[data-theme=dark] .btn:hover{background:var(--main-orange-color);filter:brightness(1.12);color:#fff!important;box-shadow:0 8px 24px #f9731673,0 0 0 1px #ffffff1a;transform:translateY(-2px)}[data-theme=dark] .btn:active{transform:translateY(0);filter:brightness(1);background:var(--main-orange-color);color:#fff!important}.btn.secondary,.btn.btn-secondary{background:transparent!important;border:1px solid var(--border);color:var(--text)!important;box-shadow:none}.btn.secondary:before,.btn.btn-secondary:before{display:none}.btn.secondary:hover,.btn.btn-secondary:hover{background:var(--soft-surface)!important;color:var(--text)!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .btn.secondary:hover,[data-theme=dark] .btn.btn-secondary:hover{background:#ffffff14!important;color:var(--text)!important;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .btn.secondary,[data-theme=dark] .btn.btn-secondary{color:var(--text)!important}.btn-whatsapp,.btn.secondary.btn-whatsapp{background:#25d366;color:#fff!important;border:0;box-shadow:0 4px 16px #25d3664d,0 0 0 1px #ffffff1a}.btn-whatsapp:before,.btn.secondary.btn-whatsapp:before{display:none}.btn-whatsapp:hover,.btn.secondary.btn-whatsapp:hover{background:#20ba5a;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 24px #25d36666,0 0 0 1px #ffffff26}.btn-whatsapp:active,.btn.secondary.btn-whatsapp:active{transform:translateY(0);background:#1da851;color:#fff!important}[data-theme=dark] .btn-whatsapp,[data-theme=dark] .btn.secondary.btn-whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a);box-shadow:0 4px 16px #25d36666,0 0 0 1px #ffffff1a}[data-theme=dark] .btn-whatsapp:hover,[data-theme=dark] .btn.secondary.btn-whatsapp:hover{background:linear-gradient(135deg,#2ee673,#25d366);box-shadow:0 8px 28px #25d36680,0 0 0 1px #ffffff26;transform:translateY(-2px) scale(1.02)}[data-theme=dark] .btn-whatsapp:active,[data-theme=dark] .btn.secondary.btn-whatsapp:active{transform:translateY(0) scale(1);background:linear-gradient(135deg,#25d366,#20ba5a)}.btn-instagram,.btn.secondary.btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff!important;border:0;box-shadow:0 4px 16px #bc18884d,0 0 0 1px #ffffff1a}.btn-instagram:before,.btn.secondary.btn-instagram:before{display:none}.btn-instagram:hover,.btn.secondary.btn-instagram:hover{background:linear-gradient(45deg,#f5a742,#ea7a4a,#e03a52,#d42d73,#c41d9a);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 24px #bc188866,0 0 0 1px #ffffff26}.btn-instagram:active,.btn.secondary.btn-instagram:active{transform:translateY(0);background:linear-gradient(45deg,#e8851f,#dd5628,#d1152f,#c11a5a,#b11276);color:#fff!important}[data-theme=dark] .btn-instagram,[data-theme=dark] .btn.secondary.btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 16px #bc188866,0 0 0 1px #ffffff1a}[data-theme=dark] .btn-instagram:hover,[data-theme=dark] .btn.secondary.btn-instagram:hover{background:linear-gradient(45deg,#f5a742,#ea7a4a,#e03a52,#d42d73,#c41d9a);box-shadow:0 8px 28px #bc188880,0 0 0 1px #ffffff26;transform:translateY(-2px) scale(1.02)}[data-theme=dark] .btn-instagram:active,[data-theme=dark] .btn.secondary.btn-instagram:active{transform:translateY(0) scale(1);background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}app-header{display:block;position:sticky;top:0;z-index:50}header{-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);background:var(--header-bg);border-bottom:1px solid var(--header-border);transition:background .3s ease,border-color .3s ease,color .3s ease}header .container{padding-top:clamp(12px,2.5vw,20px);padding-bottom:clamp(12px,2.5vw,20px)}body.page-dark app-header.is-scrolled header{background:var(--showcase-scrolled-header-bg);border-bottom-color:var(--showcase-scrolled-header-border)}body.page-dark app-header.is-scrolled .brand h1,body.page-dark app-header.is-scrolled .brand-title,body.page-dark app-header.is-scrolled .brand-title-main,body.page-dark app-header.is-scrolled .brand-title-sub,body.page-dark app-header.is-scrolled .nav-links a:not(.btn),body.page-dark app-header.is-scrolled .dropdown-toggle,body.page-dark app-header.is-scrolled .menu-btn{color:var(--showcase-scrolled-header-text)}body.page-dark app-header.is-scrolled .nav-links a:not(.btn):hover{color:var(--showcase-scrolled-header-text);background:var(--showcase-chip-bg)}body.page-dark app-header.is-scrolled .nav-links a.active:not(.btn){color:var(--showcase-scrolled-header-text);background:var(--showcase-chip-bg)}body.page-dark app-header.is-scrolled .nav-links a:not(.btn):before,body.page-dark app-header.is-scrolled .dropdown-toggle:before{background:var(--showcase-scrolled-header-text)}app-header.is-overlay:not(.is-scrolled) header{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}app-header.is-overlay:not(.is-scrolled) .brand h1,app-header.is-overlay:not(.is-scrolled) .brand-title,app-header.is-overlay:not(.is-scrolled) .brand-title-main,app-header.is-overlay:not(.is-scrolled) .brand-title-sub,app-header.is-overlay:not(.is-scrolled) .nav-links a:not(.btn),app-header.is-overlay:not(.is-scrolled) .dropdown-toggle,app-header.is-overlay:not(.is-scrolled) .menu-btn{color:var(--showcase-text)}app-header.is-overlay:not(.is-scrolled) .nav-links a:not(.btn):hover,app-header.is-overlay:not(.is-scrolled) .nav-links a.active:not(.btn){color:var(--showcase-text);background:var(--showcase-chip-bg)}app-header.is-overlay:not(.is-scrolled) .nav-links a:not(.btn):before,app-header.is-overlay:not(.is-scrolled) .dropdown-toggle:before{background:var(--showcase-text)}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:flex-start;gap:.85rem;font-weight:800;letter-spacing:.3px;text-decoration:none}.brand span:last-child{color:var(--text)}.brand h1{color:var(--text);margin:0;padding-top:0}.logo{width:3.15rem;height:3.15rem;border-radius:10px;overflow:hidden;display:block;background:transparent;transition:box-shadow .3s ease;flex-shrink:0}.logo img{width:100%;height:100%;object-fit:contain;display:block}.nav-actions{display:flex;align-items:center;gap:.6rem}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-links a{position:relative;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px;font-weight:500;color:var(--text);text-decoration:none;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#ea580c,#fb923c);transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover:not(.btn){color:var(--main-orange-color);background:#ea580c14}.nav-links a:hover:not(.btn):before{width:80%}.nav-links a.btn{color:#fff!important;background:#2563eb!important;border:none;font-weight:600;box-shadow:0 2px 8px #1d4ed833}.nav-links a.btn:before{display:none}.nav-links a.btn:hover{background:#2563eb!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 12px 32px #1d4ed84d,0 0 0 1px #ffffff1a!important}.nav-links a.btn:active{transform:translateY(0)!important;background:var(--main-blue-color)!important}.nav-links a.active:not(.btn){color:var(--main-orange-color);background:#ea580c1a}.nav-links a.active:not(.btn):before{width:80%}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-toggle{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;background:transparent;border:none;color:var(--text);font-size:inherit;font-family:inherit;font-weight:500;text-decoration:none;line-height:1.5;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown .dropdown-toggle:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#ea580c,#fb923c);transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1)}.dropdown .dropdown-toggle:hover{color:var(--main-orange-color);background:#ea580c14}.dropdown .dropdown-toggle:hover:before{width:80%}.dropdown .dropdown-toggle:focus{outline:none}.dropdown .dropdown-toggle.active{color:var(--main-orange-color);background:#ea580c1a}.dropdown .dropdown-toggle.active:before{width:80%}.dropdown .dropdown-toggle svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown.open .dropdown-toggle svg{transform:rotate(180deg)}.dropdown .dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:180px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:100}.dropdown .dropdown-menu a{display:block;padding:.6rem 1rem;color:var(--text);text-decoration:none;border-radius:0;transition:background .2s ease,color .2s ease}.dropdown .dropdown-menu a:first-child{border-radius:12px 12px 0 0}.dropdown .dropdown-menu a:last-child{border-radius:0 0 12px 12px}.dropdown .dropdown-menu a:hover{background:var(--nav-hover)}.dropdown .dropdown-menu a.active{color:var(--main-orange-color);background:#ea580c1a;box-shadow:none}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}[data-theme=dark] .nav-links a.btn{background:linear-gradient(90deg,#ff6b00,#ff4500,red)!important;color:#fff!important;box-shadow:0 4px 16px #ff6b004d,0 0 0 1px #ffffff0d!important}[data-theme=dark] .nav-links a.btn:hover{background:linear-gradient(90deg,#ff8c00,tomato,#f33)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 24px #ff6b0080,0 0 0 1px #ffffff1a!important}[data-theme=dark] .nav-links a.btn:active{transform:translateY(0) scale(1)!important;background:linear-gradient(90deg,#ff6b00,#ff4500,red)!important}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;transition:border-color .2s ease,transform .2s ease,color .2s ease,background .2s ease}.theme-toggle:hover{border-color:var(--main-blue-color);color:var(--main-blue-color)}.theme-toggle.is-on{color:var(--main-orange-color);border-color:var(--main-orange-color);box-shadow:0 10px 24px #f9731633}.theme-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;transition:stroke .2s ease}.theme-toggle .bulb-glow{fill:currentColor;opacity:.15;transition:opacity .2s ease}.theme-toggle.is-on .bulb-glow{opacity:.35}.menu-btn{display:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:.55rem .7rem;border-radius:12px;cursor:pointer;font-size:inherit;font-family:inherit;transition:background .2s ease,border-color .2s ease}.menu-btn:hover{border-color:var(--main-blue-color)}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--muted);padding:.3rem .6rem;border-radius:999px;font-size:.8rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0000001f}.card h3{margin:.4rem 0 .2rem;font-size:1.05rem}.card p{color:var(--muted);font-size:.95rem}.icon{width:28px;height:28px}.shot{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px}.shot img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(1.05)}.shot .tag{position:absolute;left:10px;top:10px;background:#0000008c;color:#fff;font-size:.8rem;padding:.25rem .5rem;border-radius:999px}.quote{background:var(--soft-surface);border:1px solid var(--border);border-radius:16px;padding:18px}.quote footer{margin-top:.6rem;color:var(--muted);font-size:.9rem}.badge{position:absolute;right:-10px;top:-10px;background:linear-gradient(135deg,var(--main-orange-color),var(--brand-2-soft));color:var(--btn-text);border-radius:999px;padding:.5rem .8rem;font-weight:750;box-shadow:var(--shadow)}.frame{background:linear-gradient(180deg,#ffffff1a,#fff0);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] .frame{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.cards,.portfolio,.testimonials{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.muted{color:var(--muted)}section{padding-block:clamp(32px,6vw,72px)}.section-title{font-size:clamp(1.3rem,2.3vw,1.9rem);margin:0 0 1rem;color:var(--title-color)}.page-section{position:relative;min-height:80vh;display:flex;align-items:center;padding-block:clamp(72px,10vh,128px);overflow:hidden}.page-section--alt{background:var(--soft-surface)}.section-inner{width:100%;max-width:1120px;margin:0 auto;padding-inline:clamp(20px,5vw,48px)}.section-inner--wide{max-width:1400px}.section-head{max-width:760px}.section-head .section-title{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;color:var(--title-color)}.section-head .muted{margin:0;font-size:1.02rem;line-height:1.55}.section-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--main-orange-color);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.section-kicker:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--main-orange-color),rgba(249,115,22,0));border-radius:1px}.section-cta{display:flex;justify-content:center;margin-top:40px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(16px,4vw,28px);align-items:center;padding-block:clamp(32px,8vw,88px)}.hero h1{font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.12;margin:.3rem 0;color:var(--main-orange-color)}.hero p{color:var(--muted);margin:.7rem 0 1.2rem}.hero .kbd{display:inline-flex;border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem;gap:.7rem;color:var(--muted);font-size:.95rem;flex-wrap:wrap;background:var(--soft-surface)}.hero-visual{position:relative;isolation:isolate}footer{border-top:1px solid var(--border);color:var(--muted);padding:24px 0}form{display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}label{font-size:.9rem;color:var(--muted)}input,textarea,select{width:100%;padding:.9rem 1rem;border-radius:12px;background:var(--soft-surface);color:var(--text);border:1px solid var(--border);font-size:inherit;font-family:inherit;caret-color:var(--main-blue-color);transition:border-color .2s ease,box-shadow .2s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid transparent;border-color:var(--main-blue-color);box-shadow:0 0 0 4px #1d4ed81f}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{caret-color:var(--main-orange-color)}[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{box-shadow:0 0 0 4px #f9731629}textarea{min-height:140px;resize:vertical}.actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}#name,#phone,#email,#service{grid-column:span 6}#message{grid-column:1/-1}@media (max-width: 960px){.hero{grid-template-columns:1fr}.hero .badge{position:static;display:inline-block;margin-bottom:.6rem}.nav-links{position:fixed;inset-inline:16px;top:72px;display:none;flex-direction:column;gap:.5rem;background:var(--mobile-nav-bg);border:1px solid var(--border);padding:16px;border-radius:16px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{width:100%;text-align:left;padding:.75rem 1rem}.nav-links a:before{display:none}.nav-links a.btn{text-align:center;width:100%}.dropdown{width:100%}.dropdown .dropdown-toggle{width:100%;justify-content:space-between;padding:.75rem 1rem}.dropdown .dropdown-toggle:before{display:none}.dropdown .dropdown-menu{position:static;margin-top:.5rem;margin-left:0;opacity:0;visibility:hidden;transform:none;box-shadow:none;border:none;background:transparent;padding:0;min-width:auto;width:100%;display:none}.dropdown .dropdown-menu a{padding:.6rem 1rem;border-radius:8px;width:100%}.dropdown.open .dropdown-menu{display:block;opacity:1;visibility:visible}.menu-btn{display:inline-flex}.brand{gap:.65rem;align-items:flex-start}.brand h1{padding-top:0}.logo{width:2.48rem;height:2.48rem}}@media (max-width: 720px){#name,#phone,#email,#service{grid-column:1/-1}iframe[title="Carte zone d'intervention"]{height:300px}.logo{width:2.23rem;height:2.23rem}.hero .actions{gap:.4rem;flex-wrap:nowrap}.hero .actions .btn{width:auto;flex:1 1 0;min-width:0;padding:.75rem .6rem;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero .actions .btn .icon{flex-shrink:0;width:16px;height:16px}}@media (max-width: 480px){.hero .actions{flex-direction:column;flex-wrap:wrap;gap:.6rem}.hero .actions .btn{width:100%;flex:none;justify-content:center;padding:.9rem 1.1rem;font-size:inherit;white-space:normal;overflow:visible;text-overflow:clip}}
