:root{--cream:#fffdea;--ink:#17181d;--muted:#626359;--line:#17181d26}body{background:var(--cream)}.wrap{width:min(1220px,calc(100% - 80px))}.header{padding:27px 0;min-height:110px}.brand{mix-blend-mode:multiply}.button{background:var(--ink);color:var(--cream);border-radius:50px;padding:13px 15px 13px 25px;font-weight:600;gap:30px}.button:hover{background:#303137;transform:translateY(-3px)}.button span{display:grid;place-items:center;background:var(--yellow);color:var(--ink);border-radius:50%;width:37px;height:37px;flex-shrink:0}.small{padding:8px 9px 8px 20px;font-size:14px;gap:20px}.small span{width:32px;height:32px;font-size:20px}.hero{grid-template-columns:1.35fr 1fr;gap:65px;padding-top:75px;padding-bottom:85px}.hero h1{font-size:clamp(46px,5.1vw,74px);line-height:1.04;letter-spacing:-4px}.hero h1 em{background:none;padding:0 0 9px;margin:0;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:9px;text-underline-offset:9px}.hero-panel{position:relative;overflow:hidden;transform:none;min-height:510px;background:var(--ink);color:var(--cream);border-radius:30px 100px 30px 30px;padding:35px}.panel-top{gap:15px;letter-spacing:1.3px}.panel-top>span:last-child{display:grid;place-items:center;background:var(--cream);color:var(--ink);border-radius:50%;width:72px;height:72px;font-size:43px;line-height:1;flex-shrink:0}.panel-center>p:first-child{font-size:29px;font-weight:600;margin-bottom:24px}.price{font-size:125px;font-weight:600;color:var(--yellow);white-space:nowrap;line-height:1.1}.price span{font-size:20px;color:var(--cream);font-weight:400}.price span:first-child{top:22px}.panel-note,.panel-bottom>span:last-child{color:#c4c4b8}.panel-bottom{border-color:#fffdea30;align-items:center;gap:20px}.benefits{background:var(--cream);padding:75px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-size:44px;letter-spacing:-2px;line-height:1.15;font-weight:700}.benefit-grid{gap:0;margin-top:32px}.benefit-grid article{border-top:0;border-left:1px solid var(--line);padding:5px 28px}.benefit-grid article:first-child{border-left:0;padding-left:0}.benefit-grid article:last-child{padding-right:0}.number{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--ink);width:39px;height:39px;border-radius:50%;font-weight:600;margin-bottom:30px}.benefit-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.6px}.plans-heading{margin-bottom:38px}.plan{border:1px solid #17181d45;border-radius:26px;padding:38px;display:flex;flex-direction:column}.plan-title h3{font-size:29px;font-weight:600;letter-spacing:-1px}.plan-title>span{padding:6px 12px}.plan-price{font-size:88px;font-weight:600;letter-spacing:-5px;line-height:1.3;margin:8px 0 15px}.plan-price span{font-size:21px}hr{width:100%;margin:8px 0 20px}ul{margin:0 0 20px}li:before{color:var(--ink)}.plan-cta{margin-top:auto;font-size:15px}.annual{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.annual .plan-title>span{background:var(--ink);color:var(--cream);font-weight:500}.annual>p{color:#3b3217}.annual .plan-price,.annual li:before{color:var(--ink)}.annual hr{border-color:var(--line)}.annual .plan-cta{color:var(--cream)}.annual .annual-note{margin:18px 0 0;max-width:370px}.closing{margin:0 20px;border-radius:30px;background:var(--ink);color:var(--cream);padding:65px 0}.closing>.wrap{display:grid;grid-template-columns:1fr auto;gap:0 30px;align-items:end}.closing .eyebrow{grid-column:1/-1;color:#c4c4b8}.closing h2{font-size:48px;max-width:750px}.closing .button{position:static;background:var(--cream);color:var(--ink);margin-bottom:6px}footer{padding-top:45px;padding-bottom:45px}
@media(min-width:1400px){.hero{min-height:690px}}
@media(max-width:1000px){.hero{gap:35px;grid-template-columns:1.2fr 1fr}.hero h1{letter-spacing:-2.7px}.hero-panel{padding:27px;border-top-right-radius:75px;min-height:490px}.panel-top>span:last-child{width:58px;height:58px}.price{font-size:105px}.panel-center>p:first-child{font-size:26px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:34px 0}.benefit-grid article:nth-child(3){border-left:0;padding-left:0}.benefit-grid article:nth-child(2){padding-right:0}.section-heading{display:block}.section-heading h2{margin-bottom:0}.plan{padding:28px}.plan-title{align-items:start;flex-direction:column}.closing>.wrap{display:block}.closing .button{margin-top:30px}footer{flex-wrap:wrap}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding:20px 0;min-height:90px}.header nav{display:none}.header .small{font-size:12px;padding:7px 8px 7px 14px;gap:10px}.header .small span{width:27px;height:27px}.header .brand{width:124px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:48px;gap:35px}.hero h1{font-size:clamp(43px,10.7vw,66px);letter-spacing:-2.7px;line-height:1.07}.hero-copy{max-width:580px}.hero h1 em{text-decoration-thickness:6px;text-underline-offset:7px}.intro{font-size:17px}.hero-panel{min-height:440px;border-radius:24px 80px 24px 24px;padding:28px}.panel-top>span:last-child{width:60px;height:60px}.panel-center{padding:18px 0}.panel-center>p:first-child{font-size:27px}.price{font-size:110px}.benefits{padding:46px 0}h2{font-size:34px;letter-spacing:-1.6px}.benefit-grid{gap:32px 0}.benefit-grid article{padding:0 0 0 20px}.benefit-grid article:nth-child(odd){padding:0 20px 0 0}.benefit-grid h3{font-size:18px}.number{margin-bottom:20px}.plans{padding-top:48px;padding-bottom:48px}.plans-heading{display:block;margin-bottom:27px}.plans-heading>p{margin-top:18px}.plan-grid{grid-template-columns:1fr;gap:20px}.plan{padding:28px 24px}.plan-title{flex-direction:row;align-items:center}.plan-title>span{font-size:11px;padding:5px 8px}.plan-title h3{font-size:27px}.plan-price{font-size:80px}.closing{padding:40px 0;margin:0 10px;border-radius:24px}.closing>.wrap{width:calc(100% - 40px)}.closing h2{font-size:36px}.closing .button{font-size:14px}footer{align-items:start;flex-direction:column;padding-top:32px;padding-bottom:32px;gap:20px}}
.plan-title{align-items:flex-start;flex-direction:column}.plan-title h3{font-size:27px}.plan-price{font-size:clamp(56px,6vw,82px)}.plan-price span{font-size:18px}.payment-detail{margin-top:-4px;margin-bottom:26px;font-size:14px!important}.annual .payment-detail{color:var(--ink)}.annual .payment-detail strong{font-weight:700}.panel-note{line-height:1.6}@media(max-width:700px){.plan-price{font-size:66px}.plan-price span{font-size:17px}.plan-title h3{font-size:26px}}

/* Lume: cream foundation, generous yellow and sculpted contrast. */
.button{background:var(--yellow);color:var(--ink);font-weight:700}
.button:hover{background:#ffd044}
.button span{background:var(--ink);color:var(--yellow)}
.hero h1 em{background:var(--yellow);text-decoration:none;padding:0 12px 9px;border-radius:8px 24px 8px 8px;margin-top:8px}
.hero-panel{background:var(--yellow);color:var(--ink);border-radius:28px 95px 28px 28px;box-shadow:12px 12px 0 var(--ink);transform:rotate(1.5deg)}
.panel-top>span:last-child{background:var(--ink);color:var(--yellow)}
.panel-center{position:relative;z-index:1}
.price,.price span{color:var(--ink)}
.panel-center>p:first-child{font-weight:700;max-width:300px}
.panel-note,.panel-bottom>span:last-child{color:#443812}
.panel-bottom{border-color:#17181d40}
.benefits{background:var(--ink);color:var(--cream);border:0;border-radius:32px;margin:10px 20px 0}
.benefits .eyebrow{color:var(--yellow)}
.benefit-grid article{border-left-color:#fffdea33}
.benefit-grid p{color:#cecebe}
.number{background:var(--yellow);color:var(--ink);border-radius:12px}
.plan{border:1px solid #17181d35;box-shadow:0 6px 0 #17181d0b}
.plan:not(.annual){border-top:6px solid var(--yellow)}
.plan-title>span{background:#ffbf002b;border:0}
.annual{border:1px solid var(--yellow);box-shadow:0 6px 0 #17181d}
.annual .plan-cta{background:var(--ink);color:var(--cream)}
.annual .plan-cta:hover{background:#303137}
.annual .plan-cta span{background:var(--yellow);color:var(--ink)}
.closing{background:var(--yellow);color:var(--ink);border-radius:32px 90px 32px 32px}
.closing .eyebrow{color:#443812}
.closing .button{background:var(--ink);color:var(--cream)}
.closing .button span{background:var(--yellow);color:var(--ink)}
@media(max-width:1000px){.hero{gap:45px}.hero-panel{box-shadow:8px 8px 0 var(--ink)}.benefit-grid article:nth-child(3){border-left:0}}
@media(max-width:700px){.hero{gap:38px;padding-bottom:48px}.hero-panel{transform:none;margin-right:8px;border-radius:24px 75px 24px 24px}.hero h1 em{padding:0 9px 7px}.benefits{margin:0 10px;border-radius:24px}.benefits>.wrap{width:calc(100% - 40px)}.closing{border-radius:24px 60px 24px 24px}.plan-cta{font-size:14px}}
.brand,.header .brand{width:144px;height:66px;mix-blend-mode:normal}.brand img{width:178.2px;height:178.2px;left:-17px;top:-51px}@media(max-width:700px){.brand,.header .brand{width:124px;height:57px}.brand img{width:153.5px;height:153.5px;left:-14.7px;top:-43.8px}}