/* ORTHYNE p68 (23/10/2026): ORTHYNE Collezioni — sezione della home (.c68h) e pagina /{lingua}/collezionisti.html (.c68l).
   Stile neon ORTHYNE (#7cf3c8 → #6ea8ff), schede con profondità 3D, movimento solo se il sistema non chiede movimento ridotto.
   Aree di tocco ≥ 44px, RTL per l'arabo. */
:root{--c68a:#7cf3c8;--c68b:#6ea8ff}
html body .c68-ic{width:24px;height:24px;fill:none;stroke:var(--c68a);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body .c68-grad{background:linear-gradient(90deg,var(--c68a),var(--c68b));-webkit-background-clip:text;background-clip:text;color:transparent}
/* visuale: tre schede 3D che fluttuano attorno a un'aura */
html body .c68-vis{position:relative;width:210px;height:104px;margin:0 auto .4rem;perspective:640px}
html body .c68-orb{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;background:radial-gradient(circle,rgba(124,243,200,.3),rgba(110,168,255,.12) 45%,transparent 70%)}
html body .c68-c3{position:absolute;top:14px;width:60px;height:76px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(160deg,#13233f,#0a1426) padding-box,linear-gradient(135deg,var(--c68a),var(--c68b)) border-box;border:1.5px solid transparent;box-shadow:0 12px 30px rgba(110,168,255,.28)}
html body .c68-c3 .c68-ic{width:28px;height:28px}
html body .c68-c3:nth-of-type(2){left:18px;transform:rotateY(20deg) rotate(-10deg)}
html body .c68-c3:nth-of-type(3){left:75px;top:6px;transform:translateZ(24px)}
html body .c68-c3:nth-of-type(4){left:132px;transform:rotateY(-20deg) rotate(10deg)}
html body .c68-cta2 .c68-ic{width:20px;height:20px;stroke:currentColor;margin-inline-end:.45rem}

/* ---------- home ---------- */
html body .c68h{position:relative;overflow:hidden;padding:2.4rem 0 2.6rem;background:radial-gradient(90% 70% at 50% 0%,#0f2547 0%,#081326 55%,#060a13 100%);border-bottom:1px solid rgba(124,243,200,.18)}
html body .c68h::before{content:"";position:absolute;inset:-30% -10% auto;height:70%;background:conic-gradient(from 200deg at 50% 50%,transparent 0 60%,rgba(124,243,200,.12) 75%,rgba(110,168,255,.14) 85%,transparent 100%);filter:blur(30px);pointer-events:none}
html body .c68h-in{position:relative}
html body .c68h-testa{text-align:center;max-width:44rem;margin:0 auto 1.3rem}
html body .c68h h2{margin:.2rem 0 .5rem;font-size:clamp(1.9rem,6.4vw,3rem);line-height:1.1;color:#fff;letter-spacing:.01em}
html body .c68h .c68-o{color:#fff}
html body .c68h h2 .c68-grad,html body .c68l h1 .c68-grad{display:inline-block} /* rev68: il nome dell'area non si spezza a metà (ja: «コレクショ/ン») */
html body .c68h-lead{margin:0 auto;color:#c4d3e8;font-size:clamp(.98rem,2.4vw,1.12rem);line-height:1.5;max-width:36rem}
html body .c68-tiles{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;max-width:62rem}
html body .c68-tiles li{margin:0;padding:0;min-width:0}
html body .c68-tile{display:flex;flex-direction:column;gap:.3rem;height:100%;min-height:44px;padding:1rem;border-radius:18px;text-decoration:none;color:#fff;
  background:linear-gradient(165deg,rgba(19,35,63,.92),rgba(9,17,33,.92)) padding-box,linear-gradient(135deg,rgba(124,243,200,.6),rgba(110,168,255,.45)) border-box;border:1px solid transparent;
  transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}
html body .c68-tile b{font-size:1rem;line-height:1.25;color:#fff}
html body .c68-tile span:not(.c68-tic){font-size:.84rem;line-height:1.4;color:#aebfd6}
html body .c68-tic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(124,243,200,.1);border:1px solid rgba(124,243,200,.35);margin-bottom:.25rem}
html body .c68-tile:hover,html body .c68-tile:focus-visible{transform:perspective(700px) rotateX(4deg) translateY(-3px);box-shadow:0 18px 44px rgba(110,168,255,.22)}
html body .c68-tile:focus-visible{outline:3px solid var(--c68a);outline-offset:3px}
html body .c68h-nota{text-align:center;margin:.9rem auto 0;font-size:.8rem;color:#9fb3cc;max-width:40rem}
html body .c68h-az{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1.1rem 0 0}
html body .c68h a.cta.c68-cta,html body .c68l a.c68-cta{background:linear-gradient(90deg,var(--c68a),var(--c68b));color:#04121a;border:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 10px 30px rgba(110,168,255,.3)}
html body .c68h a.cta.c68-cta2{background:rgba(6,10,19,.4);color:#eaf6ff;border:1.5px solid var(--c68a);box-shadow:none;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
html body .c68h a.cta.c68-cta2:hover{background:rgba(124,243,200,.1)}

/* ---------- pagina Collezionisti ---------- */
html body .c68l .c68-hero{position:relative}
html body .c68l .c68-az{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
html body .c68l .c68-az a{min-height:48px}
html body .c68l a.pd-btn2.c68-cta2{border-color:var(--c68a);color:#eaf6ff}
html body .c68-gratis{margin:.7rem auto 0;color:#9fb3cc;font-size:.86rem;text-align:center}
html body .c68-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.8rem}
html body .c68-cards li{margin:0;padding:0;min-width:0}
html body .c68-card{display:flex;align-items:flex-start;gap:.85rem;height:100%;min-height:44px;padding:1rem 1rem 1rem .95rem;border-radius:18px;text-decoration:none;color:#fff;
  background:linear-gradient(165deg,rgba(19,35,63,.95),rgba(9,17,33,.95)) padding-box,linear-gradient(135deg,rgba(124,243,200,.55),rgba(110,168,255,.4)) border-box;border:1px solid transparent;
  transition:transform .22s ease,box-shadow .22s ease}
html body .c68-card:hover,html body .c68-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 40px rgba(110,168,255,.22)}
html body .c68-card:focus-visible{outline:3px solid var(--c68a);outline-offset:3px}
html body .c68-cic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(124,243,200,.1);border:1px solid rgba(124,243,200,.35)}
html body .c68-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}
html body .c68-ct b{font-size:1rem;line-height:1.3;color:#fff}
html body .c68-ct>span{font-size:.88rem;line-height:1.45;color:#b4c4da}
html body .c68-nota{display:block;font-size:.78rem;color:var(--c68a);line-height:1.4}
html body .c68-nota2{display:block;font-size:.78rem;color:#b4c4da;line-height:1.4}
html body .c68-go{flex:none;align-self:center;display:inline-flex;align-items:center;gap:.15rem;min-height:44px;padding:0 .2rem 0 .5rem;font-size:.84rem;font-weight:700;color:var(--c68a)}
html body .c68-fr{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
html body .c68-card:hover .c68-fr{transform:translateX(3px)}
html[dir="rtl"] body .c68-fr{transform:scaleX(-1)}
html[dir="rtl"] body .c68-card:hover .c68-fr{transform:scaleX(-1) translateX(3px)}
html body .c68-passi{list-style:none;counter-reset:c68;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
html body .c68-passi li{counter-increment:c68;position:relative;padding:1rem 1rem 1rem 3.4rem;border-radius:16px;background:rgba(98,227,255,.06);border:1px solid rgba(124,243,200,.25);color:#e6eef9;font-weight:600;line-height:1.4}
html body .c68-passi li::before{content:counter(c68);position:absolute;inset-inline-start:1rem;top:1rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--c68a),var(--c68b));color:#04121a;font-weight:800;font-size:.9rem}
html[dir="rtl"] body .c68-passi li{padding:1rem 3.4rem 1rem 1rem}
@media (max-width:640px){
  html body .c68h{padding:1.8rem 0 2rem}
  html body .c68-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  html body .c68-tile{padding:.8rem .75rem}
  html body .c68-tile b{font-size:.92rem}
  html body .c68-tile span:not(.c68-tic){font-size:.78rem}
  html body .c68-tic{width:36px;height:36px}
  html body .c68-vis{transform:scale(.82);margin:-.4rem auto -.2rem}
  html body .c68h-az a.cta{flex:1 1 100%}
  html body .c68l .c68-az a{flex:1 1 100%}
}
/* movimento: entrata delle schede e schede 3D che fluttuano (mai con movimento ridotto) */
@keyframes c68su{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes c68fl{50%{translate:0 -7px}}
@keyframes c68pul{50%{opacity:.55;scale:1.08}}
@media (prefers-reduced-motion:no-preference){
  html body .c68-tiles li,html body .c68-cards li{animation:c68su .55s cubic-bezier(.2,.7,.2,1) both}
  html body .c68-tiles li:nth-child(2),html body .c68-cards li:nth-child(2){animation-delay:.07s}
  html body .c68-tiles li:nth-child(3),html body .c68-cards li:nth-child(3){animation-delay:.14s}
  html body .c68-tiles li:nth-child(4),html body .c68-cards li:nth-child(4){animation-delay:.21s}
  html body .c68-tiles li:nth-child(5),html body .c68-cards li:nth-child(5){animation-delay:.28s}
  html body .c68-tiles li:nth-child(6),html body .c68-cards li:nth-child(6){animation-delay:.35s}
  html body .c68-cards li:nth-child(7){animation-delay:.42s}
  html body .c68-c3{animation:c68fl 3.4s ease-in-out infinite}
  html body .c68-c3:nth-of-type(3){animation-delay:.5s}html body .c68-c3:nth-of-type(4){animation-delay:1s}
  html body .c68-orb{animation:c68pul 4.5s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){html body .c68-tile,html body .c68-card,html body .c68-fr{transition:none}html body .c68-tile:hover,html body .c68-card:hover{transform:none}}
/* p70: home — "ORTHYNE Collection" terzo pulsante del primo schermo, stesse dimensioni di ORTHYNE Connect, accento oro-viola */
html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll:hover,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll:focus-visible{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:#fff;border:1.5px solid transparent;
  background:linear-gradient(rgba(6,10,19,.55),rgba(6,10,19,.55)) padding-box,linear-gradient(90deg,#ffd27a,#b48cff) border-box;box-shadow:0 0 22px rgba(180,140,255,.22)}
html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll:hover{background:linear-gradient(rgba(40,30,70,.6),rgba(40,30,70,.6)) padding-box,linear-gradient(90deg,#ffd27a,#b48cff) border-box}
html body .h70-coll .h70-ic{width:20px;height:20px;flex:none;fill:none;stroke:#ffd27a;stroke-width:1.6;stroke-linejoin:round}
@media (max-width:480px){
  html body .band.hero30 .h65-cta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  html body .band.hero30 .h65-cta>a.cta:not(.h65-sec){grid-column:1/-1}
  html body .band.hero30 .h65-cta a.cta.h65-sec{width:100%;min-width:0;padding-left:.6rem;padding-right:.6rem;font-size:.92rem;white-space:nowrap;box-sizing:border-box}
  html body .h70-coll .h70-ic{width:18px;height:18px}
}
@media (max-width:370px){html body .band.hero30 .h65-cta a.cta.h65-sec{font-size:.84rem}html body .h70-coll .h70-ic{display:none}}
/* p71: home — ORTHYNE Connect con la stessa evidenza di ORTHYNE Collection: bordo pieno a gradiente ciano→blu, alone leggero,
   icona a sinistra. Stesse misure di Collection; entrambi restano secondari rispetto all'invito principale (pieno). */
html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn,html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn:hover,html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn:focus-visible{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:#fff;border:1.5px solid transparent;
  background:linear-gradient(rgba(6,10,19,.55),rgba(6,10,19,.55)) padding-box,linear-gradient(90deg,#5ee7ff,#4f7dff) border-box;box-shadow:0 0 22px rgba(79,160,255,.24)}
html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn:hover{background:linear-gradient(rgba(12,40,72,.6),rgba(12,40,72,.6)) padding-box,linear-gradient(90deg,#5ee7ff,#4f7dff) border-box}
html body .h71-conn .h71-ic{width:20px;height:20px;flex:none;fill:none;stroke:#5ee7ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll{min-height:44px;box-sizing:border-box;font-weight:700;white-space:nowrap}
html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn span,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll span{direction:ltr;unicode-bidi:isolate}
@media (prefers-reduced-motion:no-preference){
  html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn{animation:h71gc 5s ease-in-out infinite}
  html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll{animation:h71gl 5s ease-in-out 2.5s infinite}
}
@keyframes h71gc{50%{box-shadow:0 0 30px rgba(79,160,255,.36)}}
@keyframes h71gl{50%{box-shadow:0 0 30px rgba(180,140,255,.34)}}
@media (max-width:480px){html body .h71-conn .h71-ic{width:18px;height:18px}}
/* telefono stretto: icone più piccole invece di nasconderle (pulsanti simmetrici); se non c'è posto, uno sotto l'altro a tutta larghezza */
@media (max-width:370px){
  html body .h70-coll .h70-ic,html body .h71-conn .h71-ic{display:block;width:15px;height:15px}
  html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll{gap:.3rem;padding-left:.4rem;padding-right:.4rem;font-size:.8rem}
}
@media (max-width:339px){html body .band.hero30 .h65-cta{grid-template-columns:1fr}}
/* p71: da tablet in su — invito principale da solo sulla prima riga, Connect e Collection affiancati sotto, larghi uguali */
@media (min-width:481px){
  html body .band.hero30 .h65-cta{display:grid;grid-template-columns:1fr 1fr;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;gap:.75rem;justify-items:stretch}
  html body .band.hero30 .h65-cta>a.cta:not(.h65-sec){grid-column:1/-1;justify-self:center;margin:0}
  html body .band.hero30 .h65-cta>a.cta.h65-sec{margin:0;width:100%}
}
/* p71: invito principale su due righe bilanciate (niente sillaba sola a capo, es. giapponese a 360px) */
html body .band.hero30 .h65-cta>a.cta:not(.h65-sec){text-wrap:balance}
html[lang="ja"] body .band.hero30 .h65-cta>a.cta:not(.h65-sec){word-break:auto-phrase}
/* rev71: 371–440 px (es. 390) — "ORTHYNE Collection" non tocca più il bordo del pulsante */
@media (min-width:371px) and (max-width:440px){
  html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll{gap:.35rem;padding-left:.5rem;padding-right:.5rem;font-size:.84rem}
}
@media (min-width:340px) and (max-width:370px){
  html body .band.hero30 .h65-cta a.cta.h65-sec.h71-conn,html body .band.hero30 .h65-cta a.cta.h65-sec.h70-coll{padding-left:.5rem;padding-right:.5rem;font-size:.76rem}
}