@font-face{font-family:Manrope;src:url('/assets/font-4.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/font-5.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#272f27;background:#f3f1e9;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0%,#ead7c94d,transparent 55%),radial-gradient(ellipse at 0% 100%,#dde3d64d,transparent 55%);min-width:280px}
::selection{background:#e4b49d}.page{width:min(1400px,100%);min-height:100vh;min-height:100svh;margin:auto;padding:60px 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(42px,7vh,78px)}
.company-logo{display:block;width:clamp(190px,22vw,280px);height:auto;object-fit:contain}
h1{margin:0;font-size:clamp(56px,8.7vw,122px);line-height:1.1;font-weight:400;letter-spacing:-.065em;text-align:center}h1 span{font-family:Georgia,'Times New Roman',serif;color:#c45231;font-style:italic;letter-spacing:-.065em}
.countdown{display:grid;grid-template-columns:1fr .14fr 1fr .14fr 1fr .14fr 1fr;align-items:start;width:100%;max-width:1160px;gap:clamp(4px,.8vw,12px)}
.time-unit{display:flex;flex-direction:column;align-items:center;min-width:0;gap:22px}.digits{font-size:clamp(66px,13.1vw,188px);font-weight:400;line-height:1.02;letter-spacing:-.065em;font-variant-numeric:tabular-nums;display:block;padding-right:.065em}.label{font-size:clamp(9px,.8vw,12px);letter-spacing:.25em;text-transform:uppercase;color:#687064}.colon{font-size:clamp(27px,5vw,70px);line-height:1;align-self:start;margin-top:clamp(12px,3vw,46px);text-align:center;color:#b9bcae}.seconds .digits{color:#c45231}noscript p{font-size:13px;color:#687064}
@media(max-width:600px){.page{padding:40px 5%;gap:50px}.company-logo{width:210px}h1{font-size:clamp(50px,12.8vw,76px)}.digits{font-size:clamp(48px,14.5vw,87px)}.time-unit{gap:18px}.label{font-size:8px;letter-spacing:.13em}.colon{font-size:22px;margin-top:12px}.countdown{gap:3px}}
@media(max-width:350px){.company-logo{width:185px}.page{gap:40px}.label{font-size:7px}.digits{font-size:14.5vw}}
@media(max-height:500px) and (min-width:601px){.page{padding:25px 5%;gap:24px}.company-logo{width:165px}h1{font-size:64px}.digits{font-size:min(13vw,110px)}.time-unit{gap:10px}.colon{font-size:40px;margin-top:20px}}
