.pin-case .case-cover{background:#202325}
.pin-case .case-header h2{max-width:18em}
.pin-chapter-head{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start;border-top:1px solid var(--line);padding-top:20px;margin-bottom:44px}
.pin-chapter-head>span,.pin-art-label,.pin-generation-copy>span,.pin-source-slip>span,.pin-stage-label,.pin-ticket-context{font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}
.pin-chapter-head h2{font-size:clamp(26px,3.3vw,46px);line-height:1.35;font-weight:400;letter-spacing:-.045em;text-wrap:balance}
.pin-overview-note{color:var(--muted);font-size:14px;line-height:1.9;max-width:48em;margin-top:24px}
.pin-case .case-section{scroll-margin-top:92px}
.pin-case .pin-demo{padding-top:12px}
.pin-section-lead{font-size:clamp(20px,2.15vw,28px);line-height:1.7;max-width:32em;margin:0 0 42px;text-wrap:pretty}
.pin-ticket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start;margin-bottom:72px}
.pin-ticket-grid figure{margin:0;min-width:0}
.pin-art-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.pin-art-label>span:last-child{font-family:var(--sans);letter-spacing:0}
.pin-template{aspect-ratio:330/390;width:100%;overflow:clip;border-radius:4.85% / 4.1%;background:#151515}
.pin-template iframe{display:block;border:0;width:100%;height:100%;pointer-events:none}
.pin-ticket-grid figcaption{padding-top:22px}
.pin-ticket-grid figcaption strong{font-size:16px;font-weight:400}
.pin-ticket-grid figcaption p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:26em}
.pin-generation{margin:52px 0 76px;padding:0 0 60px;border-bottom:1px solid var(--line)}
.pin-generation-stage{container-type:inline-size;position:relative;width:100%;max-width:430px;aspect-ratio:390/540;margin-left:auto;background:#000;border:1px solid #242424;overflow:clip;isolation:isolate}
.pin-order-paper,.pin-confirm-paper,.pin-generated-ticket{position:absolute;left:8%;top:20cqw;width:84%;height:99.27cqw;border-radius:4.1cqw;overflow:clip;transition:transform .48s var(--pin-ease),opacity .24s;transform-origin:50% 50%}
.pin-order-paper{background:#f4f1e8;color:#222923;padding:6cqw}
.pin-order-brand{font-size:4cqw;font-weight:700;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.04em}.pin-order-brand>span{font-size:2.5cqw;font-weight:400;color:#4c6252;letter-spacing:0}
.pin-order-title{font-size:3.2cqw;margin-top:7cqw}.pin-order-rule{height:1px;background:#cccfc4;margin-top:4cqw}
.pin-order-city,.pin-order-labels{display:flex;justify-content:space-between;font-size:2.5cqw;color:#657064;margin-top:5cqw}.pin-order-labels{position:absolute;top:57cqw;left:6cqw;right:6cqw;margin:0;padding-right:7cqw}
.pin-order-return{position:absolute;top:70cqw;left:6cqw;right:6cqw;border-top:1px solid #cdd0c3;padding-top:3cqw;display:flex;flex-direction:column;gap:1.7cqw;font-size:2.5cqw;color:#66705f}.pin-order-return strong{color:#262b24;font-size:3.9cqw;font-weight:500}
.pin-order-footer{position:absolute;left:6cqw;right:6cqw;bottom:5cqw;font-size:2.2cqw;color:#656d60}
.pin-confirm-paper{opacity:0;background:#151b11;color:#e3f3d5;padding:6cqw;transform:translateY(3cqw) scale(.97);border:1px solid #425431;pointer-events:none}
.pin-confirm-paper>span{font-size:2.6cqw;color:#b7cb98}.pin-confirm-paper h3{font-size:5cqw;font-weight:500;letter-spacing:-.04em;margin:3cqw 0}.pin-confirm-paper i{display:block;height:1px;background:#3a4932;margin-top:5cqw}.pin-confirm-paper>small{display:block;position:absolute;left:6cqw;top:27cqw;font-size:2.6cqw;color:#97a987}.pin-confirm-paper>small:nth-of-type(2){top:49cqw}.pin-confirm-paper>small:nth-of-type(3){top:64cqw}
.pin-confirm-paper button{position:absolute;bottom:6cqw;left:6cqw;right:6cqw;width:calc(100% - 12cqw);border:0;border-radius:3cqw;background:#c4ff00;color:#172000;padding:3.2cqw 4cqw;display:flex;align-items:center;justify-content:space-between;font-size:3cqw;cursor:pointer}.pin-confirm-paper svg{width:3.8cqw;height:3.8cqw;fill:currentColor;transform:rotate(90deg)}
.pin-generated-ticket{opacity:0;transform:translateY(4cqw) scale(.97);pointer-events:none;transition:transform .48s var(--pin-ease),opacity .24s .22s}
.pin-moving-field{position:absolute;top:0;left:0;transform-origin:0 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;line-height:1.24;font-size:8.6cqw;color:#242b24;z-index:3;letter-spacing:-.035em;pointer-events:none;transition:transform .48s var(--pin-ease),color .3s,opacity .16s}
.field-origin{transform:translate(14cqw,61cqw)}.field-destination{transform:translate(67cqw,61cqw)}
.field-date,.field-number{font-size:3.4cqw;font-weight:500;letter-spacing:0}.field-date{transform:translate(14cqw,82cqw)}.field-number{transform:translate(62cqw,82cqw)}
.field-time,.field-arrival{font-size:4cqw;letter-spacing:0}.field-time{transform:translate(14cqw,72.5cqw)}.field-arrival{transform:translate(74cqw,72.5cqw)}
.pin-generation-status{position:absolute;bottom:6cqw;left:8%;font-size:2.5cqw;color:#979b91}
.pin-generation-stage[data-state="confirm"] .pin-order-paper,.pin-generation-stage[data-state="ticket"] .pin-order-paper{opacity:0;transform:translateY(-3cqw) scale(.98)}
.pin-generation-stage[data-state="confirm"] .pin-confirm-paper{opacity:1;transform:none;pointer-events:auto}
.pin-generation-stage[data-state="confirm"] .pin-moving-field{color:#e6f4dc}.pin-generation-stage[data-state="confirm"] .field-origin{transform:translate(14cqw,55cqw)}.pin-generation-stage[data-state="confirm"] .field-destination{transform:translate(65cqw,55cqw)}.pin-generation-stage[data-state="confirm"] .field-date{transform:translate(14cqw,74cqw)}.pin-generation-stage[data-state="confirm"] .field-number{transform:translate(62cqw,74cqw)}.pin-generation-stage[data-state="confirm"] .field-time{transform:translate(14cqw,89cqw)}.pin-generation-stage[data-state="confirm"] .field-arrival{transform:translate(74cqw,89cqw)}
.pin-generation-stage[data-state="ticket"] .pin-generated-ticket{opacity:1;transform:none}
.pin-generation-stage[data-state="ticket"] .pin-confirm-paper{transform:translateY(-3cqw) scale(.98)}
.pin-generation-stage[data-state="ticket"] .pin-moving-field{color:#fff;opacity:1;transition:transform .48s var(--pin-ease),color .2s,opacity .16s}
.pin-generation-stage[data-state="ticket"] .field-origin{transform:translate(12.84cqw,46.5cqw) scale(1.2727)}.pin-generation-stage[data-state="ticket"] .field-destination{transform:translate(65.3cqw,46.5cqw) scale(1.2727)}.pin-generation-stage[data-state="ticket"] .field-date{transform:translate(65.3cqw,29.65cqw) scale(.898)}.pin-generation-stage[data-state="ticket"] .field-number{transform:translate(69.5cqw,24.3cqw) scale(1.05)}.pin-generation-stage[data-state="ticket"] .field-time{transform:translate(12.84cqw,62cqw) scale(1.0818)}.pin-generation-stage[data-state="ticket"] .field-arrival{transform:translate(76cqw,62cqw) scale(1.0818)}
.pin-small-note{font-size:11px!important;color:var(--muted);line-height:1.8;margin-top:22px}
.pin-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pin-design-copy{max-width:440px}
.pin-design-copy>.pin-section-lead{font-size:clamp(23px,2.5vw,34px);margin-bottom:24px;line-height:1.5}
.pin-design-copy>p:not(.pin-section-lead){font-size:14px;color:var(--muted);line-height:1.9}
.pin-design-copy>p+.pin-replay{margin-top:30px}
.pin-detail-notes{margin:34px 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.pin-detail-notes li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}
.pin-detail-notes b{font-weight:400}.pin-detail-notes span{color:var(--muted)}
.pin-replay{display:flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid #666;padding:13px 19px;background:transparent;color:inherit;font:12px var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.pin-replay:hover{background:#242424;border-color:#c6c6c0}
.pin-case button:focus-visible{outline:2px solid #f3efe3;outline-offset:4px}
.pin-doc-stage{container-type:inline-size;position:relative;width:100%;max-width:430px;aspect-ratio:390/725;margin-left:auto;background:#000;border:1px solid #242424;overflow:clip}
.pin-stage-label{height:15cqw;padding:6cqw 5cqw 0;display:flex;justify-content:space-between;gap:8px;align-items:start;font-size:2.3cqw}
.pin-stage-label button{font:inherit;color:#f1efeb;background:none;border:0;padding:0;transition:opacity .22s;cursor:pointer}
.pin-stage-label button:disabled{opacity:0;pointer-events:none}
.pin-doc-space{position:absolute;inset:15cqw 0 12cqw}
.pin-doc-card{--slot:0;position:absolute;left:8%;top:0;width:84%;padding:0 1.55cqw 1.55cqw;border:0;border-radius:4.4cqw;background:var(--doc-bg);color:var(--doc-ink);text-align:left;overflow:clip;clip-path:inset(0 round 4.4cqw);transform:translateY(calc(var(--slot)*18cqw));transform-origin:50% 0;box-shadow:0 -1px 0 #ffffff30,0 -6px 20px #0002;transition:transform .5s var(--pin-ease),clip-path .5s var(--pin-ease),filter .3s;cursor:pointer;isolation:isolate}
.pin-doc-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:2.85cqw;user-select:none}
.pin-doc-edge{height:10cqw;padding:0 2cqw;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pin-doc-edge strong{font-size:3.05cqw;font-weight:600}.pin-doc-edge small{font-size:2.7cqw;opacity:.72}
.pin-doc-passport{--doc-bg:#c4ff00;--doc-ink:#101500;z-index:1}
.pin-doc-id{--doc-bg:#ff4f00;--doc-ink:#200a00;z-index:2}
.pin-doc-visa{--doc-bg:#7c3cff;--doc-ink:#fff;z-index:3}
.pin-doc-card.is-foreground{z-index:5}
.pin-doc-stage[data-selected]:not([data-selected=""]) .pin-doc-card{filter:brightness(.66);pointer-events:none;clip-path:inset(0 0 calc(100% - 13cqw) 0 round 4.4cqw);transform:translateY(calc(var(--rest,0)*10cqw)) scale(.96)}
.pin-doc-stage[data-selected="passport"] .pin-doc-card.pin-doc-passport,.pin-doc-stage[data-selected="id"] .pin-doc-card.pin-doc-id,.pin-doc-stage[data-selected="visa"] .pin-doc-card.pin-doc-visa{filter:none;pointer-events:auto;clip-path:inset(0 round 4.4cqw);transform:translateY(27cqw) scale(1.015)}
.pin-doc-stage[data-selected="visa"] .pin-doc-card.pin-doc-visa{transform:translateY(23cqw) scale(1.015)}
.pin-doc-card:focus-visible{outline-offset:-3px!important;outline-color:var(--doc-ink)!important}
.pin-doc-status{position:absolute;bottom:4.7cqw;left:8%;font-size:2.8cqw;color:#a3a3a0}
.pin-island-canvas{container-type:inline-size;position:relative;width:100%;max-width:430px;aspect-ratio:390/540;margin-left:auto;overflow:clip;background:radial-gradient(ellipse 120% 100% at 90% 110%,#708473 0%,#334940 35%,#0b1a16 66%,#010706 100%);border:1px solid #293730}
.pin-mini-status{position:absolute;top:7cqw;left:7cqw;right:7cqw;display:flex;justify-content:space-between;font-size:3.3cqw;font-weight:600;transition:opacity .2s}
.pin-home-context{position:absolute;inset:0;transition:opacity .35s,transform .45s}
.pin-calendar{position:absolute;top:25cqw;left:7cqw;padding:5cqw;width:39cqw;height:39cqw;border-radius:6cqw;background:#ecf0e7;color:#203328}
.pin-calendar>span{font-size:3cqw;color:#537154;display:block}.pin-calendar strong{display:block;font-size:16cqw;font-weight:300;line-height:1.2;letter-spacing:-.05em}.pin-calendar small{font-size:2.9cqw;color:#5e6c61}
.pin-home-app{position:absolute;bottom:13cqw;left:8cqw;width:15cqw;height:15cqw;border-radius:4cqw;background:#faf9f5;color:#1c1d1a;display:grid;place-items:center;font-size:6cqw;font-family:PinHand,cursive;letter-spacing:-.07em}
.pin-island-surface{position:absolute;left:0;top:0;width:84cqw;height:99.27cqw;transform-origin:0 0;transform:translate(24.5cqw,5.1cqw) scale(.607143,.09368);border-radius:7.7cqw / 49.6cqw;background:#050605;z-index:2;transition:transform .48s var(--pin-ease),border-radius .48s var(--pin-ease),background-color .38s;pointer-events:none}
.pin-island-compact{position:absolute;left:24.5cqw;top:5.1cqw;width:51cqw;height:9.3cqw;border:0;padding:0 3.2cqw;display:flex;align-items:center;justify-content:space-between;gap:3cqw;color:#ecf2e8;background:none;font:2.8cqw var(--sans);cursor:pointer;transition:opacity .18s;z-index:5;border-radius:6cqw}
.pin-island-compact svg{width:4.5cqw;height:4.5cqw;fill:#d7e8c8;flex:none}.pin-island-compact>span{color:#d7e8c8;white-space:nowrap}
.pin-island-expanded{position:absolute;left:3.5cqw;top:5.1cqw;width:93cqw;height:61.3cqw;padding:5.2cqw 5.8cqw;color:#f5f6f1;opacity:0;transform:translateY(-2cqw) scale(.97);transform-origin:50% 0;transition:opacity .18s,transform .42s var(--pin-ease);pointer-events:none;z-index:3}
.pin-island-heading{display:flex;align-items:center;justify-content:space-between;color:#a1a1a6;font-size:3cqw;white-space:nowrap}
.pin-island-heading i{display:inline-block;width:1.5cqw;height:1.5cqw;margin-right:2cqw;background:#d7e8c8;border-radius:50%}
.pin-island-heading button{border:0;color:#aaa;background:#242624;border-radius:50%;width:6cqw;height:6cqw;font-size:4cqw;line-height:1;cursor:pointer}
.pin-island-cities{position:absolute;left:5.8cqw;right:5.8cqw;top:29.5cqw;display:flex;justify-content:space-between;font-size:2.8cqw;color:#a9b09f}
.pin-island-meta{position:absolute;left:5.8cqw;right:5.8cqw;top:39.8cqw;display:flex;justify-content:space-between;gap:2cqw;font-size:2.7cqw}.pin-island-meta b{font-weight:500;padding-left:9cqw}.pin-island-meta span{color:#aaa}
.pin-island-cta{position:absolute;bottom:5cqw;left:5.8cqw;right:5.8cqw;width:calc(100% - 11.6cqw);border:0;border-radius:3cqw;background:#e5eedc;color:#20271b;font-size:3.1cqw;padding:3cqw 4cqw;display:flex;justify-content:space-between;cursor:pointer}
.pin-island-canvas[data-state="expanded"] .pin-island-surface{transform:translate(3.5cqw,5.1cqw) scale(1.107143,.617508);border-radius:7.86cqw / 14.1cqw}
.pin-island-canvas:not([data-state="compact"]) .pin-island-compact{opacity:0;pointer-events:none}
.pin-island-canvas[data-state="expanded"] .pin-island-expanded{opacity:1;transform:none;pointer-events:auto;transition-delay:.14s}
.pin-island-canvas[data-state="expanded"] .pin-mini-status{opacity:0}
.pin-island-canvas[data-state="expanded"] .pin-home-context{opacity:.28;transform:scale(.985)}
.pin-island-fullticket{position:absolute;top:23cqw;left:8%;width:84%;opacity:0;transform:translateY(-4cqw) scale(.96);transform-origin:50% 0;transition:opacity .16s,transform .48s var(--pin-ease);pointer-events:none;z-index:3}
.pin-ticket-context{display:block;margin-bottom:3cqw;color:#f0f1e9;font-size:2.7cqw}
.pin-island-fullticket>button{display:block;margin:4cqw auto 0;background:transparent;color:#e0e9d9;border:0;font:3cqw var(--sans);cursor:pointer;padding:1cqw}
.pin-island-canvas[data-state="ticket"] .pin-home-context{opacity:0;transform:scale(.93)}
.pin-island-canvas[data-state="ticket"] .pin-island-surface{transform:translate(8cqw,23cqw);border-radius:4.1cqw;background:#304cb2}
.pin-island-canvas[data-state="ticket"] .pin-island-fullticket{opacity:1;transform:none;pointer-events:auto;transition:opacity .18s .26s,transform .48s var(--pin-ease)}
.pin-island-shared{position:absolute;top:0;left:0;z-index:4;color:#f5f6f1;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;line-height:1.24;font-size:9.4cqw;letter-spacing:-.04em;transform-origin:0 0;pointer-events:none;transition:transform .48s var(--pin-ease),opacity .18s,color .25s}
.island-origin{transform:translate(35cqw,8cqw) scale(.29)}.island-destination{transform:translate(47.5cqw,8cqw) scale(.29)}.island-arrow{font-weight:400;transform:translate(41.9cqw,7.35cqw) scale(.33)}
.island-departure{font-size:3.3cqw;letter-spacing:0;transform:translate(27cqw,9cqw) scale(.5);opacity:0}.island-number{font-size:2.7cqw;letter-spacing:0;transform:translate(60cqw,9cqw);opacity:0}
.pin-island-canvas[data-state="expanded"] .island-origin{transform:translate(9.3cqw,20cqw)}.pin-island-canvas[data-state="expanded"] .island-destination{transform:translate(71.9cqw,20cqw)}.pin-island-canvas[data-state="expanded"] .island-arrow{transform:translate(47cqw,22cqw) scale(.64);color:#b4bea8}.pin-island-canvas[data-state="expanded"] .island-departure{transform:translate(9.3cqw,44.8cqw);opacity:1}.pin-island-canvas[data-state="expanded"] .island-number{transform:translate(9.3cqw,16.2cqw);opacity:1;color:#acb4a4}
.pin-island-canvas[data-state="ticket"] .island-origin{transform:translate(12.84cqw,49.5cqw) scale(1.1644)}.pin-island-canvas[data-state="ticket"] .island-destination{transform:translate(65.3cqw,49.5cqw) scale(1.1644)}.pin-island-canvas[data-state="ticket"] .island-arrow{transform:translate(46cqw,51cqw) scale(.64)}.pin-island-canvas[data-state="ticket"] .island-departure{transform:translate(12.84cqw,65cqw) scale(1.31)}.pin-island-canvas[data-state="ticket"] .island-number{transform:translate(69.5cqw,27.3cqw) scale(1.32)}
.pin-island-canvas[data-state="ticket"] .pin-island-shared{opacity:0;color:#fff;transition:transform .48s var(--pin-ease),opacity .16s .3s,color .2s}
.pin-island-canvas[data-state="idle"] .pin-island-surface{transform:translate(35cqw,5.1cqw) scale(.35714,.083);border-radius:12.7cqw / 50cqw}.pin-island-canvas[data-state="idle"] .pin-island-shared{opacity:0}
.pin-mini-home{position:absolute;bottom:3.6cqw;left:35%;width:30%;height:1cqw;border-radius:2px;background:#e0e8db}
.pin-state-controls{display:flex;flex-direction:column;margin:30px 0 25px;border-top:1px solid var(--line)}
.pin-state-controls button{background:none;color:var(--muted);border:0;border-bottom:1px solid var(--line);text-align:left;display:flex;align-items:center;gap:24px;padding:17px 0;font:14px var(--sans);cursor:pointer;transition:color .2s,padding-left .2s}
.pin-state-controls button span{font:10px var(--mono)}
.pin-state-controls button[aria-pressed="true"]{color:#f2f3e9;padding-left:9px}
.pin-generation-stage[data-state="ticket"] .pin-moving-field,.pin-island-canvas[data-state="ticket"] .pin-island-shared:not(.island-arrow){transform:translate(var(--target-x,0px),var(--target-y,0px)) scale(var(--target-scale,1));line-height:var(--target-line,1.24);opacity:1;color:#fff;transition:transform .48s var(--pin-ease),color .22s,opacity .18s;letter-spacing:0}
.pin-generation-stage[data-state="ticket"] .field-origin,.pin-generation-stage[data-state="ticket"] .field-destination,.pin-island-canvas[data-state="ticket"] .island-origin,.pin-island-canvas[data-state="ticket"] .island-destination{font-weight:650;letter-spacing:-.035em}
.pin-generation-stage[data-state="ticket"] .field-date{font-weight:400}
.pin-generation-stage[data-state="ticket"] .field-number{font-weight:600}
@media(max-width:900px){.pin-ticket-grid{gap:18px}.pin-detail-layout{gap:36px}.pin-generation{gap:40px}.pin-art-label{font-size:8px}.pin-ticket-grid figcaption strong{font-size:14px}}
@media(max-width:699px){
  .pin-case .case-sections{overflow-x:auto;justify-content:flex-start;white-space:nowrap;gap:23px}.pin-case .case-sections button{flex:none}
  .pin-chapter-head{display:block;margin-bottom:30px}.pin-chapter-head h2{margin-top:18px}
  .pin-ticket-grid{grid-template-columns:1fr;gap:38px;max-width:390px;margin-inline:auto}.pin-art-label{font-size:10px}.pin-ticket-grid figcaption{padding-top:17px}
  .pin-ticket-grid figcaption strong{font-size:16px}.pin-ticket-grid figcaption p{max-width:none}.pin-section-lead{font-size:20px;margin-bottom:32px}
  .pin-generation{grid-template-columns:1fr;gap:35px;margin:45px 0;padding:0 0 40px}
  .pin-detail-layout{grid-template-columns:1fr;gap:28px}.pin-doc-stage,.pin-island-canvas,.pin-generation-stage{margin-inline:auto;max-width:390px}.pin-detail-notes{margin:26px 0}.pin-island-controls{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){.pin-case *,.pin-case *::before,.pin-case *::after{transition:none!important;animation:none!important}}
.pin-case{--sans:var(--body);--pin-ease:cubic-bezier(.22,1,.36,1)}