:root{--bg:#ffffff;--tint:#f2f2f2;--ink:#242424;--muted:#686868;--line:#d8d8d8;--navy:#303030;--tint-2:#e5e5e5}
body{background:var(--bg)}h1,h2,h3{letter-spacing:-.05em}header.site{background:#202020;color:#ffffff}.nav{padding-block:27px}.logo{font-weight:600}.logo-mark{border:0;background:#ffffff;color:#202020;border-radius:50%;font-weight:800}.nav-links a,.nav-links .btn{color:#eeeeee}.nav-links a:hover{color:#ffffff}.nav-links .btn{border-bottom-color:#aaaaaa}.menu-btn{color:#ffffff;border-color:#777777}
.hero{background:#202020;color:#ffffff;border-bottom:0;position:relative}.hero-grid{grid-template-columns:1.1fr 1fr;gap:65px;padding-block:58px 70px;min-height:720px}.hero-copy{gap:26px}.availability{border:0;padding:0;color:#d3d3d3;font-size:.75rem}.availability i{background:#cccccc}.hero h1{font-size:clamp(3rem,5.4vw,5.2rem);line-height:1.04;font-weight:600;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:#ffffff}.hero .lead{color:#c5c5c5;font-size:.96rem;line-height:1.75;max-width:49ch}.hero .btn-white{background:#ffffff;color:#262626;box-shadow:none}.hero .btn-ghost{color:#ffffff;border-color:#757575}.hero-actions .btn{border-radius:5px;padding:17px 22px;font-size:.83rem}.hero .proof{border-color:#555555;padding-top:23px;margin-top:9px;gap:44px}.proof strong{font-size:2.1rem;color:#ffffff}.proof span{color:#b5b5b5;font-size:.7rem}.hero-art{position:relative;height:480px;min-width:0;align-self:center}.art-orbit{position:absolute;width:420px;height:420px;max-width:100%;background:#303030;border-radius:50%;right:-10px;top:0}.art-orbit::after{content:"";position:absolute;inset:-22px;border:1px solid #515151;border-radius:50%}.desktop-preview{display:block;background:#171b20;border:5px solid #171b20;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px #0003;text-decoration:none;width:100%}.hero-desktop{position:absolute;top:45px;left:-15px;width:104%;transform:rotate(-5deg);z-index:1}.browser-top{height:27px;background:#252a2f;display:flex;gap:5px;align-items:center;padding-inline:10px;color:#ccc;font:9px Arial,sans-serif}.browser-top i{width:5px;height:5px;border-radius:50%;background:#777}.browser-top i:first-child{background:#c18366}.browser-top span{margin-inline:auto}.browser-top b{font-size:15px;font-weight:400}.browser-screen{position:relative;aspect-ratio:1.54;overflow:hidden;background:#11151d}.browser-screen iframe{position:absolute;width:1280px;height:850px;transform:scale(var(--frame-scale,.4));transform-origin:top left;border:0;pointer-events:none}.hero-phone{position:absolute;right:-10px;bottom:-15px;width:158px;height:330px;border:5px solid #191c1c;border-radius:23px;overflow:hidden;transform:rotate(9deg);z-index:2;box-shadow:0 20px 50px #0006}.hero-phone img{height:100%;width:100%;object-fit:cover;object-position:top}.art-label{position:absolute;bottom:27px;left:20px;color:#cccccc;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-5deg)}section.block{padding-block:95px}.sec-head{max-width:900px}.sec-head h2{font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:600}.kicker{color:#555555}.why-card .big,.service .ico,.service .when,.step .n,.faq summary::after{color:#555555}.why-card{padding-block:0}.why-card .big{font-size:2.3rem}.why-card h3{font-size:1.15rem}.why-card p{font-size:.89rem}
#projets{background:#f2f2f2}.projects{grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}.project{display:flex;flex-direction:column;gap:0;border-radius:12px;background:#ffffff;overflow:hidden;align-items:stretch}.project .p-visual{order:-1;width:100%;min-height:330px;height:330px;border-radius:0;flex:none;padding-top:25px}.project .p-copy{padding:27px;gap:16px}.project .p-brand strong{font-size:1.3rem}.project .p-brand img{width:30px;height:30px}.project .p-copy h3{font-size:1.75rem;font-weight:600;min-height:2.2em}.project .p-copy p{font-size:.88rem}.project .p-list{font-size:.8rem}.project .p-type span{font-size:.59rem}.project .p-link{font-size:.82rem;background:transparent}.project .p-visual .phone{width:145px;max-width:46%;border-radius:20px;border-width:4px}.project .p-visual .post{max-width:260px;max-height:290px;object-fit:contain}.v-loka{background:#e4e4e4}.v-bati{background:#ededed}.v-lunch{background:#e4e4e4}.project.project-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;background:#292929;color:#ffffff;margin-bottom:10px;align-items:center}.project-featured .p-copy{padding:45px}.project-featured .p-brand strong{font-size:1.5rem}.project-featured .p-copy h3{font-size:3.1rem;min-height:0;color:#ffffff}.project-featured .p-copy p{color:#d1d1d1;font-size:.94rem}.project-featured .p-list{color:#dedede;font-size:.84rem}.project-featured .p-type span{border-color:#777777}.project-featured .p-link{color:#ffffff;border-color:#aaaaaa}.project-featured .p-visual{order:0;background:#383838;height:auto;min-height:470px;padding:40px;display:flex;align-items:center}.project-featured .desktop-preview{transform:rotate(3deg)}.project-featured .p-list li::before{color:#ffffff}
.service{padding-block:32px}.service .ico{border-radius:8px;background:#ededed}.step .n{font-size:3.2rem}.price{border:1px solid #cccccc;border-radius:10px;background:#ffffff}.price.featured{background:#292929;border-color:#292929}.price.featured .btn-white{color:#292929}.btn-navy{background:#292929}.btn-outline{background:transparent}.price .btn{border-radius:5px}.badge{background:#eeeeee;color:#242424}.price.featured .badge{background:#eeeeee;color:#242424}.contact-band{background:#292929}.contact-info .kicker{color:#eeeeee}.contact-info h2{font-size:clamp(3rem,5vw,4.6rem)}.contact form{border-radius:10px}.contact form .btn{border-radius:5px}footer{background:#202020}.chips input:checked+label{background:#292929}.note{max-width:900px}.p-visual:focus-visible{outline-offset:5px}
@media(min-width:1500px){.hero h1{font-size:5.5rem}}
@media(max-width:1100px){.hero-grid{gap:35px;min-height:680px}.hero h1{font-size:4.2rem}.hero-art{height:410px}.hero-phone{width:140px;height:295px}.hero-desktop{left:0;width:100%}.project .p-copy{padding:22px}.project .p-copy h3{font-size:1.5rem}.project-featured .p-copy{padding:32px}.project-featured .p-visual{padding:24px;min-height:420px}}
@media(max-width:860px){.nav-links{background:#202020;border-color:#555555}.hero-grid{grid-template-columns:1fr;padding-block:35px 65px;gap:38px;min-height:0}.hero h1{max-width:700px;font-size:clamp(3.2rem,8vw,4.6rem)}.hero-copy{max-width:700px}.hero-art{width:100%;max-width:560px;margin:auto;height:430px}.hero-desktop{width:90%;left:0;top:30px}.hero-phone{right:0;bottom:10px;width:153px;height:320px}.art-orbit{right:30px;width:380px;height:380px}.hero .proof{gap:25px}.projects{grid-template-columns:1fr}.project{display:grid;grid-template-columns:1fr 1fr}.project .p-copy{padding:28px}.project .p-copy h3{font-size:2rem;min-height:0}.project .p-visual{order:0;height:100%;min-height:400px;padding-top:35px}.project.project-featured{grid-template-columns:1fr}.project-featured .p-copy{padding:35px}.project-featured .p-visual{min-height:360px;padding:35px}.project-featured .p-copy h3{font-size:2.8rem}.project-featured .desktop-preview{max-width:600px}.project .p-visual .phone{width:170px}.project .p-visual .post{max-width:95%}section.block{padding-block:65px}}
@media(max-width:560px){.hero h1{font-size:3.2rem}.hero .lead{font-size:.92rem}.hero-grid{gap:24px}.hero-art{height:310px;margin-top:15px}.hero-desktop{width:90%;top:25px}.hero-phone{width:112px;height:238px;bottom:-5px;right:2px;border-radius:19px}.art-orbit{width:260px;height:260px;right:15px}.art-orbit::after{inset:-10px}.art-label{font-size:.6rem;bottom:10px;left:0}.project{display:flex}.project .p-visual{order:-1;height:350px;min-height:350px}.project .p-copy{padding:27px}.project .p-copy h3{font-size:2rem}.project.project-featured{display:flex}.project-featured .p-visual{order:-1;min-height:250px;height:auto;padding:23px}.project-featured .p-copy h3{font-size:2.5rem}.project-featured .p-copy{padding:27px}.why-card .big{font-size:1.7rem}.proof strong{font-size:1.8rem}.sec-head h2{font-size:2.7rem}.services{grid-template-columns:1fr}.project .p-visual .phone{width:160px}.contact-info h2{font-size:3rem}}

:root{--bg:#fff;--tint:#f2f2f2;--tint-2:#e8e8e8;--ink:#242424;--muted:#686868;--line:#d8d8d8;--navy-deep:#202020;--ok:#707070}
body,form{background:#fff}.tinted,#projets{background:#f2f2f2}.showcase{background:#e8e8e8}.tag-float .dot{background:#ececec}.v-loka,.v-bati,.v-lunch{background:#e8e8e8}.service .ico{background:#ededed}.logo-mark{color:#202020}.why-card p,.service p,.step p,.p-copy p{color:#686868}.project-featured .p-copy p{color:#d1d1d1}.hero .lead{color:#c5c5c5}.price{background:#fff}.price.featured{background:#292929}.badge,.price.featured .badge{color:#242424}input,select,textarea,.chips label{background:#f1f1f1}.hero .btn-ghost{background:transparent}.contact-info .lead{color:#d1d1d1}.copy-btn{background:#ffffff1f}.contact-band{background:#292929}.price.featured .btn-white{color:#292929}.browser-top{background:#2b2b2b}.desktop-preview{background:#1b1b1b;border-color:#1b1b1b}

:root{--navy:#292929}.hero h1 em{color:#fff}.hero .btn-white{background:#fff;color:#202020}.hero .btn-white:hover{background:#e5e5e5}.logo-mark{background:#fff;color:#202020}.availability i{background:#ccc}.nav-links a:hover{color:#fff}.nav-links .btn{border-bottom-color:#aaa}.kicker,.why-card .big,.service .ico,.service .when,.step .n,.faq summary::after{color:#555}.contact-info .kicker{color:#ddd}.art-label{color:#ccc}.project-featured .p-copy h3{color:#fff}.project-featured .p-list li::before{color:#ddd}.btn-navy{background:#292929}.browser-top i:first-child{background:#aaa}.promise li::before{color:#ddd}.price.featured li::before{color:#ddd}.p-list li::before{color:#777}.chips input:checked+label{background:#292929}.copy-btn{background:#ffffff1f}input:focus,select:focus,textarea:focus{border-color:#777}:focus-visible{outline-color:#777}.chips input:focus-visible+label{outline-color:#777}
.hero-offer{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:5px;align-items:center;border-left:2px solid #fff;padding:2px 0 2px 18px}.hero-offer>span{grid-column:1/-1;font-size:.63rem;letter-spacing:.12em;color:#bcbcbc}.hero-offer>strong{font-size:2.25rem;line-height:1.2;font-weight:600;letter-spacing:-.05em}.hero-offer small{font-size:.95rem;letter-spacing:0;font-weight:400;margin-left:3px}.hero-offer p{font-size:.7rem;color:#ccc;line-height:1.6}.hero-copy{gap:23px}.site-plans{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:stretch}.site-plans .price{gap:20px;padding:36px}.site-plans .monthly-plan{border:2px solid #222;box-shadow:0 14px 35px #00000012}.site-plans .price h3{font-size:1.7rem}.site-plans .price>p{font-size:.96rem;line-height:1.5}.site-plans .amount{font-size:4rem}.per-month{font-size:1.1rem;font-weight:400;letter-spacing:0;margin-left:5px}.site-plans .badge{font-size:.58rem;letter-spacing:.04em}.site-plans .delay{font-size:.82rem;line-height:1.6}.site-plans ul{font-size:.94rem;gap:10px}.plan-after{border-top:1px solid #d0d0d0;padding-top:18px}.plan-after strong{font-size:.9rem}.plan-after p{font-size:.83rem;line-height:1.65;margin-top:7px;color:#686868}.monthly-plan .plan-after{border-color:#606060}.monthly-plan .plan-after p{color:#d0d0d0}.monthly-plan .btn-white{background:#fff;color:#222;box-shadow:none}.purchase-plan .btn{border:1px solid #aaa}.other-offers{margin-top:65px;border-top:1px solid #d8d8d8;padding-top:30px}.other-offers-head{margin-bottom:25px;display:grid;gap:12px}.other-offers-head h3{font-size:1.8rem}.secondary-prices{grid-template-columns:1fr 1fr}.secondary-prices .price{background:#f4f4f4;padding:28px}.secondary-prices .from strong{font-size:1.6rem;color:#242424}.secondary-prices .btn{background:transparent}.hero h1{font-size:clamp(3rem,4.8vw,4.5rem)}.hero-grid{padding-top:40px}.monthly-plan .badge{color:#242424}
@media(max-width:860px){.site-plans{grid-template-columns:1fr}.site-plans .price{padding:30px}.hero h1{font-size:clamp(3rem,8vw,4.5rem)}.secondary-prices{max-width:none}}
@media(max-width:560px){.site-plans .price{padding:25px}.site-plans .amount{font-size:3.5rem}.secondary-prices{grid-template-columns:1fr}.hero-offer{column-gap:13px;padding-left:13px}.hero-offer>strong{font-size:2rem}.hero-offer p{font-size:.65rem}.hero h1{font-size:3.1rem}.site-plans .price h3{font-size:1.5rem}}
/* Accents jaunes discrets sur la version anthracite d’origine. */
.hero h1 em{color:#fff;text-decoration:underline;text-decoration-color:#ffe544;text-decoration-thickness:4px;text-underline-offset:7px}
.hero .btn-white{background:#ffe544;color:#202020;border-color:#ffe544}.hero .btn-white:hover{background:#f4dc32}
.hero-offer{border-left-color:#ffe544}.availability i{background:#ffe544}
.nav-links .btn{border-bottom-color:#ffe544}
.price.featured.monthly-plan .badge{background:#ffe544;color:#242424}
.monthly-plan .btn-white{background:#ffe544;color:#242424;border-color:#ffe544}
.site-plans .monthly-plan{border-color:#ffe544}
:focus-visible{outline-color:#b4a000}