:root{--navy:#061d3b;--navy2:#082b57;--blue:#0b3765;--green:#1e8f2f;--green2:#78dd52;--ink:#163451;--muted:#61768a;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dceaf6;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(6,29,59,.98);border-bottom:1px solid rgba(255,255,255,.12)}
.nav{min-height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:365px}.brand img{width:54px;height:54px;object-fit:contain}.brand-main{font:900 27px/1 'Arial Narrow','Arial Narrow Bold',Arial,Helvetica,sans-serif;letter-spacing:.02em;white-space:nowrap}.brand-for{font-family:'Brush Script MT','Segoe Script','Snell Roundhand',cursive;font-size:31px;font-weight:400;font-style:italic;line-height:.7;color:#78dd52;text-transform:none;display:inline-block;margin-left:5px;transform:translateY(1px)}.brand-sub{font:700 10px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.045em;text-transform:uppercase;color:#d8e6f2;margin-top:4px;white-space:nowrap}.brand-area{display:block;color:var(--green2);font:800 12px/1.05 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.navlinks{margin-left:auto;display:flex;gap:19px;align-items:center}.navlinks a{font:800 13px/1 'Arial Narrow','Arial Narrow Bold',Arial,Helvetica,sans-serif;letter-spacing:.015em;text-transform:uppercase;color:white;text-decoration:none;white-space:nowrap}.closeout-only-nav a{padding:10px 0;border-bottom:2px solid var(--green2)}
.thankyou-hero{background:var(--navy);line-height:0}.thankyou-hero img{display:block;width:100%;height:auto}
.letter-stage{background:linear-gradient(180deg,#b9d0e4 0%,#d6e5f0 18%,#e2ecf4 100%);padding:76px 20px 92px;border-top:7px solid var(--navy2)}
.paper-stack{width:min(860px,100%);margin:auto;position:relative;isolation:isolate}
.paper-stack::before,.paper-stack::after{content:"";position:absolute;inset:0;background:#fffdf8;border:1px solid rgba(6,29,59,.08);border-radius:3px;box-shadow:0 14px 32px rgba(6,29,59,.10);z-index:-2;pointer-events:none}
.paper-stack::before{inset:8px 12px -10px -12px;transform:none;background:#fdfcf7}
.paper-stack::after{inset:-22px -14px 12px 18px;transform:none;z-index:-3;background:#fbfaf5}
.letter-paper{width:100%;margin:auto;background:#fffdf8;border:1px solid rgba(6,29,59,.10);border-radius:3px;box-shadow:0 3px 5px rgba(6,29,59,.05),0 22px 55px rgba(6,29,59,.16);padding:44px 64px 60px;position:relative}
.letter-masthead{position:relative;margin-bottom:28px}.letter-emblem{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 12px}.letter-date{color:#5f7488;font-size:13px;line-height:1.1;font-weight:700;letter-spacing:.015em;text-align:right}
.letter-copy{width:100%}.letter-title{margin:0 0 32px;color:var(--navy);font:900 28px/1.05 'Arial Narrow','Arial Narrow Bold',Arial,Helvetica,sans-serif;letter-spacing:.01em}.letter-copy p{margin:0 0 24px;color:#2c4862;font-family:Arial,Helvetica,sans-serif;font-size:15.5px;line-height:1.76;letter-spacing:.002em}.letter-copy strong{color:var(--navy);font-weight:900}.letter-copy em{color:#2c4862}.letter-signoff{margin-top:0}.letter-signoff p{margin:0;color:#2c4862;font-size:15.5px;line-height:1.72}.closing-thanks{margin-bottom:24px!important}.signature-name{font:900 28px/1.05 'Arial Narrow','Arial Narrow Bold',Arial,Helvetica,sans-serif;letter-spacing:.01em;color:var(--navy)}
.closeout-footer{background:var(--navy);color:#d7e4ef;padding:28px 0 30px;text-align:center}.closeout-legal{font-size:11px;line-height:1.8}.closeout-legal strong{color:#fff;font-size:11px}
@media(max-width:760px){.container{width:min(100% - 24px,var(--max))}.nav{min-height:72px;gap:10px}.brand{min-width:0;gap:9px}.brand img{width:44px;height:44px}.brand-main{font-size:21px}.brand-for{font-size:25px}.brand-sub{font-size:7.5px;white-space:normal;max-width:225px}.brand-area{font-size:9px}.navlinks{margin-left:auto}.navlinks a{font-size:11px}.letter-stage{padding:48px 14px 58px}.paper-stack::before{inset:6px 8px -8px -8px;transform:none}.paper-stack::after{inset:-14px -8px 9px 12px;transform:none}.letter-paper{padding:30px 25px 40px}.letter-masthead{margin-bottom:24px}.letter-emblem{width:62px;height:62px;margin-bottom:10px}.letter-date{font-size:11px}.letter-title,.signature-name{font-size:25px}.letter-copy p,.letter-signoff p{font-size:15px;line-height:1.72;margin-bottom:22px}.letter-signoff p{margin-bottom:0}.closing-thanks{margin-bottom:22px!important}}
@media(max-width:470px){.brand-sub{display:none}.brand-main{font-size:19px}.brand-for{font-size:23px}.brand-area{font-size:8.5px}.thankyou-hero{overflow:hidden}.thankyou-hero img{width:148%;max-width:none;transform:translateX(-22%)}.letter-stage{padding-left:16px;padding-right:16px}.letter-paper{padding:27px 18px 36px}.letter-title,.signature-name{font-size:24px}}


/* V60: explicit paper stack layers */
.paper-stack{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.paper-stack::before,
.paper-stack::after{
  display:none !important;
}
.paper-back{
  position:absolute;
  inset:0;
  background:#fffdf8;
  border:1px solid rgba(6,29,59,.08);
  border-radius:3px;
  pointer-events:none;
  transform-origin:center center;
}
.paper-back-left{
  z-index:-2;
  left:-84px;
  right:40px;
  top:-58px;
  bottom:24px;
  transform:rotate(-7.2deg);
  background:#fdfbf5;
  box-shadow:0 18px 38px rgba(6,29,59,.18);
}
.paper-back-right{
  z-index:-3;
  left:30px;
  right:-34px;
  top:-34px;
  bottom:10px;
  transform:rotate(2.1deg);
  background:#fbfaf5;
  box-shadow:0 16px 34px rgba(6,29,59,.13);
}
.letter-paper{
  position:relative;
  z-index:2;
}

@media(max-width:760px){
  .paper-back-left{
    left:-30px;
    right:18px;
    top:-28px;
    bottom:16px;
    transform:rotate(-4.2deg);
  }
  .paper-back-right{
    left:16px;
    right:-16px;
    top:-18px;
    bottom:8px;
    transform:rotate(1.4deg);
  }
}
@media(max-width:470px){
  .paper-back-left{
    left:-20px;
    right:12px;
    top:-22px;
    bottom:12px;
    transform:rotate(-3.4deg);
  }
  .paper-back-right{
    left:10px;
    right:-10px;
    top:-13px;
    bottom:6px;
    transform:rotate(1deg);
  }
}


/* V61: soften only the left rear sheet */
.paper-back-left{
  left:-66px !important;
  right:32px !important;
  top:-46px !important;
  bottom:20px !important;
  transform:rotate(-5.8deg) !important;
}
@media(max-width:760px){
  .paper-back-left{
    left:-24px !important;
    right:15px !important;
    top:-23px !important;
    bottom:14px !important;
    transform:rotate(-3.4deg) !important;
  }
}
@media(max-width:470px){
  .paper-back-left{
    left:-16px !important;
    right:10px !important;
    top:-18px !important;
    bottom:10px !important;
    transform:rotate(-2.8deg) !important;
  }
}


/* V62: further reel in only the left rear sheet */
.paper-back-left{
  left:-45px !important;
  right:24px !important;
  top:-32px !important;
  bottom:16px !important;
  transform:rotate(-4.2deg) !important;
}
@media(max-width:760px){
  .paper-back-left{
    left:-17px !important;
    right:11px !important;
    top:-16px !important;
    bottom:10px !important;
    transform:rotate(-2.5deg) !important;
  }
}
@media(max-width:470px){
  .paper-back-left{
    left:-11px !important;
    right:8px !important;
    top:-12px !important;
    bottom:8px !important;
    transform:rotate(-2deg) !important;
  }
}


/* V63: diagonally mirrored top exposure based on V62 bottom exposure */
.paper-back-left{
  top:-10px !important;   /* top-left mirrors bottom-right */
}
.paper-back-right{
  top:-16px !important;   /* top-right mirrors bottom-left */
}

@media(max-width:760px){
  .paper-back-left{
    top:-8px !important;  /* mirrors right bottom exposure */
  }
  .paper-back-right{
    top:-10px !important; /* mirrors left bottom exposure */
  }
}

@media(max-width:470px){
  .paper-back-left{
    top:-6px !important;  /* mirrors right bottom exposure */
  }
  .paper-back-right{
    top:-8px !important;  /* mirrors left bottom exposure */
  }
}


/* V64: true diagonal mirror, minimal rotation so tall sheets stay controlled */
.paper-back-left{
  left:-28px !important;
  right:14px !important;
  top:-10px !important;
  bottom:-16px !important;
  transform:rotate(-0.65deg) !important;
  transform-origin:50% 50% !important;
}
.paper-back-right{
  left:14px !important;
  right:-28px !important;
  top:-16px !important;
  bottom:-10px !important;
  transform:rotate(0.65deg) !important;
  transform-origin:50% 50% !important;
}

@media(max-width:760px){
  .paper-back-left{
    left:-14px !important;
    right:7px !important;
    top:-6px !important;
    bottom:-10px !important;
    transform:rotate(-0.45deg) !important;
  }
  .paper-back-right{
    left:7px !important;
    right:-14px !important;
    top:-10px !important;
    bottom:-6px !important;
    transform:rotate(0.45deg) !important;
  }
}
@media(max-width:470px){
  .paper-back-left{
    left:-10px !important;
    right:5px !important;
    top:-5px !important;
    bottom:-8px !important;
    transform:rotate(-0.35deg) !important;
  }
  .paper-back-right{
    left:5px !important;
    right:-10px !important;
    top:-8px !important;
    bottom:-5px !important;
    transform:rotate(0.35deg) !important;
  }
}


/* V67: keep the top exposure exactly as-is, but rebuild the bottom reveal
   without any hard mid-page cut lines or jutting corners. */
.paper-back-left,
.paper-back-right{
  clip-path:inset(0 0 48% 0);
}

.paper-bottom-sheet{
  position:absolute;
  background:#fffdf8;
  border:1px solid rgba(6,29,59,.08);
  border-radius:3px;
  pointer-events:none;
  transform-origin:center center;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 58%, rgba(0,0,0,.35) 69%, rgba(0,0,0,.85) 79%, #000 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, transparent 58%, rgba(0,0,0,.35) 69%, rgba(0,0,0,.85) 79%, #000 100%);
}

.paper-bottom-left{
  z-index:-2;
  left:-45px;
  right:24px;
  top:-32px;
  bottom:16px;
  transform:rotate(-4.2deg);
  background:#fdfbf5;
  box-shadow:0 18px 38px rgba(6,29,59,.18);
}

.paper-bottom-right{
  z-index:-3;
  left:30px;
  right:-34px;
  top:-34px;
  bottom:10px;
  transform:rotate(2.1deg);
  background:#fbfaf5;
  box-shadow:0 16px 34px rgba(6,29,59,.13);
}

@media(max-width:760px){
  .paper-back-left,
  .paper-back-right{
    clip-path:inset(0 0 46% 0);
  }
  .paper-bottom-sheet{
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 56%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.85) 78%, #000 100%);
    mask-image:linear-gradient(to bottom, transparent 0%, transparent 56%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.85) 78%, #000 100%);
  }
  .paper-bottom-left{
    left:-17px;
    right:11px;
    top:-16px;
    bottom:10px;
    transform:rotate(-2.5deg);
  }
  .paper-bottom-right{
    left:16px;
    right:-16px;
    top:-18px;
    bottom:8px;
    transform:rotate(1.4deg);
  }
}

@media(max-width:470px){
  .paper-back-left,
  .paper-back-right{
    clip-path:inset(0 0 44% 0);
  }
  .paper-bottom-sheet{
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 54%, rgba(0,0,0,.35) 66%, rgba(0,0,0,.85) 77%, #000 100%);
    mask-image:linear-gradient(to bottom, transparent 0%, transparent 54%, rgba(0,0,0,.35) 66%, rgba(0,0,0,.85) 77%, #000 100%);
  }
  .paper-bottom-left{
    left:-11px;
    right:8px;
    top:-12px;
    bottom:8px;
    transform:rotate(-2deg);
  }
  .paper-bottom-right{
    left:10px;
    right:-10px;
    top:-13px;
    bottom:6px;
    transform:rotate(1deg);
  }
}


/* V68 FINAL STACK FIX
   Two continuous backing sheets only.
   Top corners preserve the approved V64 geometry.
   Bottom corners return to the earlier approved spacing.
   No split layers, masks, seams, or mid-page protrusions. */

.paper-bottom-sheet{
  display:none !important;
}

.paper-back-left,
.paper-back-right{
  display:block !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
  transform:none !important;
  transform-origin:center center !important;
}

/* Left backing sheet:
   top-left = V64 (-28px),
   bottom-left = earlier spacing (-45px),
   top-right = V64 inset 14px,
   bottom-right = earlier inset 24px. */
.paper-back-left{
  z-index:-2 !important;
  left:-45px !important;
  right:14px !important;
  top:-10px !important;
  bottom:-16px !important;
  background:#fdfbf5 !important;
  box-shadow:0 18px 38px rgba(6,29,59,.16) !important;
  clip-path:polygon(
    17px 0,
    100% 0,
    calc(100% - 10px) 100%,
    0 100%
  ) !important;
  -webkit-clip-path:polygon(
    17px 0,
    100% 0,
    calc(100% - 10px) 100%,
    0 100%
  ) !important;
}

/* Right backing sheet:
   top-left = V64 14px,
   bottom-left = earlier 30px,
   top-right = V64 +28px,
   bottom-right = earlier +34px. */
.paper-back-right{
  z-index:-3 !important;
  left:14px !important;
  right:-34px !important;
  top:-16px !important;
  bottom:10px !important;
  background:#fbfaf5 !important;
  box-shadow:0 16px 34px rgba(6,29,59,.13) !important;
  clip-path:polygon(
    0 0,
    calc(100% - 6px) 0,
    100% 100%,
    16px 100%
  ) !important;
  -webkit-clip-path:polygon(
    0 0,
    calc(100% - 6px) 0,
    100% 100%,
    16px 100%
  ) !important;
}

@media(max-width:760px){
  .paper-back-left{
    left:-17px !important;
    right:7px !important;
    top:-6px !important;
    bottom:10px !important;
    clip-path:polygon(
      3px 0,
      100% 0,
      calc(100% - 4px) 100%,
      0 100%
    ) !important;
    -webkit-clip-path:polygon(
      3px 0,
      100% 0,
      calc(100% - 4px) 100%,
      0 100%
    ) !important;
  }

  .paper-back-right{
    left:7px !important;
    right:-16px !important;
    top:-10px !important;
    bottom:8px !important;
    clip-path:polygon(
      0 0,
      calc(100% - 2px) 0,
      100% 100%,
      9px 100%
    ) !important;
    -webkit-clip-path:polygon(
      0 0,
      calc(100% - 2px) 0,
      100% 100%,
      9px 100%
    ) !important;
  }
}

@media(max-width:470px){
  .paper-back-left{
    left:-11px !important;
    right:5px !important;
    top:-5px !important;
    bottom:8px !important;
    clip-path:polygon(
      1px 0,
      100% 0,
      calc(100% - 3px) 100%,
      0 100%
    ) !important;
    -webkit-clip-path:polygon(
      1px 0,
      100% 0,
      calc(100% - 3px) 100%,
      0 100%
    ) !important;
  }

  .paper-back-right{
    left:5px !important;
    right:-10px !important;
    top:-8px !important;
    bottom:6px !important;
    clip-path:polygon(
      0 0,
      100% 0,
      100% 100%,
      5px 100%
    ) !important;
    -webkit-clip-path:polygon(
      0 0,
      100% 0,
      100% 100%,
      5px 100%
    ) !important;
  }
}


/* V69 MOBILE-ONLY HERO FIX
   Preserve desktop exactly. On phones, show the full approved banner
   instead of zooming/cropping it. */
@media(max-width:470px){
  .thankyou-hero{
    overflow:visible !important;
  }
  .thankyou-hero img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    transform:none !important;
    object-fit:contain !important;
  }
}