*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#0a0a0b;color:#f1f0eb;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:17px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #c8f31d;outline-offset:6px}header{position:sticky;top:0;z-index:20;background:#0a0a0bf2;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;padding:20px 5vw}.brand{font-size:24px;font-weight:800;line-height:1.2}.brand span{display:block;font-size:11px;letter-spacing:.16em;margin-top:5px}nav{display:flex;gap:32px;align-items:center;font-size:15px}.contact{border:1px solid #ffffff50;border-radius:30px;padding:9px 20px}.skip{position:fixed;top:-100px;z-index:100;background:#c8f31d;color:#000;padding:12px}.skip:focus{top:0}.hero{min-height:730px;display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;padding:80px 5vw 100px;max-width:1600px;margin:auto}.label{font-size:16px;color:#b3b5ae;margin:0 0 26px}.hero h1{font-size:clamp(44px,5.5vw,86px);line-height:1.2;letter-spacing:-.04em;margin:0 0 30px;font-weight:850}.hero h1 span{color:#c8f31d;white-space:nowrap}.intro{color:#c4c5bf;font-size:20px;line-height:1.9}.actions{display:flex;gap:25px;align-items:center;margin-top:40px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;gap:30px;background:#c8f31d;color:#10110a;padding:15px 25px;border-radius:3px;font-weight:700;font-size:17px;transition:background .2s,transform .2s}.button:hover{background:#d6ff47;transform:translateY(-2px)}.text-link{font-size:16px;border-bottom:1px solid #666;padding:8px 0}.flow-art{border:1px solid #ffffff28;border-radius:18px;padding:25px 30px 15px;background:radial-gradient(ellipse at 50% 50%,#c8f31d12,transparent 70%),#111212;box-shadow:0 30px 80px #0008;transform:rotate(2deg)}.flow-top{font-size:15px;border-bottom:1px solid #ffffff20;padding-bottom:19px;margin-bottom:25px;color:#d0d1c9}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c8f31d;margin-right:9px}.node{border:1px solid #ffffff35;background:#1b1d18;border-radius:8px;padding:17px 22px;text-align:center;position:relative}.node span,.node small{display:block;font-size:15px;color:#afb3a6}.node b{font-size:23px;font-weight:650}.input{width:75%;margin:auto}.connector{height:32px;width:1px;background:#c8f31d;margin:auto}.engine{width:85%;margin:auto;border-color:#c8f31d;background:#c8f31d0a;box-shadow:0 0 35px #c8f31d10}.engine b{font-size:28px}.bars{display:flex;gap:7px;justify-content:center;margin-top:15px}.bars i{width:40px;height:4px;background:#c8f31d;animation:pulse 3s infinite}.bars i:nth-child(2){animation-delay:.4s}.bars i:nth-child(3){animation-delay:.8s}.branches{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px;position:relative}.branches:before{content:"";position:absolute;top:-18px;left:25%;width:50%;height:18px;border:1px solid #858d65;border-bottom:0}.branches .node{padding:15px 5px}.branches .node b{font-size:19px}.art-note{text-align:center;font-size:15px;color:#a8ad9e;margin:20px 0 0}@keyframes pulse{50%{opacity:.25}}.scope-strip{display:flex;justify-content:space-around;border-block:1px solid #ffffff25;padding:23px 5vw;color:#bdc1b3;font-size:17px}.section{padding:110px 7vw}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:end;margin-bottom:60px}h2{font-size:clamp(34px,4vw,59px);letter-spacing:-.025em;line-height:1.3;margin:0;font-weight:750}.section-head p{margin:0;color:#bfc1b7;max-width:440px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-grid article{border-top:1px solid #7c806d;padding-top:20px}h3{font-size:24px;line-height:1.4}.service-grid p{color:#bfc1b7}.case-section{background:#efeee7;color:#151611}.case-section .section-head p{color:#5f6256}.case{display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center;padding:55px 0;border-top:1px solid #babcaf}.case-image{position:relative;background:#dedfd4;display:block;padding:23px 23px 60px;overflow:hidden;border-radius:6px}.case-image img{width:100%;height:auto;display:block;box-shadow:0 10px 25px #0002;transition:transform .4s}.case-image:hover img{transform:scale(1.025)}.case-image>span{position:absolute;right:24px;bottom:15px;font-size:16px}.case-copy .label{color:#686d58;margin-bottom:10px}.case-copy h3{font-size:32px;margin:0 0 25px}.case-copy dl{margin:0}.case-copy dt{font-size:15px;font-weight:700;margin-top:20px;color:#555d43}.case-copy dd{margin:6px 0;color:#3f4338}.case-flow{font-size:15px;border-top:1px solid #b9bead;padding-top:18px;margin-top:25px;color:#485038}.cooperate{background:#c8f31d;color:#171b0a}.cooperate .label,.cooperate .section-head p{color:#404926}.cooperate-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:35px}.cooperate-details p{border-top:1px solid #66733f;padding-top:20px}.cooperate-details b,.cooperate-details span{display:block}.cooperate-details b{font-size:22px;margin-bottom:10px}.cooperate .button{background:#12150b;color:#fff}.steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{counter-increment:step;border-top:1px solid #45483b;padding-top:20px}.steps li:before{content:counter(step,decimal-leading-zero);color:#c8f31d;font-size:18px}.steps h3{font-size:22px}.steps p{color:#bec2b4}.faq{padding-top:30px}.faq h2{margin-bottom:40px;font-size:38px}details{border-bottom:1px solid #424637;padding:24px 0}summary{cursor:pointer;font-size:21px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"＋";color:#c8f31d}details[open] summary:after{content:"−"}details p{max-width:800px;color:#c0c3b6}.end{border-top:1px solid #424637;background:radial-gradient(ellipse at 100% 100%,#c8f31d1c,transparent 60%)}.end h2{font-size:clamp(42px,6vw,85px)}.end p:not(.label){color:#bec2b4;margin:30px 0}.end .button{margin-top:10px}footer{display:flex;gap:25px;align-items:center;flex-wrap:wrap;border-top:1px solid #424637;padding:30px 7vw;font-size:15px;color:#bcc0b2}footer>a:first-child{font-size:22px;font-weight:700}footer p{margin-right:auto}footer span{width:100%;font-size:14px;color:#9ca18f}@media(min-width:1600px){.section{padding-inline:max(7vw,calc((100vw - 1360px)/2))}}@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:52px}.hero h1 span{white-space:normal}.flow-art{padding:20px}.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.section-head{gap:40px}.case{gap:35px}.case-copy h3{font-size:28px}}@media(max-width:700px){header{padding:16px 6vw}.brand{font-size:20px}.brand span{font-size:10px}nav{gap:15px}nav>a:nth-child(2){display:none}.contact{padding:7px 12px;font-size:14px}nav>a:first-child{font-size:14px}.hero{padding:55px 6vw 60px;grid-template-columns:1fr;gap:55px}.hero h1{font-size:clamp(39px,10.6vw,60px);letter-spacing:-.04em}.hero h1 span{white-space:nowrap}.intro{font-size:18px}.label{margin-bottom:20px}.actions{gap:20px;margin-top:30px}.flow-art{transform:none;max-width:440px;width:100%;margin:auto}.scope-strip{font-size:14px;gap:10px;padding:20px 5vw;flex-wrap:wrap}.section{padding:65px 6vw}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.service-grid{gap:15px 25px}.service-grid h3{font-size:21px}.service-grid p{font-size:16px}.case{grid-template-columns:1fr;gap:25px;padding:35px 0}.case-image{padding:15px 15px 50px}.case-copy h3{font-size:29px}.case-flow{font-size:14px}.cooperate-details{grid-template-columns:1fr;gap:5px}.steps{gap:20px}.steps h3{font-size:20px}.steps p{font-size:16px}.faq h2{font-size:30px}summary{font-size:18px}footer{padding:30px 6vw}.end h2{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
header nav{margin-left:auto;margin-right:30px}header nav a[aria-current="page"]{color:#c8f31d;border-bottom:1px solid #c8f31d}.leadflow-preview{background:#151a17;color:#edf3eb;padding:30px;border:1px solid #334e3c}.lf-brand{font-size:28px;font-weight:750;line-height:1.3}.lf-brand span{display:block;font-size:15px;font-weight:400;color:#bacbbf;margin-top:7px}.lf-tabs{display:flex;gap:22px;font-size:15px;border-bottom:1px solid #49614e;padding:22px 0 14px;color:#c8f31d}.lf-step{border-bottom:1px solid #344238;padding:15px 0}.lf-step b{font-size:18px}.lf-step p{margin:5px 0 0;color:#bdcbbf;font-size:15px}.lf-note{font-size:14px;color:#bcc7bb;margin:22px 0 0}
@media(max-width:700px){header{flex-wrap:wrap;gap:12px}header nav{order:3;flex:0 0 100%;justify-content:center;margin:0;gap:30px;padding-top:5px}header nav>a:nth-child(2){display:block}header nav>a{font-size:15px!important}header>.contact{margin-left:auto}html{scroll-padding-top:130px}.leadflow-preview{padding:23px}.lf-tabs{gap:20px}}
/* Tablet copy needs room before the two-column desktop layout. */
@media(min-width:701px) and (max-width:900px){
 .hero{grid-template-columns:1fr;min-height:0;padding:60px 7vw;gap:42px}
 .hero h1{font-size:56px}
 .hero h1 span{white-space:nowrap}
 .flow-art{width:100%;max-width:580px;margin:auto;transform:none}
 .section-head{grid-template-columns:1fr;gap:24px}
 .case{grid-template-columns:1fr;gap:28px}
}