:root{--ink:#0E2340;--muted:#3B5070;--brand:#2A78E4;--brand-deep:#1B5DBF;--mist:#EEF5FD;--paper:#FBF8F1;--cta:#F08A3E;--cta-hi:#F59A55}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;font-family:"Karla",system-ui,sans-serif;font-weight:500;color:var(--ink);background-color:var(--mist);background-image:radial-gradient(60vmax 45vmax at 12% 8%,#CFE3FB 0,rgba(207,227,251,0) 70%),radial-gradient(55vmax 50vmax at 92% 30%,#D9ECFF 0,rgba(217,236,255,0) 68%),radial-gradient(50vmax 40vmax at 50% 105%,#FCE6D4 0,rgba(252,230,212,0) 70%),radial-gradient(40vmax 30vmax at 8% 90%,#E3EEFA 0,rgba(227,238,250,0) 70%);overflow-x:hidden}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(14px,3vh,40px) 16px clamp(10px,2vh,24px);gap:clamp(8px,1.8vh,20px)}.logo{display:block;width:clamp(52px,9vh,112px);height:clamp(52px,9vh,112px);border-radius:24%;box-shadow:0 10px 30px -12px rgba(27,93,191,.45)}.stage{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);perspective:900px}.phone-wrap{position:relative;width:min(clamp(118px,34vw,200px),19vh);aspect-ratio:9/18;cursor:pointer;-webkit-tap-highlight-color:transparent}.phone{position:absolute;inset:0;border-radius:17% / 8.5%;background:#12213A;padding:5.5%;box-shadow:0 22px 40px -18px rgba(14,35,64,.55),inset 0 0 0 1.5px #2C3F5E;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .9s cubic-bezier(.3,.7,.2,1)}.side .phone{transform:rotateY(-62deg)}.screen{position:relative;height:100%;border-radius:13% / 6.5%;background:var(--paper);overflow:hidden;text-align:left;padding:16% 10% 10%;font-family:"Crimson Pro",Georgia,serif;color:#2A2A33}.screen::before{content:"";position:absolute;top:4%;left:50%;width:26%;height:3%;border-radius:99px;background:#12213A;transform:translateX(-50%)}.note-date{font-style:italic;font-weight:600;font-size:clamp(11px,2.2vh,17px);color:var(--brand-deep);border-bottom:1px solid #E2D9C6;padding-bottom:6%;margin-bottom:8%}.note-line{font-size:clamp(8px,1.45vh,12px);line-height:1.35;margin-bottom:7%}.note-rule{height:1px;background:#E8E0CF;margin:0 0 9%}.note-rule.short{width:62%}.shade{position:absolute;inset:0;background:linear-gradient(115deg,#05080F 0,#0B1424 55%,#122037 100%);opacity:0;transition:opacity .7s ease}.side .shade{opacity:.96}.glare{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.28) 0,rgba(255,255,255,0) 38%);pointer-events:none}.seats{display:inline-flex;padding:3px;border-radius:99px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #C9DAF0}.seats button{font:inherit;font-size:clamp(12px,1.7vh,14px);border:0;background:transparent;color:var(--muted);padding:.5em 1.05em;border-radius:99px;cursor:pointer;transition:opacity .2s}.seats button[aria-pressed="true"]{background:var(--brand-deep);color:#fff}.seats button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}h1{display:flex;flex-direction:column;align-items:center;gap:clamp(0px,.4vh,6px);font-family:"Crimson Pro",Georgia,serif;font-weight:400;line-height:1}.mark{font-size:clamp(46px,9vh,104px);letter-spacing:-.015em;color:var(--ink)}.mark .tilt{display:inline-block;font-style:italic;font-weight:600;color:var(--brand-deep);transform:skewX(-6deg)}.promise{font-style:italic;font-size:clamp(19px,3vh,30px);color:var(--muted);line-height:1.15}.lede{max-width:34ch;font-size:clamp(14px,2vh,18px);line-height:1.45;color:var(--muted)}.cta{display:inline-block;font-family:"Karla",system-ui,sans-serif;font-weight:500;font-size:clamp(16px,2.2vh,19px);color:var(--ink);text-decoration:none;background:var(--cta);padding:.85em 2.1em;border-radius:99px;box-shadow:0 10px 24px -10px rgba(200,95,20,.65);transition:transform .2s ease}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.under{max-width:32ch;font-size:clamp(12px,1.7vh,14px);line-height:1.4;color:var(--muted);margin-top:clamp(-8px,-.8vh,-4px)}footer{text-align:center;padding:12px 16px 16px;font-family:"Crimson Pro",Georgia,serif;font-style:italic;font-size:15px;color:var(--muted)}@media(min-width:900px){.phone-wrap{width:min(200px,24vh)}}@media(prefers-reduced-motion:reduce){.phone,.shade,.cta,.seats button{transition:none}}