.phone-stage{position:relative;height:715px;z-index:1;perspective:1800px;display:flex;justify-content:center;align-items:flex-start;padding-top:26px;isolation:isolate}
.phone-float{position:relative;width:302px;height:626px;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-9deg) rotateZ(-5deg);animation:phone-hover 12s ease-in-out infinite;will-change:transform}
.phone-body{position:absolute;inset:0;padding:5px;border-radius:49px;background:linear-gradient(105deg,#060707 0%,#303333 1%,#050606 2%,#030404 88%,#343737 99%,#070808);box-shadow:inset 0 0 0 .6px #858c8c66,1px 1px 0 #030404,3px 3px 0 #151818,5px 5px 0 #030404,8px 10px 12px #0007}
.phone-edge{position:absolute;inset:2px -3px -3px 3px;border-radius:49px;background:linear-gradient(90deg,#020303,#1a1d1e 96%,#050606);transform:translateZ(-4px)}
.phone-button{position:absolute;width:2px;background:linear-gradient(90deg,#070808,#555b5b,#111);border-radius:2px;left:-2px;z-index:3}.phone-button-one{height:30px;top:113px}.phone-button-two{height:53px;top:164px}
.phone-screen{height:100%;position:relative;overflow:hidden;border-radius:44px;background:#101415 center/cover no-repeat;border:1.5px solid #000;color:white;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.phone-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 36%,transparent 48%,#0003 72%,#0004);pointer-events:none}.phone-screen:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset .5px 0 .7px #ffffff40;background:linear-gradient(115deg,#ffffff05,transparent 35%,transparent 75%,#ffffff03);pointer-events:none}
.phone-island{position:absolute;width:76px;height:21px;background:#020303;left:50%;top:10px;transform:translateX(-50%);border-radius:18px;z-index:2;box-shadow:0 .5px .5px #fff1}.phone-island i{width:6px;height:6px;position:absolute;right:10px;top:7px;background:radial-gradient(circle at 40% 30%,#182335,#070c14 40%,#010102 70%);border-radius:50%}
.phone-clock{position:absolute;top:53px;left:14px;right:14px;text-align:center}.phone-date{font-size:12px;font-weight:550;line-height:18px;min-height:36px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-wrap:balance;color:#fafbf8;text-shadow:0 1px 6px #0008}.type-caret{opacity:.6;font-weight:200;margin-left:1px}.phone-time{display:block;font-size:83px;font-weight:250;font-stretch:condensed;letter-spacing:-4px;line-height:1.03;font-variant-numeric:tabular-nums;background:linear-gradient(155deg,#fff 8%,#f4f9f7aa 41%,#cbd9d57a 53%,#fff 80%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.45px #ffffffb3;filter:drop-shadow(0 2px 5px #0004)}
.phone-apps{position:absolute;bottom:125px;left:26px;right:26px;display:flex;justify-content:center;flex-wrap:wrap;column-gap:18px;row-gap:15px}.phone-app{width:60px;display:flex;align-items:center;flex-direction:column;gap:6px;text-decoration:none;color:#fff;font-size:9px;font-weight:550;text-shadow:0 1px 5px #000;outline-offset:4px;border-radius:14px}.phone-app img{display:block;width:52px;height:52px;border-radius:13px;box-shadow:0 3px 9px #0004;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s;object-fit:cover}.phone-app:hover img,.phone-app:focus-visible img{transform:scale(1.1);filter:brightness(1.12)}.phone-app:active img{transform:scale(.96)}.phone-app:focus-visible{outline:1.5px solid #fff}.phone-app.is-touring img{animation:app-invitation 1.25s ease-in-out 3}.phone-app:hover img,.phone-app:focus-visible img{animation:none}
.phone-dock{position:absolute;left:13px;right:13px;bottom:19px;display:flex;justify-content:space-evenly;gap:9px;padding:15px 9px 12px;border:1px solid #ffffff3b;border-radius:30px;background:linear-gradient(140deg,#ffffff25,#c3d1cb14);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 2px #ffffff0a,0 6px 16px #0003;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}.phone-dock .phone-app{font-size:9px;width:64px;gap:7px}.phone-dock .phone-app img{width:54px;height:54px;border-radius:14px}
.phone-shadow{position:absolute;width:320px;height:110px;bottom:5px;left:50%;background:radial-gradient(ellipse,#000 0%,#000c 34%,#0006 54%,transparent 73%);filter:blur(13px);transform:translateX(-43%) rotate(-6deg);animation:phone-shadow 12s ease-in-out infinite;z-index:-1}
.phone-stage:not(.is-viewing) .phone-float,.phone-stage:not(.is-viewing) .phone-shadow{animation-play-state:paused}
@keyframes phone-hover{0%,100%{transform:translateY(0) rotateX(5deg) rotateY(-9deg) rotateZ(-5deg)}50%{transform:translateY(-13px) rotateX(8deg) rotateY(-5deg) rotateZ(-3deg)}}
@keyframes phone-shadow{0%,100%{transform:translateX(-43%) scale(1) rotate(-6deg);opacity:.9}50%{transform:translateX(-41%) scale(1.08) rotate(-4deg);opacity:.7}}
@keyframes app-invitation{0%,100%{transform:scale(1)}50%{transform:scale(1.12);filter:brightness(1.15)}}
.phone-contact-actions{position:relative;z-index:3;display:flex;justify-content:center;gap:12px;margin:0 auto;padding:8px 20px;flex-wrap:wrap}.phone-contact-actions a{display:flex;align-items:center;justify-content:center;min-width:102px;min-height:46px;padding:11px 24px;border:1px solid #dce7e125;border-radius:40px;color:#e8ede9;font:450 13px/1.2 var(--body);background:linear-gradient(135deg,#ffffff13,#ffffff05);box-shadow:inset 0 1px .5px #ffffff12,0 4px 20px #0002;backdrop-filter:blur(20px);transition:background .2s,border-color .2s}.phone-contact-actions a:hover{background:#ffffff16;border-color:#ffffff50}.phone-contact-actions a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.app-launch{position:fixed;inset:0;z-index:2147483647;background:#08090b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:22px;font:500 18px -apple-system,BlinkMacSystemFont,sans-serif;will-change:clip-path}.app-launch img{width:100px;height:100px;border-radius:24px}.app-launch span{letter-spacing:.02em}
@media(max-width:650px){.phone-stage{height:658px;padding-top:24px}.phone-float{width:278px;height:578px}.phone-body{border-radius:46px}.phone-edge{border-radius:46px}.phone-screen{border-radius:41px}.phone-clock{top:45px}.phone-time{font-size:76px}.phone-date{font-size:11px}.phone-apps{bottom:118px;left:20px;right:20px;column-gap:15px;row-gap:12px}.phone-app{width:56px}.phone-app img{width:49px;height:49px}.phone-dock{left:12px;right:12px;bottom:17px;padding:13px 7px 11px}.phone-dock .phone-app img{width:50px;height:50px}.phone-dock .phone-app{width:58px}.phone-shadow{width:280px;bottom:10px}.phone-contact-actions{gap:9px;padding:8px 20px;max-width:370px}.phone-contact-actions a{min-width:calc(50% - 5px);min-height:46px}}
@media(prefers-reduced-motion:reduce){.phone-float,.phone-shadow,.phone-app.is-touring img{animation:none}.phone-app img,.phone-contact-actions a{transition:none}}
.phone-clock{top:43px;display:flex;flex-direction:column;gap:15px;left:18px;right:18px}
.phone-time{order:0;font-size:80px;font-weight:220;letter-spacing:-3px;color:#fff;background:none;-webkit-text-stroke:0;filter:none;text-shadow:0 1px 8px #0002}
.phone-date{order:1;font-size:15px;font-weight:350;line-height:20px;min-height:42px;align-content:center;letter-spacing:.05px;color:#fff;text-shadow:0 1px 5px #0009}
.phone-screen:after{background:linear-gradient(112deg,#fff0 12%,#ffffff0a 35%,#ffffff02 36%,transparent 54%,#ffffff06 82%,transparent 91%);box-shadow:inset .5px 0 1px #ffffff55,inset 0 .5px 1px #ffffff20}
.phone-app,.phone-dock .phone-app{font-weight:350;color:#fff;font-size:9px;line-height:12px;gap:7px}
.phone-app span{white-space:nowrap}
.phone-app img,.phone-dock .phone-app img{width:50px;height:50px;border-radius:13px}
.phone-app.is-touring img{animation:app-invitation 1s ease-in-out 4}
@keyframes app-invitation{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.4);box-shadow:0 0 16px #ffffff23}}
@media(max-width:650px){.phone-clock{top:42px;gap:12px;left:13px;right:13px}.phone-time{font-size:72px}.phone-date{font-size:14px;line-height:19px;min-height:40px}.phone-app img,.phone-dock .phone-app img{width:48px;height:48px;border-radius:12px}.phone-apps{column-gap:17px;row-gap:13px}}
@media(prefers-reduced-motion:reduce){.phone-app.is-touring img{animation:none;outline:1px solid #ffffff80;outline-offset:3px}}
.phone-clock{gap:0}
.phone-time{order:0}
.phone-live-date{order:1;display:block;color:#fff;font-size:11px;font-weight:350;line-height:16px;letter-spacing:.1px;margin-top:8px;text-shadow:0 1px 4px #0008;min-height:16px}
.phone-date{order:2;margin-top:12px;min-height:42px}
.phone-contact-actions .phone-book{min-width:154px;gap:12px;min-height:52px;padding:13px 30px;background:linear-gradient(140deg,#e5ece719,#dce5df07);border-color:#dbe6df37;box-shadow:inset 0 1px 1px #f2f7f023,0 7px 24px #0004}
.phone-book svg{width:23px;height:23px;flex:none;filter:drop-shadow(0 1px 1px #0009)}
@media(max-width:650px){.phone-live-date{font-size:10px;line-height:15px;margin-top:7px}.phone-date{margin-top:10px;min-height:40px}.phone-contact-actions .phone-book{min-width:154px}}
.phone-dock{left:17px;right:17px;padding:10px 7px 8px;bottom:20px;border-radius:26px}
.phone-app,.phone-dock .phone-app{font-size:8px;line-height:10px;gap:6px}
.phone-app span{width:50px;max-width:50px;text-align:center;white-space:normal;overflow-wrap:normal;text-wrap:balance}
@media(max-width:650px){.phone-dock{left:16px;right:16px;padding:9px 6px 7px;bottom:18px;border-radius:25px}.phone-app,.phone-dock .phone-app{font-size:7.5px;line-height:9px;gap:6px}.phone-app span{width:48px;max-width:48px}}
/* Complete standalone stage. Handset rules above remain the approved shell. */
.iphone-footer-demo{margin:0;background:#080a0a;min-height:100vh;color:#fff;font-family:Arial,sans-serif}
.iphone-footer-demo *{box-sizing:border-box}
.phone-footer{position:relative;isolation:isolate;overflow:hidden;padding:38px 0 calc(12px + var(--footer-clearance,0px) + env(safe-area-inset-bottom));min-height:100vh;background:#080a0a;border-top:1px solid #ffffff12}
.phone-legal{position:relative;z-index:2;max-width:1100px;margin:28px auto 0;padding:12px 24px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;font-size:10px;color:#86908b;border-top:1px solid #ffffff15}
.phone-legal a{color:inherit;display:inline-flex;align-items:center;min-height:44px}.phone-legal>span:nth-child(2){justify-self:center;text-align:center;white-space:nowrap}.phone-legal>a:last-child{justify-self:end}.phone-legal>span:nth-child(2) a{color:#c9d0cc;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.phone-footer{padding-top:24px}.phone-legal{font-size:8px;gap:8px;margin-top:20px}}
.phone-contact-actions .phone-book{text-decoration:none}

/* Canonical Monsterous Footer Logo Image Only scene. Flat tight white/alpha master. */
.monster-scene{position:relative;z-index:0;height:var(--monster-floor-height,clamp(520px,67vw,1100px));margin-top:var(--monster-floor-overlap,clamp(-700px,-44vw,-330px));pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 50% 58%,#d6e4dd13 0%,#acbfb80a 29%,transparent 63%)}
.monster-scene:before{content:'';position:absolute;left:50%;top:8%;transform:translateX(-50%);width:min(70vw,760px);height:74%;border-radius:50%;background:radial-gradient(ellipse,#dceae515 0%,#bacfc40a 30%,transparent 67%);filter:blur(20px)}
.monster-scene:after{content:'';position:absolute;inset:0;background:var(--monster-dark-overlay,linear-gradient(180deg,#080b0be8 0%,#080b0b9e 28%,#080b0b40 55%,transparent 88%));pointer-events:none}
.monster-art{position:absolute;width:var(--monster-width,94%);max-width:var(--monster-max-width,none);aspect-ratio:var(--monster-ratio);bottom:var(--monster-bottom,0px);left:50%;transform-origin:50% 100%;transform:translateX(-50%) perspective(var(--monster-perspective,2400px)) rotateX(var(--monster-tilt,58deg));background:var(--monster-ink-gradient,linear-gradient(180deg,rgba(225,237,234,0) 0%,rgba(225,237,234,.015) 22%,rgba(225,237,234,.08) 45%,rgba(225,237,234,.28) 65%,rgba(225,237,234,.65) 83%,rgba(240,247,244,.95) 100%));mask:var(--monster-logo) center/contain no-repeat;mask-mode:alpha}
.monster-art.is-baked{transform:translateX(-50%)}
@media(max-width:650px){.monster-scene{height:var(--monster-floor-height-mobile,400px);margin-top:var(--monster-floor-overlap-mobile,-245px)}.monster-scene:before{width:94vw}.monster-art{width:var(--monster-width-mobile,94%);bottom:var(--monster-bottom-mobile,25px);transform:translateX(-50%) perspective(var(--monster-perspective-mobile,1400px)) rotateX(var(--monster-tilt-mobile,35deg))}.monster-art.is-baked{transform:translateX(-50%)}}

/* A wide mark has less physical depth; lift its ink behind the foreground without padding/stretching it. */
.monster-art.is-wide{bottom:var(--monster-wide-bottom,34%)}
@media(max-width:650px){.monster-art.is-wide{bottom:var(--monster-wide-bottom-mobile,34%)}}

/* Complete scene owns perspective, material, illumination and fade in its pixels.
   Independent class: never inherit the flat master masks or lighting pseudo-elements.
   Tune overlap by mounted review; intrinsic image ratio is never stretched/cropped. */
.monster-complete-scene{position:relative;z-index:0;margin-top:var(--monster-scene-overlap,-180px);pointer-events:none}
.monster-complete-scene img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:650px){.monster-complete-scene{margin-top:var(--monster-scene-overlap-mobile,-90px)}}

/* Client composition: source-limited local review, complete image plus one veil. */
#venux-iphone-footer{background:#000;color:#fff;isolation:isolate;--monster-scene-overlap:0px;--monster-scene-overlap-mobile:0px}
.venux-phone-footer{background:#000;min-height:0;padding-bottom:0;border-top:0}
.venux-ground-finish{position:relative;isolation:isolate;margin-top:-430px;pointer-events:none}
.venux-ground-finish::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#000 0%,rgb(0 0 0 / .88) 9%,rgb(0 0 0 / .52) 18%,rgb(0 0 0 / .22) 30%,rgb(0 0 0 / .08) 47%,transparent 68%);pointer-events:none}
.venux-phone-footer .phone-stage{z-index:2}
.venux-phone-footer .phone-shadow{z-index:0}
@media(max-width:650px){.venux-ground-finish{margin-top:-145px}}

/* Preserve readable app labels against inherited site link hover colours. */
.venux-phone-footer .phone-app,.venux-phone-footer .phone-app:hover,.venux-phone-footer .phone-app:focus-visible{color:#fff}
