/* MICLUS: a quiet engineering language. Native CSS, no external dependencies. */
:root{--ink:#101917;--lime:#c4e86b;--paper:#f5f7f4;--muted:#626e66;--line:#d4dbd4;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}img{display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #84a83b;outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:12px;z-index:20}.skip:focus{top:12px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.site-header{position:relative;background:var(--ink);color:var(--paper);z-index:10;border-bottom:1px solid #ffffff20}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:175px;flex-shrink:0}.brand img{width:100%;height:35px}.desktop-nav{display:flex;gap:31px;font-size:14px}.desktop-nav a{padding:12px 0;position:relative}.desktop-nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--lime)}.header-phone{font:14px Arial,sans-serif;letter-spacing:.06em;display:flex;align-items:center;gap:12px}.header-phone span{color:var(--lime)}.mobile-menu{display:none}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 30px}.eyebrow::before{content:"";width:7px;height:7px;background:currentColor;flex-shrink:0}.dark{background:var(--ink);color:var(--paper)}.hero{padding:88px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:center;min-height:550px}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.5vw,78px);line-height:1.22;letter-spacing:-.055em;font-weight:600;margin-bottom:30px}h1 span{color:var(--lime)}.hero-copy{position:relative;z-index:1}.hero-intro{color:#b7c1b9;max-width:34em;line-height:1.95;font-size:16px;margin-bottom:35px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:54px;padding:12px 23px;background:var(--lime);color:var(--ink);border:1px solid var(--lime);font-size:14px;font-weight:600;transition:transform 160ms var(--ease),background-color 160ms ease}.button:active{transform:scale(.97)}.button.light{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button.ghost{background:transparent;color:inherit;border-color:#ffffff40}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding:7px 0}.text-link .arrow,.button .arrow{display:inline-block;transition:transform 180ms var(--ease)}.hero-art{width:100%;min-width:0;margin-left:0;position:relative}.scene{margin:0;position:relative}.scene svg{display:block;width:100%;height:auto;overflow:visible}.scene figcaption{font-size:11px;letter-spacing:.04em;color:#a8b5ab;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0}.scene-control{border:1px solid #ffffff35;padding:4px 11px;background:transparent;color:var(--paper);font-size:11px;white-space:nowrap;min-height:34px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;margin-top:44px;padding:25px 0;color:#9daaa1;font-size:12px;letter-spacing:.08em}.hero-bottom strong{color:var(--paper);font-weight:400}.flow-packet{animation:packet 7s linear infinite;transform-box:fill-box;transform-origin:center}.flow-packet.two{animation-delay:-3.5s}.carton-float{animation:float 7s cubic-bezier(.77,0,.175,1) infinite;transform-origin:center}.pulse{animation:pulse 4s ease-in-out infinite}.paused .flow-packet,.paused .carton-float,.paused .pulse{animation-play-state:paused}.section{padding:112px 0}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-bottom:56px}.section-head .eyebrow{color:var(--muted);padding-top:12px}h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-.045em;line-height:1.4;font-weight:500;margin-bottom:24px}.section-head p{color:var(--muted);max-width:38em;margin-bottom:0}.intro-line{font-size:clamp(24px,3vw,39px);line-height:1.65;max-width:1000px;letter-spacing:-.025em}.intro-line em{font-style:normal;color:var(--muted)}.evidence-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line)}.evidence-strip div{padding:24px 20px 0 0;font-size:13px;color:var(--muted)}.evidence-strip b{display:block;font-size:17px;color:var(--ink);font-weight:500;margin-bottom:5px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:.2fr .8fr 1.2fr 36px;gap:24px;padding:35px 0;border-bottom:1px solid var(--line);align-items:start}.service-no{font-family:Arial,sans-serif;font-size:13px;color:var(--muted);padding-top:7px}.service-row h3{font-size:25px;font-weight:500;margin:0;line-height:1.5;letter-spacing:-.03em}.service-row p{font-size:14px;color:var(--muted);margin:4px 0 13px;max-width:37em}.tags{font-size:11px;letter-spacing:.03em;color:var(--muted)}.row-arrow{font-size:25px;text-align:right;transition:transform 180ms var(--ease)}.section-tint{background:#e8ede7}.work-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:62px;align-items:center}.work-art{background:var(--ink);padding:28px 24px;overflow:hidden}.work-art svg{width:100%;height:auto;display:block}.diagram-caption{font-size:11px;color:#9faca3;margin:8px 0 0}.work-copy .eyebrow{color:var(--muted);margin-bottom:23px}.work-copy h3{font-size:32px;line-height:1.5;font-weight:500;letter-spacing:-.035em}.work-copy p{font-size:15px;color:var(--muted)}.work-secondary{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:75px}.work-secondary article{border-top:1px solid #bdc7bc;padding-top:27px}.work-secondary .mini-label{font-size:11px;color:var(--muted);letter-spacing:.12em}.work-secondary h3{font-size:23px;font-weight:500;margin:12px 0}.work-secondary p{font-size:14px;color:var(--muted);max-width:33em}.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.method-intro p{color:var(--muted);font-size:15px}.method-step{display:grid;grid-template-columns:40px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.method-step:first-child{padding-top:0;border-top:0}.method-step>span{font:12px Arial,sans-serif;color:var(--muted);padding-top:9px}.method-step h3{font-size:21px;font-weight:500;margin:0 0 10px}.method-step p{font-size:14px;color:var(--muted);margin:0}.contact-band{padding:80px 0;background:var(--lime)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact-band .eyebrow{margin-bottom:24px}.contact-band h2{font-size:clamp(34px,4.5vw,58px);margin:0}.contact-band p{font-size:14px;margin-bottom:25px;max-width:31em}.footer{padding:65px 0 25px;background:var(--ink);color:var(--paper)}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-brand img{width:180px;height:36px}.footer-brand p{font-size:12px;color:#9faca3;max-width:27em;margin-top:23px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;font-size:12px;color:#b3beb6}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c9c90;border-top:1px solid #ffffff24;padding-top:22px;margin-top:45px}.breadcrumb{font-size:11px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;color:#9faca3}.page-hero{padding:42px 0 70px}.page-hero h1{max-width:1000px;font-size:clamp(38px,4.7vw,64px);margin-bottom:28px}.page-hero p.lead{max-width:680px;color:#b7c1b9;font-size:17px;line-height:1.95}.page-hero .eyebrow{color:var(--lime)}.page-hero .actions{margin-top:30px}.content-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.content-split h2{font-size:32px}.prose{max-width:760px}.prose p,.prose li{color:var(--muted);font-size:15px}.prose h3{font-size:23px;font-weight:500;margin:40px 0 16px}.prose h3:first-child{margin-top:0}.prose ul{padding-left:21px}.prose li{padding-left:7px;margin-bottom:12px}.prose a{text-decoration:underline;text-underline-offset:5px}.callout{border-left:3px solid var(--lime);padding:3px 0 3px 25px;margin:30px 0}.callout p:last-child{margin-bottom:0}.number-list{counter-reset:item;margin-top:30px}.number-list li{list-style:none;counter-increment:item;position:relative;padding-left:42px;margin-left:-21px}.number-list li:before{content:"0" counter(item);position:absolute;left:0;font:12px Arial,sans-serif;top:6px;color:var(--ink)}.case-page-art{max-width:900px;margin:0 auto}.case-index{display:grid;gap:88px}.case-index .work-feature:nth-child(even){grid-template-columns:1fr 1.2fr}.case-index .work-feature:nth-child(even) .work-art{order:2}.case-index .work-feature:nth-child(even) .work-copy{order:1}.faq{border-top:1px solid var(--line);margin-top:25px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:17px;list-style-position:outside;padding-right:15px}.faq details p{padding:15px 0 0;margin:0;max-width:850px;font-size:14px;color:var(--muted)}.contact-number{font:clamp(29px,4.6vw,64px)/1.3 Arial,sans-serif;letter-spacing:-.03em;display:block;margin:22px 0 30px}.copy-button{border:1px solid var(--line);background:transparent;padding:10px 18px;font-size:12px;min-height:44px}.copy-status{font-size:12px;color:var(--muted);min-height:25px;margin-top:10px}.contact-note{border-top:1px solid var(--line);padding-top:25px;font-size:13px;color:var(--muted)}.reveal{opacity:1;transform:none}.reveal.pending{opacity:0;transform:translateY(22px)}.reveal.ready{transition:opacity 650ms var(--ease),transform 650ms var(--ease)}
@keyframes packet{0%{transform:translateX(0);opacity:0}10%,80%{opacity:1}100%{transform:translateX(320px);opacity:0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px)}.text-link:hover .arrow{transform:translateX(5px)}.service-row:hover .row-arrow{transform:translate(3px,-3px)}.desktop-nav a:hover{color:var(--lime)}}
@media(min-width:1500px){.hero{padding-top:110px}.hero-grid{min-height:590px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:21px}.header-phone{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero{padding-top:65px}h1{font-size:57px}.hero-art{width:100%;margin-left:0}.section{padding:85px 0}.work-feature{gap:35px}.method-grid{gap:50px}.contact-grid{gap:45px}.service-row{grid-template-columns:30px .8fr 1.2fr 24px;gap:20px}.service-row h3{font-size:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px}.brand{width:148px}.brand img{height:30px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;font-size:13px;list-style:none;padding:12px 0 12px 20px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::after{content:"＋";margin-left:14px;color:var(--lime)}.mobile-menu[open] summary::after{content:"−"}.mobile-menu nav{position:absolute;left:0;right:0;top:78px;background:var(--ink);border-top:1px solid #ffffff30;padding:20px;display:grid;gap:0;box-shadow:0 15px 25px #10191730}.mobile-menu nav a{padding:13px 0;border-bottom:1px solid #ffffff1f;font-size:15px}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(43px,10.9vw,70px);margin-bottom:24px}.hero-intro{font-size:14px;max-width:31em}.eyebrow{font-size:10px;margin-bottom:25px}.hero .actions{gap:17px}.button{font-size:12px;min-height:50px;padding:11px 17px;gap:20px}.text-link{font-size:12px;gap:13px}.hero-art{width:100%;max-width:560px;margin:25px auto 0}.hero-bottom{margin-top:12px;font-size:10px;gap:20px;padding:20px 0}.hero-bottom span:last-child{display:none}.section{padding:72px 0}.section-head{grid-template-columns:1fr;gap:0;margin-bottom:35px}.section-head .eyebrow{margin-bottom:20px;padding-top:0}h2{font-size:31px}.section-head p{font-size:14px}.intro-line{font-size:24px;line-height:1.7}.evidence-strip{grid-template-columns:1fr 1fr;margin-top:30px;row-gap:10px}.evidence-strip div{font-size:11px;padding-top:20px}.evidence-strip b{font-size:15px}.service-row{grid-template-columns:25px 1fr 25px;gap:15px;padding:27px 0}.service-row h3{font-size:22px}.service-row .service-detail{grid-column:2;grid-row:2}.service-row .row-arrow{grid-column:3;grid-row:1}.service-row p{margin-top:0;font-size:13px}.tags{font-size:10px}.work-feature{grid-template-columns:1fr;gap:29px}.work-art{padding:18px}.work-copy h3{font-size:27px;margin-bottom:17px}.work-copy p{font-size:14px}.work-secondary{grid-template-columns:1fr;gap:32px;margin-top:45px}.work-secondary h3{font-size:22px}.method-grid{grid-template-columns:1fr;gap:35px}.method-step{gap:12px;grid-template-columns:28px 1fr}.method-step h3{font-size:19px}.contact-grid{grid-template-columns:1fr;gap:26px}.contact-band{padding:58px 0}.contact-band h2{font-size:35px}.contact-band p{margin-bottom:22px}.footer{padding-top:45px}.footer-top{flex-direction:column;gap:25px}.footer-links{grid-template-columns:1fr 1fr;gap:13px 30px}.footer-bottom{flex-direction:column;gap:5px;margin-top:30px}.page-hero{padding:27px 0 50px}.breadcrumb{font-size:10px;margin-bottom:34px}.page-hero h1{font-size:38px;line-height:1.4}.page-hero p.lead{font-size:15px}.content-split{grid-template-columns:1fr;gap:20px}.content-split h2{font-size:29px}.prose p,.prose li{font-size:14px}.case-index{gap:60px}.case-index .work-feature:nth-child(even){grid-template-columns:1fr}.case-index .work-feature:nth-child(even) .work-art,.case-index .work-feature:nth-child(even) .work-copy{order:initial}.scene figcaption{font-size:9px}.scene-control{font-size:10px}.contact-number{font-size:39px}.faq summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-packet,.carton-float,.pulse{animation:none}.flow-packet{opacity:.7}.reveal.pending{opacity:1;transform:none}.reveal.ready{transition:opacity 150ms ease}.button,.text-link .arrow,.row-arrow{transition:none}.button:hover,.text-link:hover .arrow,.service-row:hover .row-arrow{transform:none}}
