/* Shopify Plus: una vetrina e il lavoro che la sostiene. Solo superfici blu Eeever. */
.sp-page{--sp-soft:#cecee7;--sp-line:#ffffff2c;color:#fff;background:var(--night)}
.sp-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.sp-page h1,.sp-page h2,.sp-page h3{font-family:var(--display);font-weight:750;letter-spacing:-.045em;text-wrap:balance}
.sp-page h1{font-size:clamp(52px,6.4vw,88px);line-height:1.05;margin:0 0 26px}
.sp-page h2{font-size:clamp(35px,4.35vw,60px);line-height:1.11;margin:0 0 25px}
.sp-page h3{font-size:27px;line-height:1.22;margin:0 0 12px}
.sp-page p{font-size:15px;line-height:1.85;color:var(--sp-soft);margin:0 0 22px}
.sp-page .sp-kicker{font-size:11px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:25px}
.sp-page .sp-link,.sp-page .sp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;font-size:13px;line-height:1.5;font-weight:600;text-decoration:none;color:white}
.sp-page .sp-link{border-bottom:1px solid #ffffff60;padding:9px 0}
.sp-link>span:last-child{color:var(--green);font-size:22px}
.sp-page .sp-button{background:var(--green);color:var(--night);padding:17px 24px;border:1px solid var(--green);min-height:56px}
.sp-page .sp-button:hover{background:var(--blue);color:white}
.sp-page .sp-link:hover{color:var(--green);border-color:var(--green)}
.sp-section{padding:104px 0;scroll-margin-top:20px}
.sp-blue{background:var(--blue)}
.sp-hero{padding:64px 0 0;overflow:hidden}
.sp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center}
.sp-hero-copy{position:relative;z-index:1;padding-block:20px}
.sp-page .sp-intro{max-width:48ch;font-size:16px;margin-bottom:29px}
.sp-page .sp-partner{display:flex;align-items:center;gap:12px;font-size:12px;margin:27px 0 0;color:var(--sp-soft)}
.sp-partner strong{color:white;font-weight:600}.sp-partner>span{color:var(--green)}
.sp-hero-art{margin:0 -50px 0 -30px;position:relative;min-width:0}
.sp-hero-art img{display:block;width:100%;mix-blend-mode:lighten;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 91%,transparent)}
.sp-hero-art figcaption{position:relative;text-align:right;font-size:13px;line-height:1.8;margin:-28px 65px 30px 0;display:flex;flex-direction:column}
.sp-hero-art figcaption span{color:var(--sp-soft)}.sp-hero-art figcaption strong{color:var(--green);font-weight:600}
.sp-entry{display:grid;grid-template-columns:.8fr repeat(3,1fr);align-items:center;gap:30px;border-top:1px solid var(--sp-line);padding-block:29px;margin-top:45px}
.sp-entry>span{color:var(--sp-soft);font-size:12px}.sp-entry a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;font-size:12px;min-height:44px}.sp-entry a span{color:var(--green);font-size:20px}.sp-entry a:hover{color:var(--green)}
.sp-project-heading{max-width:960px}.sp-project-heading>p:last-child{max-width:61ch;margin-bottom:0}
.sp-project-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;margin-top:58px;align-items:start}
.sp-brand-note{position:relative;background:var(--night);padding:45px 40px 40px;transform:rotate(-3deg);box-shadow:18px 22px 0 #08074e26}
.sp-brand-note:before{content:'';position:absolute;top:-9px;left:45px;width:84px;height:18px;background:var(--green);transform:rotate(6deg)}
.sp-brand-note .sp-kicker{display:block;margin-bottom:40px;font-size:10px}
.sp-brand-note p{font-family:var(--display);font-size:clamp(28px,3vw,43px);line-height:1.18;letter-spacing:-.04em;color:white;margin:0}
.sp-brand-note strong{font-weight:750;color:var(--green)}
.sp-note-line{display:block;width:78%;height:32px;border-bottom:3px solid var(--green);border-radius:0 0 50% 30%;transform:rotate(-6deg);margin:0 0 25px}
.sp-brand-note small{font-size:12px;line-height:1.8;color:var(--sp-soft)}
.sp-project-rows article{display:grid;grid-template-columns:56px 1fr;gap:23px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--sp-line)}
.sp-project-rows article:last-child{margin:0;padding:0;border:0}.sp-project-rows p{margin-bottom:5px;font-size:14px}.sp-project-rows .sp-link{font-size:12px;margin-top:8px}
.sp-row-sign{font-family:var(--display);font-size:39px;line-height:1;color:var(--green)}
.sp-icon{position:relative;display:block;width:56px;height:56px;flex-shrink:0}.sp-icon img{display:block;width:100%;height:100%;object-fit:contain}.sp-icon .sb-icon-motion{position:absolute;inset:0;display:none}.sp-icon.is-playing img{visibility:hidden}.sp-icon.is-playing .sb-icon-motion{display:block}
.sp-section-heading,.sp-migration-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:50px}
.sp-section-heading h2,.sp-migration-heading h2{margin-bottom:0}.sp-section-heading>p,.sp-migration-heading>p{margin:0 0 4px}
.sp-system-map{display:grid;grid-template-columns:.8fr .22fr 1fr;align-items:center;padding:30px 0 30px}
.sp-store-node{position:relative;background:var(--blue);border:1px solid #ffffff24;padding:38px 42px;box-shadow:12px 14px 0 #2d218533;min-height:285px}
.sp-store-node .sp-icon{position:absolute;right:28px;top:28px}.sp-store-node>span{font-size:12px;color:var(--sp-soft);display:block;margin-bottom:25px}.sp-store-node>strong{display:block;font-family:var(--display);font-size:45px;line-height:1.09;letter-spacing:-.04em}.sp-store-node>small{color:var(--green);display:block;margin-top:23px;font-size:13px}
.sp-wire{display:flex;flex-direction:column;align-items:stretch;gap:12px;font-size:28px;color:var(--green);padding-inline:15px}.sp-wire>span{position:relative;text-align:right;line-height:.5}.sp-wire>span:before{content:'';position:absolute;left:0;right:2px;top:6px;height:1px;background:var(--green)}.sp-wire>span:last-child{text-align:left}
.sp-system-routes{display:grid;gap:15px}.sp-system-routes>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border:1px solid var(--sp-line);background:var(--night)}
.sp-system-routes span{font-size:11px;line-height:1.7;color:var(--sp-soft)}.sp-system-routes strong{font-size:14px;font-weight:600;line-height:1.5;text-align:right}
.sp-under-map{display:flex;align-items:center;justify-content:space-between;gap:55px;margin-top:21px}.sp-under-map p{max-width:58ch;margin:0;font-size:13px}.sp-under-map .sp-link{flex-shrink:0;font-size:12px}
.sp-choice-layout,.sp-faq-layout,.sp-contact-layout,.sp-guidance{display:grid;grid-template-columns:1fr 1.08fr;gap:90px;align-items:start}
.sp-choice-layout>div:first-child>p:not(.sp-kicker){max-width:40ch}
.sp-page .sp-choice-note{border-left:2px solid var(--green);padding-left:20px;font-size:13px;margin-top:32px}
.sp-detail{border-top:1px solid var(--sp-line)}.sp-detail:last-of-type{border-bottom:1px solid var(--sp-line)}
.sp-detail summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:27px 0;font-family:var(--display);font-size:23px;font-weight:650;line-height:1.3;letter-spacing:-.03em}
.sp-detail summary::-webkit-details-marker{display:none}.sp-detail summary>span{font-family:var(--body);font-size:25px;color:var(--green);font-weight:400;transition:transform .2s ease}.sp-detail[open] summary>span{transform:rotate(45deg)}.sp-detail>div{padding:0 35px 25px 0}.sp-detail>div p{margin:0;font-size:14px}.sp-detail summary:hover{color:var(--green)}
.sp-page .sp-source-note{font-size:11px;margin:22px 0 0;line-height:1.8}.sp-source-note a{display:block}
.sp-journey{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:60px 0 0;gap:40px}
.sp-journey li{border-top:1px solid var(--green);padding-top:31px;position:relative}.sp-journey li:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--green);border-radius:50%}.sp-journey li>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--green);margin-bottom:17px}.sp-journey p{font-size:14px;margin:0}
.sp-migration-note{display:flex;align-items:center;gap:30px;margin-top:48px;padding-top:28px;border-top:1px solid var(--sp-line)}.sp-migration-note>span{font-size:40px;color:var(--green)}.sp-migration-note p{font-size:13px;margin:0;max-width:60ch}.sp-migration-note a{margin-left:auto;flex-shrink:0}
.sp-guidance>div:last-child{padding-top:42px}.sp-page .sp-lead{font-size:19px;line-height:1.7;color:white}.sp-page .sp-platform-choice{font-size:13px;border-top:1px solid var(--sp-line);margin:31px 0 5px;padding-top:27px}
.sp-direct{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:30px}.sp-contact-layout .contact-form{background:var(--night)}.sp-contact-layout .contact-form .button{color:var(--night)}
@media(min-width:1440px){.sp-hero{padding-top:85px}.sp-hero-grid{gap:65px}.sp-hero-art{margin-inline:-50px}.sp-section{padding-block:115px}}
@media(max-width:1050px){.sp-wrap{width:calc(100% - 64px)}.sp-hero{padding-top:40px}.sp-hero-grid{grid-template-columns:1.05fr 1fr;gap:5px}.sp-hero-art{margin-right:-30px}.sp-page h1{font-size:62px}.sp-page .sp-intro{font-size:14px}.sp-page h2{font-size:43px}.sp-section{padding-block:80px}.sp-project-grid{gap:52px}.sp-brand-note{padding:36px 28px}.sp-brand-note p{font-size:35px}.sp-project-rows article{gap:15px;grid-template-columns:44px 1fr}.sp-icon{width:44px;height:44px}.sp-page h3{font-size:24px}.sp-section-heading,.sp-migration-heading{gap:40px}.sp-choice-layout,.sp-faq-layout,.sp-contact-layout,.sp-guidance{gap:50px}.sp-entry{gap:18px}.sp-entry a{font-size:11px}.sp-store-node{padding:32px;min-height:260px}.sp-store-node>strong{font-size:39px}.sp-system-routes>div{padding:23px 20px}.sp-under-map{gap:35px}.sp-system-routes strong{font-size:12px}.sp-system-routes span{font-size:10px}}
@media(max-width:760px){.sp-wrap{width:calc(100% - 40px)}.sp-hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}.sp-hero-copy{padding-bottom:0}.sp-page h1{font-size:clamp(46px,9.5vw,70px)}.sp-page .sp-intro{font-size:15px;max-width:49ch}.sp-hero-art{max-width:550px;align-self:center;margin:0 -18px;width:calc(100% + 36px)}.sp-hero-art figcaption{font-size:12px;margin:-28px 35px 24px 0}.sp-entry{grid-template-columns:1fr;margin-top:5px;gap:0;padding-block:20px}.sp-entry>span{padding-bottom:10px}.sp-entry a{font-size:13px;border-bottom:1px solid var(--sp-line);padding-block:12px}.sp-entry a:last-child{border-bottom:0}.sp-section{padding-block:62px}.sp-page h2{font-size:clamp(33px,6.2vw,43px)}.sp-page .sp-kicker{font-size:10px;margin-bottom:21px}.sp-project-grid{display:flex;flex-direction:column;gap:45px;margin-top:35px}.sp-brand-note{width:90%;max-width:430px;margin-inline:auto;transform:rotate(-2deg);padding:29px 28px}.sp-brand-note .sp-kicker{margin-bottom:22px}.sp-brand-note p{font-size:36px}.sp-project-rows article{grid-template-columns:44px 1fr;gap:17px}.sp-project-rows{width:100%}.sp-section-heading,.sp-migration-heading{display:block;margin-bottom:35px}.sp-section-heading>p,.sp-migration-heading>p{margin:24px 0 0}.sp-system-map{grid-template-columns:1fr;padding:0}.sp-store-node{min-height:240px;padding:30px;max-width:440px;width:100%;margin-inline:auto}.sp-store-node>span{margin-bottom:20px}.sp-store-node>strong{font-size:40px}.sp-wire{height:64px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:0}.sp-wire>span{width:45px;transform:rotate(90deg)}.sp-system-routes>div{padding:22px}.sp-system-routes span{font-size:11px}.sp-system-routes strong{font-size:13px}.sp-under-map{display:block;margin-top:29px}.sp-under-map .sp-link{margin-top:15px}.sp-choice-layout,.sp-faq-layout,.sp-contact-layout,.sp-guidance{grid-template-columns:1fr;gap:29px}.sp-detail summary{font-size:22px;padding-block:24px}.sp-detail>div{padding-right:10px}.sp-journey{grid-template-columns:1fr;gap:33px;margin-top:35px}.sp-journey li{padding-top:24px}.sp-journey h3{margin-bottom:11px}.sp-migration-note{display:grid;grid-template-columns:24px 1fr;gap:15px;margin-top:33px}.sp-migration-note a{grid-column:2;margin:0;justify-self:start}.sp-guidance>div:last-child{padding-top:0}.sp-page .sp-lead{font-size:18px}.sp-page .sp-platform-choice{margin-top:28px}.sp-faq-layout{gap:15px}.sp-contact-layout{gap:35px}.sp-contact-layout .contact-form{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.sp-detail summary>span{transition:none}}
