*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F7F1E8;--wine: #5A0F0F;--wine2: #7A1A1A;--text: #1a1a1a;--muted: rgba(26, 26, 26, .6);--gold: #D4B896}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:300}p,body{font-family:Cormorant Garamond,serif;font-weight:400;line-height:1.75}button{font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:.18em;text-transform:uppercase}input,.tb-text,.eyebrow,.status-text,.notify-hint{font-family:Montserrat,sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:var(--cream);color:var(--text)}.wrap{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto auto;z-index:1}.topbar{display:flex;align-items:center;padding:clamp(14px,3vh,28px) clamp(20px,5vw,60px);animation:fadeIn 1.2s both .1s}.tb-rule{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(90,15,15,.2),transparent)}.tb-text{padding:0 clamp(12px,3vw,28px);font-size:clamp(8px,1.1vw,10px);letter-spacing:.38em;text-transform:uppercase;color:var(--wine);font-weight:500;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 clamp(20px,6vw,80px);overflow:hidden}.logo-wrap{width:clamp(220px,44vw,380px);margin-bottom:clamp(18px,3.5vh,44px);flex-shrink:0;animation:logoReveal 1.6s cubic-bezier(.22,.8,.36,1) both .15s}.logo-wrap svg{width:100%;height:auto;display:block}@keyframes logoReveal{0%{opacity:0;transform:translateY(18px);filter:brightness(.5) blur(2px)}60%{opacity:1;transform:translateY(0);filter:brightness(1) blur(0)}to{opacity:1;transform:translateY(0);filter:brightness(1) blur(0)}}.eyebrow{font-size:clamp(9px,1vw,10px);letter-spacing:.32em;text-transform:uppercase;color:var(--wine);font-weight:500;margin-bottom:clamp(10px,2vh,22px);animation:fadeUp 1.2s both .35s}.orn{display:flex;align-items:center;gap:10px;margin-bottom:clamp(12px,2.4vh,28px);animation:fadeUp 1.2s both .42s}.orn-line{width:44px;height:1px;background:var(--wine);opacity:.2}.orn-diamond{width:5px;height:5px;background:var(--wine);transform:rotate(45deg)}.orn-dot{width:3px;height:3px;background:var(--wine);border-radius:50%;opacity:.5}.quote{font-size:clamp(18px,2.8vw,32px);font-weight:400;font-style:italic;color:var(--text);line-height:1.45;margin-bottom:clamp(16px,3vh,40px);max-width:560px;animation:fadeUp 1.2s both .48s;letter-spacing:.01em}.status-badge{display:inline-flex;align-items:center;border:1px solid rgba(90,15,15,.2);border-radius:2px;padding:clamp(9px,1.4vh,13px) clamp(20px,3vw,32px);margin-bottom:clamp(18px,3.2vh,44px);background:#5a0f0f08;animation:fadeUp 1.2s both .52s}.status-text{font-size:clamp(9px,1vw,10px);letter-spacing:.32em;text-transform:uppercase;color:var(--wine);font-weight:400}.notify{display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp 1.2s both .58s}.notify-hint{font-size:clamp(9px,.9vw,10px);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:300}.nrow{display:flex;border-bottom:1px solid var(--wine);width:clamp(260px,80vw,340px);transition:border-color .3s}.nrow:focus-within{border-color:var(--wine2)}.ninput{flex:1;background:transparent;border:none;outline:none;padding:9px 0;font-size:clamp(12px,1.2vw,13px);font-weight:300;color:var(--text);letter-spacing:.05em}.ninput::placeholder{color:var(--muted)}.nbtn{background:transparent;border:none;font-size:clamp(9px,.9vw,10px);letter-spacing:.22em;text-transform:uppercase;color:var(--wine);font-weight:600;cursor:pointer;padding:9px 0 9px 14px;transition:color .2s;white-space:nowrap}.nbtn:hover{color:var(--wine2)}.nsuccess{display:none;font-style:italic;color:var(--wine);font-size:clamp(13px,1.5vw,16px);letter-spacing:.05em}.footer-bar{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,48px);padding:clamp(10px,1.8vh,18px) clamp(20px,5vw,60px);animation:fadeIn 1.4s both .8s}.fi-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(90,15,15,.15);background:#5a0f0f0a;color:var(--wine);text-decoration:none;transition:border-color .25s,background .25s,color .25s,transform .2s}.fi-btn:hover{border-color:var(--wine);background:var(--wine);color:#fff;transform:translateY(-2px)}.fi-btn svg{display:block;flex-shrink:0}.planks{display:flex;gap:3px;height:clamp(6px,1vh,10px);animation:fadeIn 2s both 1s;overflow:hidden}.plank{flex:1;height:100%;border-radius:1px 1px 0 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.logo-wrap{width:min(78vw,300px);margin-bottom:clamp(12px,2.5vh,24px)}.eyebrow{font-size:10px;letter-spacing:.24em}.status-text,.notify-hint,.nbtn{font-size:10px;letter-spacing:.16em}.ninput{font-size:13px}.quote{font-size:19px;max-width:320px}.nrow{width:min(82vw,300px)}.center{overflow-y:auto;padding-bottom:12px}.fi-btn{width:40px;height:40px}}@media (max-height: 600px){.quote{display:none}.orn{margin-bottom:6px}.logo-wrap{margin-bottom:10px}}@media (max-width: 480px) and (max-height: 420px){.logo-wrap{width:min(56vw,240px);margin-bottom:8px}.orn{margin-bottom:6px}.status-badge{padding:7px 18px;margin-bottom:10px}.footer-bar{padding:6px 20px;gap:28px}}