/* Museo Sans – self-hosted, same files as tasnadi.co */
@font-face{font-family:MuseoSans;src:url(../fonts/MuseoSans-300.woff2) format("woff2"),url(../fonts/MuseoSans-300.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:MuseoSans;src:url(../fonts/MuseoSans-500.woff2) format("woff2"),url(../fonts/MuseoSans-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:MuseoSans;src:url(../fonts/MuseoSans-700.woff2) format("woff2"),url(../fonts/MuseoSans-700.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}

/* TASNADI design system – tokens & shared components (from tasnadi.co live site)
   Layout: 1112px content column, 200px side air on desktop, light ↔ space-dark section rhythm */
:root{
  --orange:#F39200;      /* primary action, highlight words */
  --orange-soft:#FFB546; /* glow only */
  --blue:#05A3E0;        /* labels, info, secondary accent */
  --ink:#222222;         /* headings + body on light */
  --ink-2:#454545;
  --muted:#6C6C6C;
  --line:#E6E6E6;
  --paper:#FFFFFF;
  --mist:#F8F8F8;
  --space:#0A0A0E;       /* dark sections */
  --space-2:#14141B;
  --star:#F8F8F8;
  --font:MuseoSans,Arial,sans-serif;
  --r-btn:4px; --r-card:20px; --r-pill:50px;
  --shadow-card:0 2px 2px rgba(0,0,0,.2);
  --shadow-float:0 1px 15px rgba(0,0,0,.05),0 10px 30px rgba(34,34,34,.08);
  --wrap:1112px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-weight:500;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}
.hl{color:var(--orange)}
.hl-blue{color:var(--blue)}
.num{font-variant-numeric:tabular-nums}

/* Buttons – brand: orange fill, black text, 4px radius, 12/32 padding */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#000;border:0;border-radius:var(--r-btn);padding:12px 32px;font:400 16px/1.25 var(--font);text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s}
.btn:hover{background:#ffa01f;box-shadow:0 8px 24px rgba(243,146,0,.35);transform:translateY(-1px)}
.btn:focus-visible,.link:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.btn.lg{padding:16px 40px;font-size:18px}
.link{display:inline-flex;align-items:center;gap:10px;color:var(--orange);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;font-weight:500}
.link .arr{transition:transform .2s}
.link:hover .arr{transform:translateX(4px)}
.micro{font-size:14px;font-weight:500;color:var(--muted);line-height:1.5}
.on-dark .micro{color:#A9A9B3}

/* Label pill – brand: blue, white text, 14px */
.label{display:inline-block;background:var(--blue);color:#fff;border-radius:var(--r-pill);padding:4px 12px;font-size:14px;font-weight:500;line-height:1.4}
.label.orange{background:var(--orange);color:#000}
.eyebrow{font-size:14px;font-weight:500;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}

/* Card – brand: white, 20px radius, 24px padding, subtle shadow */
.card{background:var(--paper);color:var(--ink);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-card)}

/* Type scale */
.h1{font-size:clamp(38px,5.4vw,72px);line-height:1.08;letter-spacing:-.02em}
.h2{font-size:clamp(32px,3.6vw,48px);line-height:1.2}
.h3{font-size:24px;line-height:1.4}
.lead{font-size:20px;line-height:1.5;font-weight:300}
.on-dark{color:#fff}
.on-dark .lead,.on-dark p{color:#D9D9DE}


/* Section rhythm */
.sec{padding-block:112px}
.sec-tight{padding-block:72px}
.dark{background:var(--space);color:#fff;position:relative;overflow:hidden}
.stars{position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff9 50%,transparent 51%),
  radial-gradient(1.5px 1.5px at 38% 68%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 88% 52%,#fff8 50%,transparent 51%),
  radial-gradient(1px 1px at 22% 82%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 32%,#fff9 50%,transparent 51%),
  radial-gradient(1px 1px at 92% 88%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 5% 48%,#fff8 50%,transparent 51%);
  background-size:420px 420px;opacity:.9}

/* Sparkle (4-point star from brand illustrations) */
.sparkle{width:28px;height:28px;color:var(--blue);display:inline-block}


/* Form */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:14px;font-weight:500}
.field input,.field select{font:300 16px var(--font);padding:13px 14px;border:1px solid #D5D5D5;border-radius:var(--r-btn);background-color:#fff;color:var(--ink);width:100%}
.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0769 8C15.0769 4.09152 11.9085 0.923077 8 0.923077C4.09152 0.923077 0.923077 4.09152 0.923077 8C0.923077 11.9085 4.09152 15.0769 8 15.0769V16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16V15.0769C11.9085 15.0769 15.0769 11.9085 15.0769 8Z' fill='%23979797'/%3E%3Cpath d='M5.94231 8.64494C5.60244 8.64494 5.32692 8.36942 5.32692 8.02955V7.98032C5.32692 7.64046 5.60244 7.36494 5.94231 7.36494H7.34539V5.78463C7.34539 5.44476 7.6209 5.16925 7.96077 5.16925H8.06908C8.40894 5.16925 8.68446 5.44476 8.68446 5.78463V7.36494H10.0875C10.4274 7.36494 10.7029 7.64046 10.7029 7.98032V8.02955C10.7029 8.36942 10.4274 8.64494 10.0875 8.64494H8.68446V10.2154C8.68446 10.5553 8.40895 10.8308 8.06908 10.8308H7.96077C7.6209 10.8308 7.34539 10.5553 7.34539 10.2154V8.64494H5.94231Z' fill='%23979797'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px top 50%;background-size:16px 16px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;line-height:1.5}
.check input{margin-top:3px;accent-color:var(--orange)}


@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}