@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07090c;--text:#f1f3f7;--muted:#9097a3;--blue:#159dff;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}::selection{background:#138cfb;color:white}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--blue);padding:12px}.skip:focus{top:10px}.header{height:102px;margin:0 5.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px}.brand img{width:93px;height:53px;object-fit:cover;mix-blend-mode:screen}.brand span{font-size:9px;letter-spacing:2px;border-left:1px solid #ffffff35;padding-left:15px;width:70px;line-height:1.7}nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}nav>a{transition:color .2s}nav>a:hover{color:var(--blue)}.nav-cta{border:1px solid #ffffff30;padding:12px 17px;border-radius:3px}.nav-cta span{margin-left:20px}.hero{min-height:715px;height:calc(100svh - 102px);max-height:970px;position:relative;padding:85px 5.6% 105px;overflow:hidden}.hero-content{position:relative;z-index:1;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow>span{width:17px;height:2px;background:var(--blue)}h1{font-size:clamp(52px,5.5vw,89px);font-weight:500;line-height:1.09;letter-spacing:-4px;margin:32px 0 27px}em{font-style:normal;color:var(--blue)}.hero-description{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:50px;background:var(--blue);color:#031324;padding:17px 23px;border-radius:3px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#64bdff;transform:translateY(-3px)}.button span{font-size:21px}.hero-bottom{position:absolute;bottom:30px;left:5.6%;right:5.6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.hero-bottom a span{margin-left:15px;font-size:18px}.hero-index{color:#5d6370}.hero-art{position:absolute;left:46%;top:1%;width:58%;height:94%;perspective:900px;background:radial-gradient(ellipse at center,#00549b21,transparent 64%)}.orbit{position:absolute;left:13%;top:15%;width:76%;height:70%;border:1px solid #168fee65;border-radius:50%;box-shadow:inset 0 0 35px #008cff0b,0 0 25px #008cff10;transform:rotate(-32deg) rotateY(36deg);animation:breathe 9s ease-in-out infinite}.orbit:before{content:"";position:absolute;top:15%;left:12%;width:7px;height:7px;border-radius:50%;background:#9edcff;box-shadow:0 0 20px 5px #138aff}.orbit-two{width:61%;height:57%;left:20.5%;top:21.5%;border-color:#318eda9e;transform:rotate(38deg) rotateY(43deg);animation-delay:-3s}.orbit-three{width:46%;height:43%;left:28%;top:28.5%;border:2px solid #1397ff;box-shadow:0 0 35px #008cff45,inset 0 0 35px #008cff35;transform:rotate(-30deg) rotateY(47deg);animation-delay:-6s}.orb-core{position:absolute;width:30%;height:29%;left:36%;top:36%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#72c8ff24,#001323 60%,#03090f);box-shadow:inset -4px -2px 20px #168fff40,0 0 80px #0077ff20}.cross{position:absolute;color:#466077;font-weight:400;font-size:22px}.cross-one{top:15%;left:15%}.cross-two{bottom:17%;right:12%}.art-label{position:absolute;bottom:6%;width:100%;text-align:center;color:#4e6f88;font-size:8px;letter-spacing:3px}@keyframes breathe{50%{transform:rotate(5deg) rotateY(48deg);opacity:.6}}.ticker{border-block:1px solid var(--line);overflow:hidden;padding:24px 0;color:#9aa3b1;background:#0b0e13}.ticker>div{display:flex;gap:45px;white-space:nowrap;width:max-content;font-size:12px;letter-spacing:3px;font-weight:700;animation:marquee 35s linear infinite}.ticker span{color:var(--blue);font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}.section{margin:0 5.6%;padding:90px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:#8b939f;font-size:9px;letter-spacing:1.8px;margin-bottom:57px}.section-label>span:first-child{color:var(--blue)}.studio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}h2{font-size:clamp(33px,3.5vw,54px);line-height:1.2;letter-spacing:-2px;font-weight:500;margin:0}.studio h2 span{color:#777f8d}.studio-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 20px}.studio-copy p:first-child{color:#e1e4eb;font-size:18px;line-height:1.7}.studio-copy strong{font-weight:500;color:#dce3ed}.text-link{display:inline-flex;gap:33px;font-size:11px;font-weight:700;border-bottom:1px solid #3b4655;padding:15px 0;transition:color .2s}.text-link:hover{color:var(--blue)}.text-link span{color:var(--blue)}.principles{display:grid;grid-template-columns:repeat(3,1fr)}.principle{padding:5px 34px 5px 0}.principle+.principle{border-left:1px solid var(--line);padding-left:34px}.principle-top{display:flex;align-items:center;justify-content:space-between;color:#586577;font-size:11px;margin-bottom:36px}.symbol{font-size:40px;color:var(--blue);font-weight:400}.principle h3{font-size:23px;font-weight:500;letter-spacing:-.7px}.principle p{font-size:13px;line-height:1.9;color:var(--muted);max-width:310px;min-height:80px}.card-tag{display:block;font-size:8px;letter-spacing:1.8px;color:#657183;margin-top:35px}.vision{position:relative;overflow:hidden;min-height:520px}.vision-content{position:relative;z-index:1}.vision-content .eyebrow{margin-bottom:22px}.vision-content h2{font-size:clamp(42px,5vw,74px)}.vision-content>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-top:28px}.vision-orbit{position:absolute;width:570px;height:570px;right:-60px;top:90px;border-radius:50%;border:1px solid #168fff50;box-shadow:0 0 90px #008cff0d,inset 0 0 100px #008cff0d}.vision-orbit:before,.vision-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #168fff25;inset:50px}.vision-orbit:after{inset:100px}footer{display:flex;justify-content:space-between;align-items:center;margin:0 5.6%;min-height:130px;gap:25px}footer p{font-size:10px;color:#838b98}footer>span{font-size:8px;letter-spacing:1.4px;color:#5f6875}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.header,.section,footer{max-width:1500px;margin-inline:auto}.hero{padding-left:max(5.6%,calc((100vw - 1500px)/2))}}@media(max-width:900px){.hero{min-height:700px}.hero-art{left:42%;width:75%;opacity:.65}h1{font-size:65px}.studio-grid{gap:6%}.principle{padding-right:20px}.principle+.principle{padding-left:20px}.principle h3{font-size:20px}footer>span{display:none}}@media(max-width:600px){html{scroll-padding-top:25px}.header{height:83px;margin-inline:6%}.brand img{width:70px;height:42px}.brand span{font-size:7px;padding-left:10px;width:57px}.brand{gap:7px}nav{gap:18px;font-size:10px}.nav-cta{display:none}.hero{height:auto;min-height:800px;padding:50px 6% 290px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:53px;letter-spacing:-2.6px;margin:27px 0 22px}.hero-description{font-size:13px}.hero-art{width:105%;left:14%;top:385px;height:380px;opacity:.7}.hero-content{z-index:2}.hero-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-bottom>span:first-child{display:none}.hero-index{display:block}.button{padding:13px 19px;font-size:11px}.ticker{padding:18px 0}.ticker>div{font-size:9px;gap:28px}.section{margin-inline:6%;padding:55px 0}.section-label{font-size:8px;letter-spacing:1.2px;margin-bottom:35px}.section-label>span+span{display:none}.studio-grid{grid-template-columns:1fr;gap:30px}h2{font-size:36px;letter-spacing:-1.6px}.studio-copy p:first-child{font-size:17px}.principles{grid-template-columns:1fr}.principle,.principle+.principle{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0;padding-bottom:0}.principle:first-child{padding-top:0}.principle-top{margin-bottom:10px}.principle h3{font-size:25px;margin:16px 0}.principle p{min-height:0;max-width:100%}.card-tag{margin-top:22px}.vision{min-height:490px}.vision-content h2{font-size:43px}.vision-orbit{width:360px;height:360px;right:-240px;top:140px}.vision-content>p:not(.eyebrow){font-size:13px}footer{margin-inline:6%;padding:24px 0;flex-wrap:wrap;gap:10px;min-height:100px}footer p{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Oyun girişlerindeki mor-siyah atmosfer; MSS mavisi vurgu olarak korunur. */
body{background:#07070c}
.header{background:transparent}
.hero{background:radial-gradient(ellipse at 83% 30%,#59249b55,transparent 58%),linear-gradient(155deg,#27113c 0%,#110c1c 36%,#07070c 78%)}
.hero-art{background:radial-gradient(ellipse at center,#8e42ec25,transparent 66%)}
.orbit{border-color:#a76beb80;box-shadow:inset 0 0 35px #a340ec12,0 0 30px #a340ec16}
.orbit-two{border-color:#be83ff99}.orbit-three{border-color:#8d5fee;box-shadow:0 0 35px #9a42ed45,inset 0 0 35px #008cff35}
.orb-core{background:radial-gradient(circle at 34% 30%,#b37cfa35,#211033 58%,#07090f);box-shadow:inset -4px -2px 20px #b47cff55,0 0 80px #803bca30}
.cross{color:#87739e}.art-label{color:#8d78a6}
.ticker{background:#100c18}.vision{background:radial-gradient(ellipse at 85% 70%,#6f2aaa30,transparent 68%)}
.vision-orbit{border-color:#a063e365;box-shadow:0 0 90px #953dec18,inset 0 0 100px #953dec18}
.vision-orbit:before,.vision-orbit:after{border-color:#a063e335}
.nav-contact{border:1px solid #b67eff66;border-radius:3px;padding:12px 17px;background:#9b5de512}.nav-contact span{margin-left:20px}
.contact{position:relative;background:radial-gradient(ellipse at 5% 75%,#50207d25,transparent 55%)}
.contact-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:10%}.contact-copy p{font-size:14px;line-height:1.95;color:var(--muted);max-width:340px;margin:26px 0}.contact-copy em{color:#b58bf5}
.contact-email{font-size:14px;border-bottom:1px solid #a271cc66;padding-bottom:10px;display:inline-flex;gap:24px}.contact-email span{color:#b58bf5}
.contact-form{position:relative}.contact-form label{display:block;font-size:11px;margin:0 0 10px;color:#d1cbdc}.contact-form label span{color:#ba90ee}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{display:block;width:100%;border:1px solid #9a7abe35;background:#100d17;color:var(--text);border-radius:4px;padding:14px 15px;font:inherit;font-size:12px;margin-bottom:23px;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#b685f4;box-shadow:0 0 0 3px #a466eb1a}.contact-form textarea{resize:vertical;min-height:130px}.contact-form ::placeholder{color:#777181}.contact-form select{min-height:47px}.form-note{font-size:10px;color:#9d95a9;line-height:1.8;margin:0 0 23px}.contact-form button{border:0;cursor:pointer;font-family:inherit}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.contact-grid{gap:6%}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.header nav{gap:12px}.header nav>a{font-size:9px}.nav-contact{padding:8px 9px}.nav-contact span{display:none}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-copy p{max-width:none}.contact-copy h2{font-size:38px}.contact-email{font-size:13px}.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{font-size:16px}.hero{background:radial-gradient(ellipse at 85% 60%,#5c239b50,transparent 60%),linear-gradient(155deg,#27113c,#100b19 42%,#07070c 85%)}}