.demo-hub,.template-site{color:#18212b;background:#f5f3ee;min-height:100vh}.demo-hub *,.template-site *{box-sizing:border-box}.demo-hub a,.template-site a{color:inherit;text-decoration:none}.demo-hub-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f3eef0;border-bottom:1px solid #cfd3d1;justify-content:space-between;align-items:center;min-height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.demo-hub-brand{align-items:center;gap:12px;display:flex}.demo-hub-brand>span{color:#fff;background:#18212b;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.demo-hub-brand div{gap:2px;display:grid}.demo-hub-brand b{letter-spacing:.04em;font-size:15px}.demo-hub-brand small{letter-spacing:.18em;color:#667078;font-size:9px}.demo-hub-header nav{align-items:center;gap:30px;font-size:14px;font-weight:700;display:flex}.demo-hub-header nav .demo-home-link{color:#d3542f;font-weight:900}.demo-hub-header nav a:last-child{color:#fff;background:#d9613b;padding:11px 18px}.demo-hub-hero{background:linear-gradient(90deg,#0000 49.8%,#18212b0f 50%,#0000 50.2%),radial-gradient(circle at 88% 18%,#d9613b2b,#0000 23%);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8vw;padding:clamp(72px,10vw,145px) 7vw clamp(64px,8vw,110px);display:grid}.demo-hub-hero p,.demo-catalog-heading p,.demo-how>div>p,.demo-hub-cta p{color:#d3542f;letter-spacing:.19em;margin:0 0 18px;font-size:12px;font-weight:900}.demo-hub-hero h1{letter-spacing:-.055em;max-width:1000px;margin:0 0 28px;font-size:clamp(42px,6.4vw,92px);line-height:1.02}.demo-hub-hero h1 em{color:#d3542f;font-style:normal}.demo-hub-hero>div:first-child>span{color:#657079;max-width:680px;font-size:16px;line-height:1.8;display:block}.demo-hub-count{border-left:1px solid #aeb5b4;align-items:flex-end;gap:16px;min-width:210px;padding:24px 0 8px 26px;display:flex}.demo-hub-count strong{letter-spacing:-.08em;font-size:74px;line-height:.8}.demo-hub-count span{color:#687177;font-size:12px;line-height:1.5}.demo-catalog{color:#f9f6ef;background:#18212b;padding:90px 5vw 120px}.demo-catalog-heading{justify-content:space-between;align-items:end;margin-bottom:44px;display:flex}.demo-catalog-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,56px)}.demo-catalog-heading>span{color:#9da8af;font-size:13px}.demo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.demo-card{color:#18212b;background:#f7f4ee;transition:transform .22s,box-shadow .22s;overflow:hidden}.demo-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #00000038}.demo-card-preview{background:var(--preview-paper);height:320px;color:var(--preview-ink);padding:25px 30px;position:relative;overflow:hidden}.demo-card-preview:after{content:"";background:var(--preview-accent);height:8px;position:absolute;inset:auto 0 0}.demo-card-manufacturing{--preview-paper:#121b22;--preview-ink:#f5f1e9;--preview-accent:#e86a33}.demo-card-corporate{--preview-paper:#eef5ff;--preview-ink:#133a72;--preview-accent:#276bd6}.demo-card-consulting{--preview-paper:#e8dfd0;--preview-ink:#302b27;--preview-accent:#b75536}.demo-card-law{--preview-paper:#17342c;--preview-ink:#f5eddd;--preview-accent:#c2a36a}.demo-card-engineering{--preview-paper:#252525;--preview-ink:#fafafa;--preview-accent:#f2c500}.demo-card-restaurant{--preview-paper:#f5e6d5;--preview-ink:#722c21;--preview-accent:#bb4430}.demo-mini-nav{z-index:2;align-items:center;gap:9px;display:flex;position:relative}.demo-mini-nav b{margin-right:auto;font-size:19px}.demo-mini-nav span{opacity:.35;background:currentColor;width:34px;height:3px;display:block}.demo-mini-copy{z-index:2;gap:13px;width:54%;display:grid;position:absolute;bottom:48px;left:30px}.demo-mini-copy i{letter-spacing:.16em;opacity:.65;font-size:8px;font-style:normal}.demo-mini-copy strong{letter-spacing:-.05em;font-size:clamp(24px,3vw,39px);line-height:1.05}.demo-mini-copy>span{background:var(--preview-accent);width:58px;height:5px}.demo-mini-art{opacity:.85;border:1px solid;border-radius:50%;place-items:center;width:210px;height:210px;display:grid;position:absolute;bottom:25px;right:-20px}.demo-mini-art:before{content:"";border:1px solid;position:absolute;inset:32px;transform:rotate(45deg)}.demo-mini-art b{z-index:1;font-size:58px;position:relative}.demo-card-engineering .demo-mini-art{background:var(--preview-accent);color:#252525;border-radius:0;transform:rotate(12deg)}.demo-card-restaurant .demo-mini-art{background:#bb443026;border-radius:48% 52% 39% 61%}.demo-card-law .demo-mini-copy strong,.demo-card-consulting .demo-mini-copy strong{font-family:Georgia,Times New Roman,serif;font-weight:500}.demo-card-content{padding:28px 30px 32px}.demo-card-content>span{color:#7e868b;letter-spacing:.12em;font-size:11px;font-weight:800}.demo-card-content h2{margin:12px 0 8px;font-size:28px}.demo-card-content p{color:#677078;margin:0 0 24px;line-height:1.65}.demo-card-content a{border-top:1px solid #cfd3d1;justify-content:space-between;padding-top:17px;font-weight:800;display:flex}.demo-card-content a b{color:#d3542f}.demo-how{grid-template-columns:.9fr 1.1fr;gap:9vw;padding:110px 7vw;display:grid}.demo-how h2{letter-spacing:-.045em;margin:0;font-size:clamp(35px,4vw,58px);line-height:1.12}.demo-how ol{border-top:1px solid #bbc1c0;margin:0;padding:0;list-style:none}.demo-how li{border-bottom:1px solid #bbc1c0;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;display:grid}.demo-how li>span{color:#d3542f;font-weight:900}.demo-how li b{font-size:19px}.demo-how li p{color:#667078;margin:7px 0 0;line-height:1.65}.demo-hub-cta{color:#fff;background:#d3542f;justify-content:space-between;align-items:center;gap:40px;padding:72px 7vw;display:flex}.demo-hub-cta p{color:#ffd6c8}.demo-hub-cta h2{margin:0;font-size:clamp(30px,4vw,54px)}.demo-hub-cta>div:last-child{flex-direction:column;gap:12px;min-width:250px;display:flex}.demo-hub-cta a{text-align:center;color:#a93416;background:#fff;padding:15px 20px;font-weight:900}.demo-hub-cta a:last-child{color:#fff;background:0 0;border:1px solid #fff9}.demo-hub-footer{color:#697178;justify-content:space-between;padding:28px 5vw;font-size:12px;display:flex}.demo-hub-footer a{color:#18212b;font-weight:800}.template-site{--paper:#f4f0e8;--ink:#17212a;--accent:#d76231;--soft:#d9d3c8;--display:Arial, sans-serif;color:var(--ink);background:var(--paper);font-family:Arial,Noto Sans TC,sans-serif}.template-site.template-corporate{--paper:#f5f8fc;--ink:#14345d;--accent:#2e6fd1;--soft:#cdd9e8}.template-site.template-consulting{--paper:#ebe3d7;--ink:#302a27;--accent:#a94f34;--soft:#c9bba8;--display:Georgia, "Times New Roman", serif}.template-site.template-law{--paper:#f2ecdf;--ink:#17352d;--accent:#a8864f;--soft:#d4c7aa;--display:Georgia, "Times New Roman", serif}.template-site.template-engineering{--paper:#f3f3ef;--ink:#242424;--accent:#e2b900;--soft:#c9c9c2}.template-site.template-restaurant{--paper:#f6eadc;--ink:#6d2c22;--accent:#b84531;--soft:#d8bda5;--display:Georgia, "Times New Roman", serif}.template-notice{background:var(--ink);min-height:36px;color:var(--paper);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:7px 5vw;font-size:11px;display:flex}.template-notice a{font-weight:800}.template-notice-links{align-items:center;gap:22px;display:flex}.template-notice-links a:first-child{color:var(--accent)}.template-header{border-bottom:1px solid var(--soft);justify-content:space-between;align-items:center;gap:30px;min-height:86px;padding:0 5vw;display:flex}.template-brand{align-items:center;gap:12px;display:flex}.template-brand>span{background:var(--ink);width:43px;height:43px;color:var(--paper);place-items:center;font-weight:900;display:grid}.template-brand div{gap:2px;display:grid}.template-brand b{font-family:var(--display);font-size:15px}.template-brand small{letter-spacing:.15em;opacity:.62;font-size:8px}.template-header nav{gap:28px;font-size:13px;font-weight:700;display:flex}.template-header-cta{background:var(--accent);padding:12px 20px;font-size:13px;font-weight:900;color:#fff!important}.template-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;min-height:660px;padding:clamp(70px,8vw,125px) 7vw 70px;display:grid;position:relative;overflow:hidden}.template-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 49.9%, color-mix(in srgb, var(--soft), transparent 30%) 50%, transparent 50.1%);opacity:.45;position:absolute;inset:0}.template-hero-copy{z-index:2;position:relative}.template-eyebrow,.template-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px;font-size:11px;font-weight:900}.template-hero h1{font-family:var(--display);letter-spacing:-.055em;max-width:900px;margin:0 0 26px;font-size:clamp(45px,6vw,88px);line-height:1.03}.template-hero-copy>p:not(.template-eyebrow){opacity:.72;max-width:620px;margin:0;font-size:18px;line-height:1.8}.template-actions{gap:14px;margin-top:35px;display:flex}.template-actions a{border:1px solid var(--ink);padding:14px 22px;font-size:13px;font-weight:900}.template-actions a:first-child{background:var(--ink);color:var(--paper)}.template-hero-art{place-items:center;height:440px;display:grid;position:relative}.template-art-frame{aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;place-items:center;width:min(29vw,350px);display:grid;position:relative}.template-art-frame:before,.template-art-frame:after{content:"";border:1px solid var(--ink);position:absolute;inset:13%;transform:rotate(45deg)}.template-art-frame:after{background:var(--accent);border:0;inset:28%;transform:rotate(0)}.template-art-frame span{z-index:2;color:var(--paper);font-size:clamp(60px,9vw,130px);font-weight:900;position:relative}.template-hero-art>i{background:var(--soft);width:1px;height:90%;display:block;position:absolute;transform:rotate(60deg)}.template-hero-art>i:nth-of-type(2){transform:rotate(-60deg)}.template-hero-art>i:nth-of-type(3){transform:rotate(0)}.template-stats{border:1px solid var(--soft);background:color-mix(in srgb,var(--paper),white 18%);grid-template-columns:repeat(3,1fr);margin:0 5vw;display:grid}.template-stats div{border-right:1px solid var(--soft);align-items:end;gap:13px;padding:28px 34px;display:flex}.template-stats div:last-child{border-right:0}.template-stats strong{font-family:var(--display);color:var(--accent);font-size:38px}.template-stats span{opacity:.65;padding-bottom:5px;font-size:12px}.template-section{padding:110px 7vw}.template-about{grid-template-columns:1fr 1fr;gap:10vw;display:grid}.template-about h2,.template-section-heading h2,.template-proof h2,.template-contact h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.13}.template-about>div:last-child{padding-top:32px}.template-about>div:last-child p{opacity:.76;margin:0 0 25px;font-size:17px;line-height:1.9}.template-about a{color:var(--accent);font-weight:900}.template-services{background:var(--ink);color:var(--paper)}.template-section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px;display:flex}.template-section-heading>p{opacity:.62;max-width:430px;line-height:1.7}.template-service-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.template-service-grid article{border:1px solid color-mix(in srgb,var(--paper),transparent 72%);flex-direction:column;min-height:390px;padding:25px;display:flex}.template-service-grid article>span{letter-spacing:.15em;color:var(--accent);font-size:10px;font-weight:900}.template-service-art{border:1px solid color-mix(in srgb,var(--paper),transparent 72%);height:145px;margin:24px 0;position:relative;overflow:hidden}.template-service-art:before{content:"";border:22px solid var(--accent);border-radius:50%;width:110px;height:110px;position:absolute;top:16px;right:-18px}.template-service-grid article:nth-child(2) .template-service-art:before{border-radius:0;transform:rotate(30deg)}.template-service-grid article:nth-child(3) .template-service-art:before{background:var(--accent);width:160px;height:1px;box-shadow:0 24px 0 var(--accent),0 -24px 0 var(--accent);border:0;top:65px;right:-20px;transform:rotate(-25deg)}.template-service-grid h3{font-family:var(--display);margin:0 0 10px;font-size:25px}.template-service-grid p{opacity:.62;margin:0 0 22px;line-height:1.65}.template-service-grid a{border-top:1px solid color-mix(in srgb,var(--paper),transparent 78%);color:var(--accent);margin-top:auto;padding-top:16px;font-size:12px;font-weight:900}.template-proof{grid-template-columns:.75fr 1.25fr;align-items:center;gap:9vw;display:grid}.template-proof-mark{background:var(--accent);min-height:390px;color:var(--paper);font-size:clamp(80px,13vw,190px);font-family:var(--display);place-items:center;font-weight:900;display:grid;position:relative}.template-proof-mark:after{content:"";border:1px solid color-mix(in srgb,var(--paper),transparent 45%);position:absolute;inset:25px}.template-proof ul{border-top:1px solid var(--soft);margin:38px 0 0;padding:0;list-style:none}.template-proof li{border-bottom:1px solid var(--soft);gap:13px;padding:16px 0;font-weight:700;display:flex}.template-proof li span{color:var(--accent)}.template-contact{background:color-mix(in srgb,var(--accent),var(--ink) 72%);color:#fff;grid-template-columns:1fr 1fr;gap:9vw;display:grid}.template-contact>div>p:last-child{opacity:.7;max-width:580px;line-height:1.75}.template-contact dl{margin:0}.template-contact dl div{border-bottom:1px solid #ffffff38;grid-template-columns:100px 1fr;gap:20px;padding:19px 0;display:grid}.template-contact dt{opacity:.58;font-size:12px}.template-contact dd{overflow-wrap:anywhere;margin:0;font-weight:800}.template-footer{justify-content:space-between;align-items:center;gap:30px;padding:34px 5vw;font-size:11px;display:flex}.template-footer p{opacity:.56}.template-footer>a{background:var(--accent);color:#fff;padding:12px 17px;font-weight:900}.template-consulting .template-hero{grid-template-columns:1.2fr .8fr}.template-consulting .template-art-frame{background:#d9c9b5;border-radius:0;transform:rotate(5deg)}.template-consulting .template-art-frame:after{background:var(--ink)}.template-law .template-header,.template-law .template-notice{color:#f2ecdf;background:#17352d}.template-law .template-brand>span{background:var(--accent);color:#17352d}.template-law .template-hero{color:#f2ecdf;background:#17352d}.template-law .template-art-frame{border-color:var(--accent);border-radius:50% 50% 8px 8px}.template-law .template-art-frame:before,.template-law .template-actions a{border-color:var(--accent)}.template-law .template-actions a:first-child{background:var(--accent);color:#17352d}.template-engineering .template-header-cta,.template-engineering .template-actions a:first-child{color:#242424!important}.template-engineering .template-hero{background-image:linear-gradient(#2424240f 1px,#0000 1px),linear-gradient(90deg,#2424240f 1px,#0000 1px);background-size:38px 38px}.template-engineering .template-art-frame{background:var(--accent);border-radius:0;transform:skew(-8deg)}.template-engineering .template-art-frame:after{background:var(--ink)}.template-engineering .template-art-frame span{transform:skew(8deg)}.template-engineering .template-proof-mark{color:var(--ink)}.template-restaurant .template-header{background:#f6eadc}.template-restaurant .template-hero{background:radial-gradient(circle at 78%,#b845312b,#0000 28%);min-height:720px}.template-restaurant .template-art-frame{background:#d8a579;border:0;border-radius:43% 57% 58% 42%}.template-restaurant .template-art-frame:before{border-color:#b84531;border-radius:50%;transform:none}.template-restaurant .template-art-frame:after{background:#6d2c22;border-radius:50%}.template-restaurant .template-service-grid article{border-radius:90px 90px 0 0;padding-top:45px}.template-restaurant .template-proof-mark{border-radius:50% 50% 10px 10px}@media (max-width:900px){.demo-hub-header nav a:not(.demo-home-link):not(:last-child),.template-header nav{display:none}.demo-hub-hero,.demo-how,.template-hero,.template-about,.template-proof,.template-contact{grid-template-columns:1fr}.demo-hub-count{border-top:1px solid #aeb5b4;border-left:0;padding:22px 0 0}.demo-card-grid{grid-template-columns:1fr}.template-hero-art{order:-1;height:310px}.template-art-frame{width:260px}.template-section-heading{flex-direction:column;align-items:start}.template-service-grid{grid-template-columns:1fr}.template-service-grid article{min-height:330px}.template-proof-mark{min-height:300px}.template-footer{flex-wrap:wrap}}@media (max-width:620px){.demo-hub-header,.template-header{min-height:70px;padding:0 20px}.demo-hub-header nav{gap:0}.demo-hub-header nav a:last-child{display:none}.demo-hub-header nav a:last-child,.template-header-cta{padding:10px 12px}.demo-hub-brand small,.template-brand small{display:none}.demo-hub-hero,.template-hero{padding-left:22px;padding-right:22px}.demo-hub-hero h1{font-size:42px}.demo-hub-count strong{font-size:58px}.demo-catalog{padding:70px 20px}.demo-catalog-heading{flex-direction:column;align-items:start;gap:14px}.demo-card-preview{height:245px}.demo-mini-art{width:155px;height:155px}.demo-mini-copy{width:58%}.demo-mini-copy strong{font-size:24px}.demo-how,.demo-hub-cta,.template-section{padding:76px 22px}.demo-hub-cta,.demo-hub-footer{flex-direction:column;align-items:flex-start}.template-notice{padding:7px 20px}.template-notice span{display:none}.template-notice-links{justify-content:space-between;gap:14px;width:100%}.template-stats{grid-template-columns:1fr;margin:0 22px}.template-stats div{border-right:0;border-bottom:1px solid var(--soft)}.template-stats div:last-child{border-bottom:0}.template-actions{flex-direction:column;align-items:stretch}.template-actions a{text-align:center}.template-contact dl div{grid-template-columns:1fr;gap:6px}.template-footer{flex-direction:column;align-items:flex-start;padding:30px 22px}}