/* Entrance is deliberately separate from Studio's layout and styling. */
.entrance-page{background:#030a16;color:#f5f8ff}
.entrance-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.entrance-header{height:88px;position:relative;z-index:2;border-bottom:1px solid #2a405f;background:#030b17}
.entrance-header-inner{width:min(1420px,calc(100% - 88px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px}
.entrance-brand{display:flex;align-items:center;gap:19px;min-width:0}
.entrance-brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px #078cff55)}
.entrance-brand-copy{display:grid;gap:1px}
.entrance-brand-copy strong{font-size:31px;line-height:1;letter-spacing:-.065em;white-space:nowrap}
.entrance-brand-copy strong span{color:#168dff}
.entrance-brand-copy small{font-size:12px;color:#6996c9;letter-spacing:.06em;white-space:nowrap}
.entrance-nav{display:flex;align-items:center;gap:38px;height:100%}
.entrance-nav a,.entrance-nav span{display:grid;align-items:center;height:100%;position:relative;font-size:14px;color:#adc0d9;transition:color .2s}
.entrance-nav a:hover,.entrance-nav a.active{color:#fff}
.entrance-nav a.active:after{content:"";position:absolute;bottom:22px;left:0;right:0;height:2px;background:#159bff;box-shadow:0 0 11px #169fff}
.entrance-header-access{justify-self:end;display:flex;align-items:center;gap:13px;padding:14px 18px;border:1px solid #098cff;border-radius:10px;background:linear-gradient(180deg,#05244b,#08152b);box-shadow:inset 0 0 15px #078aff33,0 0 13px #036eff33;font-size:14px;font-weight:650;white-space:nowrap;transition:background .2s,border-color .2s}
.entrance-header-access:hover{background:#0a376f;border-color:#7bc6ff}
.entrance-header-access svg{width:23px;height:23px;color:#a3d5ff}
.entrance-header-access .access-arrow{font-size:24px;line-height:0;color:#259eff;margin-left:3px}
.entrance-scene{position:relative;min-height:790px;overflow:hidden;border-bottom:1px solid #1f3e61;background:#030b17 url("/assets/entrance-scene.webp") center bottom/cover no-repeat}
.entrance-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02091622 0%,#02091533 59%,#02091677 100%),radial-gradient(ellipse 55% 44% at 50% 31%,#030a1699 0%,transparent 92%);pointer-events:none}
.entrance-content{position:relative;z-index:1;width:min(1160px,calc(100% - 50px));margin:auto;text-align:center;padding:86px 0 24px}
.entrance-content h1{margin:0;font-size:clamp(45px,5.1vw,77px);font-weight:760;letter-spacing:-.065em;line-height:1.1;text-shadow:0 5px 24px #000a}
.entrance-content h1 span{color:#168fff;text-shadow:0 0 31px #005bfb44}
.entrance-subtitle{margin:8px 0 0;color:#b4c8e2;font-size:clamp(17px,1.8vw,29px);line-height:1.45}
.entrance-mantra{margin:18px 0 34px;color:#6196ce;font-size:11px;letter-spacing:.36em;font-weight:600}
.entrance-prompt{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:20px;width:min(1035px,100%);padding:24px 27px;margin:0 auto;border:1px solid #04a5ff;border-radius:18px;background:linear-gradient(125deg,#071224f2,#061126ee);box-shadow:0 0 0 2px #0062e544,inset 0 0 26px #0065e935,0 0 22px #007afc55,0 19px 60px #0009;text-align:left}
.entrance-prompt-field{position:relative;min-height:105px;border:1px solid #5a7598;border-radius:9px;background:linear-gradient(115deg,#0d1929e8,#101a2bde);box-shadow:inset 0 1px 5px #0008}
.terminal-mark{position:absolute;left:19px;top:12px;color:#15abff;font:500 39px/.9 ui-monospace,SFMono-Regular,Menlo,monospace}
.entrance-prompt textarea{position:absolute;inset:10px 12px 30px 71px;width:calc(100% - 83px);height:calc(100% - 40px);padding:6px 0;resize:none;border:0;outline:0;background:transparent;color:#f6faff;font-size:16px;line-height:1.5}
.entrance-prompt textarea::placeholder{color:#afc1da;opacity:1}
.entrance-prompt-field:focus-within{border-color:#3db6ff;box-shadow:0 0 0 2px #087bff66}
.entrance-count{position:absolute;right:17px;bottom:9px;color:#a6bad5;font-size:12px}
.entrance-prompt button{min-height:72px;border:1px solid #3bd5ff;border-radius:10px;background:linear-gradient(180deg,#098fff,#0051dc);box-shadow:inset 0 1px 10px #6fe7ff55,0 0 18px #037afdbb;color:#fff;font-size:16px;font-weight:730;white-space:nowrap;transition:transform .2s,filter .2s}
.entrance-prompt button:hover{transform:translateY(-2px);filter:brightness(1.13)}
.sparkle-icon{font-size:29px;line-height:0;vertical-align:-2px;margin-right:9px}
.button-arrow{font-size:23px;font-weight:400;vertical-align:-2px;margin-left:9px}
.entrance-benefits{width:min(995px,100%);margin:30px auto 35px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:left}
.entrance-benefit{display:flex;align-items:center;gap:15px;padding:4px 20px;border-right:1px solid #214268}
.entrance-benefit:first-child{padding-left:0}.entrance-benefit:last-child{border:0;padding-right:0}
.entrance-benefit svg{flex:none;width:32px;height:32px;color:#0b9fff;filter:drop-shadow(0 0 8px #008bff66)}
.entrance-benefit span{display:grid;gap:4px}
.entrance-benefit strong{font-size:13px;font-weight:650;white-space:nowrap}
.entrance-benefit small{font-size:11px;color:#90acd0;white-space:nowrap}
.entrance-project{scroll-margin-top:100px;display:grid;grid-template-columns:290px 1fr;align-items:center;gap:22px;width:min(1135px,100%);min-height:136px;padding:21px 29px;margin:0 auto;border:1px solid #376496;border-radius:15px;background:#061021dc;box-shadow:inset 0 1px 10px #0c458533,0 12px 40px #0007;text-align:left}
.entrance-project-intro{display:flex;align-items:center;gap:18px;min-width:0;padding-right:20px;border-right:1px solid #244971}
.entrance-project-intro svg{width:47px;height:47px;flex:none;color:#089cff;filter:drop-shadow(0 0 10px #078dff99)}
.entrance-project-intro h2{margin:0 0 5px;font-size:20px;letter-spacing:-.03em}
.entrance-project-intro p{margin:0;color:#99b4d4;font-size:12px;line-height:1.5}
.entrance-project-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;min-width:0}
.entrance-project-fields label{display:block;min-width:0}
.entrance-project-fields input{width:100%;height:57px;padding:0 16px;border:1px solid #4e6c8e;border-radius:8px;background:#0c1827;color:#cbdcf3;font-size:14px}
.entrance-project-fields input::placeholder{color:#8da8c8;opacity:1}
.entrance-project-fields input:disabled{opacity:1;cursor:not-allowed}
.entrance-project-fields a{display:flex;align-items:center;justify-content:center;gap:13px;height:57px;border:1px solid #3abaff;border-radius:8px;background:linear-gradient(180deg,#0b8eff,#004bd3);box-shadow:0 0 14px #0269ed88;font-size:14px;font-weight:700;white-space:nowrap}
.entrance-project-fields a:hover{filter:brightness(1.14)}
.entrance-project-fields a span{font-size:20px;font-weight:400}
.entrance-powered{display:grid;justify-content:center;gap:12px;margin-top:30px;color:#6d9fce;font-size:9px;font-weight:700;letter-spacing:.32em}
.entrance-powered span:before,.entrance-powered span:after{content:"";display:inline-block;width:115px;height:1px;background:#254970;vertical-align:middle;margin:0 23px}
.entrance-powered small{font-size:9px;letter-spacing:.38em}
.entrance-monolith-copy{position:absolute;z-index:1;top:38%;color:#4e91d8;font:500 13px/2.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-align:left;opacity:.85;pointer-events:none}
.monolith-left{left:max(5.5%,calc((100% - 1500px)/2))}.monolith-right{right:max(5%,calc((100% - 1500px)/2))}
.entrance-footer{display:flex;justify-content:space-between;gap:20px;padding:21px max(44px,calc((100% - 1540px)/2));border-top:1px solid #1f3b5a;background:#030a16;color:#91a9c7;font-size:11px}
.entrance-footer-links{display:flex;gap:28px}
#fitur{scroll-margin-top:110px}
@media(max-width:1240px){.entrance-header-inner{width:calc(100% - 48px);gap:20px}.entrance-nav{gap:21px}.entrance-brand-copy strong{font-size:25px}.entrance-project{grid-template-columns:255px 1fr}.entrance-benefit{gap:9px;padding:4px 11px}.entrance-benefit strong{font-size:11px}}
@media(max-width:950px){.entrance-header{height:78px}.entrance-header-inner{grid-template-columns:1fr auto}.entrance-nav{display:none}.entrance-content{padding-top:59px}.entrance-scene{min-height:0}.entrance-project{grid-template-columns:1fr}.entrance-project-intro{border-right:0;padding-right:0}.entrance-benefits{grid-template-columns:repeat(2,1fr);gap:19px}.entrance-benefit:nth-child(2){border-right:0}.entrance-benefit:nth-child(3){padding-left:0}.entrance-monolith-copy{display:none}}
@media(max-width:650px){.entrance-header{height:70px}.entrance-header-inner{width:calc(100% - 28px);gap:6px}.entrance-brand{gap:5px}.entrance-brand img{width:45px;height:45px}.entrance-brand-copy strong{font-size:19px}.entrance-brand-copy small{font-size:8px}.entrance-header-access{padding:10px;gap:5px;font-size:11px}.entrance-header-access svg{width:17px;height:17px}.entrance-header-access .access-arrow{display:none}.entrance-scene{background-position:center top;background-size:auto 100%;background-color:#030a16}.entrance-content{width:calc(100% - 28px);padding:65px 0 40px}.entrance-content h1{font-size:clamp(42px,10vw,63px);line-height:1.08}.entrance-subtitle{font-size:16px;margin-top:16px}.entrance-mantra{font-size:9px;letter-spacing:.18em;line-height:1.7;margin:15px 0 31px}.entrance-prompt{grid-template-columns:1fr;gap:12px;padding:12px;border-radius:14px}.entrance-prompt-field{min-height:120px}.entrance-prompt textarea{font-size:14px}.entrance-prompt button{min-height:55px;font-size:14px}.entrance-benefits{gap:15px 4px;margin:38px 0}.entrance-benefit{padding:0 5px;border:0;gap:8px}.entrance-benefit svg{width:24px;height:24px}.entrance-benefit strong{white-space:normal;font-size:11px}.entrance-benefit small{white-space:normal;font-size:10px}.entrance-project{padding:19px 17px;gap:18px}.entrance-project-intro svg{width:37px;height:37px}.entrance-project-intro h2{font-size:18px}.entrance-project-fields{grid-template-columns:1fr 1fr}.entrance-project-fields a{grid-column:1/-1}.entrance-powered{margin-top:35px}.entrance-powered span:before,.entrance-powered span:after{width:35px;margin:0 10px}.entrance-powered small{letter-spacing:.2em}.entrance-footer{padding:22px 18px;flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.entrance-page *{scroll-behavior:auto;transition:none!important}}