:root{--demo-navy: #1a2332;--demo-navy-deep: #0f1923;--demo-navy-light: #243447;--demo-amber: #f59e0b;--demo-amber-hover: #d97706;--demo-amber-glow: #fbbf24;--demo-bg: #ffffff;--demo-bg-alt: #f8fafc;--demo-text: #0f172a;--demo-text-secondary: #64748b;--demo-text-on-dark: #e2e8f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;color:var(--demo-text);background:var(--demo-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{font-family:Sora,system-ui,-apple-system,sans-serif;line-height:1.2;letter-spacing:-.01em}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:700;margin-bottom:16px}h3{font-size:1.125rem;font-weight:600}@media(min-width:768px){h1{font-size:3.25rem}h2{font-size:2.25rem}}.demo-container{max-width:1120px;margin:0 auto;padding:0 24px}@media(min-width:768px){.demo-container{padding:0 48px}}.demo-section{padding:64px 0}@media(min-width:768px){.demo-section{padding:96px 0}}.demo-section-intro{font-size:1.0625rem;color:var(--demo-text-secondary);max-width:640px;margin-bottom:40px;line-height:1.7}.demo-dark{background:linear-gradient(180deg,var(--demo-navy) 0%,var(--demo-navy-deep) 100%);color:var(--demo-text-on-dark);position:relative}.demo-dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.demo-dark h2,.demo-dark h3,.demo-dark h4{color:var(--demo-text-on-dark)}.demo-alt{background:var(--demo-bg-alt)}.demo-btn{display:inline-block;background:var(--demo-amber);color:var(--demo-navy);font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:.9375rem;padding:14px 28px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s}.demo-btn:hover{background:var(--demo-amber-hover);box-shadow:0 0 24px #f59e0b4d}.demo-btn-outline{display:inline-block;background:transparent;color:var(--demo-text-on-dark);font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:.9375rem;padding:14px 28px;border-radius:8px;border:2px solid rgba(255,255,255,.3);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s}.demo-btn-outline:hover{border-color:var(--demo-amber);background:#f59e0b14}.demo-btn-full{width:100%;text-align:center}.demo-header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .3s,box-shadow .3s}.demo-header.scrolled{background:var(--demo-navy);box-shadow:0 2px 24px #0000004d}.demo-header-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-logo{display:flex;align-items:center;gap:8px;font-family:Sora,system-ui,sans-serif;font-weight:700;font-size:1.125rem;color:var(--demo-text-on-dark);text-decoration:none;white-space:nowrap}.demo-logo-icon{width:22px;height:22px;color:var(--demo-amber);flex-shrink:0}.demo-nav{display:none;gap:24px}@media(min-width:900px){.demo-nav{display:flex}}.demo-nav a{font-size:.875rem;font-weight:500;color:var(--demo-text-on-dark);text-decoration:none;opacity:.8;transition:opacity .2s}.demo-nav a:hover{opacity:1}.demo-header-cta{display:flex;align-items:center;gap:8px;background:var(--demo-amber);color:var(--demo-navy);font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:.8125rem;padding:8px 16px;border-radius:6px;text-decoration:none;white-space:nowrap;transition:background .2s}.demo-header-cta:hover{background:var(--demo-amber-hover)}.demo-header-cta svg{width:16px;height:16px}.demo-header-cta-text{display:none}@media(min-width:600px){.demo-header-cta-text{display:inline}}.demo-hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}@media(min-width:900px){.demo-hamburger{display:none}}.demo-hamburger span{display:block;width:22px;height:2px;background:var(--demo-text-on-dark);border-radius:2px;transition:transform .3s,opacity .3s}.demo-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.demo-hamburger.open span:nth-child(2){opacity:0}.demo-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.demo-mobile-menu{display:none;flex-direction:column;background:var(--demo-navy);border-top:1px solid rgba(255,255,255,.08);padding:16px 24px 24px}.demo-mobile-menu.open{display:flex}@media(min-width:900px){.demo-mobile-menu{display:none!important}}.demo-mobile-menu a{color:var(--demo-text-on-dark);text-decoration:none;padding:12px 0;font-size:1rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}.demo-mobile-menu .demo-mobile-phone{margin-top:8px;background:var(--demo-amber);color:var(--demo-navy);text-align:center;padding:12px;border-radius:8px;font-family:Sora,system-ui,sans-serif;font-weight:600;border-bottom:none}.demo-hero{padding-top:120px;padding-bottom:80px}@media(min-width:768px){.demo-hero{padding-top:140px;padding-bottom:96px}}.demo-hero-label{font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--demo-amber-glow);margin-bottom:16px}.demo-hero h1{max-width:700px;margin-bottom:20px}.demo-hero-sub{font-size:1.0625rem;color:var(--demo-text-on-dark);opacity:.8;max-width:580px;line-height:1.7;margin-bottom:32px}.demo-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.demo-trust-badges{display:flex;flex-wrap:wrap;gap:16px}.demo-trust-badge{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 16px;font-size:.8125rem;font-weight:500;color:var(--demo-text-on-dark)}.demo-trust-badge svg{width:18px;height:18px;color:var(--demo-amber-glow);flex-shrink:0}.demo-services-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:600px){.demo-services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.demo-services-grid{grid-template-columns:repeat(4,1fr)}}.demo-service-card{background:var(--demo-bg);border:1px solid #e2e8f0;border-radius:12px;padding:28px 24px;transition:transform .2s,box-shadow .2s}.demo-service-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.demo-service-icon{width:44px;height:44px;background:#f59e0b1a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.demo-service-icon svg{width:22px;height:22px;color:var(--demo-amber)}.demo-service-card h3{margin-bottom:8px;color:var(--demo-text)}.demo-service-card p{font-size:.875rem;color:var(--demo-text-secondary);line-height:1.5}.demo-trust-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:600px){.demo-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.demo-trust-grid{grid-template-columns:repeat(4,1fr)}}.demo-trust-card{background:var(--demo-bg);border:1px solid #e2e8f0;border-radius:12px;padding:28px 24px;text-align:center}.demo-trust-card-icon{width:52px;height:52px;background:#f59e0b1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.demo-trust-card-icon svg{width:24px;height:24px;color:var(--demo-amber)}.demo-trust-card h3{margin-bottom:8px}.demo-trust-card p{font-size:.875rem;color:var(--demo-text-secondary);line-height:1.5}.demo-stock-note{font-size:.75rem;color:var(--demo-text-secondary);font-style:italic;margin-bottom:24px}.demo-gallery-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:600px){.demo-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.demo-gallery-grid{grid-template-columns:repeat(3,1fr)}}.demo-gallery-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--demo-navy-light)}.demo-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.demo-gallery-item:hover img{transform:scale(1.05)}.demo-gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.875rem;font-weight:500;transform:translateY(100%);transition:transform .3s}.demo-gallery-item:hover .demo-gallery-caption{transform:translateY(0)}.demo-areas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 32px;margin-bottom:32px}@media(min-width:600px){.demo-areas-grid{grid-template-columns:repeat(3,1fr)}}.demo-areas-grid ul{list-style:none}.demo-areas-grid li{padding:8px 0;font-size:.9375rem;border-bottom:1px solid rgba(255,255,255,.06);color:var(--demo-text-on-dark)}.demo-areas-note{font-size:.9375rem;color:var(--demo-text-on-dark);opacity:.8}.demo-areas-note a{color:var(--demo-amber-glow);text-decoration:none}.demo-areas-note a:hover{text-decoration:underline}.demo-testimonials-grid{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:768px){.demo-testimonials-grid{grid-template-columns:repeat(3,1fr)}}.demo-testimonial-card{background:var(--demo-bg);border:1px solid #e2e8f0;border-radius:12px;padding:32px 28px}.demo-testimonial-stars{color:var(--demo-amber);font-size:1.125rem;margin-bottom:12px;letter-spacing:2px}.demo-testimonial-card blockquote{font-size:.9375rem;line-height:1.7;color:var(--demo-text);margin-bottom:16px;font-style:italic}.demo-testimonial-card cite{font-family:JetBrains Mono,monospace;font-size:.75rem;font-style:normal;color:var(--demo-text-secondary);text-transform:uppercase;letter-spacing:.04em}.demo-contact-grid{display:grid;gap:40px;grid-template-columns:1fr}@media(min-width:768px){.demo-contact-grid{grid-template-columns:1.5fr 1fr}}.demo-form{display:flex;flex-direction:column;gap:16px}.demo-form-row{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:500px){.demo-form-row{grid-template-columns:1fr 1fr}}.demo-form-group{display:flex;flex-direction:column;gap:6px}.demo-form-group label{font-size:.8125rem;font-weight:600;color:var(--demo-text)}.demo-form-group input,.demo-form-group select,.demo-form-group textarea{font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;background:var(--demo-bg);color:var(--demo-text);transition:border-color .2s,box-shadow .2s;outline:none}.demo-form-group input:focus,.demo-form-group select:focus,.demo-form-group textarea:focus{border-color:var(--demo-amber);box-shadow:0 0 0 3px #f59e0b26}.demo-form-group textarea{resize:vertical}.demo-form-status{font-size:.875rem;font-weight:500;min-height:20px}.demo-form-status.success{color:#059669}.demo-form-status.error{color:#dc2626}.demo-contact-sidebar{display:flex;flex-direction:column;gap:28px}.demo-contact-block h3{font-size:.8125rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--demo-text-secondary);margin-bottom:8px}.demo-contact-phone{font-family:Sora,system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:var(--demo-amber)!important;text-decoration:none;display:block;margin-bottom:4px}.demo-contact-block a{color:var(--demo-amber);text-decoration:none;font-weight:500}.demo-contact-block a:hover{text-decoration:underline}.demo-contact-block p{font-size:.9375rem;color:var(--demo-text-secondary);line-height:1.5}.demo-cta-banner{padding:64px 0}.demo-cta-banner h2{margin-bottom:12px}.demo-footer{background:var(--demo-navy-deep);color:var(--demo-text-on-dark);padding:64px 0 32px}.demo-footer-grid{display:grid;gap:32px;grid-template-columns:1fr;margin-bottom:40px}@media(min-width:600px){.demo-footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.demo-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.demo-footer-logo{display:flex;align-items:center;gap:8px;font-family:Sora,system-ui,sans-serif;font-weight:700;font-size:1rem;margin-bottom:8px}.demo-footer-logo .demo-logo-icon{color:var(--demo-amber)}.demo-footer-col p{font-size:.875rem;opacity:.7;line-height:1.6;margin-bottom:4px}.demo-footer-licence{font-family:JetBrains Mono,monospace;font-size:.75rem!important;margin-top:8px}.demo-footer-col h4{font-size:.8125rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--demo-amber-glow);margin-bottom:12px}.demo-footer-col a{display:block;font-size:.875rem;color:var(--demo-text-on-dark);text-decoration:none;opacity:.7;padding:4px 0;transition:opacity .2s}.demo-footer-col a:hover{opacity:1}.demo-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.demo-footer-bottom p{font-size:.8125rem;opacity:.5}.demo-footer-credit{font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--demo-text-on-dark)!important;opacity:.4;text-decoration:none;letter-spacing:.02em;transition:opacity .2s}.demo-footer-credit:hover{opacity:.8}.demo-footer-disclaimer{width:100%;text-align:center;font-size:.6875rem;opacity:.35;margin-top:8px}.demo-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.demo-reveal.visible{opacity:1;transform:translateY(0)}.demo-stagger-1{transition-delay:.05s}.demo-stagger-2{transition-delay:.1s}.demo-stagger-3{transition-delay:.15s}.demo-stagger-4{transition-delay:.2s}.demo-jt-badge{position:fixed;bottom:16px;left:16px;z-index:9999;display:flex;align-items:center;gap:6px;background:var(--demo-navy);color:var(--demo-text-on-dark);text-decoration:none;padding:8px 14px;border-radius:40px;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000040;transition:background .2s ease,transform .2s ease;opacity:0;transform:translateY(8px);animation:demo-badge-in .4s ease 1s forwards}.demo-jt-badge:hover{background:var(--demo-navy-light);transform:translateY(-2px)}.demo-jt-badge-icon{width:14px;height:14px;flex-shrink:0}.demo-jt-badge-cta{color:var(--demo-amber-glow);margin-left:2px}@keyframes demo-badge-in{to{opacity:1;transform:translateY(0)}}@media(max-width:479px){.demo-jt-badge{padding:7px 12px;font-size:.6875rem;bottom:12px;left:12px}.demo-jt-badge-text{display:none}.demo-jt-badge-cta:before{content:"JimmyTech — "}}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
