.tech-hero{padding:180px 0 140px;background:var(--color-bg-cream);color:var(--color-text-primary);text-align:center}.tech-hero .page-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.3;margin:0 0 1rem;color:var(--color-primary-800)}.tech-hero .page-subtitle{font-size:1.25rem;font-weight:400;color:var(--color-text-secondary);margin:0 auto;max-width:700px;opacity:1}.tech-overview{padding:5rem 0}.tech-overview-content{max-width:1000px;margin:0 auto}.tech-overview-text p{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:1.5rem}.tech-overview-text strong{color:var(--color-primary-600);font-weight:700;background:linear-gradient(180deg,transparent 70%,var(--color-primary-100) 70%)}.tech-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:4rem}.tech-feature-item{text-align:center;padding:2.5rem 2rem;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:.3s}.tech-feature-item:hover{border-color:var(--color-primary-300);transform:translateY(-5px);box-shadow:var(--shadow-md)}.tech-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary-200) 0,var(--color-primary-400) 100%);color:var(--color-white);border-radius:50%;margin-bottom:1.5rem;box-shadow:0 8px 16px rgba(0,150,136,.15)}.tech-feature-item h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.tech-feature-item p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.tech-system-flow{padding:5rem 0;background-color:var(--color-bg-light)}.tech-flow-container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:4rem;flex-wrap:wrap}.tech-flow-item{position:relative;flex:1;min-width:200px;text-align:center;padding:3rem 1.5rem 2.5rem;background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s;border:1px solid rgba(0,0,0,.02)}.tech-flow-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.tech-flow-number{position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-white);font-size:1rem;font-weight:700;border-radius:50%;box-shadow:0 4px 12px rgba(255,112,67,.3);border:3px solid var(--color-bg-white)}.tech-flow-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:var(--color-bg-cream);color:var(--color-primary);border-radius:50%;margin-bottom:1.5rem;transition:.3s}.tech-flow-item:hover .tech-flow-icon{background:var(--color-primary);color:var(--color-white)}.tech-flow-item h3{font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.tech-flow-item p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.tech-flow-arrow{flex-shrink:0;color:var(--color-primary-200)}.tech-apps{padding:6rem 0}.tech-app-section{margin-top:5rem}.tech-app-section:first-of-type{margin-top:3rem}.tech-app-header{text-align:center;margin-bottom:3.5rem}.tech-app-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:30px;margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.tech-app-icon.user{background:linear-gradient(135deg,var(--color-primary-400) 0,var(--color-primary-600) 100%);color:var(--color-white)}.tech-app-icon.manager{background:linear-gradient(135deg,var(--color-secondary-500) 0,var(--color-accent-500) 100%);color:var(--color-white)}.tech-app-header h3{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.tech-app-header p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.tech-app-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.tech-app-features{display:flex;flex-direction:column;gap:1.5rem}.tech-app-feature{display:flex;gap:1.25rem;padding:1.75rem;background:var(--color-bg-white);border-radius:var(--radius-lg);border-left:5px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:transform .3s;border:1px solid var(--color-border-light)}.tech-app-feature:hover{transform:translateX(8px);box-shadow:var(--shadow-md)}.tech-app-feature .feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-50);color:var(--color-primary);border-radius:50%}.tech-app-section:nth-of-type(2) .tech-app-feature .feature-icon{background:#fff3e0;color:var(--color-accent)}.tech-app-feature h4{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.tech-app-feature p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.tech-app-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.screenshot-placeholder{aspect-ratio:9/16;background:var(--color-bg-section);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:1rem;border:4px solid var(--color-bg-white);box-shadow:var(--shadow-md)}.screenshot-placeholder p{font-size:.875rem;color:var(--color-text-muted);text-align:center;margin:0}.tech-control-system{padding:6rem 0;background-color:var(--color-bg-light)}.tech-dashboard-preview{margin:4rem 0}.dashboard-placeholder{aspect-ratio:16/9;background:var(--color-bg-white);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.dashboard-placeholder svg{color:var(--color-primary-200);margin-bottom:1rem;width:64px;height:64px}.dashboard-placeholder p{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;margin:0}.tech-control-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.tech-control-feature{text-align:center;padding:2.5rem 1.5rem;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.tech-control-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.control-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-bg-cream);color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:1.25rem}.tech-control-feature h4{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.tech-control-feature p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.tech-optional-features{margin-top:4rem;padding:3rem;background:var(--color-bg-white);border-radius:var(--radius-xl);border:2px dashed var(--color-primary-200)}.tech-optional-features h3{font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2rem;text-align:center}.optional-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.optional-feature{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-bg-cream);border-radius:var(--radius-md)}.optional-feature svg{flex-shrink:0;color:var(--color-accent)}.optional-feature span{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.tech-system-screens{padding:6rem 0}.tech-screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.tech-screen-item{text-align:center}.screen-placeholder{aspect-ratio:4/3;background:var(--color-bg-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.screen-placeholder svg{color:var(--color-text-light)}.tech-screen-item h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.tech-screen-item p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.tech-cta{padding:6rem 0;background:linear-gradient(to bottom,var(--color-bg-white) 0,var(--color-bg-cream) 100%)}.tech-cta-content{max-width:800px;margin:0 auto;text-align:center}.tech-cta-content h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.tech-cta-content p{font-size:1.125rem;color:var(--color-text-secondary);margin:0 0 2.5rem}.tech-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tech-cta-buttons .btn{border-radius:var(--radius-full)}@media (max-width:992px){.tech-flow-container{flex-direction:column}.tech-flow-arrow{transform:rotate(90deg);margin:1rem 0}.tech-app-content{grid-template-columns:1fr;gap:3rem}.tech-app-screenshots{grid-template-columns:repeat(3,1fr)}.tech-control-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.tech-hero{padding:6rem 0 3rem}.tech-hero .page-title{font-size:1.75rem}.tech-apps,.tech-control-system,.tech-cta,.tech-overview,.tech-system-flow,.tech-system-screens{padding:4rem 0}.tech-features-grid{grid-template-columns:1fr}.tech-flow-item{min-width:100%;padding:2rem 1.5rem}.tech-app-screenshots{grid-template-columns:repeat(3,1fr);gap:.75rem}.tech-control-features{grid-template-columns:1fr}.tech-screens-grid{grid-template-columns:1fr;gap:2rem}.tech-cta-content h2{font-size:1.5rem}.tech-cta-buttons{flex-direction:column;align-items:stretch;padding:0 1rem}.tech-cta-buttons .btn{width:100%}}@media (max-width:480px){.tech-app-screenshots{grid-template-columns:1fr}}