@font-face{font-family:"Oswald";src:url("/smartest-move/fonts/oswald.woff2") format("woff2-variations");font-weight:200 700;font-display:swap}
@font-face{font-family:"Geist";src:url("/smartest-move/fonts/geist.woff2") format("woff2-variations");font-weight:100 900;font-display:swap}

:root{
  --navy:#0E2747;--navy-deep:#091A31;--navy-lift:#18375F;
  --cream:#F6F0E4;--paper:#FBF8F1;--gold:#F4D35E;--orange:#F2542D;
  --ink:#0B1626;--ink-2:#4B566B;--line:rgba(11,22,38,.16);--line-light:rgba(246,240,228,.22);
  --ease:cubic-bezier(.16,1,.3,1);
  --display:"Oswald","Arial Narrow",sans-serif;
  --gap:clamp(120px,14vw,220px);
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Geist",system-ui,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,blockquote,ul,ol,dl,dd,dt{margin:0;padding:0}
ul,ol{list-style:none}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.wrap{width:min(1400px,100% - 80px);margin-inline:auto}
section[id]{scroll-margin-top:80px}

.progress{position:fixed;z-index:70;inset:0 0 auto 0;height:3px;background:var(--orange);transform-origin:left;transform:scaleX(0)}

/* type: the cover's condensed caps for statements, a quiet sans for reading */
.display,h2,.mark,.n,.wordmark,.author-stats dd,.move h3{font-family:var(--display);font-weight:600;text-transform:uppercase}
.display{font-size:clamp(68px,10.6vw,196px);line-height:.94;letter-spacing:-.01em}
.display em{font-style:normal;color:var(--gold)}
.display .line{display:block;overflow:hidden;padding-top:.06em;margin-top:-.06em}
h2{font-size:clamp(42px,5.8vw,96px);line-height:1;letter-spacing:-.005em;max-width:16ch}
.label{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:14px}
.label b{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.06em;color:var(--orange)}
.label b::after{content:"";display:inline-block;width:36px;height:1px;background:currentColor;vertical-align:middle;margin-left:14px}
.label.light{color:var(--gold)}
blockquote{font-weight:500;font-size:clamp(28px,3.3vw,52px);line-height:1.14;letter-spacing:-.025em}

/* nav */
.nav{position:fixed;z-index:60;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;color:var(--cream);border-bottom:1px solid transparent;transition:background .35s,color .35s,border-color .35s,padding .35s}
.nav.stuck{background:var(--paper);color:var(--ink);border-color:var(--line);padding-block:12px}
.mark{font-size:22px;letter-spacing:.02em;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.mark small{font-size:.62em;color:var(--gold);letter-spacing:.14em}
.nav.stuck .mark small{color:var(--orange)}
.nav-links{display:flex;gap:38px;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.nav-links a,.link{position:relative;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1)}

/* buttons and links */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;padding:22px 30px;border-radius:2px;transition:color .35s;white-space:nowrap;--from:0%}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:var(--from) 50%;transition:transform .5s var(--ease)}
.btn:hover::before{transform:scaleX(1)}
.btn .arr{transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(6px)}
.btn-sm{padding:13px 18px;font-size:12px}
.btn-lg{padding:26px 36px;font-size:16px}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{color:var(--gold)}
.link{font-weight:500;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);border-bottom:1px solid currentColor;transition:color .3s}
.link:hover{color:var(--gold)}
.link.dark{color:var(--ink)}
.link.dark:hover{color:var(--orange)}
.cta{display:flex;align-items:center;gap:32px;flex-wrap:wrap}

/* load + reveal */
.load{opacity:0;transform:translateY(40px);transition:transform 1.2s var(--ease),opacity .8s}
.line .load{display:inline-block;transform:translateY(105%)}
.ready .load{opacity:1;transform:none}
.l1{transition-delay:.05s}.l2{transition-delay:.13s}.l3{transition-delay:.21s}.l4{transition-delay:.29s}.l5{transition-delay:.5s}
[data-reveal]{opacity:0;transform:translateY(40px);transition:transform 1.1s var(--ease),opacity .9s}
[data-reveal].in{opacity:1;transform:none}
/* statements and pictures wipe in, they never fade */
h2[data-reveal],blockquote[data-reveal],.display[data-reveal]{opacity:1;transform:translateY(.35em);clip-path:inset(0 0 100% 0);transition:transform 1.1s var(--ease),clip-path 1.1s var(--ease)}
h2[data-reveal].in,blockquote[data-reveal].in,.display[data-reveal].in{transform:none;clip-path:inset(-.1em 0 -.2em 0)}
figure[data-reveal],.player[data-reveal]{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--ease)}
figure[data-reveal].in,.player[data-reveal].in{clip-path:inset(0 0 0 0)}
figure[data-reveal] img:not([data-parallax]){transform:scale(1.08);transition:transform 1.6s var(--ease)}
figure[data-reveal].in img:not([data-parallax]){transform:none}

/* hero */
.hero{background:var(--navy);color:var(--cream);padding-top:96px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:20px;align-items:center;min-height:calc(100vh - 190px)}
.hero h1{margin-top:30px;font-size:clamp(64px,8.8vw,168px)}
.lede{font-size:clamp(19px,1.5vw,23px);line-height:1.5;max-width:30em;margin-top:40px;color:rgba(246,240,228,.8)}
.hero .cta{margin-top:40px}
.hero-stage{width:100%;max-width:min(700px,82vh);justify-self:end}
.player-hero{aspect-ratio:1200/1300}
.specs{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:24px;border-top:1px solid var(--line-light);padding:26px 0 30px;margin-top:20px}
.specs dt{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,240,228,.55)}
.specs dd{font-size:17px;font-weight:500;margin-top:4px}

/* sections */
.idea,.handoff,.story,.inside,.foryou,.proof,.author,.sample,.staff,.questions{margin-top:var(--gap)}
.head{display:grid;gap:30px;margin-bottom:60px}
.player{overflow:hidden;background:var(--cream);border:1px solid var(--line)}
.player-wide{aspect-ratio:1920/900}
.portrait .player-wide{aspect-ratio:1000/1200}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}
.cols p{font-size:clamp(19px,1.45vw,22px);color:var(--ink-2);max-width:32em}
.cols p:first-child{color:var(--ink)}
.cols p+p{transition-delay:.1s}
.note{margin-top:60px}
.note p{max-width:30em;margin-left:auto;font-size:clamp(20px,1.7vw,26px);line-height:1.45;font-weight:500;padding-top:26px;border-top:2px solid var(--orange)}

/* story */
.story{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:center}
.story-photo{overflow:hidden;aspect-ratio:4/5}
.story-photo img{width:100%;height:100%;object-fit:cover;will-change:transform}
.story blockquote{margin-top:34px;max-width:17em}
.prose{margin-top:40px;display:grid;gap:20px;max-width:34em;color:var(--ink-2);font-size:19px}
.prose p:last-child{color:var(--ink);font-weight:600}
.sign{margin-top:36px;font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:16px}
.sign::before{content:"";width:48px;height:1px;background:var(--ink)}

/* band: full bleed */
.band{position:relative;margin-top:var(--gap);height:min(96vh,980px);overflow:hidden;color:var(--cream);background:var(--navy-deep)}
.band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,26,49,.25) 0%,rgba(9,26,49,0) 35%,rgba(9,26,49,.86) 100%)}
.band-copy{position:absolute;z-index:1;left:0;right:0;bottom:clamp(40px,6vw,90px)}
.band-copy .display{font-size:clamp(56px,9vw,170px);max-width:none}
.band-copy p{margin-top:26px;font-size:clamp(18px,1.5vw,23px);max-width:26em;color:rgba(246,240,228,.85)}

/* inside */
.inside{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:start}
.inside-side{position:sticky;top:110px}
.inside-side h2{margin-top:30px}
.sub{margin-top:26px;color:var(--ink-2);max-width:26em}
.inside-photo{margin-top:40px;overflow:hidden}
.inside-photo img{width:100%}
.moves{border-top:2px solid var(--ink)}
.move{display:grid;grid-template-columns:90px 1fr;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding .6s var(--ease)}
.move .n{font-size:clamp(30px,3.5vw,58px);line-height:1.04;color:rgba(11,22,38,.28);transition:color .3s}
.move h3{font-size:clamp(30px,3.5vw,58px);line-height:1.04;transition:color .3s}
.move p{color:var(--ink-2);font-size:19px;max-width:28em;max-height:0;opacity:0;overflow:hidden;transition:max-height .7s var(--ease),opacity .5s,margin .7s var(--ease)}
.move.open{padding:40px 0}
.move.open .n{color:var(--orange)}
.move.open p{max-height:120px;opacity:1;margin-top:14px}
.move:not(.open):hover .n{color:var(--orange)}

/* for you */
.foryou{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:end}
.foryou-photo{overflow:hidden;aspect-ratio:4/5}
.foryou-photo img{width:100%;height:100%;object-fit:cover}
.foryou-copy h2{margin-top:30px}
.reasons{margin-top:50px;border-top:2px solid var(--ink)}
.reasons li{display:grid;grid-template-columns:90px 1fr;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(20px,1.8vw,27px);font-weight:500;letter-spacing:-.015em}
.reasons span{font-family:var(--display);font-size:20px;color:var(--orange)}
.foryou-video{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}
.foryou-video video{width:100%;aspect-ratio:16/10;object-fit:cover}
.foryou-video figcaption{color:var(--ink-2);font-size:17px;padding-bottom:4px}

/* review */
.review{display:grid;gap:36px;padding-top:60px;border-top:2px solid var(--ink)}
.review blockquote{font-size:clamp(34px,4.9vw,84px);line-height:1.06;letter-spacing:-.035em;max-width:17em}
.who{color:var(--ink-2);font-size:17px}
.who b{color:var(--ink);font-weight:600;margin-right:12px}

/* author */
.author{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:center}
.author-photo{background:var(--orange);aspect-ratio:1/1.08;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.author-photo img{width:98%}
.author-copy h2{margin-top:30px}
.author-copy>p:not(.label){margin-top:28px;font-size:20px;color:var(--ink-2);max-width:30em}
.author-copy>p.strong{color:var(--ink);font-weight:600;margin-top:18px}
.author-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(28px,5vw,80px);margin:44px 0 40px;padding-top:30px;border-top:2px solid var(--ink)}
.author-stats dd{font-size:clamp(40px,4.4vw,72px);line-height:1;font-variant-numeric:tabular-nums}
.author-stats dt{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:8px}

/* finale */
.finale{margin-top:var(--gap);background:var(--navy);color:var(--cream);padding:clamp(70px,9vw,140px) 0 30px;overflow:hidden}
.finale-grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(36px,7vw,110px);align-items:center}
.finale-photo{overflow:hidden;aspect-ratio:4/5}
.finale-photo img{width:100%;height:100%;object-fit:cover}
.finale .display{font-size:clamp(56px,8.4vw,156px);max-width:none}
.finale-copy p{margin-top:34px;font-size:clamp(19px,1.5vw,23px);max-width:28em;color:rgba(246,240,228,.8)}
.finale .cta{margin-top:44px}
.wordmark{font-size:12.3vw;line-height:.86;letter-spacing:-.005em;white-space:nowrap;color:var(--cream);text-align:center;margin-top:clamp(70px,9vw,130px);user-select:none}
.wordmark small{font-size:.3em;color:var(--gold);letter-spacing:.12em;vertical-align:1.75em;margin-right:.1em}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(246,240,228,.6);border-top:1px solid var(--line-light);padding-top:22px;margin-top:40px}
.foot a:hover{color:var(--gold)}

/* small print under a button */
.fine{margin-top:18px;font-size:14px;letter-spacing:.02em;color:rgba(246,240,228,.6)}

/* by monday */
.monday{margin-top:clamp(70px,8vw,120px);display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:start}
.gains{border-top:2px solid var(--ink)}
.gains li{display:grid;grid-template-columns:90px 1fr;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line)}
.gains span{font-family:var(--display);font-weight:600;font-size:22px;color:var(--orange)}
.gains p{font-size:clamp(19px,1.6vw,24px);line-height:1.35;color:var(--ink-2)}
.gains b{color:var(--ink);font-weight:600}
.gains li:nth-child(2){transition-delay:.06s}.gains li:nth-child(3){transition-delay:.12s}.gains li:nth-child(4){transition-delay:.18s}
.then{margin-top:30px;color:var(--ink-2);max-width:34em}
.then b{color:var(--ink);font-weight:600}

/* sample page */
.sample{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:start}
.sample-head h2{margin-top:30px}
.page{background:#fff;border:1px solid var(--line);padding:clamp(30px,5vw,76px);box-shadow:14px 14px 0 var(--cream)}
.page p{font-size:clamp(18px,1.45vw,21px);line-height:1.7;color:var(--ink);text-indent:1.6em}
.page p:first-child{text-indent:0}
.page p:first-child::first-letter{font-family:var(--display);font-weight:600;font-size:4.2em;line-height:.8;float:left;padding:.08em .12em 0 0;color:var(--orange)}
.page p+p{margin-top:.5em}
.page footer{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}
.buyrow{grid-column:2;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:6px}
.buyrow p{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(24px,2.4vw,38px);line-height:1;margin-right:auto}
.btn-ink{background:var(--ink);color:var(--cream)}
.btn-ink::before{background:var(--orange)}

/* staff jobs */
.staff-head{display:grid;gap:26px;margin-bottom:54px}
.staff-head h2{max-width:14ch}
.jobs{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-left:1px solid var(--line)}
.jobs li{padding:28px 26px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .4s,color .4s,transform 1.1s var(--ease),opacity .9s}
.jobs li:hover{background:var(--navy);color:var(--cream)}
.jobs li:hover p{color:rgba(246,240,228,.8)}
.jobs li:hover h3{color:var(--gold)}
.jobs h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(22px,1.9vw,30px);line-height:1.05;transition:color .4s}
.jobs p{margin-top:12px;font-size:16px;color:var(--ink-2);transition:color .4s}
.jobs li:nth-child(4n+2){transition-delay:0s,0s,.06s,.06s}.jobs li:nth-child(4n+3){transition-delay:0s,0s,.12s,.12s}.jobs li:nth-child(4n){transition-delay:0s,0s,.18s,.18s}

.notfor{margin-top:34px;color:var(--ink-2);max-width:32em}
.notfor b{color:var(--ink);font-weight:600}

/* proof */
.proof{display:grid;gap:30px;padding-top:60px;border-top:2px solid var(--ink)}
.proof .lead{font-size:clamp(32px,4.4vw,76px);line-height:1.06;letter-spacing:-.035em;max-width:17em;margin-top:20px}
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid var(--line)}
.voices li{padding:30px 30px 30px 0;display:grid;gap:18px;align-content:space-between}
.voices li+li{padding-left:30px;border-left:1px solid var(--line)}
.voices p{font-size:clamp(19px,1.6vw,24px);line-height:1.35;font-weight:500;letter-spacing:-.01em}
.voices span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.voices li:nth-child(2){transition-delay:.08s}.voices li:nth-child(3){transition-delay:.16s}
.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,60px);margin-top:20px;padding-top:34px;border-top:2px solid var(--ink)}
.numbers dd{font-family:var(--display);font-weight:600;font-size:clamp(48px,6vw,104px);line-height:.95;font-variant-numeric:tabular-nums}
.numbers dt{margin-top:10px;color:var(--ink-2);max-width:18em}
.honest{color:var(--ink-2);font-size:16px;max-width:38em}

/* questions */
.questions{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,130px);align-items:start}
.questions h2{margin-top:30px}
.faq{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:26px 50px 26px 0;font-size:clamp(20px,1.9vw,27px);font-weight:500;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:20px;font-family:var(--display);font-size:32px;color:var(--orange);transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 50px 28px 0;color:var(--ink-2);max-width:34em}

/* phone buy bar */
.buybar{display:none;position:fixed;z-index:55;left:0;right:0;bottom:0;transform:translateY(110%);align-items:center;gap:12px;background:var(--ink);padding:10px 12px;transition:transform .7s var(--ease)}
.buybar.show{transform:none}
.buybar img{width:34px;height:51px}
.buybar i{flex:1;font-style:normal;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-align:center;background:var(--gold);color:var(--ink);padding:16px 10px;border-radius:2px}

@media (max-width:1020px){
  .buybar{display:flex}
  .nav-links{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-stage{max-width:560px;justify-self:center;margin-top:20px}
  .specs{grid-template-columns:repeat(3,1fr);justify-content:start}
  .story,.inside,.author,.finale-grid,.foryou,.monday,.sample,.questions{grid-template-columns:1fr;align-items:start}
  .buyrow{grid-column:1}
  .jobs{grid-template-columns:repeat(2,1fr)}
  .voices,.numbers{grid-template-columns:1fr}
  .voices li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .inside-side{position:static}
  .finale-photo,.foryou-photo,.story-photo{max-width:520px}
}
@media (max-width:760px){
  body{font-size:17px}
  .wrap{width:calc(100% - 40px)}
  .nav{padding:12px 20px}
  .nav .px{display:none}
  .mark{font-size:18px}
  .hero{padding-top:84px}
  .specs{grid-template-columns:1fr 1fr}
  .cols{grid-template-columns:1fr}
  .band{height:86vh}
  .move,.reasons li,.gains li{grid-template-columns:54px 1fr}
  .jobs{grid-template-columns:1fr}
  .page{box-shadow:8px 8px 0 var(--cream)}
  .buyrow p{margin-right:0;width:100%}
  .foryou-video{grid-template-columns:1fr}
  .btn{padding:19px 22px;font-size:14px}
  .btn-lg{padding:21px 24px;font-size:14px}
  .cta{gap:22px}
  .author-stats{grid-template-columns:1fr 1fr}
  .foot{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){
  .load,[data-reveal]{transition:none;opacity:1;transform:none;clip-path:none}
  figure[data-reveal] img{transform:none}
  .btn::before{display:none}
  html{scroll-behavior:auto}
}