/*
Theme Name: Anime Create
Theme URI: https://anime-create.net/
Author: Anime Create AI
Description: Custom theme for Anime Create AI.
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: anime-create
*/
:root{--bg:#0b0716;--bg2:#140c26;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.1);--fg:#f6f0ff;--mut:#b8acd3;--pink:#ff4fa3;--coral:#ff8a5c;--cyan:#4fe3ff;--grad:linear-gradient(110deg,var(--pink),var(--coral) 50%,var(--cyan));--r:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:400 17px/1.7 Manrope,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}
.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:999;background:#fff;color:#000;padding:8px}
.wrap{width:min(1200px,92%);margin:auto}.narrow{width:min(860px,92%)}.center{text-align:center}
h1,h2,.f-title,.logo-text{font-family:Unbounded,sans-serif;line-height:1.15;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,5.6vw,4.6rem);font-weight:900}h2{font-size:clamp(1.7rem,3.4vw,2.8rem);font-weight:700;margin-bottom:.6em}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:sh 6s linear infinite}
@keyframes sh{to{background-position:200% 0}}
.muted{color:var(--mut)}.lead{font-size:1.2rem;color:var(--mut);max-width:640px;margin:1.2em 0 2em}
.eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);padding:6px 14px;border-radius:99px;margin-bottom:1.2em;backdrop-filter:blur(8px);background:rgba(255,255,255,.03)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:15px 30px;border-radius:99px;font-weight:700;cursor:pointer;transition:.35s;border:1px solid var(--line);position:relative;overflow:hidden}
.btn-glow{background:var(--grad);background-size:200%;color:#fff;border:0;box-shadow:0 10px 40px -8px rgba(255,79,163,.7)}
.btn-glow:hover{background-position:100% 0;transform:translateY(-3px) scale(1.03);box-shadow:0 18px 60px -8px rgba(255,79,163,.9)}
.btn-glow::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45),transparent 70%);transform:translateX(-100%);animation:shine 3.2s infinite}
@keyframes shine{60%,100%{transform:translateX(100%)}}
.btn-ghost{background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:var(--pink);color:#fff;background:rgba(255,79,163,.15)}
.btn-sm{padding:10px 20px;font-size:.9rem;background:var(--grad);border:0}.btn-xl{padding:20px 44px;font-size:1.15rem}
.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.4s;padding:18px 0}
.site-header.scrolled{background:rgba(11,7,22,.72);backdrop-filter:blur(18px);padding:10px 0;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:30px}.custom-logo-link{display:flex;align-items:center;gap:10px;font-size:1.1rem}
.logo-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--grad);animation:spin 10s linear infinite}
@keyframes spin{50%{transform:rotate(180deg)}}.logo-text b{color:var(--pink)}
.main-navigation{margin-left:auto}.menu{display:flex;list-style:none;gap:28px}.menu a{color:var(--mut);transition:.3s}.menu a:hover{color:#fff}
.menu-toggle{display:none;background:none;border:0;width:32px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px 0}
.screen{padding:120px 0;position:relative}
.hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:140px}
.hero-bg{position:absolute;inset:-8% 0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.12)}}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,7,22,.95) 10%,rgba(11,7,22,.4) 60%,rgba(11,7,22,.2)),linear-gradient(0deg,var(--bg),transparent 40%)}
.orbs i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 12s ease-in-out infinite;z-index:-1}
.orbs i:nth-child(1){width:380px;height:380px;background:var(--pink);top:10%;left:-5%}.orbs i:nth-child(2){width:300px;height:300px;background:var(--cyan);bottom:5%;right:10%;animation-delay:-4s}.orbs i:nth-child(3){width:200px;height:200px;background:var(--coral);top:40%;right:35%;animation-delay:-8s}
@keyframes float{50%{transform:translate(40px,-50px) scale(1.15)}}
.hero-content{max-width:1200px}.hero-title{max-width:880px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.hero-proof{display:flex;gap:40px;list-style:none;margin-top:50px;color:var(--mut);flex-wrap:wrap}.hero-proof b{display:block;font:700 1.8rem Unbounded;color:#fff}
.scroll-hint{position:absolute;bottom:30px;left:50%;width:26px;height:42px;border:2px solid var(--line);border-radius:20px}.scroll-hint span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:#fff;border-radius:4px;animation:sc 1.8s infinite}
@keyframes sc{to{transform:translateY(14px);opacity:0}}
.section-head{text-align:center;max-width:760px;margin:0 auto 60px}
.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.model-card{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);transition:.5s;transform-style:preserve-3d}
.model-card:hover{border-color:rgba(255,79,163,.6);box-shadow:0 30px 80px -20px rgba(255,79,163,.45)}
.model-img{aspect-ratio:3/4;overflow:hidden;position:relative}.model-img img{width:100%;height:100%;object-fit:cover;transition:1s}
.model-card:hover .model-img img{transform:scale(1.08)}
.model-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg2),transparent 45%)}
.model-info{padding:0 24px 26px;margin-top:-70px;position:relative}.model-top{display:flex;justify-content:space-between;align-items:center}
.model-name{font:700 1.4rem Unbounded}.online{color:#5dffa0;font-size:.8rem}.model-tag{color:var(--pink);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.model-info p{color:var(--mut);margin:10px 0 18px;font-size:.95rem}.model-info .btn{width:100%;padding:12px}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.split.reverse{grid-template-columns:1fr 1.1fr}
.split-text p{color:var(--mut);margin-bottom:1.1em}.split-text .btn{margin-top:10px}
.stack{position:relative;height:620px}.stack img{position:absolute;width:62%;border-radius:var(--r);box-shadow:0 40px 80px -20px #000;border:1px solid var(--line)}
.stack img:first-child{top:0;left:0;transform:rotate(-5deg)}.stack img:last-child{bottom:0;right:0;transform:rotate(6deg)}
.frame{border-radius:var(--r);padding:3px;background:var(--grad);max-width:460px;margin:auto;animation:float 10s ease-in-out infinite}.frame img{border-radius:calc(var(--r) - 3px)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature{padding:34px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:.4s}
.feature:hover{transform:translateY(-8px);background:rgba(255,79,163,.08);border-color:rgba(255,79,163,.4)}
.ico{font-size:2rem;display:block;margin-bottom:14px}.f-title{font-size:1.15rem;font-weight:700;margin-bottom:8px}.feature p:last-child,.step p:last-child{color:var(--mut)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px;counter-reset:s}
.step{padding:40px 30px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,79,163,.1),transparent 60%)}
.num{font:900 3.4rem Unbounded;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:10px}
.stats{background:linear-gradient(90deg,rgba(255,79,163,.12),rgba(79,227,255,.12));border-block:1px solid var(--line);padding:80px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat b{display:block;font:900 clamp(2rem,4vw,3.2rem) Unbounded}.stat span{color:var(--mut)}
.scene-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.scene{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4.4}
.scene img{width:100%;height:100%;object-fit:cover;transition:.8s;filter:saturate(1.1)}.scene:hover img{transform:scale(1.1) rotate(1deg)}
.scene span{position:absolute;left:18px;bottom:18px;font:700 1rem Unbounded;padding:8px 16px;border-radius:99px;background:rgba(11,7,22,.6);backdrop-filter:blur(8px)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review{padding:34px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);font-size:1.1rem}
.review cite{display:block;margin-top:16px;color:var(--pink);font-style:normal;font-weight:700}
.table-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line)}.compare-table{width:100%;border-collapse:collapse}
.compare-table th,.compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line)}.compare-table th:nth-child(2),.compare-table td:nth-child(2){background:rgba(255,79,163,.1);color:#fff;font-weight:700}
.faq-item{border:1px solid var(--line);border-radius:18px;margin-bottom:14px;background:var(--card);overflow:hidden;transition:.3s}.faq-item[open]{border-color:rgba(255,79,163,.5)}
.faq-item summary{cursor:pointer;padding:22px 26px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq-item summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--pink);transition:.3s}.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-a{padding:0 26px 22px;color:var(--mut)}
.final-cta{overflow:hidden;padding:160px 0}.final-bg{position:absolute;inset:0;z-index:-1;opacity:.35}.final-bg img{width:100%;height:100%;object-fit:cover}
.final-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,transparent,var(--bg) 75%)}.final-cta .lead{margin-inline:auto}
.site-footer{border-top:1px solid var(--line);padding:60px 0 30px;background:var(--bg2)}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr auto;gap:40px;align-items:start}
.footer-inner p{margin-top:14px;max-width:380px;font-size:.92rem}.footer-menu{list-style:none}.footer-menu a{color:var(--mut)}.footer-menu a:hover{color:var(--pink)}
.site-info{margin-top:40px;color:var(--mut);font-size:.85rem}
.legal{padding:150px 0 90px}.legal h1{font-size:clamp(2rem,4.5vw,3.4rem);margin-bottom:.3em}.legal h2{font-size:1.3rem;margin:2em 0 .5em}.legal p{color:var(--mut)}
.breadcrumbs{color:var(--mut);font-size:.9rem;margin-bottom:24px}.breadcrumbs a{color:var(--pink)}.legal-cta{margin-top:50px}.err{padding:80px 0}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,79,163,.16),transparent 65%);transform:translate(-50%,-50%);z-index:0;transition:opacity .3s}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.models-grid,.feature-grid,.review-grid{grid-template-columns:1fr 1fr}.split,.split.reverse{grid-template-columns:1fr}.stack{height:480px}.scene-row,.stats-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}
.main-navigation{position:fixed;inset:64px 0 auto;background:rgba(11,7,22,.96);padding:24px;transform:translateY(-150%);transition:.4s}.main-navigation.open{transform:none}.menu{flex-direction:column}.menu-toggle{display:block}.header-inner .btn-sm{margin-left:auto}}
@media(max-width:620px){.models-grid,.feature-grid,.review-grid{grid-template-columns:1fr}.screen{padding:80px 0}.cursor-glow{display:none}.hero-proof{gap:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}