/* ARQUBIQ — planner.css : page shell for plan-your-opening.html.
   Header, CTA and footer styling arrive with js/site-shell.js. */
:root{--pad:var(--margin)}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 "IBM Plex Sans",system-ui,sans-serif}
html[dir="rtl"] body{font-family:"IBM Plex Sans Arabic","IBM Plex Sans",sans-serif}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.planner{padding:clamp(48px,7vw,96px) var(--pad) clamp(56px,8vw,110px);max-width:1200px;margin-inline:auto}
.planner__kicker{margin:0 0 16px;color:var(--red);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
html[dir="rtl"] .planner__kicker{letter-spacing:0;text-transform:none}
.planner h1{margin:0 0 20px;font:800 clamp(34px,5vw,64px)/1.08 "Montserrat",sans-serif;letter-spacing:-.03em;text-wrap:balance}
html[dir="rtl"] .planner h1{font-family:"Alexandria",sans-serif;letter-spacing:0;line-height:1.25}
.planner__lead{max-width:62ch;margin:0 0 clamp(32px,4vw,56px);font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--muted)}

.planner__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px;margin-bottom:clamp(28px,3.5vw,44px)}
.planner__form label{display:grid;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em}
.planner__form :is(input,select){min-height:52px;padding:12px 14px;border:1px solid var(--ink);background:#fff;color:inherit;font:inherit}
.planner__form :is(input,select):focus-visible{outline:3px solid var(--red);outline-offset:2px}

.planner__steps{display:grid;gap:0;margin:0 0 24px;padding:0;list-style:none;border-top:1px solid var(--line)}
.planner__steps li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.planner__steps b{font:600 clamp(17px,1.6vw,22px)/1.25 "Montserrat",sans-serif}
html[dir="rtl"] .planner__steps b{font-family:"Alexandria",sans-serif}
.planner__steps span{color:var(--ink)}
.planner__steps em{color:var(--muted);font-style:normal;font-size:14px;text-align:end}

.planner__note{max-width:70ch;margin:0 0 12px;padding:16px 18px;background:var(--green);color:var(--paper);font-size:16px;line-height:1.5}
.planner__disclaimer{max-width:70ch;margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.55}
.planner__actions{display:flex;flex-wrap:wrap;gap:14px}
.planner__btn{min-height:52px;display:inline-flex;align-items:center;padding:0 22px;border:1.5px solid var(--ink);background:transparent;color:inherit;font:700 15px/1 "Montserrat",sans-serif;text-decoration:none;cursor:pointer;transition:background 180ms ease,color 180ms ease}
.planner__btn:hover{background:var(--ink);color:var(--paper)}
.planner__btn--solid{border-color:var(--red);background:var(--red);color:#fff}
.planner__btn--solid:hover{background:transparent;color:var(--red)}

@media(max-width:760px){
  .planner__form{grid-template-columns:1fr}
  .planner__steps li{grid-template-columns:1fr;gap:4px}
  .planner__steps em{text-align:start}
  .planner__btn{width:100%;justify-content:center}
}
@media(max-width:720px){.planner__form :is(input,select){font-size:16px}}