/* Mobile composition keeps the desktop art direction at a readable scale. */
.ir-mobile-proof{display:none}

@media(max-width:1000px){
  .ir-hero-pin{height:auto;min-height:0;max-height:none;overflow:hidden}
  .ir-hero-material{position:relative;left:auto;top:0;width:calc(100% - 32px);height:auto;min-height:430px;margin:0 auto;padding:54px 18px 36px;transform:none;transform-origin:center;border-radius:10px;display:grid;place-items:center;isolation:isolate}
  .ir-hero-material .ir-desktop-menubar,.ir-hero-material .ir-hero-collaboration,.ir-hero-material .ir-hero-dock{display:none!important}
  .ir-hero-material .ir-network-window{position:absolute;left:50%;top:-68px;width:620px;height:540px;max-height:none;margin:0;transform:translateX(-50%);border:0;border-radius:0;background:transparent;box-shadow:none;z-index:0;pointer-events:none;overflow:visible}
  .ir-hero-material .ir-network-screen{height:100%;border-radius:0;background:transparent;overflow:visible}
  .ir-hero-material .ir-window-chrome,.ir-hero-material .ir-window-name,.ir-hero-material .ir-network-label,.ir-hero-material .ir-network-center,.ir-hero-material .ir-network-answer,.ir-hero-material .ir-network-caption{display:none!important}
  .ir-hero-material .ir-network{opacity:.82}
  .ir-hero-material .ir-hero-phone{display:block;left:-44px;top:51px;width:146px;height:274px;border:1px solid #dacebf;border-radius:22px;background:linear-gradient(130deg,#fffdf9,#f9efe3);box-shadow:0 12px 25px #8e593312;transform:rotate(-9deg)!important;opacity:.68!important;z-index:1;pointer-events:none}
  .ir-hero-material .ir-hero-phone>*{display:none}
  .ir-hero-material .ir-hero-phone:before{content:"";position:absolute;left:50%;top:11px;width:40px;height:7px;transform:translateX(-50%);border-radius:8px;background:#ded3c3}
  .ir-hero-material .ir-hero-phone:after{content:"";position:absolute;left:18px;right:18px;top:50px;height:142px;border-radius:7px;background:linear-gradient(#e9ddcc,#e9ddcc) 12px 20px/56px 3px no-repeat,linear-gradient(#eee6db,#eee6db) 12px 37px/72px 3px no-repeat,linear-gradient(#eee6db,#eee6db) 12px 50px/56px 3px no-repeat,#ffffffb8}
  .ir-hero-material .ir-hero-record{display:block;left:auto;right:-107px;top:112px;width:206px;height:235px;border:1px solid #e0cdbb;border-radius:13px;background:linear-gradient(135deg,#fcf6ed,#f0dfcb);box-shadow:0 12px 28px #75482c10;transform:rotate(8deg)!important;opacity:.8!important;z-index:1;pointer-events:none}
  .ir-hero-material .ir-hero-record>*{display:none}
  .ir-hero-material .ir-hero-record:before{content:"";position:absolute;inset:0 0 auto;height:25px;border-bottom:1px solid #e5d7c5;background:#f5ebdc}
  .ir-hero-material .ir-hero-record:after{content:"";position:absolute;left:20px;right:20px;top:57px;height:108px;background:linear-gradient(#d1b999,#d1b999) 0 0/80px 3px no-repeat,linear-gradient(#e0cfb7,#e0cfb7) 0 20px/125px 3px no-repeat,linear-gradient(#e0cfb7,#e0cfb7) 0 40px/97px 3px no-repeat,linear-gradient(#e0cfb7,#e0cfb7) 0 73px/118px 3px no-repeat}
  .ir-mobile-proof{display:block;position:relative;z-index:3;width:100%;max-width:434px;margin:0;background:#fff;border:1px solid #e6ddd2;border-radius:12px;box-shadow:0 2px 4px #78451f0b,0 16px 32px #7e442423,0 1px 0 #ffffffc9 inset;overflow:hidden;font-family:var(--body);text-align:left;color:#242321}
  .ir-mobile-proof-bar{height:45px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffcf8;border-bottom:1px solid #ece6dc}
  .ir-mobile-proof-brand{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;letter-spacing:-.035em;font-weight:600;color:#252525}
  .ir-mobile-proof-brand>.ypm-app-mark{width:24px;height:24px;flex:none}.ir-mobile-proof-demo{display:flex;align-items:center;gap:6px;font-size:12px;color:#6d6256;white-space:nowrap}
  .ir-mobile-proof-demo:before{content:"";width:5px;height:5px;border-radius:50%;background:#cf9e70}
  .ir-mobile-proof-question{padding:19px 20px 18px;background:linear-gradient(145deg,#faf8f5,#fffdfb);border-bottom:1px solid #eee8df}
  .ir-mobile-proof-question>span{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:#706456}
  .ir-mobile-proof-question>span svg{width:16px;height:16px}
  .ir-mobile-proof-question>p{font-size:18px;line-height:1.45;font-weight:500;letter-spacing:-.02em;margin-top:9px;text-wrap:pretty}
  .ir-mobile-proof-fact{padding:19px 20px 21px}
  .ir-mobile-proof-state{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:#4e6755}
  .ir-mobile-proof-state svg{width:20px;height:20px;padding:2px;border-radius:50%;background:#e6eee6}
  .ir-mobile-proof-fact h3{font-family:var(--body);font-size:21px;line-height:1.35;letter-spacing:-.03em;font-weight:600;color:#272623;margin:10px 0 11px;text-wrap:pretty}
  .ir-mobile-proof-fact>p{font-size:14px;line-height:1.65;color:#70665b;margin:0;text-wrap:pretty}
  .ir-mobile-proof-source{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid #eee7dd;background:#fcfaf7;font-size:12px;line-height:1.5;color:#706455}
  .ir-mobile-proof-source svg{width:16px;height:16px;color:#607e92}
}

@media(min-width:600px) and (max-width:1000px){
  .ir-hero-material{width:calc(100% - 48px);padding:60px 24px 42px;min-height:460px}
  .ir-hero-material .ir-network-window{top:-55px;width:800px;height:600px}
  .ir-hero-material .ir-hero-phone{left:calc(50% - 288px);top:66px;width:169px;height:302px}
  .ir-hero-material .ir-hero-record{right:calc(50% - 301px);top:142px;width:218px;height:221px}
  .ir-mobile-proof-question>p{font-size:20px}
  .ir-mobile-proof-fact h3{font-size:23px}
  .ir-mobile-proof-fact>p{font-size:15px}
}

@media(max-width:370px){
  .ir-hero-material{width:calc(100% - 24px);padding:42px 12px 30px;min-height:430px}
  .ir-mobile-proof-bar{padding-inline:16px}
  .ir-mobile-proof-question{padding:17px 16px 16px}
  .ir-mobile-proof-question>p{font-size:17px;line-height:1.45}
  .ir-mobile-proof-fact{padding:17px 16px 19px}
  .ir-mobile-proof-fact h3{font-size:19px;line-height:1.4}
  .ir-mobile-proof-source{padding:11px 16px}
}

@media(prefers-reduced-motion:reduce) and (max-width:1000px){
  .ir-hero-pin{height:auto}
  .ir-hero-material{height:auto;transform:none}
  .ir-hero-material .ir-network-window{transform:translateX(-50%)}
}

/* English needs an additional text line; trade backdrop space, not type size. */
@media(max-width:599px){
  html[lang=en] .ir-hero-material{padding-top:32px;padding-bottom:24px}
}
@media(min-width:600px) and (max-width:1000px){
  html[lang=en] .ir-hero-material{padding-top:54px;padding-bottom:36px}
}

/* Bring the product illustration forward without compressing its readable proof. */
@media(max-width:599px){
  .ir-home{padding-top:20px}
  .ir-hero-actions{gap:8px}
  .ir-hero-actions .button.secondary{min-height:44px;padding-block:10px}
  .ir-hero-stage{margin-top:24px}
  html[lang=en] .ir-hero-copy h1{line-height:1.05}
  .ir-mobile-motion{padding-inline:10px;border-radius:7px;color:#6c7168;transition:background .18s ease,color .18s ease}
  .ir-mobile-motion:hover{color:#a44c31;background:#f5eee4}
  .ir-mobile-motion:focus-visible{outline:2px solid #a44c31;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){.ir-mobile-motion{transition:none}}