.experience{background:#090f24;color:#eef1ff;padding:85px 6% 26px;overflow:hidden;isolation:isolate}.exp-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.exp-heading .eyebrow{color:#8d9ac5;margin-bottom:24px}.exp-heading h2{font-size:clamp(38px,4vw,62px);letter-spacing:-2.8px}.exp-heading em{color:#ffe053}.exp-heading>p{color:#9faacc;font-size:13px;max-width:360px;margin-bottom:4px}.exp-modes{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #3b4566;gap:1px}.exp-modes button{padding:21px 20px;border:0;border-top:1px solid #3b4566;background:#101831;color:#8d9ac5;text-align:left;display:flex;gap:14px;align-items:center;font:10px monospace;position:relative}.exp-modes button strong{font:500 18px DM;color:#e1e6fc}.exp-modes button>span{margin-left:auto;font:9px DM}.exp-modes button[aria-selected=true]{background:#1c31c8;color:#ffe053}.exp-modes button[aria-selected=true]:after{content:'';height:3px;background:#ffe053;position:absolute;left:0;right:0;bottom:-1px}.exp-workbench{display:grid;grid-template-columns:33% 1fr;min-height:550px;border-bottom:1px solid #3b4566}.exp-controls{padding:45px 32px 35px 0;border-right:1px solid #303a58}.exp-controls .micro{color:#8d9ff7;font-size:8px;line-height:1.8}.exp-controls h3{font-size:30px;line-height:1.1;margin:22px 0;letter-spacing:-1px}.exp-controls p{font-size:13px;color:#a1acc8;line-height:1.7}.exp-controls label{display:block;font-size:11px;margin:22px 0 8px}.exp-controls select{background:#151f3b;border:1px solid #52638c;font-size:12px;width:100%;padding:12px;color:white}.exp-controls .button{width:100%;font-size:11px;padding:14px;gap:10px}.exp-controls small{display:block;color:#8e9aba;font-size:9px;line-height:1.7;margin-top:20px}.exp-stage{position:relative;display:grid;place-items:center;perspective:1100px;padding:38px 30px 55px;min-width:0;background-image:linear-gradient(#aebdff0a 1px,transparent 1px),linear-gradient(90deg,#aebdff0a 1px,transparent 1px);background-size:35px 35px}.exp-orbit{position:absolute;inset:12% 9%;border:1px solid #667bdb26;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.exp-orbit:before{content:'';position:absolute;inset:20px -30px;border:1px solid #667bdb20;border-radius:50%}.exp-scene{position:relative;width:100%;max-width:570px;transform:rotateX(var(--scene-y,0deg)) rotateY(var(--scene-x,0deg));transition:transform .4s ease-out;transform-style:preserve-3d}.exp-window-bar{display:flex;gap:5px;align-items:center;padding:14px 18px;background:#152044;border-bottom:1px solid #4c5c8855;font:8px monospace;color:#92a3d5;letter-spacing:1px}.exp-window-bar>span{margin-right:auto}.exp-window-bar i{width:4px;height:4px;border:1px solid #8192bd;border-radius:50%}.prompt-machine,.prototype{background:#0c1530;border:1px solid #5266a4;box-shadow:14px 20px 0 #01051055,0 30px 75px #0005}.prompt-input{padding:22px;font-size:23px;color:#6d7b9e;letter-spacing:-.8px}.prompt-input>span{display:block;font:9px DM;letter-spacing:0;margin-top:10px;color:#7988ad}.prompt-flow{padding:0 22px;color:#ffe053;font-size:26px}.prompt-result{padding:18px 22px 24px;min-height:150px}.empty-hint{font:8px monospace;color:#9aace2;line-height:1.8}.prompt-result>p{font-size:13px;color:#8d9ac5}.prompt-row{border-top:1px solid #374772;padding:11px 0;animation:exp-appear .55s both}.prompt-row:nth-child(2){animation-delay:.08s}.prompt-row:nth-child(3){animation-delay:.16s}.prompt-row:nth-child(4){animation-delay:.24s}.prompt-row>span{font:8px monospace;color:#ffe053}.prompt-row>p{font-size:12px;color:#d5defb;margin:6px 0 0;line-height:1.5}.exp-copy{background:none;border:0;color:#aebffa;font-size:10px;padding:13px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.prompt-machine>.exp-copy{padding:12px 22px 20px}.exp-coordinates{position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;gap:10px;font:7px monospace;color:#64769e;letter-spacing:1px}.exp-counter{display:flex;align-items:center;gap:16px;margin:25px 0}.exp-counter>b{font-size:50px;font-weight:500;color:#ffe053;line-height:1}.exp-counter>span{font-size:10px;max-width:100px;color:#9faacc}.file-desk{width:100%;position:relative}.desk-caption{font:8px monospace;color:#90a4dc;letter-spacing:1px}.file-space{position:relative;min-height:285px}.desk-file{position:absolute;width:100px;padding:14px 8px;background:#1e2c52;border:1px solid #546fa9;color:#dbe5ff;box-shadow:8px 12px 0 #0003;font:9px DM;transition:transform .65s,opacity .65s;cursor:pointer}.desk-file>span{display:block;font-size:37px;color:#9fbbff;margin-bottom:9px;line-height:1}.file-0{top:24px;left:3%;transform:rotate(-12deg)}.file-1{top:15px;left:40%;transform:rotate(8deg)}.file-2{top:60px;right:0;transform:rotate(-5deg)}.file-3{top:157px;left:16%;transform:rotate(9deg)}.file-4{top:160px;right:22%;transform:rotate(-10deg)}.file-5{top:172px;right:0;transform:rotate(13deg)}.desk-file:hover{border-color:#ffe053;z-index:2}.desk-file.sorted{transform:translateY(150px) scale(.1) rotate(0);opacity:0;pointer-events:none}.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.folders>div{position:relative;background:#14203d;border:1px solid #435d93;padding:15px 8px;color:#c9d8ff;font-size:9px;text-align:center}.folders>div>span{display:block;font-size:32px;line-height:1;color:#ffe053;margin-bottom:8px}.folders b{position:absolute;right:7px;top:7px;font:9px monospace;color:#ffe053}.folder-hit{animation:exp-folder .55s}.sort-feedback{color:#94a4ca;font-size:10px;min-height:32px;margin:18px 0 0}.build-options{margin:25px 0}.build-options label{display:flex;align-items:center;gap:10px;padding:12px 0;margin:0;font-size:11px;border-bottom:1px solid #303a58;cursor:pointer}.build-options input{accent-color:#ffe053;width:15px;height:15px;flex:none}.proto-content{padding:20px;background:#f1f4fc;color:#13214b;min-height:300px}.proto-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:18px;border-bottom:1px solid #cbd3e6}.proto-nav>b{font-size:13px;letter-spacing:-.7px}.proto-nav>b span{color:#123bec;margin-left:4px}.proto-nav>span{font:6px monospace}.proto-intro{position:relative;padding:30px 0 15px;overflow:hidden;animation:exp-appear .5s}.proto-intro>span{font:6px monospace;letter-spacing:1px;position:relative;z-index:1}.proto-intro h4{font-size:30px;font-weight:500;letter-spacing:-1.3px;line-height:1.1;margin:15px 0;max-width:75%;position:relative;z-index:1}.proto-intro p{font-size:9px;max-width:65%;line-height:1.6;position:relative;z-index:1}.proto-art{position:absolute;right:-8px;top:55px;width:100px;height:110px;transform:rotate(-17deg);opacity:.8}.proto-art i{display:block;width:70px;height:70px;border:1px solid #123bec;background:#123bec0c;position:absolute;transform:rotate(30deg)}.proto-art i:nth-child(2){top:14px;left:12px}.proto-art i:nth-child(3){top:28px;left:24px;background:#ffe05399}.proto-services{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0;animation:exp-appear .5s}.proto-services>div{border-top:2px solid #123bec;padding:12px 0}.proto-services b{display:block;font:8px monospace;color:#123bec}.proto-services span{font-size:9px;display:block;margin-top:9px}.proto-contact{background:#123bec;color:white;padding:15px;font-size:10px;display:flex;justify-content:space-between;animation:exp-appear .5s}.proto-note{font:8px monospace;color:#6c7893;margin:18px 0 0;line-height:1.6}.exp-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px}.exp-bottom>span{font:7px monospace;letter-spacing:1px;color:#66789f}.exp-cta{color:#ffe053;font-size:12px}.exp-transform .exp-window-bar{animation:exp-flash .7s}.experience [hidden]{display:none!important}@keyframes exp-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes exp-folder{50%{border-color:#ffe053;transform:translateY(-5px)}}@keyframes exp-flash{50%{background:#283eb4}}@media(max-width:1100px){.exp-modes button{flex-wrap:wrap;padding:17px 12px;gap:9px}.exp-modes button>span{width:100%;margin:0}.exp-controls{padding-right:20px}.exp-controls h3{font-size:26px}.exp-stage{padding-left:20px;padding-right:20px}.desk-file{width:84px;font-size:8px}.proto-intro h4{font-size:25px}}@media(max-width:720px){.experience{padding:60px 6% 25px}.exp-heading{display:block}.exp-heading h2{font-size:43px;letter-spacing:-2px}.exp-heading>p{margin-top:24px;font-size:12px}.exp-modes button{padding:16px 8px;font-size:8px;gap:8px}.exp-modes button strong{font-size:14px}.exp-modes button>span{display:none}.exp-workbench{grid-template-columns:1fr}.exp-controls{border-right:0;border-bottom:1px solid #303a58;padding:28px 0 22px}.exp-controls h3{font-size:30px;margin:17px 0}.exp-controls p{font-size:12px}.exp-controls small{font-size:9px}.exp-stage{min-height:480px;padding:35px 15px 55px}.exp-scene{transform:none}.exp-coordinates{font-size:6px;letter-spacing:0;left:10px;right:10px}.exp-bottom{display:block}.exp-bottom>span{display:block;margin-bottom:18px;font-size:6px}.file-space{min-height:285px}.desk-file{width:80px}.file-1{left:35%}.file-4{right:29%}.folders{gap:6px}.folders>div{font-size:8px}.prompt-row>p{font-size:11px}.build-options label{padding:15px 0}.proto-intro h4{font-size:26px}.proto-services span{font-size:8px}}@media(prefers-reduced-motion:reduce){.exp-scene{transform:none!important}.desk-file.sorted{transform:none}.experience *{animation:none!important;transition:none!important}}.effects-paused .exp-scene{transform:none!important}