@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Fredoka:wght@400;500;600&display=swap");

:root{color-scheme:light;--ink:#18383b;--deep:#072a30;--cream:#f8f2e5;--paper:#fffaf0;--gold:#c7a766;--coral:#bb6450;--muted:#53696a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 Fredoka,"Trebuchet MS",sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #aa6f3a;outline-offset:4px}
.fdm-skip{position:absolute;z-index:100;top:-80px;left:12px;padding:12px 18px;background:var(--paper)}
.fdm-skip:focus{top:12px}
.fdm-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;padding:12px max(26px,calc((100vw - 1340px)/2));background:var(--deep);color:#fff2d6}
.fdm-wordmark{text-decoration:none;line-height:1}
.fdm-wordmark img{display:block;width:160px;height:auto}
.fdm-wordmark small{display:block;margin-top:7px;color:#c2cbbd;font:600 11px/1.2 Fredoka,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.fdm-header-back{padding:9px 0;color:#f2d5a2;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.fdm-header-back:hover{color:white}
.fdm-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(30px,5vw,90px);align-items:center;max-width:1440px;margin:auto;padding:clamp(68px,8vw,126px) clamp(26px,5vw,72px) clamp(70px,8vw,120px)}
.fdm-hero-copy{max-width:690px}
.fdm-eyebrow{margin:0 0 18px!important;color:var(--coral);font:600 12px/1.2 Fredoka,sans-serif;letter-spacing:.15em;text-transform:uppercase}
h1,h2,p{margin-top:0}
h1,h2{color:var(--deep);font-family:Georgia,serif;font-weight:400;letter-spacing:-.042em;text-wrap:balance}
h1{margin-bottom:25px;font-size:clamp(47px,5.7vw,85px);line-height:1.04}
h1 em{color:var(--coral);font-weight:400}
.fdm-hero-copy p:not(.fdm-eyebrow){max-width:630px}
.fdm-lede{font-size:clamp(20px,2vw,26px);line-height:1.42}
.fdm-review-scale{position:relative;overflow:hidden;margin:30px 0 22px;padding:20px 25px 22px;border:1px solid #d9cbb2;border-left:5px solid var(--coral);border-radius:3px;background:var(--paper);box-shadow:7px 8px 0 #e8ddc7;color:var(--deep)}
.fdm-review-scale-label{display:block;margin-bottom:11px;color:#a25643;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.fdm-hero-copy .fdm-review-scale p{margin:0;padding-right:105px;font-size:17px;line-height:1.3}
.fdm-review-scale strong{display:block;margin:1px 0 2px;font:400 clamp(38px,4.2vw,61px)/1.04 Georgia,serif;letter-spacing:-.045em;white-space:nowrap}
.fdm-review-scale-unit{display:block;font-size:20px;font-weight:500}
.fdm-review-scale-pages{position:absolute;top:50%;right:30px;width:69px;height:86px;transform:translateY(-35%) rotate(7deg);border:1px solid #c9b795;border-radius:2px;background:repeating-linear-gradient(to bottom,var(--paper) 0 31px,#bac2ae 32px 34px,var(--paper) 35px 44px);box-shadow:-8px 8px 0 #e6dcc5,-8px 8px 0 1px #c9b795,-16px 16px 0 #efe3cb,-16px 16px 0 1px #c9b795}
.fdm-review-scale-pages:before{content:"";position:absolute;top:13px;left:12px;width:30px;height:6px;border-radius:2px;background:var(--coral)}
.fdm-hero-aside{margin-top:32px;padding:17px 22px;border-left:4px solid var(--coral);background:#e9dfc9;color:#284548;font-size:15px;line-height:1.55}
.fdm-hero-aside span{display:block;margin-bottom:6px;color:#9d553e;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.fdm-chapters{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px 23px;max-width:1440px;margin:auto;padding:18px 26px 21px;border-top:1px solid #d6cbb6;border-bottom:1px solid #d6cbb6;color:#264a4c;font-size:16px;line-height:1.4}
.fdm-chapters>span{margin-right:10px;color:#a25643;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.fdm-chapters a{text-decoration:underline;text-decoration-color:#c3ad88;text-underline-offset:4px}
.fdm-chapters a:hover{color:#a25643}
.fdm-story{max-width:1440px;margin:0 auto;padding:0 clamp(26px,5vw,72px)}
.fdm-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:clamp(32px,5vw,100px);min-height:620px;padding:clamp(62px,8vw,110px) 0;border-bottom:1px solid #d6cbb6;scroll-margin-top:18px}
.fdm-section:nth-child(even) .fdm-copy{order:2}
.fdm-section:nth-child(even) .fdm-visual{order:1}
.fdm-copy{max-width:645px}
.fdm-copy h2{margin:0 0 23px;font-size:clamp(39px,4.6vw,69px);line-height:1.09}
.fdm-copy p{margin-bottom:17px}
.fdm-copy strong{font-weight:600}
.fdm-source-note{margin-top:24px;padding-top:12px;border-top:1px solid #d5c9b4;color:var(--muted);font-size:13px}
.fdm-visual{position:relative;width:100%;margin:0;min-height:360px;padding:20px 20px 23px;border:1px solid #a7b7ac;border-radius:6px;background:linear-gradient(155deg,#14474b,#0a3038 72%);box-shadow:10px 12px 0 #d7c6a8;color:#f6e9cb}
.fdm-visual:before{content:"";position:absolute;inset:15px;border:1px solid #d8bb7961;pointer-events:none}
.fdm-visual-top{position:relative;display:flex;justify-content:space-between;gap:10px;color:#dbd1ad;font-size:10px;font-weight:600;letter-spacing:.12em}
.fdm-visual-stage{display:flex;align-items:center;justify-content:center;min-height:220px;padding:20px 4px 12px}
.fdm-visual-stage img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:5px}
.fdm-visual figcaption{position:relative;display:grid;gap:5px;padding:16px 10px 0;border-top:1px solid #d8bb7961;font-size:13px;line-height:1.4}
.fdm-visual figcaption strong{font-weight:400}
.fdm-visual--hero{min-height:480px;transform:rotate(1deg)}
.fdm-visual--hero .fdm-visual-stage{min-height:320px}
.fdm-visual--map{background:linear-gradient(150deg,#123d47,#20544d)}
.fdm-visual--review{background:linear-gradient(150deg,#624037,#352b30)}
.fdm-visual--names{background:linear-gradient(150deg,#0d4050,#173845)}
.fdm-visual--courses{background:linear-gradient(150deg,#495146,#203f3d)}
.fdm-visual--receipts{background:linear-gradient(150deg,#433b44,#183e42)}
.fdm-visual--edit{background:linear-gradient(150deg,#633c35,#23444a)}
.fdm-visual--numbers{background:linear-gradient(150deg,#195351,#12393c)}
.fdm-visual--score{background:linear-gradient(150deg,#1c4a4b,#11313e)}
.fdm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}
.fdm-stat{padding:18px 19px;border-top:3px solid var(--coral);background:var(--paper)}
.fdm-stat strong{display:block;color:var(--deep);font:400 clamp(29px,2.6vw,42px)/1.1 Georgia,serif;letter-spacing:-.04em}
.fdm-stat span{display:block;margin-top:7px;color:#3d5455;font-size:13px;line-height:1.4}
.fdm-cases{display:grid;gap:12px;margin-top:26px}
.fdm-case{padding:17px 20px;border:1px solid #d6c7ac;border-left:4px solid var(--coral);border-radius:3px;background:var(--paper)}
.fdm-case span{display:block;margin-bottom:7px;color:#a45641;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.fdm-case p{margin:0;font-size:15px;line-height:1.5}
.fdm-cta{display:inline-flex;align-items:center;gap:14px;margin-top:19px;padding:13px 22px;border-radius:4px;background:var(--deep);color:#fff4db;font-weight:600;text-decoration:none}
.fdm-cta:hover{background:#19575b}
.fdm-bottom{display:flex;justify-content:space-between;gap:20px;padding:35px max(26px,calc((100vw - 1340px)/2));background:var(--deep);color:#dfdbbf;font-size:13px}
.fdm-bottom a{color:#f3d39d}
@media(max-width:900px){
  .fdm-hero,.fdm-section{grid-template-columns:1fr;gap:34px}
  .fdm-hero{padding:68px 26px}
  .fdm-hero-copy,.fdm-copy{max-width:760px}
  .fdm-section{min-height:0;padding:72px 0}
  .fdm-section:nth-child(even) .fdm-copy,.fdm-section:nth-child(even) .fdm-visual{order:initial}
  .fdm-visual{max-width:760px;min-height:290px}
  .fdm-visual-stage{min-height:170px}
  .fdm-visual--hero{min-height:320px;transform:none}
  .fdm-visual--hero .fdm-visual-stage{min-height:190px}
}
@media(max-width:600px){
  body{font-size:16px}
  .fdm-header{min-height:75px;padding:12px 18px}
  .fdm-wordmark img{width:130px}
  .fdm-wordmark small{font-size:9px}
  .fdm-header-back{font-size:12px;white-space:nowrap}
  .fdm-hero{padding:55px 22px 65px}
  h1{font-size:clamp(42px,11vw,61px)}
  .fdm-lede{font-size:21px}
  .fdm-review-scale{padding:18px 19px 20px}
  .fdm-hero-copy .fdm-review-scale p{padding-right:70px}
  .fdm-review-scale strong{font-size:clamp(34px,8.6vw,46px)}
  .fdm-review-scale-unit{font-size:18px}
  .fdm-review-scale-pages{right:20px;width:48px;height:65px}
  .fdm-hero-aside{padding:15px 18px}
  .fdm-chapters{justify-content:flex-start;gap:11px 17px;padding:19px 22px}
  .fdm-chapters>span{width:100%}
  .fdm-story{padding:0 22px}
  .fdm-section{padding:65px 0;gap:27px}
  .fdm-copy h2{font-size:clamp(37px,10vw,51px)}
  .fdm-visual{padding:17px;min-height:280px;box-shadow:5px 6px 0 #d7c6a8}
  .fdm-visual:before{inset:11px}
  .fdm-visual-top{font-size:9px}
  .fdm-visual-stage{min-height:160px;padding:15px 0 8px}
  .fdm-visual figcaption{font-size:12px}
  .fdm-stat{padding:15px}
  .fdm-stat strong{font-size:29px}
  .fdm-bottom{display:grid;padding:30px 22px}
}
@media(max-width:360px){
  .fdm-review-scale-pages{display:none}
  .fdm-hero-copy .fdm-review-scale p{padding-right:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}