/* Home "Tasda'da nasıl kullanılır?" (inc-home-how-it-works.php): two big boxes in the style of the home bands
   (persuasion-bands.css): blue and purple, dark outline, hard shadow, a small graphic each. Text is large on purpose. */
.hiw-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-right:10px;padding-bottom:10px}
.hiw-box{display:grid;align-content:space-between;gap:22px;padding:clamp(22px,3vw,34px);border:3px solid #102331;border-radius:28px;box-shadow:10px 10px 0 #102331;color:#102331;text-decoration:none;transition:transform .15s ease}
.hiw-box:hover{transform:translateY(-3px)}
.hiw-box:focus-visible{outline:3px solid #8664ff;outline-offset:4px}
.hiw-talk{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.55),transparent 42%),#b9e6ff}
.hiw-make{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.5),transparent 42%),#d9ccff}
.hiw-copy{display:grid;gap:10px}
.hiw-copy small{font-size:15px;font-weight:800;opacity:.72}
.hiw-copy b{font-size:clamp(28px,3.2vw,40px);line-height:1.05;letter-spacing:-.03em;font-weight:900}
.hiw-copy>span{font-size:clamp(18px,1.7vw,21px);line-height:1.4;font-weight:600;color:rgba(16,35,49,.85)}
.hiw-btn{justify-self:start;margin-top:8px;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:12px;background:#000;color:#fff;font-style:normal;font-size:16px;font-weight:800}
.hiw-art{display:grid;gap:12px;justify-items:start}
.hiw-bubble{max-width:340px;padding:12px 16px;border-radius:18px 18px 18px 4px;background:#0b1220;color:#eef3ff;font-size:16px;font-weight:600;line-height:1.35}
.hiw-chips{display:flex;flex-wrap:wrap;gap:8px}
.hiw-chips i{padding:8px 14px;border:2px solid #102331;border-radius:999px;background:#fff;font-style:normal;font-size:15px;font-weight:800}
.hiw-art:has(.hiw-card){grid-template-columns:minmax(0,1fr) auto;align-items:center}
.hiw-card{display:grid;gap:12px;padding:16px;border:3px solid #102331;border-radius:20px;background:#0b1220;color:#eef3ff;box-shadow:6px 6px 0 #102331}
.hiw-card-head{display:flex;align-items:center;gap:10px}
.hiw-card-head i{width:34px;height:34px;border-radius:50%;background:#8664ff}
.hiw-card-head strong{font-size:16px}
.hiw-wave{display:flex;align-items:center;gap:5px;height:26px}
.hiw-wave u{width:6px;border-radius:3px;background:#52e5a5;text-decoration:none}
.hiw-wave u:nth-child(1){height:10px}.hiw-wave u:nth-child(2){height:22px}.hiw-wave u:nth-child(3){height:16px}.hiw-wave u:nth-child(4){height:26px}.hiw-wave u:nth-child(5){height:12px}
.hiw-share{display:grid;justify-items:center;padding:12px 16px;border:3px solid #102331;border-radius:50%;aspect-ratio:1;align-content:center;background:#fff;font-size:13px;font-weight:800;text-align:center;line-height:1.15}
.hiw-share strong{font-size:30px;font-weight:900}
@media(max-width:820px){.hiw-boxes{grid-template-columns:1fr}.hiw-box{box-shadow:6px 6px 0 #102331;border-radius:20px}}