@import url('brand/syna.css');
@import url('brand/syna-components.css');
@import url('assets/fonts/fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--syna-color-text);background:var(--syna-color-bg);font:400 16px/1.65 var(--syna-font-body-latin)}[lang="zh-HK"] body{font-family:var(--syna-font-body-tc);line-height:1.72;line-break:strict}button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait}:focus-visible{outline:2px solid var(--syna-emerald-700);outline-offset:5px}[hidden]{display:none!important}img{max-width:100%}svg{display:block}main,section,article,div{min-width:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--syna-font-display-latin);font-weight:500;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}[lang="zh-HK"] h1,[lang="zh-HK"] h2{font-family:var(--syna-font-display-tc);line-height:1.32;letter-spacing:.01em;font-weight:600}h2{font-size:clamp(32px,3.2vw,46px);margin-bottom:24px}h3{font-size:22px;line-height:1.35;font-weight:600}p{text-wrap:pretty}.shell{width:min(var(--syna-layout-max),calc(100% - 80px));margin-inline:auto}.section-space{padding-block:88px}.eyebrow{font:500 12px/1.5 var(--syna-font-mono);letter-spacing:.12em;color:var(--syna-emerald-700);margin-bottom:24px;text-transform:uppercase}[lang="zh-HK"] .eyebrow{font-family:var(--syna-font-body-tc);letter-spacing:.08em}.body-large{font-size:18px;line-height:1.7;color:var(--syna-color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:16px;z-index:100;padding:12px 20px;background:var(--syna-white);transform:translateY(-200%)}.skip-link:focus{transform:none}
.review-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;font-size:12px;color:var(--syna-white);background:var(--syna-emerald-950)}.review-identity{display:flex;align-items:center;gap:18px}.review-identity strong{font-size:11px;letter-spacing:.08em}.review-actions{display:flex;align-items:center;gap:8px}.review-actions button{min-height:32px;padding:4px 12px;color:var(--syna-white);background:transparent;border:1px solid var(--syna-emerald-300);border-radius:2px;font-size:12px}.review-actions button[aria-pressed="true"]{color:var(--syna-graphite-950);background:var(--syna-ivory-50)}.review-actions button:focus-visible{outline-color:var(--syna-earth-500)}.theme-switch{display:flex;gap:4px}.site-header{position:sticky;top:0;z-index:50;background:var(--syna-ivory-50);border-bottom:1px solid var(--syna-color-border)}.header-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:block;flex-shrink:0}.logo{display:block;width:190px;height:auto}.desktop-nav{display:flex;gap:32px;align-items:center;margin-left:auto}.desktop-nav a{position:relative;padding:16px 0;text-decoration:none;font-size:14px;font-weight:500}.desktop-nav a::after{content:'';position:absolute;bottom:9px;left:0;width:100%;height:1px;background:var(--syna-emerald-700);transform:scaleX(0);transform-origin:left;transition:transform 160ms}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}.header-actions{display:flex;gap:8px;margin-left:16px}.language-switch,.menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--syna-color-border);background:transparent;text-decoration:none;font-size:14px}.language-switch:hover{background:var(--syna-emerald-100)}.menu-toggle{display:none;padding:9px}.menu-toggle svg{width:24px;stroke:currentColor;stroke-width:1.5}.mobile-menu{border-top:1px solid var(--syna-color-border);padding:16px 24px 24px}.mobile-nav{display:grid}.mobile-nav a{min-height:52px;padding:12px 8px;text-decoration:none;border-bottom:1px solid var(--syna-color-border)}.mobile-nav a[aria-current]{color:var(--syna-emerald-700);font-weight:600}
.hero{position:relative;border-bottom:1px solid var(--syna-color-border)}.hero-shell{display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:center;padding-block:64px 60px}.hero h1{margin-bottom:28px;font-size:clamp(58px,5.6vw,80px);line-height:.99;letter-spacing:-.035em}.hero h1 span{display:block}[lang="zh-HK"] .hero h1{font-size:clamp(38px,3.25vw,48px);line-height:1.32;letter-spacing:0}.hero-body{max-width:590px;color:var(--syna-color-text-muted);font-size:18px;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.syna-button{min-height:48px;padding-inline:20px;gap:16px;font-family:inherit;font-size:14px;line-height:1.4}.arrow{display:inline-block;font-family:Arial,sans-serif;font-size:19px;line-height:1;transition:transform 160ms}a:hover .arrow,button:hover .arrow{transform:translate(2px,-2px)}.hero-art{min-width:0}.connection-graphic{position:relative;height:438px;overflow:clip;background:var(--syna-emerald-850);border:1px solid var(--syna-emerald-850)}.graphic-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(114,173,156,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(114,173,156,.10) 1px,transparent 1px);background-size:48px 48px}.harbour-lines{position:absolute;inset:0;width:100%;height:100%;color:var(--syna-earth-500)}.asset-panel{position:absolute;height:156px;width:74%;border:1px solid var(--syna-emerald-300);padding:18px 22px}.asset-panel-one{top:32px;left:6%;background:var(--syna-ivory-100);color:var(--syna-graphite-950)}.asset-panel-two{top:104px;left:13%;background:var(--syna-white);color:var(--syna-graphite-950)}.asset-panel-three{top:180px;left:20%;height:172px;background:var(--syna-emerald-100);color:var(--syna-graphite-950)}.panel-label{position:relative;z-index:2;display:block;font-size:17px;font-weight:500}.ledger{display:grid;gap:12px;margin-top:22px}.ledger i{display:block;height:1px;width:85%;background:var(--syna-color-border)}.ledger i:last-child{width:50%}.connection-symbol{position:relative;height:64px;margin-top:24px}.connection-symbol span{position:absolute;width:11px;height:11px;border:1px solid var(--syna-emerald-700);background:var(--syna-emerald-100);border-radius:50%;z-index:2}.connection-symbol span:nth-child(1){left:0;top:32px}.connection-symbol span:nth-child(2){left:47%;top:12px}.connection-symbol span:nth-child(3){right:0;top:32px}.connection-symbol i{position:absolute;inset:18px 6px 18px;border-top:1px solid var(--syna-emerald-700);border-radius:50%}.graphic-note{position:absolute;bottom:18px;left:24px;right:24px;color:var(--syna-white);font-size:12px;line-height:1.5;margin:0}.graphic-caption{color:var(--syna-color-text-muted);font-size:14px;margin:14px 0 0}[data-hero-theme="dark"] .hero{color:var(--syna-white);background:var(--syna-emerald-850)}[data-hero-theme="dark"] .hero .eyebrow,[data-hero-theme="dark"] .hero-body,[data-hero-theme="dark"] .graphic-caption{color:var(--syna-emerald-100)}[data-hero-theme="dark"] .hero .syna-button--primary{background:var(--syna-ivory-50);color:var(--syna-emerald-850);border-color:var(--syna-ivory-50)}[data-hero-theme="dark"] .hero .syna-button--secondary{border-color:var(--syna-emerald-100);color:var(--syna-white)}[data-hero-theme="dark"] .hero .syna-button--secondary:hover{color:var(--syna-emerald-850)}[data-hero-theme="dark"] .connection-graphic{border-color:var(--syna-emerald-300)}
.foundation{display:grid;grid-template-columns:1fr 1fr;gap:88px}.foundation h2{max-width:480px}.foundation-tags{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:14px;font-size:13px}.foundation-tags span{display:flex;align-items:center;gap:8px}.foundation-tags span::before{content:'';width:4px;height:4px;background:var(--syna-emerald-700)}.solutions{position:relative;background:var(--syna-ivory-100);border-block:1px solid var(--syna-color-border)}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:64px;margin-bottom:40px}.section-heading h2{margin-bottom:0;max-width:620px}.section-heading>p{color:var(--syna-color-text-muted);font-size:16px;max-width:390px}.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.solution-card{position:relative;display:flex;flex-direction:column;min-height:350px;padding:28px 24px;background:var(--syna-white);border:1px solid var(--syna-color-border);text-decoration:none;transition:transform 180ms,background 180ms,border-color 180ms}.solution-card:hover,.solution-card:focus-visible{border-color:var(--syna-emerald-700);background:var(--syna-emerald-100);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.card-icon{width:36px;height:36px;color:var(--syna-emerald-700)}.card-index{font:400 12px var(--syna-font-mono);color:var(--syna-color-text-muted)}.card-tag{font-size:10px;letter-spacing:.1em;color:var(--syna-color-text-muted);margin-bottom:10px}.solution-card h3{font-size:22px;margin-bottom:16px;text-wrap:balance}.solution-card p{font-size:16px;color:var(--syna-color-text-muted);line-height:1.65;margin-bottom:28px}.card-action{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--syna-color-border);font-size:13px;font-weight:500;color:var(--syna-emerald-700)}.direction-footer{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-top:28px}.direction-footer p{color:var(--syna-color-text-muted);font-size:14px;max-width:660px;margin:0}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-underline-offset:6px;font-weight:500;font-size:14px;color:var(--syna-emerald-700)}.approach{position:relative;color:var(--syna-white);background:var(--syna-emerald-850)}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:88px}.approach .eyebrow{color:var(--syna-emerald-100)}.approach h2{max-width:550px}.approach .body-large{color:var(--syna-emerald-100);font-size:17px}.approach .text-link{color:var(--syna-white)}.approach :focus-visible{outline-color:var(--syna-earth-500)}.principle{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--syna-emerald-300)}.principle:first-child{padding-top:0;border-top:0}.principle-index{font:400 18px var(--syna-font-mono);color:var(--syna-earth-500);padding-top:4px}.principle h3{margin-bottom:10px}.principle p{font-size:16px;color:var(--syna-emerald-100);margin:0}
.contact-section{display:grid;grid-template-columns:5fr 7fr;gap:72px}.contact-copy{align-self:start}.contact-copy h2{max-width:480px}.contact-email{display:grid;gap:8px;padding-block:28px;border-bottom:1px solid var(--syna-color-border);font-size:14px}.contact-email a{display:inline-flex;gap:12px;align-items:center;font-size:17px;font-weight:500;color:var(--syna-emerald-700);text-underline-offset:6px}.contact-boundary{max-width:460px;font-size:14px;color:var(--syna-color-text-muted);margin-top:28px}.form-panel{background:var(--syna-white);border:1px solid var(--syna-color-border);padding:32px}.simulation-label{color:var(--syna-emerald-700);background:var(--syna-emerald-100);padding:10px 12px;margin-bottom:28px;font-size:12px;font-weight:600;letter-spacing:.04em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;align-content:start;gap:8px;margin-bottom:22px}.field label{font-size:14px;font-weight:500}.field-meta{font-weight:400;color:var(--syna-color-text-muted);font-size:12px;margin-left:4px}.field input,.field select,.field textarea,.demo-controls select{width:100%;min-height:48px;min-width:0;border:1px solid var(--syna-color-border);background:var(--syna-ivory-50);border-radius:2px;padding:11px 12px;color:var(--syna-graphite-950)}.field textarea{min-height:136px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--syna-emerald-700);outline-offset:2px}.field [aria-invalid="true"]{border-color:var(--syna-risk-600);border-width:2px}.field-help,.field-error{font-size:12px;line-height:1.5;color:var(--syna-color-text-muted);margin:0}.field-help:empty{display:none}.field-error{color:var(--syna-graphite-950);padding-left:10px;border-left:2px solid var(--syna-risk-600)}.message-meta{display:flex;justify-content:space-between;gap:12px}#character-count{font-size:11px;font-family:var(--syna-font-mono);white-space:nowrap;color:var(--syna-color-text-muted)}.privacy-copy{font-size:13px;color:var(--syna-color-text-muted);margin-bottom:22px}.privacy-copy a{color:var(--syna-emerald-700);text-underline-offset:3px}.verification-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--syna-ivory-100);border:1px solid var(--syna-color-border);padding:14px;margin-bottom:20px}.verification-box strong{font-size:13px;font-weight:500}.verification-box p{font-size:12px;color:var(--syna-color-text-muted);margin:4px 0 0;max-width:290px}.verify-button{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid var(--syna-emerald-700);color:var(--syna-emerald-700);background:var(--syna-white);font-size:12px;max-width:175px}.submit-button{width:100%;justify-content:space-between}.submit-button:disabled{opacity:1;background:var(--syna-emerald-850)}.form-status{padding:16px;border:1px solid var(--syna-color-border);background:var(--syna-ivory-100);margin-bottom:20px}.form-status[data-kind="error"]{border-color:var(--syna-risk-600);background:var(--syna-risk-100)}.form-status[data-kind="success"]{border-color:var(--syna-emerald-700);background:var(--syna-emerald-100)}.status-kicker{display:block;font-size:11px;letter-spacing:.08em;color:var(--syna-graphite-950);margin-bottom:8px}.form-status strong{display:block;font-weight:500;font-size:15px}.form-status p{margin:8px 0 0;font-size:12px;color:var(--syna-graphite-950)}.demo-controls{padding-top:20px;margin-top:24px;border-top:1px dashed var(--syna-color-border);font-size:12px}.demo-controls summary{cursor:pointer;color:var(--syna-color-text-muted);min-height:32px}.demo-control-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.demo-controls select{min-height:40px;flex:1 1 180px}.demo-controls button{min-height:40px;border:1px solid var(--syna-color-border);background:var(--syna-ivory-50);font-size:12px;padding:6px 12px}.demo-controls p{font-size:12px;color:var(--syna-color-text-muted);margin:12px 0 0}
.site-footer{color:var(--syna-white);background:var(--syna-emerald-950);padding-block:56px 32px}.footer-top{display:flex;justify-content:space-between;gap:64px;padding-bottom:36px}.brand-slogan{margin:24px 0 8px;max-width:600px;font-size:17px;line-height:1.6}.company-name{font-size:12px;color:var(--syna-emerald-100)}.footer-navigation{display:flex;flex-direction:column;gap:24px;font-size:14px}.footer-nav{display:flex;flex-wrap:wrap;gap:24px}.footer-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.footer-bottom{border-top:1px solid var(--syna-emerald-300);padding-top:28px}.footer-bottom>p{color:var(--syna-emerald-100);font-size:12px;max-width:950px;line-height:1.7}.footer-legal{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:12px}.footer-legal a{min-height:44px;display:flex;align-items:center;text-underline-offset:4px}.footer-legal span{color:var(--syna-emerald-100);margin-left:auto}.site-footer :focus-visible{outline-color:var(--syna-earth-500)}.legacy-anchor{position:absolute;top:0}.page-scaffold{min-height:55vh}.page-scaffold h1{font-size:clamp(38px,5vw,64px);max-width:800px}.scaffold-notice{padding:16px 20px;background:var(--syna-earth-100);border-left:2px solid var(--syna-earth-500);color:var(--syna-graphite-950);max-width:760px;font-size:14px}.scaffold-directions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:32px}.scaffold-directions article{border-top:1px solid var(--syna-color-border);padding-top:24px}.scaffold-directions h2{font-size:28px}.page-scaffold+.contact-section{padding-top:0}
@media(max-width:1100px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-card{min-height:310px}.contact-section{gap:40px}.verification-box{flex-direction:column;align-items:stretch}.verify-button{max-width:none}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{min-height:76px}.hero-shell{grid-template-columns:1fr 1fr;gap:24px;padding-block:48px}.hero h1{font-size:52px}[lang="zh-HK"] .hero h1{font-size:29px}.hero-body{font-size:16px}.connection-graphic{height:370px}.asset-panel{padding:14px}.asset-panel-one{top:22px}.asset-panel-two{top:83px}.asset-panel-three{top:145px;height:152px}.panel-label{font-size:14px}.graphic-note{font-size:11px;left:18px;right:18px}.section-space{padding-block:64px}.foundation,.approach-layout,.section-heading{gap:40px}.contact-section{grid-template-columns:1fr}.contact-copy{max-width:640px}.contact-email{padding-block:16px}.contact-boundary{max-width:none;margin-bottom:0}.form-panel{max-width:760px}.verification-box{flex-direction:row;align-items:center}.footer-top{flex-direction:column;gap:24px}.review-identity span{display:none}}
@media(max-width:620px){html{scroll-padding-top:80px}.shell{width:calc(100% - 32px)}.review-bar{padding:8px 12px;flex-wrap:wrap;gap:6px}.review-identity{width:100%}.review-identity span{display:inline;font-size:10px}.review-actions{width:100%;gap:6px}.review-actions button{min-height:30px;padding-inline:9px;font-size:11px}.header-inner{min-height:76px;gap:8px}.logo{width:180px}.header-actions{margin-left:0}.hero-shell{display:block;padding-block:40px 36px}.hero .eyebrow{font-size:11px;margin-bottom:22px}.hero h1{font-size:clamp(46px,13vw,56px);line-height:1.01;margin-bottom:24px}[lang="zh-HK"] .hero h1{font-size:clamp(29px,7.9vw,35px);line-height:1.4}.hero-body{font-size:16px;line-height:1.72;margin-bottom:24px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions .syna-button{width:100%;min-width:0;padding:10px 12px;gap:8px;font-size:13px}.hero-art{margin-top:32px}.connection-graphic{height:318px}.asset-panel{width:74%;height:120px}.asset-panel-one{top:18px}.asset-panel-two{top:72px}.asset-panel-three{top:127px;height:132px}.ledger{gap:8px;margin-top:16px}.connection-symbol{height:48px;margin-top:16px}.graphic-note{bottom:14px;font-size:11px}.graphic-caption{font-size:12px}.foundation,.approach-layout,.section-heading{grid-template-columns:1fr;gap:24px}h2{font-size:32px;line-height:1.15;margin-bottom:18px}[lang="zh-HK"] h2{font-size:29px}.eyebrow{font-size:11px;margin-bottom:18px}.body-large{font-size:16px;line-height:1.72}.foundation-tags{font-size:12px;padding-top:8px}.section-space{padding-block:56px}.section-heading{margin-bottom:28px}.section-heading>p{margin-bottom:0}.solution-grid{grid-template-columns:1fr;gap:12px}.solution-card{min-height:0;padding:24px}.card-top{margin-bottom:20px}.card-tag{font-size:11px}.solution-card p{margin-bottom:20px}.direction-footer{flex-direction:column;gap:12px;margin-top:24px}.direction-footer p{font-size:13px}.approach .body-large{font-size:16px}.principle{gap:20px;padding-block:22px}.principle:first-child{padding-top:22px;border-top:1px solid var(--syna-emerald-300)}.contact-section{gap:28px}.contact-boundary{font-size:13px;margin-top:20px}.contact-email a{font-size:16px;overflow-wrap:anywhere}.form-panel{padding:20px 16px}.field-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:20px}.field input,.field select,.field textarea{font-size:16px}.message-meta{flex-direction:column;gap:5px}#character-count{text-align:right}.verification-box{flex-direction:column;align-items:stretch}.verify-button{max-width:none}.demo-controls button{min-height:44px}.site-footer{padding-block:40px 24px}.footer-top{padding-bottom:28px}.brand-slogan{font-size:16px}.footer-nav{gap:18px;font-size:13px}.footer-legal{gap:16px}.footer-legal span{width:100%;margin:0}.scaffold-directions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.solution-card:hover,.solution-card:focus-visible,.syna-button:hover,a:hover .arrow,button:hover .arrow{transform:none}}
[data-motion="reduce"]{scroll-behavior:auto}[data-motion="reduce"] *,[data-motion="reduce"] *::before,[data-motion="reduce"] *::after{animation:none!important;transition:none!important}[data-motion="reduce"] .solution-card:hover,[data-motion="reduce"] .solution-card:focus-visible,[data-motion="reduce"] .syna-button:hover,[data-motion="reduce"] a:hover .arrow,[data-motion="reduce"] button:hover .arrow{transform:none}
/* Review controls and supporting copy remain readable on small screens. */
.review-actions button,.demo-controls summary,.demo-controls select,.demo-controls button{min-height:44px}.card-tag{font-size:12px}.field-help,.field-error,.verification-box p,.form-status p,.privacy-copy{font-size:14px}.field-meta{font-size:13px}.footer-bottom>p,.footer-legal{font-size:14px}.simulation-label{font-size:13px}@media(max-width:620px){.review-actions{flex-wrap:wrap}.review-actions button{min-height:44px}.card-tag{font-size:12px}}

/* Horizontal Logo clearance: 4x = 104/1180 of its rendered width. */
.header-inner{min-height:100px}@media(max-width:900px){.header-inner{min-height:100px}}@media(max-width:620px){.header-inner{min-height:96px;gap:16px}.header-actions{gap:4px}html{scroll-padding-top:100px}}