:root{--radius: 10px;--radius-sm: 7px;--accent: #2a3ee8;--accent-ink: #ffffff;--bg: #f8f4ed;--panel: #f2efe8;--panel-soft: #ece9e1;--stroke: #d6d0c6;--stroke-soft: #e2ddd6;--text: #1a1e23;--muted: #6b7077;--muted-soft: #9299a0;--color-paper: #f5f0e8;--display-font: "Barlow Condensed", sans-serif;--mono-font: "IBM Plex Mono", monospace;--ease: cubic-bezier(.22,1,.36,1)}*,*:before,*:after{box-sizing:border-box}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.15s;animation-timing-function:ease}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0}.site-header{border-bottom:1px solid var(--stroke);background:var(--bg);position:sticky;top:0;z-index:100;transition:background .3s var(--ease)}.site-header.is-scrolled{background:#f8f4ede6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-header__inner{max-width:1100px;margin:0 auto;padding:0 32px;height:52px;align-items:center;display:grid;grid-template-columns:1fr 32px;overflow:hidden;transition:grid-template-rows 1s}@media(min-width:640px){.site-header__inner{display:flex;justify-content:space-between;gap:16px}}@media(max-width:640px){.site-header__inner--mobile{grid-template-rows:1fr;height:auto;padding:16px 24px}}.site-header__logo{font-family:var(--display-font);font-size:18px;font-weight:700;color:var(--text);letter-spacing:.02em;text-transform:uppercase;text-decoration:none}.site-nav{display:flex;gap:4px;align-items:center}.site-nav a,.site-nav div{text-decoration:none;color:var(--muted);font-size:13px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.site-nav div button{line-height:initial!important}.site-nav a:hover{background:var(--panel);color:var(--text)}@media(min-width:640px){.site-nav a,.site-nav div{padding:5px 10px}}.site-main{max-width:1100px;margin:0 auto;padding:64px 32px 100px;display:flex;flex-direction:column;gap:80px;min-height:calc(100vh - 113px)}@media(max-width:640px){.site-main{padding:48px 20px 80px;gap:56px}.site-header__inner{padding:0 20px}}.kicker{display:block;font-family:var(--mono-font);font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-soft);margin:0}.kicker:before{content:"// ";color:var(--accent)}.eyebrow{display:block;margin:0;font-family:var(--mono-font);font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-soft)}.section{display:flex;flex-direction:column;gap:24px}.section--tight{gap:12px}.section__title{font-family:var(--mono-font);font-size:10px;font-weight:400;color:var(--muted-soft);letter-spacing:.1em;text-transform:uppercase;margin:0}.section__title:before{content:"// ";color:var(--accent)}.hero{padding-top:12px}.hero__title{font-family:var(--display-font);font-size:clamp(3rem,9vw,7rem);line-height:.9;letter-spacing:-.01em;font-weight:700;text-transform:uppercase;max-width:860px;color:var(--text)}.hero--product .hero__title{font-size:clamp(2.4rem,6vw,4.8rem);max-width:820px}.hero__intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:560px}.hero--product .hero__intro{max-width:640px}.hero__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hero__meta{font-family:var(--mono-font);font-size:11px;color:var(--muted-soft);letter-spacing:.05em}.hero__inner{display:flex;flex-direction:column;gap:24px}.hero--split{padding-top:24px;padding-bottom:8px}.hero--split .hero__layout{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media(min-width:720px){.hero--split .hero__layout{grid-template-columns:1fr auto;gap:56px;align-items:end}}.hero__aside{display:flex;flex-direction:column;gap:12px;padding:18px 22px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel);min-width:190px}.hero__aside-row{display:flex;flex-direction:column;gap:3px}.hero__aside-label{font-family:var(--mono-font);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-soft)}.hero__aside-value{font-size:12px;color:var(--text);line-height:1.4}.hero__aside-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px;vertical-align:middle;box-shadow:0 0 0 2px #22c55e40}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.reveal.is-visible{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s,background .15s;white-space:nowrap}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{opacity:.88}.btn--ghost{border:1px solid var(--stroke);color:var(--text);background:transparent}.btn--ghost:hover{background:var(--panel)}.list{display:flex;flex-direction:column;border-top:1px solid var(--stroke)}.list-item{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1px solid var(--stroke);text-decoration:none;color:var(--text);transition:padding-left .2s ease}.list-item:hover{padding-left:10px}.list-item__head{display:flex;align-items:baseline;gap:12px}.list-item__meta{font-family:var(--mono-font);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-soft);white-space:nowrap}.list-item__title{font-size:18px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.list-item__body{font-size:14px;color:var(--muted);max-width:600px;line-height:1.6}.block-list{display:flex;flex-direction:column;border-top:1px solid var(--stroke)}.block-item{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-bottom:1px solid var(--stroke-soft)}@media(min-width:720px){.block-item{grid-template-columns:220px 1fr;gap:32px;align-items:baseline}}.block-item__title{font-size:15px;font-weight:600;letter-spacing:-.015em;color:var(--text)}.block-item__body{font-size:14px;line-height:1.7;color:var(--muted)}.block-item__body a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.col-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:640px){.col-grid--2{grid-template-columns:1fr 1fr}.col-grid--3{grid-template-columns:1fr 1fr 1fr}}.col-grid__item{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--stroke)}.col-grid__title{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.prose-block{display:flex;flex-direction:column;gap:10px;padding-bottom:28px;border-bottom:1px solid var(--stroke-soft)}.prose-block:last-child{border-bottom:none}.prose-block__title{font-size:15px;font-weight:600;letter-spacing:-.015em;color:var(--text)}.prose-block__body{font-size:14px;line-height:1.75;color:var(--muted)}.fact-list{display:flex;flex-direction:column;gap:16px}.fact-item{display:flex;flex-direction:column;gap:3px}.fact-item__label{font-family:var(--mono-font);font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-soft)}.fact-item__label:before{content:"// ";color:var(--accent);opacity:.5}.fact-item__value{font-size:13px;line-height:1.5;color:var(--text)}.cta-band{padding:40px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);display:flex;flex-direction:column;gap:20px}@media(min-width:720px){.cta-band{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:48px}}.cta-band__content{display:flex;flex-direction:column;gap:14px}.cta-band__title{font-family:var(--display-font);font-size:clamp(2.4rem,6vw,5rem);font-weight:700;line-height:.9;letter-spacing:-.01em;text-transform:uppercase;color:var(--text);margin:0}.cta-band__body{font-size:14px;line-height:1.7;color:var(--muted);max-width:480px}.cta-band__actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.steps-list{display:flex;flex-direction:column;border-top:1px solid var(--stroke)}.step-item{display:flex;align-items:flex-start;gap:20px;padding:18px 0;border-bottom:1px solid var(--stroke-soft)}.step-item__index{flex:0 0 32px;font-family:var(--mono-font);font-size:11px;font-weight:400;color:var(--accent);letter-spacing:.05em;padding-top:2px}.step-item__content{display:flex;flex-direction:column;gap:5px}.step-item__title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.step-item__body{font-size:14px;line-height:1.65;color:var(--muted)}.clean-list{list-style:none;display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:14px;line-height:1.6}.clean-list li:before{content:"—";margin-right:8px;color:var(--stroke)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.tag-list__item{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid var(--stroke);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px}.pricing-grid{display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}@media(min-width:700px){.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}}.pricing-card{display:flex;flex-direction:column;gap:14px;padding:28px 0}@media(min-width:700px){.pricing-card{padding:28px 24px;border-right:1px solid var(--stroke-soft)}.pricing-card:first-child{padding-left:0}.pricing-card:last-child{border-right:none;padding-right:0}}.pricing-card__meta{font-family:var(--mono-font);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft);margin:0}.pricing-card__title{font-family:var(--display-font);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:.95;color:var(--text)}.pricing-card__intro{font-size:13px;line-height:1.6;color:var(--muted)}.pricing-card__actions{display:flex;gap:8px;flex-wrap:wrap}.pricing-card--featured{position:relative}.pricing-card--featured:before{content:"Populaire";font-family:var(--mono-font);font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:-8px}.work-list{display:flex;flex-direction:column;border-top:1px solid var(--stroke)}.work-card{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-bottom:1px solid var(--stroke-soft)}.work-card__meta{font-family:var(--mono-font);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-soft)}.work-card__title{font-size:20px;font-weight:600;letter-spacing:-.025em;color:var(--text)}.work-card__body{font-size:14px;line-height:1.65;color:var(--muted);max-width:640px}.work-card__link{font-family:var(--mono-font);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);text-decoration:none;margin-top:4px}.work-card__link:hover{text-decoration:underline}.project-layout{display:flex;flex-direction:column;gap:40px}.project-main{display:flex;flex-direction:column;gap:0}.project-block{display:flex;flex-direction:column;gap:8px;padding-bottom:28px;border-bottom:1px solid var(--stroke-soft);margin-bottom:28px}.project-block:last-child{border-bottom:none;margin-bottom:0}.project-block__title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.project-block__body{font-size:14px;line-height:1.75;color:var(--muted)}.project-facts{display:flex;flex-direction:column;gap:16px;padding:0;border:none;background:transparent}.project-facts__item{display:flex;flex-direction:column;gap:3px}.project-facts__label{font-family:var(--mono-font);font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-soft)}.project-facts__label:before{content:"// ";color:var(--accent);opacity:.5}.project-facts__value{font-size:13px;line-height:1.5;color:var(--text)}@media(min-width:800px){.project-layout{flex-direction:row;align-items:flex-start;gap:56px}.project-main{flex:1 1 auto;min-width:0}.project-aside{flex:0 0 200px;position:sticky;top:72px}}.feature-list{display:flex;flex-direction:column;border-top:1px solid var(--stroke)}.feature-card{display:grid;grid-template-columns:1fr;gap:6px;padding:18px 0;border-bottom:1px solid var(--stroke-soft);background:transparent;border-radius:0;border-left:none;border-right:none}@media(min-width:720px){.feature-card{grid-template-columns:220px 1fr;gap:32px;align-items:baseline}}.feature-card__title{font-size:15px;font-weight:600;letter-spacing:-.015em;color:var(--text)}.feature-card__body{font-size:14px;line-height:1.7;color:var(--muted)}.feature-card__body a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.feature-columns{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:640px){.feature-columns{grid-template-columns:1fr 1fr}.feature-columns:has(.feature-column:nth-child(3)){grid-template-columns:1fr 1fr 1fr}}.feature-column{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--stroke);background:transparent;border-radius:0;border-left:none;border-right:none;border-bottom:none}.feature-column__title{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.spec-list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--stroke)}@media(min-width:640px){.spec-list{grid-template-columns:1fr 1fr 1fr}}.spec-item{display:flex;flex-direction:column;gap:6px;padding:18px 20px 18px 0;border-bottom:1px solid var(--stroke-soft);background:transparent;border-radius:0}@media(min-width:640px){.spec-item{border-bottom:none;border-right:1px solid var(--stroke-soft);padding:0 24px}.spec-item:first-child{padding-left:0}.spec-item:last-child{border-right:none}}.spec-item__title{font-size:14px;font-weight:600;color:var(--text)}.spec-item__body{font-size:13px;line-height:1.6;color:var(--muted)}.builder-shell{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 180px)}.builder-shell__title{font-family:var(--display-font);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:.95;color:var(--text)}.builder-shell__text{font-size:14px;line-height:1.6;color:var(--muted)}.builder-shell__frame-wrap{flex:1 1 auto;min-height:72vh;border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.builder-shell__frame{width:100%;min-height:72vh;border:0;display:block;background:#fff}.product-card{border:none;border-radius:0;background:transparent;display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1px solid var(--stroke-soft)}.product-card__meta{font-family:var(--mono-font);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-soft)}.product-card__title{font-size:15px;font-weight:600;color:var(--text)}.product-card__body{font-size:14px;line-height:1.55;color:var(--muted)}.product-card__link{font-size:13px;text-decoration:none;color:var(--text)}.cta-block{display:flex;flex-direction:column;gap:14px;padding:36px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:transparent;border-radius:0}.cta-block__title{font-family:var(--display-font);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:.92;color:var(--text)}.cta-block__body{font-size:14px;line-height:1.65;color:var(--muted);max-width:520px}.cta-block .btn{width:fit-content}.service-block{display:flex;flex-direction:column;gap:12px}.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--stroke)}.faq-item{border-bottom:1px solid var(--stroke)}.faq-item__q{display:block;padding:16px 0;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;list-style:none;letter-spacing:-.01em}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q:after{content:"+";float:right;color:var(--muted-soft);font-weight:400;font-size:18px;line-height:1;margin-top:1px}details[open] .faq-item__q:after{content:"−"}.faq-item__a{font-size:14px;line-height:1.7;color:var(--muted);padding-bottom:16px;max-width:680px}.work-item__title a{color:var(--text);text-decoration:none}.work-item__title a:hover{text-decoration:underline}.live-demo-callout{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:14px 16px;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);max-width:520px}.live-demo-callout__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-top:5px;box-shadow:0 0 0 3px #22c55e33}.live-demo-callout__text{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.live-demo-callout__text strong{color:var(--text)}.pain-block{max-width:640px;display:flex;flex-direction:column;gap:12px}.pain-block__text{font-size:15px;line-height:1.65;color:var(--text);margin:0}.pain-block__text:first-child{color:var(--muted)}.demo-block{display:flex;flex-direction:column;gap:16px}.demo-block__label{font-size:13px;color:var(--muted);margin:0}.testimonial-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--stroke)}@media(min-width:640px){.testimonial-list{display:grid;grid-template-columns:1fr 1fr;gap:0}}.testimonial{margin:0;padding:20px 0;background:transparent;border:none;border-bottom:1px solid var(--stroke-soft);border-radius:0}@media(min-width:640px){.testimonial{padding:24px 28px;border-right:1px solid var(--stroke-soft);border-bottom:none}.testimonial:first-child{padding-left:0}.testimonial:last-child{border-right:none}}.testimonial__quote{font-size:14px;line-height:1.65;color:var(--text);margin:0 0 12px;font-style:italic}.testimonial__author{font-size:12px;color:var(--muted-soft);font-style:normal}.site-footer{border-top:1px solid var(--stroke);padding:48px 0 28px;font-size:12px;color:var(--muted-soft);background-color:#030405}.site-footer__inner{max-width:none;width:100%;margin:0 auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:48px;box-sizing:border-box}.footer-banner{padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}.footer-banner__label{font-family:var(--mono-font);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff38;margin-bottom:12px;display:block}.footer-banner__label:before{content:"// ";color:var(--accent);opacity:.5}.footer-banner__title{font-family:var(--display-font);font-size:clamp(2.6rem,7vw,6rem);font-weight:700;line-height:.88;letter-spacing:-.01em;text-transform:uppercase;color:#ffffffd9;margin:0}.footer-banner__sub{margin-top:14px;font-size:13px;color:#ffffff47;line-height:1.6;max-width:480px}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}@media(min-width:640px){.site-footer .footer-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.site-footer-main .footer-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(min-width:768px){.site-footer-studio .footer-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.site-footer-studio .footer-grid{grid-template-columns:repeat(6,1fr)}}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col__label{font-family:var(--mono-font);font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#ffffff38;margin:0}.footer-col__label:before{content:"// ";color:var(--accent);opacity:.4}.footer-col__list{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0;padding:0}.footer-col__list a{font-size:13px;color:#f8f4ed80;text-decoration:none;transition:color .15s}.footer-col__list a:hover{color:#f8f4ede0}.footer-copy{font-family:var(--mono-font);font-size:10px;letter-spacing:.05em;color:#ffffff26;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.burger-button{display:none}@media(max-width:640px){.burger-button{display:flex;border:0;margin:0;padding:0;background:transparent;width:2rem;height:2rem}.burger-icon{width:2rem;height:2rem}rect{x:0;rx:8px;width:100px;height:14px;fill:var(--text);transform-origin:center}.rect-1{y:0}.rect-2{y:30px}.rect-3{y:60px}[aria-expanded=true] .rect-1{y:30px;rotate:45deg}[aria-expanded=true] .rect-2{opacity:0}[aria-expanded=true] .rect-3{y:30px;rotate:-45deg}@media(prefers-reduced-motion:no-preference){rect{transition:y .3s .3s,opacity .3s,rotate .3s}[aria-expanded=true] rect{transition:y .3s,opacity .3s,rotate .3s .3s cubic-bezier(.55,-.65,0,2.32)}}}.site-nav{display:none}@media(max-width:640px){.site-nav{min-height:0;transition:visibility 3s;visibility:hidden}}@media(min-width:640px){.site-nav{display:flex;align-items:center}}.site-nav--visible{display:flex;flex-direction:column;grid-column:1 / 3;align-items:flex-start;margin:16px 0;gap:16px}@media(min-width:640px){.site-nav--visible{flex-direction:row;margin:0;align-items:center;gap:initial}}@media(max-width:640px){.site-nav--visible{visibility:visible}}.site-header{background-color:var(--color-paper)}@media(min-width:640px){.site-header--mobile{background:#faf7f2e0}}