/* A2TECH — finition premium V5 (ajout non destructif) */
:root{--ink:#102c3d;--navy:#0a2637;--navy2:#153f53;--teal:#256f7d;--warm:#f0ad7a;--cream:#fcfbf8;--mist:#edf5f4;--shadow:0 22px 65px rgba(11,43,58,.09)}
body{background:var(--cream)}
.site-header{box-shadow:0 5px 24px rgba(13,45,62,.055)}
.header-bar{gap:14px}
.brand{min-width:178px}
.nav{gap:clamp(8px,1vw,16px)}
.nav a,.nav-services>summary{font-weight:720;font-size:.855rem}
.nav-services{position:relative;color:var(--ink)}
.nav-services>summary{list-style:none;display:flex;gap:7px;align-items:center;cursor:pointer;white-space:nowrap}
.nav-services>summary::-webkit-details-marker{display:none}
.nav-services>summary span{color:var(--teal);font-size:1.1rem;transition:transform .2s}
.nav-services[open]>summary span{transform:rotate(180deg)}
.nav-services>summary:focus-visible{outline:3px solid var(--warm);outline-offset:6px;border-radius:4px}
.nav-submenu{position:absolute;z-index:125;top:calc(100% + 20px);left:-18px;min-width:270px;display:grid;gap:2px;padding:11px;border:1px solid #d8e5e3;border-radius:16px;background:#fff;box-shadow:0 24px 55px rgba(8,37,52,.18)}
.nav-submenu a{display:block;font-size:.91rem;font-weight:650;padding:11px 13px;border-radius:9px;white-space:nowrap;transition:background .2s,color .2s}
.nav-submenu a:hover,.nav-submenu a[aria-current=page]{background:#e8f3f1;color:#175b68}
.hero{background:linear-gradient(140deg,#092636 0%,#12374b 66%,#1d5662 100%)}
.hero-inner{grid-template-columns:1.02fr 1fr;gap:36px;min-height:558px;padding-top:45px;padding-bottom:45px}
.hero h1{font-size:clamp(2.55rem,5.1vw,4.8rem);letter-spacing:-.064em;line-height:1.075}
.hero p{line-height:1.72;max-width:565px}
.hero-visual{transform:none}
.hero-visual .hero-photo-wrap{border-radius:24px;box-shadow:0 28px 70px rgba(0,19,30,.34)}
.hero-visual .hero-photo-wrap img{aspect-ratio:5/4;object-fit:cover;object-position:center 28%}
.hero-photo-wrap:after{display:none}
.hero-badge,.hero-photo-credit{display:none}
.hero-actions{gap:10px;margin:25px 0}
.hero-trust{gap:15px}
.hero-trust span{line-height:1.4}
.section{padding:80px 0}
.section-header h2{max-width:760px}
.pale{background:#eff6f4}
.card,.panel,.step,.contact-form,.faq details{box-shadow:0 8px 35px rgba(10,42,58,.035);border-color:#dae7e5}
.card,.step{border-radius:20px}
.card{padding:30px}
.card h3{line-height:1.24}
.card p{line-height:1.65}
.btn-accent{background:#f0b17f;box-shadow:0 12px 26px rgba(224,144,89,.18)}
.btn-accent:hover{background:#ffc18e}
.contact-box{background:linear-gradient(155deg,#10354b,#082333)}
.form-status{box-shadow:0 8px 24px rgba(15,59,62,.06)}
.a2story-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.a2story-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(12,46,60,.11)}}
@media(max-width:1180px){.header-bar{gap:12px}.nav{gap:10px}.nav a,.nav-services>summary{font-size:.82rem}.nav-cta .btn{padding:9px 10px;font-size:.8rem}.brand{min-width:166px}}
@media(max-width:1080px){.nav-cta>.btn{display:none}.nav{gap:12px}}
@media(max-width:920px){
 .header-bar{height:70px}
 .nav{position:fixed;inset:104px 0 auto 0;top:104px;padding:16px 24px 20px;gap:0}
 .nav a{font-size:1.04rem}
 .nav-services{width:100%;border-bottom:1px solid var(--line)}
 .nav-services>summary{font-size:1.04rem;padding:14px 5px;justify-content:space-between}
 .nav-submenu{position:static;min-width:0;max-height:45vh;overflow-y:auto;box-shadow:none;border:none;border-radius:0;padding:2px 0 14px 12px;background:transparent}
 .nav-submenu a{font-size:.94rem;padding:10px 12px;white-space:normal}
 .hero-inner{gap:15px}
}
@media(max-width:660px){
 .nav{top:68px;max-height:calc(100dvh - 68px)}
 .hero-inner{display:grid;grid-template-columns:1fr;gap:0;padding-top:33px;padding-bottom:42px}
 .hero h1{font-size:clamp(2.35rem,10.8vw,3.35rem);line-height:1.12;margin:14px 0}
 .hero-copy{padding-bottom:0}
 .hero p{font-size:.98rem;line-height:1.64;margin-bottom:14px}
 .hero-actions{display:flex;flex-wrap:nowrap;align-items:stretch;margin:19px 0 20px;gap:9px}
 .hero-actions .btn{flex:1;min-width:0;min-height:49px;padding:10px 9px;font-size:.82rem}
 .hero-actions .btn .icon{width:16px;height:16px}
 .hero-trust{gap:9px;font-size:.75rem}
 .hero-trust span{gap:5px}
 .hero-visual{width:100%;max-width:480px;margin:16px auto 0}
 .hero-visual .hero-photo-wrap{border-radius:18px}
 .hero-visual .hero-photo-wrap img{aspect-ratio:16/10;object-position:center 22%}
 .section{padding:52px 0}
 .section-header h2{font-size:clamp(1.85rem,8vw,2.55rem)}
 .page-hero{padding:45px 0 56px}
 .card{padding:24px}
 .a2story-card{border-radius:18px}
 .mobile-cta{gap:8px}
 .mobile-cta .btn{font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.nav-submenu a,.nav-services summary span{transition:none}}

@media(max-width:660px){
 .a2story-hero{padding:35px 0 36px}
 .a2story-hero h1{font-size:clamp(1.85rem,8vw,2.42rem);margin:12px 0}
 .a2story-hero p{font-size:.96rem;line-height:1.62}
 .a2story-tag{font-size:.73rem;letter-spacing:.11em}
 .a2story-cta{margin:13px 9px 0 0;padding:11px 14px;font-size:.88rem}
 .a2story{padding:32px 0}
}