.iphone{--frame-a:#d9dcde;--frame-b:#8b9094;--frame-c:#f1f3f4;aspect-ratio:71.9/150;width:100%;position:relative;container-type:inline-size}.iphone[data-color=orange]{--frame-a:#f2a56c;--frame-b:#a9561f;--frame-c:#ffd2a8}.iphone[data-color=blue]{--frame-a:#5e7a9c;--frame-b:#223249;--frame-c:#93abc9}.iphone-body{z-index:1;background:linear-gradient(135deg, var(--frame-c) 0%, var(--frame-a) 22%, var(--frame-b) 50%, var(--frame-a) 78%, var(--frame-c) 100%);border-radius:15.8cqw;position:absolute;inset:0;box-shadow:inset 0 0 0 .3cqw #ffffff73,inset 0 0 1.6cqw #00000059,0 0 0 .25cqw #00000080,0 6cqw 12cqw -3cqw #000000b3,0 0 20cqw -4cqw #9bdec938}.iphone-bezel{background:#030504;border-radius:14.75cqw;position:absolute;inset:1.05cqw;box-shadow:inset 0 0 .8cqw #ffffff14}.iphone-screen{--pt:.2488cqw;color:#eef5f2;font-family:var(--font-sans);isolation:isolate;background:#0c1614;border-radius:12.4cqw;position:absolute;inset:1.55% 3.47%;overflow:hidden;container-type:inline-size}.iphone-btn{z-index:0;background:linear-gradient(90deg, var(--frame-b), var(--frame-a));border-radius:.7cqw;width:1.4cqw;position:absolute;box-shadow:inset 0 0 .4cqw #00000080}.iphone-btn[data-side=left]{left:-.75cqw}.iphone-btn[data-side=right]{background:linear-gradient(270deg, var(--frame-b), var(--frame-a));right:-.75cqw}.iphone-island{z-index:50;top:calc(11 * var(--pt));width:calc(126 * var(--pt));height:calc(37 * var(--pt));background:#000;border-radius:99px;position:absolute;left:50%;transform:translate(-50%)}.iphone-island:after{content:"";right:calc(13 * var(--pt));width:calc(11 * var(--pt));height:calc(11 * var(--pt));box-shadow:0 0 0 calc(1.4 * var(--pt)) #0b0d10;background:radial-gradient(circle at 35% 35%,#2a3a66 0%,#0c1226 45%,#05070d 100%);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.iphone-status{z-index:40;top:calc(29.5 * var(--pt));padding-inline:calc(34 * var(--pt));font-size:calc(16.5 * var(--pt));letter-spacing:-.01em;pointer-events:none;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.iphone-status svg{height:calc(12 * var(--pt));width:auto}.iphone-home{z-index:40;bottom:calc(8 * var(--pt));width:calc(139 * var(--pt));height:calc(5 * var(--pt));pointer-events:none;background:#eef5f2d9;border-radius:99px;position:absolute;left:50%;transform:translate(-50%)}.iphone-glare{z-index:60;pointer-events:none;background:linear-gradient(118deg,#ffffff21 0%,#fff0 26% 72%,#ffffff0d 100%);position:absolute;inset:0}.app{--bg:#0c1614;--surface:#16231f;--ink:#eef5f2;--muted:#93a39d;--mint:#9bdec9;--deep:#1d332d;--line:#22312d;--danger:#f08a7e;background:var(--bg);color:var(--ink);font-size:calc(15 * var(--pt));line-height:1.3;position:absolute;inset:0;overflow:hidden}.app-pad{gap:calc(14 * var(--pt));height:100%;padding:calc(70 * var(--pt)) calc(20 * var(--pt)) calc(34 * var(--pt));flex-direction:column;display:flex;position:relative}.app-title{font-size:calc(31 * var(--pt));letter-spacing:-.04em;font-weight:600;line-height:1.04}.app-sub{color:var(--muted);font-size:calc(14.5 * var(--pt));line-height:1.4}.app-label{font-size:calc(10.5 * var(--pt));letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(22 * var(--pt));padding:calc(14 * var(--pt))}.app-btn{height:calc(50 * var(--pt));justify-content:center;align-items:center;gap:calc(8 * var(--pt));font-weight:600;font-size:calc(16 * var(--pt));letter-spacing:-.01em;border-radius:99px;flex-shrink:0;display:flex}.app-btn-primary{background:var(--mint);color:#0c1614}.app-btn-ghost{background:var(--surface);border:1px solid var(--line)}.app-btn-danger{color:var(--danger);background:#f08a7e1a;border:1px solid #f08a7e47}.app-pill{align-items:center;gap:calc(6 * var(--pt));padding:calc(5 * var(--pt)) calc(10 * var(--pt));font-size:calc(12.5 * var(--pt));white-space:nowrap;border-radius:99px;font-weight:600;line-height:1;display:inline-flex}.app-pill-live{color:var(--mint);background:#9bdec929}.app-pill-off{background:var(--deep);color:var(--muted)}.app-dot{width:calc(7 * var(--pt));height:calc(7 * var(--pt));background:currentColor;border-radius:50%}.app-icon-box{width:calc(44 * var(--pt));height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));background:var(--deep);color:var(--mint);flex-shrink:0;place-items:center;display:grid}.app-icon-box svg{width:52%;height:52%}.app-row{align-items:center;gap:calc(12 * var(--pt));display:flex}.app-spacer{flex:1 1 0;min-height:0}.cam-card{padding:0;overflow:hidden}.cam-thumb{height:calc(176 * var(--pt));background:var(--deep);position:relative;overflow:hidden}.cam-thumb>svg{width:100%;height:100%;position:absolute;inset:0}.cam-thumb .app-pill{top:calc(12 * var(--pt));left:calc(12 * var(--pt));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c16149e;position:absolute}.cam-thumb-off{color:#4d625b;background:repeating-linear-gradient(135deg, #14211e 0 calc(10 * var(--pt)), #172622 calc(10 * var(--pt)) calc(20 * var(--pt)));place-items:center;display:grid}.cam-thumb-off svg{width:calc(44 * var(--pt));height:calc(44 * var(--pt))}.cam-body{padding:calc(14 * var(--pt));gap:calc(10 * var(--pt));display:grid}.cam-name{font-size:calc(19 * var(--pt));letter-spacing:-.025em;font-weight:600}.live-scene{position:absolute;inset:0}.live-scene>svg{width:100%;height:100%}.live-top{z-index:5;top:calc(66 * var(--pt));left:calc(16 * var(--pt));right:calc(16 * var(--pt));justify-content:space-between;align-items:center;display:flex;position:absolute}.glass-chip{align-items:center;gap:calc(7 * var(--pt));padding:calc(8 * var(--pt)) calc(13 * var(--pt));font-size:calc(13 * var(--pt));color:var(--ink);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#0c161480;border:1px solid #eef5f224;border-radius:99px;font-weight:600;line-height:1;display:inline-flex}.glass-chip .app-dot{color:var(--mint)}.live-bottom{z-index:5;left:calc(14 * var(--pt));right:calc(14 * var(--pt));bottom:calc(30 * var(--pt));padding:calc(14 * var(--pt));border-radius:calc(26 * var(--pt));gap:calc(12 * var(--pt));-webkit-backdrop-filter:blur(22px)saturate(1.4);background:#0c16148c;border:1px solid #eef5f21f;display:grid;position:absolute}.live-stats{gap:calc(8 * var(--pt));grid-template-columns:repeat(3,1fr);display:grid}.live-stat b{font-size:calc(17 * var(--pt));letter-spacing:-.02em;font-weight:600;display:block}.live-stat span{font-size:calc(10.5 * var(--pt));color:#eef5f29e;letter-spacing:.06em;text-transform:uppercase}.live-scrim-top{z-index:2;background:linear-gradient(#050a09b3,#0000);height:28%;position:absolute;inset:0 0 auto}.live-scrim-bottom{z-index:2;background:linear-gradient(#0000,#050a09c7);height:42%;position:absolute;inset:auto 0 0}.qr-tile{width:calc(236 * var(--pt));height:calc(236 * var(--pt));padding:calc(16 * var(--pt));border-radius:calc(28 * var(--pt));box-shadow:0 calc(20 * var(--pt)) calc(50 * var(--pt)) #00000073;background:#f7f7f5;align-self:center;position:relative;overflow:hidden}.qr-tile svg{width:100%;height:100%;display:block}.qr-scan{height:calc(46 * var(--pt));border-bottom:calc(2 * var(--pt)) solid #3f7b6d;background:linear-gradient(#0000,#3f7b6d73 90%,#3f7b6de6);animation:3.2s ease-in-out infinite scan;position:absolute;top:0;left:0;right:0}.waiting-dots span{animation:1.4s infinite dots;display:inline-block}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}.rings{width:calc(300 * var(--pt));height:calc(300 * var(--pt));align-self:center;place-items:center;display:grid;position:relative}.rings i{background:radial-gradient(circle,#9bdec91f,#9bdec900 65%);border:1px solid #9bdec980;border-radius:50%;width:100%;height:100%;animation:4.2s ease-out infinite ring-out;position:absolute;top:50%;left:50%;translate:-50% -50%}.rings i:nth-child(2){animation-delay:1.4s}.rings i:nth-child(3){animation-delay:2.8s}.rings .core{width:calc(112 * var(--pt));height:calc(112 * var(--pt));border-radius:calc(34 * var(--pt));box-shadow:0 0 calc(50 * var(--pt)) #9bdec940;background:linear-gradient(160deg,#1f3a33,#14231f);border:1px solid #9bdec940;place-items:center;display:grid;position:relative}.rings .core svg{width:64%;height:64%}.shield-hero{height:calc(150 * var(--pt));border-radius:calc(26 * var(--pt));background:radial-gradient(circle at 50% 40%, #9bdec940, transparent 70%), var(--deep);place-items:center;display:grid;position:relative;overflow:hidden}.shield-hero svg{width:auto;height:70%}.truth{gap:calc(3 * var(--pt));padding:calc(13 * var(--pt)) calc(15 * var(--pt));display:grid}.truth b{font-size:calc(14.5 * var(--pt));letter-spacing:-.01em;font-weight:600}.truth span{color:var(--muted);font-size:calc(12.5 * var(--pt));line-height:1.4}.iphone-icons{align-items:center;gap:calc(6 * var(--pt));display:flex}.app-ico-mint{width:calc(21 * var(--pt));height:calc(21 * var(--pt));color:var(--mint)}
