:root{--paper:#f7f8f3;--ink:#173c2b;--text:#24382d;--muted:#647366;--line:#d3dacf;--acid:#deeeaf;--warm:#bc4a2f;--serif:Georgia,'Times New Roman',serif;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--text);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bc4a2f;outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.065em;line-height:1.04;color:var(--ink)}.wrap{width:min(1280px,calc(100% - 112px));margin:0 auto}.sample-bar{padding:9px 28px;background:var(--ink);color:#e2e9db;font-size:10px;letter-spacing:.13em;display:flex;justify-content:space-between;align-items:center}.sample-bar>span:last-child{letter-spacing:.02em}.sample-dot{display:inline-block;width:4px;height:4px;background:#b8c9a2;border-radius:50%;margin:0 10px;vertical-align:middle}.header{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:35px}.brand{width:185px;display:block}.brand img{width:185px}.header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.header nav a{padding:12px 0}.header nav a:hover{color:var(--warm)}.nav-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0;display:flex;gap:35px}.nav-cta span{font-size:20px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.5}.short-line{display:inline-block;width:28px;height:1px;background:var(--warm);margin-right:10px;vertical-align:middle}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;padding-top:54px;padding-bottom:52px;align-items:center}.hero-copy{padding:12px 0 6px}.hero h1{font-size:clamp(65px,6.5vw,100px);margin:28px 0 29px}.serif-word{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.065em}.hero-lead{font-size:25px;line-height:1.35;letter-spacing:-.025em}.hero-description{font-size:15px;line-height:1.65;max-width:405px;margin:21px 0 27px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:16px 20px;font-size:13px;font-weight:500;border:1px solid var(--ink);transition:background .2s,color .2s;line-height:1.3}.button span{font-size:19px;line-height:1}.primary{background:var(--ink);color:white}.primary:hover:not(:disabled){background:#31583b}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#e6eddd}.hero-foot{font-size:11px;line-height:1.6;margin-top:35px;color:var(--muted);display:grid;gap:7px}.hero-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.product-portrait{background:#e6ebdf;position:relative;padding:19px 28px 16px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.portrait-heading{width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#495b44;margin:0 0 16px}.image-open{border:0;padding:0;background:transparent;display:block;position:relative;cursor:zoom-in}.product-portrait .image-open{max-width:346px;width:100%}.product-portrait img{box-shadow:0 14px 25px #173c2b14}.product-portrait figcaption,.workflow-shot figcaption{font-size:9px;color:var(--muted);line-height:1.5;margin-top:17px;width:100%;text-align:left}.expand-label{position:absolute;bottom:0;left:0;right:0;background:#173c2bf0;color:white;text-align:center;font-size:10px;padding:10px;opacity:0;transition:opacity .2s}.image-open:hover .expand-label,.image-open:focus-visible .expand-label{opacity:1}.editorial-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:30px 0 41px}.editorial-strip>div{display:flex;align-items:baseline;gap:25px;padding-left:34px;border-left:1px solid var(--line)}.editorial-strip>div:first-child{border:0;padding-left:0}.number{font-size:10px;font-variant-numeric:tabular-nums;color:var(--warm)}.editorial-strip p{font-size:19px;line-height:1.3;letter-spacing:-.02em}.editorial-strip strong{font-weight:500;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:50px}.section-count{font-size:9px;letter-spacing:.1em;color:var(--muted)}.demo-section{background:var(--ink);color:#eff1e8;padding:65px 0 75px}.demo-section .eyebrow{color:#d3e0c8}.demo-section .section-count{color:#a7bca8}.demo-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.demo-explanation h2{color:#f1f4e8;font-size:clamp(44px,4.7vw,67px);margin-bottom:25px;letter-spacing:-.045em}.demo-explanation>p:not(.demo-disclaimer){color:#c5d2c3;font-size:15px;line-height:1.75;max-width:380px}.format-picker{display:flex;margin:30px 0 20px;border-bottom:1px solid #5c7964;gap:25px}.format-picker button{background:none;color:#c1d1be;border:0;padding:12px 0;font-size:13px;border-bottom:2px solid transparent;transform:translateY(1px)}.format-picker button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.demo-disclaimer{font-size:10px;line-height:1.6;color:#a5b9a4;max-width:360px}.demo-board{background:var(--paper);color:var(--text);padding:26px 30px 17px;min-width:0}.board-top{font-size:9px;letter-spacing:.09em;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:21px}.status-dot{width:6px;height:6px;background:#548447;border-radius:50%}.board-top button{margin-left:auto;padding:0;background:none;border:0;color:var(--muted);font-size:10px;letter-spacing:0}.board-top button span{font-size:16px;margin-left:4px}.wine-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:26px 0}.wine-heading .eyebrow{color:var(--muted);font-size:8px;letter-spacing:.1em;margin-bottom:8px}.wine-heading h3{font-size:26px;letter-spacing:-.04em;color:var(--ink)}.wine-heading h3 span{font-family:var(--serif);font-style:italic;font-weight:400}.wine-heading p:last-child{font-size:11px;margin-top:9px;color:var(--muted)}.wine-ref{font-size:9px;writing-mode:vertical-rl;letter-spacing:.1em;color:var(--muted)}.stock-ledger{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;align-items:center}.ledger-label{font-size:8px;letter-spacing:.12em;color:var(--muted)}.stock-ledger p{display:flex;align-items:baseline;gap:10px;margin-top:6px}.stock-ledger strong{font-size:59px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-.05em;color:var(--ink)}#stock-unit{font-size:12px;color:var(--muted)}.glass-meter{text-align:right}.glass-meter>span{font-size:9px;color:var(--muted);display:block;margin-top:10px}#glass-shapes{display:flex;gap:7px;justify-content:flex-end}.portion{width:24px;height:40px;border:1px solid #b6c4ad;background:var(--acid);position:relative;transition:background .3s,border-color .3s,opacity .3s}.portion:after{content:'';position:absolute;left:5px;right:5px;top:7px;bottom:7px;border-top:1px solid #758b62}.portion.empty{background:transparent;border-color:#d8ded1;opacity:.4}.menu-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 0;font-size:11px}.available{display:flex;align-items:center;gap:6px;color:#375b31}.available i{width:5px;height:5px;background:currentColor;border-radius:50%}.available.sold-out{color:#a23e2a}.demo-actions{display:flex;flex-direction:column;gap:13px}.demo-actions .button{width:100%;background:var(--ink)}.demo-actions .button:disabled{background:#dfe5d9;color:#6d7c66;border-color:#dfe5d9}.undo{background:none;border:0;font-size:10px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding:5px}.undo:disabled{color:#8b9688;text-decoration:none}.event-line{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px;min-height:50px;font-size:10px;color:var(--muted);line-height:1.5}.event-line>span:first-child{font-size:16px;color:var(--warm)}.product-section{padding:75px 0 90px}.product-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:end;margin-bottom:60px}.product-intro h2,.plans-heading h2{font-size:clamp(43px,4.6vw,65px)}.product-intro p{font-size:16px;line-height:1.7;max-width:360px;color:var(--muted);padding-bottom:7px}.workflow{display:grid;grid-template-columns:1.3fr .8fr;gap:100px}.workflow-list article{display:flex;gap:30px;border-top:1px solid var(--line);padding:25px 0 30px}.workflow-list article>span{font-size:10px;color:var(--warm);padding-top:8px}.workflow-list h3{font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.workflow-list p{font-size:14px;line-height:1.75;color:var(--muted);max-width:440px}.plan-tag{display:block;font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--ink);margin-top:14px}.workflow-shot{background:#e9eddf;padding:18px 25px 15px;align-self:start}.shot-label{display:flex;justify-content:space-between;font-size:9px;color:#556348;margin-bottom:17px;gap:20px}.workflow-shot .image-open{max-height:460px;overflow:hidden}.workflow-shot figcaption{text-align:center;margin-top:12px}.via-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0;background:#eaeee3}.via-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.via-inner .eyebrow{padding-top:6px}.via-inner h2{font-size:clamp(40px,4vw,56px);margin-bottom:22px}.via-inner p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7;max-width:530px}.via-inner a{display:inline-flex;gap:50px;border-bottom:1px solid var(--ink);font-size:12px;padding:16px 0 7px;margin-top:10px}.plans-section{padding:75px 0 45px}.plans-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.plans-heading p{font-size:13px;line-height:1.8;max-width:350px;color:var(--muted);padding-bottom:5px}.plans-heading strong{font-weight:500;color:var(--ink)}.plans-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.plan{padding:33px 40px 35px 0;display:flex;flex-direction:column}.plan+.plan{border-left:1px solid var(--line);padding-left:40px;padding-right:0}.plan-index{font-size:9px;color:var(--muted);letter-spacing:.1em;margin-bottom:20px}.plan h3{font-size:39px;letter-spacing:-.05em;margin-bottom:9px;color:var(--ink)}.plan-lead{color:var(--muted);font-size:14px}.plan ul{list-style:none;padding:0;margin:26px 0 30px;font-size:13px;line-height:1.5}.plan li{padding:9px 0 9px 20px;position:relative}.plan li:before{content:'↳';position:absolute;left:0;color:#7d9270}.plan .button{margin-top:auto;align-self:flex-start;min-width:290px}.coberlier-note{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:25px 0}.coberlier-note a{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:4px}.contact-section{background:var(--acid);padding:55px 0 60px}.contact-section .eyebrow{margin-bottom:30px}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.contact-grid h2{font-size:clamp(42px,4.3vw,62px)}.contact-grid p{font-size:14px;line-height:1.7;max-width:360px}.contact-email{display:flex;gap:30px;justify-content:space-between;font-size:23px;letter-spacing:-.04em;border-bottom:1px solid var(--ink);padding:20px 0 9px;max-width:370px}.contact-grid .contact-context{font-size:9px;margin-top:10px;line-height:1.5}.footer{display:flex;gap:30px;align-items:center;padding:35px 0;font-size:9px;color:var(--muted)}.footer img{width:130px}.footer>span:nth-child(3){margin-left:auto}.footer a{white-space:nowrap}dialog{border:0;max-width:min(760px,95vw);max-height:92vh;padding:55px 24px 20px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#091c15d9}dialog>img{max-height:72vh;max-width:100%;width:auto;object-fit:contain;margin:auto}dialog>p{font-size:12px;max-width:550px;margin:15px auto 0;line-height:1.5}#close-image{position:absolute;right:20px;top:16px;background:transparent;border:0;font-size:13px;color:var(--ink);padding:5px}.pulse{animation:pulse .35s ease-out}@keyframes pulse{50%{color:#b65134;transform:translateY(-3px)}}
@media(min-width:1600px){.hero{gap:90px}.product-portrait{padding:24px 40px}.product-portrait .image-open{max-width:355px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:18px;font-size:12px}.header{gap:25px}.brand,.brand img{width:160px}.hero{gap:32px}.hero h1{font-size:70px}.hero-lead{font-size:22px}.product-portrait{padding:17px 20px}.demo-layout{gap:40px}.demo-board{padding:23px 23px 17px}.portion{width:20px}.demo-explanation h2{font-size:52px}.workflow{gap:55px}.product-intro{gap:55px}.hero-foot{margin-top:24px}.hero .button{font-size:12px}.portrait-heading{font-size:7px}.contact-grid{gap:45px}.plan .button{min-width:0}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.sample-bar{padding:8px 20px;font-size:8px;letter-spacing:.08em}.sample-bar>span:last-child{font-size:8px}.header{height:81px;gap:20px}.brand,.brand img{width:150px}.header nav{display:none}.nav-cta{margin-left:auto;font-size:12px;gap:20px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:33px;gap:35px}.hero-copy{padding:0}.hero h1{font-size:clamp(58px,12.7vw,85px);margin:23px 0}.hero-lead{font-size:23px;line-height:1.4}.hero-description{font-size:15px;max-width:440px;margin:20px 0 24px}.hero .button{font-size:12px;width:100%;max-width:390px}.hero-foot{margin-top:21px;font-size:10px}.hero-foot a{display:none}.product-portrait{padding:17px 22px}.product-portrait .image-open{max-width:310px}.portrait-heading{font-size:8px;margin-bottom:17px}.product-portrait figcaption{font-size:9px;text-align:center}.editorial-strip{padding:23px 0 30px;gap:13px}.editorial-strip>div{padding-left:13px;gap:8px;display:block}.editorial-strip>div:first-child{padding:0}.editorial-strip .number{display:block;margin-bottom:10px;font-size:9px}.editorial-strip p{font-size:15px}.demo-section{padding:35px 0 40px}.section-heading{margin-bottom:30px}.section-count{display:none}.demo-layout{grid-template-columns:1fr;gap:25px}.demo-explanation h2{font-size:50px;margin-bottom:19px}.demo-explanation>p:not(.demo-disclaimer){font-size:14px;max-width:500px}.format-picker{margin:22px 0 16px;gap:30px}.demo-disclaimer{max-width:500px}.demo-board{padding:21px 20px 16px}.wine-heading h3{font-size:25px}.stock-ledger strong{font-size:54px}.portion{width:21px;height:37px}#glass-shapes{gap:5px}.product-section{padding:45px 0}.product-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.product-intro h2,.plans-heading h2{font-size:43px}.product-intro p{font-size:14px;max-width:500px}.workflow{grid-template-columns:1fr;gap:25px}.workflow-list article{padding:22px 0;gap:19px}.workflow-list h3{font-size:22px}.workflow-list p{font-size:14px}.workflow-shot{padding:20px 25px;max-width:430px;justify-self:center;width:100%}.workflow-shot .image-open{max-height:440px}.via-band{padding:35px 0}.via-inner{grid-template-columns:1fr;gap:22px}.via-inner h2{font-size:42px}.via-inner p:not(.eyebrow){font-size:14px}.plans-section{padding:40px 0 15px}.plans-heading{display:block;margin-bottom:30px}.plans-heading p{margin-top:23px;max-width:500px}.plans-grid{grid-template-columns:1fr}.plan{padding:25px 0 30px}.plan+.plan{padding:30px 0;border-left:0;border-top:1px solid var(--line)}.plan h3{font-size:35px}.plan .button{width:100%;align-self:stretch}.plan ul{margin:20px 0}.coberlier-note{flex-direction:column;gap:15px;align-items:flex-start;font-size:11px}.contact-section{padding:35px 0}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-grid h2{font-size:43px}.contact-email{font-size:22px}.footer{padding:25px 0;gap:17px;flex-wrap:wrap;font-size:8px}.footer img{width:125px;margin-right:5px}.footer>span:nth-child(3){margin-left:0;width:100%;order:4}.footer a{margin-left:auto}.expand-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Botella i xarxa originals, recuperades a petició del Nico. */
.bottle-portrait{position:relative;align-self:stretch;min-height:570px;overflow:hidden;background:#160d10;display:grid;place-items:center;isolation:isolate}
.bottle-portrait:after{content:'';position:absolute;inset:24px;border:1px solid #d2aa671f;pointer-events:none;z-index:3}
.bottle-network{position:absolute;z-index:0;width:112%;max-width:none;height:96%;object-fit:contain;opacity:.95}
.hero-bottle{position:relative;z-index:1;width:auto;height:550px;max-width:100%;object-fit:contain}
.bottle-brand{position:absolute;z-index:2;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#d2aa67}
.bottle-mark{display:block;width:54px;height:54px;background:linear-gradient(145deg,#f0cc88,#bc8e47);-webkit-mask:url('assets/stokelier-icon-green.png') center/contain no-repeat;mask:url('assets/stokelier-icon-green.png') center/contain no-repeat}
.bottle-name{font-size:23px;font-weight:650;line-height:1;letter-spacing:-.055em}
.bottle-signature{position:absolute;z-index:3;bottom:24px;text-align:center;left:0;right:0;color:#d4bb91;font-size:8px;letter-spacing:.19em}
.screen-picker{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:18px}
.screen-picker button{border:0;border-bottom:2px solid transparent;padding:8px 0 10px;background:transparent;font-size:11px;color:var(--muted);transform:translateY(1px)}
.screen-picker button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
@media(max-width:1100px) and (min-width:761px){.bottle-portrait{min-height:555px}.hero-bottle{height:530px}.bottle-mark{width:48px;height:48px}.bottle-name{font-size:21px}}
@media(max-width:760px){.bottle-portrait{min-height:430px}.hero-bottle{height:400px}.bottle-network{height:102%;width:110%}.bottle-mark{width:42px;height:42px}.bottle-name{font-size:18px}.bottle-brand{gap:7px}.bottle-portrait:after{inset:17px}.bottle-signature{bottom:20px;font-size:7px}}

/* Els punts de la xarxa expliquen espais i tasques reals. */
.bottle-system{align-self:stretch;min-width:0;background:#160d10;display:flex;flex-direction:column}
.bottle-system .bottle-portrait{min-height:0;height:510px;flex:1 0 510px}
.bottle-system .hero-bottle{height:475px}
.bottle-system .bottle-network{width:100%}
.bottle-system .bottle-brand{top:55%}
.network-hint{position:absolute;top:18px;left:24px;right:24px;z-index:4;display:flex;justify-content:space-between;color:#bca583;font-size:8px;letter-spacing:.13em;pointer-events:none}
.network-point{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;z-index:5;color:#dfc59d;isolation:isolate}
.network-point:before{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#d2aa67;box-shadow:0 0 0 5px #160d10,0 0 0 6px #ab815a80;transition:box-shadow .18s,background .18s}
.network-point span{position:absolute;top:34px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap;padding:3px 6px;background:#160d10eb;border:1px solid #d2aa672e;border-radius:2px;pointer-events:none}
.network-point.edge-left span{left:22px;transform:none}
.network-point.edge-right span{left:auto;right:22px;transform:none}
.network-point:hover:before,.network-point:focus-visible:before,.network-point[aria-pressed=true]:before{background:#ffe0a4;box-shadow:0 0 0 5px #160d10,0 0 0 7px #d2aa67,0 0 18px #d2aa6759}
.network-point[aria-pressed=true] span{color:#ffdfab;border-color:#d2aa6780}
.network-point:focus-visible{outline:2px solid #f0cc88;outline-offset:1px;border-radius:50%}
.network-detail{display:flex;align-items:flex-start;gap:15px;min-height:105px;margin:0 24px;padding:17px 0 20px;border-top:1px solid #d2aa673b;color:#eadac3}
.network-detail-index{font-size:10px;color:#b89562;line-height:1.6;padding-top:1px;font-variant-numeric:tabular-nums}
.network-detail h3{font-size:15px;color:#e6c68d;font-weight:500;margin:0 0 6px;letter-spacing:0}
.network-detail p{font-size:11px;line-height:1.6;color:#c5b6a6;max-width:330px}
.network-demo-link{display:inline-flex;align-items:center;gap:12px;padding:12px 0 3px;font-size:11px;color:#e6c68d;text-decoration:underline;text-underline-offset:4px}
.network-demo-link[hidden]{display:none}
@media(max-width:1100px) and (min-width:761px){.bottle-system .bottle-portrait{height:500px;flex-basis:500px}.bottle-system .hero-bottle{height:460px}.network-point span{font-size:10px}.network-detail{min-height:110px}}
@media(max-width:760px){.bottle-system .bottle-portrait{height:430px;flex-basis:430px}.bottle-system .hero-bottle{height:395px}.network-hint{left:19px;right:19px;font-size:7px;top:14px}.network-point span{font-size:11px}.network-detail{margin:0 20px;min-height:102px;padding-top:16px}.network-detail p{font-size:12px}}
.bottle-system>.network-hint{position:static;min-height:32px;padding:16px 24px 0}
@media(max-width:760px){.bottle-system>.network-hint{padding:15px 20px 0;min-height:30px}}

/* Actualització comercial · octubre 2026 */
.assistant-section{padding:55px 0 65px}.assistant-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.assistant-copy h2{font-size:clamp(42px,4.5vw,66px);margin-bottom:28px}.assistant-copy>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:450px;margin-bottom:18px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:10px 0;font-size:13px}.recommendation-example{border:1px solid var(--line);background:#fffef8;min-width:0;padding:24px 28px 20px}.example-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.08em;color:var(--muted)}.example-label span:last-child{letter-spacing:0}.request-picker{display:flex;gap:6px;margin:20px 0;flex-wrap:wrap}.request-picker button{background:transparent;border:1px solid var(--line);color:var(--ink);font-size:11px;padding:11px 12px;min-height:44px}.request-picker button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.example-question{padding:20px;background:#eef1e7;margin-bottom:22px;min-height:112px}.example-question>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.example-question p{font-size:19px;line-height:1.45;margin-top:9px;letter-spacing:-.025em}.example-answer{min-height:218px}.answer-title{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin:15px 0}.answer-title h3{font-family:var(--serif);font-size:27px;letter-spacing:-.035em}.answer-title strong{font-weight:500;white-space:nowrap;font-size:18px}.example-answer>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}.sheet-link{border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);padding:14px 0 6px;font-size:12px;display:flex;justify-content:space-between;width:100%;min-height:44px}.example-footnote{font-size:10px;line-height:1.6;color:var(--muted);margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.assistant-facts{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.assistant-facts span{font-size:14px;color:var(--ink)}.assistant-facts p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:9px;max-width:290px}.next-module{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;border-top:1px solid var(--line);padding:50px 0 60px}.next-module h2{font-size:clamp(38px,4vw,56px);margin-bottom:22px}.next-module p:not(.eyebrow){max-width:600px;line-height:1.75;font-size:15px;color:var(--muted)}.assistant-offer{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:30px 0;border-bottom:1px solid var(--line)}.assistant-offer h3{font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.assistant-offer p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:650px;margin-bottom:16px}.contact-whatsapp{margin-top:12px}#example-sheet{width:min(540px,calc(100vw - 30px));padding:65px 30px 30px}#example-sheet h2{font-size:39px;margin:22px 0}#example-sheet-profile{font-size:16px;line-height:1.65}#example-sheet dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px;margin:24px 0}#example-sheet dd{margin:0;text-align:right}#example-sheet .dialog-close{position:absolute;right:20px;top:15px;border:0;background:transparent;color:var(--ink);min-height:44px}.company-page{max-width:850px;padding:60px 0 100px;min-height:65vh}.company-page h1{font-size:clamp(42px,6vw,70px);margin:20px 0 35px}.company-page dl{display:grid;grid-template-columns:170px 1fr;gap:24px;line-height:1.6}.company-page dd{margin:0}.company-page p{line-height:1.7;margin-top:30px;color:var(--muted)}
@media(max-width:1100px){.assistant-layout{gap:35px}.recommendation-example{padding:22px}.header nav{gap:16px;font-size:11px}}
@media(max-width:760px){.assistant-section{padding:38px 0 42px}.assistant-layout{grid-template-columns:1fr;gap:28px}.assistant-copy h2{font-size:47px}.assistant-copy>p{font-size:14px}.recommendation-example{padding:21px 18px}.request-picker{gap:5px}.request-picker button{font-size:10px;padding:10px}.example-question p{font-size:18px}.answer-title h3{font-size:24px}.assistant-facts{gap:20px;grid-template-columns:1fr}.assistant-facts p{max-width:none;margin-top:5px}.next-module{grid-template-columns:1fr;gap:24px;padding:35px 0 40px}.assistant-offer{grid-template-columns:1fr;gap:18px}.company-page dl{grid-template-columns:1fr;gap:8px}.company-page dd{margin-bottom:15px}.sample-bar>span:first-child{max-width:70%;line-height:1.6}.footer span{line-height:1.7}}

/* Tres moments del servei · mostra comercial 31/10. */
.service-story{padding:65px 0 50px;background:var(--ink);color:#f3f4e9}
.service-story .section-heading{border-color:#f3f4e938}.service-story .eyebrow,.service-story .section-count{color:#c0cfba}
.service-story-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin:36px 0 45px}
.service-story-heading h2{font-size:clamp(40px,4.6vw,65px);color:#f3f4e9}
.service-story-heading>p{font-size:15px;line-height:1.75;color:#c7d3c2;max-width:320px;padding-bottom:4px}
.service-stage{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}
.service-steps{display:flex;flex-direction:column}
.service-steps button{position:relative;text-align:left;border:0;border-top:1px solid #f3f4e93b;background:none;color:#f3f4e9;padding:25px 40px 25px 18px;transition:background .2s,color .2s}
.service-steps button:last-child{border-bottom:1px solid #f3f4e93b}
.service-steps button>span:first-child{display:block;font-size:9px;letter-spacing:.1em;color:#b6c5af}
.service-steps button strong{display:block;font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-.04em;margin:12px 0 7px}
.service-step-detail{display:block;font-size:12px;line-height:1.6;color:#bccdb8}
.service-step-arrow{position:absolute;right:16px;top:50%;font-size:24px;transform:translateY(-50%)}
.service-steps button[aria-pressed=true]{background:#deeeaf;color:var(--ink);border-color:#deeeaf}
.service-steps button[aria-pressed=true] .service-step-detail,.service-steps button[aria-pressed=true]>span:first-child{color:#49603e}
.service-steps button:hover:not([aria-pressed=true]){background:#ffffff0c}
.service-steps button:focus-visible{outline-color:#f3d698;outline-offset:4px;z-index:1}
.service-scenes{display:grid;min-width:0}
.service-scene{grid-area:1/1;min-width:0;display:flex;flex-direction:column}
.service-scene[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.service-paper{background:#fbfaf2;color:var(--ink);padding:28px 30px 22px;box-shadow:8px 9px 0 #0a281b55;flex:1;display:flex;flex-direction:column;border-top:5px solid #c8d998}
.paper-masthead{display:flex;justify-content:space-between;gap:16px;font-size:8px;line-height:1.5;letter-spacing:.1em;padding-bottom:22px;border-bottom:1px solid #c8cebd}
.service-paper h3{font-family:var(--serif);font-size:38px;line-height:1.07;letter-spacing:-.04em;font-weight:400;margin:22px 0 9px}
.paper-subtitle{font-size:11px;color:var(--muted);margin-bottom:22px;line-height:1.6}
.paper-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid #d3dacf}
.paper-row strong{font-size:16px;font-weight:500}.paper-row span{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}
.paper-row>b{font-size:28px;font-weight:500;white-space:nowrap;letter-spacing:-.06em}.paper-row small{font-size:11px;letter-spacing:0;font-weight:400}
.paper-check{display:flex;gap:13px;align-items:start;padding:18px;background:#edf0e3;margin:16px 0 22px}
.paper-check>span{font-size:20px;line-height:1.1}.paper-check strong{font-size:13px;font-weight:600}.paper-check p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px}
.paper-bottom{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.07em;border-top:1px dashed #b4bca8;padding-top:17px;margin-top:auto;line-height:1.6}
.table-paper h3{display:flex;align-items:baseline;gap:24px;margin-bottom:2px}.table-number{font-size:67px;letter-spacing:-.06em}
.purchase-quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 0 23px}
.purchase-quantities span{font-size:8px;letter-spacing:.07em;color:var(--muted)}.purchase-quantities strong{display:block;font-size:30px;font-weight:500;margin-top:7px;letter-spacing:-.04em}.purchase-quantities small{font-size:11px;font-weight:400;letter-spacing:0}
.service-scene-caption{font-size:12px;line-height:1.7;color:#c7d3c2;padding:22px 0 0;max-width:460px}
.service-illustration-note{font-size:10px;line-height:1.7;color:#b6c5af;margin-top:30px;padding-top:18px;border-top:1px solid #f3f4e926}
@media(min-width:1101px){.header nav{gap:23px}.workflow-shot{position:sticky;top:25px}}
@media(max-width:1100px){.service-stage{gap:35px;grid-template-columns:.85fr 1.15fr}.service-story-heading{gap:40px}.service-paper{padding:22px}.service-steps button{padding-left:12px}.service-steps button strong{font-size:24px}.header{gap:22px}.header nav{gap:13px}}
@media(max-width:760px){.service-story{padding:42px 0 30px}.service-story-heading{grid-template-columns:1fr;gap:20px;margin:25px 0}.service-story-heading h2{font-size:43px}.service-story-heading>p{max-width:none;font-size:14px}.service-stage{grid-template-columns:1fr;gap:25px}.service-steps button{padding:17px 40px 17px 14px}.service-steps button strong{font-size:22px;margin:7px 0 3px}.service-step-detail{font-size:11px}.service-paper{padding:22px 20px 20px}.service-paper h3{font-size:36px}.paper-row strong{font-size:15px}.paper-row{gap:10px}.paper-check{padding:15px 12px}.paper-bottom{font-size:7px}.service-scene-caption{font-size:12px}.service-illustration-note{font-size:10px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.service-steps button{transition:none}}

/* 4/11/2026: marca comercial i avís de titularitat. */
.brand{position:relative}
.brand .brand-tm{position:absolute;top:30%;left:95.5%;font:600 8px/1 Arial,sans-serif}
.brand-notice{font-size:10px;line-height:1.6;margin:16px 0 0;overflow-wrap:anywhere}
.footer{flex-wrap:wrap}
.footer .brand-notice{flex-basis:100%;order:5;margin:0}

/* Logos complets: el TM segueix la mida i el nom, també al peu i als packs. */
.logo-with-trademark{display:inline-block;position:relative;flex-shrink:0;vertical-align:middle;line-height:0}
.logo-with-trademark .logo-trademark{position:absolute;top:30%;left:95.5%;font:600 7px/1 Arial,sans-serif;letter-spacing:0;color:inherit}
.footer .logo-with-trademark{line-height:0}.footer .logo-with-trademark img{margin-right:0}.bottle-name{position:relative}.bottle-name .logo-trademark{position:absolute;top:-.12em;left:calc(100% + 2px);font:600 7px/1 Arial,sans-serif;letter-spacing:0}
