*{box-sizing:border-box}
body{margin:0;background:#f9f4ec;font-family:'Hanken Grotesk',system-ui,sans-serif;color:#453a30}
a{color:#b0677a;text-decoration:none}
a:hover{opacity:.82}
input::placeholder{color:rgba(69,58,48,.4)}
img{display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 22px}

/* hero */
.hero{position:relative;overflow:hidden;background:#f9f4ec;min-height:470px}
.heroimg{position:absolute;top:0;left:0;right:0;height:470px;background:#efe6d8 url('img/widowed-dating-hero.jpg') center 34%/cover no-repeat}
.scrim-mobile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(63,52,43,.2) 0px,rgba(63,52,43,.08) 95px,rgba(249,244,236,0) 205px,rgba(249,244,236,.86) 380px,#f9f4ec 470px)}
.scrim-desktop{position:absolute;inset:0;display:none;background:linear-gradient(90deg,rgba(249,244,236,.98) 0%,rgba(249,244,236,.62) 26%,rgba(249,244,236,.5) 52%,rgba(249,244,236,.12) 74%,rgba(249,244,236,.28) 100%)}
.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;max-width:1280px;margin:0 auto}
.logo-desktop{display:none;width:120px;height:auto}
.logo-mobile{display:block;width:80px;height:auto}
.login{display:inline-flex;align-items:center;font:600 13px 'Hanken Grotesk',sans-serif;color:#fff;background:#b0677a;padding:12px 26px;border-radius:26px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 20px -6px rgba(0,0,0,.28)}
.login:hover{background:#bd7686;opacity:1}
.hero-grid{position:relative;z-index:2;max-width:1280px;margin:0 auto}
.copy{padding:240px 22px 4px}
.eyebrow{font:600 11px 'Hanken Grotesk',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#a95a6d;margin-bottom:18px}
.h1{font-family:'Newsreader',serif;font-weight:500;font-size:42px;line-height:1;margin:0;letter-spacing:-.015em;color:#3f342b}
.h1 em{font-weight:600;color:#a95a6d}
.hero-sub{margin:24px 0 0;font-size:16px;line-height:1.65;color:#6d6053;max-width:490px}
.formcol{padding:0 22px 8px}

/* form card */
.card{background:#fffdf8;border:1px solid rgba(69,58,48,.12);border-radius:20px;box-shadow:0 34px 70px -30px rgba(69,58,48,.42);padding:24px 20px;    margin-top: 20px;
    margin-bottom: 20px;}
.card-h{font:600 11px 'Hanken Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b0677a;margin-bottom:15px}
.lbl{display:block;font:500 13.5px 'Hanken Grotesk',sans-serif;color:#5c4f43;letter-spacing:.02em}
.lbl .muted{color:#a2937f;font-weight:400}
.seg{display:flex;gap:8px;margin:9px 0 15px}
.seg button{flex:1;padding:12px 4px;border-radius:11px;border:1px solid rgba(69,58,48,.16);background:rgba(69,58,48,.02);cursor:pointer;font:600 13px 'Hanken Grotesk',sans-serif;color:#453a30}
.seg button[aria-pressed="true"]{background:#b0677a;border-color:#b0677a;color:#fff}
.inp{width:100%;padding:13px 14px;background:#fbf7f0;border:1px solid rgba(69,58,48,.16);border-radius:11px;color:#453a30;font:400 15px 'Hanken Grotesk',sans-serif;outline:none}
.inp:focus{border-color:#b0677a;background:rgba(176,103,122,.07)}
.dob{display:flex;gap:8px;margin:9px 0 4px}
.dob .inp{text-align:center;padding:13px 4px;min-width:0}
.warn{font:500 12px 'Hanken Grotesk',sans-serif;color:#c15c57;margin:5px 0 0}
.cta{width:100%;padding:15px;margin-top:12px;background:#b0677a;color:#fff;border:none;border-radius:11px;font:700 15px 'Hanken Grotesk',sans-serif;letter-spacing:.02em;cursor:pointer}
.cta:hover{background:#bd7686}
.reassure{margin-top:13px;text-align:center;font:400 12px 'Hanken Grotesk',sans-serif;color:#a2937f;letter-spacing:.03em}
.handoff{margin-top:15px;padding-top:13px;border-top:1px dashed rgba(69,58,48,.14)}
.handoff-h{font:600 9px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#b0a291;margin-bottom:6px}
.handoff-url{font:400 9.5px/1.55 ui-monospace,Menlo,monospace;color:#8a7c6b;word-break:break-all}

/* band + sections */
.band{background:#fffefc;border-top:1px solid rgba(69,58,48,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)} 
.band-sml{background:#fffefc;border-top:1px solid rgba(69,58,48,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)} 
.kicker{font:600 12px 'Hanken Grotesk',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b0677a}
.feat{display:flex;flex-direction:column;gap:0;margin-top:26px}
.feat-item{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid rgba(69,58,48,.1)}
.feat-ico{flex:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(176,103,122,.13)}
.feat-title{font:600 18px 'Hanken Grotesk',sans-serif;color:#3f342b}
.feat-desc{margin:5px 0 0;font:400 15px/1.6 'Hanken Grotesk',sans-serif;color:#6d6053}


.featico{display:flex;flex-direction:column;gap:0;margin-top:26px}
.featico-item{display:flex;gap:14px;align-items:flex-start;padding:18px 0;}
.featico-ico{flex:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(176,103,122,.13)}
.featico-title{font:500 17px 'Hanken Grotesk',sans-serif;color:#3f342b; margin-top: 10px;}


.sec-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.sec-title{font-family:'Newsreader',serif;font-size:32px;font-weight:500;color:#3f342b}
.faqwrap{max-width:100%}
.art{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid rgba(69,58,48,.12);color:inherit}
.art:hover{opacity:1}
.art-cat{font:600 9.5px 'Hanken Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b0677a;margin-bottom:9px}
.art-title{font-family:'Newsreader',serif;font-size:19px;font-weight:600;line-height:1.25;color:#3f342b}
.art-desc{margin:8px 0 0;font:400 15px/1.6 'Hanken Grotesk',sans-serif;color:#6d6053;max-width:640px}
.art-arrow{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(69,58,48,.18);display:flex;align-items:center;justify-content:center;font:400 16px 'Hanken Grotesk',sans-serif;color:#b0677a}

.faq{border-top:1px solid rgba(69,58,48,.12)}
.faq:last-child{border-bottom:1px solid rgba(69,58,48,.12)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;background:none;border:none;color:#3f342b;font:500 16.5px 'Hanken Grotesk',sans-serif;text-align:left;cursor:pointer}
.faq-q .sign{font:400 20px 'Hanken Grotesk',sans-serif;color:#b0677a;flex:none}
.faq-a{margin:0;padding:0 0 20px;font:400 15.5px/1.65 'Hanken Grotesk',sans-serif;color:#6d6053;max-width:640px;display:none}
.faq.open .faq-a{display:block}

.about{background:#fffdf8;border-top:1px solid rgba(69,58,48,.1);border-bottom:1px solid rgba(69,58,48,.1)}
.about h1 {font-family:'Newsreader',serif;font-weight:500;font-size:42px;line-height:1;margin:0;letter-spacing:-.015em;color:#3f342b; margin-bottom: 24px;}
.about h2{font-family:'Newsreader',serif;font-size:28px;font-weight:500;margin:32px 0 24px;color:#3f342b}
.about h3{font:600 22px 'Hanken Grotesk',sans-serif;color:#3f342b;margin:32px 0 18px}
.about p{400 20px/2 'Hanken Grotesk',sans-serif;color:#6d6053;margin:12px 0 22px}
.about li {font-size:500 20px/2;
    margin-bottom: 20px;
    margin-top: 8px;}
.foot{display:flex;flex-direction:column}
.foot-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}
.foot-links a{font:500 12.5px 'Hanken Grotesk',sans-serif;color:#7a6c5d; padding: 8px;}
.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(69,58,48,.16);border-radius:20px;font:600 11px 'Hanken Grotesk',sans-serif;color:#7a6c5d;letter-spacing:.04em}
.copyright{margin-top:22px;font:400 11px 'Hanken Grotesk',sans-serif;color:#a2937f;line-height:1.6}

@media(min-width:1040px){
  .scrim-mobile{display:none}
  .scrim-desktop{display:block}
  .heroimg{height:auto;bottom:0;background-position:center 22%}
  .logo-desktop{display:block}
  .logo-mobile{display:none}
  .hero{min-height:0}
  .hero-grid{display:grid;grid-template-columns:1.15fr 448px;min-height:660px;align-items:stretch}
  .copy{align-self:center;padding:64px 56px;min-width:0}
  .h1{font-size:72px}
  .hero-sub{font-size:21px}
  .formcol{align-self:center;padding:56px 56px 56px 0}
  .feat{flex-direction:row;gap:20px}
  .featico{flex-direction:row;gap:20px}
  .feat-item{flex:1;display:inline-flex;padding:28px 26px;background:#fff;border:1px solid rgba(69,58,48,.1);border-radius:18px;box-shadow:0 20px 44px -32px rgba(69,58,48,.55)}
   .featico-item{flex:1;display:inline-flex;padding:28px 26px;}
  .feat-ico{width:48px;height:48px;margin-bottom:18px}
  .feat-title{font-size:18.5px}
  .feat-desc{margin-top:9px}
  .faqwrap{max-width:760px;margin:0 auto}
  .art-title{font-size:23px}
  .sec-title-lg{font-size:32px}
  .foot{flex-direction:row;justify-content:space-between;align-items:flex-start}
  .foot-links{margin-top:12px}
}