
:root{--ink:#1c1c1c;--accent:#77273b;--paper:#fff;--line:#dedede;--muted:#666;--serif:'Bodoni MT',Didot,'Times New Roman','Noto Serif TC','Songti TC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 6vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:24px}.wordmark{font-family:var(--serif);font-size:46px;line-height:1;letter-spacing:-3px}.wordmark-dot{color:var(--accent)}.brand-description{font-size:14px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:14px}.button{background:var(--ink);border:1px solid var(--ink);color:white;display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;min-height:50px;font-size:14px;letter-spacing:1px;cursor:pointer;transition:background .2s,border-color .2s}.button:hover{background:var(--accent);border-color:var(--accent)}.button.small{padding:10px 20px;min-height:42px}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:var(--ink);color:white}.button:disabled{opacity:.55;cursor:default}main{max-width:1440px;margin:auto}section{padding:100px 6vw}.hero{display:grid;grid-template-columns:1.05fr 1fr;column-gap:7vw;row-gap:54px;padding-top:26px;padding-bottom:74px}.hero-heading{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#666}.eyebrow{color:var(--accent);font-size:12px;font-weight:500;letter-spacing:2px;margin:0 0 26px}h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6.5vw,92px);line-height:1.35;letter-spacing:1px;margin:0 0 32px}h1 em{font-style:normal;color:var(--accent)}.intro{color:var(--muted);max-width:355px;font-size:15px;line-height:2;margin-bottom:28px}.actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding:5px 0}.micro{font-size:12px;color:#666;margin-top:21px}.hero-right{align-self:center;padding-top:16px}.big-label{font-size:11px;letter-spacing:2px;margin-bottom:20px;color:#666}.browser{border:1px solid #292929;overflow:hidden;box-shadow:none;transform:none}.browserbar{padding:14px 18px;display:flex;justify-content:space-between;gap:12px;background:#202020;color:#bdbdbd;font-size:10px;letter-spacing:1px}.preview{background:#30302e;color:#f8f8f7;padding:36px}.preview-top{display:flex;justify-content:space-between;gap:14px;align-items:center;font-family:var(--serif);font-size:20px;border-bottom:1px solid #5b5b57;padding-bottom:24px}.preview-top span{font-family:Arial,sans-serif;font-size:11px;color:#ccc}.preview-body{padding-top:48px}.preview-body>span{font-size:12px;color:#c5c5bc}.preview-body h2{font-family:var(--serif);font-size:clamp(28px,3.8vw,50px);line-height:1.5;font-weight:400;letter-spacing:3px;margin:16px 0 44px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.preview-grid>div{border-top:1px solid #686861;padding-top:12px;font-size:12px;color:#ccc}.preview-body>a{display:inline-block;margin-top:30px;font-size:12px;border-bottom:1px solid #999;padding-bottom:3px}.strip{display:flex;justify-content:space-between;gap:24px;margin:0 6vw;padding:22px 0;border-block:1px solid var(--line);font-size:13px;letter-spacing:2px;color:#555}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:45px}h2{font-family:var(--serif);font-size:clamp(28px,3.3vw,46px);font-weight:400;line-height:1.55;letter-spacing:1px;margin:0 0 24px}.section-head h2{margin:0}.section-head>p{font-size:14px;color:var(--muted)}.plans{display:flex;flex-direction:column;border-top:1px solid var(--ink)}.plan{display:grid;grid-template-columns:1fr .85fr 1.2fr auto;grid-template-areas:'title price list action' 'description price list action';gap:8px 24px;padding:40px 0;border-bottom:1px solid var(--line);align-items:center}.plan-top{grid-area:title;align-self:end}.plan-top h3{font-family:var(--serif);font-size:28px;font-weight:400}.pill{display:inline-block;font-size:11px;color:var(--accent);margin-top:8px;border-bottom:1px solid #b9959e;letter-spacing:1px}.plan>p{grid-area:description;margin:0;align-self:start;font-size:13px;color:var(--muted)}.price{grid-area:price;font-family:var(--serif);font-size:48px;letter-spacing:-2px;white-space:nowrap}.price small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;color:#666;line-height:1}.price>span{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:0;color:#666;line-height:1}.plan ul{grid-area:list;list-style:none;padding:0;margin:0}.plan li{font-size:14px;line-height:2}.plan li:before{content:'—';color:#9a9a9a;margin-right:9px}.plan .button{grid-area:action;padding:13px 18px;font-size:14px}.note{font-size:12px;color:#666;line-height:1.9;margin-top:28px;max-width:1050px}.demo-section{background:#1c1c1c;color:#f6f6f4;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.demo-section .eyebrow{color:#cdb0b7}.demo-section p{color:#bdbdbd;font-size:14px}.demo-section .button{background:transparent;border-color:#777;margin-top:18px}.demo-section .button:hover{background:#f6f6f4;color:#1c1c1c}.demo-type{min-height:380px;background:#30302e;border:1px solid #565653;display:flex;flex-direction:column;justify-content:center;padding:50px}.demo-type>span{font-family:var(--serif);font-size:clamp(54px,7vw,96px);font-weight:400;letter-spacing:16px;line-height:1.5}.demo-type>p{font-size:12px;letter-spacing:3px;line-height:2.3}.demo-type small{font-size:11px;color:#aaa;margin-top:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps b{font-family:var(--serif);font-size:48px;font-weight:400;border-bottom:1px solid var(--line);display:block;padding-bottom:18px;margin-bottom:20px}.steps h3{font-weight:400;font-size:15px}.faq{padding-top:0;max-width:1020px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{font-size:16px;cursor:pointer}details p{font-size:15px;color:#666}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line);background:#f3f3f2}.contact>div>p{font-size:15px;color:#555}.contact .note{font-size:12px;max-width:330px}.contact form{padding:0}.contact label{display:block;font-size:14px;letter-spacing:1px;margin-bottom:22px}.contact input:not([type=checkbox]),textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #a8a8a5;background:transparent;color:var(--ink);padding:13px 0;margin-top:5px;font-size:16px;border-radius:0}.contact input:focus,textarea:focus,select:focus{outline:0;border-bottom:2px solid var(--accent)}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:24px}.consent{display:flex!important;align-items:flex-start;gap:10px;font-size:14px!important;letter-spacing:0!important}.consent input{margin-top:6px;accent-color:var(--accent)}.trap{position:absolute;left:-10000px}.status{font-size:14px;color:#a22a2a;margin:16px 0 0}.status.success{color:#226247}footer{max-width:1440px;margin:auto;padding:28px 6vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#666}.demo-page{background:#30302e;color:#f5f5f3;min-height:100vh}.demo-page header{border-color:#61615d}.demo-page main{padding:100px 6vw}.demo-page h1{font-weight:400}.demo-banner{background:#efefed;color:#30302e;padding:14px 6vw;font-size:13px}.demo-banner a{border-bottom:1px solid;margin-left:12px}.demo-page .demo-services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:80px 0}.demo-page article{border-top:1px solid #61615d;padding-top:25px}.demo-page article h2{font-size:26px}.demo-page p{color:#c6c6bd}.demo-page .button{background:#f5f5f3;border-color:#f5f5f3;color:#30302e}.demo-page a{border-bottom:1px solid}@media(min-width:1500px){header,section{padding-left:90px;padding-right:90px}.strip{margin-left:90px;margin-right:90px}}@media(max-width:1000px){.plan{grid-template-columns:1fr .8fr 1fr;grid-template-areas:'title price list' 'description price list' 'action action action'}.plan .button{justify-self:start;margin-top:12px}.brand-description small{display:none}.preview{padding:26px}}@media(max-width:760px){header{padding:24px 22px}.brand{gap:12px}.wordmark{font-size:36px}.brand-description{font-size:12px}nav{gap:10px}nav>a:not(.button){display:none}.button.small{font-size:14px;padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:22px;row-gap:32px}.hero-heading{font-size:9px;letter-spacing:1px;gap:20px}.hero h1{font-size:clamp(48px,10vw,76px);line-height:1.35}.hero h1 br:nth-of-type(1){display:none}.hero-right{padding-top:15px}.eyebrow{font-size:11px;letter-spacing:1px}.intro{max-width:100%}section{padding:64px 22px}.strip{margin:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:12px;letter-spacing:1px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:16px}.plan{grid-template-columns:1fr auto;grid-template-areas:'title price' 'description price' 'list list' 'action action';padding:30px 0;gap:12px}.plan ul{margin-top:10px}.plan-top h3{font-size:26px}.price{font-size:42px}.price>span{font-size:11px}.plan .button{margin-top:7px}.demo-section,.contact{grid-template-columns:1fr;gap:38px}.demo-type{padding:34px;min-height:280px}.demo-type>span{font-size:64px}.steps{grid-template-columns:1fr 1fr;gap:30px}.fieldrow{grid-template-columns:1fr;gap:0}.contact h2{font-size:36px}.preview-body h2{font-size:44px}.preview-top{font-size:18px}.preview-top span{font-size:10px}footer{padding:24px 22px;flex-wrap:wrap;gap:10px}.demo-page main{padding:65px 22px}.demo-page .demo-services{grid-template-columns:1fr}}@media(max-width:380px){.brand-description{display:none}.preview-top{flex-wrap:wrap}.preview-body h2{font-size:36px}.plan{grid-template-columns:1fr;grid-template-areas:'title' 'description' 'price' 'list' 'action'}.price{margin:10px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.portfolio{background:#f4f4f2}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 32px}.portfolio-cover{height:330px;position:relative;overflow:hidden;background:#30302e;color:white}.portfolio-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-item:hover img{transform:scale(1.025)}.cover-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:34px}.cover-copy small{font-size:12px;letter-spacing:2px}.cover-copy strong{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.6;max-width:270px}.cover-copy>span{font-size:13px}.portfolio-item.beauty .cover-copy{background:linear-gradient(90deg,rgba(34,24,28,.67),transparent)}.portfolio-item.cleaning .cover-copy{background:linear-gradient(90deg,rgba(15,39,47,.66),transparent)}.portfolio-item.consulting .portfolio-cover{background:#0f2541}.portfolio-item.consulting .cover-copy strong{max-width:350px}.portfolio-item.interior .cover-copy strong{letter-spacing:6px}.portfolio-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.portfolio-caption h3{font-size:17px;font-weight:400}.portfolio-caption span{font-size:12px;color:#666}.sample-disclaimer{background:#eee;color:#333;padding:13px 6vw;font-size:13px}.sample-disclaimer a{border-bottom:1px solid;margin-left:10px}.sample-brand{font-family:var(--serif);font-size:24px}.sample-brand small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px}.sample-page header{max-width:1440px}.sample-hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.sample-hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.4}.sample-hero p{color:#666;font-size:16px}.sample-hero .button{margin-top:20px}.sample-image{width:100%;height:520px;object-fit:cover}.sample-services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.sample-services article{border-top:1px solid #aaa;padding-top:25px}.sample-services article>span{font-size:12px;letter-spacing:2px}.sample-services h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:20px 0}.sample-services p{color:#666;font-size:15px}.sample-process ol{list-style:decimal-leading-zero;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-left:28px;font-size:18px}.sample-process>p:last-child{font-size:13px;color:#666;margin-top:30px}.sample-inquiry{border-top:1px solid var(--line)}.sample-inquiry p{color:#666}.sample-beauty{background:#faf7f8}.sample-beauty .eyebrow{color:#854154}.sample-beauty .button{background:#854154;border-color:#854154}.sample-beauty .sample-process{background:#eee5e8}.sample-cleaning .eyebrow{color:#17636a}.sample-cleaning .button{background:#17636a;border-color:#17636a}.sample-cleaning .sample-process{background:#e8f3f4}.sample-consulting .eyebrow{color:#233e63}.sample-consulting .button{background:#0f2541;border-color:#0f2541}.sample-consulting .sample-process{background:#eaf0f6}.advisory-panel{background:#0f2541;color:white;min-height:460px;display:flex;flex-direction:column;justify-content:center;padding:45px}.advisory-panel span{display:block;font-family:var(--serif);font-size:clamp(24px,3.3vw,44px);border-bottom:1px solid #667b95;padding:18px 0;letter-spacing:2px}@media(max-width:760px){.portfolio-grid,.sample-hero,.sample-services{grid-template-columns:1fr}.portfolio-cover{height:300px}.portfolio-caption{flex-wrap:wrap;gap:5px}.cover-copy strong{font-size:30px}.sample-image{height:360px}.sample-process ol{grid-template-columns:1fr;gap:24px}.sample-page header{padding:22px}.sample-brand{font-size:20px}.sample-page nav .button{font-size:12px}.advisory-panel{min-height:300px}.sample-hero h1{font-size:48px}.sample-disclaimer{padding:14px 22px}}
.portfolio-item.technology .portfolio-cover{background:#121318;color:#d7f96c}.portfolio-item.technology .cover-copy strong{font-family:Arial,'Microsoft JhengHei',sans-serif;font-weight:700;max-width:330px;letter-spacing:-1px}.portfolio-item.technology .cover-copy small{border-bottom:1px solid #4a5140;padding-bottom:18px}.tech-page{background:#121318;color:#f0f0f4}.tech-page header{border-color:#34363c}.tech-brand{font-size:32px;letter-spacing:3px;font-weight:700;color:#d7f96c}.tech-brand>span{display:block;font-size:12px;color:#aaa;letter-spacing:2px;font-weight:400}.tech-page .button{background:#d7f96c;border-color:#d7f96c;color:#14161b}.tech-page .button:hover{background:#e8ffaa}.tech-page .eyebrow{color:#d7f96c}.tech-page h1,.tech-page h2,.tech-page h3{font-family:Arial,'Microsoft JhengHei',sans-serif}.tech-hero{padding-top:90px}.tech-hero h1{font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1.4;letter-spacing:-1px}.tech-hero h1 em{font-style:normal;color:#d7f96c}.tech-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:45px}.tech-page p{color:#b0b2bd}.tech-keywords{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #444751;padding-top:25px;margin-top:60px;font-size:12px;letter-spacing:2px}.tech-solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tech-solutions article{padding:30px;background:#1b1d25;border:1px solid #383b46}.tech-solutions article>span{font-size:36px;color:#d7f96c}.tech-solutions h3{font-size:26px;margin:24px 0;font-weight:700}.tech-solutions p{font-size:15px;min-height:80px}.tech-solutions small{font-size:11px;letter-spacing:2px;color:#b1b4bf}.tech-approach{background:#20232b}.tech-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.tech-phases>div{border-top:1px solid #757986;padding-top:24px}.tech-phases small{color:#d7f96c;letter-spacing:2px;font-size:12px}.tech-phases h3{font-size:24px;margin-top:10px}.tech-page footer{border-top:1px solid #34363c;color:#aaa}.tech-page .sample-disclaimer{background:#252731;color:#bbb}@media(max-width:760px){.tech-hero-bottom{display:block}.tech-hero-bottom .button{margin-top:22px}.tech-solutions,.tech-phases{grid-template-columns:1fr}.tech-keywords{flex-wrap:wrap;font-size:11px;gap:14px}.tech-brand{font-size:26px}.tech-hero{padding-top:60px}.tech-solutions p{min-height:0}}
.service-links{padding-top:0}.service-links>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-links>div>a{border-top:1px solid #bbb;padding:24px 0}.service-links h3{font-family:var(--serif);font-size:24px;font-weight:400}.service-links p{font-size:14px;color:#666}.service-links span{font-size:14px;border-bottom:1px solid}.service-hero{padding-bottom:50px}.service-hero h1{font-size:clamp(36px,5vw,66px)}.service-hero .intro{max-width:750px;font-size:18px}.service-detail{padding-top:0;max-width:1050px}.service-detail article{border-top:1px solid var(--line);padding:35px 0}.service-detail article h2{font-size:30px}.service-detail article p{font-size:16px;color:#555;line-height:2}@media(max-width:760px){.service-links>div{grid-template-columns:1fr}.service-detail article h2{font-size:26px}.service-hero .intro{font-size:16px}}
.design-services{background:#f3f3f2}.design-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}.design-service-grid article{border-top:1px solid #aaa;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}.design-service-grid small{font-size:11px;letter-spacing:1.6px;color:#666}.design-service-grid h3{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.5;margin:20px 0 14px}.design-service-grid p{font-size:15px;color:#555;margin:0 0 18px}.design-service-grid span{font-size:12px;color:#666;margin-top:auto}.design-service-grid a{font-size:14px;margin-top:20px;border-bottom:1px solid #555;padding-bottom:3px}.design-service-grid a:hover{color:var(--accent)}.design-services+.service-links{padding-top:70px}@media(max-width:950px){.design-service-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.design-service-grid{grid-template-columns:1fr;gap:30px}.design-service-grid h3{font-size:25px}}
