body:before{background:linear-gradient(90deg,#081030b5 0%,#10204140 42%,transparent 72%),url('oyun-hero.png') center center/cover no-repeat}body:after{display:none}.command{padding:0 6.3%;max-width:none;grid-template-rows:95px 1fr 55px;color:white}.topbar{border:0}.topbar .brand{font-size:27px}.brand small{color:#e4edff}.mark{background:#ffffff12;border:1px solid #ffffffa8;color:#fff;box-shadow:none}.topbar .top-label,.topbar>.live{display:none}.reception-nav{display:flex;gap:30px}.reception-nav button{background:none;border:0;color:#e3eaff;font-size:12px;font-weight:600;padding:12px 0;cursor:pointer}.reception-nav button:hover{color:white;text-shadow:0 0 18px #d4eaff}.workspace{display:block;position:relative}.intro{width:49%;padding:0;justify-content:center}.intro .eyebrow,.planet-stage,.intro-caption{display:none}.intro h1{color:#fff;font-size:clamp(43px,5.2vw,79px);letter-spacing:-2.6px;line-height:1.08;margin:0 0 24px}.intro h1 span{background:none;color:#fff}.intro>p{color:#eef1ff;font-size:15px;max-width:430px;line-height:1.7}.reception-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.reception-primary{background:linear-gradient(110deg,#d900a4,#a947ed);border:1px solid #ffffff6b;border-radius:11px;padding:16px 25px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 10px 35px #da13942a}.reception-secondary{color:#fff;background:none;border:0;cursor:pointer;font-size:12px;font-weight:600;display:flex;gap:12px;align-items:center}.play-circle{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;background:#ffffff16;font-size:12px}.control-panel{display:none;position:absolute;z-index:4;right:0;top:50%;transform:translateY(-50%);width:57%;height:calc(100% - 30px);max-height:640px;background:linear-gradient(140deg,#f5fafff2,#e5edf8f5);color:#193957;border-color:#ffffffa0;box-shadow:0 20px 70px #06092460;backdrop-filter:blur(24px)}.control-panel.reception-open{display:flex}.panel-top .live{color:#62809b}.panel-top{padding:17px 24px}.panel-close{border:0;background:#6080a818;border-radius:50%;width:28px;height:28px;color:#345674;font-size:20px;cursor:pointer;margin-left:12px}.panel-top-right{display:flex;align-items:center}.screen-footer{border-color:#ffffff22;color:#d1dbef;font-size:10px}.screen-footer a{color:#fff}.screen-footer>span:nth-child(2){color:#e2e7f3}.view-heading small,.view-note{color:#718398}.solution-tile{background:#ffffff8a}.view .person{color:#274762}.view .person small{color:#69829a}
@media(max-width:1000px){.command{padding:0 5%;grid-template-rows:80px 1fr 45px}.reception-nav{gap:20px}.reception-nav button{font-size:10px}.intro{width:52%}.intro h1{font-size:47px}.intro>p{font-size:12px;max-width:330px}.control-panel{width:64%}.reception-actions{gap:15px}.reception-primary{font-size:11px;padding:14px 18px}.reception-secondary{font-size:10px}}
@media(max-width:700px){body:before{background:linear-gradient(0deg,#061431db 0%,#102041a0 40%,transparent 85%),url('oyun-hero.png') 69% center/cover no-repeat}.command{padding:0 22px;grid-template-rows:72px 1fr 38px}.topbar{align-items:center}.topbar .brand{font-size:20px}.reception-nav{gap:12px}.reception-nav button{font-size:9px}.reception-nav button[data-reception=about]{display:none}.workspace{display:block}.intro{height:100%;width:100%;padding:0 0 55px;justify-content:flex-end}.intro h1{font-size:43px;max-width:340px;line-height:1.1;letter-spacing:-1.8px;margin-bottom:18px}.intro h1 br{display:block}.intro>p{display:block;font-size:12px;max-width:330px}.reception-actions{margin-top:23px}.control-panel{width:100%;height:calc(100% - 16px);top:50%;max-height:none;border-radius:17px}.screen-footer{font-size:8px}.screen-footer>span:nth-child(2){display:none}.panel-top{display:flex;padding:15px}.panel-top .live{font-size:8px}.panel-content{padding:13px}.reception-primary{font-size:12px}.reception-secondary{font-size:11px}}
@media(max-height:600px) and (min-width:701px){.command{grid-template-rows:65px 1fr 35px}.intro h1{font-size:43px}.intro>p{font-size:11px}.reception-actions{margin-top:18px}.control-panel{height:calc(100% - 10px)}.panel-top{padding:12px 20px}}
/* Reception panels share the hero's luminous visual language. */
.control-panel{background:radial-gradient(ellipse at 100% 0%,#69baff45,transparent 52%),radial-gradient(ellipse at 0% 100%,#dd73e52d,transparent 60%),linear-gradient(135deg,#172b55ed,#242449ef 58%,#183753ed);color:#f0f4ff;border:1px solid #c7dbff75;box-shadow:0 25px 90px #06133080,inset 0 1px 0 #ffffff35;backdrop-filter:blur(30px)}
.panel-top{border-color:#cce2ff20;background:linear-gradient(90deg,#90bfff0a,#b699ff13)}.panel-top strong{color:#fff;letter-spacing:.2px}.panel-top .live{color:#bcd8ef}.panel-close{color:#eaf3ff;background:#d5e5ff15;border:1px solid #d2e8ff20}.panel-close:hover{background:#d7e5ff30}
.tabs{gap:7px}.tab{color:#c0c6df}.tab:hover{background:#d2e5ff10;color:white}.tab[aria-selected=true]{background:linear-gradient(110deg,#527bbd,#7c63b8);border:1px solid #c7d4ff60;box-shadow:0 5px 20px #15205a40;color:#fff}
.view h2{color:#fff;font-weight:600;letter-spacing:-.6px}.view-heading small{color:#bbd0ec;letter-spacing:1px}.view p{color:#bdcbe5}.view-note{color:#aabbdd!important}
.solution-tile{background:linear-gradient(125deg,#b4d9ff15,#c1a8ee0b);border:1px solid #c1d5ff26;box-shadow:inset 0 1px 0 #ffffff10,0 7px 18px #0a163519;transition:background .2s,border-color .2s,transform .2s;border-radius:13px}.solution-tile:hover{background:linear-gradient(125deg,#91c6ff27,#c6a4ff20);border-color:#c6deff70;transform:translateY(-2px)}.solution-tile b{color:#eaf2ff;font-weight:500}.solution-tile .tile-icon{background:#cadbff12;border:1px solid #c8dcff18;display:grid;place-items:center;border-radius:10px;width:34px;height:34px;font-size:19px}.solution-tile span small{color:#a8bad9}
.feature-list span{background:linear-gradient(110deg,#a4ceff16,#cb9ef710);border:1px solid #cbd4ff25;color:#e4ebff;border-radius:12px}.view .chat{background:#0c19334a;border:1px solid #c2d8ff25;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff0b}.view .bubble{background:#b6d8ff12;border:1px solid #b7d2ff23;color:#d6e3f6}.view .bubble.user{background:linear-gradient(115deg,#54679a78,#7b57ad65);color:#f3edff;border-color:#c7b7ff25}.view .demo{color:#a4b6d2}
.view .person{color:#edf3ff;background:linear-gradient(110deg,#c0d8ff0d,transparent);border:1px solid #cad9ff20;border-radius:14px;padding:15px;margin-bottom:10px;gap:16px}.view .person small{color:#b1c3de}.view .avatar{background:radial-gradient(circle at 25% 15%,#a3c9ff70,#625b9835);color:#edf4ff;border:1px solid #b8d6ff55;box-shadow:0 0 22px #8fbaff13}.view .person:last-of-type .avatar{background:linear-gradient(135deg,#558fbd,#8265b2)}
.view .contact-number{color:#eff6ff!important;background:linear-gradient(120deg,#79b4e529,#b58bea18);border:1px solid #c0d8ff40;box-shadow:inset 0 1px 0 #ffffff12;transition:background .2s}.view .contact-number:hover{background:linear-gradient(120deg,#83bcf342,#c098f32d)}.contact-number small{color:#c5daf1}.contact-prompt{background:linear-gradient(120deg,#b8d8ff10,#c5a0ee0d);border:1px solid #c9d6ff20;border-radius:13px}.contact-prompt p{color:#c3cfe7}
.control-panel.reception-open{animation:receptionReveal .22s ease-out}@keyframes receptionReveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:700px){.tabs{gap:2px}.solution-tile .tile-icon{width:24px;height:27px;font-size:15px}.view .person{padding:10px;margin-bottom:8px}.view .avatar{width:36px;height:36px}.panel-top .live{color:#bcd8ef}}@media(prefers-reduced-motion:reduce){.control-panel.reception-open{animation:none}.solution-tile,.view .contact-number{transition:none}}
#view-oyun .feature-list{gap:6px;margin:5px 0}#view-oyun .feature-list span{padding:8px}#view-oyun .chat{padding:9px;margin-top:4px}#view-oyun .bubble{padding:8px;margin-top:6px}#view-oyun .view-note{font-size:9px;margin-top:6px}
.request-form{margin-top:18px}.request-form h3{font-size:19px;color:#fff;margin:0 0 14px}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.request-form label{display:block;color:#dae7ff;font-size:12px;margin-bottom:12px}.request-form input,.request-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #bdd7ff55;border-radius:10px;background:#14244888;color:#fff;font:inherit;font-size:14px}.request-form input:focus,.request-form textarea:focus{outline:2px solid #afcaff;outline-offset:2px}.request-form textarea{resize:vertical;min-height:85px}.request-form .request-note,.request-form .request-status{font-size:12px;line-height:1.5}.request-form .reception-primary{font-size:14px;padding:12px 18px}.request-status{min-height:18px}@media(max-width:500px){.request-fields{grid-template-columns:1fr}}
.company-email{display:inline-block;color:#e3edff;margin-bottom:8px;font-size:14px;text-underline-offset:4px}
/* Keep longer panel content reachable at every viewport height. */
.control-panel .panel-top,.control-panel .tabs{flex-shrink:0}
.control-panel .panel-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9bb7e5 #18294b;scrollbar-gutter:stable}
.control-panel .view{height:auto;min-height:100%;flex-shrink:0}
#view-contact .contact-number{font-size:23px!important;letter-spacing:1px;padding:11px 14px;margin:6px 0;flex-shrink:0}
#view-contact .contact-number small{margin-top:5px}
#view-contact>p{margin:7px 0;font-size:12px}
#view-contact .view-heading{margin-bottom:6px}
#view-contact .request-form{margin-top:12px}
#view-contact .request-form h3{font-size:17px;margin-bottom:10px}
#view-contact .request-form label{margin-bottom:9px}
#view-contact .request-form input{padding:9px 11px}
#view-contact .request-form textarea{min-height:68px}
#view-contact .request-form .request-note{margin:6px 0 10px}
@media(max-width:500px){#view-contact .request-fields{grid-template-columns:1fr 1fr;gap:9px}}