@font-face{font-family:Anton;src:url("assets/Anton-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#20282d;--red:#c61d29;--bright-red:#e52532;--muted:#5e6a72;--paper:#f3f5f6}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible{outline:3px solid #1763b5;outline-offset:5px}
.page-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;border-top:5px solid var(--red)}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:33px;border-bottom:1px solid #dce1e4}
.brand{width:225px;flex-shrink:0}
.status{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce1e4;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:600;white-space:nowrap}
.status>span{width:7px;height:7px;border-radius:50%;background:var(--red)}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:75px;padding-block:68px 82px;flex:1}
.hero-copy{min-width:0}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;margin:0 0 22px}
.eyebrow:before{content:"";height:3px;width:27px;background:var(--red);flex-shrink:0}
h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(64px,7.1vw,104px);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 26px}
h1 span{color:var(--red)}
.intro{font-size:22px;line-height:1.45;font-weight:600;margin:0 0 15px;letter-spacing:-.02em}
.description{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px;margin:0 0 30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--red);color:#fff;padding:15px 20px;font-size:14px;font-weight:bold;border-radius:5px;min-height:54px;transition:background .15s,transform .15s}
.button:hover{background:#a61923;transform:translateY(-2px)}
.button svg{width:20px;height:20px;flex-shrink:0}
.arrow{font-size:22px;line-height:1;margin-left:22px}
.email-row{display:flex;align-items:center;gap:8px;margin-top:13px;min-width:0}
.email-row>a{font-size:13px;text-decoration:underline;text-decoration-color:#b2bbc1;text-underline-offset:4px;overflow-wrap:anywhere}
.copy-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;color:var(--muted);border-radius:4px;flex-shrink:0}
.copy-button:hover{background:#e1e7ea;color:var(--ink)}
.copy-button svg{width:17px;height:17px}
.contact-note{font-size:11px;color:var(--muted);margin:2px 0 0;min-height:18px}
.visual-column{position:relative;min-width:0;padding-block:15px 36px}
.brand-stage{position:relative;z-index:1;background:#fff;border:1px solid #dce1e4;border-radius:12px 12px 0 0;box-shadow:0 25px 70px #20282d12;overflow:hidden}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:#fff;padding:18px 23px;font-size:11px}
.stage-label{text-transform:uppercase;letter-spacing:.12em;font-weight:bold}
.stage-index{color:#c0c8ce;font-size:10px;letter-spacing:.12em;white-space:nowrap}
.animation-frame{position:relative;aspect-ratio:3/2;display:grid;place-items:center;background:#fff;overflow:hidden}
.static-brand{width:85%;height:auto}
.animated-brand{width:100%;height:100%;object-fit:contain}
.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-top:1px solid #edf0f2;font-size:13px;line-height:1.5}
.stage-bottom>span{color:var(--muted)}
.stage-bottom strong{color:var(--ink)}
.animation-button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d9dfe2;border-radius:4px;background:#fff;padding:9px 11px;min-height:40px;font-size:11px;white-space:nowrap}
.animation-button:hover{background:var(--paper)}
.animation-button span{font-size:18px;line-height:1}
.red-caption{position:relative;z-index:1;display:flex;flex-direction:column;gap:1px;background:var(--red);color:#fff;padding:21px 24px;border-radius:0 0 12px 12px;box-shadow:0 25px 50px #20282d0a}
.red-caption>span{font-size:11px;letter-spacing:.03em;color:#ffdde0}
.red-caption>strong{font-family:Anton,Impact,sans-serif;font-size:25px;font-weight:400;letter-spacing:.005em}
.visual-watermark{position:absolute;right:-25px;bottom:-28px;font-family:Anton,Impact,sans-serif;font-size:clamp(50px,8vw,110px);line-height:1;color:#e2e7ea;letter-spacing:-.03em;user-select:none}
.footer{background:var(--ink);color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:26px}
.product-topics{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}
.product-topics i{width:4px;height:4px;background:var(--bright-red);border-radius:50%;flex-shrink:0}
.footer p{font-size:11px;margin:0;color:#bbc5cb}
.footer p>span{color:#6b7b86;margin-inline:12px}
.skip-link{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:10}
.skip-link:focus{top:12px}
@media(min-width:1500px){.hero{padding-block:90px 100px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:36px}.intro{font-size:19px}.stage-bottom{padding:18px;align-items:flex-start;flex-direction:column}.red-caption>strong{font-size:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:22px}.brand{width:180px}.status{font-size:10px;padding:7px 10px}.hero{grid-template-columns:1fr;gap:25px;padding-block:44px 48px}.hero-copy{max-width:530px}h1{font-size:clamp(65px,12vw,88px)}.description{max-width:500px}.visual-column{width:100%;max-width:530px;justify-self:center;padding-bottom:30px}.stage-bottom{flex-direction:row;align-items:center}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px;padding-block:24px}.visual-watermark{bottom:-7px;right:-8px;font-size:80px}.red-caption>strong{font-size:25px}}
@media(max-width:390px){.brand{width:155px}.header{gap:12px}.status{padding:6px 8px;font-size:9px;gap:5px}.status>span{width:5px;height:5px}h1{font-size:62px}.intro{font-size:18px}.description{font-size:14px}.desktop-break{display:none}.stage-top{padding:15px}.stage-bottom{padding:15px;font-size:12px}.animation-button{font-size:10px;padding:8px}.red-caption{padding:18px}.red-caption>strong{font-size:22px}.footer p>span{margin-inline:6px}.product-topics{gap:16px}.visual-watermark{font-size:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.button:hover{transform:none}}