/* ══════════════════════════════════════════════════════════════════
   2027 sezon huni siteleri — ortak stil
   americancpatax.com (EN) · amerikadamuhasebeci.com (TR)

   Kimlik notu: diğer üç site bilinçli olarak farklı.
   · temizmuhasebe / temizaccounting → orman yeşili + pirinç (firma, üst segment)
   · itincpa → lacivert + turkuaz (pasaport, uluslararası)
   · bu site → gece mavisi + kiremit (araç, sıcak, hızlı)
   Kiremit rengi seçildi çünkü yeşil = iade, kırmızı = borç anlamlarını
   taşıyor; marka rengi bu ikisine karışmamalı.
   ══════════════════════════════════════════════════════════════════ */

:root{
  --ink:#14263A;           /* gece mavisi — başlıklar, koyu bantlar */
  --ink-deep:#0D1B2A;
  --ink-soft:#4A5A6B;      /* gövde metni */
  --mute:#7A8694;          /* ikincil */

  --clay:#C2703D;          /* marka vurgusu — kiremit */
  --clay-lt:#E8A878;
  --clay-pale:#FBEFE4;

  --paper:#FAF8F4;         /* sıcak kırık beyaz */
  --paper-2:#F1EDE5;
  --card:#FFFFFF;
  --line:#DED8CD;
  --line-soft:#EBE6DC;

  --good:#17704D;          /* iade */
  --good-bg:#E9F5EF;
  --bad:#A33A2E;           /* borç */
  --bad-bg:#FBEDEA;
  --warn-bg:#FDF6E7;
  --warn-tx:#6B5416;

  --d:'Bricolage Grotesque', Georgia, serif;
  --f:'Inter', system-ui, -apple-system, sans-serif;

  --shell:1180px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*{animation:none!important;transition:none!important}
}
body{
  font-family:var(--f);background:var(--paper);color:var(--ink);
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum" 0;
}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2.5px solid var(--clay);outline-offset:3px;border-radius:2px}
.shell{max-width:var(--shell);margin:0 auto;padding:0 clamp(1.15rem,4vw,2.4rem)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:3px}

/* ── üst şerit ─────────────────────────────────────────────────── */
.bar{background:var(--ink-deep);color:#fff}
.bar-in{max-width:var(--shell);margin:0 auto;padding:.72rem clamp(1.15rem,4vw,2.4rem);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo{font-family:var(--d);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;color:#fff}
.logo em{font-style:normal;color:var(--clay-lt)}
.bar-r{display:flex;align-items:center;gap:1.1rem;font-size:.84rem}
.lang{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:3px;overflow:hidden}
.lang a{padding:.2rem .55rem;font-size:.76rem;font-weight:700;letter-spacing:.03em;color:rgba(255,255,255,.72)}
.lang a[aria-current]{background:var(--clay);color:#fff}
.bar-tel{font-weight:700;color:#fff;white-space:nowrap}

/* ── kahraman + hesaplayıcı ────────────────────────────────────── */
.top{background:var(--ink);color:#fff;padding:clamp(2rem,4.4vw,3.1rem) 0 calc(clamp(2rem,4.4vw,3.1rem) + 90px);position:relative;overflow:hidden}
/* ince ızgara dokusu — vergi formu kağıdını andırır */
.top::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;
  background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);
  background-size:26px 26px}
.top-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.season{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--clay-lt);margin-bottom:1rem}
.season::before{content:"";width:1.7rem;height:1.5px;background:var(--clay)}
.top h1{font-family:var(--d);font-weight:700;font-size:clamp(1.85rem,4.1vw,2.85rem);
  line-height:1.1;letter-spacing:-.032em;margin-bottom:.8rem;max-width:19ch;text-wrap:balance}
.top h1 span{color:var(--clay-lt)}
.top .lede{font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.62;color:rgba(255,255,255,.82);max-width:48ch}
.top .lede b{color:#fff;font-weight:600}

/* W-2 şeması — nereye bakacağını gösterir */
.w2{width:clamp(200px,24vw,268px);height:auto;flex-shrink:0}
.w2 .bx{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.2}
.w2 .hi{fill:rgba(194,112,61,.17);stroke:var(--clay-lt);stroke-width:1.7}
.w2 .ln{stroke:rgba(255,255,255,.22);stroke-width:1.1;stroke-linecap:round}
.w2 .tg{fill:var(--clay-lt);font-family:var(--f);font-size:8.5px;font-weight:700}
.w2 .tm{fill:rgba(255,255,255,.4);font-family:var(--f);font-size:7px}
@media(max-width:860px){.top-in{grid-template-columns:1fr}.w2{display:none}}

/* ── hesaplayıcı kartı — bandın üstüne biner ───────────────────── */
.tool{margin-top:-90px;position:relative;z-index:2;padding-bottom:clamp(2.6rem,6vw,4rem)}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;
  box-shadow:0 18px 44px -24px rgba(20,38,58,.3), 0 2px 8px -3px rgba(20,38,58,.1);
  display:grid;grid-template-columns:1fr 1fr}
@media(max-width:900px){.card{grid-template-columns:1fr}}

.pane{padding:clamp(1.5rem,3vw,2.3rem)}
.pane-in{border-right:1px solid var(--line-soft)}
@media(max-width:900px){.pane-in{border-right:none;border-bottom:1px solid var(--line-soft)}}

.pane h2{font-family:var(--d);font-weight:700;font-size:1.13rem;letter-spacing:-.018em;margin-bottom:.3rem}
.pane .hint{font-size:.87rem;color:var(--mute);line-height:1.55;margin-bottom:1.5rem}

/* alanlar */
.fld{margin-bottom:1.25rem}
.fld > label,.leg{display:block;font-size:.78rem;font-weight:700;letter-spacing:.055em;
  text-transform:uppercase;color:var(--ink);margin-bottom:.5rem}
.fld .box{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.04em;
  color:var(--clay);background:var(--clay-pale);border:1px solid #F0D9C2;
  padding:.1rem .4rem;border-radius:2px;margin-left:.45rem;vertical-align:1px}
.fld .sub{font-size:.82rem;color:var(--mute);margin-top:.4rem;line-height:1.5}

.money{position:relative}
.money::before{content:"$";position:absolute;left:.85rem;top:50%;transform:translateY(-50%);
  font-size:1.02rem;font-weight:600;color:var(--mute);pointer-events:none}
input[type=text],input[type=email],input[type=tel]{
  width:100%;font:inherit;font-size:1.02rem;font-variant-numeric:tabular-nums;
  padding:.72rem .9rem;border:1.5px solid var(--line);border-radius:4px;
  background:var(--paper);color:var(--ink);transition:border-color .15s,background .15s}
/* Bu kural yukarıdakinden SONRA gelmeli: eşit özgüllükte sonraki kazanır,
   aksi halde padding kısayolu sol boşluğu ezer ve $ işareti rakamın üstüne biner. */
.money input[type=text]{padding-left:2.1rem}
input:focus{border-color:var(--clay);background:#fff;outline:none}
input::placeholder{color:#AEB6BF}

/* bölümlü seçim */
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.seg button{font:inherit;font-size:.93rem;font-weight:600;padding:.6rem .5rem;cursor:pointer;
  background:var(--paper);border:1.5px solid var(--line);border-radius:4px;color:var(--ink-soft);
  transition:.15s;text-align:center;line-height:1.3}
.seg button:hover{border-color:var(--clay-lt);color:var(--ink)}
.seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}

/* sayaç */
.step{display:flex;align-items:center;gap:.8rem}
.step button{width:2.3rem;height:2.3rem;font-size:1.25rem;line-height:1;cursor:pointer;
  background:var(--paper);border:1.5px solid var(--line);border-radius:4px;color:var(--ink);
  display:grid;place-items:center;transition:.15s;font-family:var(--f)}
.step button:hover:not(:disabled){border-color:var(--clay);color:var(--clay)}
.step button:disabled{opacity:.33;cursor:default}
.step .n{font-family:var(--d);font-size:1.5rem;font-weight:700;min-width:1.6rem;text-align:center;
  font-variant-numeric:tabular-nums}

/* genişletilebilir ek alanlar */
.more{margin-top:.4rem;border-top:1px solid var(--line-soft);padding-top:1.15rem}
.more > button{display:flex;align-items:center;gap:.5rem;width:100%;font:inherit;font-size:.9rem;
  font-weight:700;color:var(--clay);background:none;border:none;cursor:pointer;padding:0;text-align:left}
.more > button svg{width:.85rem;height:.85rem;transition:transform .2s}
.more[data-open] > button svg{transform:rotate(45deg)}
.more .body{display:none;padding-top:1.25rem}
.more[data-open] .body{display:block}

/* ── sonuç paneli ──────────────────────────────────────────────── */
.pane-out{background:var(--paper-2);border-radius:0 6px 6px 0}
@media(max-width:900px){.pane-out{border-radius:0 0 6px 6px}}
.rlabel{font-size:.78rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:var(--mute)}
.rbig{font-family:var(--d);font-weight:700;font-size:clamp(2.5rem,6vw,3.6rem);line-height:1.02;
  letter-spacing:-.035em;margin:.3rem 0 .5rem;font-variant-numeric:tabular-nums;color:var(--ink)}
.rbig.ok{color:var(--good)}
.rbig.no{color:var(--bad)}
.rsub{font-size:.9rem;line-height:1.58;color:var(--ink-soft);min-height:2.6em}

.led{margin:1.5rem 0 0;border-top:1.5px solid var(--ink)}
.lrow{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:.56rem 0;border-bottom:1px solid var(--line-soft);font-size:.92rem}
.lrow .k{color:var(--ink-soft);line-height:1.4}
.lrow b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.lrow.ded .k{color:var(--clay)}
.lrow.ded b{color:var(--clay)}
.lrow.tot{border-bottom:1.5px solid var(--ink);border-top:1px solid var(--line)}
.lrow.tot .k,.lrow.tot b{font-weight:700;color:var(--ink);font-size:.95rem}
.lrow.net{border-bottom:none;padding-top:.75rem}
.lrow.net .k{font-weight:700;color:var(--ink)}
.lrow.net b{font-size:1.06rem;font-weight:700}

.marj{display:flex;justify-content:space-between;align-items:center;margin-top:1.1rem;
  padding:.7rem .9rem;background:#fff;border:1px solid var(--line-soft);border-radius:4px;font-size:.86rem}
.marj span{color:var(--mute)}
.marj b{font-family:var(--d);font-size:1.05rem;font-variant-numeric:tabular-nums}

.empty{display:grid;place-items:center;min-height:200px;text-align:center;padding:1.5rem}
.empty p{font-size:.93rem;color:var(--mute);max-width:26ch;line-height:1.6}

/* uyarı rozetleri */
.flags{margin-top:1.1rem;display:grid;gap:.55rem}
.flag{background:var(--warn-bg);border:1px solid #EFE0BE;border-left:3px solid var(--clay);
  border-radius:3px;padding:.72rem .9rem;font-size:.85rem;line-height:1.55;color:var(--warn-tx)}
.flag b{display:block;color:#5A4410;margin-bottom:.15rem;font-size:.87rem}
.flag.stop{background:var(--bad-bg);border-color:#F0D4CE;border-left-color:var(--bad);color:#6E2A20}
.flag.stop b{color:var(--bad)}

/* ── içerik bölümleri ──────────────────────────────────────────── */
.sec{padding:clamp(2.6rem,6vw,4.2rem) 0}
.sec.alt{background:var(--paper-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.sec h2{font-family:var(--d);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.1rem);
  line-height:1.18;letter-spacing:-.028em;margin-bottom:.75rem;max-width:22ch}
.sec .lead{font-size:1.01rem;line-height:1.68;color:var(--ink-soft);max-width:56ch;margin-bottom:1.9rem}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:start}
@media(max-width:800px){.grid2{grid-template-columns:1fr;gap:1.8rem}}

.list{display:grid;gap:.95rem}
.list div{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;
  font-size:.96rem;line-height:1.62;color:var(--ink-soft)}
.list div::before{content:"";width:.7rem;height:1.5px;background:var(--clay);margin-top:.78em}
.list b{color:var(--ink);font-weight:700}
.list.no div::before{background:#BCC3CB}

/* fiyat kutusu */
.price{background:var(--ink);color:#fff;border-radius:6px;padding:clamp(1.6rem,3.4vw,2.4rem);position:relative;overflow:hidden}
.price::after{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:22px 22px}
.price > *{position:relative;z-index:1}
.price .pk{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clay-lt);margin-bottom:.8rem}
.price h3{font-family:var(--d);font-weight:700;font-size:clamp(1.3rem,2.6vw,1.65rem);line-height:1.2;letter-spacing:-.022em;margin-bottom:.7rem}
.price p{font-size:.95rem;line-height:1.65;color:rgba(255,255,255,.8);margin-bottom:1.3rem}
.ptab{border-top:1px solid rgba(255,255,255,.2)}
.ptab .pr{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:.62rem 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.93rem}
.ptab .pr span{color:rgba(255,255,255,.82)}
.ptab .pr b{font-family:var(--d);font-size:1.08rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.ptab .pr small{display:block;font-size:.8rem;color:rgba(255,255,255,.52);font-weight:400;margin-top:.1rem}

/* düğmeler */
.btn{display:inline-block;font:inherit;font-weight:700;font-size:.98rem;padding:.88rem 1.7rem;
  border-radius:4px;border:1.5px solid transparent;cursor:pointer;transition:.18s;text-align:center}
.btn-main{background:var(--clay);border-color:var(--clay);color:#fff}
.btn-main:hover{background:#A95D2F;border-color:#A95D2F}
.btn-line{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-deep);border-color:var(--ink-deep)}
.btn[disabled]{opacity:.55;cursor:default}

/* iletişim formu */
.lead-form{background:#fff;border:1px solid var(--line);border-radius:6px;padding:clamp(1.5rem,3vw,2.1rem)}
.lead-form h3{font-family:var(--d);font-weight:700;font-size:1.18rem;letter-spacing:-.02em;margin-bottom:.4rem}
.lead-form > p{font-size:.9rem;color:var(--ink-soft);line-height:1.6;margin-bottom:1.4rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:520px){.row2{grid-template-columns:1fr}}
.lead-form .fld{margin-bottom:1rem}
.lead-form label{font-size:.75rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.note-sm{font-size:.82rem;color:var(--mute);line-height:1.55;margin-top:.9rem}
.sent{margin-top:1rem;padding:.9rem 1.1rem;border-radius:4px;font-size:.9rem;line-height:1.6}
.sent.ok{background:var(--good-bg);border:1px solid #BFE0D1;color:#115039}
.sent.err{background:var(--bad-bg);border:1px solid #F0D4CE;color:#6E2A20}
.sent a{font-weight:700;border-bottom:1px solid currentColor}
.copyb{display:none;margin-top:.8rem}
.copyb.on{display:block}
.copyb textarea{width:100%;font:inherit;font-size:.82rem;line-height:1.5;padding:.7rem .85rem;
  background:var(--paper);border:1.5px solid var(--line);border-radius:4px;color:var(--ink);resize:vertical}

/* sorumluluk notu */
.disc{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--mute);
  border-radius:3px;padding:1.1rem 1.3rem;font-size:.86rem;line-height:1.65;color:var(--ink-soft);max-width:62ch}

/* alt bilgi */
.ft{background:var(--ink-deep);color:rgba(255,255,255,.66);padding:2.6rem 0 2rem;font-size:.88rem}
.ft-g{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:1.8rem}
@media(max-width:720px){.ft-g{grid-template-columns:1fr;gap:1.5rem}}
.ft .fl{font-family:var(--d);font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:.6rem}
.ft .fl em{font-style:normal;color:var(--clay-lt)}
.ft p,.ft address{font-style:normal;line-height:1.65;margin-bottom:.5rem}
.ft h3{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:.7rem}
.ft ul{list-style:none;display:grid;gap:.45rem}
.ft a{border-bottom:1px solid rgba(255,255,255,.2)}
.ft a:hover{color:#fff;border-color:var(--clay-lt)}
.ft-base{border-top:1px solid rgba(255,255,255,.14);padding-top:1.3rem;display:flex;
  justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:rgba(255,255,255,.45)}