/* Consult Traidy — landing-page kit (newsletter + lead-magnet pages).
   One stylesheet so every capture page matches the live site exactly. Tokens, fonts and form
   styling are lifted from public/index.html (:root lines 192-232). Client brand only: this uses
   Atkinson Hyperlegible and the warm stone + petrol palette, never any Vantage token. */

/* Atkinson Hyperlegible, self-hosted. Absolute /fonts/ paths so this file works from any page depth
   (public/newsletter.html AND public/free/*.html). Same 8 woff2 the site ships. */
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400-latinext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400-italic-latinext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700-latinext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700-italic-latinext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --paper:#EDE7DC; --panel:#E4DCCC; --line:#D8CDB9; --ink:#211C17; --muted:#5C5346;
  --petrol:#1B565A; --petrol-deep:#123E41;
  --em:#9C2F68; --plum:#B23C7A; --rose:#F499BC;
  --em-grad:linear-gradient(100deg,#1B565A 0%,#8E3B72 45%,#B23C7A 100%);
  --card:#FFFFFF;
  --font:"Atkinson Hyperlegible",Arial,Verdana,sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);color:var(--ink);background:var(--paper);
  line-height:1.6;-webkit-font-smoothing:antialiased;
  min-height:100vh;min-height:100svh;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
strong,b{font-weight:700}
em{font-style:italic}

/* --- shell --- */
.lp{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.lp-top{padding:clamp(1.1rem,3vw,1.8rem) clamp(1.2rem,5vw,3rem)}
.lp-brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.02rem;letter-spacing:-.01em}
.lp-brand img{width:26px;height:26px;border-radius:6px}
.lp-main{flex:1;display:flex;align-items:center;justify-content:center;
  padding:clamp(1rem,4vw,2.5rem) clamp(1.2rem,5vw,3rem) clamp(2.5rem,6vw,4rem)}
.lp-grid{width:min(1080px,100%);display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(2.2rem,5vw,4.5rem);align-items:center}

/* --- left: copy (newsletter) --- */
.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700}
.lp-copy h1{font-weight:400;letter-spacing:-.02em;line-height:1.05;
  font-size:clamp(2.1rem,5.2vw,3.4rem);margin:.9rem 0 0}
.lp-copy h1 .g{background:var(--em-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--plum)}
.lp-lead{color:var(--muted);font-size:clamp(1.02rem,2vw,1.16rem);line-height:1.6;
  margin-top:1.2rem;max-width:44ch}
.lp-proof{display:flex;align-items:center;gap:1rem;margin-top:1.7rem}
.lp-proof img{width:78px;height:78px;border-radius:50%;object-fit:cover;object-position:50% 10%;flex:none}
.lp-proof span{font-size:.96rem;color:var(--ink);line-height:1.4}
.lp-proof b{display:block;font-weight:700;margin-bottom:.2rem}
.lp-proof small{color:var(--muted);font-size:.86rem;line-height:1.5}

/* --- right: form card --- */
.lp-card{background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:clamp(1.5rem,3.5vw,2.4rem);box-shadow:0 24px 60px -34px rgba(18,62,65,.4)}
.lp-card h2{font-weight:700;font-size:1.22rem;letter-spacing:-.01em;margin-bottom:.4rem}
.lp-card .sub{color:var(--muted);font-size:.98rem;margin-bottom:1.3rem}
.field{margin-bottom:.85rem}
.field label{display:block;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin-bottom:.35rem}
.field input{width:100%;font:inherit;font-size:1.04rem;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:11px;padding:.85rem 1rem;
  transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.field input::placeholder{color:#9a9184}
.field input:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(27,86,90,.16)}
.lp-submit{width:100%;margin-top:.5rem;background:var(--petrol);color:#fff;
  border-radius:100px;padding:1.02rem 1.5rem;font-size:.82rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  transition:background .25s var(--ease-out),transform .12s var(--ease-out),box-shadow .25s var(--ease-out)}
.lp-submit:hover{background:#16484c;transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(18,62,65,.6)}
.lp-submit:active{transform:translateY(0)}
.lp-submit[disabled]{opacity:.6;cursor:default;transform:none;box-shadow:none}
.lp-fine{color:var(--muted);font-size:.86rem;line-height:1.5;text-align:center;margin-top:1rem}
.lp-status{font-size:.92rem;margin-top:.8rem;min-height:1.2em;text-align:center}
.lp-status.err{color:#B42318}

/* honeypot — hidden from people, visible to bots (field name must be "website") */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- success state --- */
.lp-done{display:none;text-align:center;padding:.4rem 0}
.lp-done.show{display:block}
.lp-card.done form,.lp-card.done .card-head{display:none}
.lp-done .tick{width:52px;height:52px;border-radius:50%;background:var(--petrol);
  display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.lp-done .tick svg{width:26px;height:26px;stroke:#fff;stroke-width:2.4;fill:none}
.lp-done h2{font-weight:700;font-size:1.28rem;margin-bottom:.5rem}
.lp-done p{color:var(--muted);font-size:.98rem;line-height:1.55;max-width:32ch;margin:0 auto}
.lp-dl{display:inline-block;margin-top:1.3rem;background:var(--petrol);color:#fff;
  border-radius:100px;padding:.95rem 1.8rem;font-size:.82rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  transition:background .25s var(--ease-out),transform .12s var(--ease-out)}
.lp-dl:hover{background:#16484c;transform:translateY(-2px)}

/* --- lead-magnet preview: a flat image of the ACTUAL freebie + soft shadow (reference style) --- */
.cover-wrap{display:flex;justify-content:center;padding:.5rem}
.magnet{width:min(400px,86vw);height:auto;border-radius:8px;border:1px solid var(--line);
  box-shadow:0 20px 50px -18px rgba(33,28,23,.35),0 4px 14px -8px rgba(33,28,23,.22)}

/* --- responsive --- */
@media(max-width:860px){
  .lp-grid{grid-template-columns:1fr;gap:2.2rem;max-width:460px}
  .lp-copy{text-align:center}
  .lp-lead{margin-inline:auto}
  .lp-proof{justify-content:center}
  .cover-wrap{order:-1}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .cover{transform:none}
}