/*
Theme Name: ROZAK Dark Studio
Theme URI: https://rozak.krd/
Author: ROZAK
Description: A modern dark WordPress theme for ROZAK Music, ROZAK Tech, and ROZAK Network.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: rozak-dark-studio
*/
:root{--bg:#090b10;--surface:#11151d;--surface2:#171d27;--text:#f5f7fb;--muted:#a8b0bf;--line:#293140;--orange:#e25822;--blue:#4b83ff;--green:#65bd4b;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,16,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.45rem;font-weight:850;letter-spacing:.14em}.brand span{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.main-nav a{font-size:.93rem;color:#d5d9e2}.main-nav a:hover{color:#fff}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:7px;background:var(--orange);color:#fff;font-weight:750;border:1px solid transparent;transition:.2s}.nav-cta:hover,.button:hover{background:#ff6b32;color:#fff;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:#465064}.hero{padding:110px 0 90px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 12%,rgba(226,88,34,.15),transparent 32%),radial-gradient(ellipse at 15% 90%,rgba(75,131,255,.10),transparent 35%)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--orange);font-weight:800;font-size:.76rem}.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:18px 0 24px}.hero h1 span{color:var(--orange)}.hero p{max-width:690px;color:var(--muted);font-size:1.18rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.section{padding:82px 0}.section-head{max-width:720px;margin-bottom:34px}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.035em;margin:10px 0 14px}.section-head p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.division-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface2),var(--surface));min-height:245px;display:flex;flex-direction:column;align-items:flex-start}.division-card .mark{width:44px;height:4px;border-radius:5px;background:var(--orange);margin-bottom:25px}.division-card.tech .mark{background:var(--blue)}.division-card.network .mark{background:var(--green)}.division-card h3{font-size:1.45rem;margin:0 0 8px}.division-card p{color:var(--muted);margin:0 0 22px}.text-link{margin-top:auto;font-weight:750}.text-link:after{content:'  ↗';color:var(--orange)}.about-band{background:var(--surface);border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-panel{padding:32px;border:1px solid var(--line);border-radius:14px;background:#0d1118}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stat{padding:18px;background:var(--surface2);border-radius:9px}.stat strong{display:block;font-size:1.3rem}.stat span{font-size:.82rem;color:var(--muted)}.contact-band{padding:64px 0;background:linear-gradient(100deg,rgba(226,88,34,.13),rgba(75,131,255,.09));border-block:1px solid var(--line)}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-inner h2{margin:0 0 8px}.contact-inner p{color:var(--muted);margin:0}.site-footer{padding:30px 0;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px}.page-hero{padding:80px 0 45px;background:radial-gradient(ellipse at 85% 0%,rgba(226,88,34,.12),transparent 35%)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.content-area{padding:20px 0 90px;min-height:45vh}.content-area h2,.content-area h3{line-height:1.2}.content-area p,.content-area li{color:#c5cbd5}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.contact-item{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.contact-item small{display:block;color:var(--muted);margin-bottom:7px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:6px;font-size:1rem}@media(max-width:760px){.header-inner{min-height:68px;flex-wrap:wrap;padding:14px 0}.menu-toggle{display:block}.main-nav{display:none;width:100%;padding:8px 0 15px;flex-direction:column;align-items:flex-start;gap:14px}.main-nav.open{display:flex}.hero{padding:75px 0 65px}.cards,.about-grid,.contact-details{grid-template-columns:1fr}.section{padding:60px 0}.contact-inner{align-items:flex-start;flex-direction:column}.stat-row{grid-template-columns:1fr 1fr}}

.site-logo{display:block;width:178px;max-height:60px;object-fit:contain;object-position:left center}.brand{display:flex;align-items:center;flex-shrink:0}.content-area .lead{font-size:1.2rem;color:#e0e5ee;max-width:850px}.content-area h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:42px;margin-bottom:16px}.content-area h3{font-size:1.15rem}.content-area .button{margin-top:8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.service-item{padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface2),var(--surface))}.service-item h3{margin-top:0}.service-item p,.note{color:var(--muted)}.content-area a:not(.button){color:#f0a080}.content-area a:not(.button):hover{color:#fff}.content-area .contact-details{margin:26px 0 35px}.contact-item p{color:var(--muted);margin-bottom:0}.contact-item a{overflow-wrap:anywhere}@media(max-width:760px){.site-logo{width:145px;max-height:50px}.service-grid{grid-template-columns:1fr}}

.site-logo{display:block;width:178px;max-height:60px;object-fit:contain;object-position:left center}.brand{display:flex;align-items:center;flex-shrink:0}.content-area .lead{font-size:1.2rem;color:#e0e5ee;max-width:850px}.content-area h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:42px;margin-bottom:16px}.content-area h3{font-size:1.15rem}.content-area .button{margin-top:8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.service-item{padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface2),var(--surface))}.service-item h3{margin-top:0}.service-item p,.note{color:var(--muted)}.content-area a:not(.button){color:#f0a080}.content-area a:not(.button):hover{color:#fff}.content-area .contact-details{margin:26px 0 35px}.contact-item p{color:var(--muted);margin-bottom:0}.contact-item a{overflow-wrap:anywhere}@media(max-width:760px){.site-logo{width:145px;max-height:50px}.service-grid{grid-template-columns:1fr}}
