/*
Theme Name: Zakura Studio Sakura
Version: 1.2
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030817;color:#fff;font-family:"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}
.z-head{height:78px;background:#050617;display:flex;align-items:center;padding:0 5.4vw;border-bottom:1px solid #572051;position:sticky;top:0;z-index:50}.z-head img{width:265px;height:70px;object-fit:contain}.z-nav{margin-left:auto;display:flex;gap:38px;align-items:center;font-size:14px;font-weight:600}.z-nav a:first-child{color:#ff35ba;border-bottom:2px solid #ff35ba;padding:29px 8px 18px}.account{background:linear-gradient(135deg,#c5168e,#ed2aa7);padding:13px 25px;border-radius:13px}
.hero{height:425px;position:relative;overflow:hidden;background:#080821}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,17,.08),rgba(3,4,17,.03)),url("https://purple-nightingale-438851.hostingersite.com/wp-content/uploads/2026/09/Zakura-Studio-fondo-japones.png?v=2") center/100% 100% no-repeat;filter:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,8,.12),transparent 58%),linear-gradient(0deg,rgba(3,5,16,.25),transparent 35%)}
.hero-in{position:relative;z-index:2;height:100%;max-width:1500px;margin:auto;display:grid;grid-template-columns:44% 56%;align-items:center;padding:18px 4.2vw}.brand-stage{align-self:end;padding-bottom:5px}.hero-logo{width:520px;max-width:100%;filter:drop-shadow(0 0 15px #ff27b355)}.hero-copy{padding:0 10px 0 35px}.hero h1{font-size:52px;line-height:1.03;margin:0 0 12px;font-weight:800;letter-spacing:-1.8px;text-shadow:0 3px 2px #111}.hero h1 em{font-style:normal;color:#ff54bd}.hero p{font-size:20px;line-height:1.28;margin:0 0 28px;color:#f3edf6}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cat{height:112px;border:1px solid #f023b4;border-radius:13px;background:linear-gradient(110deg,#541044dd,#130b30e8);display:grid;grid-template-columns:62px 1fr 30px;align-items:center;padding:13px}.cat strong{font-size:40px;color:#ff7bd0}.cat b{display:block;font-size:17px;color:#ff8ad5}.cat small{display:block;font-size:13px;line-height:1.4;color:#eee}.cat i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f20cc4;font-size:28px;font-style:normal}.cat.app{border-color:#16d8ff;background:linear-gradient(110deg,#04355add,#071735e8)}.cat.app strong,.cat.app b{color:#38dcff}.cat.app i{background:#12aee9}.cat.win{border-color:#7835ff;background:linear-gradient(110deg,#25105ddd,#17082ce8)}.cat.win strong,.cat.win b{color:#c991ff}.cat.win i{background:#6517ed}
.products{background:radial-gradient(circle at 52% 10%,#10234a55,transparent 45%),#040b19;padding:18px 4vw 23px}.section-head{max-width:1450px;margin:auto;display:flex;align-items:end;justify-content:space-between;padding:0 0 15px}.mini{font-size:12px;letter-spacing:4px;color:#ff35ba;font-weight:800}.section-head h2{font-size:36px;margin:3px 0 5px}.section-head h2 em{font-style:normal;color:#ff38b8}.section-head p{margin:0;color:#d5d7e1}.all{border:1px solid #ff1bb1;border-radius:16px;padding:13px 28px;margin-bottom:10px;font-size:14px}.track{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{min-width:0;border:1px solid #6f1d69;border-radius:10px;overflow:hidden;background:#080e1b}.art{height:160px;position:relative;padding:22px;background:#101330;overflow:hidden}.art b{position:relative;z-index:2;font-size:34px;line-height:.9;text-shadow:0 0 16px currentColor}.art span{position:absolute;right:20px;bottom:8px;font-size:82px;opacity:.75}.slime{background:radial-gradient(circle at 65% 50%,#00e9ff,#143ec7 32%,#341369 70%);color:#fff}.vision{background:linear-gradient(120deg,#092131,#071b21 45%,#074e40);color:#ff43d0}.akane{background:radial-gradient(circle at 70% 50%,#c022a0,#361048 42%,#160a2c);color:white}.media{background:radial-gradient(circle at 70% 45%,#043c8a,#29105c 48%,#17051d);color:#ff4bc2}.info{position:relative;padding:9px 15px 14px;min-height:105px}.info small{background:#14263d;border-radius:12px;padding:4px 10px;font-size:11px}.info h3{font-size:15px;margin:9px 0 5px}.info p{font-size:12px;line-height:1.4;margin:0;padding-right:80px;color:#e0e2e9}.info a{position:absolute;right:12px;bottom:16px;padding:11px 13px;border-radius:9px;background:linear-gradient(135deg,#ff72cf,#ff35ae);color:#130414;font-size:11px;font-weight:700}.card:nth-child(2) .info a{background:#27d4f4}.dots{text-align:center;padding-top:12px}.dots i,.dots b{display:inline-block;width:9px;height:7px;border-radius:9px;background:#485064;margin:0 3px}.dots b{width:20px;background:#ff25b1}
.benefits{border-top:1px solid #263049;background:#030817;display:grid;grid-template-columns:repeat(4,1fr);padding:13px 5vw 17px;gap:30px}.benefits>div{display:flex;gap:18px;align-items:center;font-size:34px;color:#ff2db5}.benefits span{display:block}.benefits b{display:block;color:#fff;font-size:14px}.benefits small{display:block;color:#c7cad4;font-size:12px;margin-top:5px}.footer{display:none}
@media(max-width:900px){.z-head{padding:0 18px}.z-head img{width:190px}.z-nav{display:none}.hero{height:auto;min-height:850px}.hero-in{grid-template-columns:1fr;padding:30px 20px}.brand-stage{text-align:center}.hero-logo{width:390px}.hero-copy{padding:10px}.hero h1{font-size:42px}.cats{grid-template-columns:1fr}.track{display:flex;overflow-x:auto}.card{flex:0 0 300px}.benefits{grid-template-columns:1fr 1fr}.section-head{align-items:start;gap:15px}.all{white-space:nowrap}}