:root{--bg:#fff;--bg-secondary:#f8f8f8;--text:#0d0d0d;--text-secondary:#444;--text-muted:#7a7a7a;--accent:#ff5a1f;--muted:#e5e5e5;--border:#e0e0e0;--card-bg:#fff;--hero-overlay:#fff3;--header-bg:#fffffff2;--shadow:#00000014;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace;--pad-x:40px;--toggle-bg:#e5e5e5;--toggle-active:#ff5a1f;--toggle-knob:#fff}[data-theme=dark]{--bg:#0d0d0d;--bg-secondary:#1a1a1a;--text:#fff;--text-secondary:#b0b0b0;--text-muted:#666;--accent:#ff6b35;--muted:#333;--border:#2a2a2a;--card-bg:#1a1a1a;--hero-overlay:#0d0d0d26;--header-bg:#0d0d0df2;--shadow:#0000004d;--toggle-bg:#333;--toggle-active:#ff6b35;--toggle-knob:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:-.03em;color:var(--text);font-weight:800;line-height:1.1}h1{font-size:clamp(3rem,5vw,5.5rem)}h2{font-size:clamp(2rem,3.5vw,3.5rem)}h3{font-size:1.5rem;font-weight:700}p{color:var(--text-secondary)}.mono{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:.9rem}.mono-sm{font-size:.75rem}.mono-label{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.container{max-width:1400px;padding:0 var(--pad-x);margin:0 auto}.container-narrow{max-width:1100px;padding:0 var(--pad-x);margin:0 auto}.site-header{padding:30px var(--pad-x);border-bottom:1px solid var(--muted);background:var(--header-bg);-webkit-backdrop-filter:blur(10px);z-index:100;grid-template-columns:1fr auto 1fr;align-items:center;transition:background .3s,border-color .3s;display:grid;position:sticky;top:0}.site-header>.logo{justify-self:start}.site-header>.nav-links{justify-self:center}.site-header>.header-right{justify-self:end}.logo{letter-spacing:-.02em;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.header-right{align-items:center;gap:20px;display:flex}.theme-selector{align-items:center;gap:10px;display:flex}.theme-selector .theme-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;transition:color .3s;display:flex}.theme-selector .theme-label i{font-size:.85rem}.theme-selector .theme-label.active{color:var(--text);font-weight:500}.toggle-switch{cursor:pointer;width:52px;height:30px;position:relative}.toggle-switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.toggle-track{background:var(--toggle-bg);border-radius:15px;transition:background .3s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-track{background:var(--toggle-active)}.toggle-knob{background:var(--toggle-knob);border-radius:50%;width:24px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked~.toggle-knob{transform:translate(22px)}.cta-btn{background:var(--text);color:var(--bg);font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;padding:12px 24px;font-size:.95rem;text-decoration:none;transition:all .2s}.cta-btn:hover{background:var(--accent)}.cta-btn.outline{border:1px solid var(--border);color:var(--text);background:0 0}.cta-btn.outline:hover{border-color:var(--accent);color:var(--accent)}.hero{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-video-container{z-index:1;position:absolute;inset:0}.hero-video-container video{object-fit:cover;width:100%;height:100%}.hero-video-bg{z-index:2;position:absolute;inset:0}.hero-video-placeholder{background:linear-gradient(135deg,var(--muted)0%,var(--bg)100%);color:var(--text-muted);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}.hero-overlay{z-index:1;background:var(--hero-overlay);transition:background .3s;position:absolute;inset:0}.hero-content{z-index:2;max-width:1100px;padding:80px var(--pad-x);flex-direction:column;gap:56px;margin:0 auto;display:flex;position:relative}.hero-tagline{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:15px;display:flex}.hero-stats{border-top:1px solid var(--muted);flex-wrap:nowrap;justify-content:center;gap:32px;width:100%;padding-top:40px;display:flex}.hero-stats>div{text-align:center;flex:1;min-width:100px}.stat-value{color:var(--accent);margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1;display:inline-block}.stat-label{color:var(--text-muted);font-size:.9rem}.grid-2{grid-template-columns:1fr 1fr;gap:60px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (max-width:1024px){.grid-2,.grid-3{grid-template-columns:1fr;gap:40px}}.section{padding-top:100px;padding-bottom:100px}.eyebrow{margin-bottom:20px;display:block}.section-title{margin-bottom:60px}.services-list{background:var(--muted);border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;transition:background .3s;display:grid;overflow:hidden}@media (max-width:768px){.services-list{grid-template-columns:1fr}}.service-item{background:var(--card-bg);flex-direction:column;gap:12px;padding:40px;transition:all .3s;display:flex}.service-item:hover{background:var(--bg-secondary);padding-left:50px}.service-number{color:var(--accent);font-family:var(--font-mono);margin-bottom:8px;font-size:.9rem}.service-name{color:var(--text);font-size:1.4rem;font-weight:700}.service-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.process-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin-top:40px;display:grid}.process-step{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:32px;transition:background .3s,border-color .3s}.step-number{color:var(--accent);font-family:var(--font-mono);margin-bottom:12px;font-size:.9rem;display:block}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.portfolio-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.portfolio-tab{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .15s}.portfolio-tab.active,.portfolio-tab:hover{background:var(--accent);border-color:var(--accent);color:#fff}.portfolio-item{aspect-ratio:4/3;background:var(--bg-secondary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.portfolio-item:hover{box-shadow:0 20px 40px var(--shadow);transform:translateY(-5px)}.portfolio-logo{color:var(--text-muted);font-size:2rem;font-weight:800}.portfolio-overlay{opacity:0;color:#fff;text-align:center;background:#0d0d0dd9;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay-title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.portfolio-overlay-desc{color:#ccc;margin-bottom:12px;font-size:.85rem}.portfolio-overlay-link{color:var(--accent);font-size:.9rem;text-decoration:underline}.portfolio-video-card{aspect-ratio:4/3;cursor:pointer;background:#000;border:none;border-radius:12px;width:100%;padding:0;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.portfolio-video-card:hover{box-shadow:0 20px 40px var(--shadow);transform:translateY(-5px)}.portfolio-video-card img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:opacity .2s}.portfolio-video-card:hover img{opacity:1}.portfolio-video-play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portfolio-video-play svg{fill:#fff;opacity:.9;filter:drop-shadow(0 2px 6px #00000080);width:48px;height:48px}.reviews-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid}.review-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:20px;padding:32px;transition:background .3s,border-color .3s;display:flex}.review-text{color:var(--text-secondary);font-size:1rem;line-height:1.7}.review-author{color:var(--text);font-weight:700}.review-company{color:var(--text-muted);font-size:.9rem}.contact-section{color:#fff;text-align:center;background:#0d0d0d;border-radius:20px;padding:100px;transition:background .3s}[data-theme=dark] .contact-section{color:#0d0d0d;background:#fff}[data-theme=dark] .contact-section h2{color:#0d0d0d}[data-theme=dark] .contact-section p{color:#444}.contact-section h2{color:#fff;margin-bottom:20px}.contact-section p{color:#b0b0b0;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto}.contact-form{flex-direction:column;gap:20px;max-width:500px;margin:0 auto;display:flex}.contact-form input,.contact-form textarea,.contact-form select{color:#fff;font-family:var(--font-body);background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:16px;font-size:1rem;transition:border-color .2s,background .2s}[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form textarea,[data-theme=dark] .contact-form select{color:#0d0d0d;background:#fff;border-color:#e0e0e0}[data-theme=dark] .contact-form input::placeholder,[data-theme=dark] .contact-form textarea::placeholder{color:#999}.contact-form input,.contact-form textarea,.contact-form select{color:#0d0d0d;background:#fff;border-color:#e0e0e0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999}.contact-form input::placeholder,.contact-form textarea::placeholder,.contact-form select:invalid{color:#666}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent);outline:none}.contact-form button{background:var(--accent);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--font-body);border:none;border-radius:8px;width:100%;padding:16px;transition:all .2s}.contact-form button:hover{background:#d94812}.contact-form button:disabled{opacity:.7;cursor:wait}.contact-form small{color:#dc2626;font-size:.82rem}.form-feedback{min-height:24px}.form-status{color:#4ade80;margin:0}.form-status-error{color:#dc2626}.site-footer{padding:60px var(--pad-x);border-top:1px solid var(--muted);text-align:center;color:var(--text-muted);font-size:.9rem;transition:background .3s,border-color .3s}.site-footer p{margin-bottom:8px}.video-modal-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.video-modal-inner{width:100%;max-width:900px;position:relative}.video-modal-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1;position:absolute;top:-40px;right:0}.video-modal-close:hover{opacity:1}.video-modal-player{width:100%;padding-top:56.25%;position:relative}.video-modal-player iframe{border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.floating-icon{z-index:1;color:var(--accent);opacity:.2;pointer-events:none;will-change:transform;transition:color .3s;animation:8s ease-in-out infinite floatRotate;position:fixed}@keyframes floatRotate{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(15deg)}}.floating-icon:first-of-type{animation-delay:0s}.floating-icon:nth-of-type(2){animation-delay:-3s}.floating-icon:nth-of-type(3){animation-delay:-6s}.floating-icon:nth-of-type(4){animation-delay:-9s}.floating-icon:nth-of-type(5){animation-delay:-12s}.floating-icon:nth-of-type(6){animation-delay:-15s}@media (max-width:768px){:root{--pad-x:20px}h2{font-size:1.5rem}.nav-links{display:none}header{padding:20px var(--pad-x)}.services-list{gap:0}.hero{min-height:80vh}.hero-content{gap:36px;padding-top:60px;padding-bottom:60px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.contact-section{padding:60px 20px}.contact-section h2{font-size:1.5rem;line-height:1.3}.contact-section p{font-size:.95rem}.contact-form{max-width:100%}.contact-form input,.contact-form textarea{width:100%;padding:14px;font-size:16px}.service-item{padding:24px}.service-name{font-size:1.1rem}.portfolio-item{aspect-ratio:16/10}.header-right{gap:12px}.theme-selector{gap:6px}.theme-selector .theme-label span{display:none}.cta-btn{padding:10px 16px;font-size:.85rem}}@media (max-width:480px){.hero-stats{grid-template-columns:1fr 1fr}.stat-value{font-size:1.8rem}.reviews-grid,.portfolio-grid{grid-template-columns:1fr}}.landing-shell-pending{place-items:center;min-height:100vh;display:grid}.check-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.check-list li{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.check-list li:before{content:"●";color:var(--accent);flex-shrink:0;font-size:.8em}.stack{flex-direction:column;gap:16px;display:flex}.section-heading{margin-bottom:60px}.section-heading h2{margin:10px 0 0}.section-heading p{margin-top:16px;font-size:1.05rem}.menu-toggle{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:10px 16px;font-size:.9rem;display:none}@media (max-width:768px){.menu-toggle{display:inline-flex}}.honeypot-field{opacity:0;pointer-events:none;position:absolute;left:-9999px}.fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.locale-select{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px}.locale-select:hover{background:var(--bg-secondary)}.locale-select option{background:var(--bg-primary);color:var(--text-primary)}.reviews-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;padding-bottom:16px;display:flex;overflow-x:auto}.reviews-scroll::-webkit-scrollbar{display:none}.portfolio-tabs{margin-top:24px}[data-theme=dark] .site-footer p{color:var(--text-muted)}.reviews-scroll .review-card{scroll-snap-align:start;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;min-width:340px;max-width:340px;min-height:260px;padding:24px}
