@font-face{font-family:Instrument;src:url('assets/fonts/Instrument-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/fonts/Instrument-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/fonts/Instrument-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--cobalt:#244be8;--chalk:#fcfcf8;--ink:#242a24;--muted:#61675f;--rule:#ced2c8;--soft:#f0f2e9;--offer:#f5f6f0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--chalk);color:var(--ink);font-family:Instrument,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cobalt);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,dl,dd,ol{margin:0}
h1,h2,h3{font-weight:500}
.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.eyebrow{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.075em;text-transform:uppercase}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:24px;top:-100px;z-index:10;background:var(--ink);color:white;padding:14px 20px}.skip-link:focus{top:16px}
.site-header{height:156px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}
.brand{display:block;flex-shrink:0}
.site-header nav{display:flex;align-items:center;gap:38px;font-size:15px}
.site-header nav a:not(.nav-offer):hover,.site-footer a:last-child:hover{text-decoration:underline;text-underline-offset:5px}
.nav-offer{border:1px solid var(--cobalt);color:var(--cobalt);padding:13px 20px;transition:background .18s,color .18s}
.nav-offer:hover{background:var(--cobalt);color:white}
.hero{position:relative;padding-top:73px;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:'heading art' 'copy art' 'baseline baseline';column-gap:42px}
.hero-heading{grid-area:heading}.hero-heading .eyebrow{margin-bottom:29px}
.hero h1{color:var(--cobalt);font-size:clamp(64px,6.75vw,98px);line-height:.99;letter-spacing:-.056em}
.hero h1 span{display:block}
.hero-art{grid-area:art;display:flex;align-items:center;justify-content:center;padding:0 0 30px;overflow:hidden}
.hero-art img{width:420px;max-width:120%;height:440px;object-fit:contain;transform:rotate(7deg)}
.hero-copy{grid-area:copy;max-width:590px;margin-top:32px}
.hero-copy>p:first-child{font-size:20px;line-height:1.5;max-width:570px}
.button{display:inline-block;padding:17px 24px;background:var(--cobalt);color:white;font-size:16px;line-height:1.2;margin-top:28px;transition:background .18s}
.button:hover{background:#193abd}
.hero-note{font-size:13px;color:var(--muted);margin-top:17px}
.hero-baseline{grid-area:baseline;margin-top:68px;padding:22px 0 24px;display:flex;justify-content:space-between;border-top:1px solid var(--rule);font-size:15px}
.offer-section{background:var(--offer);padding:85px 0 71px}
.section-heading{display:grid;grid-template-columns:1fr 395px;align-items:end;gap:70px;margin-bottom:50px}
.section-heading .eyebrow{margin-bottom:20px;color:var(--muted)}
h2{font-size:clamp(38px,4vw,57px);line-height:1.04;letter-spacing:-.042em}
.section-intro{font-size:19px;line-height:1.55;max-width:395px;padding-bottom:4px}
.offer-meta{display:flex;align-items:center;gap:22px;justify-content:space-between;font-size:12px;margin-bottom:19px;color:var(--muted)}
.offer-meta b{font-weight:500;color:var(--ink)}
.example-label{color:var(--cobalt);font-weight:600}
.offer-form fieldset{border:0;margin:0;padding:0;min-inline-size:0}
.options{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.option{display:block;cursor:pointer;padding:27px 30px 25px;background:var(--chalk);border:1px solid #bfc6b7;position:relative;transition:border-color .15s,background .15s}
.option:hover{border-color:var(--cobalt)}
.option:has(input:checked){border-color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt);background:#f0f3ff}
.option:has(input:focus-visible){outline:3px solid var(--cobalt);outline-offset:4px}
.option-top{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.option-top input{width:21px;height:21px;margin:0;accent-color:var(--cobalt);cursor:pointer;flex-shrink:0}
.option-amount{display:block;font-size:clamp(45px,5.05vw,70px);letter-spacing:-.04em;line-height:1.04;margin-top:30px;font-variant-numeric:tabular-nums;font-weight:500}
.option-date{display:block;font-size:21px;margin-top:10px;font-variant-numeric:tabular-nums}
.option-detail{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--rule);font-size:14px}
.option-detail b{font-weight:500;font-variant-numeric:tabular-nums}.option-detail b span{color:var(--muted);font-weight:400}
.option-explain{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:8px}
.selection-line{min-height:55px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:17px;font-size:12px;line-height:1.45;color:var(--muted)}
.reset-selection{border:0;padding:0;background:none;font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;color:var(--cobalt);cursor:pointer}
.reset-selection[hidden]{display:none}
.default-note{font-size:14px;line-height:1.5;color:var(--ink)}
.how-section{padding-top:99px;padding-bottom:102px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:102px}
.how-intro .eyebrow{margin-bottom:22px;color:var(--muted)}
.how-intro h2{font-size:48px}
.how-intro>p:last-child{font-size:19px;line-height:1.5;margin-top:24px;max-width:340px}
.steps{padding:0;list-style:none}
.steps li{display:grid;grid-template-columns:32px minmax(0,1fr) 118px;gap:18px;align-items:center;min-height:172px;border-top:1px solid var(--rule);padding:23px 0}
.steps li:last-child{border-bottom:1px solid var(--rule)}
.step-number{align-self:start;font-size:12px;color:var(--cobalt);padding-top:4px}
.step-copy h3{font-size:22px;line-height:1.15;letter-spacing:-.022em;margin-bottom:12px}
.step-copy p{font-size:15px;line-height:1.5;max-width:365px}
.steps img{width:118px;height:120px;object-fit:contain}
.steps .step-no-art .step-copy{grid-column:2 / 4;max-width:480px}
.steps .step-no-art p{max-width:435px}
.buyer-section{background:var(--cobalt);color:white;padding:85px 0 87px}
.buyer-grid{display:grid;grid-template-columns:1fr 465px;gap:100px}
.buyer-section .eyebrow{margin-bottom:22px;color:#d9e2ff}
.buyer-section h2{font-size:68px;letter-spacing:-.047em}
.buyer-intro{font-size:19px;line-height:1.5;max-width:420px;margin-top:27px}
.text-link{display:inline-block;font-size:15px;border-bottom:1px solid #ffffff8a;padding-bottom:4px;margin-top:31px}
.text-link:hover{border-bottom-color:#fff}
.buyer-section a:focus-visible{outline-color:white}
.buyer-points{padding-top:8px}
.buyer-points>div{padding:23px 0;border-top:1px solid #ffffff66}
.buyer-points dt{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.02em}
.buyer-points dd{font-size:16px;line-height:1.5;color:#edf1ff;margin-top:10px;max-width:400px}
.site-footer{min-height:173px;display:flex;align-items:center;justify-content:space-between;gap:45px}
.site-footer p{font-size:14px;margin-right:auto}
.site-footer>a:last-child{font-size:14px;color:var(--cobalt)}
@media(min-width:1600px){.hero{grid-template-columns:minmax(0,1fr) 380px}.hero h1{font-size:103px}.hero-art img{width:440px;height:455px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero{grid-template-columns:minmax(0,1fr) 270px;column-gap:24px}.hero h1{font-size:76px}.hero-art img{width:330px;height:370px}.hero-copy{max-width:560px}.section-heading{grid-template-columns:1fr 320px;gap:50px}.section-intro{font-size:17px}.how-section{grid-template-columns:290px 1fr;gap:65px}.how-intro h2{font-size:41px}.how-intro>p:last-child{font-size:17px}.steps li{grid-template-columns:25px minmax(0,1fr) 85px;gap:14px}.steps img{width:85px;height:100px}.buyer-grid{grid-template-columns:1fr 365px;gap:65px}.buyer-section h2{font-size:59px}.option{padding:25px}.site-footer{gap:30px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.site-header{height:127px}.site-header .brand img{width:79px}.site-header nav{gap:24px;font-size:14px}.nav-offer{padding:12px 16px}.hero{padding-top:52px;grid-template-columns:minmax(0,1fr) 220px;column-gap:16px}.hero h1{font-size:60px}.hero-copy>p:first-child{font-size:18px}.hero-art img{width:250px;height:315px}.hero-heading .eyebrow{margin-bottom:23px}.hero-baseline{margin-top:49px;font-size:13px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:34px}.section-intro{max-width:590px}.offer-section{padding:61px 0 55px}.offer-meta{font-size:11px;gap:14px;flex-wrap:wrap}.options{gap:16px}.option{padding:22px}.option-amount{font-size:47px}.option-top{font-size:14px}.option-date{font-size:18px}.option-detail{font-size:12px}.how-section{grid-template-columns:1fr;gap:38px;padding-block:65px}.how-intro{display:grid;grid-template-columns:1fr 270px;column-gap:45px}.how-intro .eyebrow{grid-column:1 / -1}.how-intro h2{font-size:44px}.how-intro>p:last-child{margin-top:3px;align-self:end}.steps li{grid-template-columns:35px minmax(0,1fr) 130px;min-height:157px}.steps img{width:120px;height:110px}.step-copy p{max-width:460px}.buyer-grid{grid-template-columns:1fr 300px;gap:44px}.buyer-section{padding:64px 0}.buyer-section h2{font-size:48px}.buyer-intro{font-size:17px}.buyer-points dt{font-size:20px}.buyer-points dd{font-size:14px}.site-footer{flex-wrap:wrap;padding-block:32px;gap:24px}.site-footer p{max-width:265px}.site-footer>a:last-child{margin-left:auto}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:112px}.site-header .brand img{width:70px}.site-header nav{gap:16px;font-size:11px}.nav-offer{padding:9px 11px}.hero{padding-top:40px;grid-template-columns:minmax(0,1fr) 105px;grid-template-areas:'heading heading' 'copy art' 'baseline baseline';column-gap:8px}.hero h1{font-size:clamp(49px,12.55vw,69px);line-height:1.02;letter-spacing:-.053em}.hero h1 span:first-child{max-width:450px}.hero-heading .eyebrow{font-size:10px;margin-bottom:22px}.hero-copy{margin-top:24px;max-width:none}.hero-copy>p:first-child{font-size:16px;line-height:1.47}.hero-art{padding:0;align-items:flex-start;padding-top:36px}.hero-art img{width:175px;max-width:175px;height:205px;transform:rotate(5deg);margin-left:-19px}.button{padding:15px 17px;font-size:13px;white-space:nowrap;margin-top:24px}.hero-note{font-size:11px;line-height:1.45;margin-top:14px;max-width:220px}.hero-baseline{margin-top:38px;padding-block:17px;font-size:11px;gap:12px}.offer-section{padding-block:48px}.section-heading .eyebrow{font-size:10px;margin-bottom:17px}h2{font-size:39px;letter-spacing:-.043em}.section-heading{gap:21px;margin-bottom:29px}.section-intro{font-size:16px;line-height:1.5}.offer-meta{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:17px;font-size:11px}.offer-meta .example-label{margin-bottom:6px}.options{grid-template-columns:1fr;gap:17px}.option{padding:23px}.option-amount{font-size:56px;margin-top:23px}.option-date{font-size:19px}.option-top{font-size:15px}.option-detail{font-size:13px;margin-top:23px;padding-top:17px}.option-explain{font-size:11px}.selection-line{font-size:11px;min-height:62px;gap:12px}.reset-selection{font-size:11px}.default-note{font-size:13px}.how-section{padding-block:52px;gap:31px}.how-intro{display:block}.how-intro .eyebrow{font-size:10px;margin-bottom:18px}.how-intro h2{font-size:39px}.how-intro>p:last-child{font-size:16px;max-width:335px;margin-top:21px}.steps li{grid-template-columns:21px minmax(0,1fr) 71px;gap:12px;padding:24px 0;min-height:160px}.steps img{width:71px;height:100px}.step-number{font-size:10px;padding-top:3px}.step-copy h3{font-size:20px;line-height:1.17;margin-bottom:10px}.step-copy p{font-size:13px;line-height:1.45}.buyer-section{padding-block:51px}.buyer-grid{grid-template-columns:1fr;gap:34px}.buyer-section .eyebrow{font-size:10px;margin-bottom:18px}.buyer-section h2{font-size:49px}.buyer-intro{font-size:17px;max-width:330px;margin-top:21px}.text-link{font-size:14px;margin-top:22px}.buyer-points{padding:0}.buyer-points>div{padding:21px 0}.buyer-points dd{font-size:14px;max-width:315px}.site-footer{min-height:0;display:grid;grid-template-columns:69px 1fr;gap:21px 25px;padding-block:31px}.site-footer .brand img{width:69px}.site-footer p{font-size:12px;line-height:1.45;max-width:180px}.site-footer>a:last-child{grid-column:2;margin:0;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
