:root{--bg: #000000;--fg: #FFFFFF;--cobalt-gradient: linear-gradient(135deg, #0047AB, #00D4FF);--grid-line: rgba(148, 163, 184, .08);--font-sans: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);overflow-y:auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}.grid-bg{position:fixed;top:0;left:0;width:100%;min-height:100vh;pointer-events:none;z-index:0;background-color:var(--bg);background-image:linear-gradient(to bottom,rgba(148,163,184,.15) 1px,transparent 1px),linear-gradient(to right,rgba(148,163,184,.15) 1px,transparent 1px);background-size:100% 120px,120px 100%}#custom-cursor{position:fixed;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:100000;left:50%;top:50%;margin-left:-10px;margin-top:-10px;background:transparent;border:2px solid #00D4FF;box-shadow:0 0 15px #0047ab99,0 0 30px #00d4ff4d;transition:transform .1s ease}#studioCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-wrapper{position:relative;min-height:100vh;overflow:hidden}.container{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;padding:160px 40px 40px}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;z-index:100;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-weight:900;font-size:1.5rem;letter-spacing:-.05em;text-transform:lowercase;display:flex;align-items:baseline;gap:0;cursor:pointer}.logo-sans{font-weight:900;font-size:1.5rem;letter-spacing:-.05em;text-transform:uppercase;font-family:var(--font-sans)}.logo-serif{font-family:var(--font-serif);font-weight:900;font-style:italic;font-size:1.5rem}.logo-dot{color:#0047ab;font-weight:900;font-size:1.5rem;margin-left:1px}.nav-links{display:flex;gap:40px;font-family:var(--font-sans);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.15em}.nav-links a{text-decoration:none;color:var(--fg);opacity:.6;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0047AB,#00FFFF);transition:width .3s ease}.nav-links a:hover{opacity:1}.nav-links a:hover:after{width:100%}.split-layout{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;border-top:1px solid var(--grid-line);text-align:left;max-width:1300px;margin:0 auto;width:100%}.hero-content{width:100%;display:flex;flex-direction:column;align-items:flex-start}h1{font-size:clamp(3rem,6vw,7rem);line-height:.9}.sans-bold{font-family:var(--font-sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;display:block}.serif-italic{font-family:var(--font-serif);font-weight:900;font-style:italic;display:block;position:relative}.serif-italic.scroll-reveal-up{transform:translateY(30px);opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1)}.serif-italic.scroll-reveal-up.reveal{transform:translateY(0);opacity:1}.type-reveal-text{display:inline;position:relative}.type-reveal-text .type-text{position:relative;display:inline}.type-reveal-text.animate .type-text:after{content:"";position:absolute;right:-4px;top:0;bottom:0;width:2px;background:#0047AB;animation:blink-caret .75s step-end 3}.type-reveal-text.animate.complete .type-text:after{display:none}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}.single-dot{color:#0047ab}.hero-subcontent{width:100%;margin-top:60px;display:flex;flex-direction:column;align-items:flex-start;gap:40px;max-width:none}.subheadline{font-size:1.75rem;line-height:1.2;font-weight:400;max-width:100%}.subheadline strong{font-weight:900;text-decoration:underline;text-decoration-color:#0047ab;position:relative;display:inline-flex}.body-text{font-size:1rem;line-height:1.6;max-width:100%;opacity:.6}.cta-box{margin-top:20px}.btn{display:inline-flex;align-items:center;padding:24px 48px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);color:var(--fg);text-decoration:none;font-family:var(--font-sans);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;border-radius:4px}.btn:hover{background:rgba(255,255,255,.15);border-color:#00d4ff;box-shadow:0 0 30px #00d4ff33}.ghost-bg{position:absolute;bottom:-5%;right:-5%;font-size:40vh;font-weight:900;color:#ffffff08;z-index:-1;pointer-events:none}.problem-section,.services-section,.testimonials-section,.cta-section{position:relative;min-height:100vh;padding:40px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05)}.ghost-section{position:absolute;bottom:-5%;right:-2%;font-size:35vh;font-weight:900;color:#ffffff08;z-index:-1;pointer-events:none;font-family:var(--font-sans)}.section-layout{display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:1300px;margin:0 auto}.section-main{width:100%;display:flex;flex-direction:column;align-items:flex-start}.section-main h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;margin-bottom:30px}.section-intro{font-size:1.25rem;line-height:1.5;opacity:.6;max-width:100%;margin-bottom:40px}.section-content{width:100%;margin-top:60px;display:grid;gap:30px}.problem-section .section-content{grid-template-columns:repeat(3,1fr)}.services-section .section-content{grid-template-columns:repeat(2,1fr)}.testimonials-section .section-content{grid-template-columns:repeat(2,1fr);max-width:1100px}.cta-meta-row{display:flex;flex-direction:row;gap:60px;margin-top:20px}.cta-meta{display:flex;flex-direction:column;gap:8px}.meta-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;opacity:.4}.meta-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:900;letter-spacing:.1em;color:#00d4ff}.gap-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;position:relative;transition:all .3s ease}.gap-card:hover{border-color:#00d4ff80;background:rgba(0,212,255,.05)}.gap-number{position:absolute;top:20px;right:20px;font-family:var(--font-mono);font-size:10px;opacity:.3;letter-spacing:.1em}.gap-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:10px}.gap-title:hover{color:#00d4ff}.gap-tag{font-family:var(--font-mono);font-size:9px;background:rgba(0,212,255,.2);color:#00d4ff;padding:4px 8px;border-radius:4px;letter-spacing:.1em}.gap-text{font-size:1rem;line-height:1.6;opacity:.7}.service-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;transition:all .3s ease}.service-card:hover{border-color:#00d4ff80;background:rgba(0,212,255,.05)}.service-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;margin-bottom:15px}.service-title:hover{color:#00d4ff}.service-result{font-size:1rem;line-height:1.6;opacity:.7}.service-result strong{color:#00d4ff;font-weight:400}.testimonial-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;transition:all .3s ease}.testimonial-card:hover{border-color:#00d4ff80;background:rgba(0,212,255,.05)}.testimonial-quote{font-family:var(--font-sans);font-style:italic;font-size:1.5rem;font-weight:900;color:#fff;margin-bottom:15px}.testimonial-text{font-size:1rem;line-height:1.6;opacity:.7;margin-bottom:20px}.testimonial-author{font-size:.9rem;opacity:.6}.testimonial-author strong{color:#fff;font-weight:700}.testimonial-author em{font-style:italic}.dot{color:#0047ab}@keyframes floatUpPop{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}to{transform:translateY(-30px) scale(1);opacity:0}}@media (max-width: 1024px){.problem-section .section-content,.services-section .section-content,.testimonials-section .section-content{grid-template-columns:1fr}}
