.design-page{background:#fafbfc}.design-hero{background:radial-gradient(ellipse at 85% 45%,#284651,transparent 62%),linear-gradient(115deg,#0a1b26,#172d38);padding:42px 0}.design-hero h1{font-size:clamp(46px,5.3vw,74px);line-height:1.07;letter-spacing:-3px}.design-hero h1 span{background:linear-gradient(100deg,#f5f7f8,#a9cbd5);background-clip:text;color:transparent}.design-hero .eyebrow{color:#a6c8d4}.design-hero .button{background:#d9eaf0;border-color:#d9eaf0;box-shadow:0 6px 20px #a6d2de12}.design-hero .hero-glow{background:radial-gradient(circle,#acdeeb14,transparent 68%)}.design-build svg{max-height:385px;filter:drop-shadow(0 18px 35px #a3d5de14)}.design-build .fabrication-float{animation-duration:14s}.design-build .spec-top,.design-build .spec-bottom{color:#91aebb;font-size:10px;letter-spacing:.8px}.print-layer{fill-opacity:.06;stroke-opacity:.7;animation:print-build 10s ease-in-out infinite;animation-delay:calc(var(--slice)*.12s)}.print-head{animation:print-trace 10s ease-in-out infinite}.design-page .section-top{align-items:end;margin-bottom:30px}.design-services{gap:22px}.design-services .service-premium{padding:29px;min-height:385px;background:linear-gradient(140deg,#fff,#f1f5f7);border-color:#dce3e8;border-radius:16px}.design-services .service-premium h3{font-size:26px}.design-services .service-premium .eyebrow{font-size:10px;letter-spacing:1px}.design-service-mark{font-size:32px;color:#447587}.design-process{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding-top:40px!important}.design-process-intro h2{font-size:clamp(35px,4vw,50px);margin-top:20px}.design-process-intro>p{max-width:370px}.design-steps article{display:flex;gap:25px;border-top:1px solid #cad6df;padding:24px 0}.design-steps h3{font-size:21px;margin:0 0 10px}.design-steps p{color:#5a7180;margin:0}.design-steps .process-number{padding-top:5px;color:#507b8d}.design-shop{border-top:1px solid #d2dee5;border-bottom:1px solid #d2dee5;padding-top:35px;padding-bottom:35px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:30px}.design-shop h2{font-size:30px;margin:15px 0}.design-shop p{margin:0;max-width:490px;color:#526c7c}.design-shop .actions{margin:0;flex-shrink:0}.design-shop .button{border-radius:10px}.design-cta{background:radial-gradient(ellipse at 100% 0,#3a5766,transparent 65%),#162e3c;border-radius:16px;margin-top:0}.design-cta .button{background:#d9eaf0;border-color:#d9eaf0}.design-cta .eyebrow{color:#b8d4df}#design-services{scroll-margin-top:25px}@keyframes print-build{0%,100%{fill-opacity:.02;stroke-opacity:.3}35%,65%{fill-opacity:.12;stroke-opacity:.95}}@keyframes print-trace{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(65px);opacity:1}}@media(max-width:900px){.design-hero h1{font-size:56px}.design-services{grid-template-columns:1fr}.design-services .service-premium{min-height:300px}.design-process{gap:30px}.design-shop{flex-direction:column;align-items:flex-start}.design-shop .actions{flex-shrink:1}.design-build .spec-top,.design-build .spec-bottom{font-size:9px}}@media(max-width:650px){.design-hero{padding:35px 0}.design-hero h1{font-size:clamp(43px,11vw,60px);letter-spacing:-2px}.design-hero .eyebrow{font-size:11px;letter-spacing:1.2px}.design-build svg{max-height:280px}.design-process{grid-template-columns:1fr;gap:15px}.design-page .section-top{align-items:start}.design-shop .actions{gap:12px}}
.design-build .fabrication-float{animation:none}.design-build .printer-scene{max-height:410px}.logo-print-reveal{animation:logo-print 14s linear infinite;transform-box:fill-box;transform-origin:bottom}.printer-gantry{animation:gantry-rise 14s linear infinite}.printer-carriage{animation:carriage-pass 1.6s ease-in-out infinite;transform-origin:center}.printer-status{animation:printer-ready 3s ease-in-out infinite}@keyframes logo-print{0%,6%{transform:scaleY(0)}78%,95%{transform:scaleY(1)}100%{transform:scaleY(0)}}@keyframes gantry-rise{0%,6%{transform:translateY(0)}78%,95%{transform:translateY(-155px)}100%{transform:translateY(0)}}@keyframes carriage-pass{0%,100%{transform:translateX(-75px)}50%{transform:translateX(75px)}}@keyframes printer-ready{0%,100%{opacity:.4}50%{opacity:1}}.motion-paused .printer-scene *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.logo-print-reveal{transform:none!important}.printer-gantry{transform:translateY(-155px)!important}.printer-carriage{transform:none!important}.printer-scene *{animation:none!important}}@media(max-width:650px){.design-build .printer-scene{max-height:295px}}

/* Design catalogue: equal cards with lightweight animated process drawings. */
.design-services{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.design-services .design-service-card{padding:0;min-height:360px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.design-service-card:hover,.design-service-card:focus-within{transform:translateY(-5px);border-color:#78a9ba;box-shadow:0 16px 32px #12384b12}
.design-service-preview{position:relative;background:radial-gradient(ellipse at 60% 20%,#31515d,#102b39);color:#a9d7e2;min-height:168px;padding:8px 20px}
.design-service-preview .service-index{position:absolute;top:16px;left:18px;color:#b6d5de;font-size:12px}
.design-service-visual{display:block;width:100%;height:160px}.design-visual-grid{opacity:.08;stroke-width:1}
.design-trace{stroke:#d0eef5;stroke-dasharray:220;animation:design-draw 6s ease-in-out infinite}
.design-pulse{fill:#b4ecf5;animation:design-pulse 3s ease-in-out infinite}
.design-service-body{padding:25px;display:flex;flex-direction:column;flex:1}.design-service-body .service-link{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;gap:12px}.design-service-body h3{margin:16px 0 12px}.design-service-body p{margin:0 0 18px}
.design-detail-visual{border:1px solid #78a9ba55;border-radius:20px;background:radial-gradient(ellipse,#335e6a55,transparent);padding:35px;text-align:center;color:#b9deea}.design-detail-visual .design-service-visual{height:auto}.design-detail-visual>span{font:12px Consolas,monospace;letter-spacing:2px}
.design-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.design-example-grid h3{font-size:22px}.design-example-grid .service-premium{padding:28px;min-height:190px}.design-inputs{padding-left:20px;color:#526c7c;line-height:1.8;margin-bottom:28px}
@keyframes design-draw{0%,100%{stroke-dashoffset:220;opacity:.45}45%,75%{stroke-dashoffset:0;opacity:1}}@keyframes design-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1000px){.design-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.design-services,.design-example-grid{grid-template-columns:1fr}.design-service-body{padding:24px}.design-detail-visual{padding:22px}}
@media(prefers-reduced-motion:reduce){.design-trace{animation:none;stroke-dashoffset:0}.design-pulse{animation:none}.design-service-card:hover,.design-service-card:focus-within{transform:none}}

.design-support-label{display:inline-flex;align-self:flex-start;padding:6px 10px;border:1px solid #b7d5df;border-radius:6px;background:#eaf5f8;color:#245567;font-size:12px;font-weight:600;margin-bottom:10px}.design-service-support{padding-bottom:10px!important}.design-service-support p{max-width:760px;line-height:1.8}
