:root{--ink:#233b32;--green:#164c3b;--muted:#728077;--line:#dfe5dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fafbf7;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b1832e;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:0}header{border-bottom:1px solid var(--line);background:#fafbf7ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand>span:last-child{font-weight:400;margin-left:5px}.logo{background:var(--green);color:white;width:31px;height:34px;border-radius:5px;margin-right:10px;display:grid;place-items:center;font-size:24px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:#268467}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:#fff;padding:17px 23px;border:0;border-radius:6px;font-size:14px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#246a51;transform:translateY(-2px)}.button span{font-size:20px}.button.small{padding:13px 16px;font-size:13px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:54px;padding-top:82px;padding-bottom:88px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#52735c}h1{font-size:clamp(34px,3.3vw,47px);line-height:1.5;letter-spacing:-1.8px;margin:21px 0 18px;font-weight:800}h1 em{color:#368363;font-style:normal}.lead{font-size:21px;font-weight:700;margin:0 0 14px;letter-spacing:0}.intro{font-size:15px;line-height:1.95;max-width:470px;color:#68756c}.actions{display:flex;align-items:center;gap:25px;margin:29px 0 22px}.text-link{font-size:14px;font-weight:600}.assurances{display:flex;gap:22px;font-size:12px;color:#657969}.visual{position:relative;padding:57px 0 38px;background:radial-gradient(ellipse,#e2ead8 0%,#eef1e5 40%,transparent 71%)}.file-label{position:absolute;left:18px;top:-5px;display:flex;gap:12px;align-items:center;background:#fff;padding:13px 21px;border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 20px #2b4e3910;transform:rotate(-4deg);font-size:12px}.file-icon{background:#267449;color:#fff;border-radius:4px;padding:9px 11px;font-size:20px}.file-label small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.arrow{font-size:29px;color:#65986c;margin-left:15px}.app{background:#fff;border:1px solid #d6e1d5;border-radius:12px;box-shadow:0 20px 60px #2f503b15;overflow:hidden;transform:rotate(1deg)}.app-bar{height:51px;background:#f2f5ef;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:9px;font-size:12px}.app-bar>span{color:#287044;font-size:20px}.app-bar small{font-size:9px;border:1px solid #cbd9c7;border-radius:4px;padding:3px 6px;color:#5b745d}.app-bar i{margin-left:auto;color:#96a694;letter-spacing:3px}.app-body{padding:24px}.app-heading{display:flex;justify-content:space-between;align-items:center}.app-heading small{letter-spacing:1.5px;font-size:9px;color:#79917c}.app-heading h3{font-size:19px;letter-spacing:-.5px;margin:7px 0 21px}.app-heading>span{font-size:9px;color:#417651}form{display:flex;align-items:end;gap:9px}form label{font-size:10px;color:#687a6c;flex:1}select{display:block;width:100%;background:white;border:1px solid var(--line);border-radius:4px;padding:10px 7px;margin-top:6px;color:#334e3d;font-size:11px}.button.query{padding:7px 14px;font-size:11px;height:36px}.metrics{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin:20px 0}.metrics>div{background:#f5f7f1;border:1px solid #e4e9de;border-radius:6px;padding:14px}.metrics small{display:block;font-size:10px;color:#6f7c6c}.metrics strong{display:block;font-size:26px;letter-spacing:-1px;margin:8px 0;font-weight:650}.metrics em{font-size:12px;font-style:normal;font-weight:400}.metrics span{font-size:9px;color:#71906d}.table-title{display:flex;justify-content:space-between;align-items:center;font-size:11px}.table-title button{background:none;border:0;color:#547448;cursor:pointer;font-size:10px;padding:9px 0}table{width:100%;border-collapse:collapse;margin-top:7px;font-size:10px}th{text-align:left;color:#74806c;font-weight:400;padding:9px 5px;background:#f8f9f5}td{padding:13px 5px;border-bottom:1px solid #edf0e8}th:nth-child(n+2),td:nth-child(n+2){text-align:right}.bar{display:inline-block;width:48px;height:5px;background:#e9eee2;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#799f58}#query-status{font-size:9px;color:#727d6e;margin:15px 0 0;line-height:1.6}.result{position:absolute;right:-15px;bottom:0;background:#fffef6;display:flex;align-items:center;gap:12px;padding:15px 19px;border:1px solid #e2e5cf;border-radius:8px;box-shadow:0 9px 20px #35472b0a;transform:rotate(-3deg)}.result>span{border-radius:50%;background:#e4ecd4;color:#577342;padding:7px 10px}.result b{font-size:12px}.result small{display:block;font-size:10px;color:#798168;margin-top:5px}.band{background:#f0f3e9;border-block:1px solid var(--line)}.band-inner{display:flex;align-items:center;gap:60px;padding:25px 0}.band-inner>p{font-size:12px;line-height:1.9;margin:0;padding-right:43px;border-right:1px solid #d5decf;color:#778371}.band-inner b{font-weight:600;color:#415a43}.mini-flow{display:flex;flex:1;align-items:center;justify-content:space-between;font-size:19px}.mini-flow span{display:flex;align-items:center;gap:10px}.mini-flow b{font-size:14px}.mini-flow i,.process-summary i{font-style:normal;color:#91a28b}.section{padding-block:88px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}h2{font-size:32px;line-height:1.5;letter-spacing:-1px;margin:13px 0 0}.section-heading>p,.center p,.faq>div>p{color:#74806f;font-size:14px;line-height:1.9;margin-bottom:5px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefits article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:30px}.icon{display:grid;place-items:center;font-size:25px;width:43px;height:43px;background:#edf2e6;border:1px solid #e0e9d6;border-radius:9px;color:#547c48}h3{font-size:18px;margin:20px 0 12px}.benefits p,.steps p{font-size:14px;color:#727e6c;line-height:1.9;margin:0}.benefits article>small{display:block;border-top:1px solid #edf0e8;margin-top:26px;padding-top:17px;font-size:11px;letter-spacing:1px;color:#6b815f}.process{background:#f1f4ec;padding:75px 0 80px;border-block:1px solid var(--line)}.center{text-align:center}.process-summary{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:30px 0 39px}.process-summary span{font-size:12px;background:#fff;padding:9px 12px;border:1px solid #dce4d3;border-radius:5px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.steps article{display:flex;gap:22px;background:#fafcf7;padding:26px;border-radius:8px;border:1px solid #e0e7d8}.num{font-size:24px;color:#89a074;font-weight:350;font-variant-numeric:tabular-nums}.steps small{font-size:10px;letter-spacing:1px;color:#70845e}.steps h3{margin:8px 0;font-size:17px}.steps p{font-size:13px}.steps .last{grid-column:1/-1;background:#e8efdf;border-color:#d3dfc7;align-items:center}.finish{margin-left:auto;font-size:38px;color:#879f72;padding:0 24px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#87977c}details[open] summary:after{content:"−"}details p{font-size:13px;line-height:1.9;color:#727f6b;margin:15px 25px 0 0}.cta{background:var(--green);color:#fff;border-radius:12px;padding:47px 55px;display:flex;justify-content:space-between;align-items:center}.cta .eyebrow{color:#a8c4a4}.cta h2{font-size:34px}.cta p{color:#c0d1be;font-size:13px;line-height:1.9}.cream{background:#e6edb5;color:#294732}.cream:hover{background:#f0f5d1}.cta small{display:block;font-size:11px;color:#acc5af;margin-top:16px}.cta>div:last-child{text-align:center}footer{display:flex;align-items:center;justify-content:space-between;padding-block:38px}footer .brand{font-size:17px}footer p,footer>a:last-child{font-size:11px;color:#73816b}footer .logo{width:24px;height:27px;font-size:18px}@media(min-width:1500px){.hero{padding-block:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}h1{font-size:34px}.app-body{padding:16px}.metrics strong{font-size:22px}.band-inner{gap:24px}.band-inner>p{padding-right:24px}.mini-flow b{font-size:12px}.assurances{gap:10px;font-size:10px}.benefits article{padding:23px}.section-heading>p{max-width:330px}.actions{gap:15px}.button{padding:15px 18px}.faq{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:72px}.brand{font-size:17px}.logo{width:25px;height:28px;font-size:21px}nav{display:none}.button.small{font-size:11px;padding:11px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:49px;gap:45px}h1{font-size:clamp(29px,6.1vw,43px);letter-spacing:-1.4px;line-height:1.55}.lead{font-size:19px}.intro{font-size:14px}.visual{max-width:530px;width:100%;margin:auto;padding-top:60px}.app-body{padding:20px}.metrics strong{font-size:24px}.result{right:-3px}.assurances{font-size:11px;gap:18px}.band-inner{display:block;padding:23px 0}.band-inner>p{border:0;padding:0 0 17px}.band-inner>p br{display:none}.band-inner>p b{margin-left:12px}.mini-flow{gap:8px}.mini-flow span{display:block;font-size:17px;text-align:center}.mini-flow b{display:block;font-size:10px;margin-top:8px}.section{padding-block:55px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none}h2{font-size:28px}.benefits{grid-template-columns:1fr;gap:14px}.benefits article{padding:24px}.benefits article>small{margin-top:19px}.process{padding:50px 0}.center h2{font-size:26px}.process-summary{gap:8px}.process-summary span{font-size:10px;padding:7px}.steps{grid-template-columns:1fr}.steps article{padding:21px;gap:15px}.finish{display:none}.faq{grid-template-columns:1fr;gap:28px}.cta{padding:32px 25px;display:block}.cta h2{font-size:30px}.cta>div:last-child{text-align:left;margin-top:27px}footer{flex-wrap:wrap;gap:18px;padding-block:30px}footer p{order:3;width:100%;margin:0}.actions{gap:20px}}@media(max-width:370px){.wrap{width:calc(100% - 28px)}.button.small{font-size:10px;padding:10px 8px}.nav .brand{font-size:15px}.app-body{padding:13px}.metrics>div{padding:10px}.metrics strong{font-size:21px}.assurances{font-size:10px;gap:10px}.actions{gap:13px}.button{font-size:12px}.text-link{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the expanded data / requirements / confidentiality label readable. */
.mini-flow>span:first-child{max-width:260px;line-height:1.7}.process-summary>span:first-child{max-width:280px;text-align:center;line-height:1.7}
@media(max-width:760px){.mini-flow{flex-wrap:wrap;justify-content:center;gap:12px}.mini-flow>span:first-child{flex-basis:100%;max-width:none}.mini-flow>span:first-child b{font-size:12px}.mini-flow>i:first-of-type{display:none}}
/* Homepage: two clear starting points, using the existing visual language. */
.hero{display:block;padding-block:64px 48px}.hero-copy{text-align:center}.hero h1{font-size:clamp(32px,4vw,48px);line-height:1.45}.hero .lead{font-size:20px;line-height:1.8;font-weight:500}.hero .intro{max-width:none;margin:16px auto 30px}.audience-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.audience-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px 36px;border:1px solid #cddcce;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}.audience-card:last-child{background:#f0f4e9}.audience-card:hover{border-color:#368363;box-shadow:0 10px 30px #164c3b0d}.card-label{font-size:13px;font-weight:700;letter-spacing:1px;color:#52735c}.audience-card h2{font-size:28px;margin-top:16px}.audience-card p{font-size:14px;line-height:1.9;color:#68756c;margin:16px 0 24px}.audience-card .button{margin-top:auto}.hero .assurances{justify-content:center;flex-wrap:wrap;margin-top:25px;font-size:12px}.audience-detail .section-heading{align-items:start;gap:40px}.audience-detail .section-heading>p{max-width:460px;flex:1;margin-top:28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.detail-grid h3{margin-top:0}.pain-list{padding-left:20px;margin:0;color:#68756c;font-size:15px;line-height:2}.pain-list li{padding-left:5px;margin-bottom:8px}.pain-list li::marker{color:#368363}.detail-note{background:#f1f4ec;padding:26px;border-radius:9px}.detail-note .icon{float:right;margin-left:12px}.detail-note p{color:#68756c;line-height:1.9;font-size:14px;margin-bottom:0}.starting-section{background:#f0f3e9;border-block:1px solid var(--line)}.starting-section .detail-note{background:#fff}.route-flow{list-style:none;padding:0;display:flex;gap:12px;margin:32px 0 0;align-items:stretch}.route-flow li{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.7;border:1px solid var(--line);background:#fff;border-radius:6px;padding:14px 18px;position:relative}.route-flow li+li:before{content:'→';position:absolute;left:-12px;color:#52735c}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:15px 85px}.demo-section>*,.detail-grid>*,.audience-cards>*{min-width:0}
@media(max-width:1000px){.audience-card{padding:28px}.audience-card h2{font-size:25px}.demo-section{gap:35px}.detail-grid{gap:28px}.route-flow li{padding:12px 10px}}
@media(max-width:760px){.hero{padding-block:38px}.hero-copy{text-align:left}.hero h1{font-size:clamp(28px,5.8vw,40px);letter-spacing:-1px}.hero .lead{font-size:17px}.hero .intro{margin-bottom:24px}.audience-cards{grid-template-columns:1fr;gap:16px}.audience-card{padding:25px}.audience-card h2{font-size:25px}.audience-card .button{width:100%;gap:14px}.hero .assurances{justify-content:flex-start;gap:10px 18px;font-size:11px}.audience-detail .section-heading>p{max-width:none;margin-top:20px}.detail-grid{grid-template-columns:1fr;gap:22px}.route-flow{flex-direction:column;gap:16px}.route-flow li{padding:12px}.route-flow li+li:before{content:'↓';left:calc(50% - 6px);top:-19px}.demo-section{grid-template-columns:1fr;gap:35px;padding-block:0 55px}.demo-section .visual{max-width:500px}.demo-section .app{transform:none}.demo-section .result{right:0}.demo-section .file-label{left:5px}.detail-note{padding:22px}}

/* Detailed cooperation flow: show deliverables and payment timing together. */
.route-detailed{gap:16px}.route-detailed li{min-width:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:20px 16px;border-radius:10px}.route-detailed li+li:before{left:-16px;top:50%;transform:translateY(-50%)}.route-number{font-size:11px;font-weight:700;letter-spacing:.6px;color:#52735c;margin-bottom:12px}.route-detailed strong{font-size:16px;line-height:1.65}.route-detailed p{font-size:13px;line-height:1.85;color:#58685d;margin:10px 0 0}.route-detailed .payment-step{background:#edf4e9;border-color:#b9ceae}.route-detailed .payment-step .route-number{color:#164c3b}.process-promise{text-align:center;max-width:760px;margin:-15px auto 30px;color:#42654d;font-size:14px;line-height:1.9}.process-summary span{font-size:13px;line-height:1.7}
@media(min-width:761px) and (max-width:1100px){.route-detailed{flex-wrap:wrap}.route-detailed li{flex:1 1 calc(33.333% - 16px)}.route-detailed li+li:before{display:none}}
@media(max-width:760px){.route-detailed li{padding:20px;display:grid;grid-template-columns:1fr;gap:0}.route-detailed li+li:before{left:calc(50% - 6px);top:-20px;transform:none}.route-number{margin-bottom:6px}.route-detailed p{margin-top:6px}.process-promise{text-align:left;margin:0 0 25px}.process-summary{justify-content:flex-start}.process-summary span{font-size:12px}}
/* Hero message and starting price. */
.hero-expertise{font-size:clamp(20px,2.5vw,30px);font-weight:700;color:#164c3b;margin:20px 0 10px;line-height:1.5}.hero-offer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin:0 auto 32px;padding:16px 24px;width:fit-content;max-width:100%;box-sizing:border-box;border:1px solid #cddcce;border-radius:10px;background:#edf4e9;color:#164c3b;font-size:clamp(17px,2vw,23px);font-weight:700;line-height:1.6}.hero-offer span{display:block}@media(max-width:760px){.hero-offer{justify-content:flex-start;margin-left:0;padding:14px 18px;gap:4px 16px}.hero-expertise{margin-top:16px}}

/* Compact offer below the audience cards and assurances. */
.hero .hero-offer{margin:18px auto 0;padding:10px 18px;font-size:16px;font-weight:600;gap:4px 20px}.nav .brand{white-space:nowrap}@media(max-width:760px){.hero .hero-offer{margin:16px 0 0;font-size:14px;padding:10px 14px}.nav{flex-wrap:wrap;height:auto;min-height:72px;gap:12px;padding-block:14px}.nav .brand{font-size:16px}}

/* Separate service promise and price; explain CRUD below its Chinese label. */
.hero .hero-offer{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;padding:0;width:100%;text-align:center}.offer-service{box-sizing:border-box;width:100%;margin:0;padding:12px 18px;background:#edf4e9;border:1px solid #cddcce;border-radius:10px}.offer-price{margin:0;padding:0 8px;line-height:2.1}.offer-price ruby{ruby-position:under}.offer-price rt{font-size:11px;font-weight:400;letter-spacing:.5px}@media(max-width:760px){.hero .hero-offer{align-items:stretch;text-align:center}.offer-price{line-height:2.2}}

/* Demo destinations in the header. */
.nav{height:auto;min-height:88px;padding-block:14px;gap:20px}.demo-links{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0}.demo-links .button{text-align:center;justify-content:center}.twse-demo{display:flex;flex-direction:column;gap:3px;text-align:center;padding:9px 12px;border:1px solid #cddcce;border-radius:8px;background:#edf4e9;color:#164c3b;font-size:13px;line-height:1.5}.twse-demo:hover{background:#e0ecd9}.twse-demo:focus-visible{outline:2px solid #164c3b;outline-offset:3px}@media(max-width:1000px){.nav{flex-wrap:wrap}.nav nav{gap:16px}}@media(max-width:760px){.demo-links{width:100%;flex-direction:row;align-items:stretch;flex-wrap:wrap}.demo-links>a{flex:1 1 180px}.twse-demo{font-size:12px}}

/* Working arrangement below the service promise. */
.offer-promise{margin:0}.service-mode{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:9px 0 0;font-size:14px;font-weight:400;line-height:1.8}.service-mode .mode-label{display:inline-block;padding:1px 10px;border-radius:5px;background:#fff;color:#368363;font-weight:600}.service-mode strong{font-weight:700}@media(max-width:760px){.service-mode{font-size:13px;gap:5px 8px}}

/* Finance collaboration invitation: clear audience, concrete benefits, useful next step. */
.hero{padding-top:46px}.hero .hero-expertise{font-size:clamp(17px,2vw,23px);margin-top:16px}.hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.3;margin:22px 0}.hero .intro{margin-bottom:20px}.partner-invite{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bbd0b4;background:#edf4e9;border-radius:8px;padding:13px 20px;color:#164c3b;line-height:1.7;font-size:18px}.partner-dot{width:8px;height:8px;border-radius:50%;background:#368363;flex-shrink:0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin:22px 0 12px}.partner-demo{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px}.partner-note{font-size:13px;line-height:1.8;color:#586b5f;margin:0 0 34px}.finance-partner{border-top:1px solid var(--line)}.finance-partner .section-heading{align-items:start;gap:40px}.finance-partner .section-heading>p{max-width:470px;margin-top:28px}.finance-number{font-size:12px;letter-spacing:.8px;color:#368363;font-weight:700}.finance-benefits h3{margin-top:18px}.partner-next{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#edf4e9;border:1px solid #cddcce;border-radius:10px;padding:24px 28px;margin-top:24px}.partner-next strong{font-size:19px}.partner-next p{font-size:14px;line-height:1.8;color:#586b5f;margin:9px 0 0}.partner-next .button{flex-shrink:0}.finance-partner{scroll-margin-top:70px}
@media(max-width:760px){.hero{padding-top:32px}.hero h1{font-size:clamp(30px,8vw,42px)}.partner-invite{padding:12px 14px;font-size:16px;text-align:left;align-items:baseline}.hero-actions{justify-content:flex-start;gap:18px}.hero-actions .button{width:100%}.partner-note{margin-bottom:28px}.finance-partner .section-heading{display:block}.finance-partner .section-heading>p{max-width:none;margin-top:18px}.partner-next{flex-direction:column;align-items:stretch;padding:22px}.partner-next .button{width:100%}.finance-partner{scroll-margin-top:100px}}
/* Clear delivery milestones and payment timing. */
.process-milestones{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr)) minmax(0,1.1fr) minmax(0,1fr);gap:12px;margin:30px 0 28px;align-items:stretch}.process-milestones>span,.process-milestones>span:first-child{max-width:none;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:20px 12px;text-align:center;border-radius:10px;line-height:1.65}.process-milestones b{font-size:15px;color:#233b32}.process-milestones small{font-size:12px;color:#596b5e}.process-milestones .delivery-milestone{background:#f8fbf4;border-color:#b7cdb2}.process-milestones .delivery-milestone b{color:#233b32}.process-milestones .delivery-milestone small{color:#596b5e}.process .process-promise{margin:0 auto 32px;max-width:850px;font-size:15px}.steps .delivery-step{border-color:#9fbd9c;background:#f2f7ec}.delivery-checks{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:16px 0 0;font-size:12px;color:#28593d}.delivery-checks li:before{content:'✓ ';font-weight:700}
@media(max-width:1000px){.process-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.process-milestones>span:last-child{grid-column:1/-1}}
@media(max-width:760px){.process-milestones{grid-template-columns:1fr;gap:10px}.process-milestones>span,.process-milestones>span:first-child{align-items:flex-start;text-align:left;padding:17px 20px;gap:5px}.process-milestones b{font-size:16px}.process-milestones small{font-size:13px}.process .process-promise{text-align:left;font-size:14px}.delivery-checks{display:grid;gap:8px}}
/* Confidentiality is visible at the first step, before sharing samples. */
.process-milestones .confidentiality-milestone{border-color:#b7cdb2;background:#f8fbf4}.process-milestones .confidentiality-badge{display:inline-block;align-self:center;padding:4px 10px;border-radius:5px;background:#e8efdf;color:#28543d;font-size:12px;font-style:normal;font-weight:700;line-height:1.6}@media(max-width:760px){.process-milestones .confidentiality-badge{align-self:flex-start}}

.float-line{position:fixed;right:16px;bottom:16px;z-index:50;box-shadow:0 6px 18px rgba(0,0,0,.25)}.twse-foot{font-size:13px;opacity:.8}@media(min-width:900px){.float-line{display:none}}

/* Distinct, compact AI collaboration example cards. */
.demo-links .twse-demo{gap:2px;padding:10px 14px;transition:background .15s ease,border-color .15s ease;}
.demo-links .demo-eyebrow{font-size:10px;letter-spacing:1px;font-weight:600;color:#586b5f;}
.demo-links .twse-demo strong{font-size:16px;}
.demo-links .demo-action{font-size:12px;font-weight:600;}
.demo-links .ecp-demo{background:#faf3e7;border-color:#dfccb0;color:#493d2b;}
.demo-links .ecp-demo:hover{background:#f3e7d2;border-color:#b6986c;}
.demo-links .ecp-demo .demo-eyebrow{color:#806844;}
.demo-links .ecp-demo>span:not([class]){font-size:12px;}
/* Practical evidence, separate from illustrative demo figures. */
.experience-note{border:1px solid #cddcce;border-left:4px solid #368363;background:#f2f7ef;padding:24px 28px;border-radius:12px;margin-bottom:24px}.experience-note h3{font-size:22px;margin:12px 0}.experience-note p{line-height:1.85;color:#40594d;font-size:15px;margin:10px 0}.evidence-demos a{display:inline-block;margin-top:12px;color:#164c3b;font-weight:700;text-underline-offset:4px}.evidence-caption{font-size:12px;color:#586b5f;line-height:1.7;margin-top:16px}@media(max-width:760px){.experience-note{padding:20px}.experience-note h3{font-size:20px}}

/* Keep desktop shortcuts from stretching the navigation and pushing content down. */
@media(min-width:1001px){
body{padding-right:244px;}
.nav{min-height:76px;flex-wrap:nowrap;gap:20px;}
.nav nav{gap:20px;flex-wrap:wrap;justify-content:flex-end;}
.nav .demo-links{position:absolute;top:14px;right:-224px;width:204px;}
.hero{padding-top:32px;}
}

/* Balance the experience heading and introduction without orphan characters. */
#practical-experience .section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;}
#practical-experience .section-heading>p{max-width:480px;width:auto;min-width:0;margin:0;line-height:1.85;}
#practical-experience .section-heading h2{font-size:clamp(25px,2.7vw,38px);line-height:1.5;}
@media(max-width:760px){#practical-experience .section-heading{grid-template-columns:1fr;gap:16px;}#practical-experience .section-heading>p{max-width:none;}#practical-experience .section-heading h2{font-size:clamp(22px,5.5vw,30px);}}

/* Match both hero messages in size, weight and green. */
.hero .hero-expertise,.hero h1{font-size:clamp(34px,4.4vw,56px);font-weight:700;line-height:1.3;letter-spacing:-1px;color:#368363;text-wrap:balance}.hero .hero-expertise{margin:22px 0}.hero h1 em{color:inherit}@media(max-width:760px){.hero .hero-expertise,.hero h1{font-size:clamp(30px,8vw,42px)}}

/* Bring the explanation and invitation closer to the hero headline. */
.hero .hero-expertise{margin-bottom:10px}.hero h1{margin-top:10px;margin-bottom:12px}.hero .lead{margin-top:12px;margin-bottom:14px}.hero .intro{margin-top:12px;margin-bottom:14px}

/* Two unbroken hero lines: 75 percent size, capped to available width. */
.hero-copy{container-type:inline-size}.hero .hero-expertise,.hero h1{font-size:min(clamp(25.5px,3.3vw,42px),4.1cqw);white-space:nowrap;text-wrap:nowrap;letter-spacing:-.5px}@media(max-width:760px){.hero .hero-expertise,.hero h1{font-size:min(clamp(22.5px,6vw,31.5px),4.1cqw);letter-spacing:-.3px}}

/* Dark green for both hero headline lines. */
.hero .hero-expertise,.hero h1,.hero h1 em{color:#2c7057}