*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:10px 16px;background:#10233F;color:#fff;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(220,230,242,.9);backdrop-filter:blur(18px)}.header-inner{width:min(1240px,calc(100% - 40px));height:76px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{width:auto;height:38px;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;height:100%}.nav-link{position:relative;display:flex;align-items:center;height:100%;padding:0 11px;font-size:14px;font-weight:700;white-space:nowrap;color:#465266}.nav-link:hover,.nav-link:focus,.nav-link.is-active{color:#2980FE}.nav-link.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:#2980FE;border-radius:3px 3px 0 0}.nav-group{position:relative;height:100%}.mega-menu{position:absolute;left:0;top:calc(100% - 1px);width:680px;padding:20px;display:grid;grid-template-columns:210px 1fr;gap:20px;background:#fff;border:1px solid #DCE6F2;border-radius:0 0 22px 22px;box-shadow:0 24px 60px rgba(16,35,63,.13);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease}.mega-menu-right{left:auto;right:-170px}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-heading{padding:18px;background:linear-gradient(145deg,#EAF3FF,#F5F8FD);border-radius:16px}.mega-heading strong{display:block;font-size:18px;margin-bottom:8px}.mega-heading span{display:block;font-size:13px;color:#718096;line-height:1.65}.mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mega-links a{padding:12px;border-radius:12px}.mega-links a:hover,.mega-links a:focus{background:#F5F8FD;color:#1767D6}.mega-links b,.mega-links small{display:block}.mega-links b{font-size:14px}.mega-links small{margin-top:3px;color:#718096;font-size:12px}.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,#2980FE,#1767D6);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(41,128,254,.22);transition:transform .2s ease,box-shadow .2s ease}.download-btn:hover,.download-btn:focus{transform:translateY(-2px);box-shadow:0 14px 32px rgba(41,128,254,.28)}.header-download{min-height:44px;padding:0 18px;font-size:14px}.menu-button{width:44px;height:44px;border:1px solid #DCE6F2;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-button span{width:18px;height:2px;background:#172033;border-radius:2px}.menu-overlay{position:fixed;inset:0;z-index:960;background:rgba(16,35,63,.42);opacity:0;transition:opacity .22s ease}.menu-overlay.is-visible{opacity:1}.mobile-menu{position:fixed;top:0;right:0;bottom:0;z-index:970;width:min(420px,92vw);padding:20px;background:#fff;overflow-y:auto;transform:translateX(105%);transition:transform .26s ease;box-shadow:-24px 0 70px rgba(16,35,63,.16)}.mobile-menu.is-open{transform:translateX(0)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #DCE6F2}.menu-close{width:46px;height:46px;border:0;border-radius:14px;background:#F5F8FD;font-size:30px;line-height:1;cursor:pointer}.mobile-nav{display:grid;gap:8px;padding:18px 0}.mobile-home,.mobile-nav-group>button{width:100%;min-height:50px;padding:12px 14px;border:0;border-radius:12px;background:#F7F9FC;font-weight:800;text-align:left;color:#172033}.mobile-nav-group>button{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.mobile-nav-links{display:none;padding:8px 14px 4px}.mobile-nav-group.is-expanded .mobile-nav-links{display:grid}.mobile-nav-links a{padding:11px 4px;border-bottom:1px solid #EAF0F7;color:#465266}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:90px 0}.section-sm{padding:68px 0}.section-soft{background:#F5F8FD}.section-blue{background:linear-gradient(145deg,#EAF3FF,#F7FAFF)}.section-dark{background:linear-gradient(145deg,#10233F,#1767D6);color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#1767D6;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:#2980FE}.section-dark .eyebrow{color:#CFE2FF}.section-dark .eyebrow:before{background:#fff}.section-title{margin:0 0 18px;font-size:clamp(30px,4vw,50px);line-height:1.2;letter-spacing:-.03em}.section-intro{max-width:760px;margin:0;color:#5E6A7E;font-size:17px}.section-dark .section-intro,.section-dark p{color:#D9E8FF}.hero{position:relative;overflow:hidden;padding:84px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(41,128,254,.16),transparent 34%),linear-gradient(180deg,#fff,#F5F8FD)}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(41,128,254,.12);border-radius:50%;right:-130px;top:-260px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}.hero h1{margin:0 0 22px;font-size:clamp(46px,6vw,76px);line-height:1.05;letter-spacing:-.055em}.hero .lead{max-width:680px;margin:0 0 20px;color:#465266;font-size:20px}.hero p{color:#5E6A7E}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 24px}.button-secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #C9D9EC;border-radius:14px;background:#fff;color:#1767D6;font-weight:800}.text-button{min-height:auto;padding:0;border:0;background:transparent}.text-button:after{content:"→";margin-left:8px}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:8px 12px;border:1px solid #DCE6F2;border-radius:999px;background:rgba(255,255,255,.8);color:#526174;font-size:13px;font-weight:700}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.hero-product{max-height:500px;object-fit:contain;filter:drop-shadow(0 30px 45px rgba(16,35,63,.18))}.float-note{position:absolute;max-width:190px;padding:14px 16px;background:rgba(255,255,255,.92);border:1px solid #DCE6F2;border-radius:16px;box-shadow:0 14px 34px rgba(16,35,63,.1);font-size:13px;font-weight:800}.float-note:nth-of-type(1){left:-10px;top:18%}.float-note:nth-of-type(2){right:-8px;top:35%}.float-note:nth-of-type(3){left:4%;bottom:12%}.capability-strip{position:relative;margin-top:-16px;z-index:2}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #DCE6F2;border-radius:24px;box-shadow:0 18px 45px rgba(16,35,63,.08);overflow:hidden}.capability-item{padding:26px}.capability-item+ .capability-item{border-left:1px solid #E5ECF5}.capability-item h2{margin:0 0 8px;font-size:17px}.capability-item p{margin:0;color:#718096;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:16px;margin-top:36px}.home-category-grid{grid-template-columns:repeat(12,1fr)}.home-category-grid .category-card{grid-column:span 3}.home-category-grid .category-card:nth-child(1){grid-column:span 6}.home-category-grid .category-card:nth-child(2),.home-category-grid .category-card:nth-child(3),.home-category-grid .category-card:nth-child(4){grid-column:span 2}.home-category-grid .category-card:nth-child(5),.home-category-grid .category-card:nth-child(6),.home-category-grid .category-card:nth-child(7){grid-column:span 4}.home-category-grid .category-card:nth-child(8){grid-column:span 2}.home-category-grid .category-card:nth-child(9),.home-category-grid .category-card:nth-child(10){grid-column:span 5}.category-card{position:relative;min-height:210px;padding:28px;border:1px solid #DCE6F2;border-radius:22px;background:#fff;overflow:hidden}.category-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-45px;background:#EAF3FF}.category-card.wide{grid-column:span 2}.category-card.accent{background:linear-gradient(145deg,#2980FE,#1767D6);color:#fff;border:0}.category-card h3{position:relative;margin:0 0 10px;font-size:22px}.category-card p{position:relative;margin:0 0 18px;color:#677488}.category-card.accent p{color:#DDEBFF}.category-card a{position:relative;color:#1767D6;font-weight:800}.category-card.accent a{color:#fff}.feature-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.feature-image-wrap{padding:26px;border-radius:30px;background:linear-gradient(145deg,#DDEBFF,#fff);min-height:520px;display:flex;align-items:center;justify-content:center}.feature-image-wrap img{max-height:480px;object-fit:contain}.content-panel{padding:38px;background:#fff;border:1px solid #DCE6F2;border-radius:26px;box-shadow:0 18px 45px rgba(16,35,63,.07)}.content-panel h2,.content-panel h3{margin-top:0}.check-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.check-list li{position:relative;padding-left:30px;color:#465266}.check-list li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#EAF3FF;color:#1767D6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.section-dark .check-list li{color:#E6F0FF}.section-dark .check-list li:before{background:rgba(255,255,255,.14);color:#fff}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.topic-card{padding:34px;border:1px solid #DCE6F2;border-radius:26px;background:#fff}.topic-card.offset{transform:translateY(28px)}.topic-card h3{margin:0 0 12px;font-size:26px}.topic-card p{color:#5E6A7E}.topic-card ul{padding-left:20px;color:#465266}.media-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;border:1px solid #DCE6F2;border-radius:28px;background:#fff}.media-card.tall{grid-template-columns:.85fr 1.15fr}.media-card img{width:100%;height:100%;max-height:430px;object-fit:contain;background:#F5F8FD;border-radius:22px}.media-card-body{padding:16px}.media-card h3{font-size:30px;margin:0 0 12px}.security-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}.security-callout{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.09)}.security-callout strong{display:block;font-size:20px;margin-bottom:8px}.hardware-grid,.swap-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hardware-grid img,.swap-grid img{max-height:480px;margin:auto;object-fit:contain}.check-board{padding:30px;border:1px solid #DCE6F2;border-radius:24px;background:#fff}.check-board h3{margin-top:0}.check-board ol{margin:0;padding-left:24px;display:grid;gap:12px;color:#465266}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:36px}.process-step{position:relative;padding:22px 18px;border-top:3px solid #2980FE;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 14px 34px rgba(16,35,63,.07)}.process-step span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#EAF3FF;color:#1767D6;font-weight:900}.process-step h3{font-size:17px;line-height:1.4}.process-step p{font-size:13px;color:#718096}.process-step a{color:#1767D6;font-weight:800;font-size:13px}.timeline{margin-top:32px;border-left:2px solid #CFE2FF}.timeline-item{position:relative;padding:0 0 28px 28px}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#2980FE;left:-7px;top:7px;box-shadow:0 0 0 5px #EAF3FF}.timeline-item time{font-size:12px;color:#718096;font-weight:800}.timeline-item h3{margin:4px 0 6px;font-size:19px}.timeline-item p{margin:0;color:#5E6A7E}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.quote{padding:26px;border:1px solid #DCE6F2;border-radius:22px;background:#fff}.quote p{margin:0;color:#526174}.quote strong{display:block;margin-top:16px;color:#1767D6;font-size:13px}.faq-list{max-width:900px;margin:34px auto 0}.faq-item{border-bottom:1px solid #DCE6F2}.faq-item>button{width:100%;padding:22px 0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:850;color:#172033;cursor:pointer}.faq-item>button:after{content:"＋";font-size:22px;color:#2980FE}.faq-item.is-open>button:after{content:"－"}.faq-answer{display:none;padding:0 0 24px;color:#5E6A7E}.faq-item.is-open .faq-answer{display:block}.cta{padding:54px;border-radius:30px;background:linear-gradient(135deg,#2980FE,#1767D6);color:#fff;text-align:center;box-shadow:0 24px 50px rgba(41,128,254,.24)}.cta h2{margin:0 0 12px;font-size:clamp(30px,4vw,48px)}.cta p{max-width:720px;margin:0 auto 26px;color:#DCEBFF}.cta .download-btn{background:#fff;color:#1767D6}.page-hero{padding:78px 0 62px;background:linear-gradient(145deg,#F7FAFF,#EAF3FF);border-bottom:1px solid #DCE6F2}.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.page-hero h1{margin:0 0 18px;font-size:clamp(40px,5vw,64px);line-height:1.1;letter-spacing:-.04em}.page-hero p{font-size:18px;color:#5E6A7E}.page-hero .hero-mini{padding:26px;border-radius:24px;background:#fff;border:1px solid #DCE6F2}.page-hero .hero-mini h2{margin-top:0}.breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:#718096}.breadcrumbs a{color:#1767D6}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-block{padding:30px;border:1px solid #DCE6F2;border-radius:24px;background:#fff}.info-block h2,.info-block h3{margin-top:0}.info-block p{color:#5E6A7E}.info-block ul,.info-block ol{color:#465266;padding-left:22px}.info-block.accent{background:linear-gradient(145deg,#EAF3FF,#fff)}.info-block.dark{background:#10233F;color:#fff;border:0}.info-block.dark p,.info-block.dark li{color:#D8E7FA}.table-wrap{overflow-x:auto;border:1px solid #DCE6F2;border-radius:20px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:16px 18px;border-bottom:1px solid #E5ECF5;text-align:left;vertical-align:top}.data-table th{background:#F5F8FD;color:#172033}.data-table td{color:#526174}.number-steps{counter-reset:step;display:grid;gap:16px}.number-step{position:relative;padding:24px 24px 24px 76px;border:1px solid #DCE6F2;border-radius:20px;background:#fff}.number-step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:12px;background:#EAF3FF;color:#1767D6;display:flex;align-items:center;justify-content:center;font-weight:900}.number-step h3{margin:0 0 6px}.number-step p{margin:0;color:#5E6A7E}.notice{padding:22px 24px;border-left:4px solid #2980FE;border-radius:0 16px 16px 0;background:#EAF3FF;color:#465266}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-option{padding:28px;border:1px solid #DCE6F2;border-radius:22px;background:#fff}.contact-option h2{font-size:20px;margin-top:0}.site-footer{background:#10233F;color:#fff}.footer-main{width:min(1180px,calc(100% - 40px));margin:auto;padding:66px 0 38px;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:42px}.footer-logo img{height:42px;filter:brightness(0) invert(1)}.footer-brand p{max-width:420px;color:#BFCFE3}.footer-column{display:grid;align-content:start;gap:9px}.footer-column h2{font-size:15px;margin:0 0 8px;color:#fff}.footer-column a{font-size:14px;color:#BFCFE3}.footer-column a:hover{color:#fff}.footer-notice{width:min(1180px,calc(100% - 40px));margin:auto;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.footer-notice p{margin:0;color:#AFC2DA;font-size:13px}.footer-bottom{width:min(1180px,calc(100% - 40px));margin:auto;padding:22px 0 30px;display:flex;align-items:center;justify-content:space-between;color:#8FA7C4;font-size:13px}.footer-bottom div{display:flex;gap:18px}@media(max-width:1080px){.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-category-grid .category-card,.home-category-grid .category-card:nth-child(n){grid-column:span 1}.desktop-nav{display:none}.header-inner{height:70px}.header-actions{margin-left:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card.wide{grid-column:span 1}.process{grid-template-columns:repeat(3,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.4fr repeat(2,1fr)}.footer-column:last-child{grid-column:2/4}.hero-grid,.page-hero-grid{gap:36px}}@media(max-width:780px){.header-inner,.container,.footer-main,.footer-notice,.footer-bottom{width:min(100% - 28px,1180px)}.brand img{height:32px}.header-download{min-height:42px;padding:0 14px}.section{padding:64px 0}.section-sm{padding:52px 0}.hero{padding:56px 0 46px}.hero-grid,.feature-split,.dual-grid,.media-card,.media-card.tall,.security-grid,.hardware-grid,.swap-grid,.page-hero-grid,.content-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(40px,12vw,58px)}.hero .lead{font-size:18px}.hero-visual{min-height:420px}.hero-product{max-height:390px}.float-note{max-width:160px;padding:11px;font-size:12px}.capability-grid{grid-template-columns:1fr 1fr}.capability-item:nth-child(3){border-left:0;border-top:1px solid #E5ECF5}.capability-item:nth-child(4){border-top:1px solid #E5ECF5}.category-grid{grid-template-columns:1fr 1fr}.feature-image-wrap{min-height:380px}.topic-card.offset{transform:none}.process{grid-template-columns:1fr 1fr}.testimonial-grid,.contact-options{grid-template-columns:1fr}.page-hero{padding:56px 0 46px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;gap:14px;flex-direction:column}}@media(max-width:520px){.home-category-grid{grid-template-columns:1fr}.header-inner{gap:8px}.header-download{font-size:13px;padding:0 12px}.menu-button{width:42px;height:42px}.hero-actions{display:grid}.hero-actions>*{width:100%}.hero-visual{min-height:360px}.float-note:nth-of-type(1){left:0;top:8%}.float-note:nth-of-type(2){right:0;top:38%}.float-note:nth-of-type(3){left:0;bottom:4%}.capability-grid,.category-grid,.process{grid-template-columns:1fr}.capability-item+.capability-item{border-left:0;border-top:1px solid #E5ECF5}.content-panel,.topic-card,.info-block{padding:24px}.cta{padding:40px 22px}.footer-main{grid-template-columns:1fr}.footer-column:last-child{grid-column:auto}.footer-bottom div{flex-wrap:wrap}.page-hero h1{font-size:40px}}