/* ===================================================================== SMART NUTRITION — LANDING "LUXE" v18.8.0 Solo presentazione grafica della landing (#smartLanding). Nessuna logica applicativa, nessun selettore dell'app interna. Caricare SEMPRE per ultimo nel . ===================================================================== */ .sn870-landing{ /* palette */ --lx-void:#050505; --lx-black:#0a0a0b; --lx-panel:#131314; --lx-panel-2:#0c0c0d; --lx-line:rgba(255,255,255,.085); --lx-line-2:rgba(255,255,255,.14); --lx-gold:#d8b25c; --lx-gold-lt:#f6e3ae; --lx-gold-dp:#a37c2a; --lx-gold-line:rgba(216,178,92,.32); --lx-silver:#dfe4e8; --lx-silver-dp:#9aa1a7; --lx-text:#f0f2f3; --lx-muted:#a9b0b5; --lx-shadow:0 30px 80px rgba(0,0,0,.65); /* tipografia */ --lx-display:"Playfair Display","Iowan Old Style","Times New Roman",Georgia,serif; --lx-sans:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; /* ritmo */ --lx-radius:20px; } /* ---------- BASE ---------- */ .sn870-landing{ position:relative; isolation:isolate; background: radial-gradient(120% 90% at 50% -10%,rgba(216,178,92,.10),transparent 60%), linear-gradient(180deg,#080809 0%,#0a0a0b 40%,#060607 100%)!important; color:var(--lx-text)!important; font-family:var(--lx-sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow:visible!important; overflow-x:clip; } .sn870-landing *{box-sizing:border-box} /* RESET CONTRASTO — neutralizza le regole globali "!important" dei fogli storici (p{color:#5b6b84}, h1..h4{color:#0b1635}, a{color:#2563eb}) che rendevano il testo blu scuro/navy illeggibile sul fondo nero. */ .sn870-landing,.sn870-landing *{-webkit-text-fill-color:currentColor} .sn870-landing h1,.sn870-landing h2,.sn870-landing h3,.sn870-landing h4,.sn870-landing h5{color:#fff!important} .sn870-landing p,.sn870-landing li,.sn870-landing span,.sn870-landing small, .sn870-landing em,.sn870-landing b,.sn870-landing strong,.sn870-landing summary, .sn870-landing label,.sn870-landing div,.sn870-landing a,.sn870-landing i, .sn870-landing details,.sn870-landing figcaption{color:inherit!important} .sn870-landing p{line-height:1.65!important} .sn870-landing ::selection{background:rgba(216,178,92,.32);color:#fff!important} .sn870-landing img{max-width:100%} .sn870-landing h1,.sn870-landing h2,.sn870-landing h3{font-family:var(--lx-display);font-weight:600} .sn870-landing p{margin:0 0 0} .sn870-landing .sn870-shell{ width:min(1280px,calc(100% - 48px)); margin-inline:auto; position:relative; z-index:2; } /* ---------- SFONDO DECORATIVO ---------- */ .sn870-landing .lx-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} .sn870-landing .lx-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55} .sn870-landing .lx-orb-a{width:640px;height:640px;top:-220px;right:-160px;background:radial-gradient(circle,rgba(216,178,92,.26),transparent 68%)} .sn870-landing .lx-orb-b{width:520px;height:520px;top:52%;left:-220px;background:radial-gradient(circle,rgba(190,196,202,.12),transparent 70%)} .sn870-landing .lx-grain{ position:absolute;inset:0;opacity:.24;mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"); } /* ---------- NAVIGAZIONE ---------- */ .sn870-landing .sn870-nav{ position:sticky;top:0;z-index:60; height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px; border-bottom:1px solid var(--lx-line); background:linear-gradient(180deg,rgba(6,6,7,.92),rgba(6,6,7,.62)); backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); margin-inline:-24px;padding-inline:24px; } .sn870-landing .sn870-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff!important} .sn870-landing .sn870-brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:none} .sn870-landing .sn870-brand-mark svg{width:100%;height:100%} .sn870-landing .sn870-brand strong{ font-family:var(--lx-display);font-size:20px;font-weight:600;letter-spacing:.2px; background:linear-gradient(120deg,#fff 20%,var(--lx-gold-lt) 60%,var(--lx-gold) 100%); -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important; } .sn870-landing .sn870-nav-links{display:flex;gap:30px;align-items:center} .sn870-landing .sn870-nav-links>a{ position:relative;color:#e6e8ea!important;text-decoration:none;font-weight:600;font-size:14.5px;letter-spacing:.2px; padding:6px 0;transition:color .22s ease; } .sn870-landing .sn870-nav-links>a:after{ content:"";position:absolute;left:0;bottom:0;height:1px;width:0; background:linear-gradient(90deg,var(--lx-gold-lt),var(--lx-gold-dp));transition:width .28s ease; } .sn870-landing .sn870-nav-links>a:hover{color:var(--lx-gold-lt)!important} .sn870-landing .sn870-nav-links>a:hover:after{width:100%} /* ---------- PULSANTI ---------- */ .sn870-landing .sn870-btn{ position:relative;overflow:hidden;border:0!important;border-radius:999px!important; padding:14px 26px;font-family:var(--lx-sans);font-weight:700!important;font-size:15px;letter-spacing:.2px; text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px; cursor:pointer;line-height:1; transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease; } .sn870-landing .sn870-btn-lg{padding:17px 32px;font-size:16px} .sn870-landing .sn870-btn:hover{transform:translateY(-2px)} .sn870-landing .sn870-btn:active{transform:translateY(0)} .sn870-landing .sn870-btn:focus-visible{outline:2px solid var(--lx-gold-lt);outline-offset:3px} .sn870-landing .sn870-btn span{transition:transform .22s ease} .sn870-landing .sn870-btn:hover span{transform:translateX(4px)} /* riflesso metallico */ .sn870-landing .sn870-btn-gold:before,.sn870-landing .sn870-btn-silver:before{ content:"";position:absolute;top:0;left:-140%;width:60%;height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform:skewX(-18deg);transition:left .65s cubic-bezier(.22,.61,.36,1); } .sn870-landing .sn870-btn-gold:hover:before,.sn870-landing .sn870-btn-silver:hover:before{left:150%} .sn870-landing .sn870-btn-gold{ color:#1b1405!important; background:linear-gradient(135deg,#fbeec2 0%,#e2c273 32%,#c79a34 66%,#f2dda6 100%); box-shadow:0 12px 34px rgba(216,178,92,.28),inset 0 1px 0 rgba(255,255,255,.55); } .sn870-landing .sn870-btn-gold:hover{box-shadow:0 18px 46px rgba(216,178,92,.40),inset 0 1px 0 rgba(255,255,255,.6)} .sn870-landing .sn870-btn-silver{ color:#101112!important; background:linear-gradient(135deg,#ffffff 0%,#dfe4e8 40%,#b3bac0 72%,#eef1f3 100%); box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.7); } .sn870-landing .sn870-btn-outline{ color:var(--lx-text)!important;border:1px solid var(--lx-gold-line); background:rgba(255,255,255,.02);backdrop-filter:blur(6px); } .sn870-landing .sn870-btn-outline:hover{ border-color:var(--lx-gold);background:rgba(216,178,92,.10);color:var(--lx-gold-lt)!important; } /* ---------- HERO ---------- */ .sn870-landing .sn870-hero{ display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center; min-height:640px;padding:72px 0 84px;border-bottom:1px solid var(--lx-line);position:relative; } .sn870-landing .sn870-hero:after{display:none} .sn870-landing .sn870-eyebrow, .sn870-landing .sn870-heading>span, .sn870-landing .sn870-authority>div>span, .sn870-landing .sn870-patient-card>div>span{ display:inline-flex;align-items:center;gap:9px;margin:0; font-family:var(--lx-sans);color:var(--lx-gold-lt)!important; font-size:11.5px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase; } .sn870-landing .sn870-eyebrow{ border:1px solid var(--lx-gold-line);border-radius:999px;padding:8px 16px; background:rgba(216,178,92,.07); } .sn870-landing .lx-dot{width:6px;height:6px;border-radius:50%;background:var(--lx-gold-lt);box-shadow:0 0 0 4px rgba(216,178,92,.18)} .sn870-landing .sn870-hero h1{ font-size:clamp(48px,5.6vw,88px);line-height:1.02;letter-spacing:-1.4px;font-weight:600; margin:22px 0 24px;max-width:14ch;color:#fff!important; } .sn870-landing .sn870-hero h1 span{ font-style:italic;font-weight:600; background:linear-gradient(100deg,#fbeec2 0%,#e6c778 40%,#c79a34 78%,#f4e0aa 100%); -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important; text-shadow:0 0 60px rgba(216,178,92,.20); } .sn870-landing .sn870-lead{ font-size:19px;line-height:1.68;color:#dfe3e6!important;max-width:56ch;font-weight:400; } .sn870-landing .sn870-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 30px} .sn870-landing .sn870-trust{display:flex;gap:14px 26px;flex-wrap:wrap;color:#c9ced2!important;font-size:14px;font-weight:500} .sn870-landing .sn870-trust span{display:inline-flex;align-items:center;gap:8px} .sn870-landing .sn870-trust b{color:var(--lx-gold)!important;font-size:10px;margin:0} /* ---------- MOCKUP PRODOTTO ---------- */ .sn870-landing .sn870-product-stage{height:560px;position:relative;perspective:1400px} .sn870-landing .sn870-glow{ position:absolute;inset:12% 4% 4%; background:radial-gradient(circle,rgba(216,178,92,.22),transparent 70%);filter:blur(30px); } .sn870-landing .sn870-dashboard-card, .sn870-landing .sn870-phone-card{ position:absolute;color:#fff!important; background:linear-gradient(158deg,#191a1b 0%,#101112 52%,#0a0a0b 100%); border:1px solid rgba(255,255,255,.09); box-shadow:var(--lx-shadow),inset 0 1px 0 rgba(255,255,255,.06); transition:transform .5s cubic-bezier(.22,.61,.36,1); } .sn870-landing .sn870-dashboard-card{ width:60%;height:462px;left:2%;top:36px;border-radius:26px;padding:24px; transform:rotateY(8deg) rotateX(2deg); } .sn870-landing .sn870-product-stage:hover .sn870-dashboard-card{transform:rotateY(4deg) rotateX(1deg) translateY(-6px)} .sn870-landing .sn870-dashboard-card:before{ content:"";position:absolute;inset:0;border-radius:26px;padding:1px; background:linear-gradient(150deg,rgba(216,178,92,.55),transparent 45%,rgba(255,255,255,.14)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none; } .sn870-landing .sn870-ui-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px} .sn870-landing .sn870-ui-top b{font-family:var(--lx-sans);font-weight:700;font-size:14px;letter-spacing:.4px} .sn870-landing .sn870-ui-top i{color:#6f7679!important;font-style:normal} .sn870-landing .sn870-mini-logo{ width:32px;height:32px;border:1px solid var(--lx-gold-line);border-radius:9px;display:grid;place-items:center; color:var(--lx-gold-lt)!important;font-weight:800;font-size:13px;background:rgba(216,178,92,.08); } .sn870-landing .sn870-welcome{padding:22px 0 18px} .sn870-landing .sn870-welcome small,.sn870-landing .sn870-welcome span{display:block;color:#9aa1a5!important;font-size:12px;letter-spacing:1.2px} .sn870-landing .sn870-welcome span{letter-spacing:0;font-size:13px} .sn870-landing .sn870-welcome strong{display:block;font-family:var(--lx-display);font-size:26px;margin:7px 0 4px;color:#fff!important} .sn870-landing .sn870-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .sn870-landing .sn870-ui-grid>div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);padding:15px;border-radius:14px} .sn870-landing .sn870-ui-grid em{font-style:normal;color:var(--lx-gold-lt)!important;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase} .sn870-landing .sn870-ui-grid b{display:block;margin-top:7px;font-size:17px} .sn870-landing .sn870-ui-grid small{display:block;margin-top:3px;color:#9aa1a5!important;font-size:12px} .sn870-landing .sn870-chart{height:86px;margin-top:20px;display:flex;align-items:flex-end;gap:10px} .sn870-landing .sn870-chart span{ width:16%;border-radius:8px 8px 3px 3px; background:linear-gradient(180deg,#f6e3ae,#c79a34);box-shadow:0 0 18px rgba(216,178,92,.28); } .sn870-landing .sn870-phone-card{width:38%;height:404px;right:0;top:70px;border-radius:28px;padding:22px 18px} .sn870-landing .sn870-phone-one{right:17%;transform:rotateY(-9deg) rotateZ(1deg)} .sn870-landing .sn870-phone-two{right:0;top:120px;transform:rotateY(-10deg) rotateZ(3deg)} .sn870-landing .sn870-product-stage:hover .sn870-phone-one{transform:rotateY(-6deg) rotateZ(.5deg) translateY(-10px)} .sn870-landing .sn870-product-stage:hover .sn870-phone-two{transform:rotateY(-7deg) rotateZ(2deg) translateY(6px)} .sn870-landing .sn870-phone-card>small{ display:block;font-family:var(--lx-sans);font-weight:700;font-size:12px;letter-spacing:1.4px; text-transform:uppercase;color:var(--lx-gold-lt)!important;margin-bottom:18px; } .sn870-landing .sn870-meal,.sn870-landing .sn870-swap{ background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07); padding:14px 13px;border-radius:13px;margin:10px 0;font-size:13.5px;overflow:hidden; } .sn870-landing .sn870-meal b,.sn870-landing .sn870-swap b{float:right;color:var(--lx-gold-lt)!important;font-weight:700} /* ---------- STRIP VALORI ---------- */ .sn870-landing .lx-strip{ display:grid;grid-template-columns:repeat(4,1fr);gap:1px; background:var(--lx-line);border:1px solid var(--lx-line);border-radius:18px;overflow:hidden; margin:38px 0 0; } .sn870-landing .lx-strip>div{background:linear-gradient(180deg,#0f0f10,#0a0a0b);padding:24px 22px} .sn870-landing .lx-strip b{ display:block;font-family:var(--lx-display);font-size:22px;font-weight:600;margin-bottom:6px; background:linear-gradient(100deg,#fbeec2,#d3a94f);-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important; } .sn870-landing .lx-strip span{display:block;color:var(--lx-muted)!important;font-size:14px;line-height:1.5} /* ---------- SEZIONI E TITOLI ---------- */ .sn870-landing .sn870-section{padding:96px 0;border-bottom:1px solid var(--lx-line);position:relative} .sn870-landing .sn870-heading{text-align:center;max-width:840px;margin:0 auto 52px} .sn870-landing .sn870-heading h2{ font-size:clamp(32px,3.8vw,54px);line-height:1.1;letter-spacing:-.8px;margin:18px 0 16px;color:#fff!important; } .sn870-landing .sn870-heading p{color:var(--lx-muted)!important;font-size:17px;line-height:1.65;margin:0 auto;max-width:62ch} /* ---------- FUNZIONI ---------- */ .sn870-landing .sn870-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .sn870-landing .sn870-feature-grid article{ position:relative;overflow:hidden; background:linear-gradient(180deg,#111112,#0b0b0c); border:1px solid var(--lx-line);border-radius:var(--lx-radius); padding:32px 26px;min-height:210px; transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; } .sn870-landing .sn870-feature-grid article:hover{ transform:translateY(-5px);border-color:var(--lx-gold-line); box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 0 1px rgba(216,178,92,.12); } .sn870-landing .sn870-feature-grid article:after{ content:"";position:absolute;top:0;left:24px;right:24px;height:1px; background:linear-gradient(90deg,transparent,var(--lx-gold),transparent);opacity:0;transition:opacity .3s ease; } .sn870-landing .sn870-feature-grid article:hover:after{opacity:.75} .sn870-landing .sn870-feature-grid i{ display:grid;width:52px;height:52px;border:1px solid var(--lx-gold-line);border-radius:15px; place-items:center;margin:0 0 18px;color:var(--lx-gold-lt)!important;font-style:normal;font-size:24px; background:radial-gradient(circle at 30% 20%,rgba(216,178,92,.18),transparent 70%); } .sn870-landing .sn870-feature-grid h3{ font-family:var(--lx-display);font-size:22px;font-weight:600;color:#fff!important;margin:0 0 10px;letter-spacing:-.2px; } .sn870-landing .sn870-feature-grid p{color:var(--lx-muted)!important;font-size:14.5px;line-height:1.6;margin:0} .sn870-landing .lx-feature-premium{border-color:var(--lx-gold-line)!important;background:linear-gradient(180deg,#15130f,#0b0b0c)!important} .sn870-landing .lx-tag{ position:absolute;top:18px;right:18px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:1.5px; color:#1b1405!important;background:linear-gradient(135deg,#fbeec2,#c79a34);padding:5px 10px;border-radius:999px; } /* ---------- STEP ---------- */ .sn870-landing .sn870-steps{ display:grid;grid-template-columns:repeat(3,1fr);gap:1px; background:var(--lx-line);border:1px solid var(--lx-gold-line);border-radius:var(--lx-radius);overflow:hidden; } .sn870-landing .sn870-steps article{ display:flex;gap:20px;padding:34px 30px;background:linear-gradient(180deg,#101011,#0a0a0b);border:0; } .sn870-landing .sn870-steps b{ width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none; background:linear-gradient(135deg,#fbeec2,#c79a34);color:#1b1405!important; font-family:var(--lx-display);font-size:19px;font-weight:700; box-shadow:0 8px 22px rgba(216,178,92,.25); } .sn870-landing .sn870-steps h3{font-family:var(--lx-display);font-size:21px;font-weight:600;margin:2px 0 8px;color:#fff!important} .sn870-landing .sn870-steps p{margin:0;color:var(--lx-muted)!important;line-height:1.6;font-size:14.5px} /* ---------- AUTOREVOLEZZA ---------- */ .sn870-landing .sn870-authority{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:center} .sn870-landing .sn870-doctor{ position:relative;height:420px;display:grid;place-items:end center;border:0;border-radius:0; background:none;padding:0;box-shadow:none;overflow:visible; } .sn870-landing .lx-halo{ position:absolute;left:50%;top:6%;transform:translateX(-50%); width:300px;height:300px;border-radius:50%; background:radial-gradient(circle,rgba(216,178,92,.28),rgba(216,178,92,.06) 55%,transparent 72%); border:1px solid var(--lx-gold-line); box-shadow:inset 0 0 60px rgba(216,178,92,.12); } .sn870-landing .sn870-doctor img{ position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:bottom center; border-radius:0;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6)) saturate(.96) contrast(1.05); } .sn870-landing .sn870-authority h2{font-family:var(--lx-display);font-size:clamp(30px,3.4vw,46px);line-height:1.12;margin:16px 0 16px;color:#fff!important;letter-spacing:-.6px} .sn870-landing .sn870-authority p{color:var(--lx-muted)!important;font-size:17px;line-height:1.7;max-width:64ch} .sn870-landing .sn870-authority-points{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 28px} .sn870-landing .sn870-authority-points span{ border:1px solid var(--lx-line-2);border-radius:999px;padding:9px 16px;color:#d6dade!important;font-size:13.5px;font-weight:500; background:rgba(255,255,255,.02); } /* ---------- PIANI ---------- */ .sn870-landing .sn870-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch} .sn870-landing .sn870-price-card{ display:flex;flex-direction:column; background:linear-gradient(170deg,#131314,#0a0a0b); border:1px solid var(--lx-line-2);border-radius:24px;padding:34px 32px;position:relative;overflow:hidden; } .sn870-landing .sn870-basic-card{box-shadow:0 20px 50px rgba(0,0,0,.4)} .sn870-landing .sn870-premium-card{ border:1px solid rgba(216,178,92,.55); background:linear-gradient(170deg,#181510,#0b0b0c 60%); box-shadow:0 0 0 1px rgba(216,178,92,.12),0 30px 70px rgba(216,178,92,.10),0 20px 60px rgba(0,0,0,.55); } .sn870-landing .sn870-premium-card:before{ content:"";position:absolute;top:-70%;left:-30%;width:70%;height:220%; background:linear-gradient(100deg,transparent,rgba(216,178,92,.10),transparent);transform:rotate(12deg);pointer-events:none; } .sn870-landing .sn870-ribbon{ position:absolute;right:0;top:0; background:linear-gradient(135deg,#fbeec2,#c79a34);color:#1b1405!important; font-weight:800;font-size:10.5px;letter-spacing:1.4px;padding:9px 18px;border-radius:0 24px 0 16px; } .sn870-landing .sn870-price-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:6px} .sn870-landing .sn870-price-head small{color:var(--lx-gold-lt)!important;font-weight:800;font-size:11px;letter-spacing:1.8px;text-transform:uppercase} .sn870-landing .sn870-price-head h3{font-family:var(--lx-display);font-size:29px;font-weight:600;margin:10px 0 0;color:#fff!important} .sn870-landing .sn870-price-head>strong{ font-family:var(--lx-display);font-size:40px;font-weight:600;white-space:nowrap;line-height:1; background:linear-gradient(100deg,#fbeec2,#d3a94f);-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important; } .sn870-landing .sn870-price-head em{font-family:var(--lx-sans);font-size:13px;font-style:normal;font-weight:600;color:#c9ced2!important;-webkit-text-fill-color:#c9ced2} .sn870-landing .sn870-annual{color:var(--lx-gold-lt)!important;margin:6px 0 0;font-size:14px;font-weight:600} .sn870-landing .sn870-price-card>p{color:var(--lx-muted)!important;margin-top:14px;font-size:15px;line-height:1.6} .sn870-landing .sn870-price-card ul{padding:0;list-style:none;margin:24px 0 28px;flex:1} .sn870-landing .sn870-price-card li{ display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;color:#e2e6e9!important;font-size:15px;line-height:1.5; padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05); } .sn870-landing .sn870-price-card li:last-child{border-bottom:0;padding-bottom:0} .sn870-landing .sn870-price-card li:before{ content:"✓";flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center; font-size:11px;font-weight:800;margin:1px 0 0; color:#0a0a0b!important;background:linear-gradient(135deg,#dfe4e8,#a8b0b6); } .sn870-landing .sn870-premium-card li:before{background:linear-gradient(135deg,#fbeec2,#c79a34);color:#1b1405!important} .sn870-landing .sn870-price-card .sn870-btn{width:100%} .sn870-landing .sn870-fineprint{display:block;color:#8f969b!important;text-align:center;margin-top:14px;font-size:12.5px;line-height:1.5} /* riquadro abbonamento: fascia informativa a tutta larghezza */ .sn870-landing .sn870-subscription-card{ grid-column:1/-1;margin-top:4px; display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:start; background:linear-gradient(150deg,#111112,#0a0a0b); border:1px solid var(--lx-line-2);border-radius:24px;padding:32px;position:relative; } .sn870-landing .sn870-subscription-card h3{ grid-column:1/-1;font-family:var(--lx-display);font-size:24px;font-weight:600;margin:0 0 4px; color:var(--lx-gold-lt)!important; } .sn870-landing .sn870-subscription-card>div{display:flex;gap:14px;margin:0} .sn870-landing .sn870-subscription-card>div>b{ width:38px;height:38px;border:1px solid var(--lx-gold-line);border-radius:12px;display:grid;place-items:center; color:var(--lx-gold-lt)!important;flex:none;background:rgba(216,178,92,.07); } .sn870-landing .sn870-subscription-card p{margin:0} .sn870-landing .sn870-subscription-card strong{display:block;color:#fff!important;font-size:15px;font-weight:700} .sn870-landing .sn870-subscription-card span{display:block;color:var(--lx-muted)!important;font-size:13.5px;margin-top:5px;line-height:1.55} /* ---------- PAZIENTE ---------- */ .sn870-landing .sn870-patient-card{ display:grid;grid-template-columns:110px 1fr auto;gap:32px;align-items:center; border:1px solid var(--lx-gold-line);border-radius:24px;padding:38px 36px; background: radial-gradient(circle at 6% 50%,rgba(216,178,92,.16),transparent 34%), linear-gradient(150deg,#121213,#0a0a0b); box-shadow:0 24px 60px rgba(0,0,0,.45); } .sn870-landing .sn870-envelope{ font-size:44px;color:var(--lx-gold-lt)!important;text-align:center; width:100px;height:100px;display:grid;place-items:center;border-radius:50%; border:1px solid var(--lx-gold-line);background:rgba(216,178,92,.06); } .sn870-landing .sn870-patient-card h2{font-family:var(--lx-display);font-size:clamp(26px,3vw,38px);font-weight:600;margin:12px 0 12px;color:#fff!important} .sn870-landing .sn870-patient-card p{color:#d5dadd!important;line-height:1.65;font-size:15.5px;max-width:72ch} .sn870-landing .sn870-patient-card p strong{color:var(--lx-gold-lt)!important} .sn870-landing .sn870-patient-card small{display:block;margin-top:12px;color:var(--lx-muted)!important;font-size:13px} /* ---------- FAQ ---------- */ .sn870-landing .sn870-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start} .sn870-landing .sn870-faq-grid details{ background:linear-gradient(180deg,#101011,#0b0b0c);border:1px solid var(--lx-line);border-radius:16px; padding:0 22px;height:fit-content;transition:border-color .25s ease; } .sn870-landing .sn870-faq-grid details[open]{border-color:var(--lx-gold-line)} .sn870-landing .sn870-faq-grid summary{ cursor:pointer;padding:20px 0;font-family:var(--lx-sans);font-weight:700;font-size:15.5px;color:#f0f2f3!important; list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px; } .sn870-landing .sn870-faq-grid summary::-webkit-details-marker{display:none} .sn870-landing .sn870-faq-grid summary:after{ content:"+";color:var(--lx-gold-lt)!important;font-size:22px;font-weight:400;flex:none;transition:transform .25s ease; } .sn870-landing .sn870-faq-grid details[open] summary:after{transform:rotate(45deg)} .sn870-landing .sn870-faq-grid p{color:var(--lx-muted)!important;line-height:1.65;margin:0 0 20px;font-size:14.5px} /* ---------- CTA FINALE ---------- */ .sn870-landing .lx-final{padding:96px 0;border-bottom:1px solid var(--lx-line)} .sn870-landing .lx-final-inner{ position:relative;overflow:hidden;text-align:center; border:1px solid var(--lx-gold-line);border-radius:28px;padding:64px 40px; background: radial-gradient(circle at 50% 0%,rgba(216,178,92,.16),transparent 60%), linear-gradient(160deg,#131211,#09090a); box-shadow:0 30px 80px rgba(0,0,0,.5); } .sn870-landing .lx-final-eyebrow{ display:inline-block;color:var(--lx-gold-lt)!important;font-size:11.5px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase; border:1px solid var(--lx-gold-line);border-radius:999px;padding:8px 16px;background:rgba(216,178,92,.07); } .sn870-landing .lx-final h2{ font-family:var(--lx-display);font-size:clamp(28px,3.6vw,50px);line-height:1.15;font-weight:600; margin:22px 0 16px;color:#fff!important;letter-spacing:-.6px; } .sn870-landing .lx-final p{color:var(--lx-muted)!important;font-size:17px;max-width:56ch;margin:0 auto;line-height:1.65} .sn870-landing .lx-final .sn870-actions{justify-content:center;margin:34px 0 0} /* ---------- DISCLAIMER + FOOTER ---------- */ .sn870-landing .sn870-disclaimer{ display:flex;gap:16px;align-items:center;border:1px solid var(--lx-line-2);border-radius:16px; padding:22px 26px;margin:40px 0 0;background:rgba(255,255,255,.02); } .sn870-landing .sn870-disclaimer b{color:var(--lx-gold-lt)!important;font-size:24px;flex:none} .sn870-landing .sn870-disclaimer p{margin:0;color:#c9ced2!important;font-size:14px;line-height:1.6} .sn870-landing .sn870-footer{ display:grid;grid-template-columns:auto auto 1fr;gap:36px;align-items:center; padding:34px 0 52px;margin-top:34px;border-top:1px solid var(--lx-line); } .sn870-landing .sn870-footer>div:nth-child(2) span, .sn870-landing .sn870-footer>div:nth-child(2) small{display:block;color:var(--lx-muted)!important;font-size:13.5px} .sn870-landing .sn870-footer nav{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;align-items:center} .sn870-landing .sn870-footer nav a, .sn870-landing .sn870-footer nav button{ color:#cfd4d8!important;background:none;border:0;text-decoration:none;font:inherit;font-size:14px;font-weight:500;cursor:pointer; padding:4px 0;transition:color .2s ease; } .sn870-landing .sn870-footer nav a:hover, .sn870-landing .sn870-footer nav button:hover{color:var(--lx-gold-lt)!important} /* ---------- ANIMAZIONI DI INGRESSO (solo se supportate) ---------- */ @keyframes lxRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} @supports (animation-timeline:view()){ @media (prefers-reduced-motion:no-preference) and (min-width:761px){ .sn870-landing .lx-reveal{ animation:lxRise both;animation-timeline:view();animation-range:entry 5% cover 26%; } } } @media (prefers-reduced-motion:no-preference){ .sn870-landing .sn870-hero-copy>*{animation:lxRise .7s both} .sn870-landing .sn870-hero-copy>*:nth-child(1){animation-delay:.05s} .sn870-landing .sn870-hero-copy>*:nth-child(2){animation-delay:.14s} .sn870-landing .sn870-hero-copy>*:nth-child(3){animation-delay:.23s} .sn870-landing .sn870-hero-copy>*:nth-child(4){animation-delay:.32s} .sn870-landing .sn870-hero-copy>*:nth-child(5){animation-delay:.41s} } @media (prefers-reduced-motion:reduce){ .sn870-landing *{animation:none!important;transition:none!important} } /* ---------- RESPONSIVE ---------- */ @media(max-width:1180px){ .sn870-landing .sn870-hero{grid-template-columns:1fr;gap:40px;min-height:0;padding:56px 0 64px} .sn870-landing .sn870-hero h1{max-width:none} .sn870-landing .sn870-product-stage{max-width:820px;width:100%;margin:auto} .sn870-landing .sn870-dashboard-card{left:0;width:58%} .sn870-landing .sn870-phone-one{right:19%} .sn870-landing .sn870-feature-grid{grid-template-columns:repeat(2,1fr)} .sn870-landing .sn870-authority{grid-template-columns:280px 1fr;gap:38px} .sn870-landing .sn870-subscription-card{grid-template-columns:repeat(2,1fr)} .sn870-landing .lx-strip{grid-template-columns:repeat(2,1fr)} } @media(max-width:900px){ .sn870-landing .sn870-nav-links{gap:18px} .sn870-landing .sn870-nav-links>a{font-size:13.5px} .sn870-landing .sn870-section{padding:72px 0} .sn870-landing .sn870-pricing-grid{grid-template-columns:1fr} .sn870-landing .sn870-faq-grid{grid-template-columns:1fr} .sn870-landing .sn870-steps{grid-template-columns:1fr} .sn870-landing .sn870-patient-card{grid-template-columns:80px 1fr;gap:22px;padding:30px 26px} .sn870-landing .sn870-envelope{width:76px;height:76px;font-size:34px} .sn870-landing .sn870-patient-card .sn870-btn{grid-column:1/-1;width:100%} } @media(max-width:760px){ .sn870-landing .sn870-shell{width:min(100% - 28px,700px)} .sn870-landing .sn870-nav{ position:sticky;height:auto;padding:14px 14px 10px;margin-inline:-14px;gap:10px; flex-wrap:wrap;justify-content:flex-start; } .sn870-landing .sn870-nav .sn870-brand{max-width:calc(100% - 120px)} .sn870-landing .sn870-nav-links{ order:3;width:100%;gap:20px;overflow-x:auto;padding-bottom:4px; scrollbar-width:none;-ms-overflow-style:none; } .sn870-landing .sn870-nav-links::-webkit-scrollbar{display:none} .sn870-landing .sn870-nav-links>a{white-space:nowrap;font-size:13px} .sn870-landing .sn870-nav-links>.sn870-btn{order:-1;position:absolute;right:14px;top:12px;padding:11px 20px!important;font-size:14px} .sn870-landing .sn870-brand strong{font-size:18px} .sn870-landing .sn870-hero{padding:44px 0 52px} .sn870-landing .sn870-hero h1{font-size:clamp(38px,10vw,54px);letter-spacing:-.8px;margin:18px 0 18px} .sn870-landing .sn870-lead{font-size:16.5px} .sn870-landing .sn870-actions{flex-direction:column;gap:12px;margin:28px 0 24px} .sn870-landing .sn870-actions .sn870-btn{width:100%;padding:17px 24px} .sn870-landing .sn870-trust{display:grid;gap:10px;font-size:13.5px} .sn870-landing .sn870-product-stage{height:430px;transform:scale(.92);transform-origin:top center;margin-bottom:-30px} .sn870-landing .sn870-dashboard-card{width:74%;left:0;height:430px} .sn870-landing .sn870-phone-one{right:0;width:44%;top:90px} .sn870-landing .sn870-phone-two{display:none} .sn870-landing .lx-strip{grid-template-columns:1fr} .sn870-landing .sn870-feature-grid{grid-template-columns:1fr} .sn870-landing .sn870-heading{margin-bottom:36px} .sn870-landing .sn870-heading h2{font-size:clamp(27px,7.4vw,36px)} .sn870-landing .sn870-heading h2 br{display:none} .sn870-landing .sn870-authority{grid-template-columns:1fr;text-align:center;gap:28px} .sn870-landing .sn870-doctor{width:100%;max-width:300px;height:330px;margin-inline:auto} .sn870-landing .lx-halo{width:240px;height:240px} .sn870-landing .sn870-authority p{margin-inline:auto} .sn870-landing .sn870-authority-points{justify-content:center} .sn870-landing .sn870-subscription-card{grid-template-columns:1fr;gap:20px;padding:26px} .sn870-landing .sn870-patient-card{grid-template-columns:1fr;text-align:center;justify-items:center} .sn870-landing .sn870-patient-card p{text-align:left} .sn870-landing .lx-final{padding:72px 0} .sn870-landing .lx-final-inner{padding:44px 24px} .sn870-landing .lx-final h2 br{display:none} .sn870-landing .sn870-footer{grid-template-columns:1fr;text-align:center;gap:22px;padding-bottom:44px} .sn870-landing .sn870-footer .sn870-brand{justify-content:center} .sn870-landing .sn870-footer nav{justify-content:center;gap:18px} .sn870-landing .sn870-disclaimer{flex-direction:column;text-align:center;gap:10px} } @media(max-width:480px){ .sn870-landing .sn870-section{padding:60px 0} .sn870-landing .sn870-product-stage{height:380px;transform:scale(.8);margin-bottom:-80px} .sn870-landing .sn870-price-card{padding:26px 22px} .sn870-landing .sn870-price-head{display:block} .sn870-landing .sn870-price-head>strong{display:block;margin-top:14px} .sn870-landing .sn870-patient-card h2,.sn870-landing .sn870-authority h2{font-size:27px} .sn870-landing .lx-orb-a{width:380px;height:380px} } /* ===================================================================== BANNER COOKIE — solo coerenza grafica sulla landing. Nessuna modifica a privacy-gdpr.js, ai testi o alla logica del consenso. Si applica esclusivamente quando l'app NON è aperta (quindi in landing). Corregge anche la larghezza che su smartphone usciva dallo schermo. ===================================================================== */ .sn-gdpr-banner{width:auto!important;max-width:calc(100vw - 20px)!important;box-sizing:border-box!important} body:not(.sn-app-open) .sn-gdpr-banner{ background:linear-gradient(150deg,rgba(19,19,20,.98),rgba(9,9,10,.98))!important; border:1px solid rgba(216,178,92,.34)!important; color:#e9ecee!important; border-radius:20px!important; box-shadow:0 26px 70px rgba(0,0,0,.65)!important; font-family:"Manrope","Inter",system-ui,-apple-system,sans-serif!important; } body:not(.sn-app-open) .sn-gdpr-banner strong, body:not(.sn-app-open) .sn-gdpr-banner b, body:not(.sn-app-open) .sn-gdpr-banner h2, body:not(.sn-app-open) .sn-gdpr-banner h3{color:#f6e3ae!important;-webkit-text-fill-color:#f6e3ae!important} body:not(.sn-app-open) .sn-gdpr-banner p, body:not(.sn-app-open) .sn-gdpr-banner span, body:not(.sn-app-open) .sn-gdpr-banner small, body:not(.sn-app-open) .sn-gdpr-banner-copy{color:#c9ced2!important;-webkit-text-fill-color:#c9ced2!important} body:not(.sn-app-open) .sn-gdpr-banner .sn-gdpr-text-link, body:not(.sn-app-open) .sn-gdpr-banner a{color:#f6e3ae!important;-webkit-text-fill-color:#f6e3ae!important;text-decoration:underline!important} body:not(.sn-app-open) .sn-gdpr-btn{border-radius:999px!important;font-weight:700!important} body:not(.sn-app-open) .sn-gdpr-btn.primary{ background:linear-gradient(135deg,#fbeec2,#c79a34)!important;color:#1b1405!important; -webkit-text-fill-color:#1b1405!important;border:0!important; } body:not(.sn-app-open) .sn-gdpr-btn.secondary{ background:rgba(255,255,255,.04)!important;color:#e9ecee!important;-webkit-text-fill-color:#e9ecee!important; border:1px solid rgba(255,255,255,.18)!important; } /* ===================================================================== BLINDATURA PULSANTI DELLA LANDING Alcuni fogli storici azzerano lo sfondo dei pulsanti dentro