:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-elevated: #232342;--accent: #ff6b35;--accent-hover: #ff8c5a;--text: #e8e8f0;--text-muted: #9494b8;--text-dim: #6b6b8a;--border: #2a2a4a;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--page-bg-pro: #101017}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit}button,a,input,textarea,select{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}::selection{background:#ff6b3540;color:var(--text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}input::placeholder,textarea::placeholder{color:var(--text-dim)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:4px;z-index:999;padding:8px 16px;background:var(--accent);color:#fff;border-radius:4px;font-size:.9rem}.skip-to-content:focus{left:8px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:var(--bg-elevated);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes page-switch{0%{opacity:0;transform:translateY(20px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes hero-glow{0%,to{opacity:.42}50%{opacity:.58}}.content-fade{animation:fade-up .85s cubic-bezier(.22,1,.36,1) both}.surface-card{background:linear-gradient(180deg,#232342fa,#1a1a2efa);border:1px solid var(--border);box-shadow:0 18px 40px #0000002e}.service-card:hover,.surface-card:hover{border-color:#ff6b3559;transform:translateY(-6px) scale(1.01);box-shadow:0 24px 48px #0000003d}.hero-banner-section{position:relative;min-height:min(78vh,760px);display:flex;align-items:center;justify-content:center;padding:96px 20px 88px;background:linear-gradient(90deg,#0f0f1a85,#0f0f1a47 42%,#0f0f1a80),url(/hero-banner-v2.jpg),url(/hero-banner.svg);background-size:cover;background-position:center;overflow:hidden}.hero-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 38%,#ff6b3529,#ff6b3500 42%),linear-gradient(180deg,#ffffff0d,#0f0f1a05);animation:hero-glow 5.5s ease-in-out infinite}.hero-banner-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f0f1a1f,#0f0f1a47)}.hero-banner-content{position:relative;z-index:1;width:min(100%,1200px)}.page-hero-copy{animation:fade-up .95s cubic-bezier(.22,1,.36,1) both}.hero-brand-title{margin-bottom:10px;font-size:clamp(2.4rem,7vw,4.9rem);font-weight:900;line-height:.98;letter-spacing:-.05em;color:#f4f4f8;text-shadow:0 10px 30px rgba(0,0,0,.28)}.hero-brand-spacer{height:clamp(14px,2.6vw,26px)}.hero-banner-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,107,53,.24);border-radius:999px;background:#0f0f1a6b;color:#ffd5c7;font-size:.84rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-banner-title{max-width:720px;margin:18px 0 16px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98;letter-spacing:-.045em}.hero-banner-title span{color:var(--accent)}.hero-banner-copy{max-width:620px;color:#c6c9d9;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}@keyframes soft-reveal{0%{opacity:0;transform:translateY(34px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.home-page-pro .hero-banner-section{position:sticky;top:0;z-index:0;min-height:min(86vh,860px);padding:110px 20px 118px;background:linear-gradient(90deg,#0a0a10ad,#0f0f1a5c 46%,#0a0a10b8),url(/hero-banner-v2.jpg),url(/hero-banner.svg);background-size:cover;background-position:center;background-attachment:fixed}.home-page-pro .hero-banner-overlay{background:radial-gradient(circle at 16% 42%,#ff6b3533,#ff6b3500 40%),linear-gradient(180deg,#ffffff0d,#0f0f1a0a);animation-duration:8s}.home-page-pro .hero-banner-vignette{background:linear-gradient(180deg,#0f0f1a1a,#0f0f1a0f 38%,#0f0f1a57 66%,#0f0f1ab8 84%,#0f0f1af0),radial-gradient(circle at center,#0000,#04040a73)}.home-page-pro .hero-brand-title{text-shadow:0 14px 34px rgba(0,0,0,.34)}.home-scroll-layer{position:relative;z-index:2;margin-top:-112px;background:linear-gradient(180deg,#0f0f1a00,#0f0f1a2e 34px,#10101c8f 86px,#0f0f1ae6 168px,#0f0f1a 272px),var(--page-bg-pro);border-top:1px solid rgba(255,255,255,.02);box-shadow:0 -34px 76px #00000024}.home-scroll-layer:before{content:"";position:absolute;inset:0 0 auto;height:248px;pointer-events:none;background:linear-gradient(180deg,#ff6b350d,#ff6b3505 32%,#ff6b3500 78%),linear-gradient(180deg,#ffffff08,#ffffff02 26%,#fff0 74%)}.home-section{position:relative;padding:96px 0 74px;animation:soft-reveal .9s cubic-bezier(.22,1,.36,1) both}.home-section-services{background:linear-gradient(180deg,#1a1a2ec7,#121220e0);border-top:1px solid rgba(255,255,255,.04)}.home-page-pro .surface-card{border-radius:10px;padding:28px}.home-product-grid>a{box-shadow:0 18px 44px #0000002e}@supports (animation-timeline: view()){.home-section{animation-timeline:view();animation-range:entry 0% cover 28%}}.inquiry-modal-shell{overscroll-behavior:contain}@media (max-width: 768px){.inquiry-modal-shell{align-items:flex-start!important;padding:0!important}.inquiry-modal-content{width:100%!important;min-height:100dvh;max-height:none!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;overflow:visible!important;padding:24px 18px 32px!important}}.site-header{box-shadow:0 10px 30px #0000001f}.site-nav-strip{border-top:1px solid rgba(42,42,74,.75);border-bottom:1px solid rgba(42,42,74,.75);background:#0f0f1af5}.site-nav-strip-inner{max-width:1200px;margin:0 auto;padding:10px 20px}.site-header-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.site-header-nav::-webkit-scrollbar{display:none}.site-header-nav a:hover,.site-footer a:hover{color:var(--accent)}.mobile-only-nav{display:none}.page-transition{animation:page-switch .45s cubic-bezier(.22,1,.36,1);will-change:transform,opacity,filter}.admin-layout{width:100%}.admin-main{overflow-x:auto}.admin-sidebar button:hover{background:#ff6b3514;color:var(--text)}@media (max-width: 900px){.hero-banner-section{min-height:auto;padding:88px 18px 64px;background-position:58% center;background-attachment:scroll!important}.hero-banner-title{max-width:560px}.admin-layout{flex-direction:column}.admin-sidebar{width:100%!important;min-height:0!important;border-right:none!important;border-bottom:1px solid var(--border);display:flex;overflow-x:auto;padding:10px 12px!important;gap:8px}.admin-sidebar button{width:auto!important;white-space:nowrap;border-radius:8px;padding:10px 14px!important}.admin-main{padding:18px!important}}@media (max-width: 768px){.site-header-inner{gap:12px;height:60px!important;padding-inline:16px!important}.site-header-nav-desktop{display:none!important}.mobile-only-nav{display:block}.site-nav-strip-inner{padding:10px 16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions>a,.hero-actions>a button{width:100%}.site-footer-grid{gap:24px!important}.service-detail-layout{flex-direction:column}.nfc-platform-grid,.nfc-platform-card{grid-template-columns:1fr!important}}@media (min-width: 769px){.nfc-platform-grid{align-items:stretch}.nfc-platform-card{align-items:start}}@media (min-width: 769px){.mobile-only-nav{display:none!important}}@media (max-width: 560px){.hero-banner-section{padding:76px 16px 52px;background-position:62% center}.hero-banner-badge{width:100%;justify-content:center;text-align:center;border-radius:16px}.hero-banner-title{font-size:clamp(1.95rem,11vw,3.2rem)}.hero-banner-copy{font-size:.98rem}.site-footer-inner{padding-inline:16px!important}.admin-topbar{padding-inline:14px!important}.admin-main{padding:14px!important;overflow-x:visible}.admin-products-list{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.admin-products-list>div{min-width:760px}.admin-product-modal{width:min(100%,calc(100vw - 20px))!important;max-height:calc(100vh - 20px)!important;padding:18px!important;border-radius:12px!important}.admin-product-modal [style*="grid-template-columns: 1fr 1fr"],.admin-product-modal [style*="grid-template-columns: 1fr 1fr 1fr"],.admin-product-modal [style*="grid-template-columns: minmax(160px, 1fr) auto"],.admin-product-modal [style*="grid-template-columns: 1fr 120px"]{grid-template-columns:1fr!important}}