:root{--ink:#07110f;--paper:#f3f3ed;--lime:#c9ff5b;--mint:#93e8cc;--line:rgba(7,17,15,.14);--muted:#66716d;--container:min(1240px,calc(100vw - 48px));--sans:"Noto Sans TC",sans-serif;--display:"Manrope","Noto Sans TC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.ambient{position:absolute;inset:0 0 auto;height:920px;pointer-events:none;background:radial-gradient(circle at 75% 18%,rgba(147,232,204,.32),transparent 31%),linear-gradient(90deg,transparent 49.9%,rgba(7,17,15,.045) 50%,transparent 50.1%);background-size:auto,80px 80px;mask-image:linear-gradient(#000 65%,transparent)}
.header{height:92px;width:var(--container);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;width:max-content}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}.brand span{display:grid;line-height:1.05}.brand b{font-size:15px;letter-spacing:.08em}.brand small{font:600 9px var(--display);letter-spacing:.22em;margin-top:6px;color:var(--muted)}.nav{display:flex;gap:32px;font-size:14px;font-weight:600}.nav a{position:relative}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--ink);transition:.25s}.nav a:hover::after{right:0}.header-cta{justify-self:end;border-bottom:1px solid var(--ink);padding:10px 0;font-size:14px;font-weight:700}.header-cta span,.button span,.contact-form button span{margin-left:18px}.menu-button,.mobile-nav{display:none}
.hero{width:var(--container);min-height:750px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;padding:70px 0 90px}.overline{font:700 11px var(--display);letter-spacing:.18em;display:flex;align-items:center;gap:12px}.overline i{display:inline-block;width:24px;height:2px;background:var(--ink)}.hero h1{font-size:clamp(52px,5.4vw,84px);line-height:1.08;letter-spacing:-.055em;margin:28px 0;font-weight:700}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-lead{max-width:590px;font-size:18px;line-height:1.95;color:#52605b}.hero-actions{display:flex;gap:12px;margin:38px 0}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 25px;font-weight:700;font-size:14px;border:1px solid var(--ink)}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#17342d}.button.ghost:hover{background:#fff}.trust-line{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);letter-spacing:.05em}.trust-line b{color:#a6afab}
.hero-visual{height:590px;position:relative;border:1px solid var(--line);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(210,230,221,.32));clip-path:polygon(0 7%,93% 0,100% 91%,8% 100%)}.radar{position:absolute;inset:0;background:linear-gradient(rgba(7,17,15,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,15,.055) 1px,transparent 1px);background-size:46px 46px}.orbit{position:absolute;border:1px solid rgba(7,17,15,.14);border-radius:50%;left:50%;top:50%;translate:-50% -50%;animation:spin 18s linear infinite}.orbit-a{width:360px;height:360px}.orbit-b{width:510px;height:510px;animation-direction:reverse;animation-duration:25s}.orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ink);top:12%;left:16%;box-shadow:0 0 0 7px rgba(7,17,15,.08)}.core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:150px;height:150px;background:var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;box-shadow:0 0 0 18px rgba(7,17,15,.08)}.core img{width:52px;height:52px;border-radius:50%;margin:auto}.core p{font:700 9px var(--display);letter-spacing:.25em;line-height:1.4}.signal{position:absolute;background:rgba(243,243,237,.88);backdrop-filter:blur(12px);border:1px solid var(--line);padding:15px 18px;display:grid;min-width:190px;box-shadow:0 15px 40px rgba(7,17,15,.08)}.signal small{font:700 8px var(--display);letter-spacing:.13em;color:var(--muted)}.signal b{font-size:15px;margin:7px 0}.signal span{font-size:11px;color:var(--muted)}.signal-a{top:14%;left:8%}.signal-b{right:5%;top:24%}.signal-c{bottom:14%;left:14%}.status{position:absolute;right:9%;bottom:12%;font:700 9px var(--display);letter-spacing:.12em}.status i{display:inline-block;width:7px;height:7px;background:#36c88b;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(54,200,139,.13)}.status b{font-size:22px;margin-left:9px}@keyframes spin{to{rotate:360deg}}
.proof-band{background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(24px,calc((100vw - 1240px)/2));min-height:132px}.proof-band div{padding:35px 28px;border-right:1px solid rgba(255,255,255,.13);display:grid;align-content:center}.proof-band div:first-child{border-left:1px solid rgba(255,255,255,.13)}.proof-band strong{font:600 15px var(--display)}.proof-band span{font-size:12px;color:#9eaaa6;margin-top:9px}
.section{width:var(--container);margin:auto;padding:150px 0}.section-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;margin-bottom:65px}.section h2{font-size:clamp(39px,4.5vw,64px);line-height:1.2;letter-spacing:-.045em;margin:22px 0 0}.section-head>p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:490px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px;position:relative;transition:.3s;background:rgba(255,255,255,.18)}.service-card:hover{background:#fff;transform:translateY(-7px);box-shadow:0 20px 60px rgba(7,17,15,.08)}.service-card.featured{background:var(--lime)}.service-card .num{position:absolute;right:30px;top:29px;font:600 11px var(--display);color:var(--muted)}.service-icon{width:64px;height:64px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:700 18px var(--display)}.service-card h3{font-size:28px;margin:95px 0 18px}.service-card p{color:#58645f;line-height:1.8;min-height:88px}.service-card ul{list-style:none;padding:24px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}.service-card li{font-size:13px;padding:8px 0}.service-card li::before{content:"↳";margin-right:10px}
.cases{border-top:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.case-card{border:1px solid var(--line);background:#e8e9e2;min-height:350px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.case-main{grid-row:span 2;min-height:720px}.case-top{display:flex;justify-content:space-between;padding:20px 24px;font:700 9px var(--display);letter-spacing:.14em;border-bottom:1px solid var(--line)}.case-top b{color:#4b695e}.case-art{margin:25px;background:var(--ink);position:relative;min-height:320px;padding:45px;color:#fff;overflow:hidden}.case-art::after{content:"";position:absolute;width:300px;height:300px;border:1px solid #3c504b;border-radius:50%;right:-50px;top:-80px;box-shadow:0 0 0 45px rgba(147,232,204,.035),0 0 0 90px rgba(147,232,204,.025)}.data-panel{display:grid}.data-panel small{color:var(--mint);font:700 9px var(--display);letter-spacing:.2em}.data-panel strong{font:600 112px var(--display);letter-spacing:-.08em;line-height:1.1}.data-panel span{font-size:13px;color:#9fb0aa}.data-lines{position:absolute;right:40px;bottom:40px;width:42%;display:grid;gap:12px}.data-lines i{height:5px;width:var(--w);background:var(--mint);opacity:.8}.case-copy{padding:10px 25px 30px}.case-copy p{font-size:12px;color:var(--muted)}.case-copy h3{font-size:25px;line-height:1.55;margin:10px 0 20px}.case-copy div{display:flex;gap:8px;flex-wrap:wrap}.case-copy div span{font-size:11px;border:1px solid var(--line);padding:7px 10px}.case-copy a{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:6px}.mini-art{margin:20px 24px 0;min-height:115px;background:var(--ink);padding:22px;display:grid;align-content:center;gap:10px}.chat{font-size:11px;color:#9ca9a5;border:1px solid #394a45;padding:9px 12px;width:max-content}.chat.ai{background:var(--lime);color:var(--ink);justify-self:end;border:0}.calendar{grid-template-columns:repeat(5,1fr);gap:5px}.calendar i{font:700 8px var(--display);font-style:normal;color:#8f9c98;border:1px solid #394a45;display:grid;place-items:center}.calendar i.active{background:var(--mint);color:var(--ink)}
.method{display:grid;grid-template-columns:.8fr 1.2fr;gap:140px;border-top:1px solid var(--line)}.method-intro h2{margin-bottom:30px}.method-intro>p:not(.overline){color:var(--muted);line-height:1.9}.method-intro>a{display:inline-block;font-size:13px;font-weight:700;margin-top:30px;border-bottom:1px solid;padding-bottom:7px}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:85px 1fr;align-items:center;padding:29px 10px;border-bottom:1px solid var(--line);transition:.2s}.steps li:hover{padding-left:22px;background:rgba(255,255,255,.45)}.steps>li>span{font:600 12px var(--display);color:var(--muted)}.steps b{font-size:20px}.steps p{font-size:13px;color:var(--muted);margin:6px 0 0}.manifesto{background:#dfe8dd;width:100%;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2))}.manifesto blockquote{font-size:clamp(38px,5vw,70px);font-weight:700;line-height:1.4;letter-spacing:-.05em;margin:50px 0}.manifesto blockquote span{color:#527065}.manifesto>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;font-size:12px;font-weight:700}.manifesto>div span{color:var(--muted);letter-spacing:.12em}
.contact{width:100%;background:var(--ink);color:#fff;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:120px}.overline.light i{background:var(--lime)}.contact-copy h2{margin:30px 0}.contact-copy>p:not(.overline){color:#a7b2ae;line-height:1.9;max-width:530px}.contact-links{display:flex;gap:24px;margin-top:50px;font-size:13px}.contact-links a{border-bottom:1px solid #63706c;padding-bottom:8px}.contact-form{display:grid;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:9px;font-size:11px;color:#a8b3af}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #34423e;background:#0d1c18;color:#fff;padding:15px 16px;outline:0;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form textarea{resize:vertical}.contact-form button{border:0;background:var(--lime);color:var(--ink);height:56px;font-weight:800;cursor:pointer}.contact-form button:disabled{opacity:.6}.contact-form small{color:#677570;font-size:10px}.form-status{margin:0;font-size:12px;min-height:16px}.form-status.is-success{color:var(--lime)}.form-status.is-error{color:#ff958c}
footer{background:var(--ink);color:#fff;border-top:1px solid #273531;min-height:160px;padding:40px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}footer p{font-size:13px;color:#94a09c}footer>div{display:grid;gap:8px;text-align:right;color:#7d8a85;font-size:10px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.header{grid-template-columns:1fr auto}.nav,.header-cta{display:none}.menu-button{display:block;border:0;background:0;width:44px;height:44px}.menu-button span{display:block;width:22px;height:2px;background:var(--ink);margin:6px}.mobile-nav{position:fixed;z-index:19;inset:92px 0 auto;background:var(--paper);padding:20px 24px 32px;border-bottom:1px solid var(--line)}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font-weight:700}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:520px}.proof-band{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.case-main{grid-row:auto}.method{grid-template-columns:1fr;gap:70px}.contact{grid-template-columns:1fr;gap:70px}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:620px){:root{--container:calc(100vw - 32px)}.header{height:78px}.mobile-nav{inset:78px 0 auto}.hero{padding:40px 0 65px;gap:45px;min-height:auto}.hero h1{font-size:44px}.hero-lead{font-size:15px}.hero-actions{display:grid}.trust-line{font-size:10px;gap:7px}.hero-visual{height:430px}.orbit-a{width:260px;height:260px}.orbit-b{width:390px;height:390px}.core{width:110px;height:110px}.core img{width:40px}.signal{min-width:155px;padding:12px}.signal b{font-size:12px}.signal-c{left:6%}.status{display:none}.proof-band{grid-template-columns:1fr}.proof-band div,.proof-band div:first-child{border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:24px}.section{padding:95px 0}.section h2{font-size:38px}.section-head{gap:25px;margin-bottom:40px}.service-grid{grid-template-columns:1fr}.service-card{min-height:420px}.case-main{min-height:auto}.case-art{min-height:270px;margin:16px;padding:30px}.data-panel strong{font-size:82px}.method{gap:45px}.manifesto{padding-top:100px;padding-bottom:100px}.manifesto blockquote{font-size:34px}.manifesto>div{display:grid;gap:8px}.contact{padding-top:100px;padding-bottom:100px}.contact-copy h2{font-size:38px}.contact-links{display:grid}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>div{text-align:left}.hero-copy br:nth-of-type(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Flagship case system */
.trust-line strong{font:700 17px var(--display);color:var(--ink)}
.flagship{background:#0a1713;color:#fff;padding:120px max(24px,calc((100vw - 1240px)/2));position:relative;overflow:hidden}
.flagship::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-250px;top:-320px;background:radial-gradient(circle,rgba(147,232,204,.14),transparent 66%)}
.flagship-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;position:relative}
.delivery-badge{display:inline-block;margin-top:25px;border:1px solid rgba(201,255,91,.45);color:var(--lime);font-size:11px;padding:8px 12px;letter-spacing:.08em}
.flagship h2{font-size:clamp(40px,4vw,62px);line-height:1.25;letter-spacing:-.05em;margin:24px 0}
.flagship-copy>p:not(.overline){color:#a4b3ae;line-height:1.95;font-size:15px}
.flagship-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.flagship-tags span{border:1px solid #34443e;color:#bdc8c4;font-size:11px;padding:8px 11px}
.flagship-console{border:1px solid #35463f;background:#0d1e19;box-shadow:0 40px 100px rgba(0,0,0,.32)}
.console-bar{height:54px;border-bottom:1px solid #35463f;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:700 9px var(--display);letter-spacing:.13em;color:#8fa19a}
.console-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,255,91,.08);margin-right:9px}.console-bar b{color:var(--lime)}
.console-main{padding:34px}.console-score{display:grid;padding-bottom:30px;border-bottom:1px solid #2e3f39}
.console-score small,.console-stats small{font:700 8px var(--display);letter-spacing:.16em;color:#73847e}.console-score strong{font:600 104px var(--display);line-height:1;letter-spacing:-.08em;color:var(--lime)}.console-score span{color:#a5b4af;font-size:12px}
.console-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;padding:30px 0;border-bottom:1px solid #2e3f39}.console-flow div{border:1px solid #35463f;padding:15px;display:grid;gap:5px}.console-flow div span{color:var(--mint);font:700 9px var(--display)}.console-flow div b{font-size:13px}.console-flow div small{color:#6f807a;font-size:8px}.console-flow>i{color:#53655e;font-style:normal}
.console-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:26px}.console-stats div{display:grid;gap:8px}.console-stats b{font:600 15px var(--display)}
.case-copy div{margin-bottom:20px}
@media(max-width:980px){.flagship-shell{grid-template-columns:1fr;gap:60px}}
@media(max-width:620px){.trust-line{flex-wrap:wrap}.trust-line strong{font-size:14px}.flagship{padding-top:90px;padding-bottom:90px}.flagship h2{font-size:37px}.console-main{padding:20px}.console-score strong{font-size:78px}.console-flow{grid-template-columns:1fr;gap:7px}.console-flow>i{rotate:90deg;justify-self:center}.console-stats{gap:10px}.console-stats b{font-size:12px}}
.reveal{opacity:1;transform:none}

/* Calm corporate visual direction */
:root{--ink:#102238;--paper:#f5f3ee;--lime:#d9caa3;--mint:#a9bfd1;--line:rgba(16,34,56,.16);--muted:#697583}
.ambient{background:radial-gradient(circle at 78% 20%,rgba(169,191,209,.22),transparent 33%),linear-gradient(90deg,transparent 49.9%,rgba(16,34,56,.035) 50%,transparent 50.1%);background-size:auto,96px 96px}
.hero-visual{background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(222,227,226,.55));clip-path:none}
.orbit{animation:none;border-color:rgba(16,34,56,.11);border-radius:0;rotate:45deg}.orbit span{background:#6f8598;box-shadow:none}
.core{background:#102238;border-radius:2px;box-shadow:12px 12px 0 rgba(16,34,56,.09)}
.signal{border-radius:0;background:rgba(250,249,245,.94);box-shadow:0 12px 30px rgba(16,34,56,.06)}
.status i{background:#6b8978;box-shadow:none}.proof-band,.contact,footer{background:#102238}
.flagship{background:#172b42}.flagship::before{background:none}.flagship-console{background:#1c324a;border-color:#53657a;box-shadow:18px 18px 0 rgba(6,18,31,.28)}
.console-bar,.console-score,.console-flow{border-color:#53657a}.console-flow div{border-color:#53657a}.console-score strong{color:#e2d4ad}.console-bar i{background:#a9bfd1;box-shadow:none}.console-bar b,.delivery-badge{color:#e2d4ad}.delivery-badge{border-color:#8d8267}
.service-card.featured{background:#e3dcc9}.button.primary{background:#102238}.contact-form button{background:#e2d4ad}.manifesto{background:#e4e2da}

/* Multi-page editorial system */
.nav a.active::after{right:0}.page-hero{width:var(--container);margin:auto;padding:120px 0 110px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.page-hero .overline{grid-column:1/-1}.page-hero h1{font-size:clamp(52px,6vw,86px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 0}.page-hero>p:last-child{font-size:17px;line-height:1.95;color:var(--muted);margin:0 0 10px}.capability-list{width:var(--container);margin:auto;padding:50px 0 130px}.capability-list article{display:grid;grid-template-columns:70px .8fr 1.2fr;gap:40px;padding:70px 0;border-bottom:1px solid var(--line)}.capability-list article>span{font:600 12px var(--display);color:var(--muted)}.capability-list article>div>p:first-child{font:700 9px var(--display);letter-spacing:.16em;color:var(--muted)}.capability-list h2{font-size:36px;letter-spacing:-.04em;margin:12px 0}.capability-list article>div:last-child>p{line-height:1.9;color:var(--muted);margin-top:0}.capability-list ul{list-style:none;padding:20px 0 0;margin:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px}.capability-list li{font-size:13px}.capability-list li::before{content:"—";margin-right:9px;color:#8494a4}.page-cta{width:var(--container);margin:0 auto 130px;background:#e3e0d7;padding:70px;display:grid;grid-template-columns:1fr auto;align-items:end}.page-cta p{grid-column:1/-1;font-size:12px;color:var(--muted)}.page-cta h2{font-size:42px;letter-spacing:-.04em;margin:10px 0 0}
.case-detail{width:var(--container);margin:100px auto 140px;border:1px solid var(--line)}.case-detail-head{display:flex;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.case-detail-head p{margin:0}.case-detail-head span{color:#667e70}.case-detail-title{display:grid;grid-template-columns:minmax(330px,1fr) repeat(3,145px);gap:24px;padding:55px 45px;background:#172b42;color:#fff;align-items:end}.case-detail-title h2{font-size:48px;line-height:1.3;letter-spacing:-.045em;margin:0}.case-detail-title div{display:grid;border-left:1px solid #53657a;padding-left:22px}.case-detail-title strong{font:600 34px var(--display);color:#e2d4ad}.case-detail-title span{font-size:11px;color:#9eabb7;margin-top:8px}.case-story{display:grid;grid-template-columns:repeat(3,1fr)}.case-story article{padding:42px;border-right:1px solid var(--line)}.case-story article:last-child{border:0}.case-story span{font-size:11px;color:var(--muted)}.case-story h3{font-size:22px;line-height:1.5}.case-story p{font-size:14px;line-height:1.9;color:var(--muted)}.case-evidence{border-top:1px solid var(--line);padding:55px 42px;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center;background:#fff}.case-evidence-copy h3{font-size:28px;line-height:1.45;margin:24px 0 15px}.case-evidence-copy>p:not(.overline){font-size:13px;line-height:1.9;color:var(--muted)}.case-evidence-copy ul{list-style:none;padding:20px 0 0;margin:25px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-evidence-copy li{font-size:12px}.case-evidence-copy li::before{content:"✓";margin-right:8px;color:#527065}.case-proof-screen img{aspect-ratio:16/10;object-fit:cover;object-position:top}.case-safety{border-top:1px solid var(--line);padding:35px 42px;display:grid;grid-template-columns:150px 1fr 1fr;gap:35px;align-items:center;background:#e8e6df}.case-safety p{font-size:11px;color:var(--muted)}.case-safety h3{font-size:19px;margin:0}.case-safety span{font-size:12px;line-height:1.8;color:var(--muted)}
.about-hero{min-height:650px}.belief-grid{width:var(--container);margin:100px auto 140px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.belief-grid article{padding:42px;min-height:350px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.belief-grid span{font:600 11px var(--display);color:var(--muted)}.belief-grid h2{font-size:28px;margin-top:100px}.belief-grid p{color:var(--muted);line-height:1.9}.company-note{background:#172b42;color:#fff;padding:120px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:110px}.company-note h2{font-size:52px;line-height:1.3;letter-spacing:-.04em}.company-note>div:last-child>p{color:#a9b4bf;line-height:2}.company-note dl{margin-top:45px}.company-note dl div{display:grid;grid-template-columns:120px 1fr;padding:18px 0;border-top:1px solid #53657a}.company-note dt{font-size:11px;color:#8797a6}.company-note dd{margin:0;font-size:13px}
.contact-page{background:#f5f3ee}.contact-page-grid{width:var(--container);margin:auto;padding:120px 0;display:grid;grid-template-columns:1fr .85fr;gap:110px}.contact-page-copy h1{font-size:clamp(50px,5vw,76px);line-height:1.2;letter-spacing:-.05em;margin:30px 0}.contact-page-copy>p:not(.overline){color:var(--muted);line-height:1.95;max-width:560px}.direct-contact{margin-top:60px;border-top:1px solid var(--line)}.direct-contact>div{display:grid;grid-template-columns:130px 1fr;padding:22px 0;border-bottom:1px solid var(--line);font-size:13px}.direct-contact span{color:var(--muted);font-size:11px}.direct-contact p{margin:0}.light-form{background:#fff;border:1px solid var(--line);padding:40px;color:var(--ink);align-self:start}.light-form label{color:var(--muted)}.light-form input,.light-form select,.light-form textarea{background:#f8f7f3;color:var(--ink);border-color:var(--line)}.light-form button{background:#102238;color:#fff}.light-form small{color:var(--muted)}.contact-expect{width:var(--container);margin:0 auto 130px;display:grid;grid-template-columns:180px repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.contact-expect>p,.contact-expect>div{margin:0;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-expect>p{font-size:12px;color:var(--muted)}.contact-expect span{font:600 10px var(--display);color:var(--muted)}.contact-expect h2{font-size:20px}.contact-expect div p{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:980px){.page-hero{grid-template-columns:1fr;gap:25px}.capability-list article{grid-template-columns:55px 1fr}.capability-list article>div:last-child{grid-column:2}.case-detail-title{grid-template-columns:1fr 1fr}.case-detail-title h2{grid-column:1/-1}.case-story{grid-template-columns:1fr}.case-story article{border-right:0;border-bottom:1px solid var(--line)}.case-safety{grid-template-columns:1fr}.company-note,.contact-page-grid{grid-template-columns:1fr}.contact-expect{grid-template-columns:1fr 1fr}.contact-expect>p{grid-column:1/-1}}
@media(max-width:620px){.page-hero{padding:75px 0}.page-hero h1{font-size:43px}.capability-list{padding-bottom:90px}.capability-list article{grid-template-columns:35px 1fr;gap:18px;padding:45px 0}.capability-list ul{grid-template-columns:1fr}.page-cta{padding:35px;margin-bottom:90px;grid-template-columns:1fr;gap:30px}.page-cta h2{font-size:32px}.case-detail{margin:60px auto 90px}.case-detail-title{padding:35px 25px;grid-template-columns:1fr}.case-detail-title h2{font-size:36px}.case-detail-title div{border-left:0;border-top:1px solid #53657a;padding:18px 0 0}.case-story article,.case-safety{padding:30px 25px}.other-grid,.belief-grid{grid-template-columns:1fr}.other-work{padding-bottom:90px}.belief-grid{margin:60px auto 90px}.belief-grid article{min-height:280px}.belief-grid h2{margin-top:55px}.company-note{padding-top:85px;padding-bottom:85px;gap:50px}.company-note h2{font-size:38px}.contact-page-grid{padding:75px 0;gap:60px}.contact-page-copy h1{font-size:43px}.light-form{padding:25px}.direct-contact>div{grid-template-columns:1fr;gap:7px}.contact-expect{grid-template-columns:1fr;margin-bottom:90px}.contact-expect>p{grid-column:auto}}

/* Purpose, vision and values */
.purpose-section{width:var(--container);margin:100px auto 150px}.purpose-label{padding-bottom:40px}.purpose-card{display:grid;grid-template-columns:180px 1fr 1fr;gap:45px;padding:60px 0;border-top:1px solid var(--line);align-items:start}.purpose-card>span{font-size:11px;font-weight:700;color:var(--muted)}.purpose-card h2{font-size:36px;line-height:1.5;letter-spacing:-.035em;margin:0}.purpose-card>p{font-size:14px;line-height:2;color:var(--muted);margin:5px 0}.purpose-card.vision{background:#e4e2da;margin:0 -40px;padding-left:40px;padding-right:40px;border-top:0}.values-section{background:#172b42;color:#fff;padding:120px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.values-intro h2{font-size:48px;line-height:1.35;letter-spacing:-.04em}.values-list{border-top:1px solid #53657a}.values-list article{display:grid;grid-template-columns:65px 1fr;padding:30px 0;border-bottom:1px solid #53657a}.values-list article>span{font:600 10px var(--display);color:#8293a4}.values-list h3{font-size:21px;margin:0 0 8px}.values-list p{font-size:13px;line-height:1.8;color:#a9b4bf;margin:0}.commitment-section{width:var(--container);margin:120px auto}.commitment-section h2{font-size:44px;letter-spacing:-.04em;margin:28px 0 55px}.commitment-section>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.commitment-section>div span{padding:35px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.manifesto>div a{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}
@media(max-width:980px){.purpose-card{grid-template-columns:120px 1fr}.purpose-card>p{grid-column:2}.values-section{grid-template-columns:1fr;gap:60px}.commitment-section>div{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.purpose-section{margin:70px auto 90px}.purpose-card{grid-template-columns:1fr;gap:20px;padding:42px 0}.purpose-card>p{grid-column:auto}.purpose-card h2{font-size:29px}.purpose-card.vision{margin:0 -16px;padding-left:16px;padding-right:16px}.values-section{padding-top:85px;padding-bottom:85px}.values-intro h2{font-size:37px}.commitment-section{margin:90px auto}.commitment-section h2{font-size:34px}.commitment-section>div{grid-template-columns:1fr}.manifesto>div{gap:20px}}

/* Refined typography scale */
.hero{min-height:650px;padding-top:60px;padding-bottom:75px}.hero h1{font-size:clamp(40px,3.7vw,56px);line-height:1.17;letter-spacing:-.04em;margin:24px 0}.hero-lead{font-size:16px;line-height:1.9}.section h2{font-size:clamp(31px,3vw,46px);line-height:1.28}.page-hero h1{font-size:clamp(38px,3.8vw,52px);line-height:1.22;letter-spacing:-.04em}.page-hero{padding-top:90px;padding-bottom:85px}.page-hero>p:last-child{font-size:15px}.flagship h2{font-size:clamp(33px,2.8vw,44px)}.manifesto blockquote{font-size:clamp(31px,3.4vw,48px)}.company-note h2{font-size:40px}.contact-page-copy h1{font-size:clamp(38px,3.8vw,52px)}
@media(max-width:620px){.hero h1,.page-hero h1,.contact-page-copy h1{font-size:34px}.section h2,.flagship h2{font-size:29px}.manifesto blockquote{font-size:27px}.company-note h2{font-size:31px}}

/* Product and knowledge pages */
.product-section{width:var(--container);margin:110px auto 140px}.product-heading{display:grid;grid-template-columns:150px 1fr 1fr;gap:40px;align-items:end;margin-bottom:45px}.product-heading>p{font-size:11px;color:var(--muted)}.product-heading h2{font-size:34px;margin:0}.product-heading>span{font-size:13px;line-height:1.8;color:var(--muted)}.product-feature{display:grid;grid-template-columns:1fr .8fr;border:1px solid var(--line);background:#e9e7e0}.product-feature>div:first-child{padding:55px}.product-feature h2{font-size:36px;line-height:1.4;margin:25px 0}.product-feature>div:first-child>p{line-height:1.9;color:var(--muted)}.product-feature ul{list-style:none;padding:25px 0;margin:30px 0;border-top:1px solid var(--line);display:flex;gap:25px;flex-wrap:wrap}.product-feature li{font-size:12px}.product-feature a,.product-cards a{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:6px}.product-panel{background:#172b42;color:#fff;padding:45px;display:grid;align-content:start}.product-panel>small{font:700 9px var(--display);letter-spacing:.16em;color:#8092a3}.product-panel>strong{font:600 90px var(--display);color:#e2d4ad;line-height:1.1}.product-panel>span{font-size:12px;color:#aab5bf;margin-bottom:35px}.product-panel>div{display:flex;justify-content:space-between;border-top:1px solid #53657a;padding:16px 0}.product-panel p{font-size:10px;color:#8fa0af;margin:0}.product-panel b{font-size:12px}.product-status{display:inline-block;width:max-content;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.08em}.product-status.delivered{background:#172b42;color:#fff}.product-status.showcase{background:#d9e1e7;color:#29455e}.product-status.prototype{border:1px solid var(--line);color:var(--muted)}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-cards article{padding:35px;min-height:420px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.product-cards article>p:first-of-type{margin-top:45px;font-size:10px;color:var(--muted)}.product-cards h3{font-size:25px;margin:8px 0 20px}.product-cards article>p:last-of-type{font-size:13px;line-height:1.8;color:var(--muted)}.product-cards article>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:28px}.product-cards article>div span{border:1px solid var(--line);padding:6px 8px;font-size:9px}.product-cards a{width:max-content}.product-legend{width:var(--container);margin:0 auto 140px;padding-top:70px;border-top:1px solid var(--line)}.product-legend h2{font-size:30px}.product-legend>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.product-legend article{padding:25px;border:1px solid var(--line)}.product-legend p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}
.featured-insight{width:var(--container);margin:100px auto 120px;display:grid;grid-template-columns:1.1fr .9fr;background:#172b42;color:#fff}.featured-insight>div:first-child{padding:60px}.featured-insight span{font-size:10px;color:#9cabb8}.featured-insight h2{font-size:38px;line-height:1.45;letter-spacing:-.035em;margin:25px 0}.featured-insight p{font-size:14px;line-height:1.9;color:#aab5bf}.featured-insight a{display:inline-block;margin-top:25px;font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:6px}.guide-index{border-left:1px solid #53657a;padding:35px 45px;display:grid;grid-template-columns:45px 1fr;align-content:center}.guide-index span,.guide-index p{padding:16px 0;margin:0;border-bottom:1px solid #53657a}.guide-index p{color:#fff}.insight-grid{width:var(--container);margin:0 auto 140px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.insight-grid article{padding:45px;min-height:270px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.insight-grid article>p{font-size:10px;color:var(--muted)}.insight-grid h3{font-size:25px;line-height:1.5;margin:55px 0 14px}.insight-grid span{font-size:13px;line-height:1.8;color:var(--muted)}.practical-guide{width:var(--container);margin:0 auto 140px}.practical-guide h2{font-size:38px;margin:25px 0 45px}.practical-guide>div{display:grid;grid-template-columns:1fr 1fr}.practical-guide article{display:grid;grid-template-columns:55px 1fr;border-top:1px solid var(--line);padding:25px 10px}.practical-guide article span{font:600 10px var(--display);color:var(--muted)}.practical-guide article p{margin:0;font-size:14px}
@media(max-width:1100px){.nav{gap:20px;font-size:13px}}
@media(max-width:980px){.product-heading{grid-template-columns:1fr}.product-feature{grid-template-columns:1fr}.product-cards{grid-template-columns:1fr 1fr}.featured-insight{grid-template-columns:1fr}.guide-index{border-left:0;border-top:1px solid #53657a}}
@media(max-width:620px){.product-section{margin:75px auto 90px}.product-heading{gap:12px}.product-heading h2{font-size:29px}.product-feature>div:first-child,.product-panel{padding:30px}.product-feature h2{font-size:28px}.product-feature ul{display:grid}.product-cards,.product-legend>div,.insight-grid,.practical-guide>div{grid-template-columns:1fr}.product-cards article{min-height:360px}.product-legend{margin-bottom:90px}.featured-insight{margin:70px auto 90px}.featured-insight>div:first-child{padding:35px}.featured-insight h2{font-size:29px}.guide-index{padding:25px 30px}.insight-grid{margin-bottom:90px}.insight-grid article{padding:30px;min-height:240px}.insight-grid h3{font-size:22px;margin-top:40px}.practical-guide{margin-bottom:90px}.practical-guide h2{font-size:30px}}

/* Real product presentation */
.product-page-hero{border-bottom:0}.real-product{width:var(--container);margin:40px auto 150px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;padding-top:70px;border-top:1px solid var(--line)}.real-product-copy h2{font-size:40px;letter-spacing:-.035em;margin:20px 0}.real-product-copy>p:not(.overline){font-size:14px;line-height:1.9;color:var(--muted)}.real-product-meta{display:flex;align-items:center;gap:10px;margin-bottom:40px}.real-product-meta span{font:600 10px var(--display);color:var(--muted)}.real-product-meta b,.real-product-meta em{padding:7px 9px;font-size:9px;font-style:normal}.real-product-meta b{background:#172b42;color:#fff}.real-product-meta em{border:1px solid var(--line);color:var(--muted)}.real-product-copy dl{margin:30px 0}.real-product-copy dl div{display:grid;grid-template-columns:90px 1fr;padding:14px 0;border-top:1px solid var(--line)}.real-product-copy dt{font-size:10px;color:var(--muted)}.real-product-copy dd{margin:0;font-size:12px}.real-product-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.product-screen{margin:0;border:1px solid var(--line);background:#fff;box-shadow:0 25px 70px rgba(16,34,56,.12)}.screen-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#f1f0eb}.screen-bar span{display:flex;gap:6px}.screen-bar i{width:7px;height:7px;border-radius:50%;background:#a9b0b4}.screen-bar b{font-size:9px;color:var(--muted);letter-spacing:.06em}.product-screen img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.product-screen figcaption{font-size:10px;color:var(--muted);padding:12px 16px;border-top:1px solid var(--line)}.cloud-product{grid-template-columns:1.28fr .72fr}.cloud-product .real-product-copy{order:2}.cloud-product .product-screen{order:1}.cloud-product .product-screen img{aspect-ratio:16/9}.product-boundary{background:#172b42;color:#fff;padding:110px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.product-boundary h2{font-size:40px;line-height:1.35;letter-spacing:-.04em}.boundary-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.boundary-flow article{border:1px solid #53657a;padding:30px;min-height:230px}.boundary-flow article span{font-size:9px;color:#e2d4ad;letter-spacing:.1em}.boundary-flow h3{font-size:20px;line-height:1.5;margin:25px 0}.boundary-flow p{font-size:12px;line-height:1.8;color:#aab5bf}.boundary-flow>i{font-style:normal;color:#8293a4}.version-roadmap{width:var(--container);margin:130px auto;display:grid;grid-template-columns:1fr 1fr;gap:100px}.version-roadmap h2{font-size:36px;line-height:1.45;letter-spacing:-.035em}.version-roadmap>div:last-child{border-left:1px solid var(--line);padding-left:45px}.version-roadmap>div:last-child>span{font:700 9px var(--display);letter-spacing:.16em;color:var(--muted)}.version-roadmap p{font-size:14px;line-height:1.9;color:var(--muted)}.version-roadmap ul{list-style:none;padding:25px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}.version-roadmap li{font-size:12px;padding:7px 0}.version-roadmap li::before{content:"—";margin-right:9px}
@media(max-width:980px){.real-product,.cloud-product,.product-boundary,.version-roadmap{grid-template-columns:1fr}.cloud-product .real-product-copy,.cloud-product .product-screen{order:initial}.product-boundary{gap:45px}.version-roadmap{gap:45px}.version-roadmap>div:last-child{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}}
@media(max-width:620px){.real-product{margin:20px auto 95px;padding-top:50px;gap:40px}.real-product-copy h2{font-size:30px}.real-product-actions{align-items:flex-start;display:grid}.real-product-copy dl div{grid-template-columns:1fr;gap:6px}.product-screen img,.cloud-product .product-screen img{aspect-ratio:auto}.product-boundary{padding-top:80px;padding-bottom:80px}.product-boundary h2{font-size:31px}.boundary-flow{grid-template-columns:1fr}.boundary-flow>i{rotate:90deg;justify-self:center}.version-roadmap{margin:90px auto}.version-roadmap h2{font-size:29px}}

/* UI/UX polish: clear navigation, keyboard access, and inspectable product proof */
.header{position:sticky;top:0;background:rgba(243,243,237,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav a[aria-current="page"]::after{right:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.product-screen-link{display:block;position:relative;overflow:hidden}
.product-screen-link::after{content:"放大查看 ↗";position:absolute;right:16px;bottom:16px;padding:9px 12px;background:rgba(7,17,15,.9);color:#fff;font:700 10px var(--display);letter-spacing:.08em;opacity:0;transform:translateY(6px);transition:.2s}
.product-screen-link img{transition:transform .35s ease}
.product-screen-link:hover::after,.product-screen-link:focus-visible::after{opacity:1;transform:none}
.product-screen-link:hover img{transform:scale(1.015)}
.case-thumb{margin:20px 24px 0;min-height:150px;overflow:hidden;border:1px solid var(--line);background:#fff}
.case-thumb img{width:100%;height:100%;min-height:150px;object-fit:cover;object-position:top;transition:transform .35s ease}
.case-thumb:hover img{transform:scale(1.025)}
.case-metrics{margin:20px 24px 0;min-height:150px;background:#172b42;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.case-metrics div{display:grid;gap:7px;text-align:center;border-right:1px solid #53657a;padding:18px 8px}
.case-metrics div:last-child{border-right:0}.case-metrics strong{font:600 28px var(--display);color:#e2d4ad}.case-metrics span{font-size:9px;color:#a9b4bf}
@media(max-width:980px){.case-evidence{grid-template-columns:1fr;gap:40px}}
@media(max-width:620px){.hero h1 em{color:var(--ink);-webkit-text-stroke:0}.product-screen-link::after{opacity:1;transform:none;right:10px;bottom:10px;padding:7px 9px;font-size:9px}.case-evidence{padding:35px 25px}.case-evidence-copy ul{grid-template-columns:1fr}.case-metrics strong{font-size:22px}.case-metrics span{font-size:8px}}

/* Preserve the native proportions of real product captures. */
.product-screen img,
.cloud-product .product-screen img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center top;
}
.product-screen-link::after { content: attr(title); }

/* Brand statement: one line on desktop */
.manifesto blockquote{font-size:clamp(26px,2.25vw,35px);letter-spacing:-.025em;white-space:nowrap}
@media(max-width:980px){.manifesto blockquote{white-space:normal;max-width:760px}}
@media(max-width:620px){.manifesto blockquote{font-size:25px;line-height:1.65}}