@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--brand-navy: #20263e;--brand-slate: #255066;--brand-orange: #ec7c31;--brand-green: #06b900;--brand-cyan: #22d3ee;--primary-color: #255066;--secondary-color: #20263e;--accent-color: #ec7c31;--text-primary: #20263e;--text-secondary: #5c6478;--bg-light: #f0f4fa;--bg-white: #ffffff;--border-color: #dfe4ee;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .04);--shadow-md: 0 8px 24px rgb(32 38 62 / .08);--shadow-lg: 0 20px 50px rgb(32 38 62 / .12);--shadow-glass: 0 8px 32px rgb(32 38 62 / .06), inset 0 1px 0 rgb(255 255 255 / .8);--ease-out: cubic-bezier(.22, 1, .36, 1);--pattern-hex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23255066' fill-opacity='0.06'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ec7c3159}70%{box-shadow:0 0 0 14px #ec7c3100}to{box-shadow:0 0 #ec7c3100}}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f5f8fc 0%,var(--bg-white) 28%,var(--bg-light) 100%);background-attachment:fixed}html{scroll-behavior:smooth}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}.section{padding:clamp(2.5rem,6vw,4.5rem) 0}.page-hero-tech{position:relative;overflow:hidden;text-align:center;padding:clamp(3rem,8vw,4.5rem) 0;background:linear-gradient(145deg,var(--bg-white) 0%,#eef3f9 45%,var(--bg-light) 100%);border-bottom:1px solid var(--border-color)}.page-hero-tech:before{content:"";position:absolute;inset:0;background-image:var(--pattern-hex);opacity:.85;pointer-events:none}.page-hero-tech .container{position:relative;z-index:1}.page-hero-tech .page-title{font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;letter-spacing:-.02em;color:var(--secondary-color);margin-bottom:.75rem;line-height:1.15}.page-hero-tech .page-subtitle,.page-hero-tech .about-hero-lead{font-size:1.1rem;color:var(--text-secondary);max-width:38rem;margin:.35rem auto 0;line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-pill);text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s,color .25s,border-color .25s;border:2px solid transparent;cursor:pointer;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-secondary{background:#ffffffe6;color:var(--primary-color);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary-color);background:var(--bg-white);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,var(--accent-color) 0%,#d96a22 100%);color:#fff;box-shadow:0 6px 20px #ec7c3159}.btn-accent:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 10px 28px #ec7c3166}.btn-pill{border-radius:var(--radius-pill)}.tech-card{background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-glass);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.tech-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.section{padding:2rem 0}.container{padding:0 1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
