:root{--navy:#07101f;--navy2:#101d34;--ink:#0b1830;--muted:#61718a;--line:#dce5f0;--light:#f3f7fc;--cyan:#21d7c3;--blue:#176ff2;--gold:#f1c95c;--radius:24px;--shadow:0 28px 80px rgba(8,25,52,.14)}body{background:linear-gradient(180deg,#fff 0%,#f6f9fd 100%)}.nav-wrap{background:rgba(249,252,255,.78);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(165,186,211,.25)}.nav{height:82px}.brand-mark{border-radius:11px;background:linear-gradient(145deg,#20dec8,#27aef6);box-shadow:0 8px 24px rgba(25,201,190,.26)}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.25s}.nav-links a:hover:after{right:0}.button{border-radius:999px;background:linear-gradient(115deg,#1473e6,#6558f5);border:0;box-shadow:0 12px 28px rgba(45,101,229,.2)}.button-ghost{background:rgba(255,255,255,.75);border:1px solid #b9cbed;box-shadow:none}.hero{min-height:720px;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;left:-310px;top:50px;border-radius:50%;background:#62e9db;filter:blur(120px);opacity:.12;pointer-events:none}.hero h1{font-size:clamp(3.3rem,6.3vw,5.4rem);max-width:760px}.hero h1 span{background:linear-gradient(100deg,#1375ec,#7359f4,#15bfae);background-size:200% auto;-webkit-background-clip:text;color:transparent;animation:gradientmove 7s linear infinite}.hero-stage{border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 100px rgba(7,24,39,.24);transform:perspective(1000px) rotateY(-3deg);transition:.35s}.hero-stage:hover{transform:perspective(1000px) rotateY(0) translateY(-5px)}.choice-band{background:linear-gradient(110deg,#071827,#102c50)}.section{padding-top:112px;padding-bottom:112px}.section-head{margin-bottom:44px}.filters,.price-tabs{padding:6px;width:max-content;background:#eef3f9;border-radius:999px}.filter,.price-tab{border:0;background:transparent}.filter.active,.price-tab.active{box-shadow:0 8px 20px rgba(7,24,39,.18)}.game-grid{gap:25px}.game-card{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border:1px solid rgba(173,194,219,.42);border-radius:28px;box-shadow:0 12px 40px rgba(9,31,61,.055)}.game-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 32px 80px rgba(9,31,61,.16)}.game-visual{height:250px;overflow:hidden}.game-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.09) 48%,transparent 70%);transform:translateX(-130%);transition:.8s}.game-card:hover .game-visual:after{transform:translateX(130%)}.game-logo{position:relative;z-index:2;display:block;max-width:85%;max-height:160px;object-fit:contain;filter:drop-shadow(0 15px 28px rgba(0,0,0,.28))}.kattara-logo{max-width:92%}.temukata-logo{max-width:88%}.iconica-logo-img{max-width:91%;filter:brightness(0) invert(1) drop-shadow(0 15px 25px rgba(0,0,0,.24))}.kattara{background:radial-gradient(circle at 65% 12%,#1c5cff,#05142d 64%)}.temukata{background:radial-gradient(circle at 25% 20%,#0ce0cb,#073b53 50%,#071e38)}.iconica{background:radial-gradient(circle at 30% 10%,#394bd4,#16103b 65%)}.game-info{padding:29px}.game-info h3{font-size:1.75rem}.game-info a{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.service{background:linear-gradient(135deg,#edf5fc,#f7f5ff)}.price-panel article{background:#fff;border-radius:26px}.price-panel .popular{transform:translateY(-7px);background:linear-gradient(180deg,#fff,#f5f9ff)}.brief-section{background:radial-gradient(circle at 10% 20%,#113e64,transparent 38%),linear-gradient(145deg,#061523,#0b1734)}.brief-form{border-radius:28px;box-shadow:0 34px 90px rgba(0,0,0,.25)}.brief-form input,.brief-form select,.brief-form textarea{border-radius:13px;background:#f8fbff}.faq details{transition:.25s}.faq details[open]{padding-left:20px;border-left:3px solid var(--cyan)}.detail-hero{padding:100px 0 90px;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(73,118,255,.17);filter:blur(90px);left:-230px;bottom:-320px;pointer-events:none}.detail-brand-logo{display:block;max-width:570px;width:92%;max-height:210px;object-fit:contain;object-position:left center;margin:0 0 24px;filter:drop-shadow(0 18px 38px rgba(0,0,0,.22))}.kattara-brand{width:min(520px,95%)}.temukata-brand{width:min(530px,95%)}.iconica-brand{filter:brightness(0) invert(1) drop-shadow(0 18px 38px rgba(0,0,0,.25));width:min(560px,95%)}.detail-hero .detail-grid{position:relative;z-index:2}.kattara-demo,.temukata-demo,.iconica-demo{border-radius:30px;box-shadow:0 36px 100px rgba(0,0,0,.3);transition:.35s}.kattara-demo:hover,.temukata-demo:hover,.iconica-demo:hover{transform:translateY(-7px) rotate(.5deg)}.detail-section{padding:105px 0}.feature-grid article{border-radius:22px;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(9,31,61,.09)}.steps article{border-radius:21px;background:linear-gradient(145deg,#071827,#102c50)}footer{background:linear-gradient(145deg,#040d18,#07192c)}@keyframes gradientmove{to{background-position:200% center}}@media(max-width:900px){.hero-stage{transform:none}.section{padding-top:88px;padding-bottom:88px}}@media(max-width:620px){.nav{height:70px}.game-visual{height:225px}.detail-brand-logo{max-height:150px;margin-bottom:18px}.detail-hero{padding:70px 0 64px}.filters,.price-tabs{max-width:100%;overflow:auto}.price-panel .popular{transform:none}}