body { overflow-x: hidden; }

.hero { position: relative; isolation: isolate; overflow: hidden; }
.hero::before,.hero::after { content:""; position:absolute; z-index:-1; border-radius:50%; pointer-events:none; }
.hero::before { width:470px; height:470px; right:-120px; top:-180px; background:radial-gradient(circle,rgba(216,102,50,.18),rgba(216,102,50,0) 70%); animation:breathe 8s ease-in-out infinite; }
.hero::after { width:380px; height:380px; left:36%; bottom:-270px; background:radial-gradient(circle,rgba(21,86,75,.16),rgba(21,86,75,0) 70%); animation:breathe 10s ease-in-out -3s infinite; }

.orbit-card { transform:perspective(1100px) rotateY(-3deg) rotateX(1deg); animation:cardFloat 6s ease-in-out infinite; }
.orbit-card .orbit { animation:orbitSpin 22s linear infinite; }
.orbit-card .orbit-two { animation-direction:reverse; animation-duration:29s; }

.hero-chip { position:absolute; z-index:4; display:flex; align-items:center; gap:9px; padding:11px 14px; background:rgba(255,255,255,.94); color:#142b32; box-shadow:0 12px 35px rgba(0,0,0,.16); font-size:10px; letter-spacing:.04em; }
.hero-chip span { color:#d86632; font:700 18px Georgia,serif; }
.hero-chip i { width:8px; height:8px; border-radius:50%; background:#58a276; box-shadow:0 0 0 5px rgba(88,162,118,.16); }
.chip-one { left:18px; top:40px; animation:chipFloat 5s ease-in-out infinite; }
.chip-two { right:18px; bottom:56px; animation:chipFloat 5s ease-in-out -2.2s infinite; }

.ticker { width:100%; overflow:hidden; border-top:1px solid #dcd4c3; border-bottom:1px solid #dcd4c3; background:#fffdf7; transform:rotate(-1deg) scale(1.02); }
.ticker>div { width:max-content; display:flex; align-items:center; gap:25px; padding:15px 0; animation:tickerMove 31s linear infinite; }
.ticker span { font:600 15px Georgia,serif; color:#24443f; white-space:nowrap; }
.ticker i { color:#d86632; font-style:normal; font-size:10px; }

.tools { position:relative; background:radial-gradient(circle at 12% 18%,rgba(216,102,50,.08),transparent 19%),radial-gradient(circle at 87% 73%,rgba(21,86,75,.08),transparent 23%),#f8f4e9; }
.tool-grid { grid-template-columns:repeat(12,1fr); align-items:stretch; }
.tool-card { grid-column:span 4; position:relative; overflow:hidden; border-top:3px solid #476b5d; }
.tool-card:nth-child(1),.tool-card:nth-child(6) { grid-column:span 8; min-height:285px; background:linear-gradient(135deg,#fffdf7,#edf3ee); }
.tool-card::after { content:""; position:absolute; width:120px; height:120px; right:-74px; bottom:-76px; border-radius:50%; background:rgba(216,102,50,.09); transition:.45s ease; }
.tool-card:hover::after { transform:scale(2.4); }
.tool-card:hover .tool-icon { transform:rotate(-7deg) scale(1.08); }
.tool-icon { transition:.3s ease; }
.tool-card[data-category="Gelir Vergisi"] { border-top-color:#d86632; }
.tool-card[data-category="VUK / Değerleme"] { border-top-color:#c58b3a; }
.tool-card[data-category="Katma Değer Vergisi"] { border-top-color:#6f8660; }
.tool-card[data-category="Veraset ve İntikal"] { border-top-color:#806887; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .65s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

@keyframes cardFloat { 0%,100%{transform:perspective(1100px) rotateY(-3deg) rotateX(1deg) translateY(0)} 50%{transform:perspective(1100px) rotateY(-1deg) rotateX(0) translateY(-10px)} }
@keyframes orbitSpin { to{transform:rotate(338deg)} }
@keyframes breathe { 0%,100%{transform:scale(.92);opacity:.7} 50%{transform:scale(1.12);opacity:1} }
@keyframes chipFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes tickerMove { to{transform:translateX(-50%)} }

@media(max-width:900px){.tool-card,.tool-card:nth-child(1),.tool-card:nth-child(6){grid-column:span 6;min-height:245px}.orbit-card{transform:none}}
@media(max-width:600px){.tool-card,.tool-card:nth-child(1),.tool-card:nth-child(6){grid-column:span 12}.hero-chip{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}