*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#e8e0d4;color:#102c46;font-family:Poppins,sans-serif;font-size:14px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f58a24;outline-offset:5px}[hidden]{display:none!important}.nav{max-width:1440px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.3;font-weight:600}.brand-icon{font-size:44px;letter-spacing:-13px;line-height:1;width:47px;font-weight:500}.brand-icon span{color:#315a71}.nav-note{font-size:11px;color:#496376}.pill{border:0;background:#fff;color:#102c46;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:40px;padding:14px 23px;font-weight:500;font-size:12px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:#fbe8d3}.nav-cta{border:1px solid #dbe3e7;background:transparent}.hero{margin:0 18px;padding:38px 5% 24px;border-radius:30px;background:#faf5ec;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:15px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500;display:inline-flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#f58a24}.edition{font-size:9px;letter-spacing:1px;color:#496376}.hero-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:end;margin:40px 0 36px}h1{font-size:clamp(30px,3.3vw,53px);line-height:1.18;letter-spacing:-1.8px;font-weight:500;margin:0}h1 span{color:#315a71}.hero-side{max-width:430px}.hero-side p{font-size:13px;line-height:1.9;color:#315a71}.hero-side strong{font-weight:500;color:#102c46}.text-link{font-size:11px;display:flex;justify-content:space-between;border-bottom:1px solid #dbe3e7;padding:15px 0}.video-shell{border-radius:22px;overflow:hidden;max-width:1000px;margin:auto;background:#102c46}.video-art{aspect-ratio:16/9;min-height:240px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 70%,#315a71 0%,#214159 40%,#102c46 80%);color:#fff}.orbit{position:absolute;width:75%;height:150%;border:1px solid #ffffff1c;border-radius:50%;z-index:-1;transform:rotate(-40deg)}.orbit-one{left:45%;top:-65%;box-shadow:0 0 0 40px #ffffff02,0 0 0 100px #ffffff02}.orbit-two{left:-30%;top:40%;border-width:35px;border-color:#ffffff03}.video-label{position:absolute;top:7%;left:5%;font-size:9px;letter-spacing:2px;color:#dbe3e7}.video-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.play{width:66px;height:66px;border:1px solid #ffffff50;background:#ffffff15;color:#fff;backdrop-filter:blur(10px);border-radius:50%;padding-left:8px;font-size:18px;transition:background .2s}.play:hover{background:#ffffff35}.video-center p{font-size:clamp(24px,3.8vw,52px);line-height:1.2;font-weight:500;letter-spacing:-1.6px;text-align:center;margin:22px 0 0}.video-center p span{color:#fbe8d3}.video-bottom{position:absolute;bottom:6%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;color:#dbe3e7}.video-caption{max-width:1000px;margin:12px auto 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.video-caption p{font-size:10px;color:#496376;margin:0}.demo-control{font-size:10px;background:none;border:0;color:#315a71;text-decoration:underline;text-underline-offset:4px}.reveal-link{display:flex;width:max-content;margin:20px auto 0}.section{max-width:1200px;margin:auto;padding:110px 44px}.section-heading{text-align:center;max-width:670px;margin:0 auto 50px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:20px 0}p{color:#496376}.section-heading p{max-width:550px;margin:20px auto}h3{font-size:21px;line-height:1.35;letter-spacing:-.6px;font-weight:500}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{background:#ffffff;border-radius:23px;padding:28px;display:flex;flex-direction:column}.step-number{font-size:11px;color:#315a71}.steps h3{margin:18px 0 0}.steps p{font-size:12px;min-height:65px}.mini-diagram{display:flex;align-items:center;flex-direction:column;gap:1px;padding:15px}.mini-diagram span{border:1px solid #dbe3e7;padding:4px 28px;border-radius:7px;background:#faf5ec;font-size:10px}.mini-diagram b{font-size:14px;color:#315a71}.mini-diagram .highlight{background:#fbe8d3}.mini-tags{margin:auto 0;display:flex;gap:8px;flex-wrap:wrap;padding:30px 0}.mini-tags span{border-radius:40px;padding:9px 15px;background:#fbe8d3;font-size:11px}.mini-checks{display:flex;flex-direction:column;gap:10px;margin:auto 0;padding:20px 0;color:#315a71;font-size:11px}.material{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;margin-top:100px}.material p{font-size:13px}.material small{font-size:9px;color:#496376}.tabs{display:flex;gap:5px;padding:5px;background:#fbe8d3;border-radius:30px;margin-top:26px;width:max-content}.tabs button{border:0;border-radius:30px;background:none;color:#496376;padding:10px 16px;font-size:10px}.tabs button[aria-selected=true]{background:#fff;color:#102c46;box-shadow:0 2px 7px #00000008}.sample-frame{padding:25px;background:#fbe8d3;border-radius:24px;min-width:0}.sample-frame img{display:block;width:100%;box-shadow:0 12px 30px #102c4614;border-radius:3px}.framework-list{border-top:1px solid #dbe3e7;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:65px 0 28px;padding-top:30px}.framework-list h3{font-size:22px}.framework-list p{font-size:12px;line-height:2.2}.black{background:#102c46;color:#fff}.black:hover{background:#315a71}.bonus{background:#173b61;color:#faf5ec;max-width:none;margin:0 18px;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px max(7%,40px);align-items:center}.bonus-image{position:relative;background:radial-gradient(ellipse,#17616e,#173b61);padding:40px 20%;border-radius:22px}.bonus-image img{width:100%;display:block;transform:rotate(-7deg);box-shadow:20px 25px 45px #0004}.floating-tag{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffffff19;backdrop-filter:blur(10px);padding:10px 18px;border-radius:30px;font-size:8px;letter-spacing:1px}.bonus p{color:#dbe3e7;font-size:13px}.bonus small{font-size:9px;color:#dbe3e7}.bonus ul{padding-left:18px;color:#dbe3e7;font-size:12px;line-height:2.1}.proof{max-width:1000px;text-align:center}.proof>p{max-width:530px;margin:20px auto}.proof-placeholder{display:flex;align-items:center;gap:25px;background:#ffffff;border-radius:22px;padding:35px;text-align:left;margin-top:35px}.proof-placeholder>span:first-child{font-size:85px;color:#f58a24;line-height:1}.proof-placeholder h3{font-size:16px;margin:0}.proof-placeholder p{font-size:11px}.outline-tag{font-size:8px;letter-spacing:1px;border:1px solid #dbe3e7;border-radius:20px;padding:6px 10px}.plans{border-top:1px solid #dbe3e7}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto}.plan{border:1px solid #dbe3e7;background:#fff;border-radius:24px;padding:36px;display:flex;flex-direction:column}.plan h3{font-size:25px;margin:22px 0 8px}.plan p{font-size:12px;min-height:45px}.price{font-size:26px;letter-spacing:-1px;padding:25px 0;border-bottom:1px solid #ffffff25}.plan:not(.featured) .price{border-color:#dbe3e7}.plan ul{list-style:none;padding:0;margin:25px 0 35px;font-size:11px;line-height:2.5;flex:1}.plan li:before{content:'\2713';margin-right:10px;color:#f58a24}.featured{background:#173b61;color:#fff;border-color:#173b61}.featured p{color:#dbe3e7}.plan-note,#purchase-status{font-size:10px;text-align:center;max-width:650px;margin:24px auto 0}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;border-top:1px solid #dbe3e7}.questions details{border-bottom:1px solid #dbe3e7}.questions summary{padding:22px 25px 22px 0;position:relative;list-style:none;cursor:pointer;font-weight:500;font-size:12px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;font-size:20px;font-weight:400;top:17px;color:#315a71}.questions details[open] summary:after{content:'\2212'}.questions p{font-size:12px;padding-right:25px;margin:0 0 22px}.closing{background:#fbe8d3;border-radius:30px;margin:0 18px;text-align:center;padding:75px 20px}.closing h2{font-size:clamp(32px,4.5vw,65px);margin:25px 0 30px}footer{max-width:1300px;margin:auto;padding:60px 50px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-top p,.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid #dbe3e7;padding-top:25px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.footer-bottom small{margin-right:auto;font-size:9px;color:#496376}.footer-bottom button{border:0;background:none;color:#315a71;font-size:9px;padding:0}.footer-pending{font-size:9px;color:#496376;margin-top:20px}dialog{border:1px solid #dbe3e7;border-radius:24px;padding:40px;max-width:520px;width:90%;background:#faf5ec;color:#102c46}dialog::backdrop{background:#102c4688;backdrop-filter:blur(5px)}dialog h2{font-size:28px}dialog p{font-size:13px}#close-dialog{position:absolute;right:18px;top:10px;background:none;border:0;font-size:27px}video{width:100%;display:block}body.gated{overflow-x:hidden}body.gated #offer{display:none}@media(min-width:1600px){.hero{max-width:1500px;margin:auto}.bonus,.closing{max-width:1500px;margin:auto}}@media(max-width:760px){.nav{padding:20px 24px}.nav-note,.edition{display:none}.nav-cta{font-size:9px;padding:10px 14px;gap:12px}.hero{margin:0 10px;border-radius:22px;padding:26px 20px 20px}.eyebrow{font-size:8px}.hero-copy{grid-template-columns:1fr;gap:20px;margin:25px 0}h1{font-size:33px;letter-spacing:-1.2px}.hero-side{max-width:none}.hero-side p{font-size:11px}.text-link{font-size:10px}.video-label{font-size:6px;letter-spacing:1px}.video-center p{font-size:26px;letter-spacing:-.7px;margin-top:15px}.play{width:48px;height:48px;font-size:13px}.video-bottom{font-size:6px}.video-caption{align-items:flex-start;flex-direction:column;gap:10px}.video-caption p,.demo-control{font-size:9px}.section{padding:65px 25px}h2{font-size:32px;letter-spacing:-1px}.section-heading{margin-bottom:30px}.section-heading p{font-size:12px}.steps{grid-template-columns:1fr}.steps article{position:relative;padding:24px}.steps p{min-height:0;max-width:95%}.mini-diagram{flex-direction:row;padding:15px 0}.mini-diagram b{transform:rotate(-90deg)}.mini-diagram span{padding:5px 15px}.mini-tags,.mini-checks{padding:15px 0}.material{grid-template-columns:1fr;gap:30px;margin-top:60px}.sample-frame{padding:15px}.framework-list{grid-template-columns:1fr;gap:5px;margin-top:40px}.bonus{grid-template-columns:1fr;gap:45px;padding:40px 25px;margin:0 10px}.bonus-image{padding:30px 25%}.bonus-copy h2 br:nth-child(2){display:none}.proof-placeholder{padding:24px;gap:15px;flex-wrap:wrap}.proof-placeholder>span:first-child{font-size:50px}.proof-placeholder>div{flex:1;min-width:150px}.plan-grid{grid-template-columns:1fr}.plan{padding:28px}.faq{grid-template-columns:1fr;gap:10px}.closing{margin:0 10px;padding:55px 20px}footer{padding:40px 25px 20px}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top p{margin:0}.footer-bottom{gap:20px}.footer-bottom small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Opening layout after removing the navigation. */
.hero{margin-top:18px}.hero-top{justify-content:flex-end}.hero-side p{margin-bottom:0}@media(max-width:760px){.hero{margin-top:10px}.hero-top{display:none}.hero-copy{margin-top:0}}
/* Palette taken from the supplied framework and Design Sprint guides. */
:root{--navy:#102c46;--blue:#315a71;--orange:#f58a24;--cream:#faf5ec;--peach:#fbe8d3}
.hero{background:var(--cream)}.steps article{border:1px solid #dbe3e7}.step-number{color:var(--orange)}.play{background:var(--orange);color:var(--navy);border-color:var(--orange)}.play:hover{background:#fbe8d3}.tabs button[aria-selected=true]{background:var(--orange);color:var(--navy)}.mini-diagram .highlight{border-color:var(--orange)}.featured .pill,.closing .pill,.reveal-link{background:var(--orange);color:var(--navy)}.featured .pill:hover,.closing .pill:hover,.reveal-link:hover{background:var(--peach)}.bonus{border-top:3px solid var(--orange)}.plan.featured{border-top:3px solid var(--orange)}
#bonus { display: block; text-align: center; }
#bonus h2 { max-width: 18ch; margin: 0 auto; font-size: clamp(2rem, 6vw, 4.5rem); }
.questions {
background: var(--cream);
border: 1px solid #d2c8bb;
border-radius: 22px;
padding: 0 clamp(16px, 4vw, 28px);
}
.questions details:last-child {
border-bottom: 0;
}
.tabs button {
font-weight: 700;
}
#bonus .bonus-copy {
max-width: 650px;
margin: 0 auto;
text-align: left;
}
#bonus h2 {
max-width: none;
margin: 20px 0;
}
.plan-grid {
grid-template-columns: minmax(0, 450px);
justify-content: center;
}
#vsl {
max-width: 360px;
}
#vsl-player {
display: block;
width: 100%;
}
#vsl-player:not(:defined) {
aspect-ratio: 9 / 16;
background: center / cover no-repeat url('https://fast.wistia.com/embed/medias/6dio61h9wj/swatch');
}
.video-caption {
justify-content: center;
align-items: center;
text-align: center;
}