:root{--navy:#06153F;--harbour:#163A67;--azure:#0398E6;--sky:#A0D5ED;--ice:#E6ECF2;--white:#FFFFFF;--orange:#FF8A3D;--display:"Rammetto One","Arial Black",system-ui,sans-serif;--text:"Red Hat Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--navy);color:var(--ice);font-family:var(--text);font-weight:400;line-height:1.4;overflow-x:hidden;-webkit-font-smoothing:antialiased;}.field{position:relative;min-height:100dvh;overflow:hidden;overflow:clip}.orb{display:none}.app{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:var(--navy);padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));overflow:hidden;overflow:clip;}main{flex:1;display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;flex:none;display:block}h1{font-weight:400;min-width:0}.name{display:block;font-family:var(--display);font-size:clamp(2.1rem,1.2rem + 6.2vw,3rem);line-height:1;letter-spacing:-0.01em;color:var(--white);white-space:nowrap;}.promise{display:block;margin-top:6px;font-family:var(--text);font-weight:600;font-size:clamp(0.95rem,0.86rem + 0.5vw,1.06rem);line-height:1.3;color:var(--sky);}.lead{margin-top:12px;font-size:clamp(0.9rem,0.84rem + 0.3vw,0.98rem);color:var(--ice);max-width:38ch;}.deck{position:relative;flex:1 1 auto;min-height:264px;max-height:400px;margin-top:16px;outline:none;border-radius:28px;}.deck:focus-visible{outline:3px solid var(--white);outline-offset:4px}.offer{position:absolute;left:0;right:0;top:0;bottom:22px;border-radius:28px;background:var(--azure);color:var(--navy);overflow:hidden;user-select:none;-webkit-user-select:none;will-change:transform;}.offer .disc{position:absolute;border-radius:50%}.offer .disc.a{width:190px;height:190px;right:-58px;bottom:-70px;background:var(--sky)}.offer .disc.b{width:92px;height:92px;right:74px;bottom:-40px;background:var(--white)}.offer-head{position:relative;height:52px;display:flex;align-items:center;gap:10px;padding:0 18px;font-weight:600;font-size:clamp(0.95rem,0.9rem + 0.3vw,1.02rem);}.offer-head svg{width:22px;height:22px;flex:none}.offer-body{position:relative;padding:2px 18px 0}.row{display:flex;align-items:center;justify-content:space-between;height:40px;font-weight:600;font-size:clamp(1rem,0.94rem + 0.3vw,1.08rem);}.sw{display:flex;align-items:center;gap:10px;font-weight:400;font-size:clamp(0.85rem,0.8rem + 0.2vw,0.9rem)}.sw i{position:relative;display:block;width:46px;height:26px;border-radius:13px;background:var(--navy)}.sw i::after{content:"";position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--white)}.chips{display:flex;gap:8px;margin-top:8px}.chips span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:8px;border:1.5px solid var(--navy);font-weight:600;font-size:clamp(0.82rem,0.78rem + 0.2vw,0.88rem);}.glass{position:absolute;left:0;right:0;top:52px;bottom:22px;border-radius:28px;background:rgba(6,21,63,0.66);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:var(--white);transform-origin:50% 100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;will-change:transform,opacity;overscroll-behavior:contain;}.glass.held{cursor:grabbing}.glass.out{opacity:0;transition:opacity 0.18s}.in{height:100%;display:flex;flex-direction:column;padding:16px 18px 14px;}.over{display:flex;align-items:center;gap:10px;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.86rem);color:var(--sky);}.over svg{width:30px;height:30px;flex:none}.glass h2{margin-top:10px;font-family:var(--text);font-weight:600;font-size:clamp(1.2rem,1.08rem + 0.6vw,1.36rem);line-height:1.2;}.glass p{margin-top:6px;font-size:clamp(0.9rem,0.85rem + 0.25vw,0.96rem);color:var(--ice)}.hint{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.86rem);color:var(--sky);}.hint svg{width:22px;height:22px;flex:none}.bar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;min-height:44px;}.dots{display:flex;gap:6px;align-items:center}.dots i{display:block;width:8px;height:8px;border-radius:4px;background:var(--sky);opacity:0.3;transition:opacity 0.15s}.dots i.on{opacity:1}.tonal{appearance:none;border:0;min-height:44px;padding:0 20px;border-radius:22px;background:var(--harbour);color:var(--ice);font-family:var(--text);font-weight:600;font-size:clamp(0.9rem,0.86rem + 0.2vw,0.95rem);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 0.09s;}.tonal:active{transform:scale(0.97)}.tonal:focus-visible{outline:3px solid var(--white);outline-offset:3px}.action{margin-top:10px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:28px;background:var(--orange);color:var(--navy);font-weight:600;font-size:clamp(1.05rem,0.98rem + 0.4vw,1.15rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform 0.09s;}.cta svg{width:20px;height:20px;flex:none}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--white);outline-offset:3px}.after{margin-top:10px;text-align:center;font-size:clamp(0.82rem,0.78rem + 0.2vw,0.88rem);color:var(--ice);}footer{margin-top:12px;text-align:center;font-size:clamp(0.75rem,0.72rem + 0.15vw,0.8rem);color:var(--sky);}@media (hover: hover){.cta:hover{background:var(--white)}.tonal:hover{background:var(--azure);color:var(--navy)}}@media (min-width: 700px){body{background:var(--azure)}.field{display:flex;align-items:center;justify-content:center;padding:24px}.orb{display:block;position:absolute;border-radius:50%}.orb.one{width:620px;height:620px;left:-180px;bottom:-260px;background:var(--sky)}.orb.two{width:300px;height:300px;right:8%;top:-110px;background:var(--white)}.orb.three{width:150px;height:150px;right:22%;bottom:12%;background:var(--navy)}.app{width:430px;min-height:0;height:min(100dvh - 48px,800px);border-radius:36px;padding:26px 24px 16px;}.brand img{width:72px;height:72px}.deck{max-height:360px}}@media (prefers-reduced-motion: reduce){.tonal,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}