/* Concept AI-builder scene: decorative UI with a service link. */
.hero-case{--hc-frame-edge:var(--night-line);--hc-dark-fill:#36373a;--hc-dark-line:#77797d;--hc-light-text:#eeeef0;--hc-detail:#b7b8b8;--hc-gold-metal:linear-gradient(135deg,#a9893b 0%,#d5bb70 35%,#f0dfa0 51%,#c2a354 72%,#a9893b 100%);--hc-chart:linear-gradient(90deg,#b69a43 0%,#e5d397 48%,#c5a756 100%);--hc-gold-glow:#b69a4333;--hc-warm-shadow:#b69a431a;--hc-highlight:#ffffff66;--hc-syntax-warm:var(--signal);--hc-syntax-neutral:var(--night-muted);--hc-syntax-light:#e7e5df;--hc-shadow:#191a1c0a;--hc-device-shadow:#191a1c20;container-type:inline-size;position:relative;min-width:0;width:100%;max-width:650px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 24px 60px var(--hc-shadow),inset 0 1px 0 var(--white);color:var(--ink);isolation:isolate}
.hc-heading{padding:25px 27px 0}.hc-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--muted);margin-bottom:9px}.hc-heading h2{font-size:clamp(19px,4.7cqw,29px);font-weight:600;line-height:1.4;letter-spacing:-.045em;margin:0;text-wrap:balance}.hc-description{font-size:12px;line-height:1.75;margin:10px 0 0;color:var(--muted)}
.hc-scene{position:relative;width:100%;aspect-ratio:1.48;background:radial-gradient(ellipse at 65% 61%,var(--hc-gold-glow) 0%,transparent 65%)}.hc-builder{position:absolute;left:5%;top:9%;width:90%;height:83%;overflow:hidden;border:1px solid var(--hc-frame-edge);border-radius:10px;background:var(--night);box-shadow:0 18px 28px var(--hc-device-shadow),0 10px 34px var(--hc-warm-shadow),inset 0 1px 0 #ffffff1a;transform:rotate(-2deg);font-family:Arial,"PingFang HK",sans-serif}.hc-window-bar{height:10%;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;border-bottom:1px solid var(--hc-frame-edge);color:var(--night-muted);font-size:clamp(6px,1.55cqw,9px);letter-spacing:.03em}.hc-window-dots{display:flex;gap:4px;width:24%}.hc-window-dots i{width:5px;height:5px;background:var(--hc-dark-line);border-radius:50%}.hc-window-dots i:first-child{background:var(--signal)}.hc-top-actions{display:flex;gap:13px;justify-content:flex-end;align-items:center;width:24%;font-size:13px}.hc-top-actions b{width:19px;height:5px;border-radius:2px;background:var(--hc-gold-metal)}.hc-builder-body{display:grid;grid-template-columns:32% 68%;height:90%}.hc-chat{position:relative;padding:12% 10% 0;color:var(--hc-light-text);background:var(--night-raised);min-width:0}.hc-chat-title{display:flex;gap:5px;align-items:center;color:var(--night-muted);font-size:clamp(5px,1.3cqw,8px);letter-spacing:.09em;white-space:nowrap}.hc-chat-title>svg{width:13px;height:13px;color:var(--signal);flex:none}.hc-prompt{font-size:clamp(6px,1.6cqw,10px);padding:10% 9%;background:var(--hc-dark-fill);border:1px solid var(--hc-frame-edge);border-radius:6px;line-height:1.6;margin-top:19%;white-space:nowrap;color:var(--hc-light-text)}.hc-response{display:flex;align-items:flex-start;gap:6px;margin-top:18%}.hc-ai-avatar{width:17px;height:17px;flex:none;background:var(--hc-dark-fill);border-radius:4px;color:var(--signal);display:grid;place-items:center}.hc-ai-avatar svg{width:13px;height:13px}.hc-text-lines{padding-top:4px;flex:1}.hc-text-lines i{display:block;height:3px;background:var(--hc-dark-line);border-radius:2px;margin-bottom:5px}.hc-text-lines i:nth-child(2){width:85%}.hc-text-lines i:last-child{width:58%}.hc-code{margin-top:11%;padding:9%;background:var(--night);border:1px solid var(--hc-frame-edge);border-radius:5px}.hc-code>span{display:flex;gap:4px;align-items:center;margin-bottom:8%;height:3px}.hc-code>span:last-child{margin-bottom:0}.hc-code>span:nth-child(2),.hc-code>span:nth-child(3){padding-left:10%}.hc-code i,.hc-code b,.hc-code em{display:block;height:2px;border-radius:2px;width:21%;background:var(--hc-syntax-warm)}.hc-code b{width:36%;background:var(--hc-syntax-neutral)}.hc-code em{width:26%;background:var(--hc-syntax-light)}.hc-chat-input{position:absolute;left:10%;right:10%;bottom:7%;border:1px solid var(--hc-dark-line);border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:8%;font-size:clamp(6px,1.45cqw,9px);color:var(--night-muted)}.hc-chat-send{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid var(--gold-button-border);border-radius:4px;background:var(--action-gold);color:var(--on-gold-button);box-shadow:inset 0 1px 0 var(--hc-highlight),0 0 9px var(--hc-gold-glow),var(--gold-button-shadow);line-height:1}.hc-chat-send svg{display:block;width:12px;height:12px}
.hc-preview{position:relative;min-width:0;background:var(--white);border-left:1px solid var(--hc-frame-edge);overflow:hidden}.hc-preview-bar{height:12%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 5%;font-size:clamp(6px,1.45cqw,9px);color:var(--muted);background:var(--tint)}.hc-preview-bar>span:first-child{display:flex;align-items:center;gap:6px}.hc-preview-bar i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hc-devices{display:flex;align-items:center;gap:8px;height:13px}.hc-devices svg{width:13px;height:12px;fill:none;stroke:var(--muted);stroke-width:1.3}.hc-devices svg:last-child{width:8px;opacity:.5}.hc-product{height:77%;opacity:.35;filter:blur(.5px)}.hc-product-nav{height:20%;border-bottom:1px solid var(--line);padding:0 6%;display:flex;align-items:center;gap:8%}.hc-product-mark{display:block;flex:none;width:clamp(38px,9cqw,54px);height:auto;object-fit:contain}.hc-product-nav i{width:30%;height:3px;background:var(--hc-detail);border-radius:3px}.hc-product-nav b{margin-left:auto;width:17px;height:17px;border-radius:50%;background:var(--tint)}.hc-product-content{padding:6%}.hc-product-title{font-size:clamp(8px,2.2cqw,14px);font-weight:600;display:block}.hc-product-subtitle{height:3px;width:50%;background:var(--hc-detail);margin:4% 0 8%;border-radius:3px}.hc-product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hc-product-cards>div{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:12%}.hc-product-cards i{display:block;width:11px;height:11px;border-radius:3px;background:var(--hc-gold-metal);box-shadow:inset 0 1px 0 var(--hc-highlight);margin-bottom:20%}.hc-product-cards b,.hc-product-cards em{display:block;width:66%;height:3px;background:var(--hc-detail);border-radius:2px}.hc-product-cards em{width:80%;height:2px;margin-top:11%;background:var(--hc-detail)}.hc-product-chart{display:flex;align-items:flex-end;gap:6%;height:32px;border-bottom:1px solid var(--line);margin-top:9%;padding:0 3%}.hc-product-chart span{width:9%;height:45%;background:var(--hc-chart);border-radius:3px 3px 0 0}.hc-product-chart span:nth-child(2n){height:70%}.hc-product-chart span:nth-child(3n){height:95%}.hc-product-row{height:3px;border-radius:2px;background:var(--hc-detail);width:90%;margin-top:6%}.hc-product-row:last-child{width:62%}
.hc-terminal{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:6px;height:11%;padding:0 6%;background:var(--tint);color:var(--accent-ink);font-size:clamp(7px,1.7cqw,11px)}.hc-terminal>span{font-size:15px;line-height:1;color:var(--accent-ink)}.hc-terminal code{font-size:inherit}.hc-terminal i{height:6px;width:2px;background:var(--accent-hover)}
.hc-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:15px 25px 18px;border-top:1px solid var(--line);background:var(--white)}.hc-footer>a{display:flex;align-items:center;gap:14px;white-space:nowrap;color:var(--ink);font-size:12px;font-weight:600;text-decoration:none}.hc-footer>a>span{font-size:18px;color:var(--accent-ink);line-height:1}.hc-footer>a:hover{text-decoration:underline;text-underline-offset:4px}.hc-footer>a:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:2px}
@media(max-width:850px){.hero-case{max-width:570px;justify-self:center}}
@media(max-width:420px){.hero-case{border-radius:15px}.hc-heading{padding:21px 20px 0}.hc-eyebrow{font-size:9px}.hc-heading h2{font-size:20px}.hc-builder{border-radius:7px}.hc-window-dots{gap:3px}.hc-window-dots i{width:4px;height:4px}.hc-ai-avatar{width:13px;height:13px}.hc-ai-avatar svg{width:10px;height:10px}.hc-text-lines{padding-top:3px}.hc-text-lines i{height:2px;margin-bottom:3px}.hc-chat-send{width:14px;height:14px}.hc-chat-send svg{width:10px;height:10px}.hc-code>span{gap:2px}.hc-product-chart{height:20px}.hc-footer{padding:13px 18px 15px;gap:8px}.hc-footer>a{font-size:11px;gap:9px}}

/* Keep the decorative chat and error readable at every container width. */
.hc-chat{display:flex;flex-direction:column;gap:4%;padding:8% 9% 7%}.hc-chat-title{flex-shrink:0}.hc-prompt{margin:0;padding:8% 9%;flex-shrink:0}.hc-response{margin:0;flex-shrink:0}.hc-code{margin:0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:8% 9%}.hc-code>span{margin:0;flex-shrink:0;height:2px}.hc-chat-input{position:static;margin-top:auto;padding:7%;flex-shrink:0}

/* Show the service outcome: functioning web and mobile interfaces. */
.hc-builder{left:4%;width:85%;top:10%;height:80%;transform:rotate(-3deg)}.hc-window-dots i:first-child{background:var(--signal)}.hc-preview-bar i{background:var(--accent)}.hc-product{opacity:1;filter:none;background:var(--white)}.hc-product-nav{height:19%}.hc-product-content{padding:7%}.hc-product-title{color:var(--ink)}.hc-product-cards>div{border-color:var(--line);background:var(--white)}.hc-product-subtitle{background:var(--line)}.hc-product-chart span{background:var(--hc-chart)}.hc-terminal{background:var(--tint);color:var(--accent-ink);gap:4px;font-size:clamp(6px,1.4cqw,9px)}.hc-terminal>span{font-size:10px;color:var(--accent-ink)}.hc-terminal>span:not(:first-child){margin-left:5%}.hc-scene{aspect-ratio:1.4}.hc-chat-title{letter-spacing:.04em;font-size:clamp(6px,1.4cqw,9px)}.hc-prompt{font-size:clamp(6px,1.4cqw,9px);white-space:normal}.hc-phone{position:absolute;right:4%;top:27%;width:26%;height:70%;background:var(--white);border:4px solid var(--ink);border-radius:clamp(16px,3.7cqw,23px);box-shadow:0 13px 25px var(--hc-device-shadow),0 7px 22px var(--hc-warm-shadow),inset 0 1px 0 var(--hc-highlight);transform:rotate(6deg);overflow:hidden;font-family:Arial,"PingFang HK",sans-serif}.hc-phone-camera{position:absolute;left:33%;right:33%;top:0;height:3%;background:var(--ink);border-radius:0 0 8px 8px}.hc-phone-status{height:8%;padding:0 10%;display:flex;justify-content:space-between;align-items:center;font-size:clamp(5px,1.15cqw,7px);font-weight:600}.hc-phone-brand{height:11%;padding:0 10%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:clamp(7px,1.7cqw,10px);font-weight:600}.hc-phone-brand>span:last-child{color:var(--muted)}.hc-phone-body{text-align:center;padding:10% 9% 0}.hc-ready-icon{display:grid;place-items:center;width:31%;aspect-ratio:1;border-radius:50%;margin:0 auto 7%;background:var(--hc-gold-metal);color:var(--on-accent);box-shadow:0 0 0 5px var(--accent-soft),0 4px 11px var(--hc-warm-shadow),inset 0 1px 0 var(--hc-highlight)}.hc-ready-icon svg{width:64%;height:64%}.hc-phone-body>strong{display:block;font-size:clamp(9px,2.1cqw,13px);line-height:1.4}.hc-phone-sub{display:block;font-size:clamp(5px,1.1cqw,7px);color:var(--muted);margin-top:5%;white-space:nowrap}.hc-phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:13%}.hc-phone-cards>span{padding:14%;border:1px solid var(--line);border-radius:4px;background:var(--tint)}.hc-phone-cards i{display:block;width:9px;height:9px;border-radius:3px;background:var(--hc-gold-metal);box-shadow:inset 0 1px 0 var(--hc-highlight)}.hc-phone-cards b{display:block;width:90%;height:3px;background:var(--hc-detail);border-radius:2px;margin-top:20%}.hc-phone-row{display:flex;align-items:center;gap:8%;padding:8% 0;border-bottom:1px solid var(--line)}.hc-phone-row i{width:6px;height:6px;border-radius:2px;border:1px solid var(--hc-detail)}.hc-phone-row>span{width:55%;height:3px;background:var(--line);border-radius:2px}.hc-phone-row b{margin-left:auto;color:var(--accent-ink);font-size:8px;font-weight:400}.hc-phone-button{display:flex;justify-content:space-between;align-items:center;margin-top:12%;padding:9%;border-radius:4px;background:var(--gold-button-fill);color:var(--on-gold-button);box-shadow:inset 0 1px 0 var(--hc-highlight),0 3px 9px var(--hc-warm-shadow);font-size:clamp(6px,1.4cqw,9px)}.hc-phone-button>span{color:var(--on-gold-button)}.hc-phone-home{position:absolute;bottom:2%;left:35%;right:35%;height:2px;background:var(--muted);border-radius:3px}
@media(max-width:420px){.hc-phone{border-width:3px}.hc-ready-icon{box-shadow:0 0 0 3px var(--accent-soft),0 3px 8px var(--hc-warm-shadow),inset 0 1px 0 var(--hc-highlight)}.hc-phone-cards i{width:6px;height:6px}.hc-phone-cards b{height:2px}.hc-phone-row{padding:6% 0}.hc-phone-row>span{height:2px}}