:root{--c-base:#111;--c-card:#1A1A1A;--c-accent:#FFFC00;--c-accent-dk:#D9D600;--c-text:#FFF;--c-sub:#B8B8B8;--c-line:#2A2A2A;--c-glyph:#262626;--c-trace:#4A4A1F;--f-head:'Jost',sans-serif;--f-body:'Instrument Sans',sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--c-base);color:var(--c-text);font-family:var(--f-body);overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}.layout{display:flex;flex-direction:column;min-height:100dvh;position:relative;z-index:2}.logo-container{position:absolute;top:clamp(1rem,4vw,2rem);left:clamp(1rem,4vw,2rem);z-index:10}.logo-container img{height:32px;width:auto;display:block}.watermark{position:fixed;inset:-20%;width:140%;height:140%;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg stroke='%23262626' stroke-width='2' fill='none' transform='rotate(15 60 60)'%3E%3Crect x='20' y='20' width='24' height='28' rx='2'/%3E%3Crect x='24' y='24' width='16' height='16'/%3E%3Cpolygon points='75,30 90,40 75,50'/%3E%3Cpath d='M25,85 L45,85 L45,105 L25,105 Z'/%3E%3Cpath d='M70,80 A15,15 0 0,1 100,80' stroke-dasharray='4,4'/%3E%3C/g%3E%3C/svg%3E");animation:wmDrift 20s ease-out forwards;opacity:0}@keyframes wmDrift{0%{transform:translateX(0) translateY(0);opacity:0}10%{opacity:.3}99%{transform:translateX(-5%) translateY(-2%);opacity:.3}100%{transform:translateX(-5%) translateY(-2%);opacity:.3}}.scene{flex:1 1 auto;width:100%;min-height:30vh;max-height:40vh;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:60px}.scene svg{width:100%;height:100%;max-width:800px;object-fit:contain;object-position:center}.card-wrapper{position:relative;z-index:5;width:100%;display:flex;justify-content:center}.card{background-color:var(--c-card);border-radius:24px 24px 0 0;padding:clamp(1.5rem,5vw,3rem);padding-top:2.5rem;width:100%;max-width:100%;box-shadow:0 -10px 40px rgba(0,0,0,0.5);display:flex;flex-direction:column;animation:cardSettle .6s cubic-bezier(0.2,0.8,0.2,1) forwards;transform:translateY(40px);opacity:0;position:relative}@keyframes cardSettle{to{transform:translateY(0);opacity:1}}.ribbon{position:absolute;top:0;left:clamp(1.5rem,5vw,3rem);background:var(--c-accent);color:var(--c-base);font-weight:700;font-family:var(--f-head);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;padding:.4rem 1rem;border-radius:0 0 8px 8px;transform-origin:top;transform:scaleY(0);animation:ribbonDrop .8s .2s cubic-bezier(0.34,1.56,0.64,1) forwards,ribbonPulse 2s 1.5s 1}@keyframes ribbonDrop{to{transform:scaleY(1)}}@keyframes ribbonPulse{0%,100%{transform:scaleY(1) scale(1)}50%{transform:scaleY(1) scale(1.05)}}h1{font-family:var(--f-head);font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.15;margin:0 0 1rem 0;color:var(--c-text)}h1 span{color:var(--c-accent)}.supporting{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.5;color:var(--c-sub);margin:0 0 2rem 0}.cta-box{margin-bottom:1.5rem}.cta{display:block;width:100%;background-color:var(--c-accent);color:var(--c-base);font-family:var(--f-head);font-size:1.25rem;font-weight:700;text-align:center;text-decoration:none;padding:1.125rem 2rem;border-radius:99px;border-bottom:4px solid var(--c-accent-dk);transition:transform .1s,border-bottom-width .1s}.cta:hover{background-color:#FFFD33}.cta:active{transform:translateY(4px);border-bottom-width:0;margin-bottom:4px}.cta:focus-visible{outline:3px solid var(--c-text);outline-offset:4px}.under-cta{font-size:.875rem;color:var(--c-sub);text-align:center;margin:.75rem 0 0 0}.chips{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.chip{font-size:.75rem;color:var(--c-sub);border:1px solid var(--c-line);padding:.25rem .75rem;border-radius:99px;opacity:0;transform:translateY(10px);animation:fadeUp .4s ease forwards}.chip:nth-child(1){animation-delay:.8s}.chip:nth-child(2){animation-delay:.95s}.chip:nth-child(3){animation-delay:1.1s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}footer{font-size:.75rem;color:var(--c-sub);text-align:center;border-top:1px solid var(--c-line);padding-top:1rem;margin-top:auto}@media(min-width:900px){.layout{flex-direction:row;align-items:flex-end;justify-content:flex-end;padding:clamp(2rem,4vw,4rem);overflow:hidden}.scene{position:absolute;inset:0;max-height:none;width:66%;align-items:center;justify-content:center;padding:0;padding-right:5%;padding-top:0}.card-wrapper{width:auto;max-width:440px}.card{border-radius:24px;box-shadow:0 15px 50px rgba(0,0,0,0.6);padding:clamp(2rem,3vw,3rem);padding-top:3.5rem}.ribbon{border-radius:8px;top:-12px}}.tf-anim1{animation:tfLoop1 11s infinite ease-in-out}.tf-anim2{animation:tfLoop2 11s infinite ease-in-out;animation-delay:.4s}.tf-anim3{animation:tfLoop3 11s infinite ease-in-out;animation-delay:.8s}@keyframes tfLoop1{0%{transform:translate(-50px,-30px) rotate(-15deg) scale(0.8);opacity:0;stroke:var(--c-text)}5%{opacity:1}35%{transform:translate(80px,80px) rotate(5deg) scale(1);stroke:var(--c-text);opacity:1}45%{transform:translate(140px,130px) rotate(0deg) scale(0.85);stroke:var(--c-accent);opacity:1}85%{transform:translate(140px,130px) rotate(0deg) scale(0.85);stroke:var(--c-accent);opacity:1}90%{opacity:0;transform:translate(140px,130px) rotate(0deg) scale(0.85);stroke:var(--c-accent)}100%{opacity:0;transform:translate(-50px,-30px)}}@keyframes tfLoop2{0%{transform:translate(-40px,0px) rotate(10deg) scale(0.75);opacity:0;stroke:var(--c-text)}5%{opacity:1}35%{transform:translate(60px,100px) rotate(-5deg) scale(1);stroke:var(--c-text);opacity:1}45%{transform:translate(110px,150px) rotate(0deg) scale(0.8);stroke:var(--c-accent);opacity:1}85%{transform:translate(110px,150px) rotate(0deg) scale(0.8);stroke:var(--c-accent);opacity:1}90%{opacity:0;transform:translate(110px,150px) rotate(0deg) scale(0.8);stroke:var(--c-accent)}100%{opacity:0;transform:translate(-40px,0px)}}@keyframes tfLoop3{0%{transform:translate(-20px,-50px) rotate(-20deg) scale(0.9);opacity:0;stroke:var(--c-text)}5%{opacity:1}35%{transform:translate(90px,60px) rotate(10deg) scale(1.1);stroke:var(--c-text);opacity:1}45%{transform:translate(160px,140px) rotate(0deg) scale(0.9);stroke:var(--c-accent);opacity:1}85%{transform:translate(160px,140px) rotate(0deg) scale(0.9);stroke:var(--c-accent);opacity:1}90%{opacity:0;transform:translate(160px,140px) rotate(0deg) scale(0.9);stroke:var(--c-accent)}100%{opacity:0;transform:translate(-20px,-50px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{max-width:100%;overflow-x:clip}