@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Titan+One&display=swap";:root{--font-family-titan: "Titan One", cursive;--font-family-nunito: "Nunito", sans-serif;--font-family-fredoka: "Fredoka", sans-serif;--font-main: var(--font-family-nunito);--text-hero: clamp(4rem, 10vw, 8rem);--text-h1: clamp(3rem, 6vw, 5rem);--text-h2: clamp(2.5rem, 5vw, 4rem);--text-h3: clamp(1.5rem, 3vw, 2.5rem);--text-body: clamp(1rem, 1.5vw, 1.25rem);--bg-primary: #ba1c16;--bg-primary-hover: #d9211a;--bg-primary-dark: #8a120e;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .2);--text-light: #ffffff;--text-dark: #111111;--text-secondary: #f0f0f0;--accent-color: #face10;--accent-hover: #fcd742;--border-color: #000000;--glass-backdrop: blur(16px);--bg-color: #02124d}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-light);overflow-x:hidden;position:relative;min-height:100vh}#root{position:relative;z-index:1}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-titan);font-weight:400;line-height:1.1;text-transform:uppercase;color:var(--text-light)}h1{font-size:var(--text-h1);letter-spacing:.02em}h2{font-size:var(--text-h2);letter-spacing:.01em}h3{font-size:var(--text-h3)}p{line-height:1.6;font-weight:600;font-family:var(--font-family-nunito);font-size:var(--text-body)}.text-accent{color:var(--bg-primary)}.text-dark{color:var(--text-dark)}.text-stroke{-webkit-text-stroke:2px black;paint-order:stroke fill}.text-stroke-white{-webkit-text-stroke:2px #ffffff;paint-order:stroke fill}.text-shadow-subtle{text-shadow:2px 2px 0px rgba(0,0,0,.15)}.text-shadow-hard{text-shadow:4px 4px 0px rgba(0,0,0,.3)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.section-padding{padding-top:12rem;padding-bottom:12rem}.flex-center{display:flex;align-items:center;justify-content:center}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.bento-grid-asym{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(200px,auto);gap:2rem;grid-auto-flow:dense}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;font-weight:400;font-size:1rem;border-radius:40px;cursor:pointer;outline:none;gap:.5rem;white-space:nowrap;font-family:var(--font-family-titan);border:4px solid var(--border-color);box-shadow:4px 4px #0006;transition:transform .2s ease,background-color .3s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-4px);box-shadow:6px 6px #0006}.btn:active{transform:translateY(4px);box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-primary-dark) 100%);color:var(--text-light);text-shadow:1px 1px 0px rgba(0,0,0,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--bg-primary-hover) 0%,var(--bg-primary) 100%)}.btn-accent{background:linear-gradient(135deg,var(--accent-color) 0%,#e5c30f 100%);color:var(--text-dark)}.btn-outline{background:linear-gradient(135deg,#fff,#f0f0e6);color:var(--bg-primary)}.hero-giant-text{font-family:var(--font-family-titan);font-size:clamp(4rem,12vw,10rem);font-weight:400;line-height:.9;text-align:center;color:var(--text-light);display:flex;flex-direction:column;position:relative;z-index:2;margin-top:4rem}.hero-giant-text .outline-text{color:transparent;-webkit-text-stroke:3px var(--text-light)}.bottom-white-panel{background-color:transparent;color:var(--text-dark);padding:5rem 2rem;margin-top:4rem;position:relative;z-index:5}.feature-card{background:linear-gradient(to bottom right,#fff,#f0f0e6);border:4px solid var(--border-color);box-shadow:6px 6px #0006;border-radius:1.5rem;padding:2.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s;color:var(--text-dark)}.feature-card h1,.feature-card h2,.feature-card h3,.feature-card h4{color:var(--text-dark)}.glass-panel{background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,.15);border-radius:1.5rem}.icon-box{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--bg-primary);color:var(--text-light);border:3px solid var(--border-color);box-shadow:4px 4px #0000004d;flex-shrink:0}.icon-box-accent{background:var(--accent-color);color:var(--text-dark)}.form-label{font-weight:700;color:#ffffffb3;font-size:.95rem;font-family:var(--font-family-nunito)}.form-input{padding:1rem 1.2rem;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem;font-family:var(--font-family-nunito);outline:none;transition:border-color .3s ease,background .3s ease}.form-input:focus{border-color:var(--accent-color);background:#ffffff1a}.form-input::placeholder{color:#ffffff59}.badge{background:var(--bg-primary);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:800;font-family:var(--font-family-titan);display:inline-flex;align-items:center;gap:.4rem;border:2px solid var(--border-color);box-shadow:2px 2px #0000004d}.badge-accent{background:var(--accent-color);color:var(--text-dark)}@media(max-width:1024px){.feature-grid,.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.solution-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.bento-wide{grid-column:span 1}.bento-tall{grid-row:span 1}.section-padding{padding-top:6rem;padding-bottom:6rem}}@media(max-width:768px){.hero-giant-text{font-size:4rem}.bottom-white-panel{padding:3rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.pricing-grid,.feature-grid{grid-template-columns:1fr}.container{padding:0 1.2rem}}
