:root{--ink:#1c2428;--muted:#677477;--light:#f5f7f6;--line:#dce2df;--brand:#e55a32;--brand-dark:#ca4822;--deep:#243136;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans SC',sans-serif;background:#fff}a{text-decoration:none;color:inherit}.section-wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{height:80px;border-bottom:1px solid #edf0ef;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;max-width:1180px;width:calc(100% - 64px);margin:auto;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.logo img{width:38px;height:38px;object-fit:contain}.nav{display:flex;margin-left:auto;margin-right:45px;gap:30px}.nav a{font-size:14px;color:#526064;position:relative;padding:29px 0}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:21px;height:2px;background:var(--brand);transform:scaleX(0);transition:transform .25s var(--ease)}.nav a:hover,.nav a.is-active{color:var(--ink)}.nav a.is-active:after{transform:scaleX(1)}.header-contact{font-size:14px;font-weight:600;color:var(--brand)}.header-contact span{margin-left:8px;font-size:18px}.mobile-menu,.mobile-panel{display:none}.hero{min-height:654px;display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;padding:91px 0 75px}.overline,.section-label p{font:700 11px Manrope,sans-serif;color:var(--brand);letter-spacing:1.6px;margin:0;text-transform:uppercase}.hero h1,.intro h2,.work h2,.process h2,.about h2,.contact h2{font-size:clamp(42px,4.5vw,64px);line-height:1.18;letter-spacing:0;margin:17px 0 22px;font-weight:700}.hero-text{max-width:465px;color:var(--muted);font-size:16px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:12px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 18px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .2s var(--ease),background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark)}.button-primary span{font-size:18px}.button-plain{border-color:#cbd3d0;color:#3a484c}.hero-art{position:relative;height:425px}.art-window{position:absolute;inset:31px 0 0 33px;background:#fff;border:1px solid #d7e1de;box-shadow:0 25px 55px rgba(40,59,56,.12)}.art-bar{height:42px;border-bottom:1px solid #e4e9e7;display:flex;align-items:center;padding:0 14px;gap:5px}.art-bar i{width:6px;height:6px;border-radius:50%;background:#d9dfdd}.art-bar b{font-size:11px;margin-left:10px}.art-bar span{margin-left:auto;font-size:10px;color:#48a57b}.art-body{display:flex;height:calc(100% - 42px)}.art-body aside{width:58px;background:#f5f8f7;padding-top:17px;display:flex;align-items:center;flex-direction:column;gap:19px}.art-body aside strong{font:700 12px Manrope;color:var(--brand);margin-bottom:13px}.art-body aside i{width:17px;height:2px;background:#bfcac6}.art-content{padding:24px;flex:1}.art-heading{display:flex;justify-content:space-between}.art-heading small{display:block;font:10px Manrope;color:#98a6a2;letter-spacing:1px}.art-heading b{display:block;font-size:16px;margin-top:6px}.art-heading button{align-self:start;background:#f5f7f6;border:1px solid #e1e7e4;border-radius:2px;padding:6px 10px;color:#667477;font-size:10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:21px 0}.metric-row div{background:#f8faf9;padding:13px}.metric-row small{display:block;color:#879592;font-size:10px}.metric-row strong{display:block;font:600 24px Manrope;margin:8px 0 4px}.metric-row strong span{font-size:12px}.metric-row em{font:10px Manrope;color:#43a379;font-style:normal}.chart-box{border-top:1px solid #e7edeb;padding-top:15px}.chart-title{display:flex;justify-content:space-between;font-size:11px}.chart-title span{color:#8b9996}.chart{height:99px;display:flex;align-items:end;gap:8%;padding:8px 5px 0;border-bottom:1px solid #e4ebe8}.chart i{width:8%;background:linear-gradient(#ef987c,#e55a32);height:var(--h)}.chart i:nth-child(1){--h:31%}.chart i:nth-child(2){--h:45%}.chart i:nth-child(3){--h:36%}.chart i:nth-child(4){--h:68%}.chart i:nth-child(5){--h:57%}.chart i:nth-child(6){--h:89%}.art-note{position:absolute;padding:14px 17px;background:#fff;border:1px solid #dfe6e3;box-shadow:0 12px 25px rgba(40,59,56,.1);display:flex;flex-direction:column;gap:4px}.art-note b{font-size:12px}.art-note span{font-size:10px;color:#7b8986}.note-one{right:-22px;top:0}.note-two{left:0;bottom:2px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-inner{height:95px;display:flex;align-items:center;justify-content:space-between}.trust p{color:#627174;font-size:14px;margin:0}.trust div{display:flex;gap:30px}.trust span{font:600 12px Manrope;color:#8b9996;letter-spacing:.5px}.intro{display:grid;grid-template-columns:160px 1fr;padding-top:128px}.section-label{display:flex;align-items:center;gap:12px}.section-label span{font:600 12px Manrope;color:#8d9996}.section-label span:after{content:'';display:inline-block;width:24px;height:1px;background:#c8d1ce;margin:0 0 3px 8px}.intro-head{display:flex;justify-content:space-between;gap:50px;padding-bottom:70px}.intro h2{margin:0}.intro-head>p{max-width:344px;color:var(--muted);font-size:15px;line-height:1.85;margin:11px 0 0}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:128px}.service{padding:30px 28px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:315px;transition:background .25s,transform .25s var(--ease)}.service:hover{background:#fafbfa;transform:translateY(-4px)}.service-top{display:flex;justify-content:space-between;align-items:start}.service-top>span{font:600 11px Manrope;color:#9aa6a3}.service-icon{display:block;width:40px;height:40px;position:relative}.icon-grid{background:linear-gradient(90deg,var(--brand) 46%,transparent 46% 54%,var(--brand) 54%),linear-gradient(var(--brand) 46%,transparent 46% 54%,var(--brand) 54%);opacity:.9}.icon-screen{border:2px solid var(--brand)}.icon-screen:after{content:'';position:absolute;bottom:-7px;left:11px;width:14px;height:2px;background:var(--brand)}.icon-link:before,.icon-link:after{content:'';position:absolute;border:2px solid var(--brand);width:20px;height:11px;border-radius:10px;top:13px}.icon-link:before{left:0}.icon-link:after{right:0}.icon-flow:before{content:'';position:absolute;inset:5px;border:2px solid var(--brand);border-radius:50%}.icon-flow:after{content:'';position:absolute;left:18px;top:0;height:40px;border-left:2px solid var(--brand)}.service h3{font-size:20px;margin:54px 0 12px}.service p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px}.service a,.work-head a{font-size:13px;font-weight:600;color:var(--brand)}.service a span,.work-head a span{font-size:17px;margin-left:7px}.statement{background:var(--deep);color:#fff}.statement-inner{min-height:188px;display:flex;justify-content:space-between;align-items:center}.statement p{font-size:28px;font-weight:600;margin:0}.statement span{font-size:14px;color:#afc1be;max-width:255px;line-height:1.7}.work{padding:128px 0}.work>.section-label{margin-bottom:30px}.work-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.work h2{margin:0}.work-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.work-card{border:1px solid var(--line);background:#fff;transition:transform .25s var(--ease),box-shadow .25s}.work-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(38,56,53,.09)}.case-preview{height:247px;background:#edf3f1;padding:16px;position:relative;overflow:hidden}.work-main .case-preview{height:303px}.mini-top{display:flex;align-items:center;gap:7px;color:#607573;font:10px Manrope}.mini-top i{height:6px;width:6px;border-radius:50%;background:var(--brand)}.mini-top b{font-weight:600}.mini-top span{margin-left:auto;font-size:9px;color:#48a57b}.hardware{background:linear-gradient(135deg,#e1ece9,#f7f8f5)}.device{width:200px;height:200px;margin:23px auto 0;padding:28px;border-radius:50%;background:conic-gradient(var(--brand) 0 72%,#c9d8d4 72%);display:flex;align-items:center;justify-content:center;position:relative}.device:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#f9fbfa}.device div,.device p{position:relative;z-index:1}.device div{text-align:center}.device div b{font:600 35px Manrope}.device div small{font-size:13px;color:var(--brand)}.device div span{display:block;color:#7c918d;font-size:10px}.device p{position:absolute;right:-72px;top:42px;font-size:11px;line-height:1.7;color:#617774}.device p strong{color:#369469}.mini-lines{position:absolute;bottom:19px;left:21px;right:21px;display:flex;gap:8px}.mini-lines i{height:4px;background:#b7cbc6;flex:1}.mini-lines i:first-child{background:var(--brand)}.health{background:#f7f2ee}.health-score{margin:31px auto 0;width:146px;height:146px;border-radius:50%;border:12px solid #efd2c8;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.health-score:after{content:'';position:absolute;inset:-12px;border-radius:50%;border-top:12px solid var(--brand);transform:rotate(38deg)}.health-score small{font-size:10px;color:#8b7771}.health-score b{font:600 43px Manrope}.health-score span{color:var(--brand);font-size:10px}.pulse-line{position:absolute;left:22px;right:22px;bottom:25px;height:24px;background:linear-gradient(135deg,transparent 45%,var(--brand) 46% 49%,transparent 50%) 0 0/28px 24px}.education{background:#eef2f6}.course-banner{margin-top:22px;padding:18px;background:#31465a;color:#fff}.course-banner span{display:block;font:9px Manrope;color:#aebdcc;letter-spacing:.7px}.course-banner b{display:block;margin:8px 0 18px;font-size:17px}.course-banner i{font:10px Manrope;color:#c4d1dd;font-style:normal}.course-list{margin-top:15px;display:grid;gap:8px}.course-list i{height:8px;background:#d1dce5}.course-list i:nth-child(2){width:72%}.course-list i:nth-child(3){width:84%}.work-info{padding:22px}.work-info span{font:700 10px Manrope;letter-spacing:1.1px;color:var(--brand)}.work-info h3{font-size:19px;margin:10px 0}.work-info p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.process{padding:104px 0;background:var(--light)}.process-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.process h2{margin:22px 0 0}.process-head>p{max-width:350px;font-size:15px;line-height:1.85;color:var(--muted);margin:0}.process-list{padding:0;margin:0;border-top:1px solid #d5ddda;list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}.process-list li{padding:23px 22px 0 0;border-right:1px solid #d5ddda;min-height:165px}.process-list li+li{padding-left:22px}.process-list li:last-child{border:0}.process-list span{font:500 30px Manrope;color:#a0aca8}.process-list h3{font-size:16px;margin:25px 0 7px}.process-list p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.about{padding:128px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.about-mark{display:flex;align-items:start;justify-content:center;padding-top:48px}.about-mark img{width:175px;height:175px;object-fit:contain}.about h2{margin-top:22px}.about-copy>p{max-width:625px;color:var(--muted);font-size:15px;line-height:1.95}.about-data{display:flex;margin-top:37px;gap:55px}.about-data strong{font:600 36px Manrope}.about-data strong span{color:var(--brand)}.about-data p{font-size:12px;color:var(--muted);margin:5px 0 0}.contact{background:#f2ede8;padding:100px 0}.contact-inner>p:not(.overline){font-size:16px;color:#667477;line-height:1.85;max-width:500px}.contact h2{margin-bottom:22px}.contact-grid{display:flex;gap:14px;margin-top:37px}.contact-grid a{background:#fff;border:1px solid #e0dad3;padding:18px 22px;min-width:260px;position:relative;transition:transform .2s var(--ease),box-shadow .2s}.contact-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 18px rgba(58,48,38,.08)}.contact-grid small{display:block;color:#82908c;font-size:11px;margin-bottom:7px}.contact-grid strong{font:600 15px Manrope}.contact-grid span{position:absolute;right:18px;top:30px;color:var(--brand);font-size:20px}footer{background:#202b2f;color:#b3c0be}.footer-inner{min-height:102px;display:flex;align-items:center;gap:35px}.footer-inner .logo{color:#fff}.footer-inner .logo img{filter:none}.footer-inner p{font:11px Manrope;margin:0}.footer-inner p:last-child{margin-left:auto}@media(max-width:900px){.nav{gap:16px;margin-right:25px}.hero{gap:35px}.art-window{left:0}.intro{grid-template-columns:1fr}.intro>.section-label{margin-bottom:25px}.work-grid{grid-template-columns:1fr 1fr}.work-main{grid-column:span 2}.process-list{grid-template-columns:repeat(3,1fr)}.process-list li:nth-child(3){border:0}.process-list li:nth-child(n+4){border-top:1px solid #d5ddda;padding-top:23px}.about{gap:6%}}@media(max-width:650px){.section-wrap,.header-inner{width:calc(100% - 40px)}.header{height:68px}.nav,.header-contact{display:none}.mobile-menu{margin-left:auto;display:flex;width:38px;height:38px;border:1px solid #dce3e0;background:#fff;flex-direction:column;justify-content:center;gap:5px;padding:9px}.mobile-menu span{height:1px;background:var(--ink);width:100%}.mobile-panel{position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px 18px;box-shadow:0 12px 24px rgba(28,36,40,.08)}.mobile-panel:not([hidden]){display:grid;gap:3px}.mobile-panel a{padding:11px 0;font-size:14px}.hero{display:block;padding:66px 0 54px;min-height:0}.hero h1,.intro h2,.work h2,.process h2,.about h2,.contact h2{font-size:39px}.hero-art{height:307px;margin-top:54px}.art-window{inset:20px 0 0}.art-content{padding:15px}.art-body aside{width:39px}.metric-row{gap:5px;margin:13px 0}.metric-row div{padding:8px}.metric-row strong{font-size:16px}.chart{height:65px}.art-note{display:none}.trust-inner{height:auto;display:block;padding:20px 0}.trust p{line-height:1.6}.trust div{flex-wrap:wrap;gap:11px 22px;margin-top:15px}.intro{padding-top:76px}.intro-head{display:block;padding-bottom:38px}.intro-head>p{margin-top:22px}.services{grid-template-columns:1fr;margin-bottom:76px}.service{min-height:250px}.service h3{margin-top:36px}.statement-inner{display:block;padding:42px 0;min-height:0}.statement p{font-size:22px;line-height:1.5}.statement span{display:block;margin-top:16px}.work{padding:76px 0}.work-head{display:block;margin-bottom:35px}.work-head a{display:inline-block;margin-top:17px}.work-grid{grid-template-columns:1fr}.work-main{grid-column:auto}.case-preview,.work-main .case-preview{height:238px}.process{padding:75px 0}.process-head{display:block;margin-bottom:35px}.process-head>p{margin-top:18px}.process-list{grid-template-columns:1fr}.process-list li,.process-list li+li{border-right:0;border-bottom:1px solid #d5ddda;padding:18px 0;min-height:0;display:flex;gap:22px}.process-list li:nth-child(n+4){border-top:0;padding-top:18px}.process-list h3{margin:0 0 6px}.process-list span{font-size:22px}.about{padding:76px 0;display:block}.about-mark{justify-content:start;padding:0 0 30px}.about-mark img{width:72px;height:72px}.about-data{gap:21px;justify-content:space-between}.about-data strong{font-size:27px}.about-data p{font-size:10px}.contact{padding:75px 0}.contact-grid{display:grid}.contact-grid a{min-width:0}.footer-inner{padding:27px 0;min-height:0;display:grid;gap:14px}.footer-inner p:last-child{margin:0}.appear{opacity:1!important;transform:none!important}}.appear{opacity:0;transform:translateY(16px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.appear.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.appear{opacity:1;transform:none}}
/* Isolated motion enhancement: transform and opacity only */
.motion-enhanced .hero-art .art-window{opacity:0;transform:translateY(12px) scale(.99);transition:opacity .72s var(--ease),transform .72s var(--ease)}.motion-enhanced .hero-art.is-visible .art-window{opacity:1;transform:none}.motion-enhanced .hero-art .art-note{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.motion-enhanced .hero-art.is-visible .note-one{opacity:1;transform:none;transition-delay:.38s}.motion-enhanced .hero-art.is-visible .note-two{opacity:1;transform:none;transition-delay:.48s}.motion-enhanced .hero-art .metric-row>div{opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.motion-enhanced .hero-art.is-visible .metric-row>div{opacity:1;transform:none}.motion-enhanced .hero-art.is-visible .metric-row>div:nth-child(1){transition-delay:.22s}.motion-enhanced .hero-art.is-visible .metric-row>div:nth-child(2){transition-delay:.29s}.motion-enhanced .hero-art.is-visible .metric-row>div:nth-child(3){transition-delay:.36s}.motion-enhanced .hero-art .chart i{transform:scaleY(0);transform-origin:center bottom;transition:transform .55s var(--ease)}.motion-enhanced .hero-art.is-visible .chart i{transform:scaleY(1)}.motion-enhanced .hero-art.is-visible .chart i:nth-child(1){transition-delay:.3s}.motion-enhanced .hero-art.is-visible .chart i:nth-child(2){transition-delay:.35s}.motion-enhanced .hero-art.is-visible .chart i:nth-child(3){transition-delay:.4s}.motion-enhanced .hero-art.is-visible .chart i:nth-child(4){transition-delay:.45s}.motion-enhanced .hero-art.is-visible .chart i:nth-child(5){transition-delay:.5s}.motion-enhanced .hero-art.is-visible .chart i:nth-child(6){transition-delay:.55s}.motion-enhanced .services .service,.motion-enhanced .work-grid .work-card,.motion-enhanced .process-list li{transition-delay:var(--motion-delay,0ms)}.motion-enhanced .process-list li{position:relative}.motion-enhanced .process-list li:after{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) var(--motion-delay,0ms)}.motion-enhanced .process-list li.is-visible:after{transform:scaleX(1)}.motion-enhanced .mobile-menu span{transition:transform .22s var(--ease),opacity .18s}.motion-enhanced .mobile-menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.motion-enhanced .mobile-menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
@media(hover:hover) and (pointer:fine){.motion-enhanced .service-icon{transition:transform .28s var(--ease)}.motion-enhanced .service:hover .service-icon{transform:translateY(-3px)}.motion-enhanced .button span,.motion-enhanced .header-contact span,.motion-enhanced .service a span,.motion-enhanced .work-head a span,.motion-enhanced .contact-grid a>span{display:inline-block;transition:transform .22s var(--ease)}.motion-enhanced .button:hover span,.motion-enhanced .header-contact:hover span,.motion-enhanced .service a:hover span,.motion-enhanced .work-head a:hover span,.motion-enhanced .contact-grid a:hover>span{transform:translateX(4px)}}
@media(max-width:650px){.motion-enhanced .hero-art .art-window,.motion-enhanced .hero-art .art-note,.motion-enhanced .hero-art .metric-row>div,.motion-enhanced .hero-art .chart i{opacity:1;transform:none;transition:none}}
@media(prefers-reduced-motion:reduce){.motion-enhanced .hero-art .art-window,.motion-enhanced .hero-art .art-note,.motion-enhanced .hero-art .metric-row>div,.motion-enhanced .hero-art .chart i{opacity:1;transform:none;transition:none}.motion-enhanced .process-list li:after{display:none}}