:root{color-scheme:light;color-scheme:only light;--bg:#191d24;--panel:#22272f;--line:#ffffff12;--text:#e7e6e3;--muted:#a8adb5;--orange:#c58452;--blue:#435e7e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse 640px 620px at 90% 340px,#96562413,transparent 80%),radial-gradient(ellipse 750px 650px at 0% 800px,#31537a1c,transparent 80%),var(--bg);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a,button,select{touch-action:manipulation}:focus-visible{outline:2px solid #d69b6e;outline-offset:4px}button,a{transition:background .18s,border-color .18s,color .18s}button:disabled{opacity:.45}img{max-width:100%;display:block}.container{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#273345;padding:12px}.skip-link:focus{top:10px}
.header{position:sticky;top:0;z-index:20;background:#191d24;border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:730;letter-spacing:-.8px;white-space:nowrap;color:#f0eeeb}.brand img{width:39px;height:39px;object-fit:contain}.brand-accent{color:#c79767}.nav-links{display:flex;gap:30px;margin-left:auto;font-size:13px;color:#b7bcc3}.nav-links a:hover{color:#dfbd9d}.account{display:flex;gap:22px;align-items:center;border:1px solid #ffffff1a;border-radius:10px;padding:12px 18px;font-size:13px;color:#d8d9dc;background:#21262e}.account:hover{background:#2a3039;border-color:#c5845266}.account span{color:#b99676}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:595px;padding:48px 0 40px}.hero::before{content:"";position:absolute;right:-25px;top:65px;width:49%;aspect-ratio:1.15;border:1px solid #7b8c9f0c;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#bf9574;font-weight:550}.little-star{font-size:19px;vertical-align:-1px;margin-right:8px}h1{font-size:clamp(38px,4.45vw,62px);line-height:1.09;letter-spacing:-2.1px;font-weight:650;margin:0 0 25px}h1>span{color:#bc946f}.hero-description{max-width:490px;color:#afb4bc;font-size:17px;line-height:1.75;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:26px}.button-primary,.button-secondary{display:inline-flex;justify-content:center;align-items:center;gap:25px;border-radius:10px;min-height:50px;padding:13px 22px;font-weight:600;font-size:13px}.button-primary{border:1px solid #c98b5b;background:linear-gradient(115deg,#c58b5b,#b4774e);color:#191c22;box-shadow:none}.button-primary:hover{background:#cf9668;border-color:#d49d73}.button-secondary{border:1px solid #a9a3a02b;background:#272b32;color:#d5c8bd}.button-secondary:hover{background:#31343b;border-color:#c5845266}.text-link{font-size:13px;color:#b7b9bd;display:flex;gap:13px;align-items:center}.text-link:hover{color:#d6b594}.platforms{display:flex;list-style:none;gap:21px;margin:28px 0 0;padding:0;color:#7f8995;font-size:11px}.platforms li+li::before{content:"·";margin-right:21px;color:#505a66}.hero-art{position:relative;max-width:540px;width:100%;justify-self:end}.hero-art>img{width:100%;height:auto;filter:saturate(.82)}.art-note{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#b2b8bf;background:#20262eea;border:1px solid #ffffff0d;border-radius:99px;padding:8px 16px}.art-note>span{color:#b8845c;margin-right:8px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;background:linear-gradient(115deg,#232a33,#25272c);padding:27px 30px;gap:30px}.benefits>div{display:flex;align-items:center;gap:19px}.benefits>div+div{border-left:1px solid var(--line);padding-left:30px}.benefit-icon{font-size:29px;line-height:1;color:#b88b65;width:30px;flex:0 0 30px}.benefits h2{font-size:14px;font-weight:550;margin:0 0 5px}.benefits p{font-size:12px;color:#929ba6;margin:0}
.tariffs{padding-top:76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0}.section-heading>p{font-size:13px;color:#929ba6;margin:0;line-height:1.8}.plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch}.plan{position:relative;border:1px solid #ffffff10;border-radius:16px;background:linear-gradient(150deg,#242930,#21262e);padding:23px 19px 20px;display:flex;flex-direction:column;min-width:0}.plan.recommended{border-color:#a96d426b;background:radial-gradient(ellipse at 100% 0%,#a25d2924,transparent 70%),radial-gradient(ellipse at 0% 100%,#344d6c26,transparent 70%),#25282d;box-shadow:0 6px 28px #090d141f}.plan-overline,.recommendation{font-size:9px;letter-spacing:.65px;height:24px;margin-bottom:14px;display:flex;align-items:center}.plan-overline{color:#7d8792}.recommendation{color:#d9ae8a;align-self:flex-start;border:1px solid #bb7a444a;background:#a96a3621;border-radius:6px;padding:2px 8px}.plan h3{font-size:18px;font-weight:550;margin:0 0 16px;letter-spacing:-.25px}.price{display:flex;gap:5px;align-items:baseline;font-variant-numeric:tabular-nums}.price-value{font-size:34px;letter-spacing:-1px;font-weight:650;line-height:1.1}.currency{font-size:22px;color:#c4c5c6}.price-caption{font-size:10px;color:#87919d;margin:11px 0 0;line-height:1.6}.features{list-style:none;margin:23px 0 25px;padding:0;font-size:11px;color:#adb4bd;display:grid;gap:12px}.features li{display:flex;gap:8px;align-items:center}.features li::before{content:"✓";font-size:12px;color:#b78761}.purchase{margin-top:auto}.device-row{padding-top:17px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:11px}.device-row label{color:#9ba4af;font-size:11px}.stepper{display:flex;align-items:center;border:1px solid #ffffff18;border-radius:9px;background:#1b2129;overflow:hidden;height:42px}.stepper button{border:0;background:transparent;color:#b99575;flex:0 0 38px;height:40px;font-size:20px}.stepper button:hover:not(:disabled){background:#ffffff08}.stepper select{appearance:none;color:#d8dadd;background:transparent;border:0;border-inline:1px solid #ffffff0c;border-radius:0;min-width:25px;flex:1;width:100%;text-align:center;padding:0;height:40px;font-size:13px;cursor:pointer}.stepper option{background:#222832}.price-status{height:18px;margin:3px 0 5px;font-size:10px;color:#c79873;line-height:18px}.choose{width:100%;min-height:44px;padding:10px 12px;gap:9px;font-size:11px}.tariff-note,.catalog-note{color:#78838f;text-align:center;font-size:11px;margin:23px 0 0}.catalog-error{grid-column:1/-1;padding:25px;color:#c2ad99}.catalog-error a{text-decoration:underline}
.connect{padding:72px 0}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;border-top:1px solid var(--line);gap:50px}.steps li{padding-top:24px}.step-number{font-size:12px;color:#b58b6b;letter-spacing:2px}.steps h3{font-size:17px;font-weight:550;margin:17px 0 9px}.steps p{color:#929ba6;font-size:13px;line-height:1.8;max-width:300px;margin:0}.footer{display:flex;align-items:center;gap:25px;padding-block:26px;border-top:1px solid var(--line)}.footer .brand{font-size:20px}.footer p,.footer small{font-size:11px;color:#707c89;margin:0}.footer nav{display:flex;gap:24px;margin-left:auto;font-size:11px;color:#a2aab5}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.hero{min-height:540px}.plans{grid-template-columns:repeat(3,minmax(0,1fr))}.plan{padding:23px}.plan h3{font-size:19px}.features{font-size:12px}.choose{font-size:12px}.benefits{padding:23px 20px;gap:18px}.benefits>div{gap:12px}.benefits>div+div{padding-left:18px}.benefits h2{font-size:12px}.benefits p{font-size:11px}.section-heading h2{font-size:31px}.footer{flex-wrap:wrap}.footer small{display:none}}
@media(max-width:700px){html{scroll-padding-top:84px}.container{width:calc(100% - 40px)}.nav{height:70px;gap:12px}.brand{font-size:21px;letter-spacing:-.6px}.brand img{width:30px;height:30px}.nav-links{display:none}.account{margin-left:auto;padding:9px 11px;font-size:10px;gap:10px;min-height:40px}.hero{grid-template-columns:1fr;gap:0;padding:37px 0 31px;min-height:0}.hero-copy{display:contents}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:17px}.hero .eyebrow{order:0}.hero h1{order:1;font-size:clamp(35px,9.3vw,51px);letter-spacing:-1.3px;margin-bottom:20px}.hero-description{order:2;font-size:14px;line-height:1.7;margin-bottom:8px;max-width:380px}.hero-art{order:3;width:min(100%,360px);justify-self:center;margin:2px 0 17px}.art-note{font-size:10px;bottom:3%}.hero-actions{order:4;display:flex;gap:16px;flex-wrap:wrap}.hero-actions .button-primary{flex:1;min-height:48px;font-size:12px;padding-inline:17px;gap:18px}.text-link{font-size:11px;gap:9px}.platforms{order:5;justify-content:center;gap:16px;font-size:10px;margin-top:23px}.platforms li+li::before{margin-right:16px}.benefits{grid-template-columns:1fr;padding:9px 20px;gap:0;border-radius:14px}.benefits>div{padding:16px 0!important;gap:17px}.benefits>div+div{border-left:0;border-top:1px solid var(--line)}.benefits h2{font-size:13px}.benefits p{font-size:11px}.benefit-icon{font-size:27px}.tariffs{padding-top:47px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:29px;letter-spacing:-.8px}.section-heading>p{font-size:12px;margin-top:14px}.plans{grid-template-columns:1fr;gap:16px}.plan{padding:23px;display:grid;grid-template-columns:1fr auto;column-gap:16px}.plan-overline,.recommendation{grid-column:1/-1;margin-bottom:14px}.plan h3{grid-column:1;grid-row:2;margin:0;align-self:center;font-size:20px}.price{grid-column:2;grid-row:2;justify-content:flex-end}.price-value{font-size:31px}.currency{font-size:20px}.price-caption{grid-column:1/-1;text-align:right;font-size:10px;margin:9px 0 0}.features{grid-column:1/-1;grid-template-columns:1fr 1fr;font-size:11px;gap:13px 10px;margin:23px 0}.purchase{grid-column:1/-1}.device-row{flex-direction:row;align-items:center;justify-content:space-between;padding-top:18px}.device-row label{font-size:12px}.stepper{width:145px;height:44px}.stepper button,.stepper select{height:42px}.choose{font-size:13px;min-height:46px}.tariff-note{text-align:left;font-size:10px;line-height:1.7;margin-top:19px}.connect{padding:47px 0}.steps{grid-template-columns:1fr;gap:0}.steps li{position:relative;padding:22px 0 22px 42px;border-bottom:1px solid var(--line)}.steps .step-number{position:absolute;top:23px;left:0}.steps h3{font-size:16px;margin:0 0 7px}.steps p{font-size:12px;max-width:100%}.footer{gap:14px;padding-block:23px}.footer .brand{font-size:20px}.footer p{margin-left:auto;font-size:10px}.footer nav{margin:0;justify-content:space-between;width:100%;font-size:11px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand{font-size:19px;gap:5px}.brand img{width:27px;height:27px}.account{font-size:9px;padding:8px;gap:6px}.hero-actions{gap:13px}.text-link{font-size:10px}.plan{padding:19px}.features{font-size:10px}.price-value{font-size:28px}.plan h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:700px){.hero::before{display:none}}
/* Portal contours stay in the background and cannot create horizontal overflow. */
body{background-image:url('/nl-site/lines.svg'),radial-gradient(ellipse 640px 620px at 90% 340px,#96562413,transparent 80%),radial-gradient(ellipse 750px 650px at 0% 800px,#31537a1c,transparent 80%);background-size:100% 1800px,auto,auto;background-position:center 70px,0 0,0 0;background-repeat:no-repeat}
/* Keep an opaque fill throughout hover; never transition gradient to transparent. */
.button-primary{background-color:#b77d52;background-image:linear-gradient(115deg,#fff1,transparent);transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.button-primary:hover{background-color:#c58a5d;background-image:linear-gradient(115deg,#fff1,transparent);border-color:#d49d73}
@media(max-width:700px){body{background-size:auto 1600px,auto,auto;background-position:60% 100px,0 0,0 0}}
@media(prefers-reduced-motion:reduce){.button-primary{transition:none}}
/* Platform icons share the site's muted orange accent. */
.platforms li{display:flex;align-items:center;gap:7px}
.platforms li+li::before{content:none}
.platforms svg{width:18px;height:18px;flex:0 0 18px;color:#c58452}
@media(max-width:700px){.platforms{justify-content:space-between;gap:10px}.platforms li{gap:6px}.platforms svg{width:17px;height:17px;flex-basis:17px}}
/* Extend the mascot's portal atmosphere softly into the hero. */
.hero-art{isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:-8% -7%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 70% 36%,#98532622,transparent 58%),radial-gradient(ellipse at 34% 68%,#365d8a25,transparent 63%),radial-gradient(ellipse at 63% 64%,#b37b3820,transparent 49%);filter:blur(25px)}
.hero-art::after{content:"";position:absolute;inset:2% -3% 0;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 68% 49%,transparent 55%,#a6773d0b 56%,transparent 58%),radial-gradient(ellipse at 39% 53%,transparent 56%,#4970980d 57%,transparent 59%);filter:blur(3px)}
@media(max-width:700px){.hero-art::before{inset:-3% 0;filter:blur(20px)}.hero-art::after{inset:0}}
/* Safari aligns the selected option separately from the select element. */
.stepper select{-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;padding-inline:0;text-indent:0}
/* Header scrolls naturally with the page instead of covering content. */
.header{position:relative;top:auto;z-index:auto}
html{scroll-padding-top:24px}

/* Monthly equivalent and full payable price share one tariff calculation. */
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
.plan-heading h3{margin:0}
.plan-connection-icon{width:32px;height:32px;flex:0 0 32px;border:1px solid #c2937066;border-radius:50%;display:grid;place-items:center;background:#c2937009;color:#d4ab8b}
.plan-connection-icon svg{width:19px;height:19px}
.plan .price{color:#e1b18b;gap:6px;flex-wrap:wrap}
.plan .price-value{font-size:30px;letter-spacing:-.8px}
.plan .currency{font-size:13px;color:#d4ab8b;white-space:nowrap}
.plan .price-caption{font-size:11px;color:#c7cbd1;line-height:1.6;margin:10px 0 0}
.plan .price-details{font-size:10px;color:#919ba8;line-height:1.6;margin:8px 0 0}
@media(max-width:760px){.plan .plan-heading{grid-column:1/-1;grid-row:2;margin-bottom:18px}.plan .price{grid-column:1/-1;grid-row:3;justify-content:flex-start}.plan .price-value{font-size:36px}.plan .currency{font-size:17px}.plan .price-caption{grid-column:1/-1;grid-row:4;text-align:left;font-size:13px}.plan .price-details{grid-column:1/-1;grid-row:5;font-size:12px}.plan .features{grid-column:1/-1;grid-row:6}.plan .purchase{grid-column:1/-1;grid-row:7}.plan-connection-icon{width:38px;height:38px;flex-basis:38px}}