*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#17140f;font-family:Arial,Helvetica,sans-serif;color:#f6f0e7}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #edcd8b;outline-offset:6px}button{color:inherit}#experience{height:100svh;min-height:560px;overflow:hidden;position:relative}.room{position:absolute;inset:0;background:url('assets/room.png') center center/cover no-repeat;transition:transform 2.4s cubic-bezier(.25,.1,.18,1),filter 2s;transform-origin:47% 51%}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,7,.7),transparent 60%),linear-gradient(0deg,rgba(10,9,7,.6),transparent 26%,transparent 80%,rgba(10,9,7,.3));pointer-events:none}.site-header{position:absolute;z-index:4;top:32px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;font-size:11px;letter-spacing:2px}.brand-mark{font-family:Georgia,serif;font-size:38px;letter-spacing:-3px}.header-note{font-size:12px;color:#ddd0ba}#back{border:1px solid #ffffff35;background:#201b1680;border-radius:30px;padding:12px 18px;font-size:13px;backdrop-filter:blur(12px)}.intro{position:absolute;top:23%;left:6%;z-index:2;pointer-events:none;transition:opacity .5s,transform .8s}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#dac4a1}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.25vw,72px);font-weight:400;line-height:1.09;letter-spacing:-2.5px;margin:22px 0}.intro p{font-size:14px;line-height:1.8;color:#c9bca9}.laptop-hotspot{position:absolute;left:47%;top:51%;width:19%;height:13%;transform:translate(-50%,-50%);z-index:3;border:0;background:none}.target-ring{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff78;border-radius:50%;margin:auto;background:#b99b6125;backdrop-filter:blur(2px);box-shadow:0 0 0 9px #ffffff07;transition:transform .3s}.target-ring span{font-size:23px}.laptop-hotspot:hover .target-ring{transform:scale(1.15);box-shadow:0 0 0 14px #ffffff0a}.open-label{display:block;white-space:nowrap;font-size:12px;letter-spacing:.2px;margin:20px auto 0;width:max-content;background:#161410bb;border:1px solid #e2cfad38;border-radius:30px;padding:10px 16px;backdrop-filter:blur(14px)}.open-label span{padding-left:15px;color:#d3ba8f}footer{position:absolute;bottom:27px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c2b8a9;letter-spacing:.3px}.footer-instruction{display:flex;align-items:center;gap:10px}.tiny-mouse{width:11px;height:16px;border:1px solid #c2b8a9;border-radius:8px}.tiny-mouse:before{content:'';display:block;margin:3px auto;width:1px;height:4px;background:#c2b8a9}.computer{position:absolute;z-index:3;left:50%;top:50%;width:min(1040px,86vw);height:min(650px,75svh);transform:translate(-50%,-40%) perspective(1500px) rotateX(87deg) scale(.42);transform-origin:center bottom;opacity:0;visibility:hidden;transition:transform 1.7s cubic-bezier(.22,.7,.15,1) .75s,opacity .55s .8s,visibility 0s .7s}.screen-frame{height:100%;padding:18px 12px 23px;background:linear-gradient(120deg,#353431,#090a0b 30%,#202124);border:1px solid #72716c;border-radius:23px;position:relative;box-shadow:0 25px 100px #000b}.camera{position:absolute;top:7px;left:50%;width:4px;height:4px;border-radius:50%;background:#26373a}.desktop{height:100%;position:relative;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 80% 90%,#d2a895 0%,transparent 48%),radial-gradient(ellipse at 5% 5%,#69898b,transparent 60%),linear-gradient(145deg,#172f3e,#425571 42%,#977f88 80%);color:white;opacity:0;transition:opacity .8s 2s}.desktop:before{content:'';position:absolute;width:100%;height:140%;border-radius:50%;border:1px solid #ffffff1c;transform:rotate(-35deg);top:10%;left:25%;box-shadow:0 0 100px #a9bcc326}.macbook-name{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:9px;color:#888;letter-spacing:.3px}.computer-base{height:12px;background:linear-gradient(#b7b6b4,#575553);margin:0 -3%;border-radius:2px 2px 50% 50%;box-shadow:0 12px 35px #0009}.seated .room{transform:scale(3.2) translate(2%,5%);filter:blur(5px) brightness(.55)}.seated .intro,.seated .laptop-hotspot{opacity:0;pointer-events:none;transform:translateY(-15px)}.seated .computer{visibility:visible;opacity:1;transform:translate(-50%,-46%) perspective(1500px) rotateX(0) scale(1)}.seated .desktop{opacity:1}.seated .footer-instruction,.seated .header-note{visibility:hidden}.menubar{height:31px;background:#f5f6fb26;backdrop-filter:blur(20px);display:flex;align-items:center;gap:20px;padding:0 16px;font-size:12px;position:relative;z-index:1}.menubar>strong{font-size:21px;font-family:Georgia,serif}.menu-right{margin-left:auto;display:flex;gap:12px;align-items:center}.battery{width:20px;height:10px;border:1px solid #fff9;border-radius:2px;box-shadow:inset 0 0 0 2px #637582;background:#eee}.desktop-welcome{position:absolute;left:7%;top:19%;opacity:.8}.desktop-welcome>span{font-size:12px;letter-spacing:.3px}.desktop-welcome h2{font-family:Georgia,serif;font-size:clamp(25px,3.2vw,43px);font-weight:400;line-height:1.2;letter-spacing:-1px}.desktop-icons{position:absolute;right:25px;top:57px;display:flex;flex-direction:column;gap:24px}.app-icon{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:85px;font-size:12px;text-shadow:0 1px 4px #0009;padding:5px;border-radius:8px}.app-icon:hover{background:#ffffff1b}.notes-icon,.telegram-icon{display:block;width:53px;height:53px;border-radius:12px;box-shadow:0 5px 12px #0003;position:relative}.notes-icon{background:linear-gradient(#f6d365 28%,#fff9eb 28%);padding-top:22px}.notes-icon i{display:block;height:1px;background:#b9b5ae;margin:6px 9px}.telegram-icon{background:linear-gradient(#51bce7,#158bc4);display:grid;place-items:center}.telegram-icon svg{width:45px;height:45px}.dock{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:13px;padding:10px 13px;background:#ffffff25;border:1px solid #ffffff40;border-radius:19px;backdrop-filter:blur(20px)}.dock button{border:0;padding:0;background:transparent;transition:transform .2s}.dock button:hover{transform:translateY(-7px)}.app-window{position:absolute;z-index:5;left:7%;right:16%;top:11%;bottom:17%;background:#fbfaf7;color:#29282a;border:1px solid #ffffff60;border-radius:12px;box-shadow:0 25px 65px #1117;overflow:hidden;animation:window-in .25s ease}.window-bar{height:42px;background:#f1efec;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #00000012;padding:0 14px;font-size:13px}.traffic{display:flex;gap:8px;width:62px}.traffic button{border:0;border-radius:50%;width:12px;height:12px;padding:0;line-height:12px;font-size:10px;color:transparent}.traffic:hover button{color:#5e211baa}.close{background:#ff6058}.minimize{background:#febc2e}.maximize{background:#28c840}.window-bar>span{width:62px}.notes-layout{height:calc(100% - 42px);display:grid;grid-template-columns:170px 1fr}.notes-layout aside{background:#edeae5;padding:20px 10px}.notes-layout aside>span{font-size:10px;letter-spacing:1px;margin:0 8px 15px;display:block;color:#777}.note-item{display:flex;flex-direction:column;text-align:left;gap:6px;border:0;border-radius:7px;width:100%;padding:13px 9px;margin-bottom:5px;color:#45403a;background:none;font-size:12px}.note-item small{font-size:10px;color:#827970}.note-item.selected{background:#e1d4af}article{overflow:auto;padding:25px 28px;font-size:15px;line-height:1.7}article h2{font-size:27px;font-family:Georgia,serif;font-weight:400;margin:18px 0}.note-date{font-size:11px;color:#aaa}.telegram-window{left:23%;right:14%;background:#d9e4e5}.chat-heading{height:63px;background:#fff;display:flex;gap:12px;align-items:center;padding:8px 20px}.bot-avatar{width:38px;height:38px;border-radius:50%;background:#42a9d5;display:grid;place-items:center;color:#fff;font-size:23px}.chat-heading b{font-size:14px}.chat-heading small{display:block;font-size:11px;color:#8b9298;margin-top:4px}.messages{height:calc(100% - 201px);overflow:auto;padding:15px 20px;display:flex;flex-direction:column;gap:12px}.chat-date{font-size:10px;border-radius:15px;color:white;background:#93a9aa;align-self:center;padding:4px 10px}.message{padding:11px 13px;line-height:1.5;font-size:14px;background:#fff;border-radius:12px 12px 12px 3px;max-width:88%;align-self:flex-start}.message small{display:block;color:#90a1a7;font-size:10px;text-align:right;margin-top:4px}.message.user{background:#d9f9c4;border-radius:12px 12px 3px 12px;align-self:flex-end}.quick-replies{height:43px;display:flex;gap:6px;padding:5px 15px}.quick-replies button{background:#ffffffb5;border:0;border-radius:15px;color:#367e9b;padding:5px 10px;font-size:11px}#chat-form{height:53px;background:#fff;display:flex;padding:8px 12px;gap:8px}#chat-input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;outline:none}#chat-form button{border:0;background:#31a4d5;color:white;width:35px;border-radius:50%;font-size:23px}.app-window.expanded{inset:38px 6px 6px}button[hidden],section[hidden]{display:none}@keyframes window-in{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}@media(min-aspect-ratio:17/10){.intro{top:24%;left:5%}.intro h1{font-size:4vw}}@media(max-width:700px){.site-header{top:20px;left:22px;right:22px}.brand{font-size:9px;letter-spacing:1.4px}.header-note,.room-time{display:none}.room{background-position:47% center}.intro{top:17%;left:8%}.intro h1{font-size:43px;letter-spacing:-1.6px}.intro p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:2px}.laptop-hotspot{left:50%;top:52%;width:47%;height:12%}footer{bottom:23px;left:22px;right:22px;font-size:9px}.footer-instruction{max-width:165px;line-height:1.5}.computer{width:96vw;height:73svh}.screen-frame{padding:14px 6px 20px;border-radius:15px}.menubar{gap:12px;padding:0 10px;font-size:10px}.menu-muted{display:none}.desktop-welcome{left:7%;top:20%}.desktop-welcome h2{font-size:28px}.desktop-icons{right:8px;top:55px}.notes-icon,.telegram-icon{width:45px;height:45px;border-radius:10px}.telegram-icon svg{width:39px}.app-icon{min-width:65px;font-size:11px}.app-window,.telegram-window{left:5px;right:5px;top:45px;bottom:90px}.notes-layout{grid-template-columns:100px 1fr}.notes-layout aside{padding:17px 5px}.note-item{font-size:11px;padding:10px 6px}.note-item small{font-size:9px}.notes-layout aside>span{font-size:8px;margin-left:5px}article{padding:18px 14px;font-size:14px}article h2{font-size:24px}#back{font-size:11px;padding:10px}.seated .brand>span:last-child{display:none}.seated .computer{transform:translate(-50%,-46%) perspective(1500px) rotateX(0)}.messages{padding:12px}.message{font-size:13px;max-width:94%}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}}

.contact-link{margin-left:auto;color:#1688bb;text-decoration:none;font-size:12px;padding:8px;border-radius:8px;background:#edf7fb}.chat-heading{gap:9px}.chat-heading>div{min-width:0}@media(max-width:700px){.chat-heading{padding:8px 10px}.contact-link{max-width:115px;font-size:11px}.chat-heading small{font-size:9px}}