.spco-page{--ink:#f5f0e6;--muted:#b1c1c8;--gold:#efc36f;--cream:#031823;--line:#344954;--paper:#0c2632;color-scheme:dark;background:#031823!important;color:var(--ink)!important;margin:0!important;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;min-height:100vh}
.spco-page *,.spco-page *::before,.spco-page *::after{box-sizing:border-box}.spco-page h1,.spco-page h2,.spco-page p,.spco-page ul{margin:0}.spco-page a{color:var(--ink);text-decoration:none}.spco-page button,.spco-page input,.spco-page select{font:inherit}.spco-page :focus-visible{outline:3px solid #b87c2499;outline-offset:4px}.spco-skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:20}.spco-skip:focus{top:16px}.spco-shell{max-width:1220px;margin:0 auto;padding:34px 40px 52px}.spco-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.spco-brand img{width:216px;height:72px;object-fit:contain;object-position:left center}.spco-brand-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.spco-brand-note svg{width:18px;height:18px;fill:none;stroke:#efc36f;stroke-width:1.5}.spco-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:76px;align-items:start}.spco-story{padding-top:14px;min-width:0}.spco-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:2.1px;color:#efc36f;margin-bottom:21px!important}.spco-kicker span{width:6px;height:6px;background:#efc36f;border-radius:50%}.spco-story h1{font-family:Georgia,"Times New Roman",serif;font-size:61px;font-weight:400;letter-spacing:-2.3px;line-height:1.08;color:var(--ink);margin-bottom:23px}.spco-story h1 em{font-weight:400;color:#efc36f}.spco-intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px;margin-bottom:29px!important}.spco-plan-card{position:relative;padding:25px 27px 23px;border:1px solid #aa824b70;background:linear-gradient(135deg,#102b37f5,#0a222eea);border-radius:17px;box-shadow:0 10px 25px #0002;overflow:hidden}.spco-plan-card::after{content:"";position:absolute;width:180px;height:180px;border:1px solid #d6b88226;border-radius:50%;right:-95px;top:-80px;pointer-events:none;box-shadow:0 0 0 21px #d6b8820b,0 0 0 43px #d6b88209}.spco-plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.spco-card-label{font-size:9px;font-weight:750;letter-spacing:1.7px;color:#efc36f}.spco-plan-tag{font-size:10px;font-weight:650;padding:5px 9px;background:#e8bd6220;border-radius:20px;color:#f0cd8a}.spco-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.spco-plan-heading h2{font:400 33px/1.2 Georgia,"Times New Roman",serif;color:var(--ink)}.spco-price{display:flex;align-items:baseline;gap:3px;white-space:nowrap;font-size:38px;line-height:1.2;letter-spacing:-1.4px;font-weight:600}.spco-euro{font-size:24px;letter-spacing:-.7px}.spco-period{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:3px}.spco-plan-description{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:19px!important;max-width:360px}.spco-features{display:grid;gap:12px;padding:19px 0 0!important;list-style:none!important;border-top:1px solid var(--line);margin:0!important}.spco-features li{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#d8e2e6;line-height:1.5}.spco-features li>span{display:flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:#227a6038;color:#9ee6c4;font-size:10px;font-weight:800;margin-top:1px}.spco-catalog-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:11px;font-weight:650;color:#efc36f!important;border-bottom:1px solid #c9a66a;padding-bottom:2px}.spco-catalog-link:hover{color:var(--ink)!important}.spco-reassurance{display:grid;gap:18px;margin-top:27px}.spco-reassurance>div{display:flex;align-items:center;gap:12px}.spco-reassurance-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #a8884f70;border-radius:50%;font-size:10px;font-weight:700;color:#efc36f;background:#071e29e8}.spco-reassurance p{display:grid;gap:1px}.spco-reassurance strong{font-size:12px;font-weight:650}.spco-reassurance p span{font-size:11px;color:var(--muted)}.spco-form-card{background:#0c2632f5;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #0005;padding:29px 33px 25px;min-width:0}.spco-form-heading{display:flex;align-items:center;gap:14px}.spco-anchor{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;background:#efc36f1c;border-radius:12px;color:#efc36f;font-size:24px}.spco-form-heading .spco-card-label{font-size:8px;letter-spacing:1.4px;margin-bottom:5px}.spco-form-heading h2{font:400 28px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.5px;color:var(--ink)}.spco-form-intro{font-size:12px;color:var(--muted);margin:15px 0 24px!important}.spco-form{margin:0!important}.spco-field{margin-bottom:18px}.spco-field label{display:block;font-size:12px;font-weight:650;margin-bottom:7px;color:var(--ink)}.spco-field input,.spco-field select{display:block;width:100%;height:47px;border:1px solid #46616e!important;border-radius:8px!important;background:#0c2632f5!important;color:var(--ink)!important;box-shadow:none!important;padding:0 13px!important;line-height:1.5;font-size:13px!important;min-width:0;margin:0!important;transition:border-color .15s,box-shadow .15s}.spco-field input::placeholder{color:#a1b3bc;opacity:1}.spco-field input:hover,.spco-field select:hover{border-color:#bd9b60!important}.spco-field input:focus,.spco-field select:focus{outline:none!important;border-color:#efc36f!important;box-shadow:0 0 0 3px #efc36f1a!important}.spco-select-wrap,.spco-password-wrap{position:relative}.spco-select-wrap select{appearance:none;cursor:pointer;padding-right:40px!important;background:#142d38!important;border-color:#a0804b!important;font-weight:600}.spco-select-wrap svg{position:absolute;right:14px;top:16px;width:16px;height:16px;fill:none;stroke:#efc36f;stroke-width:1.7;pointer-events:none}.spco-help{font-size:10px!important;color:#b1c1c8;margin-top:6px!important;line-height:1.55}.spco-divider{display:flex;align-items:center;gap:12px;margin:21px 0 20px;color:#c5b48e;font-size:8px;letter-spacing:1.4px;font-weight:650;white-space:nowrap}.spco-divider::after{content:"";height:1px;flex:1;background:#344954}.spco-password-wrap input{padding-right:82px!important}.spco-password-toggle{position:absolute;right:5px;top:5px;height:37px;background:transparent!important;border:0!important;box-shadow:none!important;color:#efc36f!important;padding:0 10px!important;font-size:11px!important;cursor:pointer;font-weight:650;border-radius:4px!important}.spco-password-toggle:hover{background:#efc36f15!important}.spco-terms{display:flex!important;align-items:flex-start;gap:10px;font-size:10px;line-height:1.7;color:#b1c1c8;margin-top:22px;margin-bottom:20px;cursor:pointer}.spco-terms input{appearance:auto!important;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0!important;accent-color:#efc36f;cursor:pointer}.spco-terms a{color:#efc36f!important;text-decoration:underline;text-underline-offset:3px}.spco-total{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-bottom:17px}.spco-total>span{font-size:12px;font-weight:600}.spco-total small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.spco-total>strong{font-size:24px;line-height:1.2;text-align:right;letter-spacing:-.6px}.spco-total>strong small{font-size:9px;letter-spacing:0}.spco-message{border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:11px;line-height:1.55;margin-bottom:13px}.spco-message-pending{display:flex;gap:9px;align-items:flex-start;background:#efc36f0c;color:#f0cf92}.spco-message-pending strong{display:block;font-size:10px;font-weight:650}.spco-message-pending p span{display:block;font-size:10px;margin-top:2px;color:#c9bea7}.spco-status-dot{flex:0 0 6px;width:6px;height:6px;background:#efc36f;border-radius:50%;margin-top:5px}.spco-message-error{background:#44261f;border-color:#bd7960;color:#ffd9bd}.spco-message-error ul{padding-left:16px;margin-top:5px}.spco-submit{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;background:var(--ink)!important;border:0!important;border-radius:8px!important;color:#fff!important;padding:12px 14px!important;font-size:12px!important;font-weight:700;line-height:1.5!important;cursor:pointer;transition:background .15s}.spco-submit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.spco-submit>span:last-child{margin-left:7px;font-size:18px;line-height:1}.spco-submit:hover{background:#12465a!important}.spco-submit:disabled{background:#375461!important;cursor:not-allowed;opacity:1!important}.spco-payment-note{text-align:center;color:#b1c1c8;font-size:9px;line-height:1.7;margin-top:10px!important}.spco-existing{font-size:10px;color:var(--muted);text-align:center;margin-top:21px!important;border-top:1px solid #344954;padding-top:18px}.spco-existing a{font-weight:650;color:#efc36f;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1450px){.spco-shell{padding-top:47px}.spco-brand{margin-bottom:43px}.spco-layout{gap:95px}.spco-story{padding-top:26px}}
@media(max-width:1020px){.spco-shell{padding:25px 28px 40px}.spco-layout{gap:36px}.spco-story h1{font-size:48px}.spco-form-card{padding:25px}.spco-plan-card{padding:23px}.spco-plan-heading h2{font-size:29px}.spco-price{font-size:32px}.spco-brand-note{font-size:10px}}
@media(max-width:760px){.spco-shell{max-width:560px;padding:20px 20px 35px}.spco-brand{justify-content:center;margin-bottom:22px}.spco-brand img{width:177px;height:59px;object-position:center}.spco-brand-note{display:none}.spco-layout{display:flex;flex-direction:column;gap:23px}.spco-story{padding-top:0;width:100%}.spco-kicker{font-size:8px;letter-spacing:1.5px;justify-content:center;margin-bottom:14px!important}.spco-story h1{font-size:42px;letter-spacing:-1.5px;line-height:1.07;text-align:center;margin-bottom:15px}.spco-intro{font-size:12px;line-height:1.75;text-align:center;max-width:380px;margin:0 auto 22px!important}.spco-plan-card{padding:20px 22px;border-radius:13px}.spco-plan-top{margin-bottom:10px}.spco-plan-heading h2{font-size:28px}.spco-price{font-size:32px}.spco-plan-description{font-size:11px;margin-bottom:15px!important}.spco-features{padding-top:15px!important;gap:10px}.spco-features li{font-size:11px}.spco-catalog-link{margin-top:16px;font-size:10px}.spco-reassurance{display:none}.spco-form-card{width:100%;padding:24px;border-radius:15px}.spco-form-heading h2{font-size:26px}.spco-form-intro{margin:14px 0 22px!important}.spco-field{margin-bottom:19px}.spco-field input,.spco-field select{font-size:16px!important;height:49px}.spco-field label{font-size:12px}.spco-help{font-size:10px!important}.spco-password-toggle{height:39px}.spco-terms{font-size:11px}.spco-existing{font-size:11px}.spco-payment-note{font-size:10px}}
@media(max-width:360px){.spco-shell{padding-left:13px;padding-right:13px}.spco-story h1{font-size:37px}.spco-form-card{padding:21px 18px}.spco-plan-card{padding:19px 18px}.spco-plan-tag{font-size:9px}.spco-plan-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.spco-page *{transition:none!important}}

.spco-benefit-details summary{display:none;cursor:pointer;list-style:none;font-size:11px;font-weight:650;color:#efc36f}.spco-benefit-details summary::-webkit-details-marker{display:none}.spco-benefit-details summary span{font-size:15px}.spco-benefit-details[open] summary span{transform:rotate(45deg)}
@media(max-width:760px){.spco-benefit-details summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.spco-benefit-details[open] summary{margin-bottom:12px}.spco-plan-description{margin-bottom:0!important}.spco-plan-card{padding-top:18px;padding-bottom:16px}.spco-story h1{font-size:39px}.spco-intro{margin-bottom:18px!important}}

/* Dark ocean artwork: each viewport loads only its own background. */
.spco-story h1{font-size:54px;letter-spacing:-1.9px;line-height:1.12}
.spco-story h1>span,.spco-story h1 em{display:block}
.spco-form-card{border-color:#3a505b}
.spco-field input{background:#071d28!important}
.spco-field input:autofill{box-shadow:0 0 0 1000px #132e3a inset!important;-webkit-text-fill-color:var(--ink)!important}
.spco-skip{background:var(--paper)}
.spco-page :focus-visible{outline-color:var(--gold)}
.spco-submit{background:#edc16b!important;color:#09202a!important}
.spco-submit:hover{background:#ffda92!important}
.spco-submit:disabled{background:#375461!important;color:#d0dce2!important}
@media(min-width:761px){.spco-page{position:relative;isolation:isolate;background-image:none!important}.spco-page::before{content:"";position:absolute;left:0;right:0;bottom:0;aspect-ratio:1672/941;z-index:-1;pointer-events:none;background:url("ocean-desktop-v2.webp") center bottom/contain no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 22%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%)}.spco-shell{min-height:1200px;padding-bottom:80px}}
@media(min-width:1450px){.spco-shell{min-height:1300px}}
@media(min-width:761px) and (max-width:1020px){.spco-story h1{font-size:45px}}
@media(max-width:760px){
 .spco-page{background-image:url("ocean-mobile.webp")!important;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% auto!important}
 .spco-shell{padding-top:16px;padding-bottom:190px}
 .spco-brand{margin-bottom:18px}
 .spco-brand img{width:156px;height:52px}
 .spco-layout{gap:21px}
 .spco-story{display:block;padding-top:0;width:100%}
 .spco-lead{order:0;width:100%}
 .spco-form-card{order:1}
 .spco-summary{order:2;width:100%}
 .spco-kicker{letter-spacing:1.3px;margin-bottom:10px!important}
 .spco-story h1{font-size:33px;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}
 .spco-intro{line-height:1.65;margin:0 auto!important}
 .spco-plan-card{background:#0c2632f5}
}
@media(max-width:360px){.spco-story h1{font-size:29px}}

@media(min-width:761px){.spco-layout{grid-template-areas:"lead form" "summary form";grid-template-rows:min-content 1fr;row-gap:27px}.spco-lead{grid-area:lead}.spco-form-card{grid-area:form}.spco-summary{grid-area:summary}.spco-lead .spco-intro{margin-bottom:0!important}}

/* Keep the three steps legible independently of the desktop artwork. */
@media(min-width:761px){
 .spco-reassurance{padding:22px 24px;background:#0c2632;border:1px solid #3a505b;border-radius:16px;box-shadow:0 12px 32px #0003;gap:18px}
 .spco-reassurance strong{font-size:13px}
 .spco-reassurance p span{font-size:12px}
}

@media(min-width:761px){.spco-shell{min-height:100vh;padding-bottom:380px}}
