/* ============================================================
   MINTPLOY — Production stylesheet
   Editorial, restrained, premium. Whitespace and type do the
   work, not color or graphics. Mobile-first.
   ============================================================ */

/* ---------- Tokens ---------- */
:root {
  /* Warm neutral scale */
  --bone-50:#FBFAF6; --bone-100:#F5F2EA; --bone-200:#EDE9DE;
  --bone-300:#DED8C9; --bone-400:#C4BCAA;
  --stone-500:#9A9183; --stone-600:#6E665A; --stone-700:#4A453C;
  --ink-900:#1A1A1A; --ink-950:#0D0D0D; --black:#000; --white:#fff;

  /* Accent — deep evergreen "verde" */
  --verde-700:#1E3A2F; --verde-600:#2C4F40; --verde-100:#E4EAE3;

  /* Semantic */
  --surface-page:var(--bone-100);
  --surface-alt:var(--bone-200);
  --surface-card:var(--bone-50);
  --surface-invert:var(--ink-950);
  --text-strong:var(--ink-950);
  --text-body:var(--ink-900);
  --text-muted:var(--stone-600);
  --text-faint:var(--stone-500);
  --text-on-invert:var(--bone-100);
  --text-on-invert-muted:#A8A296;
  --line-hairline:var(--bone-300);
  --line-strong:var(--bone-400);
  --line-on-invert:rgba(245,242,234,0.16);
  --accent:var(--verde-700);
  --accent-hover:var(--verde-600);
  --focus-ring:var(--verde-600);

  /* Type */
  --font-serif:"Newsreader",Georgia,"Times New Roman",serif;
  --font-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fs-display-1:clamp(2.75rem,1.4rem + 6vw,5.75rem);
  --fs-display-2:clamp(2.25rem,1.3rem + 4.2vw,4rem);
  --fs-display-3:clamp(1.75rem,1.2rem + 2.6vw,2.75rem);
  --fs-title:clamp(1.35rem,1.05rem + 1.3vw,1.875rem);
  --fs-lead:clamp(1.125rem,1.02rem + 0.5vw,1.375rem);
  --fs-body:1.0625rem; --fs-body-sm:0.9375rem;
  --fs-label:0.75rem; --fs-meta:0.8125rem;
  --tracking-label:0.16em; --tracking-display:-0.02em;

  /* Layout */
  --measure:38rem; --container:75rem; --container-wide:84rem;
  --gutter:clamp(1.5rem,1rem + 4vw,4.5rem);
  --section-y:clamp(4.5rem,3rem + 7vw,11rem);

  /* Radius / border / shadow */
  --radius-sm:4px; --radius-md:8px; --radius-pill:999px;
  --border-hair:1px solid var(--line-hairline);
  --shadow-sm:0 2px 8px rgba(26,26,26,0.05);
  --shadow-md:0 12px 32px -12px rgba(26,26,26,0.12);
  --shadow-lift:0 24px 60px -28px rgba(26,26,26,0.22);

  /* Motion */
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --dur-fast:140ms; --dur-base:240ms; --dur-slow:520ms;
}

/* ---------- Reset & base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0;background:var(--surface-page);color:var(--text-body);
  font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.62;
  font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:var(--verde-700);color:var(--bone-50);}
h1,h2,h3{
  font-family:var(--font-serif);color:var(--text-strong);font-weight:300;
  letter-spacing:var(--tracking-display);line-height:1.04;margin:0;text-wrap:balance;
}
h4,h5,h6{font-family:var(--font-sans);margin:0;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px;}

/* ---------- Layout helpers ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
.container-wide{width:100%;max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--gutter);}
.section{padding-block:var(--section-y);}
.measure{max-width:var(--measure);}
.rule{border:0;border-top:var(--border-hair);margin:0;}

/* ---------- Editorial primitives ---------- */
.eyebrow{
  font-family:var(--font-sans);font-size:var(--fs-label);font-weight:600;
  letter-spacing:var(--tracking-label);text-transform:uppercase;
  color:var(--text-faint);margin:0;display:inline-flex;align-items:center;gap:1.1rem;
}
.eyebrow::before{
  content:"";width:2rem;height:1px;background:var(--line-strong);display:inline-block;
}
.eyebrow--invert{color:var(--text-on-invert-muted);}
.eyebrow--invert::before{background:var(--line-on-invert);}
.eyebrow--plain::before{display:none;}

.index{
  font-family:var(--font-serif);font-weight:300;color:var(--accent);
  font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:0;line-height:1;
}
.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--text-muted);font-weight:400;text-wrap:pretty;}

.link{
  color:var(--text-strong);background-image:linear-gradient(var(--accent),var(--accent));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size var(--dur-base) var(--ease-out),color var(--dur-fast);
  padding-bottom:1px;font-weight:500;
}
.link:hover{background-size:100% 1px;color:var(--accent);}
.link .arr{display:inline-block;transition:transform var(--dur-base) var(--ease-out);}
.link:hover .arr{transform:translateX(3px);}

/* ---------- Button ---------- */
.btn{
  --pad-y:0.95rem;--pad-x:1.6rem;
  display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;
  font-family:var(--font-sans);font-weight:600;font-size:0.95rem;letter-spacing:0.01em;
  padding:var(--pad-y) var(--pad-x);border-radius:var(--radius-pill);border:1px solid transparent;
  cursor:pointer;transition:background var(--dur-base) var(--ease-out),
    color var(--dur-base),border-color var(--dur-base),transform var(--dur-fast);
  white-space:nowrap;
}
.btn:active{transform:translateY(1px);}
.btn .arr{display:inline-block;transition:transform var(--dur-base) var(--ease-out);}
.btn:hover .arr{transform:translateX(3px);}
.btn--solid{background:var(--ink-950);color:var(--bone-50);}
.btn--solid:hover{background:var(--verde-700);}
.btn--outline{background:transparent;color:var(--text-strong);border-color:var(--line-strong);}
.btn--outline:hover{background:var(--ink-950);color:var(--bone-50);border-color:var(--ink-950);}
.btn--invert{background:var(--bone-50);color:var(--ink-950);}
.btn--invert:hover{background:var(--verde-100);}
.btn--sm{--pad-y:0.6rem;--pad-x:1.15rem;font-size:0.875rem;}
.btn--lg{--pad-y:1.1rem;--pad-x:2rem;font-size:1rem;}
.btn[disabled]{opacity:0.5;cursor:not-allowed;}

/* ============================================================
   HEADER / NAV
   ============================================================ */
.site-header{
  position:sticky;top:0;z-index:100;
  background:transparent;
  transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base);
  border-bottom:1px solid transparent;
}
.site-header.is-scrolled{
  background:rgba(245,242,234,0.86);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--line-hairline);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:2rem;}
.nav__logo{display:inline-flex;align-items:center;}
.nav__logo img{height:23px;width:auto;}
.nav__links{display:flex;align-items:center;gap:2.4rem;}
.nav__links a{
  font-size:0.875rem;font-weight:500;letter-spacing:0.01em;color:var(--text-muted);
  transition:color var(--dur-fast);
}
.nav__links a:hover,.nav__links a.is-active{color:var(--text-strong);}
.nav__cta{display:flex;align-items:center;gap:0.75rem;}
.nav__toggle{
  display:none;background:none;border:none;cursor:pointer;padding:10px;
  flex-direction:column;gap:5px;
}
.nav__toggle span{width:22px;height:1.5px;background:var(--ink-950);transition:transform var(--dur-base),opacity var(--dur-base);}
.nav.is-open .nav__toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav.is-open .nav__toggle span:nth-child(2){opacity:0;}
.nav.is-open .nav__toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.mobile-menu{
  display:none;border-top:1px solid var(--line-hairline);background:var(--bone-100);
  padding:1.25rem var(--gutter) 1.9rem;
  flex-direction:column;gap:1.25rem;
}
.mobile-menu.is-open{display:flex;}
.mobile-menu a{font-size:1.15rem;color:var(--text-body);font-weight:500;}
.mobile-menu .btn{margin-top:0.4rem;}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;background:var(--surface-page);overflow:hidden;}
.hero__grid{
  display:grid;grid-template-columns:1.05fr 0.95fr;align-items:stretch;
  min-height:min(86vh,880px);
}
.hero__text{
  display:flex;flex-direction:column;justify-content:center;
  padding-block:clamp(3rem,2rem + 6vw,7rem);
  padding-inline-start:var(--gutter);
  padding-inline-end:clamp(1.5rem,1rem + 3vw,4rem);
  max-width:42rem;margin-inline-start:auto;width:100%;
}
.hero__title{font-size:var(--fs-display-1);margin-top:1.6rem;line-height:1.02;letter-spacing:-0.022em;}
.hero__title em{font-style:italic;font-weight:300;}
.hero__lead{margin-top:1.9rem;max-width:34rem;}
.hero__sub{margin-top:1.1rem;max-width:32rem;font-size:var(--fs-body);color:var(--text-faint);}
.hero__actions{margin-top:2.6rem;display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap;}
.hero__media{position:relative;min-height:320px;}
.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.hero__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--surface-page) 0%,rgba(245,242,234,0) 18%);
}

/* ============================================================
   STATEMENT BAND (dark)
   ============================================================ */
.statement{background:var(--surface-invert);color:var(--text-on-invert);}
.statement .container{padding-block:clamp(4rem,3rem + 5vw,8rem);}
.statement__lead{
  font-family:var(--font-serif);font-weight:300;line-height:1.18;
  font-size:var(--fs-display-3);max-width:30rem;color:var(--bone-100);letter-spacing:-0.01em;
}
.statement__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,1rem + 4vw,5rem);
  align-items:end;margin-top:0;
}
.statement__body{display:flex;flex-direction:column;gap:1.4rem;max-width:34rem;}
.statement__body p{color:var(--text-on-invert-muted);font-size:var(--fs-lead);line-height:1.55;}
.statement__body p strong{color:var(--bone-100);font-weight:400;}

/* ============================================================
   SECTION HEADING SHARED
   ============================================================ */
.section-head{max-width:46rem;}
.section-head h2{font-size:var(--fs-display-2);margin-top:1.5rem;letter-spacing:-0.018em;line-height:1.07;}
.section-head .lead{margin-top:1.9rem;}

/* ---------- What we do (pillars) ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(3rem,2rem + 3vw,5rem);border-top:var(--border-hair);}
.pillar{padding:2.4rem 2rem 2.4rem 0;border-right:var(--border-hair);}
.pillar:last-child{border-right:0;padding-right:0;}
.pillar:not(:first-child){padding-left:2rem;}
.pillar__k{font-size:1.6rem;}
.pillar h3{font-family:var(--font-sans);font-weight:600;font-size:1.0625rem;letter-spacing:0;line-height:1.3;color:var(--text-strong);margin-top:1rem;}
.pillar p{margin-top:0.7rem;color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6;}

/* ============================================================
   WHO WE WORK WITH (stages) — text + image split
   ============================================================ */
.stages{display:grid;grid-template-columns:1fr 0.82fr;gap:clamp(2.5rem,1rem + 6vw,7rem);align-items:center;}
.stages__media{position:relative;align-self:stretch;min-height:420px;border-radius:var(--radius-md);overflow:hidden;}
.stages__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.stage-list{margin-top:clamp(2rem,1rem + 3vw,3.5rem);}
.stage{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;padding-block:1.8rem;border-top:var(--border-hair);}
.stage:last-child{border-bottom:var(--border-hair);}
.stage__k{font-size:1.25rem;padding-top:0.1rem;}
.stage h3{font-family:var(--font-sans);font-weight:600;font-size:1.125rem;letter-spacing:0;line-height:1.3;color:var(--text-strong);}
.stage p{margin-top:0.45rem;color:var(--text-muted);font-size:var(--fs-body-sm);}

/* ============================================================
   EXITS / quiet pull statement (alt surface)
   ============================================================ */
.alt{background:var(--surface-alt);}
.pull{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,1rem + 5vw,6rem);align-items:start;}
.pull__title{font-size:var(--fs-display-2);letter-spacing:-0.018em;line-height:1.07;}
.pull__body{display:flex;flex-direction:column;gap:1.3rem;max-width:34rem;}
.pull__body p{color:var(--text-muted);font-size:var(--fs-lead);line-height:1.55;}

/* ============================================================
   HOW IT WORKS (process)
   ============================================================ */
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);margin-top:clamp(3rem,2rem + 3vw,5rem);}
.step{display:flex;flex-direction:column;gap:1rem;padding-top:1.6rem;border-top:2px solid var(--ink-950);}
.step__k{font-size:1.4rem;}
.step h3{font-family:var(--font-sans);font-weight:600;font-size:1.125rem;letter-spacing:0;line-height:1.3;color:var(--text-strong);}
.step p{color:var(--text-muted);font-size:var(--fs-body-sm);}

/* ============================================================
   STANDARD line (dark, sky image)
   ============================================================ */
.standard{position:relative;background:var(--surface-invert);color:var(--text-on-invert);overflow:hidden;}
.standard__grid{display:grid;grid-template-columns:1.1fr 0.9fr;align-items:stretch;min-height:min(70vh,640px);}
.standard__text{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(4rem,3rem + 4vw,7rem);padding-inline-start:var(--gutter);padding-inline-end:clamp(1.5rem,1rem + 3vw,4rem);max-width:42rem;margin-inline-start:auto;width:100%;}
.standard__title{font-size:var(--fs-display-2);color:var(--bone-100);margin-top:1.5rem;letter-spacing:-0.018em;line-height:1.07;text-wrap:normal;}
.standard__body{margin-top:1.9rem;display:flex;flex-direction:column;gap:1.2rem;max-width:34rem;}
.standard__body p{color:var(--text-on-invert-muted);font-size:var(--fs-lead);line-height:1.55;}
.standard__body p strong{color:var(--bone-100);font-weight:400;}
.standard__media{position:relative;min-height:340px;}
.standard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;}
.standard__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink-950) 0%,rgba(13,13,13,0) 22%);}

/* ============================================================
   ABOUT
   ============================================================ */
.about{display:grid;grid-template-columns:0.62fr 1fr;gap:clamp(2.5rem,1rem + 6vw,7rem);align-items:center;}
.about__media{position:relative;border-radius:var(--radius-md);overflow:hidden;align-self:stretch;min-height:440px;box-shadow:var(--shadow-md);}
.about__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.about__body h2{font-size:var(--fs-display-3);margin-top:1.4rem;letter-spacing:-0.015em;line-height:1.08;}
.about__lead{font-family:var(--font-serif);font-weight:300;font-size:var(--fs-title);line-height:1.4;color:var(--text-strong);margin-top:1.7rem;}
.about__body p{margin-top:1.2rem;color:var(--text-muted);}
.about__meta{margin-top:1.6rem;font-size:var(--fs-meta);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-faint);font-weight:500;}
.about__sig{margin-top:1.8rem;display:flex;flex-direction:column;gap:0.15rem;}
.about__sig strong{font-family:var(--font-serif);font-weight:400;font-size:1.25rem;color:var(--text-strong);}
.about__sig span{font-size:var(--fs-meta);color:var(--text-faint);}

/* ============================================================
   APPLY / CTA + FORM
   ============================================================ */
.apply{background:var(--surface-page);}
.apply__grid{display:grid;grid-template-columns:0.85fr 1fr;gap:clamp(2.5rem,1rem + 6vw,7rem);align-items:start;}
.apply__intro h2{font-size:var(--fs-display-2);margin-top:1.5rem;letter-spacing:-0.018em;line-height:1.07;}
.apply__intro p{margin-top:1.85rem;color:var(--text-muted);max-width:30rem;}
.apply__note{margin-top:1.6rem;font-size:var(--fs-body-sm);color:var(--text-faint);max-width:30rem;}

.form{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.6rem;}
.field{display:flex;flex-direction:column;gap:0.5rem;}
.field--full{grid-column:1 / -1;}
.field label{font-size:var(--fs-meta);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);}
.field label .req{color:var(--accent);}
.field input,.field select,.field textarea{
  font-family:var(--font-sans);font-size:1rem;color:var(--text-body);
  background:transparent;border:0;border-bottom:1px solid var(--line-strong);
  padding:0.65rem 0;width:100%;border-radius:0;
  transition:border-color var(--dur-base) var(--ease-out);
}
.field textarea{resize:vertical;min-height:3.2rem;line-height:1.5;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--accent);}
.field input::placeholder,.field textarea::placeholder{color:var(--stone-500);}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236E665A' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 0.2rem center;padding-right:1.6rem;}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-bottom-color:#9A3324;}
.field__err{font-size:var(--fs-meta);color:#9A3324;display:none;}
.field.has-error .field__err{display:block;}
.form__actions{grid-column:1 / -1;display:flex;align-items:center;gap:1.5rem;margin-top:0.6rem;flex-wrap:wrap;}
.form__success{
  grid-column:1 / -1;display:none;padding:1.6rem 1.8rem;background:var(--verde-100);
  border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.form__success.is-visible{display:block;}
.form__success strong{font-family:var(--font-serif);font-weight:400;font-size:1.25rem;color:var(--verde-700);display:block;}
.form__success span{color:var(--stone-700);font-size:var(--fs-body-sm);margin-top:0.35rem;display:block;}
.form__error{
  grid-column:1 / -1;padding:0.9rem 1.1rem;background:#FBF1EE;
  border-left:2px solid #9A3324;border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  color:#7A2A1E;font-size:var(--fs-body-sm);
}
.form__error a{color:#7A2A1E;text-decoration:underline;}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--surface-invert);color:var(--text-on-invert);}
.site-footer .container-wide{padding-block:clamp(3.5rem,2rem + 4vw,6rem);}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,1rem + 4vw,5rem);align-items:start;}
.footer__brand img{height:24px;width:auto;}
.footer__brand p{margin-top:1.4rem;max-width:24rem;color:var(--text-on-invert-muted);font-size:var(--fs-body-sm);line-height:1.6;}
.footer__brand a.mail{display:inline-block;margin-top:1.4rem;color:var(--bone-100);font-weight:500;}
.footer__nav{display:flex;flex-wrap:wrap;gap:0.9rem 2.4rem;align-content:start;}
.footer__nav a{color:var(--text-on-invert-muted);font-size:0.9rem;transition:color var(--dur-fast);}
.footer__nav a:hover{color:var(--bone-100);}
.footer__bottom{
  margin-top:clamp(2.5rem,2rem + 2vw,4rem);padding-top:1.6rem;
  border-top:1px solid var(--line-on-invert);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.footer__bottom p{font-size:var(--fs-meta);color:var(--text-on-invert-muted);}

/* ============================================================
   REVEAL ANIMATION (light, gated)
   ============================================================ */
/* Reveal is gated on .js so content is ALWAYS visible without JS. */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);}
  .js [data-reveal].is-in{opacity:1;transform:none;}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:900px){
  .nav__links,.nav__cta .btn{display:none;}
  .nav__toggle{display:flex;}
  .hero__grid{grid-template-columns:1fr;min-height:0;}
  .hero__media{order:2;min-height:58vw;max-height:440px;}
  .hero__media::after{background:linear-gradient(0deg,var(--surface-page) 0%,rgba(245,242,234,0) 22%);}
  .statement__grid{grid-template-columns:1fr;gap:2.2rem;}
  .stages{grid-template-columns:1fr;gap:2.5rem;}
  .stages__media{min-height:60vw;max-height:420px;order:-1;}
  .pull{grid-template-columns:1fr;gap:1.8rem;}
  .standard__grid{grid-template-columns:1fr;min-height:0;}
  .standard__media{order:2;min-height:56vw;max-height:400px;}
  .standard__media::after{background:linear-gradient(0deg,var(--ink-950) 0%,rgba(13,13,13,0) 26%);}
  .about{grid-template-columns:1fr;gap:2.4rem;}
  .about__media{min-height:70vw;max-height:480px;}
  .apply__grid{grid-template-columns:1fr;gap:2.6rem;}
  .footer__top{grid-template-columns:1fr;gap:2.4rem;}
}
@media (max-width:680px){
  .pillars{grid-template-columns:1fr;}
  .pillar{border-right:0;border-bottom:var(--border-hair);padding:1.8rem 0;}
  .pillar:last-child{border-bottom:0;}
  .pillar:not(:first-child){padding-left:0;}
  .process{grid-template-columns:1fr;}
  .form{grid-template-columns:1fr;}
  .hero__actions{gap:1.25rem;}
  .hero__actions .btn{width:100%;}
}