/*
Theme Name: SYNCRA Company Profile
Theme URI: https://syncra.app
Author: Tim SYNCRA
Description: Tema WordPress kustom single-page untuk company profile aplikasi SYNCRA (Smart Productivity for Students). HTML5 + Tailwind CSS.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: syncra
*/
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:#0f172a;background:#fff}
h1,h2,h3,h4,.font-head{font-family:'Plus Jakarta Sans','Inter',sans-serif}
section[id]{scroll-margin-top:72px}
.grad-hero{background:radial-gradient(1000px 500px at 80% -10%,#c7d2fe 0,transparent 60%),radial-gradient(800px 500px at 0% 20%,#a7f3d0 0,transparent 55%),#f8fafc}
.phone{border-radius:28px;filter:drop-shadow(0 25px 35px rgba(79,70,229,.25))}
.card{background:#fff;border-radius:20px;box-shadow:0 1px 3px rgba(15,23,42,.08),0 8px 24px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(79,70,229,.15)}
.nav-link.active{color:#4F46E5;font-weight:600}
.snap{scroll-snap-type:x mandatory}.snap>*{scroll-snap-align:center}
details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}