*{box-sizing:border-box}html,body,#root{color:#050506;background:#fff;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.recordingPage{background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.portraitRoot{aspect-ratio:9/16;background:#fff;width:min(100vw,56.25vh);height:min(177.777vw,100vh);position:relative;overflow:hidden}.gridBg{background-image:linear-gradient(#eef0f2 1px,#0000 1px),linear-gradient(90deg,#eef0f2 1px,#0000 1px);background-size:5.9% 3.3%;position:absolute;inset:0}.orb{filter:blur(2px);border-radius:999px;position:absolute}.orb1{background:radial-gradient(circle,#2f80ff38,#2f80ff00 68%);width:58%;height:32%;top:8%;right:-16%}.orb2{background:radial-gradient(circle,#9aa3b240,#9aa3b200 70%);width:66%;height:37%;bottom:12%;left:-20%}header{z-index:20;border-bottom:2px solid #e7eaee;justify-content:space-between;align-items:center;height:4.6%;display:flex;position:absolute;top:3.6%;left:5.9%;right:5.9%}header b{letter-spacing:-.06em;font-size:clamp(26px,5vh,54px);font-weight:950}header span{color:#6d7682;font-size:clamp(12px,2.1vh,24px);font-weight:900}.scene{z-index:5;opacity:0;flex-direction:column;gap:3%;padding:12.2% 5.9% 7.4%;animation:24.5s infinite sceneCycle;display:flex;position:absolute;inset:0;transform:translateY(5%)}.copyBlock small{color:#005fd1;letter-spacing:.16em;margin-bottom:2.4%;font-size:clamp(14px,2.8vh,30px);font-weight:950;display:block}.copyBlock h1{letter-spacing:-.08em;margin:0 0 3%;font-size:clamp(48px,9.6vh,112px);font-weight:950;line-height:.9}.copyBlock p{color:#3f4a56;margin:0;font-size:clamp(20px,3.5vh,42px);font-weight:560;line-height:1.18}.chips{flex-wrap:wrap;gap:10px;margin-top:3.2%;display:flex}.chips span{color:#fff;background:#050506;border-radius:999px;padding:.75em 1.05em;font-size:clamp(14px,2.35vh,27px);font-weight:900}.phoneDash{color:#fff;background:#14161c;border:2px solid #272b34;border-radius:32px;min-height:36%;margin-top:auto;padding:3.1%;animation:.8s both visualIn;position:relative;box-shadow:0 36px 90px #14161c57}.dashHead{border-bottom:1px solid #242833;justify-content:space-between;align-items:flex-start;height:9%;display:flex}.dashHead b{font-size:clamp(18px,2.9vh,34px)}.dashHead span{color:#cbd5e1;border:1px solid #3b4250;border-radius:12px;padding:.45em .75em;font-size:clamp(12px,2vh,22px)}.dashMetric{background:#1b1d24;border:1px solid #2b303b;border-radius:20px;margin-top:2.5%;padding:3%;animation:.7s both cardIn}.dashMetric small{color:#aeb7c5;font-size:clamp(11px,1.8vh,22px);font-weight:850;display:block}.dashMetric strong{letter-spacing:-.04em;margin-top:1%;font-size:clamp(24px,4.1vh,48px);font-weight:950;display:block}.dashMetric em{color:#cbd5e1;margin-top:1%;font-size:clamp(10px,1.7vh,20px);font-style:normal;display:block}.dashGrid{grid-template-columns:repeat(3,1fr);gap:2%;display:grid}.dashGrid .dashMetric strong{font-size:clamp(20px,3.2vh,38px)}.green{color:#25c46a!important}.poolLine{background:#1b1d24;border:1px solid #2b303b;border-radius:18px;margin-top:2%;padding:2.5%;font-size:clamp(13px,2.2vh,25px);animation:.7s both cardIn}.poolLine span{font-weight:900}.poolLine b{float:right;color:#25c46a}.poolLine i{clear:both;background:#2f80ff;border-radius:999px;height:9px;margin-top:2.4%;display:block}.settle{color:#050506;background:#fff;border-radius:22px;padding:3%;animation:.8s both cardIn;position:absolute;bottom:-5%;left:4%;right:4%;box-shadow:0 18px 55px #00000038}.settle strong{font-size:clamp(18px,3vh,34px);display:block}.settle small{color:#6d7682;margin-top:.5%;font-size:clamp(12px,2vh,22px);display:block}.stackCards{flex-direction:column;gap:2.4%;margin-top:auto;display:flex}.pain{background:#fff;border:2px solid #dfe4ea;border-radius:30px;padding:5%;animation:.7s both cardIn;box-shadow:0 18px 44px #14161c12}.pain small{color:#005fd1;letter-spacing:.14em;font-size:clamp(13px,2.1vh,24px);font-weight:950;display:block}.pain b{letter-spacing:-.06em;margin-top:1%;font-size:clamp(28px,5.2vh,58px);display:block}.route{color:#fff;background:#14161c;border:2px solid #272b34;border-radius:32px;flex-direction:column;gap:2.7%;margin-top:auto;padding:5%;font-size:clamp(26px,4.5vh,48px);font-weight:950;display:flex}.route div{background:#1b1d24;border:1px solid #323947;border-radius:24px;padding:5%;animation:.7s both cardIn}.route i{background:#2f80ff;border-radius:999px;width:7px;height:42px;margin-left:50%;transform:translate(-50%)}.coinOrbit{aspect-ratio:1;border:2px dashed #d7dce2;border-radius:50%;width:76%;margin:auto;animation:3.5s linear both slowRotate;position:relative}.coinOrbit div{aspect-ratio:1;color:#fff;background:#14161c;border-radius:50%;place-items:center;width:23%;font-size:clamp(13px,2.5vh,28px);font-weight:950;display:grid;position:absolute;box-shadow:0 20px 50px #14161c2e}.coinOrbit div:first-child{top:-11%;left:38%}.coinOrbit div:nth-child(2){top:18%;right:-10%}.coinOrbit div:nth-child(3){bottom:4%;right:4%}.coinOrbit div:nth-child(4){bottom:4%;left:4%}.coinOrbit div:nth-child(5){top:18%;left:-10%}.coinOrbit div:nth-child(6){background:#2f80ff;top:38%;left:38%}.protocol{background:#14161c;border:2px solid #272b34;border-radius:32px;flex-direction:column;gap:16px;margin-top:auto;padding:5%;display:flex}.protocol code{color:#fff;white-space:normal;background:#1b1d24;border:1px solid #323947;border-radius:20px;padding:4%;font-size:clamp(17px,3.1vh,34px);animation:.7s both cardIn}.protocol .blue{color:#7ab2ff}.ctaCards{gap:18px;margin-top:auto;display:grid}.ctaCards div{background:#fff;border:2px solid #dfe4ea;border-radius:30px;padding:6%;animation:.7s both cardIn}.ctaCards div:nth-child(2){color:#fff;background:#14161c;border-color:#272b34}.ctaCards b{letter-spacing:-.06em;font-size:clamp(32px,5.5vh,60px);display:block}.ctaCards span{color:#6d7682;margin-top:1%;font-size:clamp(17px,3vh,32px);display:block}.ctaCards div:nth-child(2) span{color:#d8dde5}.bottomProgress{z-index:30;background:#e7eaee;border-radius:999px;height:6px;position:absolute;bottom:2.7%;left:5.9%;right:5.9%;overflow:hidden}.bottomProgress i{background:#050506;border-radius:999px;height:100%;animation:24.5s linear infinite progress;display:block}@keyframes sceneCycle{0%{opacity:0;transform:translateY(5%)scale(.98)}3%,13%{opacity:1;transform:translateY(0)scale(1)}14.28%,to{opacity:0;transform:translateY(-4%)scale(.985)}}@keyframes visualIn{0%{opacity:0;transform:translateY(8%)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(16deg)}}@keyframes progress{0%{width:0}to{width:100%}}