/* Genere par tools/build.py depuis styles/main.css : ne pas modifier a la main. */
:root{--ink: #0c1320;--ink-2: #131c2c;--ink-3: #1c2740;--paper: #f6f1e7;--paper-2: #ece4d2;--line: #d9cfb9;--gold: #b9925a;--gold-2: #d6b483;--rose: #c46a5b;--green: #6b8a5a;--red: #b04a3a;--amber: #c98a2b;--serif: 'Playfair Display','EB Garamond',Georgia,serif;--sans: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--maxw: 1240px;--pad: clamp(20px,4vw,56px);--r: 14px;--r-lg: 22px;--ease: cubic-bezier(.2,.7,.2,1)}*{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;overflow-x: hidden}body{margin: 0;font-family: var(--sans);font-size: 16px;line-height: 1.6;color: var(--ink);background: var(--paper);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden;width: 100%}img{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration: none}button{font-family: inherit;cursor: pointer}::selection{background: var(--ink);color: var(--paper)}.grain{pointer-events: none;position: fixed;inset: 0;z-index: 9999;opacity: .035;mix-blend-mode: multiply;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.dot{width: 8px;height: 8px;border-radius: 50%;background: var(--ink);display: inline-block}.dot--live{background: var(--green);animation: pulse 2.2s infinite}.dot--idle{background: color-mix(in oklab,var(--ink) 30%,transparent)}.dot--call{background: var(--rose);animation: pulse 1.4s infinite}@keyframes pulse{0%{box-shadow: 0 0 0 0 color-mix(in oklab,currentColor 50%,transparent)}70%{box-shadow: 0 0 0 10px transparent}100%{box-shadow: 0 0 0 0 transparent}}.reveal{opacity: 0;transform: translateY(24px);transition: opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-in{opacity: 1;transform: none}picture{display: contents}.btn{display: inline-flex;align-items: center;gap: 10px;padding: 14px 22px;border-radius: 999px;font-size: 14px;font-weight: 500;letter-spacing: .01em;border: 1px solid transparent;transition: transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);will-change: transform}.btn:hover{transform: translateY(-1px)}.btn:active{transform: translateY(0)}.btn__icon{display: inline-flex;width: 18px;height: 18px}.btn__icon svg{width: 100%;height: 100%}.btn--primary{background: var(--ink);color: var(--paper)}.btn--primary:hover{background: var(--ink-3)}.btn--ghost{background: transparent;color: var(--ink);border-color: color-mix(in oklab,var(--ink) 25%,transparent)}.btn--ghost:hover{border-color: var(--ink)}.btn--round{padding: 14px 18px}.btn--mini{padding: 8px 12px;font-size: 12px;background: var(--ink);color: var(--paper);border-radius: 8px}.btn--mini-ghost{background: transparent;color: var(--ink);border: 1px solid var(--line)}.btn--mini-ghost:hover{border-color: var(--ink)}.btn[disabled]{opacity: .35;cursor: not-allowed}.nav{position: sticky;top: 0;z-index: 100;display: flex;align-items: center;justify-content: space-between;padding: 18px var(--pad);background: color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter: saturate(140%) blur(10px);-webkit-backdrop-filter: saturate(140%) blur(10px);border-bottom: 1px solid color-mix(in oklab,var(--line) 60%,transparent)}.nav__brand{display: flex;align-items: center;gap: 12px}.nav__logo{width: 58px;height: 58px;border-radius: 14px;background: var(--paper-2);padding: 6px;object-fit: contain}.nav__wordmark{display: flex;flex-direction: column;line-height: 1.1}.nav__wordmark-main{font-family: var(--serif);font-weight: 500;font-size: 19px}.nav__wordmark-sub{font-size: 11px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 55%,transparent)}.nav__links{display: flex;align-items: center;gap: 28px}.nav__links a{font-size: 14px;position: relative;color: color-mix(in oklab,var(--ink) 75%,transparent);transition: color .25s var(--ease)}.nav__links a::after{content: "";position: absolute;left: 0;right: 0;bottom: -6px;height: 1px;background: var(--ink);transform: scaleX(0);transform-origin: left;transition: transform .35s var(--ease)}.nav__links a:hover{color: var(--ink)}.nav__links a:hover::after{transform: scaleX(1)}.nav__cta{background: var(--ink);color: var(--paper) !important;padding: 10px 16px;border-radius: 999px;font-weight: 500}.nav__cta::after{display: none}.nav__cta:hover{background: var(--ink-3)}.nav__burger{display: none;background: none;border: 0;padding: 8px;flex-direction: column;gap: 4px}.nav__burger span{width: 22px;height: 1.5px;background: var(--ink)}.section{padding: clamp(72px,10vw,140px) var(--pad);max-width: var(--maxw);margin: 0 auto}.section--wide{max-width: 1440px}.section--dark{background: var(--ink);color: var(--paper);max-width: none;padding-left: var(--pad);padding-right: var(--pad)}.section--soft{background: var(--paper-2);max-width: none}.section--dark>*,.section--soft>*{max-width: var(--maxw);margin-left: auto;margin-right: auto}.section--dark .eyebrow,.section--dark .section__sub{color: color-mix(in oklab,var(--paper) 70%,transparent)}.section__head{max-width: 760px;margin-bottom: 56px}.eyebrow{display: inline-block;font-size: 12px;letter-spacing: .18em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 55%,transparent);margin-bottom: 18px}.eyebrow--small{margin-bottom: 10px}.section__title{font-family: var(--serif);font-weight: 500;font-size: clamp(28px,4vw,48px);line-height: 1.1;letter-spacing: -0.015em;margin: 0 0 18px}.section__title em{font-style: normal;font-weight: 500;color: color-mix(in oklab,var(--ink) 65%,var(--gold))}.section__sub{font-size: clamp(15px,1.2vw,17px);color: color-mix(in oklab,var(--ink) 70%,transparent);max-width: 65ch;margin: 0}.footer{padding: 48px var(--pad) 32px;background: var(--ink-2);color: color-mix(in oklab,var(--paper) 70%,transparent)}.footer__top{display: flex;justify-content: space-between;align-items: center;gap: 24px;flex-wrap: wrap;max-width: var(--maxw);margin: 0 auto;padding-bottom: 32px;border-bottom: 1px solid color-mix(in oklab,var(--paper) 12%,transparent)}.footer__brand{display: flex;align-items: center;gap: 14px}.footer__brand img{width: 58px;height: 58px;border-radius: 14px;background: var(--paper-2);padding: 6px;object-fit: contain}.footer__brand strong{font-family: var(--serif);font-weight: 500;font-size: 20px;color: var(--paper);display: block}.footer__brand span{font-size: 12px}.footer__nav{display: flex;gap: 24px;flex-wrap: wrap}.footer__nav a{font-size: 13px;transition: color .25s var(--ease)}.footer__nav a:hover{color: var(--paper)}.footer__bottom{display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap;max-width: var(--maxw);margin: 24px auto 0;font-size: 12px;color: color-mix(in oklab,var(--paper) 50%,transparent)}.amp{font-family: var(--sans);font-style: normal;font-weight: inherit}.field{display: flex;flex-direction: column;gap: 6px}.field--full{grid-column: 1 / -1}.field label{font-size: 11px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--paper) 55%,transparent)}.field input,.field textarea{background: transparent;border: 0;border-bottom: 1px solid color-mix(in oklab,var(--paper) 25%,transparent);padding: 10px 0;color: var(--paper);font: inherit;font-size: 15px;transition: border-color .25s var(--ease)}.field input:focus,.field textarea:focus{outline: none;border-bottom-color: var(--gold)}.field textarea{resize: vertical;min-height: 80px}.field input:invalid:not(:placeholder-shown){border-bottom-color: var(--rose)}.field__actions{display: flex;justify-content: space-between;align-items: center;gap: 16px;flex-wrap: wrap;margin-top: 6px}.check{display: inline-flex;gap: 10px;align-items: flex-start;font-size: 13px;cursor: pointer;color: color-mix(in oklab,var(--paper) 70%,transparent)}.check input{accent-color: var(--gold);margin-top: 2px}.modal{position: fixed;inset: 0;z-index: 1000;display: flex;align-items: center;justify-content: center;padding: 20px;visibility: hidden;opacity: 0;transition: opacity .25s var(--ease),visibility .25s}.modal.is-open{visibility: visible;opacity: 1}.modal__backdrop{position: absolute;inset: 0;background: color-mix(in oklab,var(--ink) 65%,transparent);backdrop-filter: blur(4px)}.modal__panel{position: relative;background: var(--paper);border-radius: var(--r-lg);border: 1px solid var(--line);width: 100%;max-width: 520px;max-height: calc(100vh - 40px);overflow-y: auto;box-shadow: 0 50px 100px -30px rgba(0,0,0,.4);transform: translateY(20px) scale(.98);transition: transform .3s var(--ease)}.modal.is-open .modal__panel{transform: none}.modal__head{display: flex;align-items: center;justify-content: space-between;padding: 22px 24px;border-bottom: 1px solid var(--line)}.modal__head h3{margin: 0;font-family: var(--serif);font-weight: 500;font-size: 22px;letter-spacing: -0.005em}.modal__close{width: 36px;height: 36px;border-radius: 50%;background: transparent;border: 1px solid var(--line);color: var(--ink);font-size: 22px;line-height: 1;cursor: pointer;transition: all .2s var(--ease)}.modal__close:hover{background: var(--ink);color: var(--paper);border-color: var(--ink)}.modal__form{padding: 22px 24px 24px;display: flex;flex-direction: column;gap: 16px}.modal__form .field{display: flex;flex-direction: column;gap: 6px}.modal__form .field label{font-size: 11px;letter-spacing: .12em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 60%,transparent)}.modal__form .field input{background: #fff;border: 1px solid var(--line);border-radius: 8px;padding: 10px 12px;font: inherit;font-size: 14px;color: var(--ink)}.modal__form .field input:focus{outline: 2px solid var(--ink);outline-offset: 1px;border-color: var(--ink)}.field-row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.field-row .field input{min-width: 0;width: 100%}.field-row>.field:nth-child(3){grid-column: 1 / -1}.modal__actions{display: flex;gap: 10px;justify-content: flex-end;margin-top: 4px}.demo{display: grid;grid-template-columns: minmax(240px,0.7fr) minmax(0,1.6fr);gap: clamp(24px,4vw,64px);align-items: start;margin-top: clamp(60px,8vw,100px)}.demo--stacked{grid-template-columns: 1fr}.demo--stacked .demo__intro{position: static;max-width: 720px;margin-bottom: clamp(20px,3vw,36px)}.demo__intro{position: sticky;top: 110px;align-self: start}.demo--reverse{grid-template-columns: minmax(0,1.6fr) minmax(240px,0.7fr)}.demo--reverse>.demo__intro{order: 2}.demo__intro h3{font-family: var(--serif);font-weight: 500;font-size: clamp(22px,2.4vw,28px);line-height: 1.2;margin: 0 0 14px;letter-spacing: -0.005em}.demo__intro p{color: color-mix(in oklab,var(--ink) 75%,transparent);margin: 0 0 18px}.demo__bullets{list-style: none;padding: 0;margin: 0}.demo__bullets li{font-size: 14px;padding: 8px 0;position: relative;padding-left: 22px;color: color-mix(in oklab,var(--ink) 80%,transparent)}.demo__bullets li::before{content: "→";position: absolute;left: 0;color: var(--gold);font-family: var(--serif)}.mockup{background: #fff;border-radius: var(--r-lg);border: 1px solid var(--line);box-shadow: 0 30px 60px -30px color-mix(in oklab,var(--ink) 30%,transparent),0 1px 0 0 color-mix(in oklab,var(--ink) 6%,transparent);overflow: hidden}.mockup__chrome{display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: var(--paper-2);border-bottom: 1px solid var(--line);font-size: 12px;color: color-mix(in oklab,var(--ink) 55%,transparent)}.mockup__chrome span{width: 10px;height: 10px;border-radius: 50%;background: color-mix(in oklab,var(--ink) 18%,transparent)}.mockup__chrome em{font-style: normal;margin-left: 12px;letter-spacing: .04em;font-family: var(--sans)}.mockup__body{padding: clamp(14px,2.5vw,22px);overflow-x: hidden}.hero{position: relative;padding: clamp(48px,7vw,96px) var(--pad) clamp(60px,8vw,110px);max-width: var(--maxw);margin: 0 auto}.hero__grid{display: grid;grid-template-columns: 0.85fr 1.15fr;gap: clamp(32px,5vw,80px);align-items: start}.hero__media{position: sticky;top: 100px}.hero__photo{position: relative;border-radius: var(--r-lg);overflow: hidden;background: var(--ink);aspect-ratio: 4 / 5;box-shadow: 0 40px 80px -40px color-mix(in oklab,var(--ink) 50%,transparent)}.hero__photo img{width: 100%;height: 100%;object-fit: cover;filter: contrast(1.02) saturate(0.95);transition: transform 1.2s var(--ease)}.hero__photo:hover img{transform: scale(1.03)}.hero__photo-frame{position: absolute;inset: 14px;border: 1px solid color-mix(in oklab,var(--paper) 40%,transparent);border-radius: calc(var(--r-lg) - 6px);pointer-events: none;mix-blend-mode: overlay}.hero__signature{margin-top: 22px;padding-left: 4px;display: flex;flex-direction: column;gap: 2px}.hero__sig-line{font-family: var(--serif);font-style: normal;font-weight: 500;font-size: 28px;letter-spacing: -0.01em;color: var(--ink)}.hero__sig-sub{font-size: 11px;letter-spacing: .18em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 55%,transparent)}.hero__content{min-width: 0}.hero__meta{display: inline-flex;align-items: center;gap: 10px;font-size: 12px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 60%,transparent);margin-bottom: 24px}.hero__title{font-family: var(--serif);font-weight: 500;font-size: clamp(32px,4.8vw,56px);line-height: 1.1;letter-spacing: -0.015em;margin: 0 0 22px}.hero__title em{font-style: italic;font-weight: 400;color: color-mix(in oklab,var(--ink) 70%,var(--gold))}.hero__title .hl{background: linear-gradient(180deg,transparent 62%,color-mix(in oklab,var(--gold) 35%,transparent) 62%);padding: 0 .08em}.hero__lede{max-width: 60ch;font-size: clamp(15px,1.2vw,17px);color: color-mix(in oklab,var(--ink) 78%,transparent);margin: 0 0 14px}.hero__lede strong{color: var(--ink);font-weight: 600}.hero__lede em{font-style: normal;color: color-mix(in oklab,var(--ink) 70%,var(--gold))}.hero__columns{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin: 36px 0 32px;padding-top: 32px;border-top: 1px solid var(--line)}.hero__ctas{display: flex;flex-wrap: wrap;gap: 12px}.timeline{list-style: none;padding: 0;margin: 0}.timeline li{position: relative;padding: 12px 0 12px 22px;border-bottom: 1px dashed color-mix(in oklab,var(--line) 80%,transparent)}.timeline li:last-child{border-bottom: 0}.timeline li::before{content: "";position: absolute;left: 0;top: 20px;width: 8px;height: 8px;border-radius: 50%;background: var(--gold);box-shadow: 0 0 0 4px color-mix(in oklab,var(--gold) 20%,transparent)}.timeline__date{display: block;font-size: 11px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 55%,transparent);margin-bottom: 4px}.timeline strong{display: block;font-size: 14px;font-weight: 600}.timeline span:not(.timeline__date){display: block;font-size: 13px;color: color-mix(in oklab,var(--ink) 65%,transparent)}.skills{display: flex;flex-direction: column;gap: 18px}.skills__group h4{margin: 0 0 8px;font-family: var(--sans);font-size: 13px;font-weight: 500;color: var(--ink)}.skills__chips{display: flex;flex-wrap: wrap;gap: 6px}.skills__chips span{display: inline-flex;align-items: center;padding: 5px 11px;border-radius: 999px;font-size: 12px;background: var(--paper);border: 1px solid var(--line);color: color-mix(in oklab,var(--ink) 80%,transparent);transition: all .25s var(--ease)}.skills__chips span:hover{background: var(--ink);color: var(--paper);border-color: var(--ink)}.skills__chips--soft span{background: transparent;font-style: italic;font-family: var(--serif);font-size: 14px;border-color: color-mix(in oklab,var(--gold) 50%,var(--line));color: var(--ink)}.cards{display: grid;gap: 20px;grid-template-columns: repeat(3,1fr);grid-auto-rows: min-content}.cards--4{grid-template-columns: repeat(4,1fr)}@supports (grid-template-rows: subgrid){.cards{grid-template-rows: auto auto 1fr auto auto auto}.card{display: grid;grid-row: span 6;grid-template-rows: subgrid;row-gap: 0}.card__list{display: grid;grid-row: 4 / span 3;grid-template-rows: subgrid;margin: 0}}.cards__more{margin: 32px auto 0;max-width: 60ch;text-align: center;font-size: 14px;color: color-mix(in oklab,var(--ink) 60%,transparent)}.cards__more em{font-family: var(--serif);font-style: italic;font-size: 18px;color: var(--ink)}.card{position: relative;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 28px 24px 24px;transition: transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);display: flex;flex-direction: column}.card:hover{transform: translateY(-4px);border-color: var(--ink);box-shadow: 0 30px 60px -30px color-mix(in oklab,var(--ink) 30%,transparent)}.card__num{font-family: var(--serif);font-size: 14px;color: var(--gold);margin-bottom: 14px;letter-spacing: .1em}.card h3{font-family: var(--serif);font-weight: 500;font-size: 24px;letter-spacing: -0.005em;margin: 0 0 10px;line-height: 1.2}.card p{color: color-mix(in oklab,var(--ink) 75%,transparent);margin: 0 0 18px;font-size: 14.5px;line-height: 1.55}.card__list{list-style: none;padding: 0;margin: auto 0 0;border-top: 1px solid var(--line)}.card__list li{font-size: 14px;padding: 12px 0;border-bottom: 1px dashed color-mix(in oklab,var(--line) 80%,transparent);position: relative;padding-left: 26px;color: color-mix(in oklab,var(--ink) 80%,transparent);display: flex;align-items: center;min-height: 52px;line-height: 1.4}.card__list li::before{content: "";position: absolute;left: 0;top: 50%;width: 16px;height: 1px;background: var(--gold)}.card__list li:last-child{border-bottom: 0}.agent{background: var(--ink-2);border: 1px solid color-mix(in oklab,var(--paper) 12%,transparent);border-radius: var(--r-lg);padding: 28px}.agent__choices{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px}.chip{background: transparent;color: color-mix(in oklab,var(--paper) 70%,transparent);border: 1px solid color-mix(in oklab,var(--paper) 18%,transparent);padding: 10px 16px;border-radius: 999px;font-size: 13px;transition: all .25s var(--ease)}.chip:hover{color: var(--paper);border-color: color-mix(in oklab,var(--paper) 40%,transparent)}.chip.is-active{background: var(--paper);color: var(--ink);border-color: var(--paper)}.agent__panel{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.agent__phone{background: var(--ink-3);border-radius: var(--r);padding: 28px;display: flex;flex-direction: column;gap: 22px;border: 1px solid color-mix(in oklab,var(--paper) 8%,transparent)}.agent__status{display: flex;align-items: center;gap: 10px;font-size: 12px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--paper) 65%,transparent)}.agent__timer{margin-left: auto;font-variant-numeric: tabular-nums;font-family: var(--serif);font-size: 16px;color: var(--paper)}.agent__visual{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 14px;padding: 30px 10px;background: radial-gradient(ellipse at center,color-mix(in oklab,var(--gold) 12%,transparent) 0%,transparent 70%),var(--ink-2);border-radius: var(--r);min-height: 220px}.wave{width: 100%;max-width: 280px;height: 80px}.wave rect{fill: var(--gold-2);transition: height .12s var(--ease),y .12s var(--ease),opacity .25s var(--ease);opacity: .35}.agent.is-active .wave rect,.agent.is-listening .wave rect{opacity: 1}.agent__shop{font-family: var(--serif);font-size: 22px;color: var(--paper)}.agent__caption{font-size: 14px;color: color-mix(in oklab,var(--paper) 65%,transparent);max-width: 32ch}.agent__controls{display: flex;gap: 10px;justify-content: center}.agent__controls .btn--primary{background: var(--gold);color: var(--ink)}.agent__controls .btn--primary:hover{background: var(--gold-2)}.agent__controls .btn--ghost{color: var(--paper);border-color: color-mix(in oklab,var(--paper) 25%,transparent)}.agent__controls .btn--ghost:hover{border-color: var(--paper)}.agent__transcript{background: var(--ink-3);border: 1px solid color-mix(in oklab,var(--paper) 8%,transparent);border-radius: var(--r);padding: 22px;height: 100%;min-height: 360px;overflow-y: auto;display: flex;flex-direction: column;gap: 14px;scroll-behavior: smooth}.agent__placeholder{margin: auto;text-align: center;color: color-mix(in oklab,var(--paper) 50%,transparent)}.agent__placeholder small{display: block;margin-top: 8px;font-size: 11px;opacity: .7}.bubble{max-width: 85%;padding: 12px 16px;border-radius: 14px;font-size: 14px;line-height: 1.5;animation: bubbleIn .4s var(--ease) both}@keyframes bubbleIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.bubble--ai{align-self: flex-start;background: color-mix(in oklab,var(--paper) 92%,var(--gold));color: var(--ink);border-bottom-left-radius: 4px}.bubble--user{align-self: flex-end;background: color-mix(in oklab,var(--ink) 70%,var(--paper));color: var(--paper);border-bottom-right-radius: 4px;border: 1px solid color-mix(in oklab,var(--paper) 15%,transparent)}.bubble__role{display: block;font-size: 10px;letter-spacing: .14em;text-transform: uppercase;opacity: .55;margin-bottom: 4px}.bubble__text{display: block;white-space: pre-wrap;word-break: break-word}.bubble--typing{padding: 14px 16px}.bubble--typing span{display: inline-block;width: 6px;height: 6px;margin: 0 2px;border-radius: 50%;background: currentColor;opacity: .35;animation: typing 1.2s infinite}.bubble--typing span:nth-child(2){animation-delay: .15s}.bubble--typing span:nth-child(3){animation-delay: .3s}@keyframes typing{0%,60%,100%{transform: translateY(0);opacity: .35}30%{transform: translateY(-3px);opacity: 1}}.agent__note{margin: 22px 0 0;font-size: 12px;text-align: center;color: color-mix(in oklab,var(--paper) 50%,transparent)}.wa{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);gap: clamp(28px,5vw,72px);align-items: center}.wa__steps{list-style: none;counter-reset: wa;padding: 0;margin: 0 0 32px;display: grid;gap: 14px}.wa__steps li{counter-increment: wa;position: relative;padding-left: 46px;color: color-mix(in oklab,var(--ink) 75%,transparent);line-height: 1.55}.wa__steps li::before{content: counter(wa);position: absolute;left: 0;top: -2px;width: 30px;height: 30px;border-radius: 50%;display: grid;place-items: center;font-family: var(--serif);font-size: 15px;color: var(--ink);background: var(--paper-2);border: 1px solid var(--line)}.wa__steps strong{color: var(--ink);font-weight: 600}.wa__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 22px}.wa__open svg{width: 20px;height: 20px}.wa__web{font-size: 14px;color: color-mix(in oklab,var(--ink) 65%,transparent);text-decoration: underline;text-underline-offset: 3px;text-decoration-color: var(--gold)}.wa__web:hover{color: var(--ink)}.wa__qr{margin: 30px 0 0;display: flex;align-items: center;gap: 18px}.wa__qr svg{width: 132px;height: 132px;flex: none;padding: 12px;background: #fff;border-radius: var(--r);border: 1px solid var(--line);box-shadow: 0 10px 30px rgba(12,19,32,.08)}.wa__qr figcaption{max-width: 190px;font-size: 14px;line-height: 1.5;color: color-mix(in oklab,var(--ink) 65%,transparent)}.wa__note{margin-top: 28px;padding-top: 20px;border-top: 1px solid var(--line);font-size: 13px;line-height: 1.6;color: color-mix(in oklab,var(--ink) 58%,transparent)}.wa__phone{justify-self: center;width: min(100%,360px);background: #efe7da;border: 8px solid var(--ink);border-radius: 34px;overflow: hidden;box-shadow: 0 30px 60px rgba(12,19,32,.18)}.wa__bar{display: flex;align-items: center;gap: 10px;padding: 14px 16px;background: var(--ink);color: var(--paper);font-size: 14px}.wa__bar small{display: block;font-size: 11px;opacity: .65}.wa__avatar{width: 34px;height: 34px;border-radius: 50%;display: grid;place-items: center;background: var(--gold);color: var(--ink);font-size: 12px;font-weight: 700}.wa__chat{padding: 16px 12px 20px;display: grid;gap: 8px}.msg{margin: 0;max-width: 86%;padding: 9px 12px;border-radius: 12px 12px 12px 4px;background: #fff;color: #1c1c1c;font-size: 13.5px;line-height: 1.45;box-shadow: 0 1px 1px rgba(0,0,0,.06)}.msg--me{justify-self: end;background: #d9f4c7;border-radius: 12px 12px 4px 12px}.msg__btn,.msg__btns span{display: block;margin-top: 8px;padding-top: 7px;border-top: 1px solid #ececec;text-align: center;color: #0b7a62;font-weight: 600;font-size: 13px}.msg__btns{display: block}.msg__btns span + span{margin-top: 0}@media (prefers-reduced-motion: no-preference){.wa__chat .msg{animation: waIn .5s var(--ease) both}.wa__chat .msg:nth-child(2){animation-delay: .15s}.wa__chat .msg:nth-child(3){animation-delay: .3s}.wa__chat .msg:nth-child(4){animation-delay: .45s}.wa__chat .msg:nth-child(5){animation-delay: .6s}.wa__chat .msg:nth-child(6){animation-delay: .75s}}@keyframes waIn{from{opacity: 0;transform: translateY(8px)}}@media (max-width: 860px){.wa{grid-template-columns: 1fr}.wa__phone{order: -1}}@media (hover: none) and (pointer: coarse){.wa__qr,.wa__web{display: none}.wa__open{width: 100%;justify-content: center}}.mockup--shop .mockup__body{padding: 0}.shop__body{background: #fff}.shop__hero{display: grid;grid-template-columns: 1.5fr 1fr;gap: 24px;padding: 28px 28px 22px;align-items: center;border-bottom: 1px solid var(--line);background: linear-gradient(115deg,rgba(246,241,231,.92),rgba(246,241,231,.55)),url("/img/shop-hero.jpg") center/cover;background: linear-gradient(115deg,rgba(246,241,231,.92),rgba(246,241,231,.55)),image-set(url("/img/shop-hero.webp") type("image/webp"),url("/img/shop-hero.jpg") type("image/jpeg")) center/cover}.shop__eyebrow{display: inline-block;margin-bottom: 6px;font-size: 11px;letter-spacing: .2em;text-transform: uppercase;color: var(--gold)}.shop__hero h4{font-family: var(--serif);font-weight: 500;font-size: clamp(24px,3vw,32px);margin: 0 0 8px;line-height: 1.1;letter-spacing: -0.01em}.shop__hero p{font-size: 14px;margin: 0;max-width: 50ch;color: color-mix(in oklab,var(--ink) 75%,transparent)}.shop__hero-meta{display: flex;gap: 16px;justify-content: flex-end;flex-wrap: wrap}.shop__hero-meta>div{background: rgba(255,255,255,.85);border: 1px solid var(--line);border-radius: 10px;padding: 12px 16px;min-width: 110px;text-align: center;backdrop-filter: blur(4px)}.shop__hero-meta strong{display: block;font-family: var(--serif);font-weight: 500;font-size: 22px}.shop__hero-meta span{font-size: 11px;letter-spacing: .08em;color: color-mix(in oklab,var(--ink) 55%,transparent)}.shop__cats{display: flex;gap: 8px;flex-wrap: wrap;padding: 14px 28px;background: var(--paper-2);border-bottom: 1px solid var(--line)}.shop__cat{background: transparent;border: 1px solid var(--line);color: var(--ink);padding: 7px 14px;border-radius: 999px;font-size: 13px;cursor: pointer;transition: all .2s var(--ease)}.shop__cat:hover{border-color: var(--ink)}.shop__cat.is-active{background: var(--ink);color: var(--paper);border-color: var(--ink)}.shop__layout{display: block}.shop__menu{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 16px;padding: 22px 24px 28px}.shop-item{display: flex;flex-direction: column;background: #fff;border: 1px solid var(--line);border-radius: 12px;overflow: hidden;position: relative;transition: transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.shop-item:hover{transform: translateY(-4px);border-color: var(--ink);box-shadow: 0 24px 40px -24px rgba(0,0,0,.18)}.shop-item__img{aspect-ratio: 4 / 3;width: 100%;position: relative;background-color: color-mix(in oklab,var(--paper) 70%,var(--gold));background-image: linear-gradient(135deg,color-mix(in oklab,var(--paper) 60%,white),var(--paper));background-size: cover;background-position: center;background-repeat: no-repeat;border-bottom: 1px solid var(--line)}.shop-item__tag{position: absolute;top: 10px;left: 10px;background: var(--ink);color: var(--paper);font-size: 10px;letter-spacing: .12em;text-transform: uppercase;padding: 4px 8px;border-radius: 999px}.shop-item__tag--veg{background: var(--green)}.shop-item__body{padding: 12px 14px 14px;display: flex;flex-direction: column;gap: 6px;flex: 1}.shop-item__name{font-family: var(--serif);font-weight: 500;font-size: 16px;line-height: 1.2;letter-spacing: -0.005em}.shop-item__desc{font-size: 12.5px;line-height: 1.45;flex: 1;color: color-mix(in oklab,var(--ink) 65%,transparent)}.shop-item__foot{display: flex;align-items: center;justify-content: space-between;margin-top: 4px}.shop-item__price{font-family: var(--serif);font-weight: 500;font-size: 16px;font-variant-numeric: tabular-nums}.shop-item__add{background: var(--ink);color: var(--paper);border: 0;width: 32px;height: 32px;border-radius: 50%;font-size: 18px;line-height: 1;cursor: pointer;transition: all .2s var(--ease);display: inline-flex;align-items: center;justify-content: center}.shop-item__add:hover{background: var(--gold);transform: scale(1.08)}.shop-item.is-just-added{animation: itemAdded .5s var(--ease)}@keyframes itemAdded{0%,100%{transform: translateY(0)}50%{transform: translateY(-6px);box-shadow: 0 30px 50px -20px color-mix(in oklab,var(--gold) 40%,transparent)}}.shop__cart{background: var(--paper);border-top: 1px solid var(--line);display: flex;flex-direction: column}.shop__cart-head{display: flex;align-items: center;justify-content: space-between;padding: 16px 18px;border-bottom: 1px solid var(--line);font-family: var(--serif);font-size: 17px;font-weight: 500}.shop__cart-count{display: inline-flex;align-items: center;justify-content: center;min-width: 24px;height: 24px;padding: 0 8px;background: var(--ink);color: var(--paper);border-radius: 999px;font-family: var(--sans);font-size: 12px;font-weight: 500}.shop__cart-body{flex: 1;padding: 12px 18px;display: flex;flex-direction: column;gap: 10px;min-height: 120px}.shop__cart-empty{margin: auto 0;padding: 20px 0;text-align: center;font-size: 13px;color: color-mix(in oklab,var(--ink) 50%,transparent)}.cart-line{display: grid;grid-template-columns: 44px 1fr auto;gap: 10px;align-items: center;font-size: 13px}.cart-line__img{width: 44px;height: 44px;border-radius: 8px;background-size: cover;background-position: center;background-color: var(--paper-2);flex-shrink: 0}.cart-line__name{line-height: 1.3}.cart-line__name small{display: block;margin-top: 2px;color: color-mix(in oklab,var(--ink) 55%,transparent);font-size: 11px}.cart-line__qty{display: inline-flex;align-items: center;gap: 6px}.cart-line__qty button{width: 22px;height: 22px;border: 1px solid var(--line);background: #fff;border-radius: 50%;font-size: 14px;line-height: 1;cursor: pointer;color: var(--ink);display: inline-flex;align-items: center;justify-content: center;transition: all .2s var(--ease)}.cart-line__qty button:hover{background: var(--ink);color: var(--paper);border-color: var(--ink)}.cart-line__qty span{min-width: 18px;text-align: center;font-variant-numeric: tabular-nums}.shop__cart-foot{border-top: 1px solid var(--line);padding: 14px 18px 16px;display: flex;flex-direction: column;gap: 10px}.shop__cart-total{display: flex;justify-content: space-between;align-items: baseline}.shop__cart-total span{font-size: 11px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--ink) 55%,transparent)}.shop__cart-total strong{font-family: var(--serif);font-weight: 500;font-size: 22px;font-variant-numeric: tabular-nums}.shop__cart-cta{width: 100%;padding: 12px}.shop__cart-cta:disabled{opacity: .4;cursor: not-allowed}.shop__cart-note{margin: 0;text-align: center;font-size: 11px;color: color-mix(in oklab,var(--ink) 50%,transparent)}.shop__toast{position: absolute;bottom: 20px;left: 50%;z-index: 10;transform: translateX(-50%) translateY(20px);background: var(--ink);color: var(--paper);padding: 10px 18px;border-radius: 999px;font-size: 13px;opacity: 0;pointer-events: none;transition: all .35s var(--ease)}.shop__toast.is-visible{opacity: 1;transform: translateX(-50%) translateY(0)}.pricing{display: flex;flex-direction: column}.pricing__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;width: 100%;max-width: 880px;margin: 0 auto}.pricing__card{display: flex;flex-direction: column;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: clamp(28px,3vw,40px)}.pricing__card--featured{background: var(--ink-2);border-color: var(--gold);color: var(--paper)}.pricing__card-head{min-height: 124px;margin-bottom: 28px;display: flex;flex-direction: column;justify-content: flex-start}.pricing__name{font-family: var(--serif);font-size: clamp(22px,2.2vw,28px);font-weight: 500;line-height: 1.15;margin: 0 0 10px}.pricing__target{font-size: 14px;line-height: 1.5;color: color-mix(in oklab,var(--ink) 55%,transparent);margin: 0}.pricing__card--featured .pricing__target{color: color-mix(in oklab,var(--paper) 65%,transparent)}.pricing__from{margin: 8px 0 0;font-size: 14px;color: color-mix(in oklab,var(--ink) 65%,transparent)}.pricing__from strong{font-family: var(--serif);font-size: 18px;font-weight: 600;color: var(--ink)}.pricing__card--featured .pricing__from{color: color-mix(in oklab,var(--paper) 70%,transparent)}.pricing__card--featured .pricing__from strong{color: var(--gold-2)}.pricing__list{list-style: none;margin: 0 0 32px;padding: 24px 0 0;border-top: 1px solid var(--line);display: flex;flex-direction: column;gap: 14px;flex: 1;font-size: 15px;line-height: 1.45}.pricing__card--featured .pricing__list{border-top-color: color-mix(in oklab,var(--paper) 18%,transparent)}.pricing__list li{position: relative;padding-left: 26px}.pricing__list li::before{content: "✓";position: absolute;left: 0;top: 0;color: var(--gold);font-weight: 700}.pricing__card .btn{width: 100%;justify-content: center;text-align: center}@media (max-width: 720px){.pricing__grid{grid-template-columns: 1fr}}.faq{max-width: 820px;margin: 0 auto;display: flex;flex-direction: column;gap: 12px}.faq__item{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r);overflow: hidden;transition: border-color .3s var(--ease),box-shadow .3s var(--ease)}.faq__item[open]{border-color: var(--ink);box-shadow: 0 24px 50px -34px color-mix(in oklab,var(--ink) 35%,transparent)}.faq__q{list-style: none;cursor: pointer;display: flex;align-items: center;gap: 16px;padding: 20px 22px;font-family: var(--serif);font-size: 18px;font-weight: 500;letter-spacing: -0.005em;color: var(--ink)}.faq__q::-webkit-details-marker{display: none}.faq__q:hover{color: var(--gold)}.faq__icon{margin-left: auto;flex-shrink: 0;width: 24px;height: 24px;position: relative}.faq__icon::before,.faq__icon::after{content: "";position: absolute;top: 50%;left: 50%;width: 13px;height: 1.5px;border-radius: 2px;background: var(--gold);transform: translate(-50%,-50%);transition: transform .3s var(--ease),opacity .3s var(--ease)}.faq__icon::after{transform: translate(-50%,-50%) rotate(90deg)}.faq__item[open] .faq__icon::after{opacity: 0;transform: translate(-50%,-50%) rotate(0)}.faq__a{padding: 0 22px 22px;margin: 0;font-size: 14.5px;line-height: 1.65;color: color-mix(in oklab,var(--ink) 72%,transparent)}.faq__a strong{color: var(--ink);font-weight: 600}.faq__more{margin: 30px auto 0;max-width: 60ch;text-align: center;font-size: 14px;color: color-mix(in oklab,var(--ink) 60%,transparent)}.faq__more a{color: var(--ink);text-decoration: underline;text-underline-offset: 3px}.quotes{display: grid;gap: 24px;grid-template-columns: repeat(3,1fr)}.quote{margin: 0;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 32px 28px;display: flex;flex-direction: column;gap: 18px}.quote__logo{width: 56px;height: 56px;color: var(--gold)}.quote__logo svg{width: 100%;height: 100%}.quote blockquote{margin: 0;font-family: var(--serif);font-style: italic;font-size: 18px;line-height: 1.4;letter-spacing: -0.01em;color: var(--ink)}.quote figcaption{display: flex;flex-direction: column;gap: 2px}.quote figcaption strong{font-weight: 600;font-size: 14px}.quote figcaption span{font-size: 12px;color: color-mix(in oklab,var(--ink) 55%,transparent)}.contact{display: grid;grid-template-columns: 1fr 1.1fr;gap: clamp(32px,5vw,80px);align-items: start}.contact .section__title{color: var(--paper)}.contact__intro p{color: color-mix(in oklab,var(--paper) 75%,transparent);max-width: 50ch}.contact__channels{list-style: none;padding: 0;margin: 28px 0 0;border-top: 1px solid color-mix(in oklab,var(--paper) 18%,transparent)}.contact__channels li{display: flex;gap: 16px;padding: 14px 0;border-bottom: 1px solid color-mix(in oklab,var(--paper) 12%,transparent);font-size: 14px}.contact__channels span:first-child{width: 90px;flex-shrink: 0;font-size: 11px;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in oklab,var(--paper) 55%,transparent);padding-top: 2px}.contact__channels a:hover{color: var(--gold-2)}.contact__form{background: color-mix(in oklab,var(--paper) 6%,var(--ink));border: 1px solid color-mix(in oklab,var(--paper) 12%,transparent);border-radius: var(--r-lg);padding: 32px;display: grid;grid-template-columns: 1fr 1fr;gap: 18px}.field__actions .btn--primary{background: var(--gold);color: var(--ink)}.field__actions .btn--primary:hover{background: var(--gold-2)}.contact__feedback{grid-column: 1 / -1;margin: 0;min-height: 20px;font-size: 13px;color: var(--gold-2)}.page-hero{padding-top: clamp(120px,16vw,170px);padding-bottom: 24px}.page-hero .section__title{max-width: 22ch}.page-hero .section__sub{max-width: 62ch}.crumbs{font-size: 13px;color: color-mix(in oklab,var(--ink) 60%,transparent);margin-bottom: 18px;display: flex;gap: 8px;flex-wrap: wrap}.crumbs a{color: inherit;text-decoration: underline;text-underline-offset: 3px}.prose{max-width: 760px;padding-top: 8px}.prose h2{font-family: var(--serif);font-weight: 500;font-size: clamp(26px,3.4vw,34px);line-height: 1.15;margin: 48px 0 14px}.prose h2:first-child{margin-top: 0}.prose h3{font-family: var(--serif);font-weight: 500;font-size: 21px;margin: 28px 0 8px}.prose p,.prose li{font-size: 17px;line-height: 1.7;color: var(--ink-2)}.prose p{margin: 0 0 16px}.prose ul,.prose ol{margin: 0 0 18px;padding-left: 1.2em}.prose li{margin: 0 0 8px}.prose a{color: var(--ink);text-decoration: underline;text-decoration-color: var(--gold);text-decoration-thickness: 2px;text-underline-offset: 3px}.prose strong{font-weight: 600}.prose .callout{margin: 28px 0;padding: 20px 22px;border-radius: 16px;background: var(--paper-2);border: 1px solid var(--line)}.prose .callout p:last-child{margin-bottom: 0}.page-cta .section__head{text-align: center;margin-inline: auto}.page-cta__actions{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap}.nav__links a[aria-current="page"]{text-decoration: underline;text-underline-offset: 6px}.more-link{display: block;margin-top: 10px;font-weight: 600;color: inherit;text-decoration: underline;text-decoration-color: var(--gold);text-decoration-thickness: 2px;text-underline-offset: 4px}.page-cta .btn--primary{background: var(--gold-2);color: var(--ink)}.page-cta .btn--ghost{color: var(--paper);border-color: color-mix(in oklab,var(--paper) 40%,transparent)}.page-cta .btn--ghost:hover{border-color: var(--paper)}@media (max-width: 1180px){.cards--4{grid-template-columns: repeat(2,1fr)}.demo{grid-template-columns: 1fr 1.2fr;gap: clamp(20px,3vw,40px)}.demo__intro{position: static;top: auto}}@media (max-width: 980px){.nav__links{display: none}.nav__burger{display: inline-flex}.nav.is-open .nav__links{display: flex;position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 0;background: var(--paper);border-bottom: 1px solid var(--line);padding: 12px var(--pad)}.nav.is-open .nav__links a{padding: 14px 0;border-bottom: 1px solid var(--line)}.nav.is-open .nav__links a::after{display: none}.cards,.quotes,.cards--4{grid-template-columns: 1fr}.demo,.demo--reverse{grid-template-columns: 1fr}.demo--reverse>.demo__intro{order: 0}.agent__panel{grid-template-columns: 1fr}.agent__phone{order: -1}.agent__transcript{height: auto}.contact{grid-template-columns: 1fr}.hero__grid{grid-template-columns: 1fr}.hero__media{position: static;max-width: 320px}.hero__columns{grid-template-columns: 1fr;gap: 32px}.loyalty{flex-direction: column;align-items: center}.loyalty__badges{flex-direction: row;padding-top: 0;justify-content: center;flex-wrap: wrap}.shop__hero{grid-template-columns: 1fr;padding: 22px}.shop__hero-meta{justify-content: flex-start}.shop__cats{padding: 12px 16px;gap: 6px}.shop__cat{font-size: 12px;padding: 6px 12px}.shop__menu{padding: 18px 16px}}@media (max-width: 720px){.stock__head{flex-direction: column;align-items: stretch}.stock__search{flex-direction: column}.stock__search input{width: 100%;min-width: 0}.stock__table{font-size: 13px}.stock__table th,.stock__table td{padding: 10px 6px}.stock__table th:nth-child(2),.stock__table td:nth-child(2),.stock__table th:nth-child(4),.stock__table td:nth-child(4){display: none}.bar__track{width: 56px}.field-row{grid-template-columns: 1fr}.contact__form{grid-template-columns: 1fr;padding: 22px}.shop__hero{padding: 18px;gap: 14px}.shop__hero h4{font-size: 22px}.shop__hero-meta{gap: 8px}.shop__hero-meta>div{flex: 1 1 calc(33% - 8px);min-width: 0;padding: 9px 10px}.shop__hero-meta strong{font-size: 18px}.footer__top{justify-content: flex-start}.footer__bottom{flex-direction: column;gap: 6px}}@media (max-width: 600px){.modal{padding: 0;align-items: flex-end}.modal__panel{max-width: 100%;max-height: 90vh;border-radius: 18px 18px 0 0;transform: translateY(100%)}.modal.is-open .modal__panel{transform: translateY(0)}.modal__head{padding: 16px 18px}.modal__head h3{font-size: 18px}.modal__form{padding: 16px 18px 24px;gap: 12px}.modal__actions{flex-direction: column-reverse}.modal__actions .btn{width: 100%;justify-content: center}.stock__table th:nth-child(5),.stock__table td:nth-child(5){display: none}.shop__menu{grid-template-columns: 1fr 1fr;gap: 10px;padding: 14px}.shop-item__body{padding: 10px 12px 12px}.shop-item__name{font-size: 14px}.shop-item__desc{display: none}.shop-item__add{width: 30px;height: 30px;font-size: 17px}.cart-line{grid-template-columns: 36px 1fr auto;gap: 8px;font-size: 12.5px}.cart-line__img{width: 36px;height: 36px}.loyalty__phone{width: 250px}.agent{padding: 20px}.agent__transcript{min-height: 280px;max-height: 380px;padding: 16px}.agent__phone{padding: 20px}.agent__choices{gap: 8px}.agent__choices .chip{font-size: 12px;padding: 8px 12px}}@media (max-width: 460px){.shop__menu{grid-template-columns: 1fr}.shop__hero-meta>div{flex: 1 1 calc(50% - 8px)}.shop__cart-head{padding: 14px 16px;font-size: 15px}.shop__cart-foot{padding: 12px 16px 14px}.stock__stats{grid-template-columns: 1fr 1fr}.hero__ctas .btn{width: 100%;justify-content: center}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}html{scroll-behavior: auto}}