:root{--color-bg: #0f1118;--color-surface: rgba(6, 25, 50, .96);--color-text: #f0f0f0;--color-accent: #E066FF;--color-accent-rgb: 224, 102, 255;--color-blue: #2563FF;--color-blue-rgb: 37, 99, 255;--color-muted: rgba(255, 255, 255, .4);--font-heading: "Inter", sans-serif;--font-mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(10,22,40,.6) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(155,89,182,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(37,99,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(37,99,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body.page-leaving{animation:pageOut .4s ease-in forwards}@keyframes pageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.page-header{position:relative;z-index:1;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.page-header__left{display:flex;flex-direction:column;gap:.25rem}.page-header__brand{font-family:var(--font-heading);font-weight:900;font-size:1.2rem;color:var(--color-text);text-decoration:none;letter-spacing:.06em;transition:color .2s ease}.page-header__brand:hover{color:var(--color-accent)}.page-header__nav{display:flex;gap:1.5rem;align-items:center}.page-header__link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease;position:relative;text-align:center}.page-header__link:hover{color:var(--color-accent)}.page-header__link[data-active=true]{color:#ffffffe6}.page-header__link[data-active=true]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-accent)}.page-lang{position:relative;z-index:1;text-align:center;padding:.5rem 2.5rem;font-size:.7rem;letter-spacing:.1em;color:var(--color-muted)}.page-lang__link{color:var(--color-muted);text-decoration:none;transition:color .2s ease}.page-lang__link:hover{color:var(--color-accent)}.page-lang__current{color:#ffffffe6;font-weight:600}.page-back{position:relative;z-index:1;text-align:center;padding:2.25rem 2.5rem .85rem}.page-back__link{font-family:var(--font-mono);font-size:.8rem;color:var(--color-muted);text-decoration:none;letter-spacing:.05em;transition:color .2s ease;display:inline-flex;align-items:center;gap:.35rem}.page-back__link:hover{color:var(--color-accent)}.page-hero{position:relative;z-index:1;padding:1.5rem 2.5rem 2rem;max-width:800px;margin:0 auto}.page-hero h1{font-family:var(--font-heading);font-weight:900;font-size:3.5rem;letter-spacing:-.03em;line-height:1.2;margin-bottom:0;padding-bottom:.05em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}#estimate-hero h1{white-space:normal;overflow-wrap:break-word}.page-list{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:2rem 2.5rem 6rem}.page-card{border:1px solid rgba(255,255,255,.05);background:var(--color-surface);padding:2rem 2rem 1.8rem;margin-bottom:1.2rem;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;display:block;color:inherit;position:relative;overflow:hidden}.page-card:before{content:"";position:absolute;top:0;left:40px;right:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--color-blue-rgb),.6),transparent);opacity:0;transition:opacity .3s ease}.page-card:hover{border-color:rgba(var(--color-blue-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 40px #0000004d}.page-card:hover:before{opacity:1}.page-card__date{font-size:.7rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;font-family:var(--font-mono)}.page-card__title{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;margin-bottom:.8rem;line-height:1.3;transition:color .2s ease}.page-card:hover .page-card__title{color:#fffffff2}.page-card__excerpt{font-size:.85rem;color:#ffffff8c;line-height:1.7}.page-card__client{font-size:.75rem;color:var(--color-accent);letter-spacing:.08em;margin-bottom:.4rem;font-family:var(--font-mono)}.page-card__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}.page-card__tag{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;font-family:var(--font-mono)}.page-card__tag--blue{border:1px solid rgba(var(--color-blue-rgb),.3);color:rgba(var(--color-blue-rgb),.9)}.page-card__tag--accent{border:1px solid rgba(var(--color-accent-rgb),.3);color:rgba(var(--color-accent-rgb),.9)}.page-content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:3rem 2.5rem 6rem}.page-content__meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.page-content__product-link{display:inline-block;margin-bottom:2rem;font-size:.95rem;color:var(--color-accent);text-decoration:none;border-bottom:1px solid rgba(var(--color-accent-rgb),.5);transition:color .2s ease,border-color .2s ease}.page-content__product-link:hover{color:var(--color-text);border-color:var(--color-text)}.page-content__date{font-size:.7rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-mono)}.page-content__client{font-size:.75rem;color:var(--color-accent);letter-spacing:.08em;font-family:var(--font-mono)}.page-content h1{font-family:var(--font-heading);font-weight:900;font-size:2.5rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;padding-bottom:.05em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-content h2{font-family:var(--font-heading);font-weight:700;font-size:1.4rem;margin:2.5rem 0 1rem;color:var(--color-text)}.page-content h3{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;margin:2rem 0 .8rem;color:#ffffffe6}.page-content p{font-size:.9rem;line-height:1.8;color:#ffffffbf;margin-bottom:1.2rem}.page-content ul,.page-content ol{margin:1rem 0 1.5rem 1.5rem;font-size:.9rem;line-height:1.8;color:#ffffffbf}.page-content li{margin-bottom:.5rem}.page-content strong{color:var(--color-text)}.page-content blockquote{border-left:3px solid var(--color-accent);padding:1rem 1.5rem;margin:1.5rem 0;background:#e066ff0a;font-style:italic;color:#ffffffb3}.page-content blockquote p{margin-bottom:.5rem}.page-content code{font-family:var(--font-mono);font-size:.85em;background:#2563ff1a;padding:.15rem .4rem;border:1px solid rgba(37,99,255,.15);color:rgba(var(--color-blue-rgb),.9)}.page-content pre{background:#061932f5;border:1px solid rgba(255,255,255,.06);padding:1.5rem;margin:1.5rem 0;overflow-x:auto;font-size:.8rem;line-height:1.7}.page-content pre code{background:none;border:none;padding:0;color:#fffc}.page-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.85rem}.page-content th{font-family:var(--font-heading);font-weight:700;text-align:left;padding:.8rem 1rem;border-bottom:2px solid rgba(var(--color-blue-rgb),.3);color:var(--color-text)}.page-content td{padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffffb3}.page-content img{max-width:100%;height:auto;border:1px solid rgba(255,255,255,.06);margin:1.5rem 0}.image-gallery{display:grid;gap:1rem;margin:2rem 0}.image-gallery--full{grid-template-columns:1fr}.image-gallery--half{grid-template-columns:1fr 1fr}.image-gallery--third{grid-template-columns:1fr 1fr 1fr}.image-gallery img{width:100%;height:auto;border:1px solid rgba(255,255,255,.06);margin:0}.page-footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);padding:2rem 2.5rem;text-align:center;font-size:.7rem;color:var(--color-muted);letter-spacing:.08em}.page-footer a{color:var(--color-muted);text-decoration:none;transition:color .2s ease}.page-footer a:hover{color:var(--color-accent)}.page-footer__line2,.page-footer__line3{display:block}.page-footer__line2 a{margin:0 .2rem}.page-footer__line3{margin-top:.5rem;font-size:.65rem;opacity:.7}.page-data{position:fixed;bottom:2rem;left:2rem;font-size:9px;font-family:var(--font-mono);color:var(--color-muted);opacity:.35;z-index:0;pointer-events:none;line-height:1.8}@media(max-width:767px){.page-data{display:none}}.estimate-container{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:2rem 2.5rem 6rem}.estimate-cumul{font-family:var(--font-mono);font-size:.9rem;color:var(--color-muted);margin-bottom:1rem}.estimate-cumul strong{color:var(--color-accent);font-weight:700}.estimate-progress{height:4px;background:#ffffff14;border-radius:2px;margin-bottom:2rem;overflow:hidden}.estimate-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-blue),var(--color-accent));border-radius:2px;transition:width .3s ease}.estimate-question__title{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;margin-bottom:.75rem;color:var(--color-text);line-height:1.4}.estimate-question__examples{font-size:.85rem;color:var(--color-muted);margin-bottom:1.25rem;line-height:1.5}.estimate-options{display:flex;flex-direction:column;gap:.75rem}.estimate-option{display:block;width:100%;text-align:left;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid rgba(255,255,255,.08);color:var(--color-text);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;border-radius:4px}@media(hover:hover){.estimate-option:hover{border-color:rgba(var(--color-blue-rgb),.3);background:rgba(var(--color-blue-rgb),.05)}}.estimate-option--selected{border-color:rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.08)}.estimate-option__main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.estimate-option__label{flex:1;font-weight:600}.estimate-option__jours{font-size:.8rem;color:var(--color-accent);font-weight:600;white-space:nowrap}.estimate-option__desc{display:block;font-size:.8rem;color:var(--color-muted);margin-top:.35rem;font-weight:400}.estimate-actions{margin-top:2rem}.estimate-btn{font-family:var(--font-mono);font-size:.8rem;color:var(--color-muted);background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color .2s ease}.estimate-btn:hover{color:var(--color-accent)}.estimate-question__hint{font-family:var(--font-mono);font-size:.8rem;color:var(--color-accent);margin-bottom:1rem;opacity:.8}.estimate-option__check{font-size:.85rem;color:var(--color-accent);min-width:1.2em;text-align:center}.estimate-btn--continue{display:block;width:100%;margin-top:1.5rem;padding:.85rem 2rem;background:rgba(var(--color-accent-rgb),.15);border:1px solid rgba(var(--color-accent-rgb),.4);color:var(--color-accent);font-family:var(--font-mono);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:4px;transition:background .2s ease,border-color .2s ease,color .2s ease}.estimate-btn--continue:hover:not(:disabled){background:rgba(var(--color-accent-rgb),.25);border-color:var(--color-accent);color:var(--color-text)}.estimate-btn--disabled{opacity:.35;cursor:not-allowed}.estimate-step-indicator{margin-bottom:.5rem}.estimate-step-indicator__text{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase}.estimate-result{padding:2rem 0}.estimate-result__title{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-text);margin-bottom:1.25rem}.estimate-result__projection{margin-bottom:1.5rem}.estimate-result__social-proof,.estimate-result__anchor,.estimate-result__transition{margin-bottom:1.25rem}.estimate-result__card{font-family:var(--font-mono);font-size:.85rem;line-height:1.65;color:#ffffffa6;padding:.85rem 1.25rem;border-radius:4px}.estimate-result__card--problem{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.estimate-result__card--agitate{background:#ffffff0f;border:1px solid rgba(255,255,255,.15)}.estimate-result__card--solution{background:#ffffff1f;border:1px solid rgba(255,255,255,.22)}.estimate-result__card-text strong{color:var(--color-accent);font-weight:700}.estimate-result__card-text .estimate-result__source,.estimate-result__source{display:block;margin-top:.5rem;font-size:.72rem;color:#ffffff59;font-style:italic}.estimate-result__breakdown{margin-bottom:1.75rem}.estimate-breakdown__title{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:#ffffffb3;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.estimate-breakdown__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.estimate-breakdown__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;background:var(--color-surface);border:1px solid rgba(255,255,255,.06);border-radius:4px;font-family:var(--font-mono);font-size:.8rem}.estimate-breakdown__label{color:#ffffffa6}.estimate-breakdown__days{color:var(--color-accent);font-weight:700;white-space:nowrap}.estimate-breakdown__item--mult{flex-direction:column;align-items:flex-start;gap:.25rem;background:rgba(var(--color-accent-rgb),.06);border-color:rgba(var(--color-accent-rgb),.15)}.estimate-breakdown__item--mult .estimate-breakdown__label{color:var(--color-accent);font-weight:600}.estimate-breakdown__explain{color:#ffffff73;font-size:.7rem;line-height:1.4}.estimate-breakdown__item--total{border-top:2px solid rgba(var(--color-accent-rgb),.3);margin-top:.25rem;font-weight:700}.estimate-breakdown__item--total .estimate-breakdown__label{color:var(--color-text)}.estimate-breakdown__item--total .estimate-breakdown__days{font-size:.95rem}.estimate-result__value{font-family:var(--font-heading);font-weight:900;font-size:2rem;margin-bottom:.5rem;padding:1.25rem 0}.estimate-result__label{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem;font-weight:400;-webkit-text-fill-color:initial}.estimate-result__price{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.estimate-result__range{font-size:.8rem;color:var(--color-muted);margin-bottom:1.5rem;font-style:italic}.estimate-result__discovery{margin-bottom:1.5rem}.estimate-result__discovery-text{font-family:var(--font-mono);font-size:.8rem;color:#ffffff73;line-height:1.6}.estimate-result__vitrine-desc{font-family:var(--font-mono);font-size:.85rem;color:#fff9;line-height:1.65;margin-bottom:1.5rem}.estimate-result__vitrine-upsell{font-family:var(--font-mono);font-size:.85rem;color:#ffffffa6;line-height:1.65;padding:.85rem 1.25rem;background:rgba(var(--color-blue-rgb),.04);border:1px solid rgba(var(--color-blue-rgb),.15);border-radius:4px;margin-bottom:1.5rem}.estimate-result__actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.estimate-cta{display:block;width:fit-content;padding:1rem 2rem;background:rgba(var(--color-accent-rgb),.15);border:1px solid rgba(var(--color-accent-rgb),.4);color:var(--color-accent);font-family:var(--font-mono);font-size:.9rem;font-weight:600;text-decoration:none;letter-spacing:.08em;transition:background .2s ease,border-color .2s ease,color .2s ease;border-radius:4px}.estimate-cta:hover{background:rgba(var(--color-accent-rgb),.25);border-color:var(--color-accent);color:var(--color-text)}.estimate-cta--secondary{font-size:.75rem;padding:.5rem 1.25rem;background:transparent;border-color:#fff3;color:var(--color-muted);cursor:pointer}.estimate-cta--secondary:hover{background:#ffffff0f;border-color:#ffffff59;color:#ffffffd9}@media(max-width:600px){.page-hero h1{font-size:2.2rem;white-space:normal}.page-hero{padding-top:1.25rem}.page-header,.page-hero,.page-list,.page-content,.estimate-container{padding-left:1.5rem;padding-right:1.5rem}.estimate-result__value{font-size:1.5rem}.page-card{padding:1.5rem}.page-content h1{font-size:1.8rem}.image-gallery--half,.image-gallery--third{grid-template-columns:1fr}.page-header{flex-wrap:wrap;justify-content:center;gap:.75rem}.page-header__left{flex-basis:100%;align-items:center}.page-header__nav{flex-basis:100%;justify-content:center;gap:.8rem;padding-top:.25rem}.page-header__link{font-size:.65rem}}
