html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.boot{color:#fff;background:#000;place-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:1.25rem;display:grid}.boot-error{text-align:center;gap:1rem}.boot button{color:#fff;cursor:pointer;background:#0b3b5c;border:1px solid #ffffff4d;border-radius:8px;margin-top:1rem;padding:.6rem 1.2rem;font-weight:600}.boot button:hover{background:#114a72}:root{--navy-1:#072c46;--navy:#0b3b5c;--navy-2:#114a72;--gold:#e5b43a;--gold-2:#f3cf6c;--teal:#1d7a8c;--cream:#f6efe0;--ink:#0a1320;--paper:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}.stage{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.canvas-scaler{flex-shrink:0;position:relative;overflow:hidden}.canvas{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.slide{opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;transition:opacity 1.2s,visibility 0s linear 1.2s;position:absolute;inset:0}.slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transition:opacity 1.2s,visibility linear}.header{z-index:5;justify-content:space-between;align-items:center;padding:36px 64px 0;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:22px;display:flex}.brand .mark{background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;place-items:center;width:74px;height:74px;display:grid}.brand .mark img{object-fit:contain;filter:brightness(0)invert();width:60%;height:60%}.brand .lockup{line-height:1.05}.brand .lockup .top{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:600}.brand .lockup .bot{color:#fff;letter-spacing:.005em;margin-top:6px;font-family:Fraunces,serif;font-size:30px;font-weight:600}.meta{font-variant-numeric:tabular-nums;color:#ffffffd9;align-items:center;gap:18px;display:flex}.meta .pill{letter-spacing:.04em;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:500;display:inline-flex}.meta .pill .dot{background:#5cd17a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5cd17a2e}.meta .clock{letter-spacing:.04em;font-size:18px;font-weight:600}.footer{z-index:5;justify-content:space-between;align-items:center;padding:0 64px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.footer .url{letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3;font-size:18px;font-weight:500}.footer .url b{color:var(--gold);font-weight:700}.progress{align-items:center;gap:10px;display:flex}.progress .seg{background:#ffffff2e;border-radius:2px;width:56px;height:4px;overflow:hidden}.progress .seg.done{background:#ffffff8c}.progress .seg.active{background:#ffffff2e}.progress .seg.active i{background:var(--gold);width:0%;height:100%;animation:fill var(--slide-ms,30s) linear forwards;display:block}@keyframes fill{0%{width:0%}to{width:100%}}.s1{background:radial-gradient(1200px 700px at 80% 0,#e5b43a2e,#0000 60%),radial-gradient(900px 600px at 0 100%,#1d7a8c59,#0000 55%),linear-gradient(135deg,#062840 0%,#0b3b5c 50%,#114a72 100%)}.s1:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1100px 700px at 50% 60%,#000 20%,#0000 75%);mask-image:radial-gradient(1100px 700px at 50% 60%,#000 20%,#0000 75%)}.s1 .content{grid-template-columns:1fr 720px;align-items:center;gap:80px;display:grid;position:absolute;inset:140px 64px 110px}.s1 .left .eyebrow{color:var(--gold-2);letter-spacing:.18em;text-transform:uppercase;background:#e5b43a26;border:1px solid #e5b43a66;border-radius:999px;align-items:center;gap:14px;padding:10px 18px;font-size:18px;font-weight:600;display:inline-flex}.s1 .left h1{letter-spacing:-.015em;text-wrap:balance;margin-top:24px;font-family:Fraunces,serif;font-size:96px;font-weight:700;line-height:.98}.s1 .left h1 em{color:var(--gold-2);font-style:italic;font-weight:500}.s1 .left .lede{color:#ffffffd1;max-width:780px;margin-top:28px;font-size:28px;font-weight:400;line-height:1.35}.s1 .left .steps{align-items:stretch;gap:20px;margin-top:44px;display:flex}.s1 .left .step{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex:1;padding:22px 24px}.s1 .left .step .n{color:var(--gold);font-family:Fraunces,serif;font-size:34px;font-weight:600}.s1 .left .step .t{margin-top:6px;font-size:20px;font-weight:600;line-height:1.25}.s1 .left .step .d{color:#ffffffa6;margin-top:6px;font-size:16px;line-height:1.4}.phone-wrap{place-items:center;display:grid;position:relative}.phone-glow{filter:blur(10px);background:radial-gradient(closest-side,#e5b43a59,#0000 70%);width:780px;height:780px;position:absolute}.phone{background:#0a1320;border-radius:54px;width:420px;height:860px;padding:14px;position:relative;transform:rotate(-6deg);box-shadow:0 60px 120px #0000008c,inset 0 0 0 2px #ffffff14,0 0 0 8px #ffffff0a}.phone .screen{color:#1a2230;background:linear-gradient(#fff 0%,#fbf6ec 100%);border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.notch{z-index:5;background:#0a1320;border-radius:14px;width:120px;height:28px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.app{flex-direction:column;height:100%;padding:62px 22px 22px;display:flex}.app-top{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.app-top .hi{color:#5b6776;font-size:14px}.app-top .hi b{color:#0b3b5c}.app-top .av{background:linear-gradient(135deg,#e5b43a,#c98a25);border-radius:50%;width:34px;height:34px}.app-search{color:#7c8493;background:#f1ecdf;border-radius:14px;align-items:center;gap:10px;height:42px;margin-top:14px;padding:0 14px;font-size:13px;display:flex}.app-search svg{width:16px;height:16px}.app-cats{gap:8px;margin-top:14px;display:flex;overflow:hidden}.app-cats .c{color:#fff;background:#0b3b5c;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.app-cats .c.alt{color:#0b3b5c;background:#fff;border:1px solid #d9d2bf}.app-hero{color:#fff;background:linear-gradient(135deg,#0b3b5c 0%,#114a72 100%);border-radius:18px;flex-direction:column;justify-content:space-between;height:160px;margin-top:14px;padding:16px;display:flex;position:relative;overflow:hidden}.app-hero:after{content:"";background:radial-gradient(closest-side,#e5b43a8c,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.app-hero .small{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);font-size:11px}.app-hero h4{margin-top:6px;font-family:Fraunces,serif;font-size:22px;font-weight:600;line-height:1.1}.app-hero .cta{background:var(--gold);color:#1a1300;border-radius:10px;align-self:flex-start;padding:8px 12px;font-size:12px;font-weight:700}.app-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.book{aspect-ratio:3/4;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0b3b5c2e}.book:after{content:"";background:#0000001f;width:2px;position:absolute;top:0;bottom:0;left:6px}.book.b1{background:linear-gradient(160deg,#e5b43a,#c98a25)}.book.b2{background:linear-gradient(160deg,#1d7a8c,#0e4d59)}.book.b3{background:linear-gradient(160deg,#c64646,#7e1f1f)}.book.b4{background:linear-gradient(160deg,#3a8f5e,#1c5638)}.book.b5{background:linear-gradient(160deg,#5b3aa1,#2e1c5b)}.book.b6{background:linear-gradient(160deg,#0b3b5c,#062840)}.app-tab{color:#ffffffa6;background:#0b3b5c;border-radius:16px;justify-content:space-around;align-items:center;height:54px;margin-top:auto;display:flex}.app-tab .tab{flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex}.app-tab .tab.on{color:var(--gold)}.app-tab .tab .ic{opacity:.85;background:currentColor;border-radius:5px;width:18px;height:18px}.qr-card{width:300px;color:var(--ink);background:#fff;border-radius:24px;padding:22px 22px 18px;position:absolute;bottom:90px;right:-46px;transform:rotate(6deg);box-shadow:0 30px 60px #0006}.qr-card .title{color:#0b3b5c;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}.qr-card .sub{color:#5b6776;margin-top:4px;font-size:14px}.qr-card .qr{aspect-ratio:1;background:#fff;border:1px solid #ece6d6;border-radius:14px;place-items:center;margin-top:14px;padding:10px;display:grid}.qr-card .qr canvas,.qr-card .qr img{display:block;width:100%!important;height:100%!important}.qr-card .stores{gap:8px;margin-top:12px;display:flex}.qr-card .store{color:#fff;background:#0b3b5c;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:11px;font-weight:600;display:flex}.qr-card .store.alt{background:#0a1320}.s2{background:radial-gradient(900px 600px at 90% 100%,#1d7a8c59,#0000 60%),radial-gradient(900px 600px at 10% 0,#e5b43a38,#0000 60%),linear-gradient(#0b3b5c 0%,#062840 100%)}.s2 .content{grid-template-columns:660px 1fr;align-items:center;gap:64px;display:grid;position:absolute;inset:140px 64px 110px}.s2 .qr-stack{place-items:center;display:grid;position:relative}.s2 .qr-stack .ring{border:1px dashed #e5b43a66;border-radius:50%;width:720px;height:720px;animation:60s linear infinite spin;position:absolute}.s2 .qr-stack .ring.r2{border-color:#ffffff2e;width:560px;height:560px;animation-duration:90s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.qr-big{width:460px;color:var(--ink);background:#fff;border-radius:36px;padding:36px;position:relative;box-shadow:0 50px 120px #00000080}.qr-big .head{align-items:center;gap:14px;display:flex}.qr-big .head .logo{color:#e5b43a;background:linear-gradient(135deg,#0b3b5c,#114a72);border-radius:14px;place-items:center;width:54px;height:54px;font-family:Fraunces,serif;font-size:28px;font-weight:700;display:grid}.qr-big .head .name{color:#0b3b5c;font-family:Fraunces,serif;font-size:26px;font-weight:700;line-height:1}.qr-big .head .name span{color:#7c8493;letter-spacing:.2em;margin-top:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:block}.qr-big .qr2{aspect-ratio:1;background:#fff;border:1px solid #ece6d6;border-radius:22px;place-items:center;margin-top:22px;padding:18px;display:grid}.qr-big .qr2 canvas,.qr-big .qr2 img{width:100%!important;height:100%!important}.qr-big .ribbon{background:var(--gold);color:#1a1300;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800;position:absolute;top:-22px;right:-22px;transform:rotate(6deg);box-shadow:0 12px 30px #e5b43a59}.qr-big .foot{color:#5b6776;align-items:center;gap:10px;margin-top:18px;font-size:14px;display:flex}.qr-big .foot b{color:#0b3b5c}.scan-hand{background:#0a1320;border-radius:36px;width:230px;height:430px;padding:9px;position:absolute;bottom:-20px;right:30px;transform:rotate(14deg);box-shadow:0 30px 60px #00000080}.scan-hand .scr{color:#fff;background:#000;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.scan-hand .vp{border:2px solid #fff;border-radius:14px;position:absolute;inset:40px 22px 64px;box-shadow:0 0 0 4000px #0000008c}.scan-hand .vp:before,.scan-hand .vp:after,.scan-hand .vp i,.scan-hand .vp i:after{content:"";border:3px solid var(--gold);width:30px;height:30px;position:absolute}.scan-hand .vp:before{border-bottom:0;border-right:0;border-radius:8px 0 0;top:-3px;left:-3px}.scan-hand .vp:after{border-bottom:0;border-left:0;border-radius:0 8px 0 0;top:-3px;right:-3px}.scan-hand .vp i{border-top:0;border-right:0;border-radius:0 0 0 8px;bottom:-3px;left:-3px}.scan-hand .vp i:after{border-top:0;border-left:0;border-radius:0 0 8px;inset:auto -3px -3px auto;transform:translate(calc(100% + 24px))}.scan-hand .scanline{background:var(--gold);height:2px;box-shadow:0 0 16px var(--gold);animation:2.4s ease-in-out infinite alternate scan;position:absolute;top:50px;left:24px;right:24px}@keyframes scan{0%{top:50px}to{top:300px}}.scan-hand .label{text-align:center;color:#fff;letter-spacing:.16em;text-transform:uppercase;font-size:13px;position:absolute;bottom:30px;left:0;right:0}.s2 .right h1{letter-spacing:-.02em;text-wrap:balance;font-family:Fraunces,serif;font-size:108px;font-weight:700;line-height:.96}.s2 .right h1 em{color:var(--gold-2);font-style:italic;font-weight:500}.s2 .right .lede{color:#ffffffd1;max-width:760px;margin-top:28px;font-size:26px;line-height:1.4}.s2 .right .bullets{gap:16px;margin-top:36px;display:grid}.s2 .right .bullet{color:#fff;align-items:center;gap:18px;font-size:20px;display:flex}.s2 .right .bullet .ic{width:46px;height:46px;color:var(--gold);background:#e5b43a2e;border:1px solid #e5b43a66;border-radius:14px;place-items:center;font-weight:800;display:grid}.s3{background:radial-gradient(1100px 700px at 100% 0,#e5b43a38,#0000 60%),radial-gradient(900px 700px at 0 100%,#1d7a8c59,#0000 60%),linear-gradient(160deg,#072c46 0%,#0b3b5c 60%,#062840 100%)}.s3 .content{grid-template-columns:1fr 640px;align-items:start;gap:80px;display:grid;position:absolute;inset:140px 64px 160px}.s3 .left{flex-direction:column;max-height:100%;display:flex}.s3 .left .eyebrow{color:#ffffffd9;letter-spacing:.18em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:14px;padding:10px 18px;font-size:18px;font-weight:600;display:inline-flex}.s3 .left .eyebrow .dot{background:var(--gold);border-radius:50%;width:8px;height:8px}.s3 .left h1{letter-spacing:-.02em;margin-top:20px;font-family:Fraunces,serif;font-size:120px;font-weight:700;line-height:.92}.s3 .left h1 em{color:var(--gold-2);font-style:italic;font-weight:500}.s3 .left .lede{color:#ffffffd1;max-width:780px;margin-top:28px;font-size:28px;line-height:1.35}.s3 .left .signature{flex-shrink:0;align-items:center;gap:24px;margin-top:28px;display:flex}.s3 .left .signature .line{background:var(--gold);flex:0 0 80px;height:2px}.s3 .left .signature .txt{color:#ffffffbf;font-family:Fraunces,serif;font-size:26px;font-style:italic}.s3 .left .stats{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin-top:32px;display:grid}.s3 .left .stat{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:20px 22px}.s3 .left .stat .n{color:var(--gold-2);font-family:Fraunces,serif;font-size:54px;font-weight:600;line-height:1}.s3 .left .stat .t{color:#ffffffc7;margin-top:8px;font-size:18px;line-height:1.3}.scene{place-items:center;height:760px;display:grid;position:relative}.scene .haze{filter:blur(10px);background:radial-gradient(closest-side,#e5b43a47,#0000 70%);border-radius:50%;width:640px;height:640px;position:absolute}.open-book{filter:drop-shadow(0 40px 60px #00000073);width:560px;height:380px;position:relative;transform:rotate(-2deg)}.open-book .pages{background:linear-gradient(90deg,#f4ecd8 0%,#fbf6ec 50%,#f4ecd8 100%);border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}.open-book .spine{background:linear-gradient(#0000002e,#0000000f);width:8px;position:absolute;top:-6px;bottom:-6px;left:50%;transform:translate(-50%)}.open-book .pg{color:#3a4250;width:46%;padding:22px;font-size:13px;line-height:1.5;position:absolute;top:24px;bottom:24px}.open-book .pg.l{left:24px}.open-book .pg.r{right:24px}.open-book .pg h5{color:#0b3b5c;margin-bottom:8px;font-family:Fraunces,serif;font-size:18px;font-weight:700}.open-book .pg .ln{background:#e5dec7;border-radius:3px;height:6px;margin:6px 0}.open-book .pg .ln.s{width:70%}.open-book .pg .ln.m{width:88%}.open-book .pg .ill{background:linear-gradient(135deg,#e5b43a 0%,#c98a25 100%);border-radius:8px;height:90px;margin:10px 0;position:relative;overflow:hidden}.open-book .pg .ill:after{content:"";background:radial-gradient(60px 30px at 30% 100%,#1d7a8c 0 60%,#0000 61%),radial-gradient(80px 36px at 70% 100%,#1d7a8c 0 60%,#0000 61%);height:30px;position:absolute;bottom:0;left:0;right:0}.qr-mini{width:240px;color:var(--ink);background:#fff;border-radius:20px;padding:18px;position:absolute;bottom:40px;right:-40px;transform:rotate(6deg);box-shadow:0 30px 60px #0006}.qr-mini .t{color:#0b3b5c;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.qr-mini .s{color:#5b6776;margin-top:2px;font-size:13px}.qr-mini .q{aspect-ratio:1;background:#fff;border:1px solid #ece6d6;border-radius:12px;margin-top:10px;padding:8px}.qr-mini .q canvas,.qr-mini .q img{width:100%!important;height:100%!important}.float-bubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;padding:14px 18px;font-size:18px;line-height:1.3;position:absolute;box-shadow:0 20px 40px #0000004d}.float-bubble b{color:var(--gold-2)}.fb-1{top:60px;left:-10px;transform:rotate(-3deg)}.fb-2{bottom:120px;left:-40px;transform:rotate(2deg)}