*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px}
body{margin:0;background:#080808;color:#F2F2F2;font-family:'Montserrat',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
::selection{background:#C76A3A;color:#080808}
input,textarea,select,button{font-family:inherit}
input:focus,textarea:focus,select:focus{outline:none;border-color:#C76A3A!important}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes drawline{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes fadeUp{from{opacity:0}to{opacity:1}}
[data-fade]{opacity:0;transform:translateY(26px)}
[data-fade][data-shown]{opacity:1;transform:none}
.desk-nav{display:flex}
.burger{display:none}
.hero-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:38px;max-width:620px}
@media(max-width:880px){.desk-nav{display:none}.burger{display:flex}.hero-chips{grid-template-columns:repeat(2,1fr)}}
#workflow .wf-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(max-width:520px){#workflow .wf-card > div{flex-direction:column}}
#modal-root{position:fixed;inset:0;z-index:90;background:rgba(5,5,5,0.88);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);animation:fadeUp .3s ease both}
#lightbox-root{position:fixed;inset:0;z-index:120;display:none}
