.page-technology .hero{position:relative;overflow:hidden;padding:112px 0 96px;background:radial-gradient(900px 480px at 80% 4%,rgba(5,104,57,.22),transparent 60%),radial-gradient(700px 420px at 8% 98%,rgba(47,179,108,.1),transparent 60%),linear-gradient(160deg,#0e1b2e,#13243b)}.page-technology .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,58,87,.5) 1px,transparent 0),linear-gradient(90deg,rgba(39,58,87,.5) 1px,transparent 0);background-size:56px 56px;mask-image:radial-gradient(circle at 74% 32%,#000,transparent 72%);-webkit-mask-image:radial-gradient(circle at 74% 32%,#000,transparent 72%);opacity:.5}.page-technology .hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.page-technology .hero-eye{margin-bottom:20px}.page-technology .hero h1.display{margin-bottom:20px;text-wrap:balance}.page-technology .hero .sub{font-size:19px;color:var(--text-on-dark);max-width:540px;margin-bottom:8px;text-wrap:pretty}.page-technology .hero .en{font-family:var(--font-disp);font-weight:500;letter-spacing:.14em;color:var(--accent-bright);font-size:14px;margin:8px 0 32px}.page-technology .hero-cta{display:flex;gap:12px;flex-wrap:wrap}.page-technology .hero-visual{position:relative}.page-technology .hero-visual .ph{aspect-ratio:4/3}.page-technology .hero-visual .ph:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(5,104,57,.18)}.page-technology .overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.page-technology .overview-grid p.lead{font-size:19px;line-height:1.7;color:var(--text-on-light);text-wrap:pretty}.page-technology .ov-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-technology .ovstat{background:#fff;border:1px solid var(--border-light);border-radius:14px;padding:22px;box-shadow:var(--shadow-light)}.page-technology .ovstat .num{font-family:var(--font-mono);font-weight:600;font-size:26px;color:var(--accent);line-height:1;margin-bottom:8px}.page-technology .ovstat .lab{font-size:13.5px;color:#4a5c73}.page-technology .flow{display:flex;align-items:stretch;gap:0}.page-technology .flow-node{flex:1;min-width:0;background:var(--surface-1);border:1px solid var(--border-dark);border-radius:var(--r-card);padding:28px 24px;display:flex;flex-direction:column;gap:12px;position:relative;transition:opacity .5s ease,transform .5s ease}.page-technology .flow-node.mid{border-color:var(--accent);box-shadow:0 0 0 1px rgba(5,104,57,.4),inset 0 0 60px rgba(5,104,57,.12)}.page-technology .flow-node .step{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-muted)}.page-technology .flow-node .ico{width:54px;height:54px;border-radius:13px;background:rgba(47,179,108,.12);color:var(--accent-bright);display:flex;align-items:center;justify-content:center}.page-technology .flow-node.mid .ico{background:var(--accent);color:#fff}.page-technology .flow-node h3{font-size:19px;font-weight:700;color:#fff}.page-technology .flow-node .en{font-family:var(--font-mono);font-size:12px;color:var(--accent-bright)}.page-technology .flow-node p{color:var(--text-muted);font-size:14px}.page-technology .flow-conn{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}.page-technology .flow-conn .clab{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;text-align:center}.page-technology .flow-line{position:relative;width:100%;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent) 0 50%,transparent 0 100%) repeat-x;background-size:14px 3px;opacity:.5}.page-technology .flow-line:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);border-left:9px solid var(--accent);border-top:6px solid transparent;border-bottom:6px solid transparent}@media (prefers-reduced-motion:no-preference){@keyframes dash{to{background-position:14px 0}}.page-technology .flow.in .flow-line{animation:dash 1s linear infinite}.page-technology .flow .flow-node{opacity:0;transform:translateY(18px)}.page-technology .flow.in .flow-node{opacity:1;transform:none}.page-technology .flow.in .flow-node:first-child{transition-delay:.05s}.page-technology .flow.in .flow-node:nth-child(3){transition-delay:.35s}.page-technology .flow.in .flow-node:nth-child(5){transition-delay:.65s}.page-technology .flow .flow-conn{opacity:0;transition:opacity .4s ease}.page-technology .flow.in .flow-conn:nth-child(2){opacity:1;transition-delay:.25s}.page-technology .flow.in .flow-conn:nth-child(4){opacity:1;transition-delay:.55s}}.page-technology .flow-foot{margin-top:32px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-technology .flow-foot .mono{font-size:12.5px;color:var(--text-muted)}@media (max-width:860px){.page-technology .flow{flex-direction:column;align-items:stretch}.page-technology .flow-conn{flex:0 0 auto;height:64px;width:100%;flex-direction:row;gap:12px}.page-technology .flow-line{width:3px;height:100%;background:linear-gradient(180deg,var(--accent) 0 50%,transparent 0 100%) repeat-y;background-size:3px 14px}.page-technology .flow-line:after{right:auto;left:50%;top:auto;bottom:-2px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--accent);border-bottom:0}@media (prefers-reduced-motion:no-preference){@keyframes dashv{to{background-position:0 14px}}.page-technology .flow.in .flow-line{animation:dashv 1s linear infinite}}}.page-technology .feat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}.page-technology .feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-technology .feat{border-radius:var(--r-card);padding:28px 24px;display:flex;flex-direction:column;gap:14px}.page-technology .feat .fn{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.08em}.page-technology .feat .ico{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center}.page-technology .feat h4{font-size:17px;font-weight:600;line-height:1.35}.page-technology .feat p{font-size:14px}.page-technology .feat .en{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em}.page-technology .feat.light{background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow-light);transition:transform .2s ease,box-shadow .2s ease}.page-technology .feat.light:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(14,27,46,.12)}.page-technology .feat.light .ico{background:rgba(5,104,57,.1);color:var(--accent)}.page-technology .feat.light h4{color:var(--text-on-light)}.page-technology .feat.light p{color:#4a5c73}.page-technology .feat.light .en{color:#7488a2}.page-technology .feat.light .fn{color:var(--accent)}.page-technology .feat.dark{background:var(--surface-1);border:1px solid var(--border-dark);transition:transform .2s ease,border-color .2s ease,background .2s ease}.page-technology .feat.dark:hover{transform:translateY(-4px);background:var(--surface-2);border-color:var(--accent)}.page-technology .feat.dark .ico{background:rgba(47,179,108,.12);color:var(--accent-bright)}.page-technology .feat.dark h4{color:#fff}.page-technology .feat.dark p{color:var(--text-muted)}.page-technology .feat.dark .en,.page-technology .feat.dark .fn{color:var(--accent-bright)}.page-technology .cap3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-technology .cap-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--r-card);padding:32px;box-shadow:var(--shadow-light);display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,box-shadow .2s ease}.page-technology .cap-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(14,27,46,.12)}.page-technology .cap-card .ico{width:56px;height:56px;border-radius:14px;background:rgba(5,104,57,.1);color:var(--accent);display:flex;align-items:center;justify-content:center}.page-technology .cap-card h3{color:var(--text-on-light)}.page-technology .cap-card .en{font-family:var(--font-mono);font-size:12px;color:#7488a2}.page-technology .cap-card p{color:#4a5c73;font-size:14.5px}.page-technology .apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.page-technology .prod-list{display:flex;flex-direction:column;gap:14px}.page-technology .prod{display:flex;align-items:center;gap:18px;background:var(--surface-1);border:1px solid var(--border-dark);border-radius:14px;padding:18px 20px;transition:border-color .2s ease,background .2s ease}.page-technology .prod:hover{border-color:var(--accent);background:var(--surface-2)}.page-technology .prod .pico{flex-shrink:0;width:48px;height:48px;border-radius:11px;background:rgba(47,179,108,.12);color:var(--accent-bright);display:flex;align-items:center;justify-content:center}.page-technology .prod .pt{display:flex;flex-direction:column;gap:2px}.page-technology .prod .pt b{font-size:16.5px;font-weight:600;color:#fff}.page-technology .prod .pt .en{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.page-technology .pf-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-technology .pf{background:var(--surface-1);border:1px solid var(--border-dark);border-radius:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.page-technology .pf:hover{transform:translateY(-4px);border-color:var(--accent)}.page-technology .pf .ph{border-radius:0;aspect-ratio:4/3;border:0;border-bottom:1px solid var(--border-dark)}.page-technology .pf-body{padding:16px;display:flex;flex-direction:column;gap:8px}.page-technology .pf-body h4{font-size:14.5px;font-weight:600;color:#fff;line-height:1.35}.page-technology .pf-tags{display:flex;gap:6px;flex-wrap:wrap}.page-technology .apply-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:16px}.page-technology .cta-band{background:radial-gradient(700px 360px at 85% 20%,rgba(5,104,57,.28),transparent 60%),linear-gradient(135deg,#0e1b2e,#16294a);border-top:1px solid var(--border-dark)}.page-technology .cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.page-technology .cta-left .h2{margin:12px 0 14px}.page-technology .cta-left p{color:var(--text-muted);max-width:460px;margin-bottom:28px}.page-technology .cta-btns{display:flex;gap:12px;flex-wrap:wrap}.page-technology .cta-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-technology .ci{background:var(--surface-1);border:1px solid var(--border-dark);border-radius:14px;padding:20px}.page-technology .ci .lab{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--accent-bright);text-transform:uppercase;margin-bottom:8px}.page-technology .ci .val{font-size:15px;color:var(--text-on-dark);word-break:keep-all}.page-technology .ci .val.mono{font-family:var(--font-mono)}.page-technology .ci.wide{grid-column:1/-1}@media (max-width:1024px){.page-technology .hero-grid{grid-template-columns:1fr;gap:36px}.page-technology .hero-visual{order:-1}.page-technology .overview-grid{grid-template-columns:1fr;gap:32px}.page-technology .feat-grid{grid-template-columns:1fr 1fr}.page-technology .cap3{grid-template-columns:1fr}.page-technology .apply-grid{grid-template-columns:1fr;gap:36px}.page-technology .cta-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:640px){.page-technology .hero{padding:64px 0 56px}.page-technology .hero .sub{font-size:16px}.page-technology .hero-cta .btn{flex:1}.page-technology .overview-grid p.lead{font-size:16px}.page-technology .ov-stats{grid-template-columns:1fr}.page-technology .feat-head{flex-direction:column;align-items:flex-start}.page-technology .cap3,.page-technology .cta-info,.page-technology .feat-grid,.page-technology .pf-list{grid-template-columns:1fr}.page-technology .cta-btns .btn{flex:1}}@media (prefers-reduced-motion:no-preference){.page-technology .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.page-technology .reveal.in{opacity:1;transform:none}}