/* Reference: /newsletter-leon. Geist, midnight canvas, silver CTAs.
   Taste dials: variance 3 / motion 4 / density 4. The supplied layout wins.
   Radii: portraits 10px, inputs/buttons 12px, topics 16px, proof/form 22px.
   CSS sticky keeps the results headline visible without scroll interception. */
.cs-page .nl-header{height:88px}.cs-page .nl-wordmark{text-decoration:none}
.cs-hero{text-align:center;padding:44px 0 50px}.cs-hero h1{max-width:1000px;margin:0 auto;color:#edf0f6;font-size:clamp(36px,4.6vw,66px);font-weight:560;line-height:1.13;letter-spacing:-.053em;text-wrap:balance}.cs-inline-name{white-space:nowrap}.cs-inline-name img{width:.89em;height:.89em;border-radius:10px;object-fit:cover;display:inline-block;vertical-align:-.09em;margin-right:.08em}.cs-duration{white-space:nowrap;color:#a8afbf}.cs-intro{max-width:725px;margin:25px auto 28px;color:#aeb4c2;font-size:21px;line-height:1.65;text-wrap:pretty}.cs-intro p{margin:0}.cs-intro p+p{margin-top:13px}.cs-cta{width:max-content;min-height:78px;height:auto;max-width:100%;padding:24px 40px;text-decoration:none;font-size:21px;font-weight:650;gap:0;margin-inline:auto}.cs-page .nl-social{margin-top:19px}.cs-page .nl-trust{padding:28px 0;border-bottom:0;max-width:1070px}.cs-page h2{margin:0;color:#ebedf4;font-size:clamp(30px,3.25vw,44px);line-height:1.13;font-weight:550;letter-spacing:-.045em;text-wrap:balance}.cs-topics{padding:113px 0 106px;text-align:center}.cs-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;margin:35px 0 26px}.cs-topic{min-width:0;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(145deg,#181c2585,#0d101890);padding:15px 10px 20px}.cs-topic-art{height:82px;display:grid;place-items:center;position:relative;color:#d3d9e8}.cs-topic-art::before{content:'';position:absolute;width:66px;height:66px;border:1px solid #ffffff08;border-radius:50%;background:radial-gradient(circle,#7184b413,transparent 70%)}.cs-topic svg{width:44px;height:44px;fill:currentColor;position:relative}.cs-topic:nth-child(3n + 2){background:linear-gradient(140deg,#1b243755,#10141e88)}.cs-topic:nth-child(3n){background:linear-gradient(140deg,#24273365,#10121988)}.cs-topic h3{font-size:14px;line-height:1.4;font-weight:500;margin:8px auto 0;max-width:185px;color:#cdd2df;text-wrap:balance}.cs-qualifier{max-width:675px;margin:0 auto 28px;color:#aab1c1;font-size:14px;line-height:1.65;text-wrap:balance}.cs-qualifier strong{color:#e0e4ed;font-weight:550}.cs-results{display:grid;width:min(1280px,calc(100% - 64px));grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr);gap:54px;align-items:start;padding:40px 0 116px}.cs-results-intro{position:sticky;top:100px;padding-top:33px}.cs-results-intro h2{font-size:clamp(34px,3.4vw,48px);text-wrap:initial;line-height:1.16}.cs-results-intro .cs-cta{margin:29px 0 0}.cs-result-list{display:grid;gap:22px}.cs-result{border:1px solid #ffffff17;border-radius:22px;background:linear-gradient(135deg,#1a1d2699,#0b0e1699);padding:30px;box-shadow:inset 0 1px #ffffff04}.cs-person{display:flex;gap:12px;align-items:center}.cs-person img{width:45px;height:45px;object-fit:cover;border-radius:11px;filter:saturate(.7)}.cs-person h3{font-size:15px;font-weight:550;margin:0;color:#e9ecf4}.cs-person p{font-size:12px;color:#9fa7b8;margin:5px 0 0}.cs-result-stat{font-size:clamp(25px,2.3vw,34px);line-height:1.2;letter-spacing:-.04em;color:#e8ecf5;margin:26px 0 15px;font-weight:550;font-variant-numeric:tabular-nums}.cs-result-context{color:#aeb6c6;font-size:14px;line-height:1.6;margin:0 0 23px}.cs-result blockquote{margin:24px 0 0;color:#b1b8c7;font-size:17px;line-height:1.7}.cs-result blockquote p{margin:0}.cs-result blockquote p+p{margin-top:18px}.cs-result blockquote ul{margin:16px 0;padding-left:22px}.cs-result blockquote li+li{margin-top:4px}.cs-video{aspect-ratio:16/9;width:100%;position:relative;background:#080b12;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.cs-video-play{position:absolute;inset:0;padding:0;width:100%;border:0;background:#080b12}.cs-video-play>img{width:100%;height:100%;object-fit:cover;filter:brightness(.83);transition:filter .3s}.cs-video-play:hover>img{filter:brightness(1)}.cs-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e9edf5ee;color:#161c29;font-size:18px;padding-left:3px;box-shadow:0 5px 30px #05080f66}.cs-video iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.cs-proof-image{display:block;margin-top:15px;border-radius:9px;overflow:hidden}.cs-proof-image img{width:100%;height:auto}.cs-book{padding:36px 0 40px;scroll-margin-top:34px}
.cs-book-shell{max-width:660px;margin:0 auto;border:1px solid #fff;border-radius:22px;background:#fff;color:#171b24;color-scheme:light;overflow:hidden}
.cs-book-heading{display:grid;grid-template-rows:1fr;text-align:center;padding:34px 36px 0;transition:grid-template-rows .35s ease,padding .35s ease,opacity .25s ease}
.cs-book-heading-content{min-height:0;overflow:hidden}
.cs-page .cs-book-heading h2{font-size:34px;color:#171b24;line-height:1.15}
.cs-book-heading p{margin:17px auto 0;font-size:17px;line-height:1.65;color:#5f6570;max-width:490px;text-wrap:balance}
.cs-steps{list-style:none;display:flex;justify-content:center;gap:38px;padding:20px 22px;margin:0;border-bottom:1px solid #e9eaed}
.cs-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:#6a707b}
.cs-steps li>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d1d4da;border-radius:50%;font-size:11px}
.cs-steps li[aria-current]{color:#171b24}
.cs-steps li[aria-current]>span{background:#171b24;border-color:#171b24;color:#fff}
.cs-form-body{padding:30px 36px 36px}
.cs-form-body form{max-width:540px;margin:auto}
.cs-form-body .nl-field label{font-size:14px;padding-left:0;color:#343944}
.cs-form-body .nl-field input{height:56px;font-size:16px;background:#fff;color:#171b24;border-color:#cdd0d6;box-shadow:none}
.cs-form-body .nl-field input::placeholder{color:#747b87}
.cs-form-body .nl-field input:focus{outline:none;border-color:#656d7b;box-shadow:none}
.cs-form-body .nl-field input:focus-visible{outline:1px solid #656d7b;outline-offset:2px}
.cs-form-body .nl-field input:autofill{box-shadow:inset 0 0 0 100px #fff;-webkit-text-fill-color:#171b24}
.cs-name-step h3{font-size:23px;letter-spacing:-.035em;font-weight:500;margin:0 0 24px}
.cs-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.cs-submit{width:100%;margin-top:22px;background:#171b24;border-color:#171b24;color:#fff;box-shadow:none}
.cs-submit:hover{background:#303746;transform:none;filter:none}
.cs-form-body .nl-error{margin-top:15px;color:#a92036}
#cs-calendar-embed{min-height:540px;outline:none}
#cs-calendar-embed iframe{border:0;width:100%;background:#fff;display:block}
.cs-book-shell:has(#cs-calendar:not([hidden])){max-width:1100px}
.cs-book-shell:has(#cs-calendar:not([hidden])) .cs-form-body{padding:16px 24px 24px}
.cs-footer{position:relative;z-index:1;max-width:750px;margin:0 auto;text-align:center;padding:12px 24px 42px;font-size:11px;line-height:1.7;color:#8f98ab}
@media(min-width:1000px) and (max-height:800px){.cs-page .nl-header{height:72px}.cs-hero{padding-top:26px;padding-bottom:35px}.cs-hero h1{font-size:56px}.cs-intro{font-size:21px;margin-top:21px;margin-bottom:24px}}
@media(max-width:950px){.cs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cs-topic{padding-inline:6px}.cs-topic h3{font-size:12px}.cs-results{gap:30px}.cs-result{padding:24px}.cs-results-intro h2{font-size:35px}.cs-results-intro .cs-cta{font-size:19px;padding:23px 20px;gap:0}}
@media(max-width:720px){.cs-page .nl-header{height:74px}.cs-hero{padding:26px 0 34px}.cs-hero h1{font-size:clamp(34px,7.8vw,48px);line-height:1.14;letter-spacing:-.05em}.cs-inline-name img{border-radius:7px}.cs-duration{font-size:inherit}.cs-intro{font-size:18px;line-height:1.65;margin:22px auto 25px;max-width:500px}.cs-intro p+p{margin-top:12px}.cs-cta{min-height:74px;font-size:19px;padding:23px 30px;gap:0}.cs-topics{padding:74px 0}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:27px;gap:10px;max-width:480px;margin-inline:auto}.cs-topic{padding:9px 12px 17px}.cs-topic-art{height:65px}.cs-topic svg{width:36px;height:36px}.cs-topic-art::before{width:55px;height:55px}.cs-topic h3{font-size:13px;margin-top:6px}.cs-qualifier{font-size:13px;margin-top:22px;max-width:390px}.cs-results{width:calc(100% - 36px);grid-template-columns:1fr;gap:28px;padding:0 0 68px;max-width:600px}.cs-results-intro{position:static;padding-top:0;text-align:center}.cs-results-intro h2{font-size:35px}.cs-results-intro .cs-cta{margin:25px auto 0;font-size:19px;padding:23px 30px;gap:0}.cs-result-list{gap:15px}.cs-result{padding:23px;border-radius:18px}.cs-result-stat{font-size:29px}.cs-result blockquote{font-size:16px}.cs-book{padding-top:12px}.cs-book-heading{padding:29px 22px 0}.cs-page .cs-book-heading h2{font-size:29px}.cs-book-heading p{font-size:16px}.cs-steps{gap:22px;padding:21px 14px}.cs-steps li{font-size:11px;gap:7px}.cs-steps li>span{width:22px;height:22px}.cs-form-body{padding:25px 20px}.cs-name-fields{grid-template-columns:1fr;gap:18px}.cs-book-shell:has(#cs-calendar:not([hidden])) .cs-form-body{padding:10px 4px 16px}.cs-footer{font-size:10px;padding-top:0}.cs-name-step h3{font-size:21px}.cs-page .nl-trust{padding-block:25px}}
@media(prefers-reduced-motion:no-preference){.cs-hero h1,.cs-intro{animation:nl-enter .85s var(--ease) both}.cs-intro{animation-delay:.08s}}

.cs-book-shell:has(#cs-calendar:not([hidden])) .cs-book-heading{grid-template-rows:0fr;padding-top:0;padding-bottom:0;opacity:0}
@media(prefers-reduced-motion:reduce){.cs-book-heading{transition:none}}

.cs-page .ftl-mark:has(img[alt="Porsche"]){width:150px}.cs-page .ftl-mark img[alt="Porsche"]{max-width:148px;max-height:24px;filter:brightness(0) invert(1)}

/* Layered silver reflections with a crisp rim and a softer lower edge. */
.cs-cta{border:1px solid #f8fafc;background:linear-gradient(115deg,#ffffffb3 0%,#ffffff00 27%,#ffffff00 61%,#ffffff8f 78%,#ffffff00 100%),linear-gradient(180deg,#fff 0%,#edf0f4 12%,#cbd1d9 47%,#b2bac6 51%,#d9dfe7 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 1px #7b859652,0 0 0 1px #ffffff14,0 8px 24px #0005;color:#171c25;text-shadow:0 1px 0 #ffffffa6}
.cs-cta:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 1px #7b859652,0 0 0 1px #ffffff26,0 11px 28px #0006}