/* Home per chi non ha fatto l'accesso, da PC (Pages/_Welcome.cshtml). Prefisso wl */
.wl { --drs-shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04); }
.wl svg.lucide { width:16px; height:16px; }
.wl a { text-decoration:none; color:inherit; }
.wl .hero { text-align:center; padding:52px 24px 0; background:radial-gradient(60% 70% at 50% 0%, rgba(232,92,0,.12), transparent 70%); }
.wl .hero .k { display:inline-flex; gap:8px; align-items:center; background:#fff; border:1px solid var(--drs-border); border-radius:999px; padding:5px 12px; font-size:13px; font-weight:700; color:var(--drs-text2); }
.wl .hero h1 { font-size:58px; line-height:1; letter-spacing:-.04em; font-weight:900; margin:16px auto 14px; max-width:20ch; text-wrap:balance; }
.wl .hero h1 em { font-style:normal; background:linear-gradient(90deg,#e85c00,#f59e0b); -webkit-background-clip:text; background-clip:text; color:transparent; }
.wl .hero p { color:var(--drs-text2); font-size:18px; max-width:60ch; margin:0 auto 24px; }
.wl .hero .ctas { display:flex; gap:10px; justify-content:center; }
.wl .stage { position:relative; max-width:1100px; margin:40px auto 0; padding:0 24px; height:440px; }
.wl .win { position:absolute; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 30px 70px rgba(15,23,42,.22), 0 0 0 1px rgba(15,23,42,.06); }
.wl .win .bar { height:26px; background:#f1f5f9; display:flex; gap:6px; align-items:center; padding:0 10px; }
.wl .win .bar i { width:9px; height:9px; border-radius:50%; background:#cbd5e1; }
.wl .win .img { background-size:cover; background-position:left top; height:calc(100% - 26px); }
.wl .w1 { left:24px; top:40px; width:600px; height:360px; transform:rotate(-2deg); }
.wl .w2 { left:50%; top:0; width:640px; height:400px; transform:translateX(-46%); z-index:2; }
.wl .w3 { right:24px; top:60px; width:560px; height:340px; transform:rotate(2.5deg); }
.wl .phone { position:absolute; right:110px; bottom:-40px; width:186px; height:390px; border-radius:28px; background:#0f172a; padding:8px; z-index:3; box-shadow:0 30px 60px rgba(15,23,42,.35); }
.wl .phone div { width:100%; height:100%; border-radius:22px; background:#fff var(--wl-phone) center top/100% auto; }
.wl .tabs { display:flex; gap:8px; justify-content:center; margin:70px 0 22px; flex-wrap:wrap; }
.wl .tabs button { border:1px solid var(--drs-border); background:#fff; border-radius:999px; padding:9px 16px; font:700 14px 'DM Sans', sans-serif; color:var(--drs-text2); cursor:pointer; display:inline-flex; gap:7px; align-items:center; }
.wl .tabs button.on { background:#0f172a; border-color:#0f172a; color:#fff; }
.wl .panel { display:grid; grid-template-columns:400px minmax(0,1fr); gap:30px; align-items:center; background:#fff; border:1px solid var(--drs-border); border-radius:22px; padding:28px; box-shadow:var(--drs-shadow-sm); }
.wl .panel h3 { font-size:28px; font-weight:900; letter-spacing:-.025em; margin:0 0 10px; }
.wl .panel p { color:var(--drs-text2); margin:0 0 14px; }
.wl .panel ul { list-style:none; padding:0; margin:0 0 18px; display:flex; flex-direction:column; gap:8px; }
.wl .panel li { display:flex; gap:10px; font-weight:600; font-size:14.5px; }
.wl .panel li svg { color:var(--drs-accent); flex-shrink:0; margin-top:2px; }
.wl .panel .shots { position:relative; height:380px; }
.wl .panel .shot { position:absolute; border-radius:14px; border:1px solid var(--drs-border); background-color:#fff; background-size:cover; background-position:left top; box-shadow:0 14px 34px rgba(15,23,42,.14); transition:opacity .2s; }
.wl .panel .shot.a { inset:0; }
.wl .panel.two .shot.a { inset:0 70px 60px 0; }
.wl .panel.two .shot.b { inset:90px 0 0 140px; box-shadow:0 22px 50px rgba(15,23,42,.25); }
.wl .panel:not(.two) .shot.b { display:none; }
.wl .board { margin-bottom:6px; background:#0b1020; border-radius:20px; padding:18px; box-shadow:0 24px 60px rgba(15,23,42,.35); color:#e5e7eb; }
.wl .board .bh { display:flex; justify-content:space-between; align-items:center; padding:0 6px 12px; border-bottom:1px solid #1f2937; }
.wl .board .bh b { font:700 13px 'JetBrains Mono', monospace; letter-spacing:.16em; color:#fbbf24; }
.wl .board .bh span { font:600 12px 'JetBrains Mono', monospace; color:#64748b; }
.wl .board table { width:100%; border-collapse:collapse; font-family:'JetBrains Mono', monospace; font-size:14px; }
.wl .board th { text-align:left; font-size:10.5px; letter-spacing:.14em; color:#64748b; padding:10px 6px 6px; font-weight:700; }
.wl .board td { padding:9px 6px; border-top:1px solid #182033; white-space:nowrap; }
.wl .board td.t { color:#fbbf24; font-weight:700; }
.wl .board td.n { color:#fff; font-family:'DM Sans', sans-serif; font-weight:700; font-size:14.5px; white-space:normal; }
.wl .board td.n small { display:block; color:#64748b; font-weight:600; font-size:11.5px; font-family:'JetBrains Mono', monospace; }
.wl .st { font-size:11px; font-weight:700; letter-spacing:.08em; padding:3px 8px; border-radius:5px; }
.wl .st.o { background:rgba(34,197,94,.15); color:#4ade80; } .wl .st.l { background:rgba(251,191,36,.15); color:#fbbf24; } .wl .st.c { background:rgba(239,68,68,.15); color:#f87171; } .wl .st.r { background:#e85c00; color:#fff; animation:wl-bl 1.4s infinite; }
  @keyframes wl-bl { 50% { opacity:.55 } } @media (prefers-reduced-motion: reduce) { .wl .st.r { animation:none; } }
.wl .res { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.wl .rcard { background:#fff; border:1px solid var(--drs-border); border-radius:18px; overflow:hidden; box-shadow:var(--drs-shadow-sm); }
.wl .rcard .im { height:120px; position:relative; }
.wl .rcard .im::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(15,23,42,.8), transparent 60%); }
.wl .rcard .im b { position:absolute; left:14px; bottom:10px; color:#fff; font-size:17px; z-index:1; }
.wl .rcard .im small { position:absolute; right:14px; bottom:12px; color:#cbd5e1; z-index:1; font-size:12px; }
.wl .pod { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; gap:6px; padding:14px; }
.wl .pod div { text-align:center; border-radius:10px 10px 4px 4px; padding:8px 4px; font-size:12.5px; font-weight:700; }
.wl .pod .p1 { background:#fef3c7; height:84px; order:2; } .wl .pod .p2 { background:#f1f5f9; height:66px; order:1; } .wl .pod .p3 { background:#ffedd5; height:56px; order:3; }
.wl .pod b { display:block; font-size:18px; font-weight:900; }
.wl .fl { padding:0 14px 14px; color:var(--drs-text3); font-size:12.5px; display:flex; gap:6px; align-items:center; }
.wl .fl b { color:#7c3aed; font-family:'JetBrains Mono', monospace; }
.wl .quote { margin-top:40px; text-align:center; }
.wl .quote blockquote { margin:0 auto; max-width:60ch; font-size:22px; font-weight:700; letter-spacing:-.01em; }
.wl .quote cite { display:block; margin-top:10px; color:var(--drs-text3); font-style:normal; font-size:14px; }
.wl .end { margin:40px 0 0; text-align:center; }
.wl .wl-btn { display:inline-flex; align-items:center; gap:7px; border-radius:10px; padding:11px 18px; font-weight:700; font-size:14.5px; border:1px solid var(--drs-border); background:#fff; color:var(--drs-text) !important; }
.wl .wl-btn.pri { background:var(--drs-accent); border-color:var(--drs-accent); color:#fff !important; }
.wl .wl-btn.pri:hover { background:var(--drs-accent-hover); }
.wl .wl-sec { display:flex; align-items:flex-end; gap:12px; margin:40px 0 14px; }
.wl .wl-sec h2 { margin:0; font-size:20px; font-weight:800; letter-spacing:-.01em; }
.wl .wl-sec p { margin:2px 0 0; color:var(--drs-text3); font-size:13px; }
.wl .board tr.go { cursor:pointer; } .wl .board tr.go:hover td { background:#111a2e; }
.wl .rcard { display:block; transition:transform .15s; } .wl .rcard:hover { transform:translateY(-2px); }
.wl .rcard .im { background:#1e293b center/cover; }
.wl .pod div { overflow:hidden; text-overflow:ellipsis; }
@media (prefers-reduced-motion: reduce) { .wl .rcard { transition:none; } .wl .rcard:hover { transform:none; } }