:root{color-scheme:dark;--page: #151515;--page2: #2b2b2b;--ink: #f4f4f1;--muted: rgba(244, 244, 241, .68);--dim: rgba(244, 244, 241, .18);--black: #070707}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#000;color:var(--ink)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.stage{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,3.8vw,72px);background:radial-gradient(circle at 50% 115%,rgba(255,255,255,.08),transparent 36rem),#000}.browser{width:min(1840px,100%);min-height:min(940px,calc(100vh - 40px));overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:var(--page);box-shadow:0 48px 130px #000000c2}.browser-bar{height:76px;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:18px;align-items:center;padding:0 22px;background:#1f1f1f;border-bottom:1px solid rgba(255,255,255,.08)}.window-dots,.browser-icons,.brand,.links,.viewer-badge,.how{display:flex;align-items:center}.window-dots{gap:10px}.window-dots span{width:14px;height:14px;border-radius:50%}.window-dots span:nth-child(1){background:#ff5f57}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#28c840}.address{height:46px;display:flex;align-items:center;gap:11px;padding:0 18px;border-radius:999px;background:#2c2c2c;color:#fff;font-size:16px;font-weight:800}.address img{width:24px;height:24px;border-radius:7px}.browser-icons{gap:11px}.browser-icons span{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-radius:7px}.page{position:relative;min-height:860px;overflow:hidden;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.11),transparent 24rem),radial-gradient(circle at 86% 72%,rgba(255,255,255,.09),transparent 26rem),linear-gradient(135deg,#101010,#1b1b1b 42%,#343434)}.topnav{position:relative;z-index:8;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(34px,4.4vw,82px)}.brand{gap:14px;font-size:clamp(38px,3.5vw,60px);font-weight:950;line-height:1;letter-spacing:-.07em}.brand img{width:54px;height:54px;border-radius:15px;box-shadow:0 15px 34px #00000057}.links{gap:30px;color:#ffffffeb;font-size:18px;font-weight:850}.signup{padding:15px 28px;border:1.5px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff08}.hero{position:relative;min-height:606px;display:grid;grid-template-columns:minmax(410px,.92fr) minmax(560px,1.08fr);align-items:center;gap:clamp(38px,5vw,86px);padding:0 clamp(34px,4.4vw,82px) 110px}.showcase{position:relative;height:548px}.ghost-card,.phone{position:absolute;overflow:hidden;background:#080808;box-shadow:0 34px 80px #0000007a}.ghost-card{width:285px;height:360px;border-radius:18px;opacity:.72;border:1px solid rgba(255,255,255,.1)}.ghost-card img,.phone video{width:100%;height:100%;object-fit:cover}.ghost-left{left:2%;top:152px;transform:rotate(-3deg)}.ghost-right{right:0;top:172px;transform:rotate(4deg)}.phone{z-index:3;left:50%;top:12px;width:286px;height:522px;transform:translate(-50%);border:1px solid rgba(255,255,255,.16);border-radius:34px}.phone:before{content:"";position:absolute;z-index:4;top:10px;left:50%;width:82px;height:21px;transform:translate(-50%);border-radius:999px;background:#000000c7}.viewer-badge{position:absolute;z-index:5;top:21px;right:18px;gap:7px;height:30px;padding:0 11px;border-radius:999px;color:#fff;background:#000000b8;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.viewer-badge span{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fffc;animation:pulse 1s ease-in-out infinite alternate}.copy{position:relative;z-index:4;max-width:790px;padding-bottom:8px}h1,p{margin-top:0}h1{max-width:850px;margin-bottom:18px;color:#fff;font-size:clamp(54px,4.8vw,90px);line-height:.98;font-weight:950;letter-spacing:-.07em}.copy p{max-width:650px;margin-bottom:24px;color:var(--muted);font-size:clamp(19px,1.45vw,25px);line-height:1.34;font-weight:700}.download strong{display:block;margin-bottom:10px;color:#fff;font-size:19px;font-weight:950}.qr{width:150px;height:150px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:14px;border-radius:18px;border:4px solid #fff;background:#f4f4f1}.qr span{border-radius:3px;background:#0a0a0a}.qr span:nth-child(3n),.qr span:nth-child(5n),.qr span:nth-child(11),.qr span:nth-child(23),.qr span:nth-child(31){background:#b9b9b3}.media-pile{position:absolute;right:-122px;bottom:-54px;z-index:2;width:min(470px,30vw);height:565px}.media-pile img{position:absolute;filter:drop-shadow(0 30px 54px rgba(0,0,0,.45))}.pile-card{right:92px;bottom:16px;width:316px;border-radius:24px;transform:rotate(-6deg)}.pile-avatar{right:42px;bottom:92px;width:320px;transform:rotate(8deg)}.pile-pix{right:6px;bottom:214px;width:220px;transform:rotate(13deg)}.how{position:absolute;left:50%;bottom:36px;z-index:7;gap:12px;height:54px;padding:0 28px;transform:translate(-50%);border:1.5px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff0f;color:#fff;font-size:18px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.how span{font-size:28px;line-height:0;transform:translateY(-2px)}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#070707}.details article{min-height:176px;padding:34px clamp(26px,4vw,74px);background:#111}.details span{display:block;margin-bottom:12px;color:#ffffff61;font-size:13px;font-weight:950;letter-spacing:.14em}.details h2{margin:0 0 9px;color:#fff;font-size:24px;letter-spacing:-.04em}.details p{max-width:390px;margin:0;color:#ffffff9e;font-size:15px;line-height:1.42}@keyframes pulse{0%{opacity:.35;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@media(max-width:1120px){.hero{grid-template-columns:1fr;padding-bottom:112px}.copy{order:-1}.showcase{height:560px}.media-pile{display:none}.details{grid-template-columns:1fr}}@media(max-width:720px){.stage{padding:0}.browser{min-height:100vh;border-radius:0}.browser-bar{height:58px;grid-template-columns:1fr;padding:0 14px}.window-dots,.browser-icons{display:none}.address{height:38px;font-size:14px}.page{min-height:100vh}.topnav{height:78px;padding-inline:22px}.brand{font-size:31px}.brand img{width:38px;height:38px;border-radius:11px}.links a:not(.signup){display:none}.signup{padding:11px 16px;font-size:14px}.hero{min-height:auto;padding:22px 22px 96px;gap:28px}h1{font-size:50px}.copy p{font-size:18px}.qr{width:136px;height:136px;gap:4px;padding:11px}.showcase{height:460px}.phone{width:246px;height:450px}.ghost-card{width:184px;height:260px}.ghost-left{left:-30px;top:132px}.ghost-right{right:-34px;top:154px}}