/*
Theme Name: YOPRINTO
Theme URI: https://yoprinto.de/
Author: YOPRINTO
Description: Custom YOPRINTO website theme based on the supplied V1.20 HTML.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
License: GPL-2.0-or-later
Text Domain: yoprinto
*/

:root{--blue:#0D6EFD;--ink:#111418;--muted:#66707c;--line:#d8e0ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}
header{height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0f4;position:sticky;top:0;z-index:20}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:25px;font-weight:800;letter-spacing:3px}
.logo svg{width:44px;height:44px}
nav{display:flex;gap:34px;margin-left:auto;margin-right:18px;font-size:13px;font-weight:800;text-transform:uppercase}
nav a{color:inherit;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;border-radius:3px;background:var(--blue);color:#fff;text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase;box-shadow:0 8px 24px #0d6efd22}
.btn .arrow{font-size:19px;line-height:1}
.hero{min-height:calc(100vh - 82px);max-height:calc(100vh - 82px);display:grid;grid-template-columns:43% 57%;position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fff 40%,#f8fafc 72%,#f1f4f8 100%)}
.copy{padding:70px 0 125px 4.2%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}
.eyebrow{margin:0 0 16px;color:var(--blue);font-size:18px;font-weight:800;letter-spacing:1px}
h1{margin:0 0 24px;font-size:clamp(55px,5.2vw,82px);line-height:.98;letter-spacing:-3.2px}
.dot{color:var(--blue)}
.services{font-size:18px;margin-bottom:22px;white-space:nowrap}
.services i{font-style:normal;color:var(--blue);padding:0 8px}
.lead{font-size:17px;line-height:1.5;margin:0 0 27px}
.actions{display:flex;align-items:center;gap:30px}
.filehint{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3}
.fileicon{width:38px;height:44px;border:2px solid #9bbbe9;color:var(--blue);display:grid;place-items:center;font-size:22px}
.note{display:flex;gap:12px;align-items:flex-start;margin-top:40px;font-size:14px;line-height:1.45}
.people{font-size:33px;color:#7fa6da;line-height:1}
.visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.visual img{position:absolute;width:112%;height:100%;object-fit:cover;object-position:55% 48%;mix-blend-mode:multiply;filter:saturate(.98);transform:translateX(2%)}
.visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.84) 5%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 78%,rgba(247,249,252,.82) 100%);z-index:1;pointer-events:none}
.visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(0deg,#f6f8fb 0%,rgba(246,248,251,.65) 25%,transparent 100%);z-index:2;pointer-events:none}
.process{position:absolute;left:18%;right:5%;bottom:22px;display:flex;align-items:center;z-index:4;font-size:11px;font-weight:800}
.step{white-space:nowrap}.step b{color:var(--blue)}
.line{height:1px;background:#b9c7d8;flex:1;margin:0 14px}
.section{padding:55px 6% 70px;background:#fff}
.section h2{text-align:center;font-size:35px;line-height:1.12;margin:0 0 12px;letter-spacing:-1.2px}
.section .sub{text-align:center;color:#56616e;margin:0 auto 38px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{padding:12px 18px 20px;border-right:1px solid #e1e6ec}
.card:last-child{border-right:0}
.icon{width:56px;height:56px;border-radius:50%;box-shadow:0 8px 25px #18202816;display:grid;place-items:center;color:var(--blue);font-size:27px;margin-bottom:15px}
.card h3{font-size:19px;margin:0 0 8px}.card p{font-size:14px;line-height:1.45;color:#56616e;margin:0}
.card img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-top:18px}
.card ul{padding:0;margin:13px 0 0;list-style:none;font-size:13px;line-height:1.8}
.card li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:9px}
.bottom-card{max-width:620px;margin:28px auto 0;padding:17px 24px;border-radius:8px;box-shadow:0 5px 24px #18202810;display:flex;gap:15px;align-items:center}
.bottom-card strong{font-size:16px}.bottom-card span{display:block;color:#56616e;font-size:13px;margin-top:3px}
@media(max-width:900px){
nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;max-height:none}.copy{padding:55px 24px 30px}.services{white-space:normal}.visual{height:480px}.visual img{width:125%;object-position:55% 42%}.process{left:24px;right:24px}.cards{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid #e1e6ec;padding-bottom:28px}
}
@media(max-width:600px){
header{padding:0 18px}.logo{font-size:26px}.logo svg{width:37px}.hero h1{font-size:50px}.actions{flex-direction:column;align-items:flex-start}.visual{height:390px}.process{bottom:15px}.step:not(:first-child),.line{display:none}.section{padding:45px 22px}
}

.function-section{position:relative;overflow:hidden;padding:92px 6% 78px;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);border-top:1px solid #edf0f4}
.function-inner{max-width:1180px;margin:0 auto;position:relative}
.function-copy{max-width:900px;position:relative;z-index:2}
.function-eyebrow{margin:0 0 13px;color:#0d6efd;font-size:13px;font-weight:800;letter-spacing:1.6px}
.function-copy h2{margin:0 0 24px;text-align:left;font-size:clamp(32px,3.5vw,52px);line-height:1.08;letter-spacing:-1.7px}
.function-copy h2 span{color:#0d6efd}
.function-lead{font-size:20px;line-height:1.48;max-width:790px;margin:0 0 14px}
.function-text{font-size:16px;line-height:1.6;color:#596470;max-width:780px;margin:0}
.function-process{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin:78px 0 10px}
.function-line{position:absolute;left:3%;right:3%;top:42px;height:1px;background:#b9c8da}
.function-step{position:relative;text-align:center;z-index:1}
.function-number{font-size:11px;font-weight:800;color:#0d6efd;margin-bottom:10px}
.function-dot{width:13px;height:13px;border:2px solid #0d6efd;background:#fff;border-radius:50%;margin:0 auto 15px;box-shadow:0 0 0 5px #f7f9fc}
.function-step strong{display:block;font-size:16px;margin-bottom:5px}
.function-step span{display:block;font-size:13px;line-height:1.4;color:#66717d}
.function-cad{position:absolute;width:620px;right:-170px;bottom:-30px;opacity:.48;pointer-events:none}
.function-cad svg{width:100%;height:auto}
@media(max-width:800px){
.function-section{padding:65px 22px 58px}
.function-process{grid-template-columns:1fr;gap:24px;margin-top:50px}
.function-line{left:50%;top:15px;bottom:15px;width:1px;height:auto;right:auto}
.function-step{display:grid;grid-template-columns:50px 1fr;text-align:left;align-items:center}
.function-number{grid-column:1;grid-row:1/3;margin:0;text-align:center}
.function-dot{grid-column:2;grid-row:1;width:11px;height:11px;margin:0 0 6px 0}
.function-step strong{grid-column:2;grid-row:2;margin:0}
.function-step span{grid-column:2;grid-row:3;margin-top:4px}
.function-cad{width:500px;right:-230px;bottom:-40px;opacity:.25}
}

.projects-section{padding:105px 6% 110px;background:#fff;border-top:1px solid #edf0f4}
.projects-head{max-width:1180px;margin:0 auto 55px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}
.projects-eyebrow{margin:0 0 13px;color:#0d6efd;font-size:13px;font-weight:800;letter-spacing:1.6px}
.projects-head h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-1.8px;margin:0}
.projects-intro{font-size:16px;line-height:1.55;color:#65707c;margin:0 0 4px}
.project-feature{max-width:1180px;margin:0 auto 58px;display:grid;grid-template-columns:1.22fr .78fr;min-height:470px;background:#f5f7fa;overflow:hidden}
.project-visual{position:relative;overflow:hidden;min-height:470px;background:linear-gradient(135deg,#e9eef5,#f8fafc)}
.pod-grid{position:absolute;inset:0;background-image:linear-gradient(#8fa8c620 1px,transparent 1px),linear-gradient(90deg,#8fa8c620 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(58deg) scale(1.35);transform-origin:center bottom}
.pod-shape{position:absolute;left:16%;right:12%;top:16%;bottom:13%;transform:perspective(900px) rotateY(-13deg) rotateX(3deg)}
.pod-body{position:absolute;inset:8% 0 0;border:9px solid #222c34;border-radius:34px 34px 18px 18px;background:linear-gradient(120deg,#f9fbfd 0%,#dce5ee 48%,#b8c5d2 100%);box-shadow:24px 30px 50px #16233130}
.pod-top{position:absolute;left:3%;right:3%;top:0;height:20%;border:9px solid #222c34;border-bottom:0;border-radius:42px 42px 0 0;background:#e8eef4}
.pod-door{position:absolute;left:18%;top:13%;bottom:8%;width:44%;border:4px solid #26313a;border-radius:18px;background:linear-gradient(135deg,#27343d,#637788);box-shadow:inset 0 0 0 3px #a9b9c6}
.pod-detail{position:absolute;right:11%;top:47%;width:15%;height:5%;border-radius:4px;background:#0d6efd;box-shadow:0 0 0 5px #0d6efd18}
.pod-label{position:absolute;left:30px;bottom:26px;color:#55718f;font-size:11px;letter-spacing:1.7px;font-weight:800}
.project-content{padding:58px 55px;display:flex;flex-direction:column;justify-content:center}
.project-number{color:#0d6efd;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:14px}
.project-kicker{color:#647385;font-size:11px;font-weight:800;letter-spacing:1.4px;margin:0 0 13px}
.project-content h3{font-size:38px;line-height:1.04;letter-spacing:-1.4px;margin:0 0 20px}
.project-content p:not(.project-kicker){font-size:16px;line-height:1.55;color:#5d6875;margin:0 0 22px}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}
.project-tags span{font-size:11px;font-weight:700;padding:7px 10px;border:1px solid #d5dee8;background:#fff}
.project-link{color:#0d6efd;text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.project-link span{font-size:18px;margin-left:7px}
.project-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.project-card{border:1px solid #e0e6ed;background:#fff;padding-bottom:28px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #15253510}
.card-visual{height:190px;background:linear-gradient(135deg,#f1f5f9,#e7edf4);position:relative;display:grid;place-items:center;overflow:hidden;margin-bottom:25px}
.seal-ring{width:108px;height:108px;border-radius:50%;border:17px solid #2d3a43;box-shadow:inset 0 0 0 5px #9baab7,0 16px 35px #1b2b391c}
.seal-inner{position:absolute;width:56px;height:56px;border-radius:50%;border:4px solid #0d6efd}
.seal-visual span{position:absolute;bottom:15px;right:18px;color:#6a7b8e;font-size:10px;font-weight:800;letter-spacing:1px}
.recon-visual{background:linear-gradient(135deg,#eef2f6,#f8fafc)}
.recon-part{width:132px;height:74px;border-radius:16px 8px 20px 10px;background:linear-gradient(135deg,#26333c,#536472);transform:rotate(-18deg);box-shadow:16px 18px 28px #1b2a361f}
.recon-lines{position:absolute;width:210px;height:110px;border:1px solid #7fa5cf;transform:rotate(-18deg);opacity:.55}
.recon-lines:before,.recon-lines:after{content:"";position:absolute;border:1px dashed #7fa5cf}
.recon-lines:before{inset:18px 30px}.recon-lines:after{left:50%;top:-15px;height:140px;border-width:0 0 0 1px}
.series-visual{background:linear-gradient(135deg,#edf3f9,#f8fafc);align-items:end}
.series-bars{height:120px;display:flex;align-items:end;gap:9px}
.series-bars i{display:block;width:28px;background:#26323a;border-radius:3px 3px 0 0}
.series-bars i:nth-child(1){height:45px}.series-bars i:nth-child(2){height:67px}.series-bars i:nth-child(3){height:88px}.series-bars i:nth-child(4){height:104px}.series-bars i:nth-child(5){height:118px;background:#0d6efd}
.series-visual span{position:absolute;right:18px;top:18px;font-size:13px;font-weight:800;color:#6a7b8e}
.project-card>.project-number,.project-card>.project-kicker,.project-card>h3,.project-card>p:not(.project-kicker),.project-card>.project-tags,.project-card>.project-link{margin-left:27px;margin-right:27px}
.project-card h3{font-size:24px;letter-spacing:-.5px;margin-top:0;margin-bottom:12px}
.project-card>p:not(.project-kicker){font-size:14px;line-height:1.5;color:#66717d;margin-bottom:18px}
.project-card .project-tags{margin-bottom:18px}
@media(max-width:900px){
.projects-head{grid-template-columns:1fr;gap:20px}.project-feature{grid-template-columns:1fr}.project-visual{min-height:380px}.project-content{padding:42px 32px}.project-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.projects-section{padding:70px 20px}.project-visual{min-height:300px}.project-content h3{font-size:32px}.project-content{padding:34px 24px}
}

.entry-section{padding:110px 6%;background:#f7f9fc;border-top:1px solid #edf0f4}
.entry-inner{max-width:1180px;margin:0 auto}
.entry-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:58px}
.section-eyebrow{margin:0 0 13px;color:#0d6efd;font-size:13px;font-weight:800;letter-spacing:1.6px}
.entry-head h2{font-size:clamp(38px,4.2vw,60px);line-height:1.03;letter-spacing:-2px;margin:0}
.entry-head h2 span{color:#0d6efd}
.entry-head>p:last-child{font-size:17px;line-height:1.55;color:#5e6975;margin:0}
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbd6e2}
.entry-grid article{padding:35px 35px 30px 0;border-right:1px solid #cbd6e2;min-height:205px}
.entry-grid article:not(:first-child){padding-left:35px}
.entry-grid article:last-child{border-right:0}
.entry-grid span{color:#0d6efd;font-size:12px;font-weight:800}
.entry-grid h3{font-size:23px;line-height:1.15;letter-spacing:-.5px;margin:16px 0 9px}
.entry-grid p{font-size:15px;line-height:1.5;color:#66717d;margin:0}

.about-section{padding:110px 6%;background:#fff}
.about-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.about-placeholder{height:450px;background:linear-gradient(135deg,#e7edf4,#f8fafc);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.portrait-placeholder{width:220px;height:290px;border:1px solid #a9bdd5;background:linear-gradient(160deg,#d6e0ea,#eef3f7);display:grid;place-items:center;color:#7892ae;font-size:12px;letter-spacing:1.4px}
.about-placeholder>span{position:absolute;bottom:20px;left:24px;color:#637c99;font-size:11px;font-weight:800;letter-spacing:1.6px}
.about-copy h2{font-size:clamp(36px,4vw,57px);line-height:1.05;letter-spacing:-1.8px;margin:0 0 24px}
.placeholder-lead{font-size:17px;line-height:1.65;color:#5d6874;max-width:650px}
.about-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.about-pills span{padding:8px 12px;border:1px solid #d7e0ea;font-size:12px;font-weight:700;background:#fff}

.request-section{padding:115px 6%;background:linear-gradient(135deg,#111a22,#1d2934);color:#fff;text-align:center}
.request-inner{max-width:850px;margin:0 auto}
.request-section .section-eyebrow{color:#66a6ff}
.request-section h2{font-size:clamp(48px,6vw,78px);letter-spacing:-3px;line-height:1;margin:0 0 22px}
.request-section>div>p:not(.section-eyebrow){font-size:18px;line-height:1.55;color:#c8d1db;margin:0}
.request-actions{display:flex;justify-content:center;align-items:center;gap:38px;margin-top:35px}
.phone-placeholder{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-size:14px}
.phone-placeholder span{color:#aebbc8;margin-top:5px}
.footer{min-height:105px;background:#0c1218;color:#dbe2e9;padding:28px 6%;display:flex;justify-content:space-between;align-items:center;font-size:12px}
.footer>div:first-child{display:flex;flex-direction:column;gap:5px}.footer strong{letter-spacing:2px}.footer span{color:#82909e}
.footer-links{display:flex;gap:25px}.footer-links a{color:#aeb9c4;text-decoration:none}

@media(max-width:800px){
.entry-head{grid-template-columns:1fr;gap:22px}.entry-grid{grid-template-columns:1fr}.entry-grid article,.entry-grid article:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid #cbd6e2}.about-inner{grid-template-columns:1fr;gap:45px}.about-placeholder{height:360px}.request-actions{flex-direction:column;gap:25px}.footer{flex-direction:column;align-items:flex-start;gap:22px}
}

html{scroll-behavior:smooth}

header{transition:box-shadow .25s ease,background .25s ease}
header.scrolled{box-shadow:0 7px 24px rgba(16,30,45,.08);background:rgba(255,255,255,.97)}

/* V1.8 — visual refinement of the "Funktion vor Fertigungsverfahren" section */
.function-section{
  position:relative;
  padding:112px 6% 118px;
  background:#f7f9fc;
  overflow:hidden;
  border-top:1px solid #e8edf3;
}
.function-inner{max-width:1180px;margin:0 auto;position:relative;z-index:2}
.function-head{
  max-width:850px;
  margin:0 auto 68px;
  text-align:center;
}
.function-eyebrow{
  margin:0 0 15px;
  color:#0d6efd;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.8px;
}
.function-head h2{
  margin:0;
  font-size:clamp(36px,4.5vw,58px);
  line-height:1.04;
  letter-spacing:-2px;
}
.function-head h2 span{color:#0d6efd}
.function-head p{
  max-width:670px;
  margin:20px auto 0;
  color:#637080;
  font-size:17px;
  line-height:1.6;
}
.function-process{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  position:relative;
  margin-top:10px;
}
.function-process:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:23px;
  height:1px;
  background:#cbd8e7;
}
.function-step{
  position:relative;
  text-align:center;
  z-index:1;
}
.function-node{
  width:46px;
  height:46px;
  margin:0 auto 17px;
  border:1px solid #9eb8d7;
  border-radius:50%;
  background:#f7f9fc;
  display:grid;
  place-items:center;
  color:#0d6efd;
  font-size:11px;
  font-weight:800;
}
.function-step:first-child .function-node{
  border:2px solid #0d6efd;
  box-shadow:0 0 0 6px #e8f1ff;
}
.function-step h3{
  margin:0 0 7px;
  font-size:15px;
  letter-spacing:-.15px;
}
.function-step p{
  max-width:170px;
  margin:0 auto;
  color:#74808d;
  font-size:12px;
  line-height:1.45;
}
.function-note{
  max-width:690px;
  margin:64px auto 0;
  padding:19px 25px;
  border:1px solid #d8e1eb;
  background:rgba(255,255,255,.72);
  display:flex;
  align-items:center;
  gap:16px;
  text-align:left;
}
.function-note-mark{
  width:34px;height:34px;flex:0 0 34px;
  display:grid;place-items:center;
  color:#0d6efd;font-size:20px;font-weight:700;
}
.function-note strong{display:block;font-size:14px;margin-bottom:3px}
.function-note span{color:#71808f;font-size:13px}

@media(max-width:800px){
  .function-process{grid-template-columns:1fr;gap:25px}
  .function-process:before{left:22px;right:auto;top:23px;bottom:23px;width:1px;height:auto}
  .function-step{display:grid;grid-template-columns:46px 1fr;text-align:left;column-gap:18px}
  .function-node{grid-row:span 2;margin:0}
  .function-step p{margin:0;max-width:none}
  .function-note{margin-top:45px}
}



/* V1.10 — header matched to the approved visual reference */
header{
  height:78px;
  padding:0 4.5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  position:sticky;
  top:0;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #e8edf3;
  transition:box-shadow .22s ease,height .22s ease;
}
header.scrolled{
  height:74px;
  background:#fff;
  box-shadow:0 7px 22px rgba(22,39,57,.07);
}
header .logo{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#182028;
  font-size:26px;
  font-weight:800;
  letter-spacing:3.1px;
  line-height:1;
  white-space:nowrap;
}
header .logo svg{
  width:39px;
  height:39px;
  flex:0 0 39px;
}
header nav{
  display:flex;
  align-items:center;
  gap:44px;
  margin-left:auto;
  margin-right:46px;
}
header nav a{
  position:relative;
  color:#101820;
  text-decoration:none;
  font-size:14px;
  font-weight:750;
  letter-spacing:.1px;
  white-space:nowrap;
  transition:color .18s ease;
}
header nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:2px;
  background:#0d6efd;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
header nav a:hover{color:#0d6efd}
header nav a:hover::after{transform:scaleX(1)}
header .btn{
  min-width:220px;
  height:48px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  box-sizing:border-box;
  background:#1267ee;
  color:#fff;
  border-radius:4px;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  letter-spacing:.15px;
  box-shadow:none;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
header .btn:hover{
  background:#075bdd;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(18,103,238,.18);
}
header .btn .arrow{font-size:20px;line-height:1}
@media(max-width:1000px){
  header nav{gap:24px;margin-right:24px}
  header .btn{min-width:190px}
}
@media(max-width:800px){
  header{height:70px;padding:0 20px}
  header.scrolled{height:66px}
  header .logo{font-size:21px;letter-spacing:2.4px}
  header .logo svg{width:34px;height:34px;flex-basis:34px}
  header nav{display:none}
  header .btn{min-width:0;height:44px;padding:0 15px;font-size:12px}
}

/* V1.11 — project section */
.projects-section{
  background:#fff;
  padding:112px 4.5% 105px;
  border-top:1px solid #e9eef4;
}
.projects-inner{max-width:1260px;margin:0 auto}
.projects-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:70px;
  align-items:end;
  margin-bottom:52px;
}
.projects-eyebrow{
  margin:0 0 15px;
  color:#0d6efd;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.8px;
}
.projects-head h2{
  margin:0;
  font-size:clamp(38px,4.5vw,60px);
  line-height:1.02;
  letter-spacing:-2.2px;
}
.projects-head h2 span{color:#0d6efd}
.projects-intro{
  max-width:480px;
  margin:0 0 5px;
  color:#657382;
  font-size:16px;
  line-height:1.65;
}
.projects-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);
  gap:24px;
}
.project-card{
  background:#f5f8fb;
  border:1px solid #e1e8f0;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.project-card:hover{
  transform:translateY(-3px);
  border-color:#cdd9e7;
  box-shadow:0 14px 35px rgba(18,42,67,.08);
}
.project-media{
  padding:12px;
}
.project-placeholder{
  height:245px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(90,139,198,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,139,198,.08) 1px,transparent 1px),
    linear-gradient(135deg,#f7f9fc,#eaf0f6);
  background-size:34px 34px,34px 34px,100% 100%;
  border:1px solid #dfe7ef;
}
.project-feature .project-placeholder{height:390px}
.project-label{
  position:absolute;
  top:18px;left:19px;
  color:#5e7fa5;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.4px;
}
.placeholder-object{
  position:absolute;
  left:50%;top:52%;
  transform:translate(-50%,-50%) rotate(-18deg);
  border:1px solid rgba(23,42,60,.65);
  background:linear-gradient(145deg,#39434c,#161c21);
  box-shadow:14px 18px 28px rgba(16,30,43,.16);
}
.object-large{width:250px;height:120px;border-radius:14px 28px 14px 20px}
.object-mid{width:170px;height:100px;border-radius:18px;transform:translate(-50%,-50%) rotate(13deg)}
.object-small{width:135px;height:85px;border-radius:12px;transform:translate(-50%,-50%) rotate(-8deg)}
.cad-cross{
  position:absolute;width:130px;height:130px;border:1px solid rgba(39,111,190,.22);border-radius:50%;
  left:54%;top:50%;transform:translate(-50%,-50%);
}
.cad-cross:before,.cad-cross:after{content:"";position:absolute;background:rgba(39,111,190,.22)}
.cad-cross:before{left:50%;top:-25px;width:1px;height:180px}
.cad-cross:after{top:50%;left:-25px;height:1px;width:180px}
.cross-b{left:30%;top:28%;width:70px;height:70px}
.cross-b:before{height:110px}.cross-b:after{width:110px}
.cad-ring{
  position:absolute;width:180px;height:180px;border:1px solid rgba(39,111,190,.2);border-radius:50%;
  left:50%;top:50%;transform:translate(-50%,-50%);
}
.cad-grid{position:absolute;inset:25% 12%;border:1px solid rgba(39,111,190,.18)}
.cad-dim{
  position:absolute;color:#6f91b6;font-size:10px;letter-spacing:.5px
}
.dim-a{right:20%;top:28%}.dim-b{left:18%;bottom:24%}
.project-info{
  padding:21px 23px 24px;
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:flex-end;
}
.project-type{
  margin:0 0 8px;color:#0d6efd;font-size:10px;font-weight:800;letter-spacing:1.1px
}
.project-info h3{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.45px}
.project-info p:not(.project-type){
  margin:10px 0 0;color:#697887;font-size:13px;line-height:1.5;max-width:570px
}
.project-link{
  flex:0 0 auto;color:#101820;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap
}
.project-link span{color:#0d6efd;font-size:18px;margin-left:7px}
.projects-side{display:grid;gap:24px}
.projects-side .project-placeholder{height:245px}
.projects-side .project-info{display:block;padding-top:16px}
.projects-side .project-link{display:inline-block;margin-top:15px}
.projects-bottom{
  margin-top:28px;padding-top:22px;border-top:1px solid #dce5ee;
  display:flex;justify-content:space-between;align-items:center;
  color:#71808f;font-size:13px
}
.projects-bottom a{color:#0d6efd;text-decoration:none;font-weight:800}
.projects-bottom a span{font-size:18px;margin-left:6px}
@media(max-width:850px){
  .projects-head,.projects-grid{grid-template-columns:1fr}
  .project-feature .project-placeholder{height:300px}
  .projects-side{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .projects-section{padding:80px 20px}
  .projects-side{grid-template-columns:1fr}
  .projects-bottom{display:block}
  .projects-bottom a{display:block;margin-top:12px}
}

/* V1.12 — entry section */
.entry-section{
  padding:112px 4.5% 105px;
  background:#f7f9fc;
  border-top:1px solid #e7edf4;
}
.entry-inner{max-width:1260px;margin:0 auto}
.entry-heading{
  max-width:850px;
  margin:0 auto 58px;
  text-align:center;
}
.entry-eyebrow{
  margin:0 0 14px;
  color:#0d6efd;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.8px;
}
.entry-heading h2{
  margin:0;
  font-size:clamp(38px,4.6vw,60px);
  line-height:1.02;
  letter-spacing:-2.2px;
}
.entry-heading h2 span{color:#0d6efd}
.entry-heading>p:last-child{
  max-width:700px;
  margin:21px auto 0;
  color:#657382;
  font-size:16px;
  line-height:1.65;
}
.entry-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.entry-card{
  min-height:385px;
  padding:24px 25px 22px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #dfe7ef;
  position:relative;
  display:flex;
  flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.entry-card:hover{
  transform:translateY(-4px);
  border-color:#c6d6e7;
  box-shadow:0 18px 40px rgba(22,44,67,.08);
}
.entry-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#0d6efd;
  font-size:11px;
  font-weight:800;
}
.entry-top i{font-style:normal;font-size:18px;font-weight:400}
.entry-icon{
  height:105px;
  margin:22px 0 23px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(80,132,190,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,132,190,.07) 1px,transparent 1px);
  background-size:24px 24px;
  border:1px solid #e3eaf2;
}
.icon-idea:before{
  content:"";
  position:absolute;
  width:44px;height:44px;
  border:2px solid #24313a;
  border-radius:50%;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 10px #0d6efd0d;
}
.icon-idea:after{
  content:"";
  position:absolute;
  width:76px;height:1px;
  background:#0d6efd;
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
}
.icon-part:before{
  content:"";
  position:absolute;
  width:76px;height:47px;
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-10deg);
  background:linear-gradient(145deg,#4c5963,#1d252b);
  border:1px solid #1b2730;
  border-radius:10px;
  box-shadow:12px 12px 20px #1c2b371a;
}
.icon-part:after{
  content:"";
  position:absolute;
  width:116px;height:1px;
  background:#0d6efd;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
}
.icon-cad:before{
  content:"Y";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-54%);
  color:#27333b;
  font-size:73px;
  line-height:1;
  font-weight:800;
  font-family:Arial,sans-serif;
}
.icon-cad:after{
  content:"";
  position:absolute;
  width:125px;height:1px;
  background:#0d6efd;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  opacity:.65;
}
.entry-card h3{
  margin:0 0 11px;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.7px;
}
.entry-card p{
  margin:0;
  color:#687785;
  font-size:14px;
  line-height:1.55;
}
.entry-line{
  height:1px;
  background:#dce5ee;
  margin-top:auto;
  margin-bottom:13px;
}
.entry-card strong{
  color:#6b7e92;
  font-size:9px;
  letter-spacing:1.15px;
}
.entry-footer{
  margin-top:27px;
  padding-top:21px;
  border-top:1px solid #d7e1eb;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#758392;
  font-size:13px;
}
.entry-footer a{
  color:#0d6efd;
  text-decoration:none;
  font-weight:800;
}
.entry-footer b{font-size:18px;margin-left:6px}
@media(max-width:850px){
  .entry-cards{grid-template-columns:1fr}
  .entry-card{min-height:0}
  .entry-icon{height:120px}
}
@media(max-width:600px){
  .entry-section{padding:82px 20px}
  .entry-footer{display:block}
  .entry-footer a{display:block;margin-top:10px}
}

/* V1.13 — About YOPRINTO */
.about-section{
  padding:120px 4.5% 112px;
  background:#fff;
  border-top:1px solid #e7edf4;
}
.about-inner{
  max-width:1260px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  gap:92px;
  align-items:center;
}
.about-visual{min-width:0}
.about-photo{
  height:535px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#e9eef4,#f8fafc);
  border:1px solid #dce5ee;
}
.about-photo-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(75,127,185,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,127,185,.08) 1px,transparent 1px);
  background-size:34px 34px;
}
.about-photo-placeholder{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:210px;height:285px;
  display:grid;place-items:center;
  background:linear-gradient(150deg,#cdd8e3,#eef3f7);
  border:1px solid #aebfd1;
  color:#7189a2;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.8px;
}
.about-photo-placeholder:before{
  content:"";
  position:absolute;
  width:78px;height:78px;
  border:1px solid #91a8bf;
  border-radius:50%;
  top:45px;
  left:50%;
  transform:translateX(-50%);
}
.about-photo-placeholder:after{
  content:"";
  position:absolute;
  width:125px;height:95px;
  border:1px solid #91a8bf;
  border-radius:65px 65px 0 0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}
.about-tag{
  position:absolute;
  left:21px;bottom:18px;
  color:#567696;
  font-size:9px;font-weight:800;letter-spacing:1.2px;
}
.about-tech-note{
  display:flex;
  justify-content:space-between;
  margin-top:12px;
  color:#8190a0;
  font-size:9px;
  letter-spacing:1.1px;
}
.about-tech-note i{font-style:normal;color:#0d6efd}
.about-copy{max-width:700px}
.about-eyebrow{
  margin:0 0 15px;
  color:#0d6efd;
  font-size:12px;font-weight:800;letter-spacing:1.8px;
}
.about-copy h2{
  margin:0;
  font-size:clamp(40px,4.7vw,63px);
  line-height:1.02;
  letter-spacing:-2.4px;
}
.about-copy h2 span{color:#0d6efd}
.about-lead{
  margin:27px 0 0;
  color:#4f5e6c;
  font-size:18px;
  line-height:1.62;
}
.about-placeholder-text{
  margin:17px 0 0;
  color:#7a8794;
  font-size:14px;
  line-height:1.65;
}
.about-principles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid #dce5ee;
}
.about-principles>div{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.about-principles b{color:#0d6efd;font-size:10px;letter-spacing:1px}
.about-principles strong{font-size:14px}
.about-principles span{color:#7a8794;font-size:11px;line-height:1.4}
@media(max-width:850px){
  .about-inner{grid-template-columns:1fr;gap:55px}
  .about-photo{height:420px}
}
@media(max-width:600px){
  .about-section{padding:82px 20px}
  .about-principles{grid-template-columns:1fr}
}

/* V1.14 — project assistant */
.request-section{
  padding:120px 4.5% 108px;
  background:#111a22;
  color:#fff;
  border-top:1px solid #0e151c;
}
.request-inner{max-width:1120px;margin:0 auto}
.request-heading{text-align:center;max-width:760px;margin:0 auto 48px}
.request-eyebrow{
  margin:0 0 14px;color:#65a4ff;font-size:12px;font-weight:800;letter-spacing:1.8px
}
.request-heading h2{
  margin:0;font-size:clamp(42px,5vw,66px);line-height:1.01;letter-spacing:-2.5px
}
.request-heading h2 span{color:#4d9aff}
.request-heading>p:last-child{
  max-width:650px;margin:20px auto 0;color:#aebbc8;font-size:16px;line-height:1.6
}
.assistant{
  max-width:900px;margin:0 auto;background:#f8fafc;color:#17212a;
  border:1px solid #dbe5ef;box-shadow:0 25px 65px rgba(0,0,0,.22)
}
.assistant-top{
  height:64px;padding:0 25px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid #dce5ee;background:#fff
}
.assistant-progress{display:flex;align-items:center;gap:10px}
.assistant-progress span{
  width:28px;height:28px;border:1px solid #c9d5e1;border-radius:50%;
  display:grid;place-items:center;color:#7d8c9b;font-size:10px;font-weight:800
}
.assistant-progress span.active{
  color:#0d6efd;border-color:#0d6efd;background:#edf4ff
}
.assistant-progress i{width:32px;height:1px;background:#d3dde7}
.assistant-status{color:#7a8998;font-size:9px;font-weight:800;letter-spacing:1.4px}
.assistant-body{padding:35px}
.assistant-question{margin-bottom:28px}
.assistant-step{margin:0 0 8px;color:#0d6efd;font-size:9px;font-weight:800;letter-spacing:1.4px}
.assistant-question h3{margin:0 0 7px;font-size:29px;letter-spacing:-.8px}
.assistant-question p:last-child{margin:0;color:#71808e;font-size:13px}
.assistant-options{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px
}
.assistant-option{
  min-height:118px;padding:16px;text-align:left;background:#fff;
  border:1px solid #dbe4ed;cursor:pointer;position:relative;
  display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto auto;
  column-gap:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.assistant-option:hover{border-color:#9dbbe0;box-shadow:0 7px 18px rgba(22,46,72,.07);transform:translateY(-1px)}
.assistant-option.selected{border:2px solid #0d6efd;background:#f7fbff}
.assistant-option>span{grid-row:1/4;color:#0d6efd;font-size:9px;font-weight:800;padding-top:2px}
.assistant-option b{position:absolute;right:15px;top:13px;font-size:17px;font-weight:400}
.assistant-option strong{font-size:14px;line-height:1.25;padding-right:25px}
.assistant-option small{margin-top:5px;color:#71808e;font-size:11px;line-height:1.4}
.assistant-bottom{
  margin-top:28px;padding-top:20px;border-top:1px solid #dbe4ed;
  display:flex;justify-content:space-between;align-items:center
}
.assistant-bottom>span{color:#8995a1;font-size:11px}
.assistant-next{
  border:0;background:#0d6efd;color:#fff;padding:12px 20px;
  font-size:13px;font-weight:800;cursor:pointer
}
.assistant-next b{font-size:18px;margin-left:7px}
.request-direct{
  margin:32px auto 0;text-align:center;color:#95a3b0;font-size:13px
}
.request-direct a{color:#fff;text-decoration:none;font-weight:800;margin-left:8px}
@media(max-width:700px){
  .request-section{padding:85px 20px}
  .assistant-body{padding:22px}
  .assistant-options{grid-template-columns:1fr}
  .assistant-top{padding:0 17px}
  .assistant-progress i{width:18px}
  .assistant-status{display:none}
  .assistant-bottom{display:block}
  .assistant-next{margin-top:15px}
  .request-direct a{display:block;margin:9px 0 0}
}

.assistant-step-screen{display:none;animation:assistantIn .25s ease}
.assistant-step-screen.active{display:block}
@keyframes assistantIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.assistant-back{
  border:0;background:transparent;color:#647382;font-size:12px;font-weight:800;
  cursor:pointer;padding:10px 0
}
.assistant-back:hover{color:#0d6efd}
.assistant-hint{margin-left:auto;margin-right:18px}
.assistant-textarea{
  width:100%;min-height:190px;box-sizing:border-box;resize:vertical;
  border:1px solid #d8e2ec;background:#fff;padding:18px;
  font:inherit;font-size:14px;line-height:1.55;color:#17212a;outline:none
}
.assistant-textarea:focus,.assistant-contact-grid input:focus{
  border-color:#7faee7;box-shadow:0 0 0 3px #0d6efd12
}
.assistant-upload{
  position:relative;margin-top:13px;padding:16px;border:1px dashed #b9c9d9;
  background:#fff;display:flex;align-items:center;gap:12px;color:#5e7081
}
.assistant-upload>span{font-size:22px;color:#0d6efd}
.assistant-upload strong{display:block;font-size:12px;color:#24313a}
.assistant-upload small{display:block;margin-top:3px;font-size:10px}
.assistant-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.assistant-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.assistant-contact-grid label{display:flex;flex-direction:column;gap:6px}
.assistant-contact-grid label span{font-size:11px;font-weight:800;color:#526170}
.assistant-contact-grid em{font-style:normal;font-weight:400;color:#9aa6b1}
.assistant-contact-grid input{
  height:46px;box-sizing:border-box;border:1px solid #d8e2ec;padding:0 13px;
  font:inherit;font-size:13px;outline:none;background:#fff
}
.assistant-consent{
  display:flex;align-items:flex-start;gap:9px;margin-top:20px;color:#7a8793;font-size:10px;line-height:1.45
}
.assistant-consent input{margin-top:2px}
@media(max-width:700px){
  .assistant-contact-grid{grid-template-columns:1fr}
  .assistant-hint{display:none}
  .assistant-back{margin-right:auto}
}

/* Footer — structural version */
.site-footer{
  background:#0d151c;
  color:#fff;
  padding:0 4.5%;
}
.footer-main{
  max-width:1260px;
  min-height:225px;
  margin:0 auto;
  padding:52px 0 46px;
  display:grid;
  grid-template-columns:1.1fr 1fr .9fr;
  gap:70px;
  align-items:start;
  box-sizing:border-box;
}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}
.footer-logo{
  color:#fff;text-decoration:none;font-size:27px;font-weight:800;
  letter-spacing:3.1px;line-height:1
}
.footer-brand p{
  margin:13px 0 0;color:#7f8e9b;font-size:12px
}
.footer-nav{display:flex;flex-direction:column;gap:12px}
.footer-nav a,.footer-contact a{
  color:#c8d1d9;text-decoration:none;font-size:13px;
  transition:color .18s ease
}
.footer-nav a:hover,.footer-contact a:hover{color:#fff}
.footer-nav a span{color:#4d9aff;font-size:17px;margin-left:5px}
.footer-contact{display:flex;flex-direction:column;gap:9px}
.footer-contact>span{
  color:#66809b;font-size:9px;font-weight:800;letter-spacing:1.6px;
  margin-bottom:2px
}
.footer-bottom{
  max-width:1260px;
  margin:0 auto;
  min-height:61px;
  padding:0;
  border-top:1px solid #25313b;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#667580;
  font-size:10px;
  letter-spacing:.25px
}
.footer-bottom div{display:flex;gap:24px}
.footer-bottom a{color:#778691;text-decoration:none}
.footer-bottom a:hover{color:#fff}
@media(max-width:750px){
  .footer-main{grid-template-columns:1fr;gap:32px;padding:42px 0}
  .footer-bottom{min-height:80px;display:block;padding:20px 0}
  .footer-bottom div{margin-top:12px;gap:18px}
}

.footer-instagram{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  margin-top:8px;
  color:#c8d1d9!important;
}
.footer-instagram svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.footer-instagram .instagram-dot{fill:currentColor;stroke:none}
.footer-instagram:hover{color:#fff!important}

/* V1.18 — Header + Hero polish */
:root{
  --yp-blue:#176fe8;
  --yp-ink:#101a22;
  --yp-muted:#697987;
}
.polished-header{
  height:78px;
  padding:0 4.5%;
  box-sizing:border-box;
  position:fixed;
  inset:0 0 auto 0;
  z-index:1000;
  display:flex;
  align-items:center;
  gap:40px;
  background:rgba(255,255,255,.91);
  border-bottom:1px solid rgba(211,222,233,.72);
  backdrop-filter:blur(16px);
}
.polished-header .brand{
  color:var(--yp-ink);
  text-decoration:none;
  font-size:21px;
  line-height:1;
  font-weight:850;
  letter-spacing:3px;
  white-space:nowrap;
}
.polished-header .brand span{color:var(--yp-blue)}
.polished-header .main-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:31px;
}
.polished-header .main-nav a{
  position:relative;
  color:#506170;
  text-decoration:none;
  font-size:11px;
  font-weight:750;
  letter-spacing:.45px;
  padding:31px 0;
}
.polished-header .main-nav a:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:22px;height:1px;
  background:var(--yp-blue);
  transition:right .2s ease;
}
.polished-header .main-nav a:hover{color:var(--yp-ink)}
.polished-header .main-nav a:hover:after{right:0}
.header-cta{
  color:#fff;
  background:var(--yp-blue);
  text-decoration:none;
  padding:12px 16px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.45px;
  transition:transform .18s ease,background .18s ease;
  white-space:nowrap;
}
.header-cta span{font-size:16px;margin-left:6px}
.header-cta:hover{background:#0d5fcf;transform:translateY(-1px)}

.polished-hero{
  min-height:calc(100vh - 78px);
  margin-top:78px;
  position:relative;
  overflow:hidden;
  background:#f8fafc;
  display:flex;
  align-items:center;
  padding:76px 4.5% 86px;
  box-sizing:border-box;
}
.hero-grid{
  position:absolute;
  inset:0;
  opacity:.45;
  background:
    linear-gradient(rgba(49,92,133,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,92,133,.055) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,black 0%,black 55%,transparent 92%);
}
.hero-copy{
  position:relative;
  z-index:3;
  width:min(650px,52vw);
  margin-left:4%;
}
.hero-kicker{
  margin:0 0 18px;
  color:var(--yp-blue);
  font-size:10px;
  font-weight:850;
  letter-spacing:1.65px;
}
.polished-hero h1{
  margin:0;
  color:var(--yp-ink);
  font-size:clamp(62px,7.2vw,104px);
  line-height:.91;
  letter-spacing:-5px;
  font-weight:850;
}
.polished-hero h1 span{color:var(--yp-blue)}
.hero-lead{
  max-width:530px;
  margin:27px 0 0;
  color:#667684;
  font-size:16px;
  line-height:1.65;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:32px;
}
.hero-primary,.hero-secondary{
  text-decoration:none;
  font-size:11px;
  font-weight:850;
}
.hero-primary{
  padding:13px 17px;
  background:var(--yp-blue);
  color:#fff;
}
.hero-primary b{font-size:16px;margin-left:8px}
.hero-secondary{color:#4d5f6e}
.hero-secondary b{color:var(--yp-blue);font-size:16px;margin-left:7px}
.hero-meta{
  margin-top:58px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#8a98a5;
  font-size:8px;
  font-weight:800;
  letter-spacing:1.2px;
}
.hero-meta i{width:70px;height:1px;background:#cbd7e2}

.hero-model{
  position:absolute;
  width:min(620px,46vw);
  height:min(620px,46vw);
  right:4%;
  top:50%;
  transform:translateY(-48%);
  z-index:2;
}
.model-glow{
  position:absolute;
  width:76%;height:76%;
  left:12%;top:12%;
  border-radius:50%;
  background:radial-gradient(circle,#dfeeff 0%,rgba(223,238,255,.42) 34%,transparent 69%);
  filter:blur(4px);
}
.model-ring{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(47,107,170,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.ring-a{width:78%;height:78%;animation:slowSpin 30s linear infinite}
.ring-b{width:55%;height:55%;border-style:dashed;animation:slowSpinReverse 22s linear infinite}
.model-y{
  position:absolute;
  left:50%;top:50%;
  width:55%;height:64%;
  transform:translate(-50%,-50%);
  animation:modelRotate 18s linear infinite;
  transform-style:preserve-3d;
}
.y-solid{
  position:absolute;
  inset:0;
  background:linear-gradient(125deg,#566673 0%,#26343e 47%,#121d25 100%);
  clip-path:polygon(11% 0,38% 0,50% 27%,62% 0,89% 0,63% 45%,63% 100%,37% 100%,37% 45%);
  border-radius:3px;
  box-shadow:18px 25px 42px rgba(25,46,62,.22);
  transform:perspective(700px) rotateX(3deg) rotateY(-13deg);
}
.y-wire{
  position:absolute;
  inset:-1px;
  opacity:.72;
  clip-path:polygon(11% 0,38% 0,50% 27%,62% 0,89% 0,63% 45%,63% 100%,37% 100%,37% 45%);
  background:
    linear-gradient(90deg,transparent 48%,#72a7da 49%,#72a7da 51%,transparent 52%),
    linear-gradient(0deg,transparent 48%,#72a7da 49%,#72a7da 51%,transparent 52%);
  mix-blend-mode:screen;
}
.y-wire span{
  position:absolute;display:block;border:1px solid rgba(133,188,239,.72);
}
.y-wire span:nth-child(1){left:10%;top:2%;width:80%;height:0}
.y-wire span:nth-child(2){left:37%;top:45%;width:26%;height:52%}
.y-wire span:nth-child(3){left:11%;top:2%;width:27%;height:44%;transform:skewX(25deg)}
.y-wire span:nth-child(4){right:11%;top:2%;width:27%;height:44%;transform:skewX(-25deg)}
.model-dimension{
  position:absolute;color:#4b7ba7;font-size:8px;font-weight:800;letter-spacing:.6px
}
.model-dimension:before,.model-dimension:after{
  content:"";position:absolute;background:#79a6ce
}
.dim-x{left:12%;right:12%;top:21%;text-align:center}
.dim-x:before{left:0;right:0;top:11px;height:1px}
.dim-x:after{left:0;top:7px;width:1px;height:9px;box-shadow:100% 0 #79a6ce}
.dim-y{right:5%;top:39%;writing-mode:vertical-rl}
.dim-y:before{left:-9px;top:0;bottom:0;width:1px}
.model-axis{position:absolute;background:#5d89af;opacity:.5}
.axis-x{width:120px;height:1px;left:8%;top:74%}
.axis-y{height:110px;width:1px;right:18%;top:21%}
.model-note{
  position:absolute;color:#7691a9;font-size:8px;font-weight:800;letter-spacing:1px
}
.note-a{left:7%;bottom:15%}
.note-b{right:7%;top:18%}
@keyframes modelRotate{0%{transform:translate(-50%,-50%) rotateY(0deg)}100%{transform:translate(-50%,-50%) rotateY(360deg)}}
@keyframes slowSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes slowSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.hero-bottomline{
  position:absolute;left:4.5%;right:4.5%;bottom:25px;
  display:flex;justify-content:space-between;
  color:#7e8d9a;font-size:8px;font-weight:850;letter-spacing:1.45px;
}
.hero-bottomline b{color:var(--yp-blue);font-size:13px;margin-left:5px}

@media(max-width:850px){
  .polished-header{height:68px;gap:18px}
  .polished-header .main-nav{gap:15px}
  .polished-header .main-nav a{font-size:9px}
  .polished-hero{margin-top:68px;min-height:calc(100vh - 68px);padding-top:55px}
  .hero-copy{width:60%;margin-left:0}
  .hero-model{width:48vw;height:48vw;right:-3%;opacity:.86}
  .polished-hero h1{letter-spacing:-3px}
}
@media(max-width:620px){
  .polished-header{padding:0 20px}
  .polished-header .main-nav{display:none}
  .header-cta{margin-left:auto}
  .polished-hero{padding:46px 20px 85px;display:block}
  .hero-copy{width:100%;position:relative;z-index:4}
  .polished-hero h1{font-size:64px;letter-spacing:-3.5px}
  .hero-lead{font-size:14px;max-width:420px}
  .hero-model{width:92vw;height:92vw;right:-24%;top:57%;opacity:.48}
  .hero-actions{gap:16px}
  .hero-bottomline{left:20px;right:20px}
  .hero-bottomline span:first-child{max-width:190px}
}

/* V1.19 — swappable 3D hero placeholder */
.hero-model-slot{
  --model-rotation-duration:18s;
  --model-opacity:1;
}
.model-placeholder{
  position:absolute;
  left:50%;top:50%;
  width:55%;height:64%;
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
  animation:modelRotate var(--model-rotation-duration) linear infinite;
}
.placeholder-y{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.placeholder-y-solid{
  position:absolute;
  inset:0;
  background:linear-gradient(125deg,#566673 0%,#26343e 47%,#121d25 100%);
  clip-path:polygon(11% 0,38% 0,50% 27%,62% 0,89% 0,63% 45%,63% 100%,37% 100%,37% 45%);
  border-radius:3px;
  box-shadow:18px 25px 42px rgba(25,46,62,.22);
  transform:perspective(700px) rotateX(3deg) rotateY(-13deg);
}
.placeholder-y-wire{
  position:absolute;
  inset:-1px;
  opacity:.72;
  clip-path:polygon(11% 0,38% 0,50% 27%,62% 0,89% 0,63% 45%,63% 100%,37% 100%,37% 45%);
  background:
    linear-gradient(90deg,transparent 48%,#72a7da 49%,#72a7da 51%,transparent 52%),
    linear-gradient(0deg,transparent 48%,#72a7da 49%,#72a7da 51%,transparent 52%);
  mix-blend-mode:screen;
}
.placeholder-y-wire span{
  position:absolute;display:block;border:1px solid rgba(133,188,239,.72);
}
.placeholder-y-wire span:nth-child(1){left:10%;top:2%;width:80%;height:0}
.placeholder-y-wire span:nth-child(2){left:37%;top:45%;width:26%;height:52%}
.placeholder-y-wire span:nth-child(3){left:11%;top:2%;width:27%;height:44%;transform:skewX(25deg)}
.placeholder-y-wire span:nth-child(4){right:11%;top:2%;width:27%;height:44%;transform:skewX(-25deg)}
.placeholder-label{
  position:absolute;
  left:50%;bottom:-25px;
  transform:translateX(-50%);
  color:#8197aa;
  font-size:7px;
  font-weight:800;
  letter-spacing:1.3px;
  white-space:nowrap;
}

/* V1.20 — polished entry section */
.polished-entry{
  padding:126px 4.5% 116px;
  background:#f7f9fc;
  border-top:1px solid #e5edf4;
}
.polished-entry .entry-inner{max-width:1260px}
.entry-intro{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:80px;
  align-items:end;
  margin-bottom:56px;
}
.entry-eyebrow{
  margin:0 0 14px;
  color:#176fe8;
  font-size:10px;
  font-weight:850;
  letter-spacing:1.8px;
}
.entry-intro h2{
  margin:0;
  font-size:clamp(42px,5.2vw,68px);
  line-height:.98;
  letter-spacing:-2.8px;
  color:#101a22;
}
.entry-intro h2 span{color:#176fe8}
.entry-intro>p{
  max-width:470px;
  margin:0 0 3px;
  color:#697987;
  font-size:15px;
  line-height:1.7;
}
.polished-entry-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}
.polished-entry-card{
  min-height:510px;
  padding:20px;
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe5ee;
  box-sizing:border-box;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.polished-entry-card:hover{
  transform:translateY(-6px);
  border-color:#a9c7e8;
  box-shadow:0 22px 50px rgba(23,50,76,.10);
}
.featured-entry{border-color:#c5d9ee}
.entry-number{
  position:absolute;
  top:19px;left:20px;
  color:#176fe8;
  font-size:9px;
  font-weight:850;
  letter-spacing:1px;
  z-index:3;
}
.entry-visual{
  height:215px;
  position:relative;
  overflow:hidden;
  margin-bottom:25px;
  background:#f3f7fa;
  border:1px solid #e1e9f0;
}
.entry-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(61,111,158,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(61,111,158,.07) 1px,transparent 1px);
  background-size:27px 27px;
}
.visual-label{
  position:absolute;
  left:13px;bottom:11px;
  color:#7a91a6;
  font-size:7px;
  font-weight:850;
  letter-spacing:1.2px;
}
.crosshair{
  position:absolute;width:13px;height:13px;
  border-left:1px solid #7da5c9;border-top:1px solid #7da5c9;
}
.c1{left:18px;top:18px}.c2{right:18px;bottom:18px;transform:rotate(180deg)}
.idea-circle{
  position:absolute;left:50%;top:50%;
  width:86px;height:86px;
  border:2px solid #283843;border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 14px rgba(23,111,232,.05);
}
.idea-circle:after{
  content:"";position:absolute;inset:12px;border:1px dashed #6e9dcc;border-radius:50%
}
.idea-line{
  position:absolute;left:50%;top:50%;
  width:135px;height:1px;background:#176fe8;
  transform-origin:left center;
}
.idea-line.l1{transform:rotate(26deg)}
.idea-line.l2{transform:rotate(-38deg);opacity:.45}
.part-body{
  position:absolute;left:50%;top:50%;
  width:115px;height:70px;
  transform:translate(-50%,-50%) perspective(450px) rotateX(52deg) rotateZ(-8deg);
  background:linear-gradient(145deg,#667681,#25343e);
  border:1px solid #17252e;
  border-radius:9px;
  box-shadow:15px 22px 28px rgba(30,50,64,.18)
}
.part-hole{
  position:absolute;left:50%;top:50%;
  width:30px;height:30px;border-radius:50%;
  transform:translate(-50%,-50%);
  background:#f3f7fa;border:5px solid #374953;
  box-shadow:inset 0 0 0 2px #17252e
}
.part-dimension{
  position:absolute;color:#5483ac;font-size:7px;font-weight:800;
}
.d1{left:21%;top:34%}.d2{right:19%;bottom:29%}
.visual-cad .cad-y{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-51%);
  color:#273640;font-size:116px;font-family:Arial,sans-serif;
  font-weight:850;line-height:1;
  text-shadow:10px 12px 25px rgba(30,50,64,.11)
}
.cad-line{position:absolute;background:#176fe8;height:1px;opacity:.7}
.cl1{width:85%;left:7%;top:50%}.cl2{width:1px;height:78%;left:50%;top:11%}.cl3{width:65%;right:8%;top:25%;transform:rotate(32deg)}
.entry-card-content{position:relative;padding-right:26px}
.entry-type{
  margin:0 0 9px;
  color:#7b8b99;
  font-size:8px;
  font-weight:850;
  letter-spacing:1.15px;
}
.entry-card-content h3{
  margin:0 0 12px;
  color:#14212a;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.8px;
}
.entry-card-content>p:last-child{
  margin:0;
  color:#6c7b88;
  font-size:13px;
  line-height:1.6;
}
.entry-arrow{
  position:absolute;
  right:20px;bottom:19px;
  width:31px;height:31px;
  display:grid;place-items:center;
  color:#176fe8;text-decoration:none;
  border:1px solid #d4e1ec;
  font-size:17px;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.entry-arrow:hover{background:#176fe8;color:#fff;border-color:#176fe8}
.entry-bottom{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:20px;
  align-items:center;
  margin-top:24px;
  color:#7d8c99;
  font-size:11px;
}
.entry-bottom-line{height:1px;background:#d7e1ea}
.entry-bottom a{color:#176fe8;text-decoration:none;font-weight:850}
.entry-bottom a b{font-size:16px;margin-left:5px}
@media(max-width:900px){
  .entry-intro{grid-template-columns:1fr;gap:20px}
  .polished-entry-cards{grid-template-columns:1fr}
  .polished-entry-card{min-height:430px}
  .entry-visual{height:190px}
}
@media(max-width:600px){
  .polished-entry{padding:86px 20px 85px}
  .entry-intro h2{letter-spacing:-2px}
  .entry-bottom{grid-template-columns:1fr;gap:10px}
  .entry-bottom-line{display:none}
}