*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--qcv-w: #FFFFFF;--qcv-sn: #F7F8FC;--qcv-gh: #EEF0F6;--qcv-sl: #6B7280;--qcv-ch: #1F2937;--qcv-mn: #0B1D35;--qcv-p: #E63946;--qcv-pd: #C62D39;--qcv-s: #1D3557;--qcv-a: #457B9D;--qcv-al: #A8DADC;--qcv-pp: #F4A261;--qcv-grh: linear-gradient(135deg, #1D3557 0%, #457B9D 50%, #A8DADC 100%);--qcv-grp: linear-gradient(135deg, #E63946 0%, #F4A261 100%);--qcv-grc: linear-gradient(135deg, #1D3557 0%, #E63946 100%);--qfb-h: "Space Grotesk", sans-serif;--qfb-b: "Rubik", sans-serif;--qpx-sec-lg: clamp(4rem, 8vw, 8rem);--qpx-sec-sm: clamp(2rem, 4vw, 4rem);--qpx-nav: 8rem;--qwn-ctn: 75rem;--qgw-d: 2rem;--qrz-sm: .5rem;--qrz-md: 1rem;--qrz-lg: 1.5rem;--qrz-xl: 2.5rem;--qrz-pl: 9999px;--qsf-sm: 0 2px 8px rgba(11, 29, 53, .06);--qsf-md: 0 8px 30px rgba(11, 29, 53, .1);--qsf-lg: 0 16px 50px rgba(11, 29, 53, .14);--qsf-xl: 0 24px 60px rgba(11, 29, 53, .18);--qsf-gw: 0 0 40px rgba(230, 57, 70, .25);--qtj-sm: cubic-bezier(.4, 0, .2, 1);--qtj-bn: cubic-bezier(.34, 1.56, .64, 1);--qtj-d: .35s}html{scroll-behavior:smooth}body{font-family:var(--qfb-b);font-size:clamp(12px,calc(12px + 6 * ((100vw - 320px) / 680)),16px);line-height:1.6;color:var(--qcv-ch);background:var(--qcv-w);-webkit-font-smoothing:antialiased;overflow-x:hidden}main{padding-top:var(--qpx-nav)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--qwn-ctn);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.section{padding:var(--qpx-sec-lg) 0}.section--alt{background:var(--qcv-sn)}.section--dark{background:var(--qcv-mn);color:var(--qcv-w)}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--qfb-h);font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--qcv-p);margin-bottom:1rem}.section-label:before{content:"";width:2rem;height:3px;background:var(--qcv-p);border-radius:2px}.section-title{font-family:var(--qfb-h);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--qcv-s);margin-bottom:1.25rem}.section-title--white{color:var(--qcv-w)}.section-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--qcv-sl);max-width:37.5rem;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--qfb-h);font-weight:600;font-size:.95rem;letter-spacing:.04em;border-radius:var(--qrz-pl);transition:all var(--qtj-d) var(--qtj-sm);position:relative;overflow:hidden}.btn--primary{background:var(--qcv-p);color:var(--qcv-w);box-shadow:0 4px 20px #e639464d}.btn--primary:hover{background:var(--qcv-pd);box-shadow:0 6px 30px #e6394673;transform:translateY(-2px)}.btn--outline{border:2px solid var(--qcv-s);color:var(--qcv-s)}.btn--outline:hover{background:var(--qcv-s);color:var(--qcv-w);transform:translateY(-2px)}.btn--white{background:var(--qcv-w);color:var(--qcv-s);box-shadow:var(--qsf-md)}.btn--white:hover{transform:translateY(-2px);box-shadow:var(--qsf-lg)}.btn--ghost{color:var(--qcv-w);border:2px solid rgba(255,255,255,.3)}.btn--ghost:hover{background:#ffffff1a;border-color:#fff9}.btn__arrow{transition:transform var(--qtj-d) var(--qtj-sm)}.btn:hover .btn__arrow{transform:translate(4px)}.reveal{opacity:0;transform:translateY(2.5rem);transition:opacity .8s var(--qtj-sm),transform .8s var(--qtj-sm)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.clip-card{position:relative;border-radius:var(--qrz-md);overflow:hidden;transition:transform var(--qtj-d) var(--qtj-sm),box-shadow var(--qtj-d) var(--qtj-sm)}.clip-card:hover{transform:translateY(-6px);box-shadow:var(--qsf-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--qgw-d)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--qgw-d)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--qgw-d)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){:root{--qpx-nav: 6rem}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}
