/* 21.10.2026 — новая итерация только основного десктопа.
   Отдельный слой; существующие адаптивные правила не меняются.
   Источники и замеры: design/analysis/motion-references-2026-10-21/notes.md */
.desktop-motion{display:none}

@media(min-width:1200px){
  /* Примерка после отклонения Unbounded: Geologica, 21.10.2026. */
  :root{--display:'Geologica',system-ui,sans-serif}
  :root[data-type-preview="golos"]{--display:'Golos Text',system-ui,sans-serif}
  :root[data-type-preview="plex"]{--display:'IBM Plex Sans',system-ui,sans-serif}

  .motion-ready .desktop-motion{display:block}
  .motion-ready .access>.wrap,.motion-ready .tech-sheet{display:none}
  .motion-kicker{font:400 12px/1.4 var(--text);letter-spacing:.1em;text-transform:uppercase}

  /* Цельная схема: телефон, устройство и явно подключаемое облако. */
  .motion-ready .access{padding:104px 0 150px;position:relative}
  .privacy-panel{width:min(var(--wrap),100% - 2*var(--pad));margin:auto;background:#12161c;position:relative;border-radius:12px;overflow:hidden}
  .motion-ready .privacy-panel{display:grid;grid-template-columns:490px 1fr;min-height:560px}
  .privacy-copy{padding:56px 0 56px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}
  .privacy-copy h2{font-size:36px;line-height:1.22;letter-spacing:-.035em;text-wrap:nowrap}
  .privacy-intro{font-size:18px;line-height:1.6;margin-top:24px;color:#aeb6c2}
  .privacy-modes{position:relative;display:grid;grid-template-columns:1fr 1fr;width:302px;height:48px;gap:4px;padding:4px;margin-top:36px;background:#252c36;border-radius:8px;isolation:isolate}
  .privacy-modes::before{content:"";position:absolute;left:4px;top:4px;width:calc(50% - 6px);height:40px;background:#e5e9ee;border-radius:5px;z-index:-1;transition:transform .45s var(--ease-out)}
  .is-cloud .privacy-modes::before{transform:translateX(calc(100% + 4px))}
  .privacy-modes button{padding:0;border:0;border-radius:5px;background:transparent;font:400 16px/1 var(--text);color:#aeb7c4;cursor:pointer;transition:color .35s}
  .privacy-modes button[aria-selected=true]{color:#18202a}
  .privacy-modes button:hover:not([aria-selected=true]){color:#f3f5f8}
  .privacy-visual{position:relative;overflow:hidden;min-height:560px}
  .privacy-canvas{position:absolute;width:100%;height:100%;inset:0;z-index:1}
  .privacy-fallback{position:absolute;height:66%;width:auto;left:49%;top:17%;transform:translateX(-50%);opacity:.5}
  .privacy-visual.is-drawn .privacy-fallback{visibility:hidden}
  .privacy-node-label{position:absolute;z-index:2;top:74%;transform:translateX(-50%);color:#9facbe;font:400 16px/1.4 var(--text);white-space:nowrap}
  .privacy-node-label--phone{left:13%}
  .privacy-node-label--cloud{left:84%;opacity:.35;transition:opacity .45s}
  .is-cloud .privacy-node-label--cloud{opacity:1}

  /* Content Architecture: край светлого поля рассыпается на знаки. */
  .motion-ready .tech,.motion-ready .compare{position:relative}
  .motion-seam{position:absolute;top:-80px;left:0;width:100%;height:96px;z-index:2;pointer-events:none}
  .motion-ready .tech{padding-top:70px;padding-bottom:140px}
  .motion-ready .tech h2{margin-bottom:64px;font-size:40px}

  /* Square Pricing: один масштаб, небольшое движение, постоянное место управления. */
  .motion-ready .product-gallery{display:grid;grid-template-columns:1.12fr 1fr;gap:82px;align-items:stretch}
  .gallery-stage{height:588px;position:relative;isolation:isolate;overflow:hidden;background:#dedee1;border-radius:12px}
  .gallery-stage::before{content:"";position:absolute;inset:0;background:#e6e6e8}
  .gallery-slide{position:absolute;inset:0;opacity:0;transform:translateX(3%);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);pointer-events:none}
  .gallery-slide.is-active{opacity:1;transform:translateX(0);z-index:1}
  .gallery-slide.is-leaving{transform:translateX(-3%)}
  .gallery-render{position:absolute;max-width:none;width:auto;height:510px;top:16px;left:50%}
  .gallery-render--angle{transform:translateX(-79%);clip-path:inset(0 0 0 63.8%)}
  .gallery-render--back{transform:translateX(-50%);clip-path:inset(0 37.4% 0 37.4%)}
  .gallery-render--front{transform:translateX(-22.6%);clip-path:inset(0 64% 0 8%)}
  .gallery-controls{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:0;border-radius:40px;padding:4px;background:transparent}
  .gallery-controls button{padding:0;border:0;background:transparent;cursor:pointer;color:#343941;display:grid;place-items:center;height:36px;width:36px;border-radius:50%;transition:background .35s ease,transform .35s ease}
  .gallery-controls button:focus-visible{outline-color:#192636}
  .gallery-controls button:hover{background:#e0e2e6}
  .gallery-play{width:36px;flex:none}
  .gallery-dots{display:flex;align-items:center;gap:2px;padding:0 4px}
  .gallery-dots button{width:36px}
  .gallery-dots button i{width:7px;height:7px;border-radius:999px;background:#b0b4bc;position:relative;overflow:hidden;transition:width .45s var(--ease-out),background .4s,transform .4s}
  .gallery-dots button:hover i{transform:scale(1.12)}
  .gallery-dots button[aria-pressed=true] i{width:24px;background:#353b46}
  .gallery-dots button[aria-pressed=true] i::after{content:"";position:absolute;inset:0;background:#a5b6cc;transform:scaleX(var(--gallery-progress,0));transform-origin:left}
  .gallery-play{margin-left:2px}
  .gallery-play svg{width:15px;height:15px;fill:currentColor}
  .gallery-copy{padding:42px 24px 48px 0;display:flex;flex-direction:column;align-items:flex-start}
  .gallery-copy .motion-kicker{color:#666d78;margin-bottom:46px}
  .gallery-copy h3{font:300 42px/1.15 var(--display);letter-spacing:-.035em;min-height:49px;text-wrap:nowrap}
  .gallery-description{font-size:20px;line-height:1.6;margin-top:24px;color:#555b65;min-height:64px}
  .gallery-fact{margin-top:auto;padding-top:36px}
  .gallery-fact strong{font:300 64px/1.1 var(--text);letter-spacing:-.04em}
  .gallery-fact strong span{font-size:27px;color:#747b85;letter-spacing:-.02em}
  .gallery-fact p{font-size:16px;line-height:1.6;color:#626873;margin-top:16px;min-height:52px}
  .gallery-copy.is-changing{animation:gallery-copy-in .7s var(--ease-out) both}
  @keyframes gallery-copy-in{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}

  /* Raycast: крупный кадр + модули данных, одна сетка и одно скругление. */
  .motion-ready .hardware-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:246px 246px;gap:16px;margin-top:56px}
  .hardware-card{position:relative;overflow:hidden;border-radius:12px;background:#f4f4f5;padding:28px;color:#242a32}
  .hardware-card h3{font:500 17px/1.3 var(--text);letter-spacing:0}
  .hardware-material{grid-column:1/3;grid-row:1/3;padding:0;color:#f2f2f0;background:#25262a}
  .hardware-material>img{width:100%;height:100%;object-fit:cover;object-position:center 68%;transition:transform 1.3s var(--ease-out)}
  .hardware-material:hover>img{transform:scale(1.035)}
  .hardware-material::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0a0c10a6 80%,#0a0c10e6)}
  .hardware-caption{position:absolute;z-index:1;left:32px;bottom:32px}
  .hardware-caption h3{font-size:23px}
  .hardware-caption p{font-size:16px;color:#c3c7cd;line-height:1.55;margin-top:12px}
  .hardware-memory{grid-column:3/5;display:grid;grid-template-columns:1fr 1.1fr;column-gap:24px;align-items:center}
  .hardware-memory h3{font-weight:400;color:#626975}
  .hardware-memory strong{font:300 66px/1.2 var(--text);letter-spacing:-.04em}
  .hardware-memory p>span{font-size:22px;color:#858b93}
  .memory-map{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}
  .memory-map i{height:10px;background:#d4d7dd;border-radius:1px}
  .memory-map i:nth-child(-n+96){background:#4c5a70}
  .memory-map i:nth-child(-n+96){animation:memory-shimmer 5s ease-in-out infinite;animation-delay:calc(var(--cell)*22ms)}
  .hardware-small{grid-column:1/-1;font-size:14px;color:#747b85;align-self:end}
  @keyframes memory-shimmer{0%,65%,100%{background:#4c5a70}30%{background:#8a9ebd}}
  .hardware-battery,.hardware-system{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
  .hardware-battery h3{font-size:22px;font-weight:400;margin-top:28px;white-space:nowrap}
  .hardware-battery h3 strong{font-weight:400}
  .hardware-battery p,.hardware-system p{font-size:14px;line-height:1.6;color:#747b85;margin-top:10px}
  .battery-drawing{display:flex;gap:4px;position:relative;border:1.5px solid #929dac;border-radius:7px;padding:7px;width:113px;height:45px}
  .battery-drawing::after{content:"";position:absolute;left:100%;width:4px;height:13px;top:14px;background:#929dac;border-radius:0 2px 2px 0}
  .battery-drawing span{flex:1;background:#68788e;border-radius:1px}
  .battery-drawing span:last-child{background:#d7dce3}
  .hardware-system{background:#232931;color:#edf0f5}
  .hardware-system h3{font-size:22px;font-weight:400}
  .hardware-system p{color:#aab2bf}
  .system-mark{font:300 46px/1 var(--text);letter-spacing:-.07em;margin-bottom:30px;display:flex;align-items:center;gap:8px;color:#a9b7cc}
  .system-mark i{width:19px;height:2px;background:#a9b7cc;align-self:flex-end;margin-bottom:5px}
  .motion-ready .tech-specs{max-width:1120px;margin-top:92px}
  /* Заметки принадлежат характеристикам; сравнение и заказ на одном поле. */
  .motion-ready .tech-use{padding:68px 0 0;background:transparent;color:#252b34}
  .motion-ready .tech-use>.wrap{max-width:1120px;width:calc(100% - 2*var(--pad))}
  .tech-use-title{font:400 26px/1.3 var(--text);letter-spacing:-.025em;margin-bottom:36px}
  .motion-ready .tech-notes{gap:36px}
  .motion-ready .tech-notes li{gap:18px}
  .motion-ready .tech-notes .icon{color:#67758a;width:30px;height:30px}
  .motion-ready .tech-notes h3{font-size:17px;margin-bottom:10px;text-wrap:nowrap}
  .motion-ready .tech-notes p{color:#626873;font-size:15px;line-height:1.6}
  .motion-ready .tech-meet{display:none}
  .motion-ready .compare,.motion-ready .order,.motion-ready .faq,.motion-ready .cmp-head{background:var(--bg-2)}
  .motion-ready .compare{padding-top:92px}
  .meet-answer .meet-link{margin:0 0 24px;padding-inline:24px;min-height:48px;font-size:15px;display:inline-flex}
  .qa-meet .qa-p p{padding-bottom:20px}
  .qa-meet .meet-link{opacity:0;transform:translateY(-6px);transition:opacity .28s,transform .38s var(--ease-out)}
  .qa-meet.is-open .meet-link{opacity:1;transform:none}

  /* Композиция присланного примера: единый блок, графика слева, светлая форма справа. */
  .motion-ready .order-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-radius:12px;overflow:hidden;background:#f2f2f0}
  .motion-ready .order-info{position:relative;padding:0;gap:0;background:#29313c;isolation:isolate;justify-content:center;min-height:580px}
  .motion-ready .order-info>#order-title,.motion-ready .order-places,.motion-ready .order-steps{display:none}
  .motion-ready .order-pitch{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:580px;height:100%;padding:48px 36px;overflow:hidden}
  .order-pitch-copy{position:relative;z-index:2;width:100%;}
  .order-pitch h2{font:300 38px/1.25 var(--display);letter-spacing:-.035em;position:relative;z-index:2}
  .order-pitch p{font:400 18px/1.65 var(--text);color:#c0c6cf;margin-top:24px;position:relative;z-index:2}
  .order-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
  .motion-ready .order-form{padding:48px;gap:20px;background:#f2f2f0;color:#20242b;border-radius:0;align-content:center}
  .motion-ready .field{gap:0}
  .motion-ready .field>span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .motion-ready .field input{height:58px;padding:0 18px;background:#e7e8e7;border:1px solid transparent;color:#20242b;border-radius:5px;font-size:16px;transition:border-color .25s,background .25s}
  .motion-ready .field input::placeholder{color:#646c77}
  .motion-ready .field input:hover{background:#e0e2e3}
  .motion-ready .field input:focus{border-color:#718197;background:#f8f9f8}
  .motion-ready .field.is-invalid input{border-color:#ba4b40}
  .motion-ready .field .field-err{color:#a13c32;margin-top:8px}
  .motion-ready .check{font-size:14px;line-height:1.5;color:#666d76;margin-top:2px;align-items:center}
  .motion-ready .check input{border-color:#a6adb6;border-radius:3px;margin-top:0}
  .motion-ready .check input:checked::before{background:#252e3b}
  .motion-ready .check.is-invalid{color:#a13c32}
  .motion-ready .order-form .btn{border-radius:5px;min-height:56px;font-size:16px;background:#202833;color:#f2f3f4;padding:17px 24px}
  .motion-ready .order-form .btn:hover{background:#344154}
  .motion-ready .order-form .form-note{font-size:14px;color:#a13c32}
  .motion-ready .faq-topics a{border-radius:12px;overflow:hidden}
  .motion-ready .faq-contact--legacy{display:none}
  .motion-ready .faq-contact--new{display:flex;align-items:center;justify-content:space-between;max-width:none;margin-top:56px;font-size:18px;line-height:1.5}
  .faq-contact--new p{color:#d3d8df}
  .faq-contact--new span{display:block;font-size:16px;color:#8c97a6;margin-top:8px}
  .faq-contact-links{display:flex;align-items:center;gap:32px}
  .motion-ready .faq-contact-links a{font-size:18px;color:#c1cbd9;border:0}

  /* Sharplink: фон независим от мыши; указатель проявляет фактуру букв и узлы сетки. */
  .motion-ready .foot-scene{height:660px;isolation:isolate;background:#0c0e11}
  .motion-ready .foot-scene>img,.motion-ready .foot-scene::after{display:none}
  .footer-field,.footer-symbols{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  .footer-field{z-index:0}
  .footer-symbols{z-index:3}
  .footer-wordmark{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
  .motion-ready .foot-top{top:108px;z-index:4}
  .motion-ready .foot-nav{gap:24px;align-items:flex-start}
  .motion-ready .foot-contact{flex-direction:column;gap:14px;text-align:right;align-items:flex-end}
  .motion-ready .foot a{font-size:15px;line-height:1.2;color:#bdc4cf;border:0;display:inline-block;position:relative;align-self:flex-start}
  .motion-ready .foot-contact a{align-self:flex-end}
  .motion-ready .foot a::after,.motion-ready .faq-contact-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
  .motion-ready .foot a:hover::after,.motion-ready .foot a:focus-visible::after,.motion-ready .faq-contact-links a:hover::after{transform:scaleX(1)}
  .motion-ready .faq-contact-links a{position:relative}
  .motion-ready .foot a:hover{color:#fff}
  .motion-ready .foot-mark{bottom:92px;font-size:clamp(140px,13.5vw,230px);font-weight:300;z-index:2;line-height:1.05;padding-inline:52px;color:#d5dfef;opacity:1}
  .motion-ready .foot-mark span{background:linear-gradient(180deg,#f7faff 5%,#d8e0ed 46%,#8192ad 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
  .motion-ready .foot-scene.is-textured .foot-mark{visibility:hidden;opacity:0}
  .motion-ready .foot-legal{position:relative;margin-top:-40px;z-index:4;padding:0 0 30px;color:#8190a7;font-size:12px}
  .motion-ready .foot{background:#17273b}

  .motion-ready .is-motion-paused .memory-map i{animation-play-state:paused}
}

@media(min-width:1200px) and (prefers-reduced-motion:reduce){
  .gallery-slide,.privacy-modes::before,.privacy-modes button,.privacy-node-label--cloud,.gallery-dots button,.gallery-dots button i,.hardware-material>img{transition:none}
  .gallery-copy.is-changing,.memory-map i{animation:none}
}

/* Только изолированный образец формы на странице выбора шрифта. */
@media(min-width:1200px){
  .order-specimen .top,.order-specimen main>section:not(#order),.order-specimen footer,.order-specimen .ascii-seam{display:none!important}
  .order-specimen .order{padding:10px 0}
  .order-specimen .order .reveal{opacity:1;transform:none;filter:none}
}