@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#eef2f8}::-webkit-scrollbar-thumb{background:#c7d0e0;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5b8def}:focus-visible{outline:2px solid #5b8def;outline-offset:2px}:root{--graphite-900:#0d1117;--graphite-800:#12161f;--graphite-700:#1a1f2b;--graphite-600:#232a38;--graphite-500:#2e3647;--graphite-400:#3a4456;--steel-500:#5b8def;--steel-600:#3f70d6;--steel-400:#8fb4f2;--steel-glow:#5b8def38;--amber-500:#f0b252;--amber-600:#e09a35;--amber-400:#f7c878;--amber-glow:#f0b25247;--primary-color:var(--steel-500);--primary-dark:var(--steel-600);--primary-light:var(--steel-400);--accent-color:var(--amber-500);--accent-dark:var(--amber-600);--bg-base:#f5f7fb;--bg-raised:#fff;--bg-card:#fff;--bg-inset:#eef2f8;--border-color:#e3e8f2;--text-light:#232b38;--text-muted:#66728a;--text-dark:#1a1f2b;--on-dark:#f4f6fb;--on-dark-muted:#f4f6fbd1;--success:#2faf6a;--danger:#ef4444;--font-head:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--sh-sm:0 1px 2px #1721380f;--sh-md:0 6px 18px #17213814;--sh-lg:0 16px 42px #1721381f;--sh-glow:0 8px 26px var(--steel-glow);--sh-amber:0 8px 26px var(--amber-glow);--ease:cubic-bezier(0.22,1,0.36,1);--t-fast:0.18s var(--ease);--t-med:0.32s var(--ease);--secondary-color:var(--graphite-700);--dark-bg:var(--graphite-800);--text-gray:var(--text-muted);--overlay-dark:#0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f5f7fb;background-color:var(--bg-base);color:#232b38;color:var(--text-light);font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-head);letter-spacing:-.01em;line-height:1.15}a{color:inherit}.App{min-height:100vh}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:15px;font-weight:600;gap:8px;gap:var(--sp-2);justify-content:center;line-height:1;padding:14px 28px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1);transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast),border-color var(--t-fast);white-space:nowrap}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:#5b8def;background:var(--steel-500);color:#fff}.btn-primary:hover{background:#3f70d6;background:var(--steel-600);box-shadow:0 8px 26px #5b8def38;box-shadow:var(--sh-glow);transform:translateY(-2px)}.btn-accent{background:#f0b252;background:var(--amber-500);color:#0d1117;color:var(--graphite-900)}.btn-accent:hover{background:#e09a35;background:var(--amber-600);box-shadow:0 8px 26px #f0b25247;box-shadow:var(--sh-amber);transform:translateY(-2px)}.btn-ghost{background:#0000;border-color:#2e3647;border-color:var(--graphite-500);color:#232b38;color:var(--text-light)}.btn-ghost:hover{border-color:#5b8def;border-color:var(--steel-500);color:#8fb4f2;color:var(--steel-400);transform:translateY(-2px)}.btn-lg{font-size:16px;padding:17px 38px}.btn-primary-custom{background:#5b8def;background:var(--steel-500);border:none;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;padding:14px 32px;text-decoration:none;text-transform:uppercase;transition:all .32s cubic-bezier(.22,1,.36,1);transition:all var(--t-med)}.btn-primary-custom:hover{background:#3f70d6;background:var(--steel-600);box-shadow:0 8px 26px #5b8def38;box-shadow:var(--sh-glow);transform:translateY(-2px)}.card{background:#fff;background:var(--bg-card);border:1px solid #e3e8f2;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 6px 18px #17213814;box-shadow:var(--sh-md)}.section{padding:96px 0;padding:var(--sp-9) 0}.section-subtitle{color:#f0b252;color:var(--amber-500);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-head);font-size:14px;font-weight:600;letter-spacing:3px;margin-bottom:16px;margin-bottom:var(--sp-4);text-transform:uppercase}.section-title{color:#232b38;color:var(--text-light);font-size:clamp(30px,5vw,48px);font-weight:700;line-height:1.15;margin-bottom:24px;margin-bottom:var(--sp-5)}.container{margin:0 auto;max-width:1200px;padding:0 24px;padding:0 var(--sp-5)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition:opacity .6s var(--ease),transform .6s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}html{overflow-x:hidden}iframe,img,video{max-width:100%}[role=button],a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (pointer:coarse){.btn,button,select,summary{min-height:44px}input[type=checkbox],input[type=radio]{height:22px;width:22px}}@media (hover:none){.btn-explore:hover,.btn-primary-custom:hover,.btn-submit:hover,.btn:hover,.feature-card:hover,.product-card:hover,.service-card-img:hover,.service-link-arrow:hover,.social-link:hover{box-shadow:none;transform:none}}@media (max-width:768px){.section{padding:64px 0;padding:var(--sp-8) 0}.container{padding:0 16px;padding:0 var(--sp-4)}input,select,textarea{font-size:16px!important}}@media (max-width:400px){.container{padding:0 14px}.btn{text-align:center;white-space:normal}.btn-lg{font-size:15px;padding:15px 24px}.section-subtitle{font-size:12.5px;letter-spacing:2px}}.header{border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:background-color var(--t-med),box-shadow var(--t-med),border-color var(--t-med);z-index:1000}.header.scrolled{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffe6;border-bottom-color:var(--border-color);box-shadow:var(--sh-md)}.navbar{background-color:initial}.navbar-container{align-items:center;display:flex;gap:24px;justify-content:space-between;padding-bottom:14px;padding-top:14px}.logo{display:flex;flex-direction:column;justify-content:center;margin-right:auto;overflow:hidden;text-decoration:none}.header.scrolled .nav-link{color:var(--text-muted)}.header.scrolled .nav-link.active,.header.scrolled .nav-link:hover{color:var(--text-light)}.header.scrolled .hamburger{background:#00000008;border-color:var(--border-color);color:var(--text-light)}.logo-svg{display:block;filter:invert(1);height:120px;opacity:1;transform:translateY(0);transition:height .35s ease,opacity .25s ease,transform .3s ease;width:auto}.logo:hover .logo-svg{opacity:.85}.header.scrolled .logo-svg{height:0;opacity:0;transform:translateY(-6px)}.logo-wordmark{color:#fff;display:block;font-family:var(--font-head);font-size:22px;font-weight:400;height:0;letter-spacing:4px;opacity:0;overflow:hidden;text-transform:uppercase;transition:height .35s ease .1s,opacity .3s ease .15s;white-space:nowrap}.header.scrolled .logo-wordmark{color:var(--text-light);height:36px;opacity:1}.nav-menu{align-items:center;display:flex;gap:40px}.nav-link{color:#f4f6fbd1;font-size:15px;font-weight:500;padding:6px 0;position:relative;text-decoration:none;transition:color var(--t-fast)}.nav-link:after{background:var(--amber-500);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--t-med);width:0}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-cta{font-size:14px!important;margin-left:8px;padding:11px 20px!important}.hamburger{align-items:center;background:#ffffff0f;border:1px solid var(--border-color);border-radius:var(--r-sm);color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;width:44px}.hamburger:hover{border-color:var(--steel-500)}@media (max-width:1024px){.hamburger{display:flex;height:46px;width:46px}.logo-svg{height:64px}.logo-wordmark{font-size:18px;letter-spacing:3px}.header.scrolled .logo-wordmark{height:30px}.nav-menu{-webkit-overflow-scrolling:touch;align-items:stretch;background:var(--bg-raised);border-bottom:1px solid var(--border-color);box-shadow:var(--sh-lg);flex-direction:column;gap:0;left:0;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:12px 20px 24px;position:absolute;right:0;top:100%;transform:translateY(-130%);transition:transform var(--t-med),visibility var(--t-med);visibility:hidden}.nav-menu.active{transform:translateY(0);visibility:visible}.header.scrolled .nav-link,.nav-link{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-light);display:flex;font-size:16px;min-height:48px;padding:15px 4px;width:100%}.nav-link:after{display:none}.nav-cta{justify-content:center;margin:16px 0 0;min-height:50px;width:100%}.header{will-change:auto}}@media (max-width:768px){.navbar-container{gap:14px;padding-bottom:10px;padding-top:10px}.header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffffff7}}@media (max-width:560px){.logo-svg{height:54px}.logo-wordmark{font-size:16px;letter-spacing:2px}.header.scrolled .logo-wordmark{height:26px}}.hero-section{align-items:center;background-image:linear-gradient(120deg,#0d1117eb,#0d11178c 60%,#0d111759),url(/static/media/concrete.7738be8ae9f54d34b8e6.jpeg);background-position:50%;background-size:cover;display:flex;min-height:100vh;position:relative}.hero-overlay{background:radial-gradient(900px 500px at 85% 20%,var(--steel-glow),#0000 60%),radial-gradient(600px 400px at 10% 90%,var(--amber-glow),#0000 55%);inset:0;opacity:.5;pointer-events:none;position:absolute}.hero-content{padding:160px 0 140px;position:relative;width:100%;z-index:1}.hero-eyebrow{border:1px solid #f5a62366;border-radius:var(--r-pill);color:var(--amber-400);display:inline-block;font-family:var(--font-head);font-size:13px;font-weight:600;letter-spacing:3px;margin-bottom:24px;padding:8px 16px;text-transform:uppercase}.hero-title{color:#fff;font-size:clamp(38px,7vw,72px);font-weight:700;line-height:1.08;margin-bottom:24px;margin-top:28px;max-width:16ch}.hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(100deg,var(--steel-400),var(--amber-400));-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--on-dark-muted);font-size:clamp(16px,2vw,19px);margin-bottom:36px;max-width:56ch}.hero-actions .btn-ghost{border-color:#ffffff73;color:#fff}.hero-actions .btn-ghost:hover{background:#ffffff14;border-color:#fff;color:#fff}.hero-actions{gap:16px;margin-bottom:48px}.hero-actions,.hero-badges{display:flex;flex-wrap:wrap}.hero-badges{border-top:1px solid #ffffff1a;gap:28px;list-style:none;padding-top:28px}.hero-badges li{align-items:center;color:var(--on-dark);display:flex;font-size:15px;font-weight:500;gap:10px}.hero-badges svg{color:var(--amber-500)}.hero-content .reveal{transition-delay:0s}.hero-title.reveal{transition-delay:.08s}.hero-desc.reveal{transition-delay:.16s}.hero-actions.reveal{transition-delay:.24s}.hero-badges.reveal{transition-delay:.32s}.hero-wave{bottom:-1px;left:0;line-height:0;position:absolute;right:0}.hero-wave svg{height:90px;width:100%}@supports (min-height:100svh){.hero-section{min-height:100svh}}@media (max-width:768px){.hero-section{min-height:92vh}@supports (min-height:100svh){.hero-section{min-height:92svh}}.hero-content{padding:130px 0 110px}.hero-badges{gap:16px}.hero-badges li{font-size:14px}.hero-wave svg{height:56px}}@media (max-width:560px){.hero-content{padding:116px 0 90px}.hero-eyebrow{font-size:11px;letter-spacing:2px;padding:7px 12px}.hero-title{margin-bottom:18px;margin-top:20px}.hero-desc{margin-bottom:28px}.hero-actions{gap:12px;margin-bottom:36px}.hero-actions .btn{flex:1 1 100%;min-height:52px}.hero-badges{align-items:flex-start;flex-direction:column;gap:12px;padding-top:20px}.hero-wave svg{height:40px}}.features-section{background:var(--bg-base);padding:var(--sp-8) 0;position:relative;z-index:2}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);padding:36px 26px;text-align:center;transition:transform var(--t-med),border-color var(--t-med),box-shadow var(--t-med)}.feature-card:hover{border-color:var(--steel-500);box-shadow:var(--sh-glow);transform:translateY(-6px)}.feature-icon{align-items:center;background:#f5a6231a;border:1px solid #f5a62340;border-radius:var(--r-md);color:var(--amber-500);display:flex;height:64px;justify-content:center;margin:0 auto 22px;width:64px}.feature-title{color:var(--text-light);font-size:19px;font-weight:600;margin-bottom:12px}.feature-description{color:var(--text-muted);font-size:14.5px;line-height:1.7}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid{gap:14px}.feature-card{padding:28px 18px}.feature-icon{height:56px;margin-bottom:16px;width:56px}.feature-title{font-size:17px}.feature-description{font-size:14px}}@media (max-width:560px){.features-grid{gap:12px;grid-template-columns:1fr}.feature-card{padding:24px 18px}}.about-section{background:var(--bg-base);padding:var(--sp-9) 0}.about-section.full-page{background:var(--bg-base);padding-top:0}.page-hero-about{align-items:center;background-image:linear-gradient(#0d1117b3,#0d1117b3),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:52vh;position:relative}.page-hero-about .page-hero-overlay{inset:0;position:absolute}.page-hero-about .hero-content-center{position:relative;text-align:center;z-index:1}.page-hero-about .page-title-center{color:#fff;font-size:clamp(40px,7vw,64px);font-weight:700;letter-spacing:1px}.about-content{padding:var(--sp-9) 0}.about-section:not(.full-page) .about-content{padding:0}.about-grid{grid-gap:72px;align-items:center;display:grid;gap:72px;grid-template-columns:1fr 1fr}.about-image-container{height:480px;position:relative}.main-image{background-image:url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80);background-position:50%;background-size:cover;border-radius:var(--r-lg);box-shadow:var(--sh-lg);height:100%;width:100%}.experience-badge{background:var(--amber-500);border-radius:var(--r-md);bottom:30px;box-shadow:var(--sh-amber);padding:22px 28px;position:absolute;right:-24px;text-align:center}.badge-number{color:var(--graphite-900);display:block;font-family:var(--font-head);font-size:40px;font-weight:700;line-height:1}.badge-text{color:#0d1117cc;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.about-title{color:var(--text-light);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2;margin-bottom:22px}.about-description{color:var(--text-muted);font-size:16px;line-height:1.8;margin-bottom:18px}.about-features{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:28px 0}.about-feature{color:var(--text-light);font-size:14.5px;font-weight:500;gap:12px}.about-feature,.check{align-items:center;display:flex}.check{background:var(--amber-500);border-radius:50%;color:var(--graphite-900);height:24px;justify-content:center;min-width:24px;width:24px}.check-icon{height:14px;width:14px}.btn-explore{align-items:center;background:var(--steel-500);border-radius:var(--r-sm);color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 30px;text-decoration:none;transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)}.btn-explore:hover{background:var(--steel-600);box-shadow:var(--sh-glow);transform:translateY(-2px)}@media (max-width:1024px){.about-grid{gap:56px;grid-template-columns:1fr}.about-image-container{height:380px}.experience-badge{right:16px}}@media (max-width:768px){.about-features{gap:12px;grid-template-columns:1fr}.about-content{padding:var(--sp-8) 0}.about-grid{gap:44px}.btn-explore{justify-content:center;min-height:50px;width:100%}}@media (max-width:560px){.page-hero-about{min-height:40vh}.about-image-container{height:280px}.experience-badge{bottom:14px;padding:14px 18px;right:12px}.badge-number{font-size:28px}.badge-text{font-size:11px}.about-description{font-size:15px}}.services-section{background:var(--bg-raised);padding:var(--sp-9) 0}.services-section.full-page{padding-top:0}.page-hero-services{align-items:center;background-image:linear-gradient(#0d1117b3,#0d1117b3),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:56vh;position:relative}.page-hero-overlay{inset:0;position:absolute}.hero-content-center{position:relative;text-align:center;z-index:1}.page-title-center{color:#fff;font-size:clamp(38px,6vw,56px);font-weight:700;letter-spacing:1px}.services-content{padding:var(--sp-8) 0}.services-section:not(.full-page) .services-content{padding:0}.services-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card-img{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--sh-md);overflow:hidden;transition:transform var(--t-med),box-shadow var(--t-med),border-color var(--t-med)}.service-card-img:hover{border-color:var(--steel-500);box-shadow:var(--sh-lg);transform:translateY(-8px)}.service-image{background-position:50%;background-size:cover;height:230px;transition:transform var(--t-med)}.service-card-img:hover .service-image{transform:scale(1.05)}.service-info{padding:24px;position:relative}.service-info h3{color:var(--text-light);font-size:20px;font-weight:600;margin-bottom:10px}.service-info p{color:var(--text-muted);font-size:14.5px;line-height:1.7;margin:0;padding-right:48px}.service-link-arrow{align-items:center;background:var(--steel-500);border-radius:50%;bottom:20px;color:#fff;display:flex;height:44px;justify-content:center;position:absolute;right:20px;transition:transform var(--t-fast),background-color var(--t-fast);width:44px}.service-link-arrow:hover{background:var(--amber-500);color:var(--graphite-900);transform:scale(1.1)}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-section{padding:var(--sp-8) 0}.services-grid{gap:18px;grid-template-columns:1fr}.page-hero-services{min-height:42vh}.service-image{height:210px}.service-info{padding:20px}.service-info p{padding-right:56px}.service-link-arrow{height:48px;width:48px}}@media (max-width:400px){.service-image{height:190px}.service-info h3{font-size:18px}}.contact-section{background:var(--bg-raised);padding:var(--sp-9) 0}.contact-section.full-page{background:var(--bg-base);padding-top:0}.page-hero-contact{align-items:center;background-image:linear-gradient(#0d1117b3,#0d1117b3),url(https://images.unsplash.com/photo-1590496793929-36417d3117de?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:52vh;position:relative}.page-hero-contact .page-hero-overlay{inset:0;position:absolute}.page-hero-contact .hero-content-center{position:relative;text-align:center;z-index:1}.page-hero-contact .page-title-center{color:#fff;font-size:clamp(40px,7vw,64px);font-weight:700;letter-spacing:1px}.contact-content{padding:var(--sp-9) 0}.contact-section:not(.full-page) .contact-content{padding:0}.contact-grid{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:1fr 1fr}.contact-info-side{padding-right:20px}.contact-main-title{color:var(--text-light);font-family:var(--font-head);font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:18px}.contact-description{color:var(--text-muted);font-size:16px;line-height:1.8;margin-bottom:36px}.contact-info-list{display:flex;flex-direction:column;gap:22px}.contact-info-item{align-items:flex-start;display:flex;gap:18px}.info-icon{align-items:center;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:var(--r-md);color:var(--steel-400);display:flex;height:50px;justify-content:center;min-width:50px;width:50px}.info-icon svg{height:22px;width:22px}.info-content h4{color:var(--text-light);font-size:16px;font-weight:600;margin-bottom:4px}.info-content p{color:var(--text-muted);font-size:14.5px}.info-link{color:var(--text-muted);text-decoration:none;transition:color var(--t-fast)}.info-link:hover{color:var(--steel-600)}.contact-map{border:1px solid var(--border-color);border-radius:var(--r-md);line-height:0;margin-top:32px;overflow:hidden}.contact-map iframe{border:0;filter:grayscale(.3) contrast(1.05);height:220px;width:100%}.contact-form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:44px}.contact-form{width:100%}.form-row{grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr}.contact-form .form-group{margin-bottom:18px}.contact-form input,.contact-form textarea{background:var(--bg-inset);border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-light);font-family:var(--font-body);font-size:15px;outline:none;padding:15px 18px;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--steel-500);box-shadow:0 0 0 3px #3b82f626}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#98a2b5}.contact-form textarea{min-height:130px;resize:vertical}.btn-submit{background:var(--amber-500);border:none;border-radius:var(--r-sm);color:var(--graphite-900);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:700;padding:16px 32px;transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast);width:100%}.btn-submit:hover{background:var(--amber-600);box-shadow:var(--sh-amber);transform:translateY(-2px)}.form-success{align-items:center;background:#22c55e1f;border:1px solid #22c55e66;border-radius:var(--r-sm);color:#4ade80;display:flex;font-size:14.5px;gap:10px;margin-top:18px;padding:14px 18px}@media (max-width:1024px){.contact-grid{gap:48px;grid-template-columns:1fr}.contact-info-side{padding-right:0}}@media (max-width:768px){.form-row{gap:0;grid-template-columns:1fr}.contact-form-container{padding:24px 18px}.contact-content{padding:var(--sp-8) 0}.page-hero-contact{min-height:42vh}.btn-submit{min-height:52px}.contact-info-list{gap:16px}.contact-map iframe{height:200px}}@media (max-width:400px){.info-icon{height:46px;min-width:46px;width:46px}.contact-description{font-size:15px;margin-bottom:28px}}.footer{background-color:var(--graphite-900);border-top:1px solid var(--border-color)}.footer-main{border-bottom:1px solid #ffffff14;padding:72px 0 56px}.footer-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-logo{align-items:center;display:inline-flex;margin-bottom:20px;text-decoration:none}.footer-logo-svg{display:block;filter:invert(1);height:72px;opacity:.9;width:auto}.footer-logo .logo-icon{height:40px;width:40px}.footer-logo .logo-icon svg{height:100%;width:100%}.footer-logo .logo-text{color:#fff;font-size:22px;font-weight:700;letter-spacing:3px}.footer-description{color:#b0b0b0;font-size:14px;line-height:1.8;margin-bottom:25px}.footer-social{display:flex;gap:12px}.social-link{align-items:center;background-color:#ffffff1a;border-radius:8px;color:#b0b0b0;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link svg{height:18px;width:18px}.social-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.footer-contact h3,.footer-links h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:25px}.footer-contact ul,.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#b0b0b0;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-contact li{align-items:center;color:#b0b0b0;display:flex;font-size:14px;gap:12px;margin-bottom:15px}.contact-icon{align-items:center;color:var(--primary-color);display:flex}.contact-icon svg{height:16px;width:16px}.footer-bottom{padding:25px 0}.footer-bottom p{color:#b0b0b0;font-size:14px;text-align:center}@media (max-width:1024px){.footer-grid{gap:40px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-main{padding:48px 0 40px}.footer-grid{gap:36px;grid-template-columns:1fr}.footer-logo-svg{height:60px}.social-link{height:46px;width:46px}.footer-links li{margin-bottom:4px}.footer-links a{display:inline-block;min-height:40px;padding:8px 0}.footer-contact li{align-items:flex-start;margin-bottom:12px}.footer-contact .contact-icon{margin-top:2px}.footer-bottom{padding:20px 0 calc(20px + env(safe-area-inset-bottom, 0px))}}.calculator-page{padding-top:0}.calculator-hero{background:linear-gradient(135deg,var(--graphite-900) 0,var(--graphite-700) 100%);border-bottom:1px solid var(--border-color);overflow:hidden;padding:145px 0 56px;position:relative}.calculator-hero-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%233b82f6' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");inset:0;opacity:.6;position:absolute}.calculator-hero .container{position:relative;z-index:1}.calculator-hero h1{color:#fff;font-family:var(--font-head);font-size:clamp(28px,5vw,38px);font-weight:700;margin-bottom:10px}.calculator-hero p{color:var(--on-dark-muted);font-size:16px}.calculator-content{background:var(--bg-base);padding:44px 0 72px}.tool-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tool-tab{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all var(--t-fast)}.tool-tab:hover{border-color:var(--steel-500);color:var(--steel-400)}.tool-tab.active{background:var(--steel-500);border-color:var(--steel-500);color:#fff}.tool-tab-icon{align-items:center;display:flex}.tool-tab-icon svg{height:20px;width:20px}.calculator-wrapper{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--sh-md);margin:0 auto;max-width:820px;overflow:hidden}.unit-toggle{background:var(--graphite-800);border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:16px 20px}.unit-toggle button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:11px 20px;transition:all var(--t-fast)}.unit-toggle button.active{background:var(--steel-500);border-color:var(--steel-500);color:#fff}.calculator-tabs{background:var(--graphite-800);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.tab-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all var(--t-fast)}.tab-btn:hover{border-color:var(--steel-500);color:var(--steel-400)}.tab-btn.active{background:var(--steel-500);border-color:var(--steel-500);color:#fff}.tab-icon{align-items:center;display:flex}.tab-icon svg{height:18px;width:18px}.calculator-form{padding:26px}.calculator-form h3{color:var(--text-light);font-size:16px;font-weight:600;margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-muted);font-size:13px;font-weight:500}.form-group input,.form-group select{background:var(--graphite-800);border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-light);font-size:14px;padding:12px 14px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-group input:focus,.form-group select:focus{border-color:var(--steel-500);box-shadow:0 0 0 3px #3b82f626;outline:none}.form-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.form-section h4{font-weight:600;margin-bottom:12px}.form-section h4,.form-select{color:var(--text-light);font-size:14px}.form-select{background:var(--graphite-800);border:1px solid var(--border-color);border-radius:var(--r-sm);cursor:pointer;padding:12px 14px;transition:border-color var(--t-fast);width:100%}.form-select:focus{border-color:var(--steel-500);outline:none}.advanced-options{background:var(--graphite-800);border:1px solid var(--border-color);border-radius:var(--r-md);margin-top:20px;padding:20px}.advanced-options h4{color:var(--text-light);font-size:14px;font-weight:600;margin-bottom:15px}.option-group{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:15px}.option-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.checkbox-label{align-items:center;color:var(--text-light);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{accent-color:var(--steel-500);height:18px;width:18px}.option-icon{align-items:center;color:var(--amber-500);display:flex}.option-icon svg{height:18px;width:18px}.option-details{margin-top:12px;padding-left:28px}.option-row{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:10px}.option-row:last-child{margin-bottom:0}.option-row label{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px}.option-row input,.option-row select{background:var(--graphite-700);border:1px solid var(--border-color);border-radius:var(--r-sm);font-size:13px;padding:8px 12px;width:130px}.pricing-options .option-row{margin-bottom:12px}.form-actions{display:flex;gap:12px;margin-top:25px}.btn-calculate{background:var(--amber-500);border:none;border-radius:var(--r-sm);color:var(--graphite-900);cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 30px;transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)}.btn-calculate:hover{background:var(--amber-600);box-shadow:var(--sh-amber);transform:translateY(-2px)}.btn-reset{background:#0000;border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;font-size:15px;font-weight:600;padding:14px 30px;transition:all var(--t-fast)}.btn-reset:hover{border-color:var(--text-muted);color:var(--text-light)}.calculator-empty{background:var(--graphite-800);border-top:1px solid var(--border-color);color:var(--text-muted);padding:48px 24px;text-align:center}.calculator-empty .empty-icon{color:var(--graphite-500);display:inline-flex}.calculator-empty .empty-icon svg{height:48px;margin-bottom:12px;width:48px}.calculator-empty p{font-size:14px}.calculator-results{background:var(--graphite-800);border-top:1px solid var(--border-color);padding:26px}.results-live-badge{background:#22c55e1f;border:1px solid #22c55e59;border-radius:var(--r-pill);color:var(--success);display:inline-block;font-size:12px;font-weight:600;margin-bottom:18px;padding:5px 12px}.calculator-results h3{font-size:18px;gap:10px;margin-bottom:18px}.calculator-results h3,.calculator-results h4{align-items:center;color:var(--text-light);display:flex;font-weight:600}.calculator-results h4{flex-wrap:wrap;font-size:15px;gap:8px;margin:22px 0 15px}.grade-pill{background:#f5a6231f;border:1px solid #f5a6234d;border-radius:var(--r-pill);color:var(--amber-400);font-family:var(--font-head);font-size:12px;font-weight:600;padding:3px 10px}.section-title-icon{align-items:center;display:flex}.section-title-icon svg{color:var(--steel-400);height:22px;width:22px}.results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.result-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-md);display:flex;gap:12px;padding:16px}.result-card.primary{background:linear-gradient(135deg,var(--steel-600) 0,var(--steel-500) 100%);border-color:var(--steel-500)}.result-card.primary .result-label,.result-card.primary .result-value{color:#fff}.result-icon{align-items:center;background:#3b82f61f;border-radius:var(--r-sm);display:flex;height:40px;justify-content:center;width:40px}.result-icon svg{color:var(--steel-400);height:22px;width:22px}.result-card.primary .result-icon{background:#fff3}.result-card.primary .result-icon svg{color:#fff}.result-info{display:flex;flex-direction:column}.result-value{color:var(--text-light);font-family:var(--font-head);font-size:22px;font-weight:700}.result-label{color:var(--text-muted);font-size:11px}.result-card.primary .result-label{color:#ffffffd9}.weight-grid{display:flex;flex-wrap:wrap;gap:15px}.weight-item{align-items:baseline;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-sm);display:flex;gap:5px;padding:12px 20px}.weight-value{color:var(--steel-400);font-family:var(--font-head);font-size:18px;font-weight:700}.weight-label{color:var(--text-muted);font-size:12px}.materials-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.material-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-sm);display:flex;justify-content:space-between;padding:12px 14px}.material-name{color:var(--text-muted);font-size:12px}.material-value{color:var(--text-light);font-size:14px;font-weight:700}.breakdown{margin-top:16px}.breakdown-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-pill);display:flex;height:18px;overflow:hidden}.breakdown-seg{height:100%;transition:width var(--t-med)}.breakdown-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.legend-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12.5px;gap:7px}.legend-item strong{color:var(--text-light)}.legend-dot{border-radius:3px;display:inline-block;height:11px;width:11px}.bags-section{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.bags-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-md);padding:15px}.bags-group h5{color:var(--text-light);font-size:13px;font-weight:600;margin-bottom:10px}.bags-grid{display:flex;flex-direction:column;gap:8px}.bag-item{background:var(--graphite-800);border-radius:var(--r-sm);display:flex;justify-content:space-between;padding:8px 10px}.bag-size{color:var(--text-muted);font-size:12px}.bag-count{color:var(--steel-400);font-size:13px;font-weight:600}.formwork-results,.mesh-results,.rebar-results{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.formwork-item,.mesh-item,.rebar-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-sm);padding:12px}.formwork-item.highlight,.mesh-item.highlight,.rebar-item.highlight{background:var(--steel-500);border-color:var(--steel-500)}.formwork-item.highlight .formwork-label,.formwork-item.highlight .formwork-value,.mesh-item.highlight .mesh-label,.mesh-item.highlight .mesh-value,.rebar-item.highlight .rebar-label,.rebar-item.highlight .rebar-value{color:#fff}.formwork-label,.mesh-label,.rebar-label{color:var(--text-muted);display:block;font-size:11px;margin-bottom:4px}.formwork-value,.mesh-value,.rebar-value{color:var(--text-light);font-size:14px;font-weight:600}.truck-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-md);padding:20px}.truck-visual{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;padding-bottom:15px}.truck-icon{align-items:center;background:var(--graphite-800);border-radius:var(--r-sm);display:flex;flex-direction:column;gap:5px;padding:10px}.truck-icon svg{color:var(--steel-400);height:30px;width:30px}.truck-load{color:var(--steel-400);font-size:11px;font-weight:600}.truck-icon.partial .truck-load{color:var(--amber-500)}.truck-more{align-items:center;color:var(--text-muted);display:flex;font-size:14px;font-weight:600}.truck-info p{color:var(--text-muted);font-size:13px;margin-bottom:5px}.truck-info strong{color:var(--text-light)}.cost-breakdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-md);overflow:hidden}.cost-item{border-bottom:1px solid var(--graphite-700);display:flex;justify-content:space-between;padding:12px 15px}.cost-item:last-child{border-bottom:none}.cost-item.total{background:var(--steel-500)}.cost-item.total .cost-label,.cost-item.total .cost-value{color:#fff;font-weight:700}.cost-item .cost-label{color:var(--text-muted);font-size:13px}.cost-item .cost-value{color:var(--text-light);font-size:14px;font-weight:600}.results-note{align-items:flex-start;background:#f5a62314;border-left:3px solid var(--amber-500);border-radius:var(--r-sm);display:flex;font-size:12.5px;gap:10px;margin-top:18px;padding:12px 16px}.results-note,.results-note strong{color:var(--amber-400)}.note-icon{display:flex;flex-shrink:0}.note-icon svg{color:var(--amber-500);height:18px;width:18px}.converter-wrapper{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--sh-md);margin:0 auto;max-width:520px;padding:30px}.converter-wrapper h3{align-items:center;color:var(--text-light);display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:8px}.converter-desc{color:var(--text-muted);font-size:14px;margin-bottom:25px}.converter-form{display:flex;flex-direction:column;gap:15px}.converter-input-group{display:flex;gap:10px}.converter-input{background:var(--graphite-800);border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-light);flex:1 1;font-size:16px;padding:14px 16px;transition:border-color var(--t-fast)}.converter-input:focus{border-color:var(--steel-500);outline:none}.converter-input.result{background:var(--graphite-700);color:var(--steel-400);font-weight:600}.converter-select{background:var(--graphite-800);border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-light);cursor:pointer;font-size:14px;padding:14px 16px;width:190px}.converter-arrow{display:flex;justify-content:center;padding:5px 0}.converter-arrow svg{color:var(--steel-400);height:24px;width:24px}.converter-reference{border-top:1px solid var(--border-color);margin-top:30px;padding-top:25px}.converter-reference h4{color:var(--text-light);font-size:14px;font-weight:600;margin-bottom:15px}.converter-reference table{border-collapse:collapse;width:100%}.converter-reference td,.converter-reference th{border-bottom:1px solid var(--border-color);font-size:13px;padding:10px 12px;text-align:left}.converter-reference th{background:var(--graphite-800);color:var(--text-light);font-weight:600}.converter-reference td{color:var(--text-muted)}.calculator-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:30px auto 0;max-width:820px}.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-md);padding:22px}.info-card h4{color:var(--text-light);font-size:15px;font-weight:600;gap:8px;margin-bottom:12px}.info-card h4,.info-title-icon{align-items:center;display:flex}.info-title-icon svg{color:var(--amber-500);height:20px;width:20px}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{border-bottom:1px solid var(--graphite-700);color:var(--text-muted);font-size:12.5px;padding:7px 0}.info-card li:last-child{border-bottom:none}.info-card li strong{color:var(--text-light)}.info-card p{color:var(--text-muted);font-size:12.5px;line-height:1.6;margin-bottom:12px}.info-phone{background:var(--steel-500);border-radius:var(--r-sm);color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:9px 16px;text-decoration:none;transition:background var(--t-fast)}.info-phone:hover{background:var(--steel-600)}@media (max-width:768px){.calculator-hero{padding:100px 0 40px}.tool-tabs{flex-direction:column}.calculator-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-btn{white-space:nowrap}.form-row,.results-grid{grid-template-columns:1fr}.weight-grid{flex-direction:column}.bags-section,.formwork-results,.materials-grid,.mesh-results,.rebar-results{grid-template-columns:1fr}.converter-input-group{flex-direction:column}.converter-select{width:100%}.calculator-info{grid-template-columns:1fr}}.converter-input,.converter-select,.form-group input,.form-group select,.form-select{background:var(--bg-inset);color:var(--text-light)}.converter-input.result{color:var(--steel-600)}.advanced-options,.calculator-tabs,.converter-input.result,.unit-toggle{background:var(--bg-inset)}.option-row input,.option-row select{background:var(--bg-card);color:var(--text-light)}.bag-item,.calculator-empty,.converter-reference th,.truck-icon{background:var(--bg-inset)}.calculator-empty .empty-icon{color:#c2cbdb}.calculator-results{background:var(--bg-base)}.cost-item,.info-card li{border-bottom-color:var(--border-color)}.result-summary{align-items:center;background:linear-gradient(135deg,#fff,#fdf8ef);border:1px solid var(--border-color);border-left:4px solid var(--amber-500);border-radius:var(--r-lg);box-shadow:var(--sh-sm);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:22px;padding:22px 24px}.summary-primary{display:flex;flex-direction:column;gap:5px}.summary-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.summary-value{color:var(--text-light);font-family:var(--font-head);font-size:clamp(32px,6vw,44px);font-weight:700;line-height:1}.summary-value small{color:var(--amber-600);font-size:18px;font-weight:600}.summary-sub{color:var(--text-muted);font-size:13px}.summary-stats{display:flex;gap:12px}.summary-stat{background:var(--bg-inset);border-radius:var(--r-md);min-width:80px;padding:12px 16px;text-align:center}.ss-value{color:var(--text-light);display:block;font-family:var(--font-head);font-size:22px;font-weight:700}.ss-label{color:var(--text-muted);font-size:11px}.result-card.primary{background:var(--bg-card);border-left:3px solid var(--steel-500)}.result-card.primary .result-value{color:var(--text-light)}.result-card.primary .result-label{color:var(--text-muted)}.result-card.primary .result-icon{background:#5b8def1f}.result-card.primary .result-icon svg{color:var(--steel-500)}.bag-count,.truck-load,.weight-value{color:var(--text-light)}.formwork-item.highlight,.mesh-item.highlight,.rebar-item.highlight{background:var(--bg-inset);border-color:var(--border-color)}.formwork-item.highlight .formwork-label,.mesh-item.highlight .mesh-label,.rebar-item.highlight .rebar-label{color:var(--text-muted)}.formwork-item.highlight .formwork-value,.mesh-item.highlight .mesh-value,.rebar-item.highlight .rebar-value{color:var(--amber-600)}.truck-icon svg{color:var(--text-muted)}.truck-icon.partial svg{color:var(--amber-500)}.cost-item.total{background:var(--bg-inset)}.cost-item.total .cost-label{color:var(--text-light)}.cost-item.total .cost-value{color:var(--amber-600)}@media (max-width:560px){.result-summary{align-items:stretch;flex-direction:column}.summary-stats{justify-content:space-between}}.mode-switcher{border-bottom:2px solid var(--border-color);display:flex}.mode-btn{align-items:center;background:var(--bg-inset);border:none;border-right:1px solid var(--border-color);cursor:pointer;display:flex;flex:1 1;gap:12px;padding:16px 20px;text-align:left;transition:background var(--t-fast)}.mode-btn:last-child{border-right:none}.mode-btn.active,.mode-btn:hover{background:var(--bg-card)}.mode-btn.active{border-bottom:3px solid var(--amber-500);margin-bottom:-2px}.mode-btn-icon{align-items:center;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--r-sm);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.mode-btn-icon svg{color:var(--text-muted);height:20px;width:20px}.mode-btn.active .mode-btn-icon{background:#f5a6231f;border-color:#f5a6234d}.mode-btn.active .mode-btn-icon svg{color:var(--amber-500)}.mode-btn-text{display:flex;flex-direction:column;gap:2px}.mode-btn-title{color:var(--text-muted);font-size:14px;font-weight:700}.mode-btn.active .mode-btn-title{color:var(--text-light)}.mode-btn-desc{color:var(--text-muted);font-size:11px}.simple-result{padding:28px 26px}.simple-cost-card{align-items:center;background:linear-gradient(160deg,#fff,#fdf8ef);border:1px solid var(--border-color);border-radius:var(--r-lg);border-top:4px solid var(--amber-500);box-shadow:var(--sh-sm);display:flex;flex-direction:column;margin-bottom:20px;padding:44px 30px 36px;text-align:center}.simple-cost-label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:14px;text-transform:uppercase}.simple-cost-value{color:var(--text-light);font-family:var(--font-head);font-size:clamp(46px,12vw,68px);font-weight:800;line-height:1;margin-bottom:14px}.simple-cost-value small{color:var(--amber-600);font-size:clamp(22px,5vw,30px);font-weight:600;margin-left:4px}.simple-cost-sub{color:var(--text-muted);font-size:13px}@media (max-width:560px){.mode-btn{gap:8px;padding:12px 14px}.mode-btn-desc{display:none}}.quote-cta{align-items:center;background:linear-gradient(135deg,#25d36612,#3b82f60d);border:1px solid var(--border-color);border-left:4px solid #25d366;border-radius:var(--r-md);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:22px;padding:18px 20px}.quote-cta-text{display:flex;flex-direction:column;gap:4px}.quote-cta-text strong{color:var(--text-light);font-size:15px}.quote-cta-text span{color:var(--text-muted);font-size:13px}.quote-cta-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-whatsapp{align-items:center;background:#25d366;border-radius:var(--r-sm);color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;text-decoration:none;transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)}.btn-whatsapp:hover{background:#1fb958;box-shadow:0 8px 20px #25d3664d;transform:translateY(-2px)}.btn-whatsapp svg{flex-shrink:0;height:18px;width:18px}.btn-call{align-items:center;border:1px solid var(--border-color);border-radius:var(--r-sm);color:var(--text-light);display:inline-flex;font-size:14px;font-weight:600;padding:12px 20px;text-decoration:none;transition:border-color var(--t-fast),color var(--t-fast)}.btn-call:hover{border-color:var(--steel-500);color:var(--steel-500)}.price-input-card{background:linear-gradient(135deg,#f5a62317,#f5a62308);border:1px solid #f5a62359;border-left:4px solid var(--amber-500);border-radius:var(--r-md);margin-top:20px;padding:18px 20px}.price-input-head{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.price-input-icon{align-items:center;background:#f5a62329;border-radius:var(--r-sm);color:var(--amber-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.price-input-icon svg{height:22px;width:22px}.price-input-titles h4{align-items:center;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:15px;font-weight:700;gap:8px;margin:0 0 4px}.optional-tag{background:#f5a62324;border-radius:var(--r-pill);color:var(--amber-600);font-size:11px;font-weight:600;padding:3px 9px}.price-input-titles p{color:var(--text-muted);font-size:12.5px;margin:0}.price-input-row{align-items:stretch;display:flex}.price-input-row input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-sm) 0 0 var(--r-sm);border-right:none;color:var(--text-light);flex:1 1;font-family:var(--font-head);font-size:20px;font-weight:700;min-width:0;padding:14px 16px;transition:border-color var(--t-fast)}.price-input-row input:focus{border-color:var(--amber-500);outline:none}.price-unit{background:var(--amber-500);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--graphite-900);font-size:14px;font-weight:700;padding:0 18px;white-space:nowrap}.price-unit,.user-cost-card{align-items:center;display:flex}.user-cost-card{background:linear-gradient(160deg,#f5a62321,#f5a6230a);border:1px solid #f5a62366;border-radius:var(--r-lg);border-top:4px solid var(--amber-500);flex-direction:column;gap:6px;margin-bottom:20px;padding:26px 24px;text-align:center}.user-cost-label{color:var(--amber-600);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.user-cost-value{color:var(--text-light);font-family:var(--font-head);font-size:clamp(36px,9vw,52px);font-weight:800;line-height:1}.user-cost-value small{color:var(--amber-600);font-size:clamp(18px,4vw,24px);font-weight:600}.user-cost-sub{color:var(--text-muted);font-size:13px}.option-hint{color:var(--text-muted);font-size:11.5px;line-height:1.55;margin:-4px 0 10px}.simple-result .summary-stats{justify-content:center;margin-bottom:4px}.simple-result .summary-stat{flex:1 1;max-width:140px}@media (max-width:560px){.quote-cta{align-items:stretch}.quote-cta,.quote-cta-actions{flex-direction:column}.btn-call,.btn-whatsapp{justify-content:center;min-height:50px}}.calculator-tabs{scrollbar-width:none}.calculator-tabs::-webkit-scrollbar{display:none}@media (max-width:768px){.tool-tab{justify-content:center;min-height:50px}.tab-btn{font-size:14px;padding:10px 16px}.tab-btn,.unit-toggle button{min-height:46px}.form-group input,.form-group select,.form-select{min-height:48px}.mode-btn{min-height:56px}.option-row{align-items:stretch;flex-direction:column;gap:8px}.option-row label{font-size:14px}.option-row input,.option-row select{min-height:46px;padding:10px 14px;width:100%}.option-details{padding-left:0}.option-hint{margin:2px 0 12px}.form-actions{flex-direction:column}.btn-calculate,.btn-reset{min-height:52px;width:100%}.calculator-form,.calculator-results{padding:20px 16px}.simple-result{padding:22px 16px}.advanced-options{padding:16px 14px}.price-input-card{padding:16px}.simple-cost-card{padding:32px 20px 28px}.summary-stats{width:100%}.summary-stat{flex:1 1;min-width:0;padding:12px 8px}.price-input-row input{font-size:18px!important}.converter-wrapper{padding:22px 16px}.truck-visual{gap:10px}.info-card{padding:18px 16px}}@media (max-width:400px){.price-unit{font-size:12.5px;padding:0 12px}.quote-cta{padding:14px}.tab-btn{font-size:13px;padding:10px 12px}.grade-pill{font-size:11px}.results-grid{gap:10px}.result-card{padding:14px}.calculator-hero{padding:92px 0 36px}}.products-section{background:var(--bg-base)}.page-hero-products{align-items:center;background-image:linear-gradient(#0d1117b8,#0d1117b8),url(/static/media/markus-kammermann-4YbgiADkpYE-unsplash.8bb60e64bd4900edda75.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:52vh;position:relative}.page-hero-products .page-hero-overlay{inset:0;position:absolute}.page-hero-products .hero-content-center{position:relative;text-align:center;z-index:1}.page-hero-products .page-title-center{color:#fff;font-size:clamp(40px,7vw,64px);font-weight:700;letter-spacing:1px}.products-content{padding:var(--sp-9) 0}.section-head{margin-bottom:var(--sp-7);text-align:center}.section-head .section-subtitle{display:block}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);display:flex;flex-direction:column;padding:26px;transition:transform var(--t-med),border-color var(--t-med),box-shadow var(--t-med)}.product-card:hover{border-color:var(--steel-500);box-shadow:var(--sh-glow);transform:translateY(-6px)}.product-card-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.product-grade{display:flex;flex-direction:column}.grade-id{color:var(--text-light);font-family:var(--font-head);font-size:30px;font-weight:700;line-height:1}.grade-class{color:var(--amber-400);font-size:13px;font-weight:600;margin-top:4px}.product-strength{align-items:center;background:#3b82f61a;border:1px solid #3b82f640;border-radius:var(--r-pill);color:var(--steel-400);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 10px;white-space:nowrap}.product-name{color:var(--text-light);font-size:18px;font-weight:600;margin-bottom:6px}.product-use{color:var(--text-muted);font-size:13.5px;line-height:1.6;margin-bottom:18px;min-height:44px}.products-trust{color:var(--text-muted);font-size:14.5px;line-height:1.7;margin:14px auto 0;max-width:620px}.product-tech{background:var(--bg-inset);border:1px solid var(--border-color);border-radius:var(--r-sm);margin-bottom:18px;overflow:hidden}.product-tech summary{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;list-style:none;padding:11px 14px;transition:color var(--t-fast);-webkit-user-select:none;user-select:none}.product-tech summary::-webkit-details-marker{display:none}.product-tech summary:after{color:var(--text-muted);content:"+";font-size:17px;font-weight:600;line-height:1;margin-left:auto}.product-tech[open] summary:after{content:"−"}.product-tech summary:hover{color:var(--text-light)}.product-tech-body{padding:0 14px 14px}.tech-disclaimer{color:var(--text-muted);font-size:11.5px;line-height:1.6;margin:12px 0 0}.product-mix{align-items:center;background:var(--bg-card);border-radius:var(--r-sm);display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 14px}.mix-label{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12.5px;gap:6px}.mix-value{color:var(--amber-400);font-family:var(--font-head);font-weight:600;letter-spacing:.5px}.product-stats{list-style:none;margin:0;padding:0}.product-stats li{border-bottom:1px solid var(--border-color);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.product-stats li:last-child{border-bottom:none}.product-stats span{color:var(--text-muted)}.product-cta,.product-stats strong{color:var(--text-light);font-weight:600}.product-cta{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--r-sm);display:inline-flex;font-size:13.5px;gap:8px;justify-content:center;margin-top:auto;padding:12px 16px;text-decoration:none;transition:border-color var(--t-fast),color var(--t-fast),background-color var(--t-fast)}.product-cta:hover{background:#f5a6230f;border-color:var(--amber-500);color:var(--amber-400)}.products-note{color:var(--text-muted);font-size:13px;line-height:1.7;margin-top:var(--sp-6);text-align:center}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-hero-products{min-height:40vh}.products-content{padding:var(--sp-8) 0}.products-grid{gap:16px}.product-card{padding:22px 18px}.product-tech summary{min-height:46px}.product-cta{min-height:48px}.product-use{min-height:0}}@media (max-width:560px){.products-grid{gap:14px;grid-template-columns:1fr}.grade-id{font-size:26px}.products-trust{font-size:13.5px}}.gallery-section{background:var(--bg-base)}.page-hero-gallery{align-items:center;background-image:linear-gradient(#0d1117b8,#0d1117b8),url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2070&q=80);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:50vh;position:relative}.page-hero-gallery .page-hero-overlay{inset:0;position:absolute}.page-hero-gallery .hero-content-center{position:relative;text-align:center;z-index:1}.page-hero-gallery .page-title-center{color:#fff;font-size:clamp(40px,7vw,64px);font-weight:700;letter-spacing:1px}.page-subtitle-center{color:var(--on-dark-muted);font-size:18px;margin-top:12px}.gallery-content{padding:var(--sp-8) 0 var(--sp-9)}.gallery-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.gallery-item{aspect-ratio:4/3;background:var(--bg-card);border:none;border-radius:var(--r-md);cursor:pointer;margin:0;overflow:hidden;padding:0;position:relative}.gallery-item:nth-child(5){aspect-ratio:8/3;grid-column:span 2}.gallery-item img{display:block;height:100%;object-fit:cover;transition:transform var(--t-med);width:100%}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{align-items:center;background:linear-gradient(0deg,#0d1117d9,#0d11171a);color:#fff;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--t-med)}.gallery-item:focus-visible .gallery-overlay,.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay svg{color:var(--amber-400)}.gallery-caption{font-size:14px;font-weight:600;padding:0 12px;text-align:center}.lightbox{align-items:center;animation:lightbox-fade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090c10eb;display:flex;inset:0;justify-content:center;padding:40px 72px;position:fixed;z-index:1000}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-figure{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0;max-height:100%;max-width:100%}.lightbox-image{border-radius:var(--r-md);box-shadow:0 24px 60px #0009;max-height:82vh;max-width:100%;object-fit:contain}.lightbox-caption{color:#fff;font-size:15px;font-weight:500;text-align:center}.lightbox-close,.lightbox-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:background-color var(--t-fast),transform var(--t-fast)}.lightbox-close:hover,.lightbox-nav:hover{background:var(--amber-500);color:var(--graphite-900)}.lightbox-close{height:48px;right:24px;top:20px;width:48px}.lightbox-nav{height:56px;top:50%;transform:translateY(-50%);width:56px}.lightbox-nav:hover{transform:translateY(-50%) scale(1.06)}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media (max-width:768px){.lightbox{padding:20px}.lightbox-nav{height:44px;width:44px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-image{max-height:74vh}}@media (max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.page-hero-gallery{min-height:40vh}.gallery-content{padding:var(--sp-7) 0 var(--sp-8)}.gallery-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.gallery-item:nth-child(5){aspect-ratio:16/6;grid-column:span 2}.gallery-overlay{background:linear-gradient(0deg,#0d1117bf 0,#0000 45%);justify-content:flex-end;opacity:1;padding-bottom:12px}.gallery-overlay svg{display:none}.lightbox{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090c10f5}.lightbox-close{right:calc(12px + env(safe-area-inset-right, 0px));top:calc(10px + env(safe-area-inset-top, 0px))}.lightbox-close,.lightbox-nav{height:46px;width:46px}}@media (max-width:460px){.gallery-grid{grid-template-columns:1fr}.gallery-item:nth-child(5){aspect-ratio:4/3;grid-column:span 1}}
/*# sourceMappingURL=main.b7c3be32.css.map*/