.sn-install{--sn-ink: #160b33;--sn-muted: #655d75;--sn-purple: #6035ff;--sn-purple-dark: #4014e8;--sn-magenta: #ed24d3;--sn-lime: #cfff3f;--sn-line: #e8e1f6;--sn-paper: #fbfaff;color:var(--sn-ink);background:linear-gradient(180deg,#fff 0,#fbf9ff 43%,#fff);font-family:var(--font-body-family, "DM Sans", Arial, sans-serif);font-style:normal;padding:24px 0 72px}.sn-install *,.sn-install *:before,.sn-install *:after{box-sizing:border-box}.sn-install__shell{width:min(100% - 32px,1460px);margin:0 auto}.sn-install h1,.sn-install h2,.sn-install h3,.sn-install p,.sn-install a,.sn-install button,.sn-install summary,.sn-install span,.sn-install strong{font-family:inherit}.sn-install h1,.sn-install h2,.sn-install h3,.sn-install p{margin-top:0}.sn-install__hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.38fr);min-height:clamp(440px,52vh,520px);max-height:520px;overflow:hidden;border:1px solid var(--sn-line);border-radius:28px;background:#f7f3ff;box-shadow:0 22px 60px #230b4a14}.sn-install__hero-copy{position:relative;z-index:2;align-self:center;padding:clamp(32px,4vw,58px);background:radial-gradient(circle at 95% 50%,rgba(112,50,255,.12),transparent 38%),linear-gradient(135deg,#fff,#f8f5ff)}.sn-install__eyebrow,.sn-install__kicker,.sn-install__method{margin-bottom:15px;color:var(--sn-purple);font-size:13px;font-weight:800;letter-spacing:.13em}.sn-install__hero h1{max-width:620px;margin-bottom:22px;font-size:clamp(40px,4vw,62px);font-weight:800;line-height:.94;letter-spacing:-.055em}.sn-install__intro{max-width:520px;color:#373047;font-size:clamp(17px,1.4vw,21px);line-height:1.55}.sn-install__intro p:last-child{margin-bottom:0}.sn-install__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.sn-install__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:13px;padding:13px 22px;font-size:15px;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sn-install__button:hover{transform:translateY(-2px)}.sn-install__button svg{width:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sn-install__button--primary{color:#fff;background:linear-gradient(135deg,var(--sn-purple-dark),#763bff 72%,var(--sn-magenta));box-shadow:0 12px 26px #552bee3b}.sn-install__button--primary:hover{color:#fff;box-shadow:0 16px 32px #552bee4d}.sn-install__button--secondary{color:var(--sn-ink);border-color:#7b52ff;background:#fffc}.sn-install__hero-visual{position:relative;min-height:clamp(440px,52vh,520px);max-height:520px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#1d0d35,#4d176c)}.sn-install__hero-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(21,10,46,.22),transparent 42%),radial-gradient(circle at 75% 30%,rgba(230,31,211,.25),transparent 35%);content:""}.sn-install__hero-visual img{width:100%;height:100%;min-height:clamp(440px,52vh,520px);max-height:520px;object-fit:cover;filter:saturate(1.08) contrast(1.04) brightness(.72)}.sn-install__hero-glow{position:absolute;top:18%;right:12%;bottom:18%;left:12%;z-index:0;border-radius:50%;background:#e725d566;filter:blur(75px)}.sn-install__trust{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 0;padding:0;border:1px solid var(--sn-line);border-radius:19px;background:#ffffffdb;box-shadow:0 12px 34px #270e500b;list-style:none}.sn-install__trust li{display:flex;min-height:86px;align-items:center;justify-content:center;gap:14px;padding:18px;font-size:15px;font-weight:750}.sn-install__trust li+li{border-left:1px solid var(--sn-line)}.sn-install__trust svg{width:34px;height:34px;padding:7px;border-radius:12px;color:var(--sn-purple);background:#efeaff;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sn-install__videos,.sn-install__faq{scroll-margin-top:120px;margin-top:76px}.sn-install__section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.sn-install__section-heading h2,.sn-install__support h2{margin-bottom:9px;font-size:clamp(30px,3vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.035em}.sn-install__section-heading p:not(.sn-install__kicker),.sn-install__support>div>p:not(.sn-install__kicker){margin-bottom:0;color:var(--sn-muted);font-size:16px;line-height:1.55}.sn-install__load-note{display:inline-flex;flex:none;align-items:center;gap:7px;border:1px solid #dcd1fb;border-radius:999px;padding:8px 13px;color:#5238a7;background:#f6f2ff;font-size:12px;font-weight:700}.sn-install__load-note svg{width:15px;fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8}.sn-install__video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sn-install__video-card{overflow:hidden;border:1px solid var(--sn-line);border-radius:21px;background:#fff;box-shadow:0 16px 42px #260b4813;transition:transform .22s ease,box-shadow .22s ease}.sn-install__video-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px #260b481f}.sn-install__video-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#21122e}.sn-install__video-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(17,7,30,.48));content:"";pointer-events:none}.sn-install__video-frame img,.sn-install__video-frame video{display:block;width:100%;height:100%;object-fit:cover}.sn-install__video-frame video{display:block;background:#000}.sn-install__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:66px;height:66px;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;color:var(--sn-purple-dark);background:#fffffff2;box-shadow:0 8px 24px #1f083b40;cursor:pointer;transition:transform .2s ease,background .2s ease}.sn-install__play:hover{transform:translate(-50%,-50%) scale(1.07);background:var(--sn-lime)}.sn-install__play svg{width:30px;fill:currentColor}.sn-install__duration{position:absolute;right:13px;bottom:13px;z-index:2;border-radius:7px;padding:5px 8px;color:#fff;background:#10081ec7;font-size:12px;font-weight:750;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sn-install__video-copy{display:flex;min-height:210px;flex-direction:column;padding:24px}.sn-install__method{margin-bottom:9px;font-size:11px}.sn-install__video-copy h3{margin-bottom:11px;font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.025em}.sn-install__video-copy p{margin-bottom:22px;color:var(--sn-muted);font-size:14px;line-height:1.62}.sn-install__faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sn-install__faq details{border:1px solid var(--sn-line);border-radius:16px;background:#fff}.sn-install__faq summary{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;font-size:16px;font-weight:750;cursor:pointer;list-style:none}.sn-install__faq summary::-webkit-details-marker{display:none}.sn-install__faq summary svg{width:20px;flex:none;fill:none;stroke:var(--sn-purple);stroke-linecap:round;stroke-width:1.8;transition:transform .2s ease}.sn-install__faq details[open] summary svg{transform:rotate(45deg)}.sn-install__faq details p{margin:-5px 22px 22px;color:var(--sn-muted);font-size:14px;line-height:1.65}.sn-install__support{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:68px;border-radius:24px;padding:clamp(34px,5vw,62px);background:linear-gradient(120deg,#201039,#52209a 68%,#9020b8);color:#fff}.sn-install .sn-install__support h2{color:#fff!important;-webkit-text-fill-color:#fff!important}.sn-install__support .sn-install__kicker{color:var(--sn-lime)}.sn-install__support>div>p:not(.sn-install__kicker){color:#ffffffc2}.sn-install__support .sn-install__button{flex:none;color:#251240;background:var(--sn-lime);box-shadow:none}@media(max-width:1100px){.sn-install__hero{grid-template-columns:1fr 1fr}.sn-install__hero-copy{padding:45px}}@media(max-width:860px){.sn-install{padding-top:14px}.sn-install__shell{width:min(100% - 24px,720px)}.sn-install__hero{grid-template-columns:1fr;max-height:none}.sn-install__hero-copy{padding:44px 28px}.sn-install__hero-visual,.sn-install__hero-visual img{min-height:360px;max-height:none}.sn-install__trust{grid-template-columns:1fr}.sn-install__trust li{justify-content:flex-start;min-height:70px;padding-left:24px}.sn-install__trust li+li{border-top:1px solid var(--sn-line);border-left:0}.sn-install__section-heading{align-items:flex-start;flex-direction:column}.sn-install__video-grid,.sn-install__faq-grid{grid-template-columns:1fr}.sn-install__video-card{display:grid;grid-template-columns:minmax(230px,.9fr) 1.1fr}.sn-install__video-frame{height:100%;aspect-ratio:auto}}@media(max-width:600px){.sn-install{padding-bottom:42px}.sn-install__hero{min-height:0;border-radius:20px}.sn-install__hero h1{font-size:43px}.sn-install__actions,.sn-install__actions .sn-install__button{width:100%}.sn-install__hero-visual,.sn-install__hero-visual img{min-height:310px}.sn-install__videos,.sn-install__faq{margin-top:54px}.sn-install__video-card{display:block}.sn-install__video-frame{aspect-ratio:1 / 1;height:auto}.sn-install__video-copy{display:flex;min-height:0;padding:22px 21px 24px}.sn-install__support{align-items:flex-start;flex-direction:column}.sn-install__support .sn-install__button{width:100%}}@media(prefers-reduced-motion:reduce){.sn-install *,.sn-install *:before,.sn-install *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/shineneon-installation-center.css.map */