.device-hero{position:relative;overflow:hidden;background:#050505;padding:128px 0 40px;border-bottom:1px solid var(--line)}.device-hero .hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.device-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#050505b0,transparent 22%,transparent 78%,#050505c0)}.device-kicker,.device-stage,.device-bottom{position:relative;z-index:1}.device-kicker{text-align:center;color:#e9d3a8;font-size:10px;text-shadow:0 0 18px #dfb47b55;letter-spacing:.22em;margin:0 20px 8px}.device-stage{position:relative;width:min(1120px,100%);margin:auto}.device-slide{width:100%}.mockup-host{position:relative;width:min(920px,82%);aspect-ratio:4/3;margin:auto;container-type:inline-size}.dv-scene{position:absolute;inset:0;display:grid;place-items:center;perspective:170cqw;cursor:pointer;user-select:none;-webkit-user-select:none}.dv-glow{position:absolute;left:15%;right:15%;bottom:9%;height:14%;border-radius:50%;background:radial-gradient(closest-side,#000c,#0006 60%,transparent);filter:blur(2cqw)}.dv-scene--phone .dv-glow{left:30%;right:30%;bottom:4%}.dv-tilt,.dv-spin,.dv-device,.dv-lid,.dv-base{transform-style:preserve-3d}.dv-tilt{--rx:-13deg;--ry:0deg;--ty:-5cqw;transform:translateY(var(--ty)) rotateX(calc(var(--rx) + var(--py,0) * -7deg)) rotateY(calc(var(--ry) + var(--px,0) * 14deg));transition:transform .9s cubic-bezier(.2,.7,.2,1)}.dv-scene--phone .dv-tilt{--rx:4deg;--ry:-16deg;--ty:0cqw}.dv-screen{position:relative;overflow:hidden;background:#101211}.dv-scene--laptop{perspective:420cqw}.dv-scene--laptop .dv-tilt{--rx:-16deg;--ty:-6cqw}.dv-laptop{position:relative;width:66cqw}.dv-lid{position:relative;aspect-ratio:16/10.4;transform-origin:50% 100%;transform:rotateX(14deg)}.dv-lid-front,.dv-lid-back,.dv-lid-edge{position:absolute;inset:0;border-radius:1.3cqw 1.3cqw .35cqw .35cqw}.dv-lid-front,.dv-lid-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.dv-lid-front{padding:1.05cqw 1.05cqw 1.7cqw;background:#050505;box-shadow:inset 0 0 0 .18cqw #4a4b50,inset 0 0 0 .32cqw #0a0a0a}.dv-lid-front .dv-screen{height:100%;border-radius:.25cqw}.dv-lid-front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff14 0,#ffffff06 34%,transparent 34.2%)}.dv-cam{position:absolute;top:.38cqw;left:50%;width:.36cqw;height:.36cqw;margin-left:-.18cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a4a60,#0b0d12 70%)}.dv-lid-edge{background:#3c3d42;transform:translateZ(calc(var(--i) * -.14cqw))}.dv-lid-back{transform:translateZ(-.5cqw) rotateY(180deg);background:linear-gradient(160deg,#4a4b50,#2e2f33 55%,#26272a);display:grid;place-items:center}.dv-lid-back span,.dv-phone-back span{font:italic 600 5cqw/1 Georgia,serif;color:#dfb47b55;letter-spacing:-.08em}.dv-base{position:absolute;top:100%;left:-.6%;width:101.2%;height:40cqw;transform-origin:50% 0;transform:rotateX(90deg);border-radius:.4cqw .4cqw 1.6cqw 1.6cqw;background:linear-gradient(90deg,#ffffff08,transparent 20% 80%,#ffffff08),linear-gradient(#3b3c41,#34353a 40%,#2d2e32)}.dv-base:after{content:"";position:absolute;left:0;right:0;top:100%;height:1.1cqw;transform-origin:50% 0;transform:rotateX(-90deg);border-radius:0 0 1.2cqw 1.2cqw;background:linear-gradient(#55565c,#2a2b2f 45%,#131315)}.dv-floor{position:absolute;inset:-4% -5% -10%;transform:translateZ(-1.3cqw);border-radius:50%;background:radial-gradient(closest-side,#000d,#0008 55%,transparent);filter:blur(1.4cqw)}.dv-hinge{position:absolute;top:0;left:13%;right:13%;height:2.4%;border-radius:0 0 .5cqw .5cqw;background:linear-gradient(#0c0c0d,#26272a)}.dv-keys{position:absolute;top:8%;left:12.5%;right:12.5%;height:41%;border:.45cqw solid #2a2b2f;border-radius:.5cqw;background-color:#080809;box-shadow:0 0 0 .1cqw #0009;background-image:linear-gradient(90deg,transparent calc(100% - .45cqw),#2a2b2f 0),linear-gradient(transparent calc(100% - .45cqw),#2a2b2f 0),linear-gradient(#ffffff0a,transparent 30%);background-size:calc(100% / 14 + .45cqw / 14) calc(100% / 6 + .45cqw / 6)}.dv-speaker{position:absolute;top:8%;left:3.2%;width:7.3%;height:41%;border-radius:.3cqw;background:radial-gradient(circle,#0e0e10 38%,transparent 42%) 0 0/.55cqw .55cqw;opacity:.85}.dv-speaker--r{left:auto;right:3.2%}.dv-pad{position:absolute;top:55%;left:29%;width:42%;height:39%;border-radius:.9cqw;background:linear-gradient(#35363b,#303136);box-shadow:inset 0 0 0 .1cqw #4b4c52,inset 0 .15cqw .3cqw #0006}.dv-lip{position:absolute;bottom:0;left:43%;width:14%;height:1.4%;border-radius:.6cqw .6cqw 0 0;background:#1d1e21}.dv-phone{position:relative;width:31cqw;aspect-ratio:9/19.5}.dv-phone-front,.dv-phone-back,.dv-edge{position:absolute;inset:0;border-radius:4.8cqw}.dv-phone-front{padding:1.1cqw;background:#050505;box-shadow:inset 0 0 0 .45cqw #3b3b40,inset 0 0 0 .6cqw #0c0c0c;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dv-phone-front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff14,transparent 42%)}.dv-phone-front .dv-screen{height:100%;border-radius:3.8cqw}.dv-edge{background:#2e2e33;transform:translateZ(calc(var(--i) * -.26cqw))}.dv-phone-back{transform:translateZ(-1.8cqw) rotateY(180deg);background:linear-gradient(160deg,#2e2e33,#19191b);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}.dv-phone-back i{position:absolute;top:3cqw;left:3cqw;width:10cqw;height:10cqw;border-radius:2.6cqw;background:#141416;box-shadow:inset 0 0 0 .3cqw #333}.dv-island{position:absolute;top:1.2cqw;left:50%;width:9cqw;height:2.6cqw;margin-left:-4.5cqw;border-radius:2cqw;background:#000;z-index:3}.dv-cursor{position:absolute;top:0;left:0;z-index:2;pointer-events:none;will-change:transform}.dv-cursor svg{display:block;width:2.4cqw;fill:#fff;stroke:#111;stroke-width:1.3;transform-origin:20% 10%;filter:drop-shadow(0 .2cqw .3cqw #0008)}.dv-cursor--tap{opacity:0}.dv-cursor--tap i{display:block;width:9cqw;height:9cqw;margin:-4.5cqw 0 0 -4.5cqw;border-radius:50%;background:#ffffff40;border:.3cqw solid #ffffffa0;box-shadow:0 0 2cqw #0006}.dv-ripple{position:absolute;z-index:1;width:10cqw;height:10cqw;margin:-5cqw 0 0 -5cqw;border-radius:50%;border:.3cqw solid #dfb47b;background:#dfb47b30;pointer-events:none}.ms{position:absolute;inset:0;overflow:hidden;container-type:inline-size;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f3f2ec;line-height:1.4;text-align:left}.ms-page{position:relative;will-change:transform}.ms small{display:block;color:#dfb47b;font-size:1cqw;letter-spacing:.2em}.ms em{font-family:Georgia,serif;color:#dfb47b}.ms-nav{position:relative;display:flex;align-items:center;gap:3cqw;padding:2.2cqw 5cqw;border-bottom:1px solid #30352f}.ms-logo{display:flex;align-items:center;gap:1cqw;font:italic 600 3cqw/1 Georgia,serif;color:#dfb47b;letter-spacing:-.08em}.ms-logo small{font:400 1cqw/1.15 Inter,Arial,sans-serif;color:#f3f2ec;letter-spacing:0}.ms-nav nav{display:flex;gap:2.6cqw;margin-left:auto;font-size:1.25cqw}.ms-btn{display:inline-flex;align-items:center;gap:2cqw;padding:1.3cqw 2.2cqw;border:1px solid #dfb47b;border-radius:.5cqw;background:#dfb47b;color:#171711;font-size:1.3cqw;font-weight:650;white-space:nowrap;transition:background .25s,box-shadow .25s,transform .15s}.ms-btn--sm{padding:1cqw 1.8cqw;font-size:1.15cqw}.ms-btn--ghost{background:transparent;color:#f3f2ec;border-color:#50554e}.ms-btn.is-hover{background:#edc994;box-shadow:0 .6cqw 2.5cqw #c18d3b40}.ms-btn.is-press,.ms-card.is-press,.ms-tile.is-press{transform:scale(.96)}.ms-hero{position:relative;padding:9cqw 5cqw 10cqw;background:radial-gradient(60% 80% at 80% 30%,#dfb47b1f,transparent 70%),radial-gradient(40% 60% at 10% 90%,#2c4a3a40,transparent 70%)}.ms-hero h2{margin:1.6cqw 0;font-size:5.6cqw;font-weight:500;line-height:1.08;letter-spacing:-.045em}.ms-hero p{max-width:44cqw;margin:0 0 3cqw;color:#b4b9b1;font-size:1.5cqw}.ms-actions{display:flex;gap:1.4cqw}.ms-section{padding:6cqw 5cqw;border-top:1px solid #30352f}.ms-section h3,.ms-cta h3{margin:1.2cqw 0 3.2cqw;font-size:3.4cqw;font-weight:500;letter-spacing:-.03em}.ms-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw}.ms-card{display:grid;gap:1cqw;align-content:start;min-height:15cqw;padding:2cqw;border:1px solid #30352f;border-radius:.8cqw;background:#171a18;font-size:1.35cqw;transition:border-color .25s,transform .25s,background .25s}.ms-card i{color:#dfb47b;font-style:normal;font-size:1.1cqw}.ms-card span{display:block;height:.7cqw;border-radius:1cqw;background:#30352f}.ms-card span+span{width:65%}.ms-card.is-hover{border-color:#dfb47b;background:#1d201d;transform:translateY(-.6cqw)}.ms-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}.ms-tile{position:relative;height:19cqw;border-radius:.8cqw;overflow:hidden;transition:transform .3s,box-shadow .3s}.ms-tile span{position:absolute;left:1.8cqw;bottom:1.5cqw;font-size:1.3cqw;font-weight:600}.ms-tile--1{background:linear-gradient(135deg,#2b3a31,#101211 70%),#222}.ms-tile--2{background:linear-gradient(135deg,#6b5132,#1a1612 75%)}.ms-tile--3{background:linear-gradient(135deg,#27313f,#0f1115 75%)}.ms-tile--4{background:linear-gradient(135deg,#dfb47b,#5d4323 80%);color:#171711}.ms-tile:before{content:"";position:absolute;inset:18% 12% 30%;border-radius:.5cqw;background:#ffffff14;box-shadow:0 1cqw 3cqw #0005}.ms-tile.is-hover{transform:scale(1.02);box-shadow:0 0 0 .25cqw #dfb47b}.ms-cta{padding:8cqw 5cqw;text-align:center;background:radial-gradient(50% 90% at 50% 100%,#dfb47b26,transparent 70%);border-top:1px solid #30352f}.ms-foot{display:flex;justify-content:space-between;align-items:center;padding:3cqw 5cqw;border-top:1px solid #30352f;color:#96968f;font-size:1.1cqw}.ms-foot b{font:italic 600 2.2cqw Georgia,serif;color:#dfb47b}.ms--phone small{font-size:2.8cqw}.ms--phone .ms-nav{padding:13cqw 6cqw 4cqw}.ms--phone .ms-logo{font-size:9cqw;gap:2.5cqw}.ms--phone .ms-logo small{font-size:3cqw}.ms-burger{margin-left:auto;width:7cqw;height:1cqw;border-radius:1cqw;background:#f3f2ec;box-shadow:0 2.2cqw #f3f2ec,0 -2.2cqw #f3f2ec}.ms--phone .ms-hero{padding:14cqw 6cqw 16cqw}.ms--phone .ms-hero h2{font-size:12.5cqw;margin:4cqw 0}.ms--phone .ms-hero p{max-width:none;font-size:4.2cqw;margin-bottom:7cqw}.ms--phone .ms-actions{flex-direction:column;gap:3cqw}.ms--phone .ms-btn{justify-content:center;padding:4cqw;font-size:4cqw;border-radius:1.5cqw}.ms--phone .ms-section{padding:12cqw 6cqw}.ms--phone .ms-section h3,.ms--phone .ms-cta h3{font-size:8cqw;margin:3cqw 0 7cqw}.ms--phone .ms-cards,.ms--phone .ms-tiles{grid-template-columns:1fr;gap:4cqw}.ms--phone .ms-card{min-height:0;padding:5cqw;gap:2.5cqw;font-size:4.4cqw;border-radius:2cqw}.ms--phone .ms-card i{font-size:3.4cqw}.ms--phone .ms-card span{height:2cqw}.ms--phone .ms-tile{height:52cqw;border-radius:2cqw}.ms--phone .ms-tile span{font-size:4cqw;left:5cqw;bottom:4cqw}.ms--phone .ms-cta{padding:16cqw 6cqw}.ms--phone .ms-foot{padding:8cqw 6cqw 12cqw;font-size:3.2cqw}.ms--phone .ms-foot b{font-size:6cqw}.device-controls{position:absolute;inset:0 2%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.device-controls button{pointer-events:auto;width:48px;height:48px;border-radius:50%;border:1px solid #dfb47b99;background:#0d0d0cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:22px;transition:background .2s,color .2s}.device-controls button:hover{background:var(--gold);color:#080808}.device-controls button[aria-disabled=true]{opacity:.45}.device-bottom{width:min(1240px,90%);margin:8px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.device-label{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;white-space:nowrap}.device-label [data-device-count]{color:var(--gold)}.device-label-line{width:28px;height:1px;background:#c9a36b}.device-actions{display:flex;gap:12px}.device-caption{font-size:11px;color:#c4bdae}.device-slide.is-exiting{animation:mockup-out .35s ease-in both}.device-slide.is-entering{animation:mockup-in .55s ease-out both}.device-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes mockup-out{to{opacity:0;transform:translate(-18px) scale(.98)}}@keyframes mockup-in{0%{opacity:0;transform:translate(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.device-hero{padding-top:110px}.device-bottom{flex-wrap:wrap;justify-content:center}.device-caption{display:none}}@media(max-width:600px){.device-hero{padding-top:104px;padding-bottom:30px}.device-kicker{font-size:9px;letter-spacing:.14em}.device-stage{padding-bottom:58px;margin-top:20px}.mockup-host{width:100%}.device-controls{inset:auto 7% 0;height:44px}.device-controls button{width:44px;height:44px}.device-bottom{margin-top:20px;gap:18px}.device-label{width:100%;justify-content:center}.device-actions{width:100%;justify-content:center;gap:8px}.device-actions .button{font-size:11px;padding:11px 13px;gap:9px;min-height:46px}}@media(prefers-reduced-motion:reduce){.device-hero *{animation:none!important;transition:none!important}}