*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-family:Montserrat,sans-serif;color:#fff}body{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#b8240a;min-height:100svh;padding:clamp(32px,6vh,64px) clamp(20px,4vw,48px) clamp(24px,4vh,48px);position:relative;overflow:hidden;gap:clamp(16px,3vh,32px)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 90% 80% at 58% 38%,#e84010,#c0280a 40%,#7a1005);z-index:0;pointer-events:none}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 110% 110% at 50% 50%,transparent 25%,rgba(30,3,1,.4) 65%,rgba(10,1,0,.72) 100%);z-index:1;pointer-events:none}@media(hover:hover){html,body{cursor:none!important}}@media(hover:none){#dot-cursor{display:none!important}}#dot-cursor{position:fixed;width:12px;height:12px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 6px 3px #ffffff73,0 0 14px 6px #ffc8b438;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease,opacity .15s ease;animation:cursorPulse 2.4s infinite ease-in-out}#dot-cursor.big{width:28px;height:28px;opacity:.65}@keyframes cursorPulse{0%,to{box-shadow:0 0 6px 3px #ffffff73,0 0 14px 6px #ffc8b438}50%{box-shadow:0 0 10px 5px #ffffffb3,0 0 22px 10px #ffc8b466}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.logo{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;animation:fadeUp .7s ease both}.logo img{width:clamp(110px,22vw,180px);display:block}.logo-tagline{font-size:clamp(9px,1.2vw,12px);font-weight:500;letter-spacing:.22em;text-transform:uppercase;opacity:.55}.icons{position:relative;z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:0;width:100%;max-width:960px;flex:1;animation:fadeUp .7s .15s ease both}.icon-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#fff;flex:1;padding:clamp(8px,2vw,20px) clamp(8px,1.5vw,16px);position:relative;border:none;background:none}.card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.8vh,18px);width:100%;padding:clamp(20px,3.5vh,36px) clamp(12px,2vw,24px);border-radius:20px;border:1.5px solid transparent;transition:background .22s ease,border-color .22s ease,transform .22s ease}.icon-card:hover .card-inner{background:#ffffff14;border-color:#ffffff38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(-3px)}.icon-card:hover .icon-img{transform:translateY(-2px);filter:brightness(0) invert(1) drop-shadow(0 6px 14px rgba(0,0,0,.3))}.icon-card:hover .card-inner svg{transform:translateY(-2px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}.icon-card .icon-img,.icon-card svg{transition:transform .22s ease,filter .22s ease}.icon-img{width:clamp(52px,9vw,82px);height:clamp(52px,9vw,82px);object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(0,0,0,.22));flex-shrink:0}.icon-card svg{width:clamp(52px,9vw,82px);height:clamp(52px,9vw,82px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.22));flex-shrink:0}.text-group{display:flex;flex-direction:column;gap:5px;width:100%}.icon-title{display:block;font-family:Playfair Display,serif;font-weight:700;font-size:clamp(13px,2vw,21px);line-height:1.2;letter-spacing:.01em}.icon-sub{display:block;font-family:Montserrat,sans-serif;font-weight:400;font-size:clamp(9px,1.1vw,13px);opacity:.72;line-height:1.5}.divider{width:1px;align-self:stretch;margin:clamp(16px,4vh,40px) 0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2) 30%,rgba(255,255,255,.2) 70%,transparent);flex-shrink:0}footer{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;flex-shrink:0;animation:fadeUp .7s .25s ease both}.footer-copy{font-size:clamp(9px,1.1vw,11px);font-weight:400;opacity:.45;letter-spacing:.08em;text-transform:uppercase}.footer-company{font-size:clamp(8px,1vw,10px);font-weight:400;opacity:.3;letter-spacing:.04em}@media(max-width:640px){body{padding:clamp(28px,7vw,40px) clamp(16px,5vw,24px) clamp(20px,5vw,32px);gap:clamp(10px,2.5vh,20px);justify-content:space-between}.logo img{width:clamp(90px,38vw,140px)}.logo-tagline{font-size:9px;letter-spacing:.18em}.icons{flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:380px}.icon-card{padding:clamp(4px,2vw,10px) clamp(8px,3vw,14px)}.card-inner{flex-direction:row;text-align:left;align-items:center;justify-content:flex-start;gap:16px;padding:clamp(10px,3vw,16px) clamp(12px,4vw,20px);border-radius:14px;width:100%}.icon-card:hover .card-inner{transform:translate(3px)}.icon-card:hover .icon-img,.icon-card:hover .card-inner svg{transform:translateY(0)}.icon-img,.icon-card svg{width:44px!important;height:44px!important;flex-shrink:0}.text-group{gap:2px}.icon-title{font-size:clamp(13px,4vw,16px)}.icon-sub{font-size:clamp(10px,3vw,12px);opacity:.65}.divider{width:auto;height:1px;margin:0 clamp(12px,4vw,20px);background:linear-gradient(to right,transparent,rgba(255,255,255,.18) 20%,rgba(255,255,255,.18) 80%,transparent)}}@media(min-width:641px)and (max-width:900px){.icon-title{font-size:clamp(13px,2vw,18px)}.icon-sub{font-size:clamp(9px,1.3vw,13px)}}