/* Blobatar: originali accorpati nello stesso ordine. Licenza in assets/blobatar/LICENSE.txt. */
@property --mo-amp{syntax:"<number>";inherits:true;initial-value:0}@property --mo-esx{syntax:"<number>";inherits:true;initial-value:1}@property --mo-esy{syntax:"<number>";inherits:true;initial-value:1}@property --mo-tilt{syntax:"<number>";inherits:true;initial-value:0}@property --mo-edy{syntax:"<number>";inherits:true;initial-value:0}@property --mo-edx{syntax:"<number>";inherits:true;initial-value:0}@property --mo-esx2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-esy2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-tilt2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-edy2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-lock{syntax:"<number>";inherits:true;initial-value:0}@property --mo-shake{syntax:"<number>";inherits:true;initial-value:0}@property --mo-rock{syntax:"<number>";inherits:true;initial-value:0}@property --mo-rockp{syntax:"<number>";inherits:true;initial-value:1}@property --mo-bdy{syntax:"<number>";inherits:true;initial-value:0}.mo-root,.mo-breathe,.mo-bob{transform-box:view-box;transform-origin:center}.mo-root{--mo-amp:0;--mo-morph:calc(.4s*var(--mo-rate,1));--mo-morph-ease:ease-in-out;--mo-tp:--mo-esx,--mo-esy,--mo-tilt,--mo-edy,--mo-edx,--mo-esx2,--mo-esy2,--mo-tilt2,--mo-edy2,--mo-lock,--mo-shake,--mo-rock,--mo-bdy;--mo-md:var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph);--mo-me:var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease);transition-property:--mo-amp,transform,var(--mo-tp);transition-duration:calc(.4s*var(--mo-rate,1)),calc(.16s*var(--mo-rate,1)),var(--mo-md);transition-timing-function:ease-out,cubic-bezier(.23,1,.32,1),var(--mo-me);animation:mo-shake calc(.112s*var(--mo-rate,1))linear infinite}.mo-bob>g:not(.mo-eyes){fill:var(--mo-head);transition:fill var(--mo-morph)var(--mo-morph-ease)}.mo-eyes{fill:var(--mo-eye);transition:fill var(--mo-morph)var(--mo-morph-ease)}@keyframes mo-shake{0%,to{translate:calc(.62px*var(--mo-shake))calc(-.34px*var(--mo-shake))}25%{translate:calc(-.7px*var(--mo-shake))calc(.22px*var(--mo-shake))}50%{translate:calc(.38px*var(--mo-shake))calc(.66px*var(--mo-shake))}75%{translate:calc(-.44px*var(--mo-shake))calc(-.6px*var(--mo-shake))}}.mo-root.mo-expr{--mo-morph:calc(.3s*var(--mo-rate,1));--mo-morph-ease:cubic-bezier(.45,.05,.5,1)}.mo-root:hover{--mo-amp:1;transition-duration:calc(.4s*var(--mo-rate,1)),calc(.22s*var(--mo-rate,1)),var(--mo-md);transform:translateY(-1.5px)scale(1.04)}.mo-root.mo-always{--mo-amp:1}.mo-breathe{animation-name:mo-breathe;animation-duration:calc(2.8s*var(--mo-rate,1));animation-delay:calc(var(--mo-phase,0s)*var(--mo-rate,1));animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes mo-breathe{to{transform:scaleX(calc(1 + .022*var(--mo-amp)))scaleY(calc(1 - .018*var(--mo-amp)))}}.mo-bob{translate:0 calc(var(--mo-bdy)*1px);animation-name:mo-bob;animation-duration:calc(3.4s*var(--mo-rate,1));animation-delay:calc(var(--mo-bob-phase,0s)*var(--mo-rate,1));animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes mo-bob{0%{transform:translateY(0)}to{transform:translateY(calc(-1.1px*var(--mo-amp)))}}.mo-eye{transform-box:view-box;--mo-sel:calc((var(--mo-wrap,1) + 1)/2);--mo-x:calc(var(--mo-esx) + var(--mo-esx2)*var(--mo-sel));--mo-y:calc(var(--mo-esy) + var(--mo-esy2)*var(--mo-sel));--mo-t:calc(var(--mo-tilt) + var(--mo-tilt2)*var(--mo-sel));--mo-ph:calc(var(--mo-sel)*(1 - var(--mo-rock)) + var(--mo-rock)*((1 + var(--mo-wrap,1)*var(--mo-rockp))/2));translate:calc(var(--mo-edx)*var(--mo-wrap,1)*1px)calc((var(--mo-edy) + var(--mo-edy2)*var(--mo-ph))*1px);rotate:calc((var(--mo-t)*var(--mo-wrap,1) - var(--mo-lean,0)*var(--mo-lock))*1deg);transform:rotate(calc(var(--mo-lean,0)*1deg))scaleX(var(--mo-x))scaleY(var(--mo-y))rotate(calc(var(--mo-lean,0)*-1deg));animation-name:mo-rock;animation-duration:calc(.9s*var(--mo-rate,1));animation-iteration-count:infinite;animation-timing-function:ease-in-out}@container style(--mo-rock:0){.mo-eye{animation-name:none}}@keyframes mo-rock{0%,to{--mo-rockp:1}50%{--mo-rockp:-1}}.mo-eye>*{transform-box:fill-box;transform-origin:center;animation-name:mo-blink,mo-wrap;animation-duration:calc(var(--mo-blink,4.8s)*var(--mo-rate,1)),calc(var(--mo-saccade,5.6s)*var(--mo-rate,1));animation-delay:calc(var(--mo-blink-phase,0s)*var(--mo-rate,1)),calc(var(--mo-saccade-phase,0s)*var(--mo-rate,1));animation-iteration-count:infinite;animation-timing-function:linear}@keyframes mo-blink{0%,97.2%{transform:rotate(calc(var(--mo-lean,0)*1deg))scaleY(1)rotate(calc(var(--mo-lean,0)*-1deg));animation-timing-function:ease-in}98.6%{transform:rotate(calc(var(--mo-lean,0)*1deg))scaleY(calc(1 - .92*var(--mo-amp)))rotate(calc(var(--mo-lean,0)*-1deg));animation-timing-function:ease-out}to{transform:rotate(calc(var(--mo-lean,0)*1deg))scaleY(1)rotate(calc(var(--mo-lean,0)*-1deg))}}.mo-eyes{animation-name:mo-saccade;animation-duration:calc(var(--mo-saccade,5.6s)*var(--mo-rate,1));animation-delay:calc(var(--mo-saccade-phase,0s)*var(--mo-rate,1));animation-iteration-count:infinite;animation-timing-function:linear}@keyframes mo-saccade{0%,15%{translate:0}16.5%,31%{translate:calc(-.8px*var(--mo-look-x,1.4)*var(--mo-amp))calc(-.9px*var(--mo-look-y,1.1)*var(--mo-amp))}32.5%,47%{translate:calc(1px*var(--mo-look-x,1.4)*var(--mo-amp))calc(.1px*var(--mo-look-y,1.1)*var(--mo-amp))}48.5%,63%{translate:calc(-.15px*var(--mo-look-x,1.4)*var(--mo-amp))calc(.85px*var(--mo-look-y,1.1)*var(--mo-amp))}64.5%,79%{translate:calc(.75px*var(--mo-look-x,1.4)*var(--mo-amp))calc(-.8px*var(--mo-look-y,1.1)*var(--mo-amp))}80.5%,98.5%{translate:calc(-1px*var(--mo-look-x,1.4)*var(--mo-amp))calc(-.15px*var(--mo-look-y,1.1)*var(--mo-amp))}to{translate:0}}@keyframes mo-wrap{0%,15%{scale:1;rotate:none}16.5%,31%{scale:calc(1 - .0176*var(--mo-look-mx,1.4)*var(--mo-amp) + .008*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .027*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(.648deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}32.5%,47%{scale:calc(1 - .022*var(--mo-look-mx,1.4)*var(--mo-amp) - .01*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .003*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(.09deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}48.5%,63%{scale:calc(1 - .0033*var(--mo-look-mx,1.4)*var(--mo-amp) + .0015*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .0255*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(-.115deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}64.5%,79%{scale:calc(1 - .0165*var(--mo-look-mx,1.4)*var(--mo-amp) - .0075*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .024*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(-.54deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}80.5%,98.5%{scale:calc(1 - .022*var(--mo-look-mx,1.4)*var(--mo-amp) + .01*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .0045*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(.135deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}to{scale:1;rotate:none}}@media not ((hover:hover) and (pointer:fine)){.mo-root:hover{--mo-amp:0;transform:none}.mo-root.mo-always{--mo-amp:1}.mo-root:not(.mo-always),.mo-root:not(.mo-always) *{animation-play-state:paused}.mo-root.mo-expr:not(.mo-always) .mo-eye{animation-play-state:running}}.mo-slow{--mo-rate:5}@media (prefers-reduced-motion:reduce){.mo-root,.mo-breathe,.mo-bob,.mo-eyes,.mo-eye,.mo-eye>*{animation:none;transition:none}.mo-bob>g:not(.mo-eyes){transition:none}}

@property --mo-track-x{syntax:"<number>";inherits:true;initial-value:0}@property --mo-track-y{syntax:"<number>";inherits:true;initial-value:0}@property --mo-track-travel{syntax:"<length>";inherits:true;initial-value:0}@property --mo-track-hold{syntax:"<number>";inherits:true;initial-value:0}.mo-root .mo-eye{--mo-gz-dx:calc(var(--mo-gz-dx1,0) + (var(--mo-gz-dx2,0) - var(--mo-gz-dx1,0))*var(--mo-sel));--mo-gz-dy:calc(var(--mo-gz-dy1,0) + (var(--mo-gz-dy2,0) - var(--mo-gz-dy1,0))*var(--mo-sel));--mo-gz-sx:calc(var(--mo-gz-sx1,1) + (var(--mo-gz-sx2,1) - var(--mo-gz-sx1,1))*var(--mo-sel));--mo-gz-sy:calc(var(--mo-gz-sy1,1) + (var(--mo-gz-sy2,1) - var(--mo-gz-sy1,1))*var(--mo-sel));--mo-gz-t:calc(var(--mo-gz-t1,0) + (var(--mo-gz-t2,0) - var(--mo-gz-t1,0))*var(--mo-sel));translate:calc((var(--mo-edx)*var(--mo-wrap,1) + var(--mo-gz-dx))*1px)calc((var(--mo-edy) + var(--mo-edy2)*var(--mo-ph) + var(--mo-gz-dy))*1px);rotate:calc(( var(--mo-t)*var(--mo-wrap,1) - var(--mo-lean,0)*var(--mo-lock) + var(--mo-gz-t))*1deg);transform:rotate(calc(var(--mo-lean,0)*1deg))scaleX(calc(var(--mo-x)*var(--mo-gz-sx)))scaleY(calc(var(--mo-y)*var(--mo-gz-sy)))rotate(calc(var(--mo-lean,0)*-1deg))}svg:has(>.mo-root){--mo-look-seed-x:var(--mo-look-x,1.4);--mo-look-seed-y:var(--mo-look-y,1.1);--mo-look-seed-mx:var(--mo-look-mx,1.4);--mo-look-seed-my:var(--mo-look-my,1.1)}.mo-root{--mo-look-x:calc(var(--mo-look-seed-x,1.4)*(1 - var(--mo-track-hold)));--mo-look-y:calc(var(--mo-look-seed-y,1.1)*(1 - var(--mo-track-hold)));--mo-look-mx:calc(var(--mo-look-seed-mx,1.4)*(1 - var(--mo-track-hold)));--mo-look-my:calc(var(--mo-look-seed-my,1.1)*(1 - var(--mo-track-hold)))}

@font-face{font-family:RomanSerif;src:url('assets/cormorant-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:RomanSerif;src:url('assets/cormorant-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:RomanSans;src:url('assets/bricolage-grotesque-latin.woff2') format('woff2');font-weight:300 800;font-display:swap}
@font-face{font-family:ManropeUI;src:url('assets/manrope-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:RomanNotes;src:url('assets/caveat-regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#fffbf4;--ink:#29232b;--muted:#675f5a;--coral:#ba3d3d;--sage:#e3e6d9;--line:#53453b2c;--serif:RomanSerif,Georgia,'Times New Roman',serif;--sans:RomanSans,Arial,sans-serif;--ui:ManropeUI,Arial,sans-serif;--gutter:clamp(22px,5.5vw,110px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:120px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans)}
body:has(dialog[open]){overflow:hidden}
h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a,input,textarea,summary{outline-offset:5px}
:focus-visible{outline:2px solid var(--coral)}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}em{font-weight:400}::selection{background:#dedfc9;color:#24212a}
.canvas{position:relative;isolation:isolate;overflow:clip}
.section-shell{width:calc(100% - var(--gutter)*2);max-width:1260px;margin-inline:auto}
.section-label{font:600 12px/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;margin-bottom:23px}
h2{font:400 clamp(48px,5.2vw,80px)/1 var(--serif);letter-spacing:-.025em}
.paper-halo{background:radial-gradient(ellipse at center,#fffbf4ed 0%,#fffbf4b3 50%,#fffbf400 75%)}
.painting{position:absolute;display:block;pointer-events:none;user-select:none;max-width:none;mix-blend-mode:darken}
.skip-link{position:fixed;z-index:50;left:20px;top:10px;padding:10px 18px;background:var(--paper);border:1px solid var(--line);transform:translateY(-160%)}.skip-link:focus{transform:none}

/* La navigazione compatta e i controlli della V5. */
.navigation{position:fixed;z-index:20;left:24px;top:24px;display:flex;align-items:center;gap:22px;width:fit-content;max-width:calc(100% - 48px);min-height:64px;padding:9px 10px 9px 23px;border:1px solid #d5cdc145;border-radius:50px;background:#fbfaf9f2;box-shadow:0 3px 16px #40332d0c;backdrop-filter:blur(12px)}
.brand{display:inline-flex;align-items:baseline;white-space:nowrap;font:400 29px/1 var(--serif);letter-spacing:.075em}.brand>span{color:#8b744d;margin-left:.03em}
.desktop-nav{padding-left:22px;border-left:1px solid #40332d24;font:600 13px/1.5 var(--ui)}.desktop-nav a{display:block;padding-block:12px}
.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:12px 25px;border:0;border-radius:40px;font:600 15px/1.5 var(--ui);overflow:hidden;transition:color .35s,background .35s,box-shadow .35s}
.button-primary{background:var(--coral);color:#fffaf6;box-shadow:0 3px 8px -1px #40332d26}
.button-primary::before{content:'';position:absolute;z-index:-1;width:25%;height:25%;right:10px;top:37.5%;border-radius:50%;background:#fbfaf9;transform:scale(0);transition:transform .65s var(--ease)}
.button-dot{display:block;width:8px;height:8px;flex:0 0 8px;background:currentColor;border-radius:50%}
.nav-contact{min-height:44px;padding:9px 18px;gap:0;background:#2a2726;color:#fbfaf9;font-size:13px}
.nav-contact::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:var(--coral);transform:translateY(100%);transition:transform .5s var(--ease)}
.fx-label{position:relative;display:block;overflow:clip;padding-block:2px;margin-block:-2px;min-width:0}
.fx-label-main,.fx-label-alt{display:block;transition:transform .6s var(--ease),opacity .35s;transform-origin:center}
.fx-label-alt{position:absolute;inset:2px 0;transform:translateY(125%) rotate(-15deg) scale(.9);opacity:0}
.text-link{display:inline-flex;align-items:center;gap:17px;font:600 14px/1.5 var(--ui);padding-block:8px}.text-link>span:last-child{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;transition:background .25s,transform .3s}
.menu-toggle{display:none}.mobile-menu{width:min(360px,calc(100% - 28px));margin:94px 0 0 14px;padding:22px 24px;border:1px solid #d5cdc166;border-radius:25px;background:#fbfaf9;color:var(--ink);max-height:calc(100dvh - 110px);box-shadow:0 10px 45px #40332d18}
.mobile-menu::backdrop{background:#40332d20;backdrop-filter:blur(6px)}.menu-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}
.menu-close{display:flex;align-items:center;gap:12px;min-height:44px;border:0;padding:0;background:none;font:600 13px/1.5 var(--ui)}.menu-close>span{font-size:30px;font-weight:400}.mobile-menu nav{margin:10px 0}.mobile-menu nav a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font:500 22px/1.4 var(--ui)}.menu-email{display:inline-block;padding-block:16px;font:500 13px/1.5 var(--ui)}
@media(hover:hover) and (pointer:fine){
 .fx-control:is(:hover,:focus-visible) .fx-label-main{transform:translateY(-125%) rotate(15deg) scale(.9);opacity:0}
 .fx-control:is(:hover,:focus-visible) .fx-label-alt{transform:none;opacity:1}
 .button-primary:is(:hover,:focus-visible){color:#2a2726;box-shadow:0 3px 8px -1px #40332d35}.button-primary:is(:hover,:focus-visible)::before{transform:scale(14)}.button-primary:is(:hover,:focus-visible) .button-dot{background:var(--coral)}
 .nav-contact:is(:hover,:focus-visible)::before{transform:none}.text-link:is(:hover,:focus-visible)>span:last-child{background:#453a3310;transform:translateX(2px)}
}

/* 1. Il primo sguardo. */
.hero{position:relative;min-height:clamp(860px,100svh,1120px);display:flex;align-items:center;justify-content:center;text-align:center;padding:230px var(--gutter) 145px}
.hero-art{z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to bottom,#000 80%,transparent)}
.hero-copy{position:relative;width:100%;max-width:1280px;padding-top:95px}
.hero .section-label{margin-bottom:26px}.hero h1{font:400 clamp(64px,8.3vw,132px)/.96 var(--serif);letter-spacing:-.035em}
.hero-description{max-width:670px;margin:31px auto 0;font-size:18px;line-height:1.6}
.actions{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:30px}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:flex;align-items:center;justify-content:space-between}
.hand-note{font:400 26px/1.2 RomanNotes,cursive;color:#786b58}.hero-bottom .hand-note{transform:rotate(-3deg)}
.scroll-link{display:grid;place-items:center;width:46px;height:46px;background:#fffbf4c2;border-radius:50%;border:1px solid var(--line)}

/* Un solo quaderno dipinto attraversa servizio e assistenti. */
.chapters{position:relative}.chapter-paint{position:absolute;z-index:-2;inset:0;pointer-events:none}
.notebook-left{left:-180px;top:-260px;height:calc(100% + 440px);max-height:3000px;width:auto;opacity:.72;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}
.notebook-right{right:-220px;top:-90px;height:calc(100% + 140px);max-height:2680px;width:auto;opacity:.75;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 85%,transparent)}

/* 2. Tre strumenti nella stessa composizione. */
.service{position:relative;padding-top:140px;padding-bottom:115px}
.service-composition{display:grid;grid-template-columns:minmax(260px,.83fr) minmax(0,1.67fr);gap:35px;align-items:center;min-height:530px}
.service-copy{position:relative;z-index:3;padding:20px 0 35px}.service-copy h2{font-size:clamp(50px,5vw,76px)}.service-copy>p:not(.section-label){max-width:355px;margin-top:25px;font-size:17px}.service-copy .text-link{margin-top:22px}
.product-stage{position:relative;width:100%;height:510px;max-width:780px;margin:0 auto}
.device{position:absolute;transform-origin:0 0}.device-screen{transition:box-shadow .3s var(--ease)}
.product-stage[data-focus=agenda] .tablet,.product-stage[data-focus=assistant] .phone{z-index:5}
.product-stage{scroll-margin-top:110px}
.device-screen{position:relative;overflow:hidden;background:var(--paper);border:7px solid #353332;border-radius:15px;box-shadow:0 15px 28px #3b30271c}
.laptop{left:-10px;top:48px;width:75%;z-index:1}.laptop .device-screen{border-width:7px 7px 10px;border-radius:13px 13px 5px 5px;aspect-ratio:1.5}
.laptop-base{height:14px;width:110%;margin-left:-5%;border-radius:1px 1px 50% 50%;background:linear-gradient(#c1bdb5,#e0dcd4 35%,#a09c95);box-shadow:0 9px 14px #382e2518}
.browser-bar{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 13px;background:#fbf8f2;border-bottom:1px solid var(--line);font:500 10px/1.4 var(--ui);color:#645e55}.browser-dots{letter-spacing:2px;color:#9d9382}
.restaurant-preview{position:relative;height:calc(100% - 34px);text-align:center;padding:23px 15px 10px;isolation:isolate}.restaurant-preview>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}.restaurant-preview::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#fffaf2e8,#fffaf2ac 48%,#fffaf238)}
.restaurant-brand{font:400 17px/1 var(--serif);letter-spacing:.03em}.restaurant-preview>p{font:400 clamp(24px,2.7vw,40px)/.97 var(--serif);margin-top:17px}
.restaurant-links{display:flex;justify-content:center;gap:18px;margin-top:18px;font:500 9px/1.5 var(--ui)}.preview-cta{display:inline-block;border-radius:20px;background:#342839;color:#fffbf4;padding:7px 13px;margin-top:14px;font:600 9px/1.3 var(--ui)}
.tablet{width:37%;right:7%;top:118px;z-index:2}.tablet .device-screen{border:6px solid #383534;border-radius:18px;min-height:340px;padding:23px 17px 17px}
.mini-heading{display:flex;align-items:center;justify-content:space-between;font:600 12px/1.4 var(--ui)}.mini-heading>span:last-child{font-size:17px}.agenda-date{font-size:12px;margin-top:13px}.agenda-filters{display:flex;gap:12px;font:600 10px/1.4 var(--ui);margin:18px 0 12px}.agenda-filters>span:first-child{border-bottom:1px solid;padding-bottom:4px}
.booking-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line);font:500 11px/1.4 var(--ui)}.booking-row time{font-size:11px;font-variant-numeric:tabular-nums}.booking-row>div{display:flex;flex-direction:column;gap:4px}.booking-row strong{font-size:11px;font-weight:600}.booking-row div>span{font-size:9px;color:#675f55}.agenda-bottom{display:flex;align-items:center;gap:7px;font:500 9px/1.4 var(--ui);margin-top:15px}
.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;background:#7c8b65;border-radius:50%}
.phone{right:-3%;top:252px;width:22%;z-index:3}.phone .device-screen{border:5px solid #343230;border-radius:22px;min-height:235px;padding:27px 11px 12px}.phone-speaker{position:absolute;top:7px;left:38%;width:24%;height:4px;background:#343230;border-radius:10px}
.phone-title{font:600 10px/1.4 var(--ui)}.phone-subtitle{display:block;font:400 8px/1.4 var(--ui);color:#655c54;margin-top:3px}.phone-bubble{font:500 9px/1.45 var(--ui);border-radius:9px;padding:9px;margin:16px 0 7px;background:#e4e6d8}.phone-bubble.reply{background:#f0e6d9;margin:0}.phone-input{display:flex;justify-content:space-between;gap:5px;font:400 8px/1.4 var(--ui);margin-top:15px;border-top:1px solid var(--line);padding-top:9px;color:#675f55}

.product-stage[data-focus=site] .laptop .device-screen,.product-stage[data-focus=agenda] .tablet .device-screen,.product-stage[data-focus=assistant] .phone .device-screen{box-shadow:0 15px 28px #3b302728,0 0 0 2px #b9aa8f80}
.service-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:60px}
.service-choice{display:flex;align-items:flex-start;gap:14px;text-align:left;position:relative;border:0;border-top:1px solid #73645255;background:transparent;padding:22px 0 19px;transition:border-color .3s}
.service-choice>span:nth-child(2){display:flex;flex-direction:column;gap:8px}.choice-number{font:500 11px/1.4 var(--ui);padding-top:6px;color:#746650}.service-choice strong{font:400 29px/1.1 var(--serif)}.service-choice>span:nth-child(2)>span{font-size:14px;line-height:1.6;max-width:250px}.choice-arrow{font-size:20px;margin-left:auto;color:#8e7e65}.service-choice[aria-pressed=true]{border-top:2px solid var(--coral);padding-top:21px}.service-choice[aria-pressed=true] .choice-number,.service-choice[aria-pressed=true] .choice-arrow{color:var(--coral)}
.service-detail{font-size:14px;line-height:1.6;max-width:720px;margin:18px auto 0;text-align:center;color:#554d47;min-height:46px}

/* 3. Il personaggio e le conversazioni, due oggetti distinti. */
.assistant-section{position:relative;padding-top:65px;padding-bottom:150px}
.section-heading{text-align:center;max-width:1010px;margin-inline:auto}.section-heading>p:last-child{max-width:700px;margin:26px auto 0;font-size:17px;line-height:1.65}
.assistant-workbench{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;max-width:1090px;margin:58px auto 0;align-items:center}
.avatar-column{text-align:center;position:relative;padding:10px 0 30px;background:radial-gradient(ellipse at center,#fffbf4ee 0%,#fffbf4c9 50%,transparent 72%)}
.avatar-note{font-size:27px;position:absolute;top:5px;left:17%;transform:rotate(-9deg)}
.avatar-button{display:block;position:relative;width:300px;height:300px;max-width:100%;margin:15px auto 0;border:0;background:transparent;padding:0;border-radius:45%;touch-action:manipulation}
.avatar-button svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 15px 16px #7650130b)}
.avatar-description{font:400 30px/1.05 var(--serif);margin-top:16px}
.avatar-button.greeting{animation:hello .65s var(--ease)}@keyframes hello{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) translateY(-6px)}65%{transform:rotate(7deg) translateY(-3px)}}
.avatar-paused .mo-root *{animation-play-state:paused!important}
.assistant-demo{position:relative;min-width:0;background:#fffcf7f5;border:1px solid #b3a4925c;border-radius:24px;padding:25px 29px 21px;box-shadow:0 13px 40px #65513a10}
.demo-topline{display:flex;align-items:center;gap:12px;font:500 12px/1.5 var(--ui);color:#635b52}.demo-mark{font:400 23px/1 var(--serif);margin-left:auto;color:var(--ink)}
.audience-tabs{display:flex;gap:5px;margin-top:0;padding:4px;border:1px solid var(--line);border-radius:30px;width:fit-content;max-width:100%;background:#f6f1e9}
.audience-tabs button{white-space:nowrap;min-height:43px;border:0;border-radius:25px;background:none;padding:9px 18px;font:600 13px/1.5 var(--ui)}.audience-tabs [aria-selected=true]{background:#e0e4d4;color:#303b26}

.example-choices{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 22px}.example-choices button{font:500 12px/1.5 var(--ui);padding:7px 11px;border:1px solid #b7aa943e;border-radius:20px;background:#fffdf8;min-height:35px}.example-choices button[aria-pressed=true]{border-color:#77694e;background:#f1e8d8;color:#413826}
.conversation{display:flex;flex-direction:column;gap:17px;min-height:188px;outline-offset:7px}
.conversation-question{align-self:flex-end;background:#e6e8dd;max-width:88%;padding:13px 17px;border-radius:17px 17px 4px 17px;font-size:14px;line-height:1.55}
.conversation-answer{font-size:14px;line-height:1.65;max-width:95%}
.conversation-reply{background:#f1e8db;padding:13px 17px;border-radius:17px 17px 17px 4px}.answer-name{display:block;font:600 11px/1.5 var(--ui);color:#71634e;margin-bottom:7px}
.example-outcome{display:flex;align-items:center;gap:13px;margin-top:22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.outcome-icon{display:grid;place-items:center;border-radius:50%;border:1px solid #afa088;width:35px;height:35px;flex:0 0 35px;font-size:19px;color:#74634a}.example-outcome>div{display:flex;flex-direction:column;gap:5px}.example-outcome strong{font:600 12px/1.4 var(--ui)}.example-outcome div>span{font-size:12px;line-height:1.5;color:#64584d}

.assistant-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1050px;margin:65px auto 0}
.assistant-capabilities>div{background:radial-gradient(ellipse at center,#fffbf4ed,#fffbf4b3 65%,transparent 85%)}
.assistant-capabilities h3{font:400 34px/1.1 var(--serif);padding-bottom:20px;border-bottom:1px solid var(--line)}
.assistant-capabilities ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:17px}.assistant-capabilities li{font-size:14px;line-height:1.65}.assistant-capabilities strong{font-weight:600}

.voice-note{display:flex;align-items:baseline;gap:13px;max-width:1050px;margin:26px auto 0;font-size:13px;line-height:1.7;color:#625847}.voice-note>span{font-size:20px;color:#8d7754}

/* Margini trasparenti che continuano oltre ciascuna sezione. */
.paint-pair{position:absolute;z-index:-1;inset:-180px 0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 83%,transparent)}
.paint-side{position:absolute;top:0;bottom:0;width:min(27vw,440px);overflow:clip}.paint-left{left:0;mask-image:linear-gradient(to right,#000 60%,transparent)}.paint-right{right:0;mask-image:linear-gradient(to left,#000 60%,transparent)}.paint-side .painting{height:100%;width:auto;opacity:.57}.paint-left .painting{left:-170px}.paint-right .painting{right:-170px}

/* 4. Piccole scene dipinte, senza pannelli attorno. */
.method-section{position:relative;padding:100px 0 135px}.method-section .section-shell{max-width:1280px}
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:45px 0 0}
.process li{min-width:0}.process-art{width:100%;aspect-ratio:1;background-image:url('assets/14-il-percorso.webp');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:darken}
.process-art-one{background-position:left top}.process-art-two{background-position:right top}.process-art-three{background-position:left bottom}.process-art-four{background-position:right bottom}
.process-title{display:flex;align-items:baseline;gap:11px;margin-top:14px}.process-title>span{font:500 11px/1.5 var(--ui);color:#76634c}.process-title h3{font:400 32px/1 var(--serif)}.process li>p{font-size:14px;line-height:1.65;margin:14px 0 0 27px;max-width:250px;background:#fffbf461}
.method-action{display:flex;width:fit-content;margin:45px auto 0}

/* 5. La scritta grande, come nel quaderno originale. */
.identity{position:relative;text-align:center;padding:85px 0 120px;min-height:780px}
.identity-paint{top:-80px;bottom:-160px}.identity-paint .paint-side{width:min(31vw,490px)}.identity-paint .paint-side .painting{opacity:.6}
.latin-tree{position:relative;max-width:400px;width:calc(100% - 80px);margin-inline:auto;background:radial-gradient(ellipse,#fffbf4ed,transparent 75%)}
.latin-tree>p:first-child{font:italic 21px/1.4 var(--serif);margin-bottom:22px}.latin-tree dl{display:flex;justify-content:space-around;border-bottom:1px solid #72614d70;padding-bottom:19px}.latin-tree dt{font:400 36px/1.1 var(--serif);margin-bottom:10px}.latin-tree dd{font:400 21px/1.4 var(--serif)}.latin-stem{display:block;width:1px;height:35px;background:#72614d70;margin:auto}.destination{font:400 21px/1.3 var(--serif);margin-top:12px}
.great-word{position:relative;white-space:nowrap;font:400 22.7vw/.85 var(--serif);color:#151217;letter-spacing:0;margin:75px 0 57px}
.identity-line{font:400 23px/1.4 var(--serif);max-width:820px;width:calc(100% - 80px);margin:auto}.identity>.hand-note{margin:24px auto 0;transform:rotate(-2deg)}

/* 6. Il contatto della V5, dentro il nuovo giardino. */
.contact-section{position:relative;padding-top:100px}


.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start;max-width:1130px}
.contact-copy{padding-top:35px}.contact-copy h2{font-size:clamp(60px,5.9vw,92px)}.contact-copy>p:not(.section-label){font-size:17px;line-height:1.7;margin-top:27px;max-width:365px}.contact-copy .launch-note{font-size:13px!important;color:#675c50;margin-top:20px!important}.direct-contact{margin-top:45px;display:flex;flex-direction:column;align-items:flex-start}.direct-contact>span{font-size:13px}.direct-contact .text-link{font-size:16px}
.contact-sheet{position:relative;background:#fffcf7f2;border:1px solid #a7967b45;border-radius:23px;padding:31px 34px 28px;box-shadow:0 10px 32px #58432a0b}
.contact-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.contact-sheet-heading h3{font:400 37px/1 var(--serif)}.contact-sheet-heading>span{font-size:25px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}
label{display:block;font:500 12px/1.5 var(--ui)}input:not([type=checkbox]),textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #7764525c;border-radius:0;background:transparent;color:var(--ink);padding:10px 0 12px;margin-top:5px;font:400 14px/1.5 var(--ui)}input::placeholder,textarea::placeholder{color:#786f67}input:focus,textarea:focus{outline:0;border-color:var(--coral);box-shadow:0 1px 0 var(--coral)}input:focus-visible,textarea:focus-visible{outline:2px solid #ba3d3d60;outline-offset:4px}
.field-hint{font:400 12px/1.6 var(--ui);color:#706153;margin-top:12px}.message-label{margin-top:25px}.message-label>span{font-weight:400;color:#6d635b}textarea{resize:vertical;min-height:95px;max-height:350px}
.privacy-check{display:flex;align-items:flex-start;gap:11px;margin:22px 0;font-size:11px;font-weight:400;line-height:1.65}.privacy-check input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--coral)}.privacy-check a{text-decoration:underline;text-underline-offset:3px}
.submit-button{width:100%;justify-content:space-between;font-size:15px}.form-mode{font:400 11px/1.6 var(--ui);text-align:center;color:#6b6157;margin:13px auto 0;max-width:360px}.form-status{font:500 13px/1.65 var(--ui);margin-top:15px}.form-status:empty{display:none}.form-status a{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:#4d563c}
.questions{max-width:780px;margin-top:70px;background:radial-gradient(ellipse at center,#fffbf4ee 20%,#fffbf4b3 65%,transparent 85%)}.questions>h3{font:400 30px/1.2 var(--serif);margin-bottom:18px;text-align:center}
.questions details{border-bottom:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:20px 3px;font:600 13px/1.6 var(--ui)}.questions summary::-webkit-details-marker{display:none}.questions summary>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eee8de;font:400 21px/1 var(--ui);flex-shrink:0;transition:transform .3s}.questions details[open] summary>span{transform:rotate(45deg)}.questions details>p{font-size:14px;line-height:1.65;padding:0 45px 23px 3px;max-width:710px}
.site-footer{position:relative;margin-top:150px;text-align:center;padding:45px 0 35px;background:radial-gradient(ellipse at bottom,#fffbf4ee 30%,transparent 75%)}.site-footer .brand{font-size:40px}.site-footer>p{font:italic 21px/1.4 var(--serif);margin-top:16px}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;margin-top:20px;font:500 13px/1.5 var(--ui)}.site-footer nav a{padding-block:8px}.site-footer>div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:17px;font:400 12px/1.5 var(--ui);color:#63564c}.site-footer>div a{padding-block:10px}

@media(max-width:1100px){
 .hero h1{font-size:clamp(72px,8.7vw,100px)}.hero-copy{padding-top:100px}.hero-description{font-size:17px}
 .notebook-left{left:-240px;opacity:.6;max-height:3050px}.notebook-right{right:-310px;opacity:.64;max-height:2400px}
 .service{padding-top:110px}.service-composition{grid-template-columns:.8fr 1.2fr;gap:25px;min-height:500px}.service-copy h2{font-size:60px}.service-copy>p:not(.section-label){font-size:16px}.product-stage{height:440px}.laptop{width:87%;left:0;top:30px}.tablet{right:1%;top:155px;width:44%}.tablet .device-screen{min-height:280px;padding:18px 11px 12px}.booking-row{padding-block:10px;gap:8px}.agenda-bottom{font-size:8px}.phone{right:-6%;top:225px;width:27%}.phone .device-screen{min-height:220px;padding-inline:8px}.phone-title{font-size:9px}.phone-bubble{font-size:8px}.restaurant-preview{padding-top:13px}.restaurant-links{margin-top:12px}.preview-cta{margin-top:10px}
 .service-choices{gap:24px;margin-top:50px}.service-choice{gap:10px}.service-choice strong{font-size:27px}.service-choice>span:nth-child(2)>span{font-size:13px}.choice-number{font-size:10px}.choice-arrow{display:none}
 .assistant-workbench{gap:30px;grid-template-columns:.7fr 1.3fr}.avatar-button{width:260px;height:260px}.avatar-note{left:10%}.assistant-demo{padding:24px}.assistant-capabilities{gap:45px}.assistant-capabilities h3{font-size:30px}
 .process{gap:22px}.process-title h3{font-size:28px}.process li>p{font-size:13px}.process-title{gap:8px}.process li>p{margin-left:22px}.paint-left .painting{left:-220px}.paint-right .painting{right:-220px}.contact-layout{gap:45px}.contact-copy h2{font-size:72px}.contact-sheet{padding-inline:27px}.contact-sheet-heading h3{font-size:33px}
}
@media(max-width:900px){
 .service-composition{grid-template-columns:1fr;gap:20px}.service-copy{max-width:640px;text-align:center;margin:auto;padding-bottom:0}.service-copy>p:not(.section-label){max-width:530px;margin-inline:auto}.service-copy .text-link{margin-top:13px}.service-copy h2 br{display:none}.product-stage{height:485px;max-width:660px;margin-top:20px}.laptop{width:76%;top:20px;left:0}.tablet{width:37%;right:6%;top:115px}.tablet .device-screen{min-height:330px;padding:22px 16px}.booking-row{padding-block:13px}.phone{width:23%;right:-2%;top:235px}.restaurant-preview{padding-top:25px}.restaurant-preview>p{font-size:38px}.service-choices{margin-top:55px}
 .assistant-workbench{grid-template-columns:1fr;gap:12px;max-width:620px;margin-top:28px}.avatar-column{padding-bottom:15px}.avatar-button{width:215px;height:215px;margin-top:0}.avatar-note{left:28%;top:5px;font-size:24px}.avatar-description{font-size:25px;margin-top:8px}.assistant-demo{padding:27px 30px}.assistant-capabilities{margin-top:50px;gap:35px}.assistant-capabilities h3{font-size:29px}.conversation{min-height:155px}
 .process{grid-template-columns:1fr 1fr;gap:35px;max-width:700px;margin:30px auto 0}.process-art{max-width:260px;margin:auto}.process li>p{font-size:14px;max-width:290px}.process-title h3{font-size:32px}.process-title{margin-top:10px}.method-section{padding-top:80px}.paint-side{width:25vw}.paint-left .painting{left:-230px}.paint-right .painting{right:-230px}
 .contact-layout{grid-template-columns:1fr;gap:35px;max-width:650px}.contact-copy{text-align:center;padding-top:0}.contact-copy>p:not(.section-label){max-width:500px;margin-inline:auto}.contact-copy h2{font-size:84px}.direct-contact{align-items:center;margin-top:22px}.contact-sheet{padding:32px 35px}.contact-section{padding-top:60px}.site-footer{margin-top:110px}
}
@media(max-width:680px){
 :root{--gutter:22px}html{scroll-padding-top:100px}body{font-size:16px}.section-label{font-size:11px;letter-spacing:.095em;margin-bottom:19px}h2{font-size:clamp(41px,9vw,58px)}
 .navigation{left:14px;top:16px;gap:18px;min-height:62px;padding:7px 8px 7px 20px;max-width:calc(100% - 28px)}.navigation .brand{font-size:27px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;align-items:center;gap:10px;min-height:46px;border:0;background:none;padding:4px 5px 4px 10px;font:600 13px/1.5 var(--ui)}.menu-mark{display:grid;place-content:center;gap:4px;width:32px;height:32px;border-radius:50%;background:#efebe6}.menu-mark i{display:block;width:12px;height:1px;background:currentColor}
 .button{font-size:14px;min-height:50px;padding:11px 22px;gap:19px}.text-link{font-size:13px}.hero{min-height:850px;padding:170px 22px 135px}.hero-art{width:155%;left:-27.5%;opacity:.78}.hero-copy{padding-top:80px}.hero .section-label{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(52px,12.8vw,77px);line-height:1;letter-spacing:-.03em}.hero h1 br{display:none}.hero h1 em{font-style:normal}.hero-description{font-size:15px;line-height:1.7;max-width:360px;margin-top:26px}.hero-description br{display:none}.actions{flex-direction:column;gap:10px;margin-top:25px}.hero-bottom{bottom:30px}.hero-bottom .hand-note{font-size:22px;max-width:225px}.scroll-link{width:42px;height:42px}
 .notebook-left{left:-255px;top:-220px;max-height:2750px;opacity:.43}.notebook-right{right:-320px;top:80px;max-height:2200px;opacity:.4}
 .service{padding-top:75px;padding-bottom:75px}.service-copy h2{font-size:52px}.service-copy h2 br{display:block}.service-copy>p:not(.section-label){font-size:15px;line-height:1.65;max-width:360px;margin-top:22px}.service-copy .text-link{margin-top:12px}
 .product-stage{width:100%;height:355px;margin-top:20px;max-width:420px}.laptop{left:0;top:0;width:86%}.laptop .device-screen{border-width:4px 4px 6px;aspect-ratio:1.45;border-radius:9px 9px 4px 4px}.laptop-base{height:9px}.browser-bar{height:25px;padding:0 8px;font-size:8px}.browser-dots{font-size:9px}.restaurant-preview{height:calc(100% - 25px);padding:15px 8px 6px}.restaurant-brand{font-size:13px}.restaurant-preview>p{font-size:26px;margin-top:12px}.restaurant-links{font-size:7px;gap:13px;margin-top:11px}.preview-cta{font-size:7px;padding:5px 10px;margin-top:9px}
 .tablet{width:43%;right:6%;top:100px}.tablet .device-screen{min-height:210px;padding:14px 9px 9px;border-width:4px;border-radius:13px}.mini-heading{font-size:9px}.mini-heading>span:last-child{font-size:12px}.agenda-date{font-size:9px;margin-top:8px}.agenda-filters{font-size:8px;margin:11px 0 8px;gap:8px}.booking-row{padding:7px 0;gap:7px}.booking-row time,.booking-row strong{font-size:8px}.booking-row>div{gap:2px}.booking-row div>span{font-size:7px}.agenda-bottom{font-size:7px;margin-top:10px;gap:4px}.status-dot{width:5px;height:5px;flex-basis:5px}
 .phone{width:26%;right:-3%;top:173px}.phone .device-screen{border-width:3px;border-radius:15px;min-height:153px;padding:19px 7px 8px}.phone-speaker{top:5px;height:3px}.phone-title{font-size:7px}.phone-subtitle{font-size:6px}.phone-bubble{font-size:6px;margin-top:11px;padding:6px;border-radius:6px}.phone-input{font-size:5px;margin-top:8px;padding-top:6px}
 .service-choices{grid-template-columns:1fr;gap:0;margin-top:42px}.service-choice{padding:18px 0;gap:14px;background:transparent}.service-choice[aria-pressed=true]{padding-top:17px}.service-choice strong{font-size:28px}.service-choice>span:nth-child(2){gap:6px}.service-choice>span:nth-child(2)>span{font-size:13px;max-width:100%}.choice-number{font-size:11px}.choice-arrow{display:block;font-size:20px}.service-detail{text-align:left;font-size:13px;margin-top:16px;min-height:65px}
 .assistant-section{padding-top:40px;padding-bottom:95px}.section-heading>p:last-child{font-size:15px;margin-top:23px;line-height:1.65}.section-heading br{display:none}.assistant-workbench{margin-top:25px;gap:18px}.avatar-note{left:21%;font-size:24px}.avatar-button{width:220px;height:220px}.avatar-description{font-size:26px}.assistant-demo{margin-inline:-8px;padding:22px 20px 18px;border-radius:20px}.demo-topline{font-size:11px}.demo-mark{font-size:23px}.audience-tabs button{font-size:12px;padding:10px 15px;min-height:43px}.example-choices{gap:6px;margin-top:8px;margin-bottom:21px}.example-choices button{font-size:11px;min-height:35px;padding:7px 10px}.conversation{min-height:190px;gap:17px}.conversation-question{font-size:13px;max-width:94%;padding:12px 14px}.conversation-answer{font-size:13px;max-width:100%}.answer-name{font-size:10px}.example-outcome{gap:11px;padding-block:15px;margin-top:20px}.example-outcome strong{font-size:11px}.example-outcome div>span{font-size:11px}.outcome-icon{width:31px;height:31px;flex-basis:31px}
 .assistant-capabilities{grid-template-columns:1fr;gap:35px;margin-top:40px}.assistant-capabilities h3{font-size:31px;padding-bottom:17px}.assistant-capabilities ul{margin-top:17px;gap:15px}.assistant-capabilities li{font-size:14px;line-height:1.65}
 .paint-pair{top:-120px;bottom:-120px}.paint-side{width:25vw}.paint-left .painting{left:-290px}.paint-right .painting{right:-290px}.paint-side .painting{opacity:.36}
 .method-section{padding-top:55px;padding-bottom:85px}.process{gap:28px 20px;margin-top:27px}.process-art{max-width:220px}.process-title{gap:7px;margin-top:12px;align-items:baseline}.process-title>span{font-size:10px}.process-title h3{font-size:26px}.process li>p{font-size:14px;line-height:1.7;margin:13px 0 0;max-width:100%}.method-action{margin-top:35px}
 .identity{padding:50px 0 85px;min-height:610px}.identity-paint .paint-side{width:30vw}.identity-paint .paint-side .painting{opacity:.45}.latin-tree{width:calc(100% - 75px);max-width:330px}.latin-tree>p:first-child{font-size:20px}.latin-tree dt{font-size:32px}.latin-tree dd{font-size:19px}.latin-stem{height:30px}.destination{font-size:19px;max-width:250px;margin-inline:auto}.great-word{font-size:23vw;margin:67px 0 43px;line-height:.9}.identity-line{font-size:20px;width:calc(100% - 70px);max-width:360px}.identity>.hand-note{font-size:24px;margin-top:22px}
 .contact-section{padding-top:35px}.contact-layout{gap:28px}.contact-copy h2{font-size:65px}.contact-copy>p:not(.section-label){font-size:15px;line-height:1.7;margin-top:23px}.contact-copy .launch-note{font-size:12px!important}.direct-contact{margin-top:23px}.direct-contact>span{font-size:12px}.direct-contact .text-link{font-size:15px}.contact-sheet{margin-inline:-8px;padding:26px 22px 23px;border-radius:20px}.contact-sheet-heading{margin-bottom:25px}.contact-sheet-heading h3{font-size:34px}.form-grid{grid-template-columns:1fr;gap:23px}label{font-size:12px}input:not([type=checkbox]),textarea{font-size:16px;padding-block:9px 11px}.field-hint{font-size:11px}.privacy-check{font-size:11px}.form-mode{font-size:11px}.form-status{font-size:12px}.questions{margin-top:45px}.questions>h3{font-size:29px}.questions summary{font-size:12px;gap:13px;padding-block:18px}.questions details>p{font-size:13px;padding-right:15px}
 .site-footer{margin-top:100px;padding-top:35px;padding-bottom:30px}.site-footer .brand{font-size:36px}.site-footer>p{font-size:20px}.site-footer nav{gap:5px 18px;font-size:12px;margin-top:18px}.site-footer>div{gap:8px 19px;font-size:11px;margin-top:14px}
}
@media(max-width:360px){
 .navigation{gap:10px;padding-left:16px}.navigation .brand{font-size:25px}.hero h1{font-size:51px}.hero .section-label{font-size:9px}.hero-description{font-size:14px}.hero .button{font-size:12px;gap:15px;padding-inline:19px}.hero-bottom .hand-note{font-size:20px;max-width:180px}.service-copy h2{font-size:48px}.product-stage{height:355px}.tablet .device-screen{min-height:196px}.booking-row{padding-block:6px}.phone{top:166px}.service-choice>span:nth-child(2)>span{font-size:12px}.assistant-demo{padding-inline:16px}.audience-tabs button{padding-inline:12px;font-size:11px}.process{gap:25px 16px}.process-title h3{font-size:24px}.process-title>span{font-size:9px}.contact-copy h2{font-size:59px}.contact-sheet{padding-inline:19px}
}

@media(max-width:680px){
 .product-stage[data-focus=site] .laptop{z-index:5}
 .product-stage[data-focus=agenda] .tablet .device-screen{min-height:279px;padding:18px 14px 14px}
 .product-stage[data-focus=agenda] .mini-heading{font-size:12px}.product-stage[data-focus=agenda] .agenda-date{font-size:11px;margin-top:12px}.product-stage[data-focus=agenda] .agenda-filters{font-size:10px;margin-top:14px}.product-stage[data-focus=agenda] .booking-row{padding:10px 0;gap:11px}.product-stage[data-focus=agenda] .booking-row time,.product-stage[data-focus=agenda] .booking-row strong{font-size:11px}.product-stage[data-focus=agenda] .booking-row div>span,.product-stage[data-focus=agenda] .agenda-bottom{font-size:9px}
 .product-stage[data-focus=assistant] .phone .device-screen{min-height:263px;border-width:4px;padding:30px 13px 14px;border-radius:21px}.product-stage[data-focus=assistant] .phone-title{font-size:11px}.product-stage[data-focus=assistant] .phone-subtitle{font-size:9px}.product-stage[data-focus=assistant] .phone-bubble{font-size:10px;padding:10px;margin-top:16px;border-radius:9px}.product-stage[data-focus=assistant] .phone-bubble.reply{margin-top:0}.product-stage[data-focus=assistant] .phone-input{font-size:9px;margin-top:16px}
 .avatar-column{display:grid;grid-template-columns:145px 1fr;grid-template-rows:1fr auto;align-items:center;text-align:left;padding:6px 0 18px;min-height:170px}
 .avatar-button{width:170px;height:170px;max-width:none;margin:0 0 0 -12px;grid-column:1;grid-row:1 / 3}
 .avatar-note{font-size:21px;left:35px;top:0}.avatar-description{font-size:25px;grid-column:2;grid-row:1;align-self:end;margin:0 0 10px}
 .voice-note{font-size:12px;line-height:1.7;margin-top:23px;gap:10px}
}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.fx-control .fx-label-main,.fx-control:is(:hover,:focus-visible) .fx-label-main{transform:none!important;opacity:1!important}.fx-label-alt{display:none}.avatar-button{transform:none!important}
}
@media(forced-colors:active){.button,.device-screen,.assistant-demo,.contact-sheet,.audience-tabs,.example-choices button{border:1px solid CanvasText}.painting{opacity:.2}.status-dot{background:CanvasText}.paint-pair,.chapter-paint{display:none}}


/* V8 — una brezza ai margini, interazioni sempre leggibili. */
.hero-motion{display:none;z-index:-1;inset:0;width:100%;height:100%;mask-image:linear-gradient(to bottom,#000 80%,transparent)}
.hero-mobile-olive{display:none;position:absolute;pointer-events:none;user-select:none;z-index:-1;overflow:hidden}
html[data-motion=on] .hero.layers-ready .hero-motion{display:block}
.olive-sway{transform-origin:1365px 0;animation:olive-breeze 5.2s ease-in-out -2.6s infinite alternate}
.poppy-sway{transform-origin:1511px 728px;animation:poppy-breeze 3.8s ease-in-out -1.25s infinite alternate}
@keyframes olive-breeze{from{transform:rotate(-5.4deg)}to{transform:rotate(5.4deg)}}
@keyframes poppy-breeze{from{transform:rotate(-6.5deg)}to{transform:rotate(6.5deg)}}
.motion-scene[data-in-view=false] .breeze,.motion-scene[data-in-view=false] .steam-wisp,.motion-scene[data-in-view=false] .water-flow,.motion-scene[data-in-view=false] .water-ring{animation-play-state:paused}
html[data-page-hidden=true] *,html[data-page-hidden=true] *::before,html[data-page-hidden=true] *::after{animation-play-state:paused!important}
.motion-toggle{position:static;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;width:auto;padding:8px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a7997c90}
.motion-toggle:hover{text-decoration-color:currentColor}.motion-toggle:disabled{cursor:default;opacity:.6}.motion-toggle svg{width:13px;height:13px}.motion-play{display:none}.motion-toggle[aria-pressed=false] .motion-play{display:block}.motion-toggle[aria-pressed=false] .motion-pause{display:none}
.avatar-paused .mo-root,.avatar-paused .mo-root *{animation-play-state:paused!important}
.audience-tabs button,.example-choices button{transition:background .18s,border-color .18s,color .18s}
@media(min-width:681px){.product-stage.has-selected .device[data-active=true]{margin-top:-10px}.product-stage.has-selected[data-focus=site] .laptop{z-index:5}}
@media(max-width:680px){
 html[data-motion=on] .hero.layers-ready .hero-motion{display:none}
 html[data-motion=on] .hero.layers-ready .hero-mobile-olive{display:block;right:-20px;top:-10px;width:170px;height:165px;opacity:.78;mix-blend-mode:darken}
 .mobile-olive-sway{transform-origin:1390px 0;animation:olive-breeze 5.2s ease-in-out -2.6s infinite alternate}
}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}
html[data-motion=off] .fx-label-main{transform:none!important;opacity:1!important}html[data-motion=off] .fx-label-alt{display:none}
html[data-motion=off] .mo-eye{translate:none!important;transform:none!important}
html[data-motion=off] .avatar-button{transform:none!important}
@media(prefers-reduced-motion:reduce){.hero-motion,.hero-mobile-olive{display:none!important}}
@media(forced-colors:active){.hero-motion,.hero-mobile-olive{display:none!important}.motion-toggle{border:1px solid CanvasText}}

@media(max-width:360px){
 .navigation{gap:8px;padding-left:14px}.navigation .brand{font-size:24px}
 .menu-toggle{font-size:12px;padding-left:3px;gap:6px}.menu-mark{width:29px;height:29px}
}

/* V9 — ogni dettaglio conserva il suo attacco; il contenuto resta nel flusso. */

.motion-detail{display:none;pointer-events:none}
html[data-motion=on] .chapter-paint.layers-ready .vine-motion{display:block}
html[data-motion=on] .process-art-four.layers-ready .steam,html[data-motion=on] .fountain-scene.layers-ready .water-motion{display:block}
.lower-poppy-sway{transform-origin:383px 856px;animation:lower-breeze 4.6s ease-in-out -3.1s infinite alternate}
.vine-sway{transform-origin:180px 715px;animation:vine-breeze 4.2s ease-in-out -1.55s infinite alternate}
@keyframes lower-breeze{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes vine-breeze{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
.process-art-four{position:relative;overflow:visible}
.steam{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.steam-wisp{transform-origin:385px 129px;animation:steam-rise 4.2s linear infinite;opacity:0}
.steam-wisp-two{animation-delay:-2.4s;animation-duration:5s}
@keyframes steam-rise{0%{transform:translateY(9px) scaleX(.8);opacity:0}20%{opacity:.72}65%{opacity:.5}100%{transform:translate(11px,-55px) scaleX(1.2);opacity:0}}
.water-flow{animation:water-fall 1.9s linear infinite;opacity:0}
.water-flow-two{animation-delay:-1.1s;animation-duration:2.5s}
@keyframes water-fall{0%{transform:translateY(-24px);opacity:0}18%{opacity:.9}76%{opacity:.7}100%{transform:translateY(34px);opacity:0}}
.water-ring{transform-origin:1588px 819px;animation:water-ripple 3.2s ease-out infinite;opacity:0}
.water-ring-two{animation-delay:-1.9s}
@keyframes water-ripple{0%{transform:scale(.4);opacity:0}20%{opacity:.82}100%{transform:translateY(5px) scale(2.4,1.8);opacity:0}}

@media(max-width:680px){
 
 .mobile-olive-sway{animation-name:mobile-olive-breeze}
 @keyframes mobile-olive-breeze{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
 html[data-motion=on] .hero.layers-ready .hero-mobile-poppy{display:block;position:absolute;left:-60px;bottom:0;width:190px;height:180px;z-index:-1;opacity:.6;mix-blend-mode:darken;mask-image:linear-gradient(to bottom,#000 65%,transparent)}
}
@media(prefers-reduced-motion:reduce){.motion-detail{display:none!important}}
@media(forced-colors:active){.motion-detail{display:none!important}}

@media(min-width:681px){html[data-motion=on] .hero.layers-ready .hero-art{visibility:hidden}}

@media(forced-colors:active){html[data-motion=on] .hero.layers-ready .hero-art{visibility:visible}}
@media(min-width:681px) and (max-width:1100px) and (max-aspect-ratio:1/1){
 html[data-motion=on] .hero.layers-ready .hero-mobile-olive{display:block;right:-12px;top:-8px;width:215px;height:205px;opacity:.82;mix-blend-mode:darken}
 .hero .olive-sway{visibility:hidden}
 .mobile-olive-sway{transform-origin:1390px 0;animation:mobile-olive-breeze 5.2s ease-in-out -2.6s infinite alternate}
 @keyframes mobile-olive-breeze{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
}

/* Finale ricomposto: una sola scena, senza ritagli laterali e base duplicati. */
.contact-section > .site-footer,.privacy-page > .site-footer{isolation:isolate;width:100%;max-width:none;min-height:max(540px,50vw);margin-top:55px;padding:90px var(--gutter) 145px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none}
.site-footer .footer-garden{z-index:-1;left:0;bottom:0;width:100%;height:auto;opacity:.8;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000);pointer-events:none}
@media(max-width:680px){.contact-section > .site-footer,.privacy-page > .site-footer{min-height:500px;margin-top:35px;padding:70px 22px 110px}.site-footer .footer-garden{opacity:.74}}

@media(forced-colors:active){.site-footer .footer-garden{display:none}}

/* V10: movimento locale più leggibile, cornici e carta ferme. */
html[data-motion=on] .footer-fountain-scene.layers-ready .water-motion{display:block}
.footer-garden .water-ring{transform-origin:1545px 845px}
.hero-mobile-sprig{display:none;pointer-events:none;position:absolute;z-index:-1;mix-blend-mode:darken;opacity:.64;right:-48px;bottom:78px;width:165px;height:165px;overflow:hidden}
@media(max-width:680px){html[data-motion=on] .hero.layers-ready .hero-mobile-sprig{display:block}}
@media(min-width:681px) and (max-width:1100px) and (max-aspect-ratio:1/1){html[data-motion=on] .hero.layers-ready .hero-mobile-sprig{display:block;bottom:90px;right:-35px;opacity:.58}}
@media(prefers-reduced-motion:reduce){.hero-mobile-sprig{display:none!important}}
@media(forced-colors:active){.hero-mobile-sprig{display:none!important}}

.bud-sway{transform-origin:321px 789px;animation:bud-breeze 4.4s ease-in-out -2.1s infinite alternate}
.sprig-sway{transform-origin:1413px 737px;animation:sprig-breeze 3.7s ease-in-out -.8s infinite alternate}
@keyframes bud-breeze{from{transform:rotate(-6.5deg)}to{transform:rotate(6.5deg)}}
@keyframes sprig-breeze{from{transform:rotate(-5.5deg)}to{transform:rotate(5.5deg)}}

/* V11: cielo che scorre lentamente, un accento di brezza sul lato sinistro. */
.upper-bud-sway{transform-origin:264px 765px;animation:upper-bud-breeze 5.9s ease-in-out -4.3s infinite alternate}
@keyframes upper-bud-breeze{from{transform:rotate(-4.5deg)}to{transform:rotate(4.5deg)}}
.hero-mobile-sky{display:none;position:absolute;z-index:-1;pointer-events:none;inset:0 auto 0 -27.5%;width:155%;height:100%;opacity:.78;mix-blend-mode:darken;mask-image:linear-gradient(to bottom,#000 80%,transparent)}
@media(max-width:680px){html[data-motion=on] .hero.layers-ready .hero-mobile-sky{display:block}html[data-motion=on] .hero.layers-ready .hero-art{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.hero-mobile-sky{display:none!important}}
@media(forced-colors:active){.hero-mobile-sky{display:none!important}html[data-motion=on] .hero.layers-ready .hero-art{visibility:visible}}

/* Cover statico del papavero HTML; il cielo V13 si disegna in un canvas fermo. */
.hero-panorama{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sky-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sky-sheet{position:absolute;left:0;top:0;width:1774px;height:887px;transform-origin:0 0;transform:translate3d(var(--sky-x,0px),var(--sky-y,0px),0) scale(var(--sky-scale,1))}
.left-poppy-float{position:absolute;left:99.265px;top:590.815px;width:204.288px;height:136.192px;transform-origin:67.835px 129.685px;animation:left-poppy-breeze 6.1s ease-in-out -2.7s infinite alternate;will-change:transform;backface-visibility:hidden}
.left-poppy-float img{display:block;width:100%;height:100%;max-width:none;pointer-events:none;user-select:none}
@keyframes left-poppy-breeze{from{transform:translateZ(0) rotate(-5.5deg)}to{transform:translateZ(0) rotate(5.5deg)}}

/* V13: il DOM del cielo resta fermo, senza traslazioni subpixel della superficie. */
.sky-cloud-canvas{display:none;position:absolute;pointer-events:none}
.hero.clouds-ready .sky-cloud-canvas{display:block}
.hero:not(.clouds-ready) [mask="url(#hero-sky-clean)"],.hero:not(.clouds-ready) [mask="url(#mobile-sky-clean)"]{display:none}

/* V14: ingressi dei contenuti, dipinti e geometria delle sezioni stabili. */
.service-copy .assistant-action{margin-top:27px}
.latin-stem{transform-origin:center top}

.tall-bud{position:absolute;opacity:.82;will-change:transform;backface-visibility:hidden}
.tall-bud img{display:block;width:100%;height:100%;max-width:none;pointer-events:none;user-select:none}
.tall-bud-left{left:203.847px;top:551.746px;width:69.884px;height:69.884px;transform-origin:31.153px 63.254px;animation:tall-left-breeze 5.6s ease-in-out -2.4s infinite alternate}
.tall-bud-right{left:1488.226px;top:548.191px;width:91.013px;height:136.52px;transform-origin:41.774px 127.809px;animation:tall-right-breeze 6.8s ease-in-out -5.1s infinite alternate}
@keyframes tall-left-breeze{from{transform:translateZ(0) rotate(-2deg)}to{transform:translateZ(0) rotate(10deg)}}
@keyframes tall-right-breeze{from{transform:translateZ(0) rotate(-7.75deg)}to{transform:translateZ(0) rotate(.25deg)}}

/* V15: gerarchia delle etichette e descrizioni vicine alle rispettive anteprime. */
.service-copy>.section-label,.assistant-section>.section-heading>.section-label,.method-section>.section-shell>.section-heading>.section-label{color:var(--coral)}
.service-preview{min-width:0;width:100%;max-width:780px;margin-inline:auto}
.service-preview .service-detail{text-align:left;max-width:680px;margin:12px 0 0;min-height:46px}
.conversation-answer .example-outcome{margin-top:14px;padding:12px 0 0;border-bottom:0;gap:11px}
.conversation-answer .outcome-icon{width:29px;height:29px;flex-basis:29px;font-size:16px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){.service-preview{max-width:660px}}
@media(max-width:680px){.service-preview{max-width:420px}.service-preview .service-detail{min-height:65px;margin-top:14px}.avatar-column{grid-template-rows:1fr}.avatar-description{grid-row:1;align-self:center;margin:0}}


/* V16 revisione: proporzioni originali, cornice alta anche sui telefoni. */
.site-footer>.footer-art-side{display:none;margin:0}
@media(max-width:680px){
 .site-footer>.footer-garden{display:none}
 .site-footer .footer-art-side{display:block;position:absolute;top:0;bottom:0;width:50%;z-index:-1;overflow:hidden;pointer-events:none}
 .site-footer .footer-art-left{left:0;mask-image:linear-gradient(to right,#000,transparent 90%)}
 .site-footer .footer-art-right{right:0;mask-image:linear-gradient(to left,#000,transparent 90%)}
 .site-footer .footer-art-side>.footer-garden{width:auto;height:100%;max-width:none;bottom:0}
 .site-footer .footer-art-left>.footer-garden{left:0;right:auto}
 .site-footer .footer-art-right>.footer-garden{left:auto;right:0}
}

/* La comparsa del menu resta condivisa anche nella pagina Privacy. */
@media(prefers-reduced-motion:no-preference){.mobile-menu[open]{animation:menu-appear .19s cubic-bezier(.2,.8,.2,1)}}
@keyframes menu-appear{from{opacity:.7;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}


/* V17 mobile: gli stessi contenuti, composti per lo spazio di un telefono. */
.service-caption{display:none}
@media(max-width:680px){
 .hero h1{font-size:clamp(46px,12.8vw,77px)}
 .hero h1 em,.section-heading h2 em{display:block}
 .hero h1 br{display:none}
 .service{display:grid;padding-top:65px;padding-bottom:75px;scroll-margin-top:-65px}
 .service-composition,.service-preview{display:contents}
 .service-copy{order:0;width:100%;padding:0 0 28px}
 .service-choices{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 15px}
 .service-choice,.service-choice[aria-pressed=true]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:78px;padding:10px 5px;border:1px solid var(--line);border-radius:17px;background:#fffbf4e8;text-align:center}
 .service-choice[aria-pressed=true]{border-color:var(--coral);background:#fff5e9}
 .choice-number{font-size:9px;padding:0;line-height:1}
 .service-choice>span:nth-child(2){display:block;width:100%}
 .service-choice strong{display:block;font:600 12px/1.45 var(--ui)}
 .service-choice>span:nth-child(2)>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .service-choice .choice-arrow{display:none}
 .service-caption{display:block;order:2;min-height:42px;margin:0 auto 5px;max-width:370px;text-align:center;font-size:13px;line-height:1.6}
 .product-stage{order:3;display:flex;align-items:center;justify-content:center;height:365px;margin:0 auto;scroll-margin-top:100px}
 .product-stage[data-focus] .device{position:relative;inset:auto;display:none;margin:0;max-width:100%}
 .product-stage[data-focus=site] .device.laptop{display:block;width:100%}
 .product-stage[data-focus=agenda] .device.tablet{display:block;width:min(85%,300px)}
 .product-stage[data-focus=assistant] .device.phone{display:block;width:min(70%,230px)}
 .laptop .device-screen{aspect-ratio:auto}
 .restaurant-preview{height:220px;padding:20px 10px 12px}
 .restaurant-preview>p{font-size:32px;margin-top:18px}
 .restaurant-links{font-size:8px;margin-top:15px}
 .preview-cta{font-size:8px;margin-top:14px;padding:7px 12px}
 .service-preview .service-detail{order:4;max-width:420px;width:100%;min-height:65px;margin:14px auto 0;text-align:center}
 .assistant-workbench{gap:12px;margin-top:22px}
 .avatar-column{grid-template-columns:125px 1fr;min-height:150px;padding:0 0 8px}
 .avatar-button{width:150px;height:150px;margin-left:-12px}
 .avatar-note{font-size:20px;left:22px}
 .avatar-description{font-size:24px;line-height:1.12}
 .audience-tabs button{min-height:44px}
 .example-choices button{min-height:44px}
 .assistant-capabilities{margin-top:38px;gap:34px}
 .assistant-capabilities ul{gap:13px}
 .contact-copy h2{font-size:clamp(48px,14.5vw,65px)}
 .privacy-check{min-height:44px;align-items:flex-start}
 .privacy-check input{width:20px;height:20px;flex-basis:20px}
 .site-footer nav{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:0;min-width:250px}
 .site-footer nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding-block:10px}
 .site-footer>div:not(.footer-art-side){font-size:12px;color:#51473e;display:grid;grid-template-columns:auto auto;gap:0 22px;align-items:center}
 .site-footer>div:not(.footer-art-side)>a,.site-footer .motion-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .site-footer .motion-toggle{color:#51473e;opacity:1}
 .contact-section>.site-footer,.privacy-page>.site-footer{min-height:540px;padding-top:60px;padding-bottom:80px}
}
@media(max-width:360px){
 .hero h1{font-size:46px}
 .hero .button{font-size:13px}
 .avatar-column{grid-template-columns:116px 1fr}
 .avatar-description{font-size:22px}
 .process{grid-template-columns:1fr;gap:27px}
 .process li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:0 14px;align-items:start}
 .process-art{grid-column:1;grid-row:1 / 3;max-width:105px;margin:0}
 .process-title{grid-column:2;grid-row:1;margin:5px 0 0;gap:6px}
 .process-title h3{font-size:25px}
 .process li>p{grid-column:2;grid-row:2;margin-top:9px;font-size:14px;line-height:1.6}
}
@media(max-width:680px) and (max-height:740px){
 .hero{min-height:740px;padding:130px 22px 120px}
 .hero-copy{padding-top:25px}
 .hero-bottom{bottom:22px}
}
@media(min-width:681px) and (max-width:1024px) and (max-height:500px) and (orientation:landscape) and (pointer:coarse){
 .hero{min-height:520px;align-items:flex-start;padding:105px var(--gutter) 100px}
 .hero-copy{padding-top:0}
 .hero h1{font-size:48px}
 .hero-description{font-size:15px;margin-top:20px}
 .actions{margin-top:22px}
}