@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#f1eee8;background:#11100e;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#29251e 0,#171510 38%,#11100e 76%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.page{max-width:1550px;margin:auto;padding:0 4.3%}.header{display:flex;align-items:center;gap:25px;height:88px;border-bottom:1px solid #ffffff1b}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.2em;white-space:nowrap}.brand-symbol{width:34px;height:34px;border:1px solid #d9bd8e78;border-radius:8px;display:grid;place-items:center;font-size:20px;color:#e6c899;letter-spacing:-.13em}.header-label{margin:auto;border:1px solid #d9bd8e50;color:#dfc298;padding:9px 15px;border-radius:40px;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.site-link{font-size:12px;color:#d9c19f;white-space:nowrap}.hero{padding:75px 0 70px;max-width:850px}.eyebrow{font-size:10px;letter-spacing:.23em;color:#d6b27f;font-weight:800}.hero h1{font-size:clamp(48px,5.2vw,79px);font-weight:600;line-height:1.1;letter-spacing:-.065em;margin:24px 0 19px}.hero h1 em{font-style:normal;color:#d9b584}.hero p{font-size:16px;line-height:1.75;color:#aaa399;max-width:670px;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.primary{display:flex;gap:35px;align-items:center;background:#d4b17f;color:#221b13;border-radius:8px;padding:15px 19px;font-weight:800;font-size:13px}.primary:hover{background:#efce9c}.text-button{border:0;background:none;color:#dac4a6;font-weight:700;font-size:12px}.text-button:hover{color:#fff}.demo{padding-bottom:78px}.demo-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.demo-head h2{font-size:clamp(23px,2.4vw,33px);font-weight:600;letter-spacing:-.04em;margin:8px 0 2px}.demo-head p{color:#9d978d;font-size:12px;margin:0}.demo-actions{display:flex;gap:8px}.demo-actions button{border:1px solid #ffffff2c;background:#ffffff0c;color:#e9e2d8;border-radius:8px;padding:10px 13px;font-size:11px;white-space:nowrap}.demo-actions button:hover:not(:disabled){border-color:#d8b782;color:#f8dbaf}.demo-actions button:disabled{opacity:.4;cursor:default}.stage{padding:3.4% 5%;border-radius:28px;border:1px solid #ffffff20;background:radial-gradient(ellipse at 50% 50%,#51483a 0,#322b22 45%,#1b1915 100%);box-shadow:inset 0 0 80px #0005}.tablet{padding:12px;margin:auto;max-width:1260px;position:relative;border-radius:22px;background:linear-gradient(145deg,#4e4d49,#111211 29%,#3a3a35 70%,#0d0e0d);border:1px solid #aca6965e;box-shadow:0 37px 65px #0009,0 6px 20px #0008}.camera{position:absolute;z-index:3;left:50%;top:5px;width:4px;height:4px;background:#718291;border-radius:50%}.tablet-glass{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:12px;background:#181510;touch-action:pan-y;user-select:none}.tablet-glass>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.tablet-glass #screen-next{opacity:0;transform:scale(1.012);transition:opacity .42s ease,transform .6s ease}.tablet-glass #screen-next.visible{opacity:1;transform:scale(1)}.hotspots{position:absolute;inset:0;z-index:2}.hotspot{position:absolute;border:1px solid transparent;background:transparent;border-radius:9px;padding:0;cursor:pointer}.hotspot:hover,.hotspot:focus-visible{border:2px solid #e1bd88;box-shadow:0 0 0 9999px #00000017,inset 0 0 28px #d7a96928;outline:none}.hotspot:hover:after,.hotspot:focus-visible:after{content:'↗';position:absolute;right:6px;top:4px;color:#fff;font-size:17px;text-shadow:0 1px 5px #000}.hotspot.close{border-radius:50%}.hotspot.close:hover:after{content:none}.screen-hint{position:absolute;z-index:3;left:50%;bottom:8%;transform:translate(-50%,10px);max-width:85%;opacity:0;transition:opacity .2s,transform .2s;background:#e1be89;color:#241c14;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:800;text-align:center;pointer-events:none}.screen-hint.visible{opacity:1;transform:translate(-50%,0)}.under-stage{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 2px 35px;color:#a79c8d;font-size:11px}.progress{display:flex;align-items:center;gap:12px;min-width:170px;color:#d7be99;font-weight:700;letter-spacing:.08em}.progress-track{height:2px;width:85px;background:#ffffff36;display:block}.progress-track i{height:100%;width:8%;background:#d5b17b;display:block;transition:width .45s}.safety{color:#b9ad9c}.safe-dot{display:inline-block;width:6px;height:6px;background:#d6b27f;border-radius:50%;box-shadow:0 0 13px #d6b27f;margin-right:7px;vertical-align:1px}.gallery-header{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1d;padding:24px 0 15px;font-size:12px;color:#a9a197}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.gallery button{border:1px solid #ffffff26;border-radius:10px;background:linear-gradient(145deg,#ffffff0c,#00000028);color:#ddd5c9;padding:15px 14px;text-align:left;min-height:79px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,background .2s}.gallery button:hover,.gallery button.active{border-color:#d2af7d;background:#d6af7823}.gallery button small{color:#bfa481;letter-spacing:.1em;font-size:9px;font-weight:800}.gallery button span{font-size:12px;font-weight:700}.disclaimer{font-size:11px;line-height:1.65;color:#837d74;margin:22px 0 0;max-width:850px}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1a;padding:25px 0 42px;color:#898176;font-size:10px;letter-spacing:.1em}.footer a{color:#d4b98f;letter-spacing:0}.stage:fullscreen{display:grid;place-items:center;padding:16px;background:#111}.stage:fullscreen .tablet{width:min(96vw,calc(93vh * 1.6));max-width:none}
@media(max-width:850px){.header-label{display:none}.site-link{margin-left:auto}.hero{padding:52px 0 55px}.gallery{grid-template-columns:repeat(4,1fr)}.stage{padding:3%}.under-stage{flex-wrap:wrap}.swipe-hint{display:none}}
@media(max-width:600px){.page{padding:0 18px}.header{height:65px}.brand{font-size:11px}.brand-symbol{width:28px;height:28px;font-size:18px}.site-link{font-size:11px}.hero{padding:43px 0 42px}.hero h1{font-size:43px}.hero p{font-size:14px}.hero-actions{gap:16px;flex-wrap:wrap}.demo-head{align-items:flex-start;flex-direction:column}.demo-actions{width:100%}.demo-actions button{flex:1;padding:9px 7px;font-size:10px}.stage{padding:9px;border-radius:16px}.tablet{padding:6px;border-radius:11px}.tablet-glass{border-radius:6px}.gallery{grid-template-columns:repeat(3,1fr);gap:6px}.gallery button{min-height:69px;padding:10px}.gallery button span{font-size:10px}.gallery-header>span:last-child{font-size:10px}.under-stage{font-size:10px}.safety{width:100%}.footer{font-size:8px}}