/*
Theme Name: WEBAIXPERIA Studio
Theme URI: https://webaixperia.fr
Author: WEBAIXPERIA
Description: Reconstitution responsive des six pages de référence. Compatible SEOPress et WordPress natif.
Version: 0.3.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: webaixperia
*/
:root{--ink:#0a1a3d;--navy:#091a3c;--blue:#0767f9;--sky:#e9f3ff;--pale:#f5f8fe;--muted:#64738e;--line:#e6ebf5;--width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,'Arial',sans-serif;color:var(--ink);margin:0;background:white;font-size:15px;line-height:1.64}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.shell{width:min(var(--width),calc(100% - 52px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 12px rgba(8,28,64,.05)}body.admin-bar .site-header{top:32px}.nav-row{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:20px;font-weight:900;letter-spacing:-.9px;display:flex;align-items:center;white-space:nowrap}.brand .mark{font-size:38px;letter-spacing:-14px;color:#0767f9;margin-right:18px;line-height:1}.brand .mark i{color:#63c3ff;font-style:normal}.brand span:nth-child(2){color:var(--blue)}.nav-links{display:flex;align-items:center;gap:32px;font-weight:700;font-size:12px}.nav-links a:hover,.site-footer a:hover{color:var(--blue)}.btn{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:14px 21px;border:1px solid var(--blue);font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 16px #0767f933}.btn.dark{background:var(--navy);border-color:var(--navy)}.btn.light{background:white;color:var(--blue);border-color:#dfe9fc}.btn.outline{background:transparent;color:var(--ink);border-color:#c9d3e6}.menu-toggle{display:none}.section{padding:74px 0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--blue);font-weight:900;margin:0 0 10px}.section h2{font-size:32px;line-height:1.15;letter-spacing:-1.3px;margin:0 0 14px;font-weight:900}.section h2 em,.hero h1 em,.highlight{color:var(--blue);font-style:normal}.lead{color:var(--muted);font-size:14px;max-width:780px;line-height:1.9}.hero{padding:52px 0 24px}.hero-inner{min-height:405px;padding:62px 44px;position:relative;background:linear-gradient(115deg,#f5faff 0%,#e8f3ff 42%,#8dc5ff 100%);border-radius:2px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-inner:before,.pastel:before{content:'';position:absolute;width:470px;height:470px;border-radius:50%;border:75px solid #ffffff40;right:-150px;top:-220px;pointer-events:none}.hero h1{font-size:43px;font-weight:900;line-height:1.09;letter-spacing:-2.2px;margin:0 0 25px;max-width:490px}.hero p{color:#5d728d;max-width:480px;font-size:13px}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.hero-art{position:relative;min-height:280px;z-index:1}.searchbar{background:white;padding:14px 16px;border-radius:28px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 30px #174b9e24;position:absolute;left:3%;right:2%;top:44%;transform:rotate(-2deg)}.searchbar .g{font-size:25px;font-weight:900;color:#438af5;margin-left:auto}.searchbar .text{font-size:12px;color:#687b90}.mock-browser{background:#fff;border:1px solid #d3e4ff;box-shadow:0 16px 45px #0d3f8b25;border-radius:12px;padding:14px;position:absolute;top:0;right:7%;width:72%;transform:rotate(-6deg)}.dots{font-size:18px;color:#ff856b;letter-spacing:3px}.mock-bars{display:flex;align-items:end;gap:13px;height:125px;padding:20px;background:linear-gradient(130deg,#e9f4ff,#fff)}.mock-bars span{flex:1;background:linear-gradient(#39a4ff,#075be0);border-radius:6px 6px 0 0}.floating-tag{position:absolute;background:white;color:#086df8;padding:13px 17px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 8px 24px #0a52b420}.floating-tag.one{right:0;bottom:0}.floating-tag.two{left:0;top:5%}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e1e9f4;box-shadow:0 8px 23px #1329500c;border-radius:12px;padding:27px}.card h3{font-size:17px;line-height:1.28;margin:12px 0}.card p{font-size:12px;color:var(--muted);line-height:1.78}.card a.more{display:inline-block;color:var(--blue);font-size:11px;font-weight:800;margin-top:12px}.center{text-align:center}.center .lead{margin-inline:auto}.feature-icon{font-size:32px;color:var(--blue);line-height:1.3}.service-card{text-align:center;padding:36px 30px}.service-card .feature-icon{font-size:53px}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.photo-blob{width:100%;max-height:360px;object-fit:cover;border-radius:44% 56% 47% 53%/45% 35% 65% 55%}.accordion{border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #142a5009;margin-bottom:12px;background:white}.accordion summary{cursor:pointer;list-style:none;padding:18px 19px;font-weight:800;font-size:13px}.accordion summary:before{content:'❔';color:var(--blue);margin-right:10px}.accordion[open] summary:after{content:'−'}.accordion summary:after{content:'+';float:right;color:var(--blue)}.accordion .answer{padding:0 20px 19px;color:var(--muted);font-size:12px}.strip{padding:30px;border:1px solid var(--blue);border-radius:9px;background:linear-gradient(120deg,#fff,#eef6ff)}.strip h2{font-size:25px}.project img{width:100%;height:195px;object-fit:cover;border-radius:10px 10px 0 0}.project{overflow:hidden;padding:0}.project .project-body{padding:14px 17px}.project h3{font-size:14px}.project .pill{font-size:9px;color:var(--blue);background:#e9f2ff;padding:4px 8px;border-radius:30px}.project .more{float:right}.quote{font-size:12px}.quote .stars{color:var(--blue)}.cta{background:radial-gradient(circle at 65% 125%,#153c80,#0b1c42 55%);color:#fff;display:flex;gap:22px;align-items:center;justify-content:space-between;border-radius:9px;padding:31px 38px;margin:32px 0}.cta h2{color:#fff;font-size:25px;margin:2px 0}.cta p{font-size:11px;color:#b6c8e7;max-width:490px}.site-footer{padding:8px 0 0}.footer-cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px;padding:14px 0 36px}.footer-cols h4{font-size:12px;margin:0 0 12px}.footer-cols p,.footer-cols a{font-size:11px;color:#6a7891;display:block;margin:0 0 8px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:21px 0;font-size:10px;color:#8b96aa}.footer-bottom a{display:inline;margin-left:15px}.page-hero{margin-top:22px;padding:56px 45px;min-height:335px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:linear-gradient(115deg,#fff,#eff7ff 50%,#dae9ff);position:relative;overflow:hidden;border-radius:3px}.page-hero h1{font-size:40px;line-height:1.1;letter-spacing:-1.8px;margin:0 0 21px;max-width:570px}.page-hero p{font-size:13px;color:#687c98;max-width:540px}.illustration{min-height:230px;position:relative}.screen{background:#fefefe;border-radius:13px;padding:12px;box-shadow:0 15px 34px #1a47842a;border:1px solid #d9e5f8;position:absolute;inset:7% 10% 8% 6%}.screen-top{height:20px;font-size:15px;color:#ff7f7a;letter-spacing:3px}.screen-content{height:80%;background:linear-gradient(130deg,#0a1a39 20%,#116afb);border-radius:5px;padding:24px}.screen-content strong{font-size:21px;color:#fff;display:block;max-width:240px;line-height:1.3}.screen-lines{background:#c3d8ff;height:6px;width:70%;margin-top:13px;border-radius:6px}.screen-lines.short{width:40%}.step{position:relative;padding:35px 24px 26px}.step::before{content:attr(data-step);font-size:32px;font-weight:900;color:#e5efff;display:block;margin-bottom:8px}.step .feature-icon{font-size:22px}.pastel{background:#f6f9ff;position:relative;overflow:hidden}.price{padding:32px 26px}.price.featured{border:2px solid var(--blue);transform:translateY(-8px)}.price .amount{font-size:30px;font-weight:900;color:var(--blue)}.price ul,.check-list{padding:0;list-style:none}.price li,.check-list li{font-size:12px;margin:11px 0;color:#51627d}.price li:before,.check-list li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:9px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter-button{border:1px solid #d7e3f4;border-radius:18px;background:white;color:var(--ink);cursor:pointer;padding:8px 15px;font-size:11px;font-weight:700}.filter-button.active{background:var(--blue);color:white}.portfolio-preview{height:220px;border-radius:9px;background:linear-gradient(130deg,#0b1834,#263968);position:relative;overflow:hidden;padding:30px}.portfolio-preview:before{content:'';position:absolute;border:35px solid #ffffff0b;border-radius:50%;width:180px;height:180px;right:-55px;top:-90px}.portfolio-preview span{display:block;background:#ffffff60;border-radius:3px;height:8px;width:50%;margin:12px 0}.portfolio-preview span:nth-child(2){width:70%}.portfolio-preview span:nth-child(3){width:35%}.portfolio-preview i{display:block;background:#0b6dfc;width:80px;height:20px;border-radius:5px;margin-top:20px}.portfolio-card .card{padding:16px}.news-grid .card{padding:0;overflow:hidden}.news-image{height:210px;background:linear-gradient(145deg,#ecf0f4,#dfe5eb);position:relative;overflow:hidden}.news-image:before{content:'';width:240px;height:240px;border:27px solid #ffffff99;transform:rotate(35deg);position:absolute;left:18%;top:-28%;border-radius:35%}.news-grid .card h3,.news-grid .card p{margin-left:20px;margin-right:20px}.news-grid .card p{padding-bottom:15px}.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:65px}.contact-form label{display:block;font-size:13px;font-weight:750;margin:0 0 17px}.contact-form input,.contact-form textarea{display:block;width:100%;background:#f5f6f9;border:1px solid #d7dae4;border-radius:7px;padding:15px 17px;color:var(--ink);margin-top:5px;font:inherit;font-weight:400;font-size:13px}.contact-form textarea{min-height:115px}.contact-form button{margin-top:6px}.contact-benefits{margin:30px 0}.map-illustration{height:300px;background:#ecf7ff;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}.map-illustration:before{content:'⌖';font-size:110px;color:var(--blue)}.map-illustration:after{content:'AIX-EN-PROVENCE';position:absolute;bottom:23px;background:white;color:var(--blue);padding:10px 16px;border-radius:18px;font-size:12px;font-weight:800}.notice{padding:12px 15px;border-radius:8px;background:#e8f4ff;color:#174d93;margin-bottom:18px}.article-body{max-width:820px;margin:60px auto}.article-body h1{font-size:40px} .desktop-only{display:block}
@media(max-width:850px){.nav-row{height:68px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:25px;box-shadow:0 20px 25px #001c471a;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block;background:none;border:0;font-size:26px;color:var(--navy);cursor:pointer}.nav-row>.btn{display:none}.hero-inner,.page-hero,.section-split,.contact-columns{grid-template-columns:1fr}.hero-inner{padding:45px 26px}.hero-art{min-height:260px}.page-hero{padding:42px 28px}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.footer-cols{grid-template-columns:repeat(2,1fr)}.contact-columns{gap:25px}.shell{width:min(var(--width),calc(100% - 32px))}}
@media(max-width:540px){.hero h1,.page-hero h1{font-size:33px}.section h2{font-size:27px}.section{padding:48px 0}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr;gap:20px}.cta{flex-direction:column;align-items:start;padding:25px}.hero-art{min-height:225px}.page-hero{gap:0}.brand{font-size:17px}.brand .mark{font-size:31px}.price.featured{transform:none}}