/*
Theme Name: Salih Güneş Dijital
Theme URI: https://salihgunes.com.tr
Author: Salih Güneş
Description: Tek sayfalık, mobil uyumlu web tasarım ve domain hizmetleri teması.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: salih-gunes
*/
:root{--navy:#031e35;--blue:#063c61;--teal:#06c9be;--ink:#08263e;--muted:#547088}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f6faff;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#031e35f5;color:white;box-shadow:0 5px 25px #00182730}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;color:#34ddd9}.brand img{width:72px;height:48px;object-fit:contain;object-position:center}.links{display:flex;gap:26px;align-items:center}.links a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(120deg,#00adab,#0bd3c5);color:white;padding:14px 24px;border-radius:35px;font-weight:700;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 26px #00a9a344}.btn.outline{background:transparent;border:1px solid #17cfc9}.menu-toggle{display:none;background:none;border:1px solid #638197;color:white;border-radius:9px;padding:8px 12px;font-size:24px}.hero{background:radial-gradient(circle at 80% 30%,#087b91 0,transparent 40%),linear-gradient(130deg,#021a2e,#043e62);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:85px 0 100px}.eyebrow{color:#13d6d1;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.13;letter-spacing:-2px;margin:18px 0}.hero h1 em{font-style:normal;color:#20d7d4}.hero p{font-size:18px;color:#d4e5f0;max-width:550px}.checks{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.checks span:before{content:'✓ ';color:#11dfd4}.actions{display:flex;flex-wrap:wrap;gap:12px}.device{position:relative;min-height:350px;display:grid;place-items:center}.laptop{width:95%;background:#111b28;border:10px solid #263b4c;border-radius:16px 16px 8px 8px;box-shadow:0 28px 50px #00152580;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg)}.screen{min-height:265px;background:linear-gradient(145deg,#0a3e5b,#03172a);padding:26px;border-radius:5px}.screen .topline{height:12px;border-bottom:1px solid #446b7b;margin-bottom:40px}.screen strong{display:block;font-size:27px;line-height:1.2;color:white}.screen small{color:#c0dce6}.screen .pill{width:90px;height:13px;background:#08c9c0;border-radius:20px;margin-top:22px}.phone{position:absolute;bottom:-24px;left:-10px;width:115px;height:225px;border:8px solid #0e1b28;border-radius:23px;background:linear-gradient(155deg,#096281,#011c32);box-shadow:0 20px 30px #0008;padding:30px 9px;color:white;font-weight:bold}.tablet{position:absolute;bottom:-22px;right:-14px;width:180px;height:145px;border:8px solid #1b2b39;border-radius:12px;background:linear-gradient(155deg,#0b6e84,#032038);box-shadow:0 20px 30px #0008;padding:20px 12px;color:white}.section{padding:85px 0}.center{text-align:center}.section h2{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:10px 0 16px}.lead{color:var(--muted);max-width:730px;margin:0 auto 36px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e5eef5;border-radius:17px;padding:27px;box-shadow:0 9px 28px #08263e0d;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card h3{font-size:19px;margin:16px 0 8px}.card p{font-size:15px;color:var(--muted)}.symbol{width:60px;height:60px;border-radius:15px;background:#ddf7fa;display:grid;place-items:center;font-size:29px}.why{background:linear-gradient(120deg,#021e34,#074e6d);color:white}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.why p{color:#d1e2ea}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.benefits b{color:#36ddd5}.visual{border-radius:22px;background:radial-gradient(circle at 70% 35%,#09c4b7,transparent 45%),linear-gradient(140deg,#05496a,#011d33);padding:60px 25px;text-align:center;font-size:75px;box-shadow:inset 0 0 0 1px #ffffff20}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{position:relative}.num{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:linear-gradient(120deg,#05c3b8,#07537e);color:white;font-weight:800}.step h3{margin-bottom:4px}.step p{font-size:14px;color:var(--muted)}.domain{background:#eaf8fc}.domain-form{display:flex;gap:12px;background:white;border:1px solid #d6e9f0;border-radius:55px;padding:10px;max-width:800px;margin:24px auto}.domain-form input{flex:1;min-width:0;border:0;padding:12px 18px;font-size:16px;outline:0}.cta{background:linear-gradient(120deg,#063e63,#021b30);color:white;text-align:center;padding:65px 0}.cta h2{font-size:34px}.footer{background:#02192b;color:#d0e3ec;padding:35px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer small{color:#92aebc}.float-wa{position:fixed;right:20px;bottom:22px;z-index:35;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#16c976;color:white;font-size:28px;box-shadow:0 6px 20px #0018}.entry{padding:70px 0;max-width:850px}.entry h1{font-size:38px}@media(max-width:800px){.menu-toggle{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#03243e;padding:20px;flex-direction:column;align-items:stretch}.links.open{display:flex}.header .call{display:none}.nav{min-height:72px}.hero-grid,.why-grid{grid-template-columns:1fr;gap:30px}.hero-grid{padding:45px 0 70px}.hero h1{font-size:40px}.device{min-height:300px;margin:0 10px}.laptop{width:85%}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.footer-grid{flex-direction:column;text-align:center}}@media(max-width:520px){.brand{font-size:14px}.brand img{width:60px}.hero h1{font-size:36px}.hero p{font-size:16px}.cards,.steps{grid-template-columns:1fr}.card{padding:22px}.device{min-height:260px}.screen{min-height:200px}.phone{height:175px;width:90px;font-size:12px}.tablet{height:110px;width:140px;font-size:12px}.domain-form{border-radius:20px;flex-direction:column}.domain-form .btn{width:100%}.benefits{grid-template-columns:1fr}.cta h2{font-size:27px}}