.planning-prototype{display:none}
.planning-mobile{display:none}

@media(min-width:981px){
  html{scroll-snap-type:y mandatory}
  body{overflow-y:auto;background:#eef6ff}
  body>.site-header,.planning-mobile{display:none}
  .planning-prototype{display:block}
  .prototype-screen{position:relative;width:100%;height:100svh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#f5faff}
  .prototype-screen>img{display:block;width:100%;height:100%;object-fit:fill;user-select:none}
  .prototype-nav{position:fixed;z-index:40;left:0;right:0;top:0;height:6.3svh;pointer-events:none}
  .prototype-nav a,.prototype-screen>a{position:absolute;z-index:3;display:block;overflow:hidden;color:transparent;font-size:0;border-radius:6px;pointer-events:auto}
  .prototype-nav a:hover,.prototype-screen>a:hover{background:rgba(10,103,224,.055);box-shadow:inset 0 0 0 1px rgba(10,103,224,.16)}
  .prototype-nav a:focus-visible,.prototype-screen>a:focus-visible{outline:3px solid #fe4b00;outline-offset:2px;background:rgba(255,255,255,.28)}
  .prototype-brand{left:3.6%;top:8%;width:17.2%;height:86%}
  .prototype-home{left:21.7%;top:8%;width:4.2%;height:86%}
  .prototype-apos{left:27.6%;top:8%;width:6.1%;height:86%}
  .prototype-solutions{left:35.1%;top:8%;width:5.9%;height:86%}
  .prototype-practice{left:42.2%;top:8%;width:8.7%;height:86%}
  .prototype-trust{left:51.6%;top:8%;width:7.1%;height:86%}
  .prototype-about{left:59.3%;top:8%;width:7.4%;height:86%}
  .prototype-contact{left:89.1%;top:8%;width:8.2%;height:86%}
  .screen-one-primary{left:3.05%;top:55.25%;width:16.7%;height:6.35%}
  .screen-one-secondary{left:20.48%;top:55.25%;width:14.8%;height:6.35%}
  .final-demo{left:31.75%;top:89.65%;width:11.85%;height:5.25%}
  .final-scenario{left:44.35%;top:89.65%;width:11.4%;height:5.25%}
  .final-contact{left:56.45%;top:89.65%;width:11.8%;height:5.25%}
}

@media(max-width:980px){
  .planning-prototype{display:none}
  .planning-mobile{display:block;background:#f6f9fc}
  .mobile-hero{padding:54px var(--side) 42px;background:linear-gradient(135deg,#fff 0%,#fff 60%,#edf6ff 100%)}
  .mobile-eyebrow{margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#52719b;font-size:13px;letter-spacing:.04em}
  .mobile-eyebrow::before{content:"";width:3px;height:16px;background:#0b6fe6}.mobile-eyebrow span{height:13px;border-left:1px solid #a5b4c6}
  .mobile-hero h1{max-width:760px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(34px,7vw,54px);line-height:1.28;letter-spacing:-.03em}
  .mobile-lead{max-width:680px;margin:22px 0 0;color:#56739a;font-size:17px;line-height:1.8}
  .mobile-workbench{margin:0 var(--side);padding:18px;border:1px solid #bed6eb;border-radius:16px;background:linear-gradient(145deg,#0c1d32,#152a40);box-shadow:0 22px 50px rgba(4,32,70,.18);color:#fff}
  .mobile-workbench>header{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
  .mobile-workbench>header b,.mobile-workbench>header small{display:block}.mobile-workbench>header b{font-size:18px}.mobile-workbench>header small{margin-top:4px;color:#9eb0c4;font-size:12px}.mobile-workbench>header>span{padding:7px 12px;border:1px solid rgba(255,255,255,.17);border-radius:20px;color:#bcd9f7;font-size:12px}
  .metric-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric-grid article{min-height:135px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.055)}
  .metric-grid b,.metric-grid small{display:block}.metric-grid b{margin-top:8px;font-size:15px}.metric-grid small{margin-top:3px;color:#9eb0c4;font-size:11px}.metric{display:block;width:24px;height:24px;border:6px solid #ff6a22;border-radius:50%;opacity:.9}.metric.supply{border-color:#4bc68b}.metric.stock{border-color:#b7c3d0}.metric.capacity{border-color:#ff8a55}
  .bars{height:38px;margin-top:13px;display:flex;align-items:end;gap:8px;border-bottom:1px solid rgba(255,255,255,.16)}.bars em{width:14%;height:42%;background:#64a9df}.bars em:nth-child(2){height:67%}.bars em:nth-child(3){height:88%}.bars.green em{background:#4eaf84}.bars.gray em{background:#8495a9}.trend{position:relative;height:34px;margin-top:16px;display:block;border-bottom:1px solid rgba(255,255,255,.16)}.trend::before{content:"";position:absolute;left:3%;right:3%;top:12px;height:2px;background:#ff6a22;transform:skewY(-9deg);box-shadow:32px 8px 0 -1px #ff6a22}
  .workbench-lists{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.workbench-lists article{padding:15px;border-radius:9px;background:#f8fbff;color:#0b2149}.workbench-lists b{font-size:15px}.workbench-lists p{margin:8px 0;color:#ff5b16;font-size:12px}.workbench-lists span{color:#6b7e98;font-size:11px;line-height:1.5}
  .capability-section{padding:58px var(--side)}.capability-section>header p{margin:0;color:#1c6dd4;font-size:12px;letter-spacing:.18em}.capability-section h2{margin:8px 0 24px;font-size:28px}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.capability-grid article{position:relative;min-height:168px;padding:22px;border:1px solid #cfdfed;border-radius:10px;background:#fff}.capability-grid article>span{position:absolute;right:16px;top:12px;color:#b9cae0;font-size:24px;font-weight:300}.capability-grid h3{margin:36px 0 10px;font-size:18px}.capability-grid p{margin:0;color:#647c9f;font-size:14px;line-height:1.75}
  .mobile-closure{padding:52px var(--side) 62px;background:linear-gradient(120deg,#edf6ff,#fff)}.mobile-closure h2{margin:0;max-width:780px;font-size:28px;line-height:1.5}.mobile-closure p{margin:12px 0 28px;color:#60799d;line-height:1.7}.mobile-closure>div{display:flex;gap:12px}.mobile-closure a{min-width:160px;height:46px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #1a6dd3;border-radius:6px;color:#0b55bd;background:#fff;font-weight:600}.mobile-closure a:first-child{color:#fff;background:#0a55a9}
}

@media(max-width:600px){
  .mobile-hero{padding-top:42px}.mobile-eyebrow{align-items:flex-start;flex-wrap:wrap}.mobile-hero h1{font-size:34px}.mobile-lead{font-size:15px}
  .mobile-workbench{margin-inline:14px;padding:14px}.metric-grid,.workbench-lists,.capability-grid{grid-template-columns:1fr}.metric-grid article{min-height:125px}.capability-section{padding-top:46px}.capability-grid article{min-height:150px}.mobile-closure>div{flex-direction:column}.mobile-closure a{width:100%}
}