:root{color-scheme:dark;--bg:#0b0c12;--surface:#12141e;--text:#f4f4fb;--muted:#a8abbf;--border:#262938;--accent:#8585ff;--purple:#b4a0ff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c4b5ff;outline-offset:5px}p{color:var(--muted);margin:0 0 24px}h1,h2,h3{line-height:1.1;letter-spacing:-.04em;margin:0}h1{font-size:clamp(3rem,5.8vw,5.6rem);font-weight:750;line-height:1.05}h2{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:650}h3{font-size:1.4rem;letter-spacing:-.025em}button{color:inherit}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:105px;scroll-margin-top:20px}.eyebrow{display:block;font-size:.75rem;letter-spacing:.17em;font-weight:700;color:#b8b7d8;margin-bottom:24px}.muted{color:#73768d}.gradient-text{background:linear-gradient(110deg,#9194ff,#c09bff);background-clip:text;-webkit-background-clip:text;color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid transparent;border-radius:8px;background:#8585ff;color:#0c0d1c;font-weight:700;font-size:.9375rem;line-height:1.4;transition:background .2s,transform .2s;min-height:48px;text-align:center}.button:hover{background:#a4a5ff;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:#35384a;color:var(--text)}.button.secondary:hover{border-color:var(--accent);background:#171826}.button.small{padding:12px 17px;font-size:.875rem}.header{position:sticky;top:0;z-index:20;background:#0b0c12ed;border-bottom:1px solid #ffffff0a;backdrop-filter:blur(14px)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}.brand{font-size:1.65rem;font-weight:750;display:inline-flex;align-items:center;gap:9px;letter-spacing:-.06em}.brand-dot{color:var(--accent);margin-left:-9px}.brand-mark{width:31px;height:31px;background:var(--accent);border-radius:8px;color:#0b0c12;display:inline-grid;place-items:center;font-size:1.7rem;line-height:1;font-weight:800;font-style:italic}.nav nav{display:flex;align-items:center;gap:28px;font-size:.875rem;color:#c8cad7}.nav nav a:not(.button):hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:1px solid var(--border);padding:9px 14px;border-radius:6px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;padding-block:90px 84px;align-items:center;min-height:670px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.mini-line{height:1px;width:28px;background:var(--accent)}.hero h1{margin-bottom:27px}.hero-copy>p{font-size:1.0625rem;max-width:470px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-note{display:flex;gap:15px;align-items:center;margin-top:35px;color:var(--muted);font-size:.875rem;line-height:1.5}.hero-note strong{color:#d6d7e3;font-weight:500}.stacked-initials{display:flex;padding-left:7px}.stacked-initials i{font-style:normal;font-weight:700;background:#242639;border:3px solid var(--bg);border-radius:50%;width:36px;height:36px;margin-left:-7px;display:grid;place-items:center;color:#c3bcff;font-size:.75rem}.stacked-initials i:nth-child(2){background:#343044}.stacked-initials i:nth-child(3){background:#242e41}.hero-stage{position:relative;min-width:0;background:radial-gradient(ellipse at center,#6755bd30,transparent 75%);padding:22px 0}.stage-caption{display:flex;justify-content:space-between;font-size:.75rem;color:#9293b0;letter-spacing:.13em;margin-bottom:20px}.browser-card{border:1px solid #414052;border-radius:12px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 35px 90px #0006;transition:transform .4s;background:#181b24}.hero-stage:hover .browser-card{transform:rotate(-1deg)}.browser-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;font-size:.75rem;color:#aaa9bb;background:#1c1d29}.browser-dots{font-size:.75rem;letter-spacing:2px;color:#646475}.concept-site{background:#e5e5d9;color:#282d22;padding:25px 30px}.concept-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282d2230;padding-bottom:23px}.concept-nav strong{font-size:1.9rem;letter-spacing:-.08em;line-height:1}.concept-nav strong span{font-size:.875rem;vertical-align:top}.concept-nav>span{font-size:.75rem}.concept-label{display:block;margin-top:30px;font-size:.75rem;letter-spacing:.15em}.concept-site h2{font-size:clamp(2.1rem,3.8vw,3.7rem);line-height:1.04;margin:13px 0 20px;letter-spacing:-.065em}.concept-site h2 em{font-family:Georgia,serif;font-weight:400;color:#5d6651}.concept-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;line-height:1.5}.concept-pill{border:1px solid #727664;padding:8px 12px;border-radius:30px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:23px;border-top:1px solid #282d2225}.concept-grid span{padding:12px 0 0;font-size:.75rem;letter-spacing:.1em}.stage-foot{display:flex;justify-content:center;gap:8px;margin-top:35px;flex-wrap:wrap}.stage-tag{border:1px solid #333149;padding:5px 10px;border-radius:20px;font-size:.75rem;color:#b4b1ca;background:#12121b}.specialties{border-block:1px solid var(--border);padding:23px 0}.specialties .container{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#c1c2d0;font-size:.9375rem}.specialties .container>span:first-child{font-size:.75rem;color:#777b94;letter-spacing:.13em;max-width:120px}.divider{color:#45495d}.specialties strong{font-weight:500}.section-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:45px}.section-heading p{max-width:345px;margin-bottom:4px}.grid{display:grid;gap:20px}.services{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--border);background:linear-gradient(140deg,#151721,#101119);border-radius:var(--radius);padding:27px}.services .card{position:relative;transition:border-color .2s,transform .2s}.services .card:hover{border-color:#55517e;transform:translateY(-5px)}.service-icon{font-size:1.6rem;color:#a29aff;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#8d82ff12;border:1px solid #8d82ff23;border-radius:12px;margin-bottom:35px}.card-number{position:absolute;right:25px;top:29px;color:#646b85;font-size:.75rem}.services h3{font-size:1.2rem;line-height:1.3;min-height:50px;margin-bottom:17px}.services p{font-size:.9375rem;margin-bottom:25px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:.75rem;border:1px solid #303245;color:#b0b3c9;padding:4px 8px;border-radius:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 24px}.project-preview{min-height:320px;padding:30px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}.project-preview:hover{transform:translateY(-4px)}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center}.preview-top strong{font-size:1.7rem;letter-spacing:-.08em}.preview-top>span,.preview-bottom{font-size:.75rem;letter-spacing:.06em}.preview-title{font-size:clamp(2.5rem,4.8vw,4.5rem);line-height:.98;letter-spacing:-.07em;margin-block:28px}.noma{background:#d8dacb;color:#2b3427}.orbit{background:#333dac;color:#f3f4ff}.orbit .preview-title span{color:#adc5ff}.bloom{background:#e6d9ce;color:#39302e;min-height:280px}.bloom .preview-title{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.wide{grid-column:1/-1}.project-info{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 3px 0}.project-info h3{font-size:1.2rem}.project-info p{font-size:.875rem;margin:8px 0 0}.text-button{background:transparent;border:1px solid #333648;border-radius:7px;padding:9px 12px;font-size:.875rem}.text-button:hover{border-color:var(--accent);color:var(--accent)}.benefit-section{border-block:1px solid var(--border);background:#10121a}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.lead{font-size:1.0625rem;max-width:440px;margin-top:25px}.text-link{color:#b5afff;border-bottom:1px solid #67618e;padding-bottom:5px}.benefits article{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--border)}.benefits article:first-child{padding-top:0}.benefits article>span{font-size:.75rem;color:var(--accent);padding-top:3px}.benefits h3{font-size:1.25rem;margin-bottom:10px}.benefits p{font-size:.9375rem;margin:0}.process{grid-template-columns:repeat(4,1fr);gap:30px}.process article{padding-top:20px;border-top:2px solid #44425f}.process article>span{font-size:.75rem;letter-spacing:.12em;color:#a5a0d6}.process h3{margin:25px 0 17px;font-size:1.3rem}.process p{font-size:.9375rem;margin:0}.pricing{grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px}.price-card{border:1px solid var(--border);border-radius:var(--radius);padding:32px;background:#11131b;position:relative;display:flex;flex-direction:column}.price-card .eyebrow{font-size:.75rem;color:#ada8d2;margin-bottom:17px}.price-card h3{font-size:1.7rem;margin-bottom:15px}.price-card>p{font-size:.9375rem;min-height:50px}.price{font-size:2.7rem;line-height:1.2;letter-spacing:-.06em;font-weight:600;margin-top:8px}.price small{font-size:.875rem;color:var(--muted);letter-spacing:0;font-weight:400}.price.custom{font-size:2.5rem}.price-note{font-size:.75rem;color:#969bb4;display:block;margin-top:10px}.price-card ul{list-style:none;padding:0;margin:28px 0 32px;flex:1}.price-card li{font-size:.9375rem;margin-bottom:12px;padding-left:22px;position:relative;color:#ced0df}.price-card li:before{content:'✓';position:absolute;left:0;color:#a0a0ff}.featured{border-color:#7772dc;background:linear-gradient(155deg,#292441,#13151f)}.recommendation{position:absolute;top:-18px;left:25px;right:25px;background:#9993ff;color:#15122c;border-radius:5px;padding:7px;font-weight:700;font-size:.75rem;text-align:center;letter-spacing:.1em}.quotes{grid-template-columns:repeat(3,1fr)}figure{margin:0}.quote-mark{font-size:4rem;color:#8c85da;line-height:.8;font-family:Georgia,serif;margin-bottom:20px}blockquote{margin:0 0 26px;font-size:1.0625rem;line-height:1.65}figcaption{display:flex;align-items:center;gap:12px}figcaption strong{font-size:.875rem;display:block}figcaption div>span{font-size:.75rem;display:block;color:var(--muted)}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#28243b;color:#c8baff;font-size:.75rem;flex-shrink:0}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq-grid>div>p{margin-top:25px}.faq-list details{border-bottom:1px solid var(--border);padding-block:20px}.faq-list details:first-child{border-top:1px solid var(--border)}summary{cursor:pointer;list-style:none;font-weight:500;position:relative;padding-right:30px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;color:var(--accent);font-size:1.3rem;top:-4px}details[open] summary:after{content:'−'}details p{margin:17px 0 0;font-size:.9375rem}.quote-section{background:radial-gradient(ellipse at 15% 25%,#3f2d652b,transparent 55%),#10121b;border-block:1px solid var(--border)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact-detail{margin-top:32px}.contact-detail>span:first-child{display:block;letter-spacing:.12em;font-size:.75rem;color:#8b8ea7;margin-bottom:8px}.contact-detail>span:nth-child(2),.contact-detail strong{font-size:1.0625rem;font-weight:500}.contact-detail small{display:block;color:#8d91a8;font-size:.75rem;margin-top:4px}.form{display:flex;flex-direction:column;gap:17px}.form.card{padding:32px}.form h3{font-size:1.6rem;margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label:not(.checkbox){font-size:.875rem;color:#d7d9e7;font-weight:500;display:flex;flex-direction:column;gap:7px}.form input:not([type=checkbox]),.form select,.form textarea{border:1px solid #343747;background:#0d0f17;border-radius:7px;color:#f4f4fb;padding:12px 13px;min-width:0;width:100%;font-size:.875rem}.form input::placeholder,.form textarea::placeholder{color:#787e98}.form textarea{resize:vertical;min-height:115px}.form-notice{font-size:.75rem;color:#c7b9ee;margin:0;padding:9px 12px;border:1px solid #4a3c61;background:#281d3633;border-radius:6px}.checkbox{display:flex;align-items:start;gap:10px;font-size:.75rem;line-height:1.6;color:#aab0c7}.checkbox input{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);margin-top:3px}.checkbox a{text-decoration:underline}.form small{font-size:.75rem;color:var(--muted)}.form-status{font-size:.875rem;margin:0}.form-status:empty{display:none}.form-status.error{color:#ffb5b5}.form-status.success{color:#c2cdfd}.form .honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.form button:disabled{opacity:.6;cursor:wait;transform:none}.compact-contact h2{font-size:2.7rem;margin-bottom:23px}footer{border-top:1px solid var(--border);padding:55px 0 22px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.4fr 1fr;gap:35px;padding-bottom:45px}.footer-main p{font-size:.875rem;margin:20px 0 0}.footer-main h2{font-size:.75rem;letter-spacing:.15em;color:#9296af;margin:8px 0 20px}.footer-main>div>a:not(.brand),.footer-main>div>span{display:block;font-size:.875rem;color:#b9bdd1;margin-bottom:10px;overflow-wrap:anywhere}.footer-main>div>a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;border-top:1px solid var(--border);font-size:.75rem;color:#969bb3;gap:20px}.footer-bottom>div{display:flex;gap:25px}.demo-disclaimer{font-size:.75rem;color:#858ba5;margin-top:17px;margin-bottom:0}dialog{max-width:580px;width:calc(100% - 36px);padding:45px;border:1px solid #514675;border-radius:16px;background:#151521;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#05060ccc;backdrop-filter:blur(5px)}dialog h2{font-size:2.7rem;margin-bottom:23px}dialog h3{margin-bottom:12px}dialog .tags{margin-block:25px}body.modal-open{overflow:hidden}.dialog-close{position:absolute;right:14px;top:12px;background:none;border:none;border-radius:6px;padding:8px;min-width:40px;min-height:40px}.skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);background:var(--accent);color:#090a14;padding:12px;z-index:100;border-radius:6px}.skip:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.legal{max-width:800px;padding-block:70px}.legal h1{font-size:3rem;margin-bottom:25px}.legal h2{font-size:1.5rem;margin:35px 0 15px}.legal a{text-decoration:underline}.legal ul{color:var(--muted)}.reveal{opacity:1}
@media(min-width:1600px){.hero{padding-block:115px}.hero h1{font-size:5.6rem}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.nav nav{gap:17px}.hero{gap:28px}.services{grid-template-columns:repeat(2,1fr)}.benefit-grid,.contact-grid{gap:50px}.price-card{padding:25px}.price{font-size:2.3rem}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.nav{min-height:74px}.menu-toggle{display:inline-flex;gap:12px}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#11131d;padding:20px 24px;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px}.nav nav .button{margin-top:12px}.hero{grid-template-columns:1fr;padding-block:60px;gap:40px}.hero h1{font-size:clamp(3rem,8.5vw,5rem)}.hero-stage{max-width:580px;width:100%;margin-inline:auto;padding-inline:16px}.concept-site h2{font-size:3.5rem}.section{padding-block:70px}.section-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:34px}.section-heading p{max-width:540px}.benefit-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.process{grid-template-columns:1fr 1fr;gap:30px}.pricing,.quotes{grid-template-columns:1fr;gap:26px}.price-card>p{min-height:0}.price-card{padding:30px}.price{font-size:2.8rem}.price-card .button{width:100%}.quote-section h2 br:nth-child(2){display:none}.specialties .container{justify-content:center;gap:12px 20px}.specialties .container>span:first-child{max-width:none;width:100%;text-align:center}.specialties .divider{display:none}.footer-main{gap:30px}.project-preview{min-height:270px;padding:23px}.preview-title{font-size:3rem}.project-info{align-items:start;flex-direction:column}.wide .project-info{flex-direction:row}.hero-copy>p{max-width:560px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}h1{font-size:3rem}.hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.hero-stage{padding-inline:4px}.hero .actions{flex-direction:column;align-items:stretch}.hero-note{margin-top:25px}.stage-caption{font-size:.75rem;letter-spacing:.05em}.concept-site{padding:22px}.concept-site h2{font-size:3rem}.concept-nav>span{font-size:.75rem}.services,.project-grid,.process,.form-row{grid-template-columns:1fr}.wide{grid-column:auto}.services h3{min-height:0}.services .card{padding:27px}.service-icon{margin-bottom:24px}.project-preview{min-height:290px}.preview-title{font-size:3.5rem}.project-info,.wide .project-info{flex-direction:row;align-items:center}.project-info h3{font-size:1.1rem}.project-info p{font-size:.75rem}.text-button{font-size:.75rem;padding:9px}.form.card{padding:22px}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-main h2{margin-bottom:14px}.specialties strong{font-size:.875rem}.compact-contact h2{font-size:2.2rem}dialog{padding:38px 25px}.legal h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.browser-card{transform:none}}

.form label:not(.checkbox){display:block}.form input:not([type=checkbox]),.form select,.form textarea{display:block;margin-top:7px}.footer-main>div>a:not(.brand),.footer-main>div>span,.text-button{font-size:.875rem}

/* Aperçu du fleuriste fictif : styles limités à l’encadré de l’accueil. */
.florist-site{background:#f2eee5;color:#373e32;padding:24px}.florist-site .concept-nav{padding-bottom:18px;gap:12px}.florist-site .concept-nav strong{font-family:Georgia,serif;font-weight:400;font-size:1.25rem;letter-spacing:-.025em;line-height:.95}.florist-site .concept-nav strong span{font-size:1.65rem;vertical-align:baseline;font-style:italic}.florist-site .concept-nav>span{font-size:.75rem;text-align:right;color:#686d60}.florist-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:15px;align-items:center;margin-top:23px}.florist-copy{min-width:0}.florist-site .concept-label{margin-top:0;font-size:.75rem;letter-spacing:.08em;line-height:1.4;color:#747968}.florist-site h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3.2vw,3.1rem);letter-spacing:-.045em;line-height:1.07;margin:17px 0}.florist-site h2 em{color:#727b5d}.florist-copy p{font-size:.75rem;line-height:1.6;color:#6f7467;margin:0 0 18px}.florist-site .concept-pill{display:inline-block;font-size:.75rem;line-height:1.35;padding:9px 11px;border-color:#929a80;color:#46513c;border-radius:0}.florist-photo{width:100%;height:285px;object-fit:cover;display:block;border-radius:100px 100px 3px 3px}.florist-site .concept-grid{gap:12px;margin-top:23px}.florist-site .concept-grid span{font-size:.75rem;letter-spacing:.02em;line-height:1.4;color:#7c806f}
@media(max-width:800px){.florist-site h2{font-size:3.1rem}.florist-photo{height:320px}}
@media(max-width:520px){.florist-site{padding:20px}.florist-site h2{font-size:clamp(1.6rem,7.5vw,2.6rem)}.florist-hero{gap:12px;grid-template-columns:1.1fr 1fr}.florist-photo{height:270px}.florist-site .concept-nav>span{max-width:100px}.florist-site .concept-grid{grid-template-columns:1fr 1fr;gap:8px}.florist-site .concept-grid span:last-child{grid-column:1/-1;padding-top:0}}
/* Modifications convenues : portfolio, méthode, avis et FAQ. */
.artisan-browser{transform:none;box-shadow:none;border-color:#363646}.artisan-site{padding:24px;min-height:360px}.artisan-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid #0002}.artisan-nav strong{font-size:1.4rem;letter-spacing:-.055em;line-height:1.1}.artisan-nav>span{font-size:.75rem}.artisan-label{display:block;font-size:.75rem;letter-spacing:.08em;line-height:1.4;margin-bottom:15px}.artisan-site h3{font-family:Georgia,serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin-bottom:17px}.artisan-site p{font-size:.75rem;line-height:1.6;margin:0 0 18px}.artisan-pill{display:inline-block;border:1px solid currentColor;padding:9px 13px;font-size:.75rem;line-height:1.4}.artisan-footer{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:.75rem;border-top:1px solid #0002;padding-top:12px}.artisan-footer>span{font-size:.75rem;letter-spacing:.05em;text-align:right}.terre-site{background:#efe7db;color:#564537}.terre-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;margin-top:25px}.terre-site h3 em{color:#976b50}.terre-site p{color:#776355}.terre-layout img{display:block;width:100%;height:245px;object-fit:cover;border-radius:3px 3px 60px 3px}.terre-site .artisan-nav strong{font-family:Georgia,serif;font-size:1.55rem}.levain-site{background:#f1d6a8;color:#542d20}.levain-site .artisan-nav strong{font-size:1.125rem;letter-spacing:.02em}.levain-layout{position:relative;margin-top:22px;min-height:250px;background:#251508;overflow:hidden;border-radius:3px}.levain-layout img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.levain-copy{position:relative;padding:24px;min-height:250px;color:#fff5df;background:linear-gradient(90deg,#291708e8,#29170850 75%,transparent)}.levain-site h3{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.06em;font-size:3.2rem}.levain-site p{color:#f0dec4}.levain-site .artisan-pill{border-radius:30px;background:#f1d6a8;color:#542d20;border-color:#f1d6a8}.ebene-site{background:#20231f;color:#e1dece;padding:30px}.ebene-site .artisan-nav{border-color:#ffffff26}.ebene-site .artisan-nav strong{font-size:1.1rem;letter-spacing:.12em}.ebene-layout{display:grid;grid-template-columns:.9fr 1.7fr;align-items:center;gap:40px;margin-top:25px}.ebene-layout img{width:100%;height:290px;object-fit:cover;display:block}.ebene-site h3{font-size:3.4rem}.ebene-site h3 em{color:#b4ad8d}.ebene-site p{color:#b6b8a7}.ebene-site .artisan-footer{border-color:#ffffff26;color:#b6b8a7}.ebene-site .artisan-pill{border-color:#72765c}.process{gap:20px}.process article.card{border:1px solid var(--border);padding:27px;background:linear-gradient(140deg,#151721,#101119);transition:transform .2s,border-color .2s}.process article.card:hover{border-color:#55517e;transform:translateY(-5px)}.testimonials .section-heading{justify-content:center;text-align:center}.testimonials .section-heading>div{width:100%}.quotes .card{transition:box-shadow .25s,border-color .25s,background .25s}.quotes .card:hover,.quotes .card:focus-within{border-color:#8a81f4;background:linear-gradient(140deg,#25213d,#141729);box-shadow:0 0 30px #8577ff2b,inset 0 0 25px #8577ff0e}.portrait{width:48px;height:48px;object-fit:cover;border:1px solid #5f567c}.testimonial-demo{text-align:center;font-size:.75rem;color:#959bb2;margin:20px 0 0}.faq-cta{margin-top:15px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list details,.faq-list details:first-child{border:1px solid #34354d;border-radius:12px;background:linear-gradient(135deg,#191928,#11131c);padding:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-list details:hover,.faq-list details:focus-within{border-color:#8f85ec;box-shadow:0 0 18px #8173ff1c}.faq-list details[open]{border-color:#7770c6;background:linear-gradient(135deg,#232039,#141623)}.faq-list summary{padding:23px 66px 23px 22px;min-height:76px;line-height:1.5}.faq-list summary:after{top:50%;right:18px;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;background:#8d80ff20;border:1px solid #8d80ff55;border-radius:9px;color:#c4bcff;line-height:1;font-size:1.4rem}.faq-list details[open] summary:after{background:#9184e7;color:#11121e}.faq-list details p{margin:0;padding:0 23px 23px;animation:faq-reveal .22s ease-out}@keyframes faq-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:800px){.artisan-site{padding:20px}.terre-layout{gap:12px}.artisan-nav{align-items:start}.artisan-nav>span{max-width:100px;text-align:right}.artisan-site h3{font-size:2.1rem}.levain-site h3{font-size:2.8rem}.ebene-site h3{font-size:2.7rem}.ebene-layout{gap:20px}.artisan-footer{flex-wrap:wrap}.ebene-layout img{height:270px}}
@media(max-width:520px){.terre-layout img{height:230px}.artisan-site h3{font-size:clamp(1.8rem,7.5vw,2.5rem)}.levain-site h3{font-size:3rem}.ebene-layout{grid-template-columns:1fr;gap:25px}.ebene-layout img{height:220px}.ebene-site h3{font-size:3rem}.artisan-nav strong{font-size:1.15rem}.ebene-site .artisan-nav strong{font-size:.875rem;letter-spacing:.06em}.faq-list summary{padding-left:18px;font-size:.9375rem}.faq-list details p{padding-inline:18px}.process article.card{padding:27px}}

/* Maison Pivoine : lévitation, halo et petites éclosions lumineuses. */
.pivoine-float{position:relative;isolation:isolate;animation:pivoine-float 6s ease-in-out infinite}
.pivoine-float::before{content:"";position:absolute;inset:8% 2%;z-index:-1;border-radius:30%;background:radial-gradient(ellipse,#b276ffb0 0%,#944aef65 52%,transparent 76%);filter:blur(22px);transform:scale(1.16);animation:pivoine-aura 6s ease-in-out infinite;pointer-events:none}
.hero-stage .pivoine-float .browser-card{position:relative;z-index:1;box-shadow:0 35px 90px #0006,0 0 38px #a16aff50,0 0 75px #8b45db26;border-color:#78608c}
.hero-stage .mac-dots{display:flex;gap:7px;align-items:center;letter-spacing:0}
.hero-stage .mac-dots i{display:block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002;background:#ff5f57}
.hero-stage .mac-dots i:nth-child(2){background:#febc2e}.hero-stage .mac-dots i:nth-child(3){background:#28c840}
.pivoine-particles{position:absolute;inset:0;z-index:0;pointer-events:none;transform:rotate(-3deg)}
.pivoine-particle{position:absolute;width:4px;height:4px;--dx:24px;--dy:-20px;animation:pivoine-flight 5.8s linear infinite;animation-delay:var(--delay)}
.pivoine-particle::before{content:"";position:absolute;inset:0;border-radius:50%;background:#dfc5ff;box-shadow:0 0 9px 3px #b275f9;animation:pivoine-spark 5.8s linear infinite;animation-delay:var(--delay)}
.pivoine-particle:nth-child(1){left:98%;top:22%;--delay:-1s}
.pivoine-particle:nth-child(2){left:1%;top:42%;--dx:-24px;--dy:-24px;--delay:-3.1s}
.pivoine-particle:nth-child(3){left:70%;top:1%;--dx:13px;--dy:-23px;--delay:-4.7s}
.pivoine-particle:nth-child(4){left:98%;top:74%;--dx:22px;--dy:8px;--delay:-2.2s}
.pivoine-particle:nth-child(5){left:27%;top:99%;--dx:-10px;--dy:24px;--delay:-.2s}
.pivoine-particle:nth-child(6){left:1%;top:80%;--dx:-22px;--dy:12px;--delay:-3.9s}
.pivoine-particle i{position:absolute;inset:0;width:3px;height:3px;border-radius:50%;background:#c4a1ff;box-shadow:0 0 5px #a86aff;--angle:0deg;animation:pivoine-burst 5.8s linear infinite;animation-delay:var(--delay)}
.pivoine-particle i:nth-child(2){--angle:60deg}.pivoine-particle i:nth-child(3){--angle:120deg}.pivoine-particle i:nth-child(4){--angle:180deg}.pivoine-particle i:nth-child(5){--angle:240deg}.pivoine-particle i:nth-child(6){--angle:300deg}
@keyframes pivoine-float{0%,100%{transform:translateY(5px)}50%{transform:translateY(-9px)}}
@keyframes pivoine-aura{0%,100%{opacity:.72;transform:scale(1.17)}50%{opacity:1;transform:scale(1.26)}}
@keyframes pivoine-flight{0%,12%{transform:translate(0,0);opacity:0}22%{opacity:.8}62%,88%{transform:translate(var(--dx),var(--dy));opacity:1}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
@keyframes pivoine-spark{0%,12%{opacity:0;transform:scale(.5)}25%,59%{opacity:.85;transform:scale(1)}63%,100%{opacity:0;transform:scale(.4)}}
@keyframes pivoine-burst{0%,60%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.5)}63%{opacity:.9;transform:rotate(var(--angle)) translateX(2px) scale(1)}87%,100%{opacity:0;transform:rotate(var(--angle)) translateX(15px) scale(.2)}}
@media(max-width:600px){.pivoine-particles{inset:0 12px}.pivoine-float::before{inset:12% 7%;filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){.pivoine-float,.pivoine-float::before{animation:none}.pivoine-particles{display:none}}

/* Densité lumineuse renforcée autour du seul aperçu Maison Pivoine. */
.pivoine-particle:nth-child(7){left:99%;top:45%;--dx:26px;--dy:-8px;--delay:-5.3s}
.pivoine-particle:nth-child(8){left:1%;top:17%;--dx:-25px;--dy:-18px;--delay:-1.6s}
.pivoine-particle:nth-child(9){left:38%;top:1%;--dx:-12px;--dy:-25px;--delay:-3.5s}
.pivoine-particle:nth-child(10){left:77%;top:99%;--dx:16px;--dy:24px;--delay:-4.3s}

/* Bannière des publics : fluide violet contenu entre ses deux bordures. */
.specialties{position:relative;isolation:isolate;overflow:hidden;background:#0b0c14;border-color:#493766}
.specialties::before,.specialties::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-65% -30%;border-radius:45%;will-change:transform;background:radial-gradient(ellipse at 22% 42%,#a16eff90 0%,#7935d455 15%,transparent 36%),radial-gradient(ellipse at 68% 62%,#8d41ec80 0%,#5c2ea34d 19%,transparent 42%);filter:blur(14px);animation:banner-fluid 6.5s ease-in-out infinite alternate}
.specialties::after{inset:-85% -25%;opacity:.6;background:radial-gradient(ellipse at 40% 64%,#c096ff70 0%,#8742d95c 14%,transparent 39%),radial-gradient(ellipse at 80% 34%,#7f45e777 0%,transparent 33%);animation:banner-fluid-return 8.5s ease-in-out infinite alternate}
.specialties .container{position:relative;z-index:1;color:#f4efff;text-shadow:0 2px 5px #05030d,0 0 12px #080510,0 0 22px #080510}
.specialties strong{font-weight:650;color:#faf7ff}
.specialties .container>span:first-child{color:#d7c9ef;font-weight:600}
.specialties .divider{color:#b79cd5}
@keyframes banner-fluid{0%{transform:translate3d(-12%,-4%,0) rotate(-6deg) scaleY(.85)}50%{transform:translate3d(3%,7%,0) rotate(3deg) scaleY(1.15)}100%{transform:translate3d(13%,-3%,0) rotate(-2deg) scaleY(.95)}}
@keyframes banner-fluid-return{0%{transform:translate3d(14%,6%,0) rotate(5deg)}50%{transform:translate3d(-2%,-7%,0) rotate(-3deg) scaleY(1.2)}100%{transform:translate3d(-14%,4%,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.specialties::before,.specialties::after{animation:none;will-change:auto}}

/* Cartes expertise : verre translucide, halo blanc et symbole en filigrane. */
.services .card{isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(23,25,39,.72) 48%,rgba(15,17,27,.84));border-color:rgba(227,222,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 35px rgba(0,0,0,.12);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.services .card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 85% 60% at 85% 14%,rgba(247,243,255,.19),rgba(199,181,255,.07) 48%,transparent 76%);transition:opacity .3s;opacity:.8}
.services .service-watermark{position:absolute;right:12px;top:28px;z-index:-1;font-size:132px;line-height:1;font-weight:400;letter-spacing:-.08em;color:rgba(245,242,255,.12);text-shadow:0 0 26px rgba(237,226,255,.25);pointer-events:none;user-select:none;transform:rotate(-12deg)}
.services .card:nth-child(2) .service-watermark{font-size:88px;top:55px;right:16px;letter-spacing:-.1em;font-family:monospace}
.services .card:nth-child(3) .service-watermark{font-size:150px;top:22px}
.services .card:nth-child(4) .service-watermark{font-size:158px;top:16px}
.services .service-icon{background:rgba(171,151,235,.14);border-color:rgba(224,213,255,.24);color:#c0b2ff;box-shadow:inset 0 1px 0 #ffffff12}
.services .card h3{color:#faf8ff;text-shadow:0 1px 8px #0b0c1280}
.services .card p{color:#bfc1d2}.services .card-number{color:#a09bae}
.services .tags span{background:rgba(12,14,23,.5);color:#c4c6d9;border-color:#ffffff24}
.services .card:hover{border-color:#c6b4ef70;box-shadow:inset 0 1px 0 #ffffff26,0 12px 38px #afa0ef16}
.services .card:hover::before{opacity:1}
@media(prefers-reduced-motion:reduce){.services .card::before{transition:none}}