.ii-island-forms-page{margin:0;background:transparent;color:#123552}.ii-forms-page-main{position:relative;z-index:2;min-height:70vh;padding:132px 24px 110px}.ii-forms-page-inner{width:min(1180px,100%);margin:0 auto}.ii-form-card{width:min(820px,100%);margin:0 auto;background:rgba(255,255,255,.96);border:4px solid #fff;border-radius:30px;box-shadow:0 24px 70px rgba(23,61,90,.18);padding:clamp(24px,5vw,54px)}.ii-form-heading{text-align:center}.ii-form-eyebrow{display:inline-block;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#168ca5}.ii-form-heading h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1;margin:.25em 0;color:#173d5a}.ii-form-heading p{font-size:1.12rem;line-height:1.6;margin:0 auto 24px;max-width:650px}.ii-form-warning,.ii-form-notice{border-radius:16px;padding:16px 18px;margin:18px 0;line-height:1.5}.ii-form-warning{background:#fff5cf;border:2px solid #f0c953}.ii-form-notice.is-success{background:#ddf8e8;border:2px solid #58b47b}.ii-form-notice.is-error{background:#ffe2e2;border:2px solid #d65d5d}.ii-island-form{display:grid;gap:18px}.ii-island-form label{display:grid;gap:8px;font-weight:800}.ii-island-form input,.ii-island-form select,.ii-island-form textarea{box-sizing:border-box;width:100%;border:2px solid #b7d5df;border-radius:13px;padding:13px 14px;font:inherit;background:#fff;color:#173d5a}.ii-island-form input:focus,.ii-island-form select:focus,.ii-island-form textarea:focus{outline:3px solid rgba(37,167,164,.25);border-color:#25a7a4}.ii-form-submit{border:0;border-radius:999px;padding:15px 28px;font-weight:900;font-size:1.08rem;background:#f06595;color:#fff;cursor:pointer;box-shadow:0 7px 0 #bd3f69}.ii-form-submit:active{transform:translateY(4px);box-shadow:0 3px 0 #bd3f69}.ii-form-privacy{margin:0;text-align:center;color:#587588;font-size:.86rem;line-height:1.45}.ii-form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ii-send-note-page{position:relative;width:min(1120px,100%);margin:0 auto;padding:24px 0 10px}.ii-send-note-hero{position:relative;max-width:680px;margin:0 auto 34px;text-align:center}.ii-send-note-kicker{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 25px rgba(14,62,93,.12);color:#326888;font-size:.82rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.ii-send-note-hero h1{margin:14px 0 12px;color:#102f50;font-size:clamp(3.25rem,8vw,6.8rem);font-weight:950;letter-spacing:-.055em;line-height:.84;text-shadow:0 4px 0 rgba(255,255,255,.55)}.ii-send-note-hero h1 strong{color:#1877dc;font-weight:950}.ii-send-note-hero p{max-width:620px;margin:0 auto;color:#173d5a;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:700;line-height:1.5}.ii-send-note-flight{position:absolute;right:-70px;top:25%;display:flex;gap:12px;align-items:center;color:#7b55c7;font-size:1.7rem;transform:rotate(-8deg)}.ii-send-note-flight span:nth-child(2){font-size:2.4rem;color:#318aca}.ii-send-note-stage{position:relative;padding-top:116px}.ii-send-note-safety{position:absolute;z-index:4;top:0;left:-16px;width:380px;min-height:316px;filter:drop-shadow(0 18px 18px rgba(28,58,78,.22));transform:rotate(-3deg)}.ii-send-note-art,.ii-send-note-paper-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.ii-send-note-safety-copy{position:relative;z-index:1;padding:49px 52px 45px 66px;color:#17344f}.ii-safety-shield{float:left;display:grid;place-items:center;width:46px;height:53px;margin:0 12px 4px 0;clip-path:polygon(50% 0,94% 18%,87% 71%,50% 100%,13% 71%,6% 18%);background:#8956d2;color:#fff;font-size:1.3rem}.ii-send-note-safety h2{margin:0 0 16px;font-size:1.46rem;line-height:1.18}.ii-send-note-safety p{margin:0 0 14px;font-size:.98rem;font-weight:700;line-height:1.45}.ii-send-note-safety strong{display:block;color:#7347bd;font-size:1.04rem;line-height:1.35}.ii-send-note-paper{position:relative;z-index:2;width:min(880px,calc(100% - 42px));min-height:920px;margin:0 8px 0 auto;filter:drop-shadow(0 24px 28px rgba(28,58,78,.2))}.ii-send-note-paper-art{z-index:0}.ii-send-note-paper-content{position:relative;z-index:1;padding:126px 90px 76px 126px}.ii-send-note-paper .ii-form-notice{margin:0 0 18px}.ii-send-note-form{gap:19px}.ii-send-note-form label>span{font-size:1rem;color:#123552}.ii-send-note-form input,.ii-send-note-form select,.ii-send-note-form textarea{border:2px solid rgba(62,94,113,.48);border-radius:10px;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 2px rgba(20,52,72,.08);font-size:1rem}.ii-send-note-form textarea{min-height:190px;resize:vertical}.ii-send-note-upload{display:grid;gap:7px}.ii-send-note-upload-label{display:grid;gap:8px}.ii-send-note-upload input[type=file]{padding:10px 12px;background:rgba(255,255,255,.9);cursor:pointer}.ii-send-note-upload input[type=file]::file-selector-button{margin-right:12px;border:0;border-radius:999px;padding:9px 14px;background:#e9f5ff;color:#123552;font:inherit;font-weight:900;cursor:pointer}.ii-send-note-upload-help{margin:0;color:#587588;font-size:.78rem;font-weight:600;line-height:1.4}.ii-send-note-submit{justify-self:center;display:flex;align-items:center;gap:14px;min-width:300px;justify-content:center;margin-top:4px;border:5px solid #fff;border-radius:8px;padding:14px 26px;background:#1670d2;box-shadow:0 7px 0 #0b4085,0 11px 24px rgba(12,62,116,.25);font-size:1.45rem;letter-spacing:.01em}.ii-send-note-submit:active{box-shadow:0 3px 0 #0b4085;transform:translateY(4px)}.ii-send-note-reassurance{position:relative;z-index:3;display:flex;align-items:center;gap:18px;width:min(730px,calc(100% - 40px));margin:-18px auto 0;padding:15px 24px;border:3px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(19,57,83,.17);transform:rotate(.7deg)}.ii-reassurance-mark{display:grid;flex:0 0 62px;place-items:center;width:62px;height:62px;border:5px solid #f5ba35;border-radius:50%;background:#1780d6;color:#fff;font-size:2rem;font-weight:950}.ii-send-note-reassurance p{margin:0;line-height:1.5}.ii-reassurance-heart{margin-left:auto;color:#9a55d4;font-size:2.9rem;line-height:1}
@media(max-width:960px){.ii-forms-page-main{padding-top:112px}.ii-send-note-stage{padding-top:230px}.ii-send-note-safety{left:50%;transform:translateX(-50%) rotate(-2deg)}.ii-send-note-paper{width:min(820px,100%);margin:0 auto}.ii-send-note-paper-content{padding:126px 84px 76px 118px}.ii-send-note-flight{display:none}}
@media(max-width:680px){.ii-forms-page-main{padding:92px 12px 70px}.ii-send-note-page{padding-top:12px}.ii-send-note-hero{margin-bottom:24px;padding:0 12px}.ii-send-note-hero h1{font-size:clamp(3.1rem,19vw,5rem)}.ii-send-note-stage{padding-top:204px}.ii-send-note-safety{width:min(350px,96%);min-height:292px}.ii-send-note-safety-copy{padding:43px 43px 40px 58px}.ii-send-note-safety h2{font-size:1.25rem}.ii-send-note-safety p{font-size:.89rem}.ii-send-note-paper{min-height:850px;width:100%;filter:drop-shadow(0 15px 18px rgba(28,58,78,.18))}.ii-send-note-paper-content{padding:100px 40px 58px 64px}.ii-send-note-submit{min-width:0;width:100%;font-size:1.2rem}.ii-send-note-reassurance{width:calc(100% - 20px);gap:11px;padding:13px 15px}.ii-reassurance-mark{flex-basis:48px;width:48px;height:48px;font-size:1.5rem}.ii-send-note-reassurance p{font-size:.86rem}.ii-reassurance-heart{display:none}.ii-form-card{border-radius:22px;padding:24px 18px}.ii-form-heading h1{font-size:2.35rem}}
@media(max-width:430px){.ii-send-note-stage{padding-top:188px}.ii-send-note-safety{min-height:270px}.ii-send-note-safety-copy{padding:39px 38px 34px 52px}.ii-safety-shield{width:38px;height:44px}.ii-send-note-safety h2{margin-bottom:10px;font-size:1.12rem}.ii-send-note-safety p{margin-bottom:8px;font-size:.8rem;line-height:1.35}.ii-send-note-safety strong{font-size:.88rem}.ii-send-note-paper{min-height:825px}.ii-send-note-paper-content{padding:88px 28px 46px 50px}.ii-send-note-form{gap:15px}.ii-send-note-form input,.ii-send-note-form select,.ii-send-note-form textarea{padding:11px 12px;font-size:.92rem}.ii-send-note-form textarea{min-height:165px}.ii-form-privacy{font-size:.72rem}}
.ii-form-security-status{margin:0;border-radius:10px;padding:10px 12px;background:rgba(255,255,255,.75);color:#496779;font-size:.8rem;font-weight:700;line-height:1.4;text-align:center}.ii-form-security-status.is-error{background:#ffe2e2;color:#8b2f2f}.ii-form-submit:disabled,.ii-send-note-submit:disabled{cursor:wait;opacity:.68;transform:none;box-shadow:none}

/* 0.9.187 Send Us a Note paper refresh: preserve paper proportions instead of stretching artwork. */
.ii-send-note-stage{padding-top:104px}
.ii-send-note-safety{width:360px;min-height:300px;aspect-ratio:6/5;overflow:visible;filter:drop-shadow(0 16px 18px rgba(28,58,78,.2));transform:rotate(-2deg)}
.ii-send-note-safety::before{content:"";position:absolute;inset:10px 12px 8px;border-radius:28px;background:#ffe882;z-index:-1}
.ii-send-note-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.7;mix-blend-mode:multiply;pointer-events:none;user-select:none}
.ii-send-note-safety-copy{padding:48px 48px 40px 58px}
.ii-send-note-safety h2{font-size:1.34rem;margin-bottom:13px}
.ii-send-note-safety p{font-size:.92rem;margin-bottom:12px}
.ii-send-note-safety strong{font-size:.98rem}

.ii-send-note-paper{isolation:isolate;overflow:hidden;width:min(820px,calc(100% - 54px));min-height:780px;border-radius:28px;margin:0 12px 0 auto;background:#fffdf6;filter:drop-shadow(0 20px 24px rgba(28,58,78,.18))}
.ii-send-note-paper::before{content:"";position:absolute;z-index:0;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(65,89,111,.06);pointer-events:none}
.ii-send-note-paper-rule-fill{position:absolute;z-index:0;left:1.8%;right:1.8%;top:150px;bottom:150px;background-color:#fffdf6;background-image:linear-gradient(to right,transparent 0 11.6%,rgba(221,117,117,.5) 11.65%,rgba(221,117,117,.5) 11.85%,transparent 11.9%),repeating-linear-gradient(to bottom,transparent 0 45px,rgba(115,171,205,.48) 46px,rgba(115,171,205,.48) 47px,transparent 48px);pointer-events:none}
.ii-send-note-paper-art{position:absolute;z-index:0;left:0;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;pointer-events:none;user-select:none}
.ii-send-note-paper-art-top{top:0;clip-path:inset(0 0 58% 0)}
.ii-send-note-paper-art-bottom{bottom:0;transform:none;clip-path:inset(58% 0 0 0)}
.ii-send-note-paper-content{position:relative;z-index:1;padding:112px 74px 66px 104px}
.ii-send-note-form{gap:16px}
.ii-send-note-form label>span{font-size:.96rem}
.ii-send-note-form input,.ii-send-note-form select,.ii-send-note-form textarea{background:rgba(255,255,255,.93);border-color:rgba(53,86,110,.42);box-shadow:0 2px 0 rgba(255,255,255,.75),inset 0 1px 2px rgba(20,52,72,.06)}
.ii-send-note-form textarea{min-height:170px}
.ii-send-note-submit{margin-top:2px;border-radius:16px;min-width:270px;padding:13px 24px;font-size:1.3rem}

@media(max-width:960px){
  .ii-send-note-stage{padding-top:218px}
  .ii-send-note-safety{width:360px;min-height:300px}
  .ii-send-note-paper{width:min(780px,100%);min-height:760px;margin:0 auto}
  .ii-send-note-paper-content{padding:108px 68px 62px 96px}
}
@media(max-width:680px){
  .ii-send-note-stage{padding-top:190px}
  .ii-send-note-safety{width:min(330px,94vw);min-height:0;aspect-ratio:6/5}
  .ii-send-note-safety-copy{padding:39px 38px 34px 48px}
  .ii-send-note-paper{width:100%;min-height:730px;border-radius:22px}
  .ii-send-note-paper-rule-fill{top:115px;bottom:115px;background-image:linear-gradient(to right,transparent 0 12.8%,rgba(221,117,117,.5) 12.85%,rgba(221,117,117,.5) 13.1%,transparent 13.15%),repeating-linear-gradient(to bottom,transparent 0 39px,rgba(115,171,205,.46) 40px,rgba(115,171,205,.46) 41px,transparent 42px)}
  .ii-send-note-paper-content{padding:90px 34px 52px 56px}
  .ii-send-note-form{gap:14px}
  .ii-send-note-form textarea{min-height:155px}
}
@media(max-width:430px){
  .ii-send-note-stage{padding-top:176px}
  .ii-send-note-safety{width:min(310px,94vw)}
  .ii-send-note-safety-copy{padding:36px 34px 30px 43px}
  .ii-send-note-safety h2{font-size:1.08rem}
  .ii-send-note-safety p{font-size:.78rem}
  .ii-send-note-safety strong{font-size:.86rem}
  .ii-send-note-paper{min-height:700px}
  .ii-send-note-paper-rule-fill{top:102px;bottom:102px}
  .ii-send-note-paper-content{padding:80px 24px 42px 47px}
}


/* 0.9.190 Send Us a Note single-art cleanup: one sticky asset, one paper asset, no legacy backing layers. */
.ii-send-note-safety{
  background:transparent!important;
  overflow:visible!important;
  isolation:isolate;
  box-shadow:none!important;
}
.ii-send-note-safety::before,
.ii-send-note-safety::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.ii-send-note-art{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.ii-send-note-safety-copy{position:relative;z-index:1}

.ii-send-note-paper{
  isolation:isolate!important;
  overflow:visible!important;
  width:min(820px,calc(100% - 54px))!important;
  min-height:0!important;
  aspect-ratio:768/800!important;
  margin:0 12px 0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 20px 24px rgba(28,58,78,.18))!important;
}
.ii-send-note-paper::before,
.ii-send-note-paper::after,
.ii-send-note-paper-rule-fill{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.ii-send-note-paper-art{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:fill!important;
  object-position:center!important;
  clip-path:none!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
  user-select:none!important;
}
.ii-send-note-paper-content{
  position:relative!important;
  z-index:1!important;
  padding:112px 72px 66px 116px!important;
}
@media(max-width:960px){
  .ii-send-note-paper{width:min(780px,100%)!important;margin:0 auto!important}
  .ii-send-note-paper-content{padding:108px 66px 62px 108px!important}
}
@media(max-width:680px){
  .ii-send-note-paper{width:100%!important;aspect-ratio:768/800!important;filter:drop-shadow(0 15px 18px rgba(28,58,78,.18))!important}
  .ii-send-note-paper-content{padding:90px 32px 52px 66px!important}
}
@media(max-width:430px){
  .ii-send-note-paper-content{padding:80px 24px 42px 56px!important}
}

/* 0.9.191 Send Us a Note art refresh: use Bluejay Sticky One + Note One and supplied envelope. */
.ii-send-note-flight{
  right:-118px!important;
  top:18%!important;
  width:168px!important;
  height:auto!important;
  display:block!important;
  color:transparent!important;
  font-size:0!important;
  transform:rotate(7deg)!important;
  filter:drop-shadow(0 10px 10px rgba(24,72,130,.18));
}
.ii-send-note-flight img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}
.ii-send-note-safety{
  width:380px!important;
  min-height:0!important;
  aspect-ratio:6/5!important;
}
.ii-send-note-art{
  object-fit:fill!important;
}
.ii-send-note-paper{
  aspect-ratio:24/25!important;
}
.ii-send-note-paper-art{
  object-fit:contain!important;
}
@media(max-width:960px){
  .ii-send-note-flight{
    display:block!important;
    right:-12px!important;
    top:-28px!important;
    width:126px!important;
  }
}
@media(max-width:680px){
  .ii-send-note-flight{
    right:-2px!important;
    top:-10px!important;
    width:92px!important;
    transform:rotate(8deg)!important;
  }
  .ii-send-note-safety{width:min(350px,96%)!important}
  .ii-send-note-paper{aspect-ratio:24/25!important}
}
@media(max-width:430px){
  .ii-send-note-flight{width:78px!important;top:0!important;right:0!important}
  .ii-send-note-safety{width:min(320px,94vw)!important}
}


/* 0.9.192: exact Bluejay Settings artwork. The notebook is extended server-side
   from its own middle band, so the browser never vertically stretches it. */
.ii-send-note-safety{
  aspect-ratio:6/5!important;
  overflow:visible!important;
}
.ii-send-note-art{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.ii-send-note-paper{
  aspect-ratio:24/25!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:0!important;
}
.ii-send-note-paper-art{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}


/* 0.9.194 Send Us a Note desktop composition.
   Keep the form directly beneath the hero copy, with the safety note beside it. */
@media (min-width: 961px) {
  .ii-forms-page-main {
    padding-top: 72px !important;
  }

  .ii-send-note-page {
    padding-top: 0 !important;
  }

  .ii-send-note-hero {
    max-width: 640px !important;
    margin: 0 auto !important;
  }

  .ii-send-note-hero h1 {
    margin: 7px 0 7px !important;
    font-size: clamp(3.15rem, 5.15vw, 4.95rem) !important;
    line-height: .88 !important;
    letter-spacing: -.045em !important;
  }

  .ii-send-note-hero p {
    font-size: clamp(1rem, 1.55vw, 1.16rem) !important;
    line-height: 1.38 !important;
  }

  /* The paper begins ~28px below the final hero-copy line. */
  .ii-send-note-stage {
    padding-top: 28px !important;
    margin-top: 0 !important;
  }

  .ii-send-note-paper {
    width: min(820px, calc(100% - 80px)) !important;
    margin: 0 auto !important;
  }

  /* Lift the safety note into the hero-copy band, on the left. */
  .ii-send-note-safety {
    top: -198px !important;
    left: -92px !important;
    width: 350px !important;
    min-height: 0 !important;
    aspect-ratio: 6 / 5 !important;
  }
}

/* Safety 1 is artwork, not the old CSS shield. Give it its natural portrait box
   so the bottom point and outer gold edge cannot be clipped. */
.ii-safety-shield {
  position: absolute !important;
  top: 42px !important;
  left: 48px !important;
  float: none !important;
  display: block !important;
  width: 58px !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  line-height: 0 !important;
}

.ii-safety-shield img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  overflow: visible !important;
  filter: drop-shadow(0 5px 7px rgba(18,67,119,.18));
}

.ii-send-note-safety-copy {
  position: relative !important;
}

.ii-send-note-safety h2 {
  padding-left: 72px !important;
  min-height: 68px !important;
}

@media (max-width: 960px) {
  .ii-send-note-hero {
    margin-bottom: 8px !important;
  }
  .ii-send-note-hero h1 {
    font-size: clamp(3rem, 9vw, 4.8rem) !important;
    line-height: .9 !important;
  }
  .ii-send-note-stage {
    padding-top: 192px !important;
  }
  .ii-send-note-safety {
    top: 0 !important;
  }
  .ii-send-note-paper {
    margin: 0 auto !important;
  }
  .ii-safety-shield {
    top: 38px !important;
    left: 44px !important;
    width: 52px !important;
    height: 64px !important;
  }
  .ii-send-note-safety h2 {
    padding-left: 64px !important;
    min-height: 60px !important;
  }
}

@media (max-width: 680px) {
  .ii-send-note-stage {
    padding-top: 174px !important;
  }
  .ii-safety-shield {
    top: 34px !important;
    left: 38px !important;
    width: 46px !important;
    height: 57px !important;
  }
  .ii-send-note-safety h2 {
    padding-left: 57px !important;
    min-height: 54px !important;
  }
}

@media (max-width: 430px) {
  .ii-send-note-stage {
    padding-top: 164px !important;
  }
  .ii-safety-shield {
    top: 31px !important;
    left: 34px !important;
    width: 42px !important;
    height: 52px !important;
  }
  .ii-send-note-safety h2 {
    padding-left: 52px !important;
    min-height: 50px !important;
  }
}


/* 0.9.195 Send Us a Note polish. */
@media (min-width: 961px) {
  /* Keep the safety sticky in its approved position; only lift the form sheet. */
  .ii-send-note-paper {
    top: -185px !important;
    margin-bottom: -185px !important;
  }
}

/* Permanent red submit treatment. */
.ii-send-note-submit,
.ii-send-note-submit:hover,
.ii-send-note-submit:focus,
.ii-send-note-submit:focus-visible {
  border: 4px solid #e7334f !important;
  background: #e7334f !important;
  color: #fff !important;
  box-shadow: 0 7px 0 #a91f39, 0 11px 24px rgba(121,22,48,.24) !important;
  text-shadow: none !important;
  filter: none !important;
}
.ii-send-note-submit span {
  color: #fff !important;
}
.ii-send-note-submit:active {
  background: #d92b47 !important;
  border-color: #d92b47 !important;
  color: #fff !important;
  box-shadow: 0 3px 0 #94182f !important;
}

/* Reassurance: text + one real artwork asset, no legacy B/heart glyphs. */
.ii-send-note-reassurance {
  justify-content: center !important;
  gap: 22px !important;
  padding: 16px 20px 16px 28px !important;
}
.ii-send-note-reassurance p {
  flex: 1 1 auto !important;
}
.ii-reassurance-mark,
.ii-reassurance-heart {
  display: none !important;
}
.ii-reassurance-art {
  display: block !important;
  flex: 0 0 112px !important;
  width: 112px !important;
  height: 88px !important;
  overflow: visible !important;
  line-height: 0 !important;
}
.ii-reassurance-art img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
@media (max-width: 680px) {
  .ii-reassurance-art {
    flex-basis: 82px !important;
    width: 82px !important;
    height: 66px !important;
  }
}


/* 0.9.196 final Send Us a Note spacing pass. */
@media (min-width: 961px) {
  /* Keep the title/description relationship compact and intentional. */
  .ii-send-note-hero h1 {
    margin-bottom: 18px !important;
  }
  .ii-send-note-hero p {
    margin-top: 0 !important;
  }

  /* Place the notebook form ~25px below the final description line.
     The approved safety sticky remains in its 0.9.195 position. */
  .ii-send-note-paper {
    top: -374px !important;
    margin-bottom: -374px !important;
  }
}

/* Compact, centered reassurance row: artwork directly beside copy. */
.ii-send-note-reassurance {
  width: fit-content !important;
  max-width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 14px 18px !important;
}
.ii-send-note-reassurance p {
  flex: 0 1 auto !important;
  width: auto !important;
}
.ii-reassurance-art {
  flex: 0 0 96px !important;
  width: 96px !important;
  height: 76px !important;
}
@media (max-width: 680px) {
  .ii-send-note-reassurance {
    gap: 8px !important;
    padding: 12px 14px !important;
  }
  .ii-reassurance-art {
    flex-basis: 72px !important;
    width: 72px !important;
    height: 58px !important;
  }
}

/* 0.9.197 responsive Send Us a Note layout pass. */
@media (min-width: 961px) {
  /* Desktop: keep the hero clear, then start the paper 25px below the description. */
  .ii-send-note-stage {
    padding-top: 25px !important;
    margin-top: 0 !important;
  }
  .ii-send-note-paper {
    position: relative !important;
    top: 0 !important;
    margin: 0 auto !important;
  }
  .ii-send-note-hero h1 {
    margin-bottom: 18px !important;
  }
  .ii-send-note-hero p {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 960px) {
  .ii-forms-page-main {
    padding-top: 72px !important;
    overflow-x: clip !important;
  }
  .ii-send-note-page {
    width: min(100%, 820px) !important;
    padding: 0 18px 24px !important;
    overflow: visible !important;
  }
  .ii-send-note-hero {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto 20px !important;
    padding: 0 8px !important;
  }
  .ii-send-note-hero h1 {
    margin: 10px 0 16px !important;
    font-size: clamp(3.2rem, 10vw, 5rem) !important;
    line-height: .9 !important;
  }
  .ii-send-note-hero p {
    max-width: 640px !important;
    margin: 0 auto !important;
    font-size: clamp(1rem, 2.4vw, 1.18rem) !important;
    line-height: 1.4 !important;
  }
  .ii-send-note-stage {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }
  .ii-send-note-safety {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: min(350px, calc(100vw - 44px)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    transform: rotate(-1.4deg) !important;
    flex: 0 0 auto !important;
  }
  .ii-send-note-paper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: min(780px, 100%) !important;
    min-height: 900px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
  }
  .ii-send-note-paper-content {
    padding: 104px 62px 68px 92px !important;
  }
  .ii-send-note-form {
    gap: 15px !important;
  }
  .ii-send-note-upload,
  .ii-send-note-upload-label,
  .ii-send-note-upload-help,
  .ii-send-note-submit,
  .ii-form-privacy {
    position: relative !important;
    z-index: 2 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .ii-send-note-reassurance {
    position: relative !important;
    width: fit-content !important;
    max-width: calc(100% - 24px) !important;
    margin: 18px auto 0 !important;
  }
}

@media (max-width: 680px) {
  .ii-forms-page-main {
    padding: 48px 0 56px !important;
  }
  .ii-send-note-page {
    width: 100% !important;
    padding: 0 10px 20px !important;
  }
  .ii-send-note-hero {
    margin-bottom: 18px !important;
    padding: 0 10px !important;
  }
  .ii-send-note-kicker {
    max-width: calc(100% - 28px) !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .ii-send-note-hero h1 {
    margin: 10px 0 14px !important;
    font-size: clamp(3rem, 15vw, 4.25rem) !important;
    line-height: .92 !important;
  }
  .ii-send-note-hero p {
    max-width: 94% !important;
    font-size: clamp(.98rem, 4.6vw, 1.12rem) !important;
    line-height: 1.42 !important;
  }
  .ii-send-note-flight {
    display: none !important;
  }
  .ii-send-note-stage {
    gap: 14px !important;
  }
  .ii-send-note-safety {
    width: min(330px, calc(100vw - 34px)) !important;
    margin: 0 auto !important;
  }
  .ii-send-note-paper {
    width: calc(100% - 8px) !important;
    min-height: 1080px !important;
    border-radius: 20px !important;
  }
  .ii-send-note-paper-content {
    padding: 92px 26px 58px 48px !important;
  }
  .ii-send-note-form {
    width: 100% !important;
    gap: 14px !important;
  }
  .ii-send-note-form label,
  .ii-send-note-upload,
  .ii-send-note-upload-label {
    min-width: 0 !important;
    width: 100% !important;
  }
  .ii-send-note-form input,
  .ii-send-note-form select,
  .ii-send-note-form textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
  }
  .ii-send-note-form input[type="file"] {
    overflow: hidden !important;
  }
  .ii-send-note-form textarea {
    min-height: 190px !important;
  }
  .ii-send-note-upload-help {
    font-size: .76rem !important;
    line-height: 1.35 !important;
  }
  .ii-send-note-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
  .ii-form-privacy {
    font-size: .76rem !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }
  .ii-send-note-reassurance {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    gap: 10px !important;
    margin: 14px auto 0 !important;
    padding: 14px 16px !important;
    transform: none !important;
  }
  .ii-send-note-reassurance p {
    min-width: 0 !important;
    font-size: .86rem !important;
    line-height: 1.4 !important;
  }
  .ii-reassurance-art {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 58px !important;
  }
}

@media (max-width: 430px) {
  .ii-forms-page-main {
    padding-top: 38px !important;
  }
  .ii-send-note-page {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .ii-send-note-hero h1 {
    font-size: clamp(2.85rem, 14.5vw, 3.9rem) !important;
  }
  .ii-send-note-hero p {
    max-width: 96% !important;
  }
  .ii-send-note-safety {
    width: min(310px, calc(100vw - 24px)) !important;
  }
  .ii-send-note-paper {
    width: calc(100% - 4px) !important;
    min-height: 1120px !important;
  }
  .ii-send-note-paper-content {
    padding: 86px 18px 52px 42px !important;
  }
  .ii-send-note-form label > span {
    font-size: .9rem !important;
  }
  .ii-send-note-upload-help,
  .ii-form-privacy {
    font-size: .72rem !important;
  }
  .ii-send-note-reassurance {
    gap: 8px !important;
    padding: 13px 12px !important;
  }
  .ii-reassurance-art {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 52px !important;
  }
}

/* 0.9.198 final Send Us a Note composition + responsive paper ownership pass.
   Desktop paper begins just below the hero description; the safety sticky remains
   layered above it. Tablet/mobile paper height is content-driven and the artwork
   fills the entire paper container so form controls never float off the sheet. */
@media (min-width: 961px) {
  .ii-send-note-stage {
    padding-top: 14px !important;
    margin-top: 0 !important;
  }
  .ii-send-note-paper {
    position: relative !important;
    top: 0 !important;
    margin: 0 auto !important;
    z-index: 2 !important;
  }
  .ii-send-note-safety {
    z-index: 4 !important;
  }
}

@media (max-width: 960px) {
  /* Let the form content establish the sheet height instead of forcing a tall
     wrapper around a short, contained image. */
  .ii-send-note-paper {
    aspect-ratio: auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    background: transparent !important;
  }
  .ii-send-note-paper-art {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: center !important;
  }
  .ii-send-note-paper-content {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
  }
}

@media (max-width: 680px) {
  .ii-send-note-paper {
    width: calc(100% - 8px) !important;
  }
  /* Keep comfortable notebook margins while fitting every control on-screen. */
  .ii-send-note-paper-content {
    padding: 88px 24px 56px 48px !important;
  }
}

@media (max-width: 430px) {
  .ii-send-note-paper {
    width: calc(100% - 6px) !important;
  }
  .ii-send-note-paper-content {
    padding: 82px 18px 48px 42px !important;
  }
}

/* 0.9.251 — Bluejay-style mobile notebook extension for Send Us a Note.
   The form can be much taller than the source artwork on phones. Instead of
   object-fit:fill stretching the whole sheet, JS now preserves the real top and
   bottom caps and repeats one clean notebook-line period through the middle. */
.ii-send-note-paper-render-source,
.ii-send-note-paper-canvas {
  pointer-events: none !important;
}
.ii-send-note-paper-render-source {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
}
.ii-send-note-paper-canvas {
  display: none;
}

@media (max-width: 960px) {
  .ii-send-note-paper {
    isolation: isolate !important;
  }
  .ii-send-note-paper-canvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
  }
  .ii-send-note-paper.is-paper-rendered .ii-send-note-paper-canvas {
    display: block !important;
  }
  .ii-send-note-paper.is-paper-rendered .ii-send-note-paper-art {
    opacity: 0 !important;
  }
  .ii-send-note-paper-content {
    position: relative !important;
    z-index: 2 !important;
  }
}

@media (max-width: 680px) {
  /* Leave a real lower paper margin so the preserved bottom cap/hole is visible. */
  .ii-send-note-paper-content {
    padding-bottom: 76px !important;
  }
}

@media (max-width: 430px) {
  .ii-send-note-paper-content {
    padding-bottom: 72px !important;
  }
}

/* 0.9.252 — compact mobile safety note + higher form + orange submit CTA. */
.ii-send-note-submit,
.ii-send-note-submit:hover,
.ii-send-note-submit:focus,
.ii-send-note-submit:focus-visible {
  border-color: #f28c28 !important;
  background: #f28c28 !important;
  color: #fff !important;
  box-shadow: 0 7px 0 #b65a0d, 0 11px 24px rgba(140,76,15,.24) !important;
}
.ii-send-note-submit:hover,
.ii-send-note-submit:focus,
.ii-send-note-submit:focus-visible {
  background: #ff9d31 !important;
  border-color: #ff9d31 !important;
}
.ii-send-note-submit:active {
  background: #df7718 !important;
  border-color: #df7718 !important;
  box-shadow: 0 3px 0 #9f4908 !important;
}

@media (max-width: 680px) {
  /* Make the "Before you send us a note" card a supporting cue rather than
     the dominant object, then close the vertical gap before the form sheet. */
  .ii-send-note-hero {
    margin-bottom: 10px !important;
  }
  .ii-send-note-stage {
    gap: 4px !important;
  }
  .ii-send-note-safety {
    width: min(292px, calc(100vw - 54px)) !important;
  }
  .ii-send-note-safety-copy {
    padding: 32px 30px 27px 39px !important;
  }
  .ii-safety-shield {
    top: 27px !important;
    left: 29px !important;
    width: 38px !important;
    height: 47px !important;
  }
  .ii-send-note-safety h2 {
    min-height: 44px !important;
    padding-left: 47px !important;
    margin-bottom: 8px !important;
    font-size: 1rem !important;
    line-height: 1.12 !important;
  }
  .ii-send-note-safety p {
    margin-bottom: 7px !important;
    font-size: .75rem !important;
    line-height: 1.32 !important;
  }
  .ii-send-note-safety strong {
    font-size: .82rem !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 430px) {
  .ii-send-note-hero {
    margin-bottom: 8px !important;
  }
  .ii-send-note-stage {
    gap: 2px !important;
  }
  .ii-send-note-safety {
    width: min(276px, calc(100vw - 46px)) !important;
  }
  .ii-send-note-safety-copy {
    padding: 30px 27px 24px 36px !important;
  }
  .ii-safety-shield {
    top: 25px !important;
    left: 27px !important;
    width: 35px !important;
    height: 43px !important;
  }
  .ii-send-note-safety h2 {
    min-height: 41px !important;
    padding-left: 43px !important;
    font-size: .94rem !important;
  }
  .ii-send-note-safety p {
    font-size: .71rem !important;
  }
  .ii-send-note-safety strong {
    font-size: .78rem !important;
  }
}

/* 0.9.253 — cache-proof mobile Send Us a Note composition. */
@media (max-width: 680px) {
  body .ii-send-note-page .ii-send-note-stage { gap: 0 !important; row-gap: 0 !important; }
  body .ii-send-note-page .ii-send-note-safety { width: min(282px, calc(100vw - 58px)) !important; min-height: 0 !important; margin: 0 auto !important; }
  body .ii-send-note-page .ii-send-note-safety-copy { padding: 30px 28px 24px 37px !important; }
  body .ii-send-note-page .ii-safety-shield { top: 25px !important; left: 27px !important; width: 36px !important; height: 44px !important; }
  body .ii-send-note-page .ii-send-note-safety h2 { min-height: 41px !important; padding-left: 44px !important; margin-bottom: 7px !important; font-size: .94rem !important; line-height: 1.12 !important; }
  body .ii-send-note-page .ii-send-note-safety p { margin-bottom: 6px !important; font-size: .70rem !important; line-height: 1.30 !important; }
  body .ii-send-note-page .ii-send-note-safety strong { font-size: .78rem !important; line-height: 1.23 !important; }
  body .ii-send-note-page .ii-send-note-paper { margin-top: -46px !important; }
}
@media (max-width: 430px) {
  body .ii-send-note-page .ii-send-note-safety { width: min(266px, calc(100vw - 62px)) !important; }
  body .ii-send-note-page .ii-send-note-safety-copy { padding: 28px 25px 22px 34px !important; }
  body .ii-send-note-page .ii-safety-shield { top: 23px !important; left: 25px !important; width: 33px !important; height: 40px !important; }
  body .ii-send-note-page .ii-send-note-safety h2 { min-height: 38px !important; padding-left: 40px !important; font-size: .88rem !important; }
  body .ii-send-note-page .ii-send-note-safety p { font-size: .66rem !important; }
  body .ii-send-note-page .ii-send-note-safety strong { font-size: .73rem !important; }
  body .ii-send-note-page .ii-send-note-paper { margin-top: -50px !important; }
}
body .ii-send-note-page .ii-send-note-submit,
body .ii-send-note-page .ii-send-note-submit:hover,
body .ii-send-note-page .ii-send-note-submit:focus,
body .ii-send-note-page .ii-send-note-submit:focus-visible {
  background: #f28c28 !important;
  border-color: #f28c28 !important;
  color: #fff !important;
  box-shadow: 0 7px 0 #b65a0d, 0 11px 24px rgba(140,76,15,.24) !important;
}
body .ii-send-note-page .ii-send-note-submit:hover,
body .ii-send-note-page .ii-send-note-submit:focus,
body .ii-send-note-page .ii-send-note-submit:focus-visible { background: #ff9d31 !important; border-color: #ff9d31 !important; }
body .ii-send-note-page .ii-send-note-submit:active { background: #df7718 !important; border-color: #df7718 !important; box-shadow: 0 3px 0 #9f4908 !important; }