/* =========================================================
   KUMANDA — "TV rehberi dergisi" görsel dili
   Krem kâğıt · kalın mürekkep çizgiler · sert gölgeler
   ========================================================= */
:root{
  --paper:#F5EFE3; --paper2:#ECE3D2; --card:#FFFBF3;
  --ink:#151412; --muted:#5F594E; --soft:#8C8577;
  --coral:#FF5B39; --cobalt:#2747F5; --lime:#CDF464; --sun:#FFC83D; --pink:#FFB4D0;
  --wa:#1FB955;
  --bw:2px; --sh:6px 6px 0 var(--ink); --sh-sm:4px 4px 0 var(--ink);
  --r:18px;
  --serif:'Fraunces',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:clip;
  background-image:radial-gradient(rgba(21,20,18,.07) 1px,transparent 1px);background-size:22px 22px}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img,svg{display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.serif{font-family:var(--serif)}
em{font-style:italic;font-family:var(--serif)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:var(--bw) solid var(--ink);border-radius:999px;
  font-weight:700;font-size:15px;background:var(--card);box-shadow:var(--sh-sm);transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-coral{background:var(--coral);color:var(--ink)}
.btn-wa{background:var(--wa);color:#fff}
.btn-lime{background:var(--lime)}
.btn-sm{padding:9px 16px;font-size:13px}
.btn-block{width:100%}

/* ---------- top ticker ---------- */
.topline{background:var(--ink);color:var(--paper);overflow:hidden;border-bottom:var(--bw) solid var(--ink)}
.topline-in{display:flex;width:max-content;animation:tick 30s linear infinite}
.topline span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 0;display:flex;gap:28px;padding-right:28px}
.topline b{color:var(--lime);font-weight:500}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- nav ---------- */
nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:var(--bw) solid var(--ink)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:800;font-size:26px;letter-spacing:-.02em}
.logo-ico{width:22px;height:40px;border:var(--bw) solid var(--ink);border-radius:12px;background:var(--card);display:grid;align-content:start;justify-items:center;gap:3px;padding-top:5px;transform:rotate(-14deg);box-shadow:2px 2px 0 var(--ink)}
.logo-ico i{width:7px;height:7px;border-radius:50%;background:var(--coral)}
.logo-ico i+i{width:10px;height:3px;border-radius:2px;background:var(--ink)}
.logo-ico i+i+i{background:var(--ink)}
.logo small{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;background:var(--lime);border:var(--bw) solid var(--ink);border-radius:6px;padding:1px 6px;transform:rotate(4deg)}

/* ---------- sections ---------- */
section{padding:96px 0}
section.tight{padding-top:24px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.eyebrow b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border:var(--bw) solid var(--ink);border-radius:8px;background:var(--sun);font-weight:500}
h1,h2,h3{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;line-height:1}
h1{font-size:clamp(46px,7.4vw,104px);letter-spacing:-.035em}
h2{font-size:clamp(36px,5vw,64px);margin:16px 0 14px}
h3{font-size:24px}
h1 em,h2 em{font-weight:400;font-style:italic}
.hl{background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);padding:0 .08em}
.hl-coral{background:linear-gradient(transparent 58%,var(--pink) 58% 92%,transparent 92%)}
.lead{font-size:19px;color:var(--muted);max-width:560px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:44px;padding-bottom:22px;border-bottom:var(--bw) solid var(--ink)}
.head p{color:var(--muted);max-width:400px}
.more{display:flex;justify-content:center;margin-top:36px}

/* ---------- generic cards ---------- */
.card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:26px}
.card p{color:var(--muted)}
.tile-ico{width:54px;height:54px;border:var(--bw) solid var(--ink);border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:16px;background:var(--paper2)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:980px){.g4{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.g3{grid-template-columns:1fr}}
@media(max-width:520px){.g4{grid-template-columns:1fr}}
.c-coral{background:var(--coral)}.c-cobalt{background:var(--cobalt);color:#fff}.c-lime{background:var(--lime)}.c-sun{background:var(--sun)}.c-pink{background:var(--pink)}
.c-cobalt p{color:rgba(255,255,255,.85)}
.c-coral p,.c-lime p,.c-sun p,.c-pink p{color:rgba(21,20,18,.75)}

/* sticker */
.sticker{display:inline-grid;place-items:center;text-align:center;width:128px;height:128px;border-radius:50%;background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--sh-sm);
  font-family:var(--serif);font-weight:800;font-size:17px;line-height:1.05;transform:rotate(-12deg)}
.sticker b{display:block;font-size:44px;line-height:.9}

/* ---------- HERO ---------- */
.hero{padding:64px 0 70px;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.hero h1{margin:20px 0 22px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.moods{margin-top:34px}
.moods p{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.mood-row{display:flex;flex-wrap:wrap;gap:10px}
.mood-row button{padding:10px 16px;border:var(--bw) solid var(--ink);border-radius:999px;background:var(--card);font-weight:700;font-size:15px;transition:.12s}
.mood-row button:hover{transform:translateY(-2px)}
.mood-row button.on{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--coral)}

/* poster */
.poster-wrap{position:relative}
.poster{position:relative;border:var(--bw) solid var(--ink);border-radius:26px;box-shadow:10px 10px 0 var(--ink);overflow:hidden;background:var(--card);transition:background .4s}
.poster-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:var(--bw) solid var(--ink);background:var(--card)}
.poster-top .live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em}
.poster-top .live i{width:9px;height:9px;border-radius:50%;background:var(--coral);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}
.poster-art{height:260px;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:var(--bw) solid var(--ink)}
.poster-art .emo{font-size:120px;line-height:1;filter:drop-shadow(5px 5px 0 rgba(21,20,18,.85));animation:float 4s ease-in-out infinite;transition:transform .3s}
@keyframes float{50%{transform:translateY(-10px) rotate(-4deg)}}
.poster-art .rays{position:absolute;inset:-50%;background:repeating-conic-gradient(rgba(255,255,255,.22) 0 10deg,transparent 10deg 20deg);animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.poster-title{position:absolute;left:18px;bottom:14px;right:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.poster-title h3{font-size:34px;background:var(--card);border:var(--bw) solid var(--ink);border-radius:12px;padding:6px 12px;box-shadow:var(--sh-sm)}
.poster-title span{font-family:var(--mono);font-size:12px;background:var(--ink);color:var(--paper);padding:5px 9px;border-radius:8px}
.guide{list-style:none}
.guide li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px dashed rgba(21,20,18,.35);font-size:15px}
.guide li:last-child{border-bottom:0}
.guide time{font-family:var(--mono);font-size:13px;color:var(--muted)}
.guide b{font-weight:700}
.guide em{font-family:var(--mono);font-style:normal;font-size:11px;padding:3px 7px;border:1.5px solid var(--ink);border-radius:6px}
.guide li.now{background:var(--lime)}
.guide li.now em{background:var(--ink);color:var(--lime)}
.poster-wrap .sticker{position:absolute;top:-34px;right:-22px;z-index:2}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}.poster-wrap .sticker{right:0}}
@media(max-width:520px){.poster-art{height:210px}.poster-art .emo{font-size:96px}.poster-title h3{font-size:26px}.sticker{width:104px;height:104px;font-size:14px}.sticker b{font-size:34px}}

/* category band */
.band{background:var(--ink);color:var(--paper);border-block:var(--bw) solid var(--ink);overflow:hidden;transform:rotate(-1.2deg);margin:10px -10px}
.band-in{display:flex;width:max-content;animation:tick 34s linear infinite}
.band span{font-family:var(--serif);font-size:30px;font-weight:800;font-style:italic;padding:16px 0;display:flex;gap:30px;padding-right:30px;align-items:center;white-space:nowrap}
.band span::after{content:"✺";font-style:normal;color:var(--coral);font-size:22px}

/* ---------- MENU BOARD (price list) ---------- */
.board{background:var(--ink);color:var(--paper);border-radius:28px;box-shadow:10px 10px 0 var(--coral);padding:44px;position:relative;overflow:hidden}
.board::before{content:"";position:absolute;inset:14px;border:1.5px dashed rgba(245,239,227,.25);border-radius:18px;pointer-events:none}
.board-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.board-head h3{font-size:clamp(30px,4vw,46px);color:var(--paper)}
.board-head h3 em{color:var(--lime)}
.board-head p{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,239,227,.65)}
.menu{list-style:none;display:grid;gap:4px;position:relative}
.menu li{display:flex;align-items:center;gap:14px;padding:16px 10px;border-radius:14px;transition:background .15s}
.menu li:hover{background:rgba(245,239,227,.06)}
.menu .nm{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:800;white-space:nowrap}
.menu .nm small{font-family:var(--sans);font-size:13px;font-weight:600;color:rgba(245,239,227,.6);margin-left:8px}
.menu .dots{flex:1;border-bottom:2.5px dotted rgba(245,239,227,.4);transform:translateY(-6px);min-width:20px}
.menu .tag{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:7px;background:var(--lime);color:var(--ink);white-space:nowrap}
.menu .tag.alt{background:var(--pink)}
.menu .pr{font-family:var(--serif);font-size:clamp(24px,3vw,34px);font-weight:800;white-space:nowrap}
.menu .pr small{font-size:.55em;color:var(--lime)}
.menu .btn{box-shadow:3px 3px 0 var(--lime);border-color:var(--paper);background:var(--paper);color:var(--ink)}
.menu li.star{background:rgba(205,244,100,.1);outline:1.5px solid rgba(205,244,100,.5)}
.board-foot{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;padding-top:20px;border-top:1.5px dashed rgba(245,239,227,.25);font-size:14px;color:rgba(245,239,227,.75)}
.board-foot span::before{content:"✓ ";color:var(--lime);font-weight:800}
@media(max-width:760px){
  .board{padding:28px 18px}
  .menu li{flex-wrap:wrap;gap:8px 12px}
  .menu .dots{display:none}
  .menu .nm{flex:1 1 100%}
  .menu .pr{margin-right:auto}
}

/* ---------- TEST / CLOCK ---------- */
.testbox{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;background:var(--sun);border:var(--bw) solid var(--ink);border-radius:32px;box-shadow:10px 10px 0 var(--ink);padding:52px}
.clock{--deg:90deg;width:300px;height:300px;border-radius:50%;border:var(--bw) solid var(--ink);box-shadow:var(--sh);position:relative;
  background:conic-gradient(var(--coral) 0 var(--deg),var(--card) var(--deg) 360deg)}
.clock::before{content:"";position:absolute;inset:10px;border-radius:50%;
  background:repeating-conic-gradient(var(--ink) 0 1.2deg,transparent 1.2deg 30deg);
  -webkit-mask:radial-gradient(circle,transparent 66%,#000 67%);mask:radial-gradient(circle,transparent 66%,#000 67%)}
.clock-face{position:absolute;inset:58px;border-radius:50%;background:var(--card);border:var(--bw) solid var(--ink);display:grid;place-items:center;text-align:center}
.clock-face b{font-family:var(--serif);font-size:76px;line-height:.85;font-weight:800}
.clock-face span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.clock .hand{position:absolute;left:50%;top:50%;width:4px;height:118px;background:var(--ink);border-radius:4px;transform-origin:50% 0;transform:translateX(-50%) rotate(180deg);animation:sweep 6s cubic-bezier(.6,0,.4,1) infinite alternate;z-index:2}
@keyframes sweep{to{transform:translateX(-50%) rotate(calc(180deg + var(--deg)))}}
.clock .pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--ink);z-index:3}
.testbox h2{margin-top:10px}
.testbox p{font-size:18px;color:rgba(21,20,18,.8);max-width:520px}
.dev-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.dev-row a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:var(--bw) solid var(--ink);border-radius:999px;background:var(--card);font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ink);transition:.12s}
.dev-row a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
@media(max-width:900px){.testbox{grid-template-columns:1fr;padding:30px 22px;justify-items:center;text-align:center}.testbox .hero-cta,.dev-row{justify-content:center}.clock{width:240px;height:240px}.clock-face{inset:46px}.clock-face b{font-size:60px}.clock .hand{height:92px}}

/* ---------- COMIC STRIP ---------- */
.strip{display:grid;grid-template-columns:repeat(3,1fr);border:var(--bw) solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:var(--sh);background:var(--card)}
.panel{padding:30px;border-right:var(--bw) solid var(--ink);position:relative;min-height:300px;display:flex;flex-direction:column}
.panel:last-child{border-right:0}
.panel .no{font-family:var(--serif);font-size:72px;font-weight:800;line-height:.8;-webkit-text-stroke:2px var(--ink);color:transparent}
.panel .bubble{margin:22px 0 16px;padding:14px 16px;border:var(--bw) solid var(--ink);border-radius:18px;background:var(--card);position:relative;font-weight:700;align-self:flex-start;max-width:100%}
.panel .bubble::after{content:"";position:absolute;left:24px;bottom:-12px;width:18px;height:18px;background:inherit;border-right:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);transform:rotate(45deg)}
.panel h3{margin-top:auto;font-size:26px}
.panel p{color:var(--muted);margin-top:6px}
.panel:nth-child(1){background:var(--pink)}
.panel:nth-child(2){background:var(--paper2)}
.panel:nth-child(3){background:var(--lime)}
.panel:nth-child(1) p,.panel:nth-child(3) p{color:rgba(21,20,18,.75)}
@media(max-width:860px){.strip{grid-template-columns:1fr}.panel{border-right:0;border-bottom:var(--bw) solid var(--ink);min-height:0}.panel:last-child{border-bottom:0}}

/* ---------- VS TABLE ---------- */
.vs{border:var(--bw) solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:var(--sh);background:var(--card)}
.vs-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-bottom:var(--bw) solid var(--ink)}
.vs-row:last-child{border-bottom:0}
.vs-row>div{padding:18px 22px;display:flex;align-items:center;gap:10px}
.vs-row>div+div{border-left:var(--bw) solid var(--ink)}
.vs-row.top{background:var(--ink);color:var(--paper);font-family:var(--serif);font-weight:800;font-size:22px}
.vs-row.top>div+div{border-color:var(--paper)}
.vs-row .k{font-weight:700}
.vs-row .old{color:var(--muted)}
.vs-row .old::before{content:"✕";color:var(--coral);font-weight:800}
.vs-row .new{background:rgba(205,244,100,.35);font-weight:700}
.vs-row .new::before{content:"✓";color:var(--ink);font-weight:800}
.vs-row.top .new{background:var(--lime);color:var(--ink)}
.vs-row.top .old::before,.vs-row.top .new::before{content:none}
@media(max-width:700px){.vs-row{grid-template-columns:1fr 1fr}.vs-row .k{grid-column:1/-1;border-bottom:1.5px dashed var(--ink);background:var(--paper2)}.vs-row>div+div{border-left:0}.vs-row .new{border-left:var(--bw) solid var(--ink)!important}.vs-row.top .k{display:none}}

/* ---------- FEATURES ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.feat-grid .card{display:flex;flex-direction:column}
.feat-grid .card h3{margin-bottom:8px}
.f-a{grid-column:span 3}.f-b{grid-column:span 3}.f-c,.f-d,.f-e{grid-column:span 2}
.big-num{font-family:var(--serif);font-size:clamp(64px,8vw,100px);font-weight:800;line-height:.9;letter-spacing:-.04em;margin-top:auto}
@media(max-width:900px){.feat-grid{grid-template-columns:1fr 1fr}.f-a,.f-b,.f-c,.f-d,.f-e{grid-column:span 2}}

/* ---------- PACKAGES PAGE: timeline selector ---------- */
.timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:30px 0 10px}
.timeline::before{content:"";position:absolute;left:4%;right:4%;top:52px;height:4px;background:var(--ink);border-radius:4px}
.stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:700}
.stop i{width:48px;height:48px;border-radius:50%;border:var(--bw) solid var(--ink);background:var(--card);display:grid;place-items:center;font-style:normal;font-family:var(--serif);font-size:18px;font-weight:800;box-shadow:3px 3px 0 var(--ink);transition:.15s;position:relative;z-index:1}
.stop span{font-size:14px}
.stop small{font-family:var(--mono);font-size:11px;color:var(--muted)}
.stop:hover i{transform:translateY(-3px)}
.stop.on i{background:var(--coral);transform:scale(1.18);box-shadow:4px 4px 0 var(--ink)}
.stop.on span{background:var(--ink);color:var(--paper);padding:2px 10px;border-radius:99px}
@media(max-width:600px){.stop i{width:40px;height:40px;font-size:15px}.stop span{font-size:12px}.stop small{display:none}.timeline::before{top:48px}}

.detail{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--bw) solid var(--ink);border-radius:28px;overflow:hidden;box-shadow:10px 10px 0 var(--ink);background:var(--card);margin-top:26px}
.detail-l{padding:40px;background:var(--coral);border-right:var(--bw) solid var(--ink);display:flex;flex-direction:column;gap:6px}
.detail-l.unl{background:var(--cobalt);color:#fff}
.detail-l .mono{opacity:.8}
.detail-name{font-family:var(--serif);font-size:clamp(44px,6vw,76px);font-weight:800;line-height:.95;letter-spacing:-.03em}
.detail-price{font-family:var(--serif);font-size:clamp(54px,7vw,92px);font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:auto}
.detail-price small{font-size:.4em}
.detail-l .per{font-weight:600}
.chip{display:inline-block;align-self:flex-start;padding:5px 12px;border:var(--bw) solid var(--ink);border-radius:99px;background:var(--lime);color:var(--ink);font-weight:800;font-size:13px}
.detail-r{padding:36px 40px;display:flex;flex-direction:column}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:16px 0 26px}
.checks li{display:flex;gap:9px;font-size:15px;line-height:1.35}
.checks li::before{content:"✓";flex-shrink:0;width:20px;height:20px;border-radius:6px;background:var(--lime);border:1.5px solid var(--ink);display:grid;place-items:center;font-size:12px;font-weight:800}
.checks li.plus{font-weight:700}
.checks li.plus::before{content:"★";background:var(--cobalt);color:#fff}
.detail-r .btn{margin-top:auto}
.detail-r .btn+.btn{margin-top:12px}
@media(max-width:900px){.detail{grid-template-columns:1fr}.detail-l{border-right:0;border-bottom:var(--bw) solid var(--ink);padding:28px}.detail-r{padding:28px}}
@media(max-width:520px){.checks{grid-template-columns:1fr}}

/* ticket cards */
.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:960px){.tickets{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tickets{grid-template-columns:1fr}}
.ticket{position:relative;background:var(--card);border:var(--bw) solid var(--ink);border-radius:22px;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .15s}
.ticket:hover{transform:rotate(-1deg) translateY(-3px)}
.ticket-top{padding:24px 24px 20px}
.ticket .tg{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ticket .nm{font-family:var(--serif);font-size:44px;font-weight:800;line-height:1;margin-top:8px}
.ticket .nm small{font-size:16px;font-family:var(--sans);font-weight:600;color:var(--muted)}
.ticket-cut{position:relative;border-top:2.5px dashed var(--ink);margin:0 16px}
.ticket-cut::before,.ticket-cut::after{content:"";position:absolute;top:-15px;width:28px;height:28px;border-radius:50%;background:var(--paper);border:var(--bw) solid var(--ink)}
.ticket-cut::before{left:-32px;clip-path:inset(0 0 0 50%)}
.ticket-cut::after{right:-32px;clip-path:inset(0 50% 0 0)}
.ticket-bot{padding:20px 24px 24px;display:flex;flex-direction:column;gap:4px;flex:1}
.ticket .pr{font-family:var(--serif);font-size:40px;font-weight:800;letter-spacing:-.03em}
.ticket .per{color:var(--muted);font-size:14px}
.ticket .btn{margin-top:18px}
.ticket.star{background:var(--lime)}
.ticket.star .ticket-cut::before,.ticket.star .ticket-cut::after{background:var(--paper)}
.ticket.unl{background:var(--cobalt);color:#fff}
.ticket.unl .tg,.ticket.unl .per,.ticket.unl .nm small{color:rgba(255,255,255,.8)}
.ticket.unl .ticket-cut{border-color:#fff}
.save{display:inline-block;align-self:flex-start;margin-top:8px;padding:3px 10px;border-radius:99px;border:1.5px solid var(--ink);background:var(--sun);font-size:12px;font-weight:800;color:var(--ink)}

/* ---------- SETUP (kurulum) accordion ---------- */
.devs{display:grid;gap:16px}
.dev{background:var(--card);border:var(--bw) solid var(--ink);border-radius:22px;box-shadow:var(--sh-sm);overflow:hidden}
.dev>button{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;text-align:left}
.dev>button .tile-ico{margin:0;width:52px;height:52px}
.dev>button b{font-family:var(--serif);font-size:24px;display:block}
.dev>button small{color:var(--muted);font-size:14px}
.dev>button .tg{margin-left:auto;width:40px;height:40px;border-radius:50%;border:var(--bw) solid var(--ink);display:grid;place-items:center;font-size:20px;transition:transform .25s,background .25s;flex-shrink:0}
.dev.open>button .tg{transform:rotate(45deg);background:var(--coral)}
.dev-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}
.dev.open .dev-body{grid-template-rows:1fr}
.dev-body>div{overflow:hidden}
.dev-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:4px 24px 20px;counter-reset:s}
.dev-steps li{border:var(--bw) solid var(--ink);border-radius:16px;padding:16px;background:var(--paper);counter-increment:s}
.dev-steps li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--serif);font-weight:800;margin-bottom:10px}
.dev-steps h4{font-size:16px;margin-bottom:4px}
.dev-steps p{font-size:14px;color:var(--muted)}
.dev-cta{display:flex;flex-wrap:wrap;gap:12px;padding:0 24px 24px}
@media(max-width:900px){.dev-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dev-steps{grid-template-columns:1fr}.dev>button{padding:16px}.dev>button b{font-size:20px}}

/* speed meter */
.meter{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.gauge{position:relative;width:min(100%,360px);aspect-ratio:2/1;margin:0 auto;overflow:hidden}
.gauge::before{content:"";position:absolute;inset:0 0 -100% 0;border-radius:50%;border:var(--bw) solid var(--ink);
  background:conic-gradient(from 270deg,var(--coral) 0 45deg,var(--sun) 45deg 90deg,var(--lime) 90deg 135deg,#7fe3a8 135deg 180deg,transparent 180deg)}
.gauge::after{content:"";position:absolute;left:18%;right:18%;top:36%;bottom:-64%;border-radius:50%;background:var(--card);border:var(--bw) solid var(--ink)}
.needle{position:absolute;left:50%;bottom:0;width:5px;height:84%;background:var(--ink);border-radius:5px;transform-origin:50% 100%;transform:translateX(-50%) rotate(-90deg);transition:transform .5s cubic-bezier(.3,1.4,.5,1);z-index:2}
.gauge .pin{position:absolute;left:50%;bottom:-13px;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--ink);z-index:3}
.meter-out{text-align:center}
.meter-out .v{font-family:var(--serif);font-size:72px;font-weight:800;line-height:1}
.meter-out .v small{font-size:20px;color:var(--muted)}
.meter-out .qual{display:inline-block;margin-top:10px;padding:6px 16px;border:var(--bw) solid var(--ink);border-radius:99px;font-weight:800;font-family:var(--serif);font-size:22px}
.meter-out p{color:var(--muted);margin-top:10px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:99px;border:var(--bw) solid var(--ink);background:linear-gradient(90deg,var(--coral) var(--p,20%),var(--card) var(--p,20%));margin:22px 0 8px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--sun);border:var(--bw) solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--sun);border:var(--bw) solid var(--ink);cursor:pointer}
.scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
@media(max-width:860px){.meter{grid-template-columns:1fr}}

/* ---------- RESELLER ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.tier{background:var(--card);border:var(--bw) solid var(--ink);border-radius:24px;box-shadow:var(--sh);overflow:hidden}
.tier-head{padding:26px;border-bottom:var(--bw) solid var(--ink)}
.tier:nth-child(1) .tier-head{background:var(--paper2)}
.tier:nth-child(2) .tier-head{background:var(--sun)}
.tier:nth-child(3) .tier-head{background:var(--cobalt);color:#fff}
.tier-head h3{font-size:34px}
.tier-head .amt{font-family:var(--serif);font-size:44px;font-weight:800;margin-top:12px;letter-spacing:-.03em}
.tier-head .bonus{font-weight:700;font-size:14px}
.tier ul{list-style:none;padding:22px 26px;display:grid;gap:10px;font-size:15px}
.tier li{display:flex;gap:10px}
.tier li::before{content:"✓";font-weight:800}
.tier li.no{color:var(--soft);text-decoration:line-through}
.tier li.no::before{content:"✕";color:var(--coral)}
.tier .btn{margin:0 26px 26px;width:calc(100% - 52px)}
.tier.pop{transform:translateY(-14px)}
@media(max-width:900px){.tiers{grid-template-columns:1fr}.tier.pop{transform:none}}

/* ---------- FAQ ---------- */
.faq-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:28px}
.search{flex:1;min-width:240px;position:relative}
.search input{width:100%;padding:16px 18px 16px 50px;border:var(--bw) solid var(--ink);border-radius:999px;background:var(--card);font:inherit;font-size:16px;box-shadow:var(--sh-sm)}
.search input:focus{outline:3px solid var(--cobalt);outline-offset:2px}
.search::before{content:"⌕";position:absolute;left:18px;top:50%;transform:translateY(-52%);font-size:24px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills button{padding:10px 16px;border:var(--bw) solid var(--ink);border-radius:999px;background:var(--card);font-weight:700;font-size:14px}
.pills button.on{background:var(--ink);color:var(--paper)}
.qa{display:grid;gap:14px}
.q{background:var(--card);border:var(--bw) solid var(--ink);border-radius:18px;box-shadow:var(--sh-sm);overflow:hidden}
.q button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 22px;font-weight:700;font-size:17px}
.q button i{font-style:normal;flex-shrink:0;width:32px;height:32px;border-radius:50%;border:var(--bw) solid var(--ink);display:grid;place-items:center;transition:.25s}
.q.open button i{transform:rotate(45deg);background:var(--lime)}
.q .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.q.open .a{grid-template-rows:1fr}
.q .a>div{overflow:hidden}
.q .a p{padding:0 22px 20px;color:var(--muted)}
.q .cat{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);display:block;margin-bottom:2px}
#faqEmpty{padding:30px 0;color:var(--muted)}

/* ---------- CONTACT: chat mock ---------- */
.chat-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.phone{max-width:420px;margin:0 auto;border:var(--bw) solid var(--ink);border-radius:40px;box-shadow:12px 12px 0 var(--ink);background:var(--ink);padding:12px;width:100%}
.phone-in{border-radius:30px;overflow:hidden;background:#EFE7DA}
.chat-top{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#0F7A5F;color:#fff}
.chat-top .av{width:42px;height:42px;border-radius:50%;background:var(--lime);display:grid;place-items:center;border:2px solid #fff;font-size:20px}
.chat-top b{display:block;font-size:16px}
.chat-top small{opacity:.85;font-size:12px}
.chat-body{padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-height:340px;
  background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:16px 16px}
.msg{max-width:84%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.4;background:#fff;border:1.5px solid rgba(21,20,18,.15);align-self:flex-start;animation:pop .4s both}
.msg.me{align-self:flex-end;background:#D7F8C4}
.msg small{display:block;text-align:right;font-size:10px;color:var(--soft);margin-top:2px}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.96)}}
.typing{align-self:flex-start;background:#fff;border-radius:16px;padding:12px 16px;display:flex;gap:5px;border:1.5px solid rgba(21,20,18,.15)}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--soft);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
.replies{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 16px;background:#EFE7DA;border-top:1.5px solid rgba(21,20,18,.12)}
.replies a{padding:9px 14px;border-radius:99px;background:#fff;border:1.5px solid #0F7A5F;color:#0F7A5F;font-weight:700;font-size:13px;transition:.12s}
.replies a:hover{background:#0F7A5F;color:#fff}
.contact-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.contact-facts div{border:var(--bw) solid var(--ink);border-radius:16px;padding:16px;background:var(--card);box-shadow:3px 3px 0 var(--ink)}
.contact-facts b{display:block;font-family:var(--serif);font-size:28px}
.contact-facts span{font-size:13px;color:var(--muted)}
@media(max-width:900px){.chat-wrap{grid-template-columns:1fr}.contact-facts{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:480px){.contact-facts{grid-template-columns:1fr}}

/* ---------- PAGE HEAD (subpages) ---------- */
.page-head{padding:70px 0 56px;border-bottom:var(--bw) solid var(--ink);position:relative;overflow:hidden}
.page-head .wrap{position:relative}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.page-head h1{font-size:clamp(44px,7vw,92px);margin:18px 0 18px;max-width:900px}
.page-head .sticker{position:absolute;right:20px;top:10px}
@media(max-width:760px){.page-head .sticker{display:none}}

/* ---------- CTA BLOCK ---------- */
.cta{background:var(--cobalt);color:#fff;border:var(--bw) solid var(--ink);border-radius:32px;box-shadow:10px 10px 0 var(--ink);padding:56px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}
.cta h2{margin:0 0 10px}
.cta p{color:rgba(255,255,255,.85);font-size:18px}
.cta .btn{box-shadow:5px 5px 0 var(--ink)}
.cta::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.08)}
@media(max-width:800px){.cta{grid-template-columns:1fr;padding:32px 24px}}

/* ---------- LEGAL ---------- */
.legal{max-width:820px}
.legal section{padding:0 0 50px;scroll-margin-top:100px}
.legal h2{font-size:clamp(30px,4vw,44px)}
.legal h3{font-family:var(--sans);font-size:18px;font-weight:800;margin:24px 0 8px;letter-spacing:0}
.legal p,.legal li{color:var(--muted);line-height:1.75}
.legal ul{padding-left:20px;display:grid;gap:6px}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}

/* ---------- FOOTER ---------- */
.bars{display:grid;grid-template-columns:repeat(7,1fr);height:18px;border-block:var(--bw) solid var(--ink)}
.bars i:nth-child(1){background:#F5F5F0}.bars i:nth-child(2){background:var(--sun)}.bars i:nth-child(3){background:#58D3E8}.bars i:nth-child(4){background:#5FD068}
.bars i:nth-child(5){background:var(--pink)}.bars i:nth-child(6){background:var(--coral)}.bars i:nth-child(7){background:var(--cobalt)}
footer{background:var(--ink);color:var(--paper);margin-top:80px}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding:60px 0 40px}
.foot .logo{color:var(--paper)}
.foot .logo-ico{background:var(--paper);box-shadow:2px 2px 0 var(--coral)}
.foot p{color:rgba(245,239,227,.7);margin-top:16px;max-width:340px}
.foot h4{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:14px}
.foot ul{list-style:none;display:grid;gap:10px}
.foot ul a:hover{color:var(--lime)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0 30px;border-top:1.5px dashed rgba(245,239,227,.25);font-size:13px;color:rgba(245,239,227,.6)}
@media(max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}

/* ---------- floating WhatsApp sticker ---------- */
.wa-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:96px;height:96px;display:grid;place-items:center}
.wa-fab svg.ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 14s linear infinite}
.wa-fab svg.ring text{font-family:var(--mono);font-size:10.5px;letter-spacing:2.4px;font-weight:500;fill:var(--ink)}
.wa-fab .core{width:58px;height:58px;border-radius:50%;background:var(--wa);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:grid;place-items:center;color:#fff;transition:transform .15s}
.wa-fab .core svg{width:30px;height:30px;fill:currentColor}
.wa-fab:hover .core{transform:scale(1.08) rotate(-8deg)}
.wa-fab::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--lime);border:var(--bw) solid var(--ink);z-index:-1}

/* mobile bottom bar */
.mbar{display:none}
@media(max-width:640px){
  .wa-fab{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:var(--bw) solid var(--ink)}
  .mbar .btn{padding:12px 10px;font-size:14px;box-shadow:3px 3px 0 var(--ink)}
  body{padding-bottom:76px}
}

/* ---------- 404 ---------- */
.nosignal{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px 0}
.tv-bars{width:min(460px,100%);aspect-ratio:4/3;margin:0 auto 36px;border:var(--bw) solid var(--ink);border-radius:24px;box-shadow:10px 10px 0 var(--ink);overflow:hidden;display:grid;grid-template-rows:3fr 1fr;position:relative}
.tv-bars .top{display:grid;grid-template-columns:repeat(7,1fr)}
.tv-bars .top i:nth-child(1){background:#F5F5F0}.tv-bars .top i:nth-child(2){background:var(--sun)}.tv-bars .top i:nth-child(3){background:#58D3E8}.tv-bars .top i:nth-child(4){background:#5FD068}.tv-bars .top i:nth-child(5){background:var(--pink)}.tv-bars .top i:nth-child(6){background:var(--coral)}.tv-bars .top i:nth-child(7){background:var(--cobalt)}
.tv-bars .bot{background:repeating-linear-gradient(90deg,var(--ink) 0 14.28%,#F5F5F0 14.28% 28.56%)}
.tv-bars b{position:absolute;inset:auto 0 24%;margin:auto;width:max-content;background:var(--ink);color:var(--paper);font-family:var(--mono);padding:8px 16px;border-radius:8px;font-size:20px;letter-spacing:.1em}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

.count-strip{display:grid;grid-template-columns:repeat(4,1fr);border:var(--bw) solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:var(--sh);background:var(--card);margin-top:34px}
.count-strip div{padding:22px;border-right:var(--bw) solid var(--ink)}
.count-strip div:last-child{border-right:0}
.count-strip b{display:block;font-family:var(--serif);font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1}
.count-strip span{color:var(--muted);font-size:14px}
.count-strip div:nth-child(1){background:var(--lime)}.count-strip div:nth-child(3){background:var(--sun)}
@media(max-width:760px){.count-strip{grid-template-columns:1fr 1fr}.count-strip div:nth-child(2){border-right:0}.count-strip div:nth-child(-n+2){border-bottom:var(--bw) solid var(--ink)}}

/* ===== Cihazlar ===== */
#devGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.devcard{background:var(--card);border:var(--bw) solid var(--ink);border-radius:22px;box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.devcard-top{height:120px;display:grid;place-items:center;border-bottom:var(--bw) solid var(--ink);position:relative}
.devcard-ico{font-size:58px;filter:drop-shadow(3px 3px 0 rgba(21,20,18,.8))}
.ok{position:absolute;right:12px;top:12px;font-family:var(--mono);font-size:11px;background:var(--ink);color:var(--lime);padding:4px 9px;border-radius:7px}
.devcard-body{padding:20px;display:flex;flex-direction:column;flex:1}
.devcard-body h3{font-size:24px}
.devcard-body>p{color:var(--muted);font-size:14px;margin-top:4px}
.devcard dl{margin:16px 0;display:grid;gap:8px;border-top:1.5px dashed var(--ink);padding-top:14px}
.devcard dl div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.devcard dt{color:var(--muted)}
.devcard dd{font-weight:700;text-align:right}
.devcard-cta{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.devcard-cta .btn{flex:1}

/* ===== Hakkımızda ===== */
.story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.story p{color:var(--muted);font-size:18px;margin-bottom:14px}
.quote{font-family:var(--serif);font-size:clamp(28px,3.4vw,42px);font-weight:400;font-style:italic;line-height:1.15;border-left:6px solid var(--coral);padding-left:24px}
.timeline-v{display:grid;gap:18px;position:relative;padding-left:34px}
.timeline-v::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:3px;background:var(--ink);border-radius:3px}
.timeline-v div{position:relative}
.timeline-v div::before{content:"";position:absolute;left:-31px;top:6px;width:18px;height:18px;border-radius:50%;border:var(--bw) solid var(--ink);background:var(--lime)}
.timeline-v b{font-family:var(--serif);font-size:22px;display:block}
.timeline-v p{font-size:15px;margin:0}
@media(max-width:860px){.story{grid-template-columns:1fr}}
/* menü açıkken alt çubuk ve yüzen buton gizlenir */
body.menu-open .mbar,body.menu-open .wa-fab{display:none}

/* ===== MENÜ: yan yana linkler ===== */
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{position:relative;padding:8px 11px;font-weight:700;font-size:15px;white-space:nowrap;border-radius:8px}
.nav-links a::after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:3px;border-radius:3px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-links a.active{background:linear-gradient(transparent 52%,var(--lime) 52% 90%,transparent 90%)}
.nav-links a.active::after{display:none}
.nav-links .nl-cta{display:none}
.nav-cta{padding:11px 18px;font-size:14px}
.nav-toggle{display:none;padding:10px 15px;border:var(--bw) solid var(--ink);border-radius:12px;background:var(--lime);box-shadow:var(--sh-sm);font-weight:800;font-size:15px}
@media(max-width:1180px){.nav-links a{padding:8px 8px;font-size:14px}.nav-links a::after{left:8px;right:8px}}
@media(max-width:1060px){
  .nav-links,.nav-cta{display:none}
  .nav-toggle{display:inline-block}
  .nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:absolute;left:0;right:0;top:74px;padding:16px 20px 22px;background:var(--paper);border-bottom:var(--bw) solid var(--ink);box-shadow:0 24px 30px -24px rgba(0,0,0,.45);max-height:calc(100vh - 120px);overflow-y:auto}
  .nav-links.open a{padding:13px 16px;font-size:17px;border:var(--bw) solid var(--ink);border-radius:14px;background:var(--card)}
  .nav-links.open a::after{display:none}
  .nav-links.open a.active{background:var(--lime)}
  .nav-links.open .nl-cta{display:flex;margin-top:4px;background:var(--wa);color:#fff;justify-content:center}
  .nav-links .nl-cta svg{width:20px;height:20px}
}

/* hız ölçeği: logaritmik etiketler */
.scale.log{position:relative;height:16px}
.scale.log span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.scale.log span:first-child{transform:none}
.scale.log span:last-child{transform:translateX(-100%)}
/* ===== Bayi kartı kredi satırı + Platinum ayrıcalıkları ===== */
.tier-head .credit{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:8px}
.tier-head .credit b{font-weight:800;font-size:16px}
.tier-head .credit span{font-size:13px;font-weight:800;padding:3px 10px;border-radius:99px;border:1.5px solid var(--ink);background:var(--lime);color:var(--ink)}
.tier-head .rate{display:block;margin-top:10px;font-size:12px;opacity:.75}
.plat{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;margin-top:46px;padding:34px;border:var(--bw) solid var(--ink);border-radius:26px;box-shadow:10px 10px 0 var(--ink);
  background:radial-gradient(circle at 100% 0%,rgba(205,244,100,.35),transparent 50%),var(--cobalt);color:#fff}
.plat .mono{color:var(--lime)}
.plat h3{font-size:clamp(26px,3vw,36px);margin:10px 0 10px}
.plat p{color:rgba(255,255,255,.85)}
.plat-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.plat-chips span{padding:12px 14px;border:var(--bw) solid var(--ink);border-radius:14px;background:var(--card);color:var(--ink);font-weight:800;font-size:14px;box-shadow:3px 3px 0 var(--ink)}
.plat .btn{width:100%}
@media(max-width:860px){.plat{grid-template-columns:1fr;padding:26px}}
@media(max-width:420px){.plat-chips{grid-template-columns:1fr}}
/* ===== Platinum: açıklamalı özellik listesi ===== */
.tier ul.rich{gap:4px;padding:16px 18px 20px}
.tier ul.rich li{display:flex;gap:12px;align-items:flex-start;padding:10px 10px;border-radius:14px;border:1.5px solid transparent;transition:background .15s,border-color .15s}
.tier ul.rich li::before{content:none}
.tier ul.rich li:hover{background:var(--paper);border-color:var(--ink)}
.tier ul.rich .ri{flex-shrink:0;width:38px;height:38px;border-radius:11px;border:var(--bw) solid var(--ink);background:var(--lime);display:grid;place-items:center;font-size:18px;box-shadow:2px 2px 0 var(--ink)}
.tier ul.rich li:nth-child(even) .ri{background:var(--sun)}
.tier ul.rich b{display:block;font-size:15px;line-height:1.25}
.tier ul.rich small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}