/* Fiyat sayfası stilleri. style.css'ten sonra yüklenir; ortak kuralları burada ezer. */
:root{--px-ink:#0B2236;--px-line:#DCE5EC;--px-shadow:0 1px 2px rgba(11,34,54,.05),0 12px 32px -16px rgba(11,34,54,.18)}

/* ---- üç plan kartı */
.px-hero{background:linear-gradient(180deg,#D5EEFB 0%,#EAF5FC 45%,var(--bg) 100%)}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;perspective:1400px;align-items:stretch}
.pl{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--px-line);border-radius:20px;padding:30px 28px 28px;box-shadow:var(--px-shadow);transform-style:preserve-3d}
.pl h2{font:700 20px/1.2 var(--display);letter-spacing:0;color:var(--px-ink);margin:0 0 14px}
.pl-price{display:flex;align-items:baseline;gap:4px;margin:0 0 10px;color:var(--px-ink)}
.pl-price b{font:800 clamp(48px,4.6vw,64px)/1 var(--display);letter-spacing:-.035em}
.pl-price .cur{font:700 clamp(24px,2.2vw,30px)/1 var(--display);color:var(--muted);align-self:flex-start;margin-top:.35em}
.pl-price small{font:600 17px var(--body);color:var(--muted);margin-left:4px}
.pl-l1{margin:0;font:700 16px/1.35 var(--body);color:var(--px-ink)}
.pl-l2{margin:2px 0 0;font:500 14.5px/1.4 var(--body);color:var(--muted);min-height:2.8em}
.pl-trial{margin:12px 0 0;display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font:700 13.5px/1.3 var(--body);color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:7px 12px;border-radius:99px}
.pl-trial::before{content:"";width:7px;height:7px;border-radius:50%;background:#7FE0A6;flex:none}
.pl .btn{align-self:stretch;margin:20px 0 22px;padding:15px 20px;font:700 16px/1 var(--body);border-radius:12px;box-shadow:none}
.pl .btn-ghost{background:#fff;border:1px solid #B9CBD8;color:var(--px-ink)}
.pl .btn-ghost:hover{background:var(--flow-soft);transform:none}
.pl .btn-primary{background:var(--deep);box-shadow:none}
.pl-sec{margin:0 0 12px;font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pl .ticks{margin:0;gap:11px;font-size:15.5px;line-height:1.4}
.pl .ticks li{padding-left:30px}
.pl.free .btn,.pl.monthly .btn{margin-bottom:22px}
/* vurgulu Yıllık kart */
.pl.hot{background:linear-gradient(165deg,#0B2B45 0%,#0A4A75 60%,#0A70B3 140%);border-color:transparent;color:#fff;box-shadow:0 30px 60px -28px rgba(7,50,86,.7);overflow:hidden;margin-block:-14px;padding-block:58px 28px}
.pl.hot h2,.pl.hot .pl-price,.pl.hot .pl-l1{color:#fff}
.pl.hot .pl-price .cur,.pl.hot .pl-price small,.pl.hot .pl-l2,.pl.hot .pl-sec{color:rgba(255,255,255,.72)}
.pl.hot .pl-l1.total{font-size:17px}
.pl.hot .btn-primary{background:#fff;color:#0A4A75}
.pl.hot .btn-primary:hover{background:#EAF5FC;transform:none}
.pl.hot .ticks li::before{background-color:rgba(255,255,255,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.500 12.500l3.500 3.500 7.500-8' fill='none' stroke='%23ffffff' stroke-width='2.600' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pl .shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(480px circle at var(--mx,70%) var(--my,0%),rgba(255,255,255,.14),transparent 55%)}
.pl-flag{position:absolute;top:0;left:0;right:0;margin:0;display:flex;justify-content:space-between;align-items:center;padding:9px 28px;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.14);font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.pl-flag span:last-child{color:#0B2B45;background:#8BE0AE;padding:5px 9px;border-radius:99px;letter-spacing:.04em}
.px-fine{margin-top:34px}

@media(max-width:960px){
  .pl-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:16px;margin-top:22px}
  .pl.hot{order:-1;margin-block:0;padding-block:48px 26px}
  .pl.free{order:1}
  .pl{padding:26px 22px}
  .pl-flag{padding-inline:22px}
  .pl-l2{min-height:0}
  .px-fine{margin-top:22px}
}

/* ---- deneme çizelgesi */
.px-trial{background:linear-gradient(180deg,var(--bg),#EAF5FC)}
.trial-in .mega,.deck-copy .mega{font-weight:700;letter-spacing:-.03em}
.daybig{color:var(--px-ink)}
.daybig small{font:600 13px/1 var(--body);letter-spacing:.12em}
.daybig b{font-weight:700;font-variant-numeric:tabular-nums}
.daybig span{font:600 22px var(--body)}
.rail,.fillr{height:6px;bottom:14px}
.rail{background:#CFE1EC}
.fillr{background:var(--deep)}
.node{width:30px;height:30px;border-width:2px;border-color:#B9CBD8;font:700 13px/1 var(--body);bottom:2px;box-shadow:none}
.node.on{background:var(--deep);border-color:var(--deep);transform:translateX(-50%) scale(1.1)}
.tstep h3{font:700 clamp(22px,2.6vw,32px)/1.15 var(--display);letter-spacing:-.01em;color:var(--px-ink)}
.tstep p{font:500 clamp(16px,1.5vw,19px)/1.5 var(--body);color:var(--muted)}

/* ---- Pro destesi */
.px-deck{background:linear-gradient(180deg,#EAF5FC,var(--bg))}
.dcard{background:#fff;color:var(--px-ink);border:1px solid var(--px-line);border-radius:22px;box-shadow:0 24px 50px -28px rgba(7,40,70,.35);gap:clamp(16px,2.4vw,32px);padding:clamp(18px,2.4vw,30px)}
.c0,.c1,.c2,.c3,.c4{background:#fff}
.dcard::after{background:#0B2236}
.dn{opacity:1;font:700 13px/1 var(--body);letter-spacing:.12em;color:var(--deep);position:absolute;left:clamp(18px,2.4vw,30px);top:clamp(18px,2.4vw,28px)}
.dtxt{align-self:center}
.dtxt h3{font:700 clamp(24px,2.8vw,38px)/1.1 var(--display);letter-spacing:-.02em;margin-bottom:12px}
.dtxt p{font:500 clamp(15px,1.4vw,18px)/1.55 var(--body);opacity:1;color:var(--muted);max-width:30em}
.dv{align-self:stretch;border-radius:16px;background:linear-gradient(160deg,#0B2B45,#0A4A75);padding:clamp(16px,2vw,28px);color:#fff}
.dv-scan{align-content:center}
.dv-ring b{font-weight:700}
.dv-voice .mic{background:#fff}
.dv-days i{border-radius:10px}
.deck-copy .mega{font-size:clamp(64px,10vw,150px)}
@media(max-width:960px){
  .dcard{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:14px;padding:18px}
  .dcard .dv{position:static;order:-1;width:auto;max-height:none;height:clamp(84px,15svh,120px);justify-self:stretch;padding:12px}
  .dn{display:none}
  .dtxt{align-self:start}
  .dtxt h3{font-size:24px;margin-bottom:8px}
  .dtxt p{font-size:15px;line-height:1.45}
  .dv-scan .plate-wrap{width:64px}
  .dv-days i{height:30px}
  .dv-ring svg,.dv-line svg{height:100%;width:auto;max-width:100%}
  .dv-ring b{font-size:26px}
  .deck-cards{height:min(420px,calc(100svh - var(--hdr) - 160px))}
}

/* ---- tablo */
.cmp thead th{font:700 16px var(--body);background:#EAF5FC;color:var(--px-ink)}
.cmp .val{font-weight:600}
.cmp tr:nth-last-child(-n+2) th[scope=row]{font-weight:700}
.dv-days{align-content:center}
.dtxt h3,.tstep h3{text-wrap:balance}

/* ---- deste görselleri: küçük uygulama arayüzleri */
.dv{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;text-align:left;font:500 14px/1.3 var(--body)}
.dv p,.dv ul{margin:0;padding:0;list-style:none}
.dv-scan .vrow{display:flex;align-items:center;gap:14px}
.dv-scan .plate-wrap{width:clamp(70px,7vw,96px);flex:none}
.vmeta{display:grid;gap:3px}.vmeta b{font:700 16px/1.2 var(--body)}.vmeta span{color:rgba(255,255,255,.7)}
.dv-scan .macros{margin:0;gap:12px}
.mrow{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.8)}
.mrow u{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden;text-decoration:none}
.mrow i{height:100%;background:#8BD3F5}
.dv-voice .vbub{align-self:flex-end;max-width:88%;background:rgba(255,255,255,.14);border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:14px}
.dv-voice .bars{height:70px;width:100%;gap:5px;justify-content:center}.dv-voice .bars i{width:5px}
.vlisten{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.8);font-size:13px}
.dv-voice .mic{display:grid;width:34px;height:34px}.dv-voice .mic svg{width:18px;height:18px}
.dv-week .dv-days{grid-template-columns:repeat(7,1fr);gap:6px;width:100%}
.dv-week .dv-days i{position:relative;height:clamp(64px,9vw,92px);border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:flex-start;justify-content:center;padding-top:8px}
.dv-week .dv-days i.on{background:#fff}
.dv-days s{text-decoration:none;font:700 12px/1 var(--body);color:rgba(255,255,255,.75)}
.dv-days i.on s{color:var(--deep)}
.dv-days i.on::after{content:"";position:absolute;bottom:10px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--deep)}
.vlist{display:grid;gap:8px}
.vlist li{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-weight:600}
.vlist em{font-style:normal;color:#8BD3F5;font-weight:700}
.vhead{display:flex;justify-content:space-between;align-items:baseline;color:rgba(255,255,255,.75)}.vhead b{font:700 26px/1 var(--display);color:#fff}
.dv-chart .dv-line{height:clamp(90px,12vw,150px)}.dv-chart .dv-line svg{width:100%;height:100%}
.vtag{align-self:flex-start;background:rgba(139,224,174,.18);color:#8BE0AE;font:700 12px/1 var(--body);padding:7px 10px;border-radius:99px}
.dv-score{flex-direction:row;align-items:center;gap:20px}
.dv-score .dv-ring{flex:none}.dv-score .dv-ring svg{width:clamp(110px,11vw,150px)}
.dv-ring b{font-size:42px}
.vstats{display:grid;gap:10px;flex:1}
.vstats li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:8px;color:rgba(255,255,255,.75)}.vstats b{color:#fff}
@media(max-width:960px){
  .dv .dv-x,.dv-scan .macros,.dv-score .vstats{display:none}
  .dv-week .dv-days i{height:56px}
  .dv-voice .bars{height:44px}.dv-voice .vlisten{display:none}
  .dv-scan .vrow{justify-content:center}.dv-scan .plate-wrap{width:64px}
  .dv-chart .dv-line{height:100%}
  .dv-score{justify-content:center}.dv-score .dv-ring svg{width:auto;height:84px}.dv-ring b{font-size:24px}
  .dcard .dv{height:clamp(96px,16svh,128px)}
}
.dv-week .dv-days{display:grid}
@media(min-width:961px){
  .dv{gap:28px}
  .dv-scan .plate-wrap{width:clamp(92px,8vw,118px)}.vmeta b{font-size:19px}.vmeta span{font-size:15px}
  .mrow{font-size:14px}.mrow u{height:10px}.dv-scan .macros{gap:16px}
  .dv-voice .vbub{font-size:15px;padding:12px 16px}.dv-voice .bars{height:100px}.vlisten{font-size:14px}.dv-voice .mic{width:40px;height:40px}
  .vlist li{padding:13px 14px;font-size:15px}
  .dv-chart .dv-line{height:clamp(130px,16vw,190px)}.vhead b{font-size:32px}.vtag{font-size:13px}
  .vstats li{font-size:15px;padding-bottom:12px}.vstats{gap:14px}
}
@media(min-width:961px){
  .dcard{grid-template-columns:minmax(0,1fr) minmax(280px,46%)}
  .dv-score .dv-ring svg{width:clamp(96px,9vw,124px)}
  .dv-chart .dv-line{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0 1px,transparent 1px 25%)}
  .dv-week .dv-days i{height:clamp(72px,10vw,104px)}
}
.dv-ring{display:grid;place-items:center}
.dv-ring b{position:absolute;inset:0;display:grid;place-items:center}
.vstats li{white-space:nowrap;gap:12px}
@media(min-width:961px){.dcard .dv{align-self:center;min-height:min(330px,100%);padding:32px 28px}}
@media(max-width:960px){.deck-cards{height:min(330px,calc(100svh - var(--hdr) - 160px))}}