/* Ledia.ai — stile del sito. Basato sul prototipo approvato "variante A". */
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Geist-Variable.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/GeistMono-Variable.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/InstrumentSerif-Italic.woff2) format("woff2")}

/* Layout: cinematic single dark theme. One idea per screen, pinned before/after hero, then large centred "moments" for each service. */
:root{
  color-scheme:dark;
  --nitrile:#16181A;      /* page ground */
  --abisso:#0E0F10;       /* deeper stage / phone bezel */
  --superficie:#1F2124;   /* cards, chat */
  --linea:#2C2E31;        /* hairlines */
  --calce:#EDE9E3;        /* primary text */
  --attenuato:#A9A8A2;    /* secondary text on nitrile */
  --cemento:#8C8B86;      /* the PRIMA state */
  --ottone:#B08D57;       /* the DOPO only */
  --ottone-luce:#D6B47E;  /* small marks over photos */
  --f-display:"Geist", "Helvetica Neue", Arial, system-ui, sans-serif;
  --f-body:"Geist", "Helvetica Neue", Arial, system-ui, sans-serif;
  --f-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --f-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;
  --gutter:clamp(16px, 4.5vw, 56px);
  --wrap:1180px;
  background:var(--nitrile);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--nitrile);color:var(--calce);font-family:var(--f-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,p,figure,ol,ul,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.045em;line-height:.98;text-wrap:balance;color:var(--calce)}
a{color:inherit}
:focus-visible{outline:2px solid var(--ottone-luce);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--attenuato)}
.ai-label{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;color:var(--calce);background:rgba(14,15,16,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 9px;border-radius:999px;white-space:nowrap;line-height:1.2}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- top ---------- */
.top{position:relative;z-index:6}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--calce)}
.wordmark svg{width:31px;height:22px;flex:none}
.wordmark b{font-family:var(--f-display);font-weight:600;font-size:23px;letter-spacing:-.06em;line-height:1}
.wordmark b i{font-style:normal;color:var(--ottone)}
.wordmark b span{font-weight:400;color:var(--cemento);letter-spacing:-.03em}
.header nav{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--attenuato)}
.header nav a{text-decoration:none}
.header nav a:hover{color:var(--calce)}
.header nav .hide-s{display:none}
@media (min-width:760px){.header nav .hide-s{display:inline}}

/* ---------- hero: static (no JS / reduced motion) ---------- */
.hero{position:relative}
.stage{display:flex;flex-direction:column;gap:28px;padding-block:24px 72px;padding-inline:var(--gutter);max-width:var(--wrap);margin-inline:auto}
.hero-copy h1{font-size:clamp(52px,10vw,120px)}
.hero-copy p{margin-top:16px;font-size:clamp(17px,2vw,21px);color:var(--attenuato);max-width:34ch;text-wrap:pretty}
.frame{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.layer{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:18px;overflow:hidden;background:var(--abisso)}
.layer .img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.l-prima .img{filter:grayscale(1) brightness(.8) contrast(1.05)}
.tag{position:absolute;left:14px;bottom:12px;line-height:1}
.tag-prima{font-family:var(--f-display);font-weight:600;letter-spacing:-.05em;font-size:clamp(30px,7vw,72px);color:var(--calce)}
.tag-dopo{font-family:var(--f-serif);font-style:italic;font-size:clamp(36px,8vw,84px);color:var(--ottone-luce)}
.frame .ai-label{grid-column:1/-1;justify-self:start}
.w-prima,.w-dopo,.seam,.tl{display:none}

/* ---------- hero: pinned scroll moment ---------- */
html.fx .top{position:absolute;left:0;right:0;top:0;background:linear-gradient(rgba(14,15,16,.7),rgba(14,15,16,0))}
html.fx .hero{height:300vh;--z:0;--w:0;--f:0;--d:0;--seam:0}
html.fx .stage{position:sticky;top:0;display:block;height:100vh;height:100svh;max-width:none;padding:0;overflow:hidden;background:var(--abisso)}
html.fx .frame{position:absolute;inset:0;display:block;gap:0}
html.fx .layer{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
html.fx .layer .img{transform:scale(calc(1.16 - .16 * var(--z)));will-change:transform}
html.fx .l-prima .img{filter:grayscale(1) brightness(.62) contrast(1.08)}
html.fx .l-dopo{clip-path:inset(0 calc((1 - var(--w)) * 100%) 0 0);-webkit-clip-path:inset(0 calc((1 - var(--w)) * 100%) 0 0)}
html.fx .frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,15,16,.35) 0%,rgba(14,15,16,0) 22%,rgba(14,15,16,0) 52%,rgba(14,15,16,.88) 100%)}
html.fx .seam{display:block;position:absolute;top:0;bottom:0;left:calc(var(--w) * 100%);width:2px;margin-left:-1px;background:var(--ottone-luce);box-shadow:0 0 24px 4px rgba(214,180,126,.55);opacity:var(--seam);z-index:2}
html.fx .tag{display:none}
html.fx .frame .ai-label{position:absolute;left:16px;top:calc(env(safe-area-inset-top,0px) + 96px);z-index:3}
html.fx .w-prima,html.fx .w-dopo{display:block;position:absolute;left:50%;top:42%;margin:0;z-index:3;pointer-events:none;white-space:nowrap;line-height:.8}
html.fx .w-prima{font-family:var(--f-display);font-weight:600;letter-spacing:-.065em;font-size:clamp(108px,30vw,400px);color:var(--calce);text-shadow:0 10px 60px rgba(0,0,0,.35);opacity:calc(1 - var(--f));transform:translate(-50%,-50%) translateY(calc(var(--f) * -5vh)) scale(calc(1 - var(--f) * .08))}
html.fx .w-dopo{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;font-size:clamp(124px,36vw,460px);color:var(--ottone);text-shadow:0 10px 60px rgba(0,0,0,.45);opacity:var(--d);transform:translate(-50%,-50%) translateY(calc((1 - var(--d)) * 5vh))}
html.fx .hero-copy{position:absolute;left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 132px);z-index:4}
html.fx .hero-copy h1{font-size:clamp(32px,8.6vw,48px)}
html.fx .hero-copy p{margin-top:10px;font-size:16px;color:var(--calce);opacity:.82;max-width:30ch}
html.fx .tl{display:flex;align-items:center;gap:12px;position:absolute;left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:4;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--attenuato)}
.tl .track{position:relative;flex:1;height:2px;background:rgba(237,233,227,.18);border-radius:2px}
.tl .fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,var(--cemento),var(--ottone));border-radius:2px}
.tl .k{position:absolute;top:-16px;font-size:9.5px;transform:translateX(-50%)}
.tl .k-p{left:0;transform:none;color:var(--cemento)}
.tl .k-d{right:0;left:auto;transform:none;color:var(--ottone-luce)}
.tl .now{color:var(--calce);min-width:5ch;font-variant-numeric:tabular-nums}
@media (min-width:900px) and (min-aspect-ratio:1/1){
  html.fx .frame{inset:auto;left:50%;top:50%;height:min(80svh,840px);height:min(80vh,840px);aspect-ratio:4/5;transform:translate(-50%,-50%);border-radius:28px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.9)}
  html.fx .frame .ai-label{top:16px}
  html.fx .frame::after{background:linear-gradient(180deg,rgba(14,15,16,0) 60%,rgba(14,15,16,.4) 100%)}
  html.fx .w-prima,html.fx .w-dopo{top:50%}
  html.fx .hero-copy{left:clamp(24px,4vw,64px);right:auto;bottom:clamp(32px,6vh,64px);width:min(330px,24vw)}
  html.fx .hero-copy h1{font-size:clamp(34px,3.2vw,46px)}
  html.fx .hero-copy p{font-size:16px}
  html.fx .tl{left:auto;right:clamp(24px,4vw,64px);bottom:clamp(96px,13vh,120px);width:min(300px,24vw)}
}

/* ---------- fixed contact pill ---------- */
.pill-fixed{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px 0 18px;border-radius:999px;background:var(--calce);color:var(--nitrile);text-decoration:none;font-weight:600;font-size:15.5px;letter-spacing:-.01em;box-shadow:0 14px 40px -10px rgba(0,0,0,.7),0 0 0 1px rgba(14,15,16,.2);transition:opacity .3s,transform .3s;white-space:nowrap}
.pill-fixed svg{width:20px;height:20px}
.pill-fixed.is-away{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(16px)}
@media (min-width:900px){.pill-fixed{left:auto;right:28px;transform:none}.pill-fixed.is-away{transform:translateY(16px)}}

/* ---------- sections ---------- */
.sec{padding-block:clamp(88px,14vw,180px)}
.sec + .sec{border-top:1px solid var(--linea)}
.center{text-align:center}
.h-xl{font-size:clamp(44px,8.4vw,112px)}
.h-l{font-size:clamp(40px,7vw,92px)}
.lede{font-size:clamp(18px,2.1vw,22px);color:var(--attenuato);max-width:44ch;text-wrap:pretty}
.center .lede{margin-inline:auto}

/* why */
.why .h-xl{max-width:16ch;font-size:clamp(34px,6.6vw,96px);line-height:1.02}
.why .h-xl .dim{color:var(--cemento)}
.why .lede{margin-top:clamp(28px,4vw,48px)}

/* services */
.svc-intro{padding-block:clamp(88px,12vw,150px) 0}
.svc-intro .h-xl{margin-top:14px}
.svc{padding-block:clamp(72px,11vw,150px)}
.svc-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.svc-head .h-l{max-width:13ch}
.svc-head .lede{max-width:40ch}
.svc-visual{margin-top:clamp(40px,6vw,72px);display:flex;flex-direction:column;align-items:center;gap:28px}
.svc-note{font-size:14px;color:var(--attenuato);max-width:46ch;text-align:center}

/* S1 phone + timeline */
.phone{position:relative;width:min(290px,66vw);max-width:100%;aspect-ratio:9/19.5;border-radius:48px;padding:11px;background:var(--abisso);box-shadow:inset 0 0 0 1.5px #3A3C40,inset 0 0 0 5px #111214,0 50px 100px -40px rgba(0,0,0,.9)}
.screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:var(--nitrile)}
/* video: always cover the frame; the poster stays visible until it plays */
.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--abisso)}
.screen .island{position:absolute;top:10px;left:50%;width:30%;height:22px;margin-left:-15%;border-radius:20px;background:var(--abisso);z-index:3}
.screen .ai-label{position:absolute;left:10px;right:10px;top:42px;text-align:center;font-size:9px;white-space:normal;z-index:3}
.tline{width:min(560px,100%)}
.tline .bar{position:relative;height:30px}
.tline .ticks{position:absolute;inset:8px 0 auto;height:14px;background:repeating-linear-gradient(90deg,var(--linea) 0 1px,transparent 1px calc(100% / 12));border-right:1px solid var(--linea)}
.tline .seg{position:absolute;top:13px;height:4px;border-radius:4px}
.tline .seg-p{left:0;width:24%;background:var(--cemento)}
.tline .seg-t{left:24%;width:36%;background:linear-gradient(90deg,var(--cemento),var(--ottone))}
.tline .seg-d{left:60%;right:0;background:var(--ottone)}
.tline .head{position:absolute;top:2px;bottom:2px;left:40%;width:2px;margin-left:-1px;background:var(--calce);border-radius:2px}
.tline .head::before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--calce)}
.tline .lbls{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--attenuato);font-variant-numeric:tabular-nums}
.tline .lbls b{font-weight:500}
.tline .lbls .p{color:var(--cemento)}
.tline .lbls .d{color:var(--ottone)}

/* S3 three-shot strip */
.shots{width:min(760px,100%)}
.shots .rail{position:relative;height:18px;margin-bottom:12px}
.shots .rail::before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:var(--linea)}
.shots .rail i{position:absolute;top:4px;width:9px;height:9px;border-radius:50%;background:var(--nitrile);border:1px solid var(--attenuato);margin-left:-4px}
.shots .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.4vw,14px)}
.shot{display:flex;flex-direction:column;gap:10px;min-width:0}
.shot .s{position:relative;aspect-ratio:9/16;max-width:100%;border-radius:14px;overflow:hidden;background-color:var(--abisso);background-repeat:no-repeat}
.shots.duo{width:min(560px,100%)}
.shots.duo .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.shot .cap{display:flex;flex-direction:column;gap:2px;font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;color:var(--attenuato)}
.shot .cap b{font-family:var(--f-body);font-size:clamp(13px,1.6vw,16px);letter-spacing:-.01em;color:var(--calce);font-weight:500}
.shots .ai-label{display:inline-block;margin-top:16px;white-space:normal}

/* S4 calendar */
.cal{width:min(440px,100%);background:var(--superficie);border-radius:26px;padding:clamp(18px,4vw,28px);box-shadow:inset 0 0 0 1px var(--linea)}
.cal-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.cal-h b{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:-.03em}
.cal-h span{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--attenuato);text-transform:uppercase}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.cal-g .dw{font-size:10px;color:var(--cemento);padding-bottom:6px}
.cal-g .d{font-size:12px;color:var(--attenuato);aspect-ratio:1;display:grid;place-items:center;border-radius:10px}
.cal-g .d.on{background:var(--ottone);color:var(--nitrile);font-weight:500;position:relative}
.cal-leg{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--linea);font-size:13px;color:var(--attenuato)}
.cal-leg span{display:inline-flex;align-items:center;gap:8px}
.cal-leg i{width:10px;height:10px;border-radius:3px;background:var(--ottone);display:inline-block}
.months{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.months span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--linea);font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--attenuato);text-transform:uppercase}
.months i{width:6px;height:6px;border-radius:50%;background:var(--ottone);display:inline-block}

/* included */
.incl .h-l{margin-bottom:clamp(32px,5vw,56px)}
.specs{border-top:1px solid var(--linea)}
.specs div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-block:20px;border-bottom:1px solid var(--linea)}
.specs dt{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--attenuato)}
.specs dd{font-size:clamp(19px,2.3vw,26px);letter-spacing:-.02em;line-height:1.3;color:var(--calce)}
@media (min-width:760px){.specs div{grid-template-columns:220px minmax(0,1fr);align-items:baseline;gap:24px}}

/* how */
.steps{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,56px);margin-top:clamp(40px,6vw,72px)}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.step{display:flex;flex-direction:column;gap:12px;min-width:0}
.step .n{font-family:var(--f-display);font-weight:300;font-size:clamp(88px,11vw,150px);line-height:.8;letter-spacing:-.06em;color:var(--cemento);font-variant-numeric:tabular-nums}
.step:last-child .n{color:var(--ottone)}
.step h3{font-size:clamp(26px,2.8vw,34px);letter-spacing:-.035em;margin-top:8px}
.step p{color:var(--attenuato);max-width:34ch}

/* proof */
.proof .big{display:flex;flex-direction:column;gap:4px;margin-top:20px}
.proof .big small{font-family:var(--f-display);font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.03em;color:var(--attenuato)}
.proof .big strong{font-family:var(--f-display);font-weight:600;font-size:clamp(84px,19vw,250px);letter-spacing:-.07em;line-height:.84;color:var(--calce);font-variant-numeric:tabular-nums}
.proof .big span{font-size:clamp(18px,2.1vw,22px);color:var(--attenuato);max-width:40ch;margin-top:14px}
.bars{margin-top:clamp(40px,6vw,72px);display:grid;gap:18px;max-width:760px}
.bar-row{display:grid;grid-template-columns:76px minmax(0,1fr) 64px;align-items:center;gap:14px}
.bar-row .nm{font-size:15px;color:var(--calce)}
.bar-row .tr{height:10px;border-radius:10px;background:var(--superficie);overflow:hidden}
.bar-row .tr i{display:block;height:100%;border-radius:10px;background:var(--cemento)}
.bar-row .v{font-family:var(--f-mono);font-size:14px;text-align:right;color:var(--calce);font-variant-numeric:tabular-nums}
.proof .fine{margin-top:24px;font-size:13px;color:var(--attenuato);max-width:60ch}

/* client slot */
.slot-wrap{display:grid;gap:clamp(32px,5vw,64px);align-items:center}
@media (min-width:860px){.slot-wrap{grid-template-columns:minmax(0,1fr) auto}}

/* faq */
.faq-list{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--linea);max-width:860px}
.faq-list details{border-bottom:1px solid var(--linea)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-family:var(--f-display);font-weight:500;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.025em;line-height:1.25}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .pm{flex:none;position:relative;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--linea)}
.faq-list summary .pm::before,.faq-list summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--calce);transition:transform .25s}
.faq-list summary .pm::after{transform:rotate(90deg)}
.faq-list details[open] summary .pm::after{transform:rotate(0)}
.faq-list details p{padding-bottom:26px;color:var(--attenuato);max-width:62ch;font-size:17px}

/* contact */
.contact{text-align:center}
.contact .h-xl{max-width:12ch;margin-inline:auto}
.contact .h-xl em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--ottone)}
.contact .lede{margin-top:20px;margin-inline:auto}
.contact .wa{margin-inline:auto}
.wa{width:min(460px,100%);margin:clamp(40px,6vw,64px) auto 0;text-align:left;background:var(--superficie);border-radius:30px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--linea),0 50px 100px -50px rgba(0,0,0,.9)}
.wa-top{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--linea)}
.wa-av{width:40px;height:40px;border-radius:50%;background:var(--nitrile);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px var(--linea)}
.wa-av svg{width:24px;height:17px;color:var(--calce)}
.wa-top b{display:block;font-weight:600;font-size:16px;letter-spacing:-.01em}
.wa-top span{display:block;font-size:12.5px;color:var(--attenuato)}
.wa-body{padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 20% 0%,rgba(237,233,227,.03),transparent 60%),var(--abisso)}
.wa-hint{align-self:center;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--attenuato);background:var(--superficie);padding:5px 10px;border-radius:8px;text-align:center}
.bubble{align-self:flex-end;max-width:86%;position:relative;background:var(--calce);color:var(--nitrile);padding:12px 14px 22px;border-radius:18px 18px 4px 18px;font-size:15.5px;line-height:1.42}
.bubble small{position:absolute;right:12px;bottom:6px;font-size:10.5px;color:#6E6D68}
.wa-cta{padding:18px;display:flex;flex-direction:column;gap:14px}
.btn-wa{display:flex;align-items:center;justify-content:center;gap:12px;height:60px;border-radius:999px;background:var(--calce);color:var(--nitrile);text-decoration:none;font-weight:600;font-size:17.5px;letter-spacing:-.01em;transition:transform .2s}
.btn-wa:hover{transform:translateY(-1px)}
.btn-wa svg{width:22px;height:22px}
.num{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--linea)}
.num div{min-width:0}
.num small{display:block;font-size:12px;color:var(--attenuato)}
.num output{display:block;font-family:var(--f-mono);font-size:17px;letter-spacing:.02em;color:var(--calce);user-select:all;-webkit-user-select:all}
.num button{flex:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--calce);background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--attenuato);border-radius:999px;padding:8px 14px;cursor:pointer}
.num button:hover{background:var(--nitrile)}
.ig{font-size:14px;color:var(--attenuato);text-align:center}
.ig a{color:var(--calce);text-underline-offset:3px}

/* footer */
.foot{border-top:1px solid var(--linea);padding-block:56px calc(env(safe-area-inset-bottom,0px) + 104px);font-size:13.5px;color:var(--attenuato)}
.foot .wrap{display:grid;gap:20px}
.foot p{max-width:70ch}
.foot mark{background:var(--calce);color:var(--nitrile);padding:0 5px;border-radius:4px;font-family:var(--f-mono);font-size:12px}

/* motion (only when allowed) */
@media (prefers-reduced-motion:no-preference){
  .tline .head{animation:play 7s linear infinite}
}
@keyframes play{from{left:0}to{left:100%}}

/* client work (replaces the empty slot of the prototype) */
.client{position:relative;width:min(300px,72vw);max-width:100%;aspect-ratio:9/16;border-radius:28px;overflow:hidden;justify-self:center;background:var(--abisso);box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}
.client .ai-label{position:absolute;left:12px;right:12px;top:14px;text-align:center;white-space:normal;z-index:2}

/* spacing the prototype wrote inline (moved here: the page allows no inline styles) */
.mt14{margin-top:14px}
.mt18{margin-top:18px}
.mt20{margin-top:20px}
.pb0{padding-block:0}
.bar-row .tr i.w1{width:100%}
.bar-row .tr i.w2{width:88.5%}
.bar-row .tr i.w3{width:45.2%}