/* Seven-page widescreen Chrome Noir presentation — 16:9 only. */
.extra-landscape-stage .wide-slide{
  position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;
  color:#e8e6e8;font:400 1.16cqw/1.45 Arial,Helvetica,sans-serif;
  background:
    radial-gradient(ellipse 36% 35% at 86% 74%,rgba(123,17,17,.12),transparent 82%),
    linear-gradient(118deg,#030304 8%,#0b080b 53%,#040405 100%);
}
.wide-slide *{box-sizing:border-box}
.wide-slide::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
  background:repeating-linear-gradient(100deg,transparent 0,transparent 3.9cqw,rgba(180,174,183,.012) 4cqw,transparent 4.1cqw)}
.wide-slide::after{content:"";position:absolute;left:4.4%;right:4.4%;bottom:6%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(204,195,204,.26) 12%,rgba(138,23,23,.34) 74%,transparent)}
.wide-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.wide-ambient span{position:absolute;display:block;border-radius:50%;filter:blur(2.2cqw);opacity:.27;animation:wideAtmosphere 16s ease-in-out infinite}
.wide-ambient span:first-child{left:73%;top:20%;width:26%;height:32%;background:radial-gradient(ellipse,#751313,transparent 72%)}
.wide-ambient span:nth-child(2){left:38%;bottom:-15%;width:45%;height:28%;background:radial-gradient(ellipse,#7a1414,transparent 70%);animation-delay:-8s}
.wide-ambient span:nth-child(3){right:-12%;top:0;width:31%;height:61%;background:radial-gradient(ellipse,#5b505a,transparent 66%);animation-delay:-4s;opacity:.1}
.wide-brand{position:absolute;z-index:5;left:5.45%;top:3.8%;display:flex;align-items:center;gap:1cqw;height:3.8cqw;
  font:500 1.07cqw/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#f4f3f6;
  text-shadow:0 1px 10px rgba(0,0,0,.8);white-space:nowrap}
.wide-brand img{width:4.3cqw;height:3.6cqw;object-fit:contain;filter:drop-shadow(0 0 .3cqw rgba(240,240,245,.2))}
.wide-brand strong{font-weight:400;color:#aeb0b5;letter-spacing:.2em}
.wide-overline{margin:0 0 1.1cqw;color:#e35454;font:500 .88cqw/1.4 Arial,Helvetica,sans-serif;letter-spacing:.23em}
.wide-heading{font:400 4.1cqw/1.075 Georgia,'Times New Roman',serif;letter-spacing:-.049em;color:#f0edf0;
  margin:0;text-shadow:0 .2cqw 1.5cqw rgba(0,0,0,.84)}
.wide-lead{font-size:1.32cqw;color:#c8c2c8;line-height:1.47;max-width:100%;margin:1.3cqw 0}
.wide-section-label{font-size:.83cqw;color:#ad9ca5;letter-spacing:.2em;margin-bottom:1cqw}
.wide-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw}
.wide-topic{appearance:none;border:1px solid transparent;border-radius:.6cqw;margin:0;padding:0;display:block;
  color:inherit;background:none;font:inherit;text-align:left;cursor:pointer;pointer-events:auto;
  transition:background .24s,border-color .24s,box-shadow .24s,transform .24s;outline:none}
.wide-topic:hover,.wide-topic:focus-visible{border-color:rgba(221,207,218,.34);background:rgba(95,29,29,.14);
  box-shadow:inset 0 0 0 1px rgba(226,218,228,.12)}
.wide-topic:active{transform:scale(.995)}
.wide-title-button:hover,.wide-cover-topic:hover,.wide-phone-touch:hover,.wide-hourglass-touch:hover{background:rgba(100,25,25,.085)}
.wide-note{position:absolute;z-index:4;left:5.45%;bottom:2.05%;width:77%;font:.72cqw/1.34 Arial,sans-serif;color:#a4a0a8;letter-spacing:.003em}
.wide-page-mark{position:absolute;z-index:4;bottom:2.05%;right:5.4%;font:.87cqw/1.2 Arial,sans-serif;letter-spacing:.22em;color:#d4d0d5}
.wide-crop{display:block;width:100%;height:100%;object-fit:contain;object-position:center;overflow:hidden;filter:drop-shadow(0 .7cqw 1.8cqw rgba(0,0,0,.75))}
.wide-info-card{padding:1.05cqw 1.25cqw;background:linear-gradient(135deg,rgba(42,38,45,.57),rgba(12,10,15,.55));
  border-color:rgba(187,177,188,.18);min-width:0;min-height:7cqw;position:relative}
.wide-info-card::before{content:"";position:absolute;left:1cqw;top:.77cqw;width:1.65cqw;height:1px;
  background:linear-gradient(90deg,#b11d1d,transparent);opacity:.8}
.wide-card-title{display:block;margin:.2cqw 0 .55cqw;font:400 1.75cqw/1.13 Georgia,serif;color:#eee9ee}
.wide-card-copy{display:block;font-size:1.06cqw;line-height:1.43;color:#c6c2c7}

/* 01 — original polished fluid-metal concept, recomposed across a wide stage */
.wide-slide-cover{background:radial-gradient(ellipse 58% 48% at 85% 82%,#250c0c,transparent 78%),#030304}
.wide-slide-cover::after{bottom:10%}
.wide-cover-visual{position:absolute;top:23%;left:40%;width:69%;height:66%;opacity:.95;transform:rotate(-2deg);
  filter:contrast(1.08) brightness(.8);mask-image:radial-gradient(ellipse 86% 81% at 61% 52%,#000 53%,transparent 100%)}
.wide-fluid-art{width:100%;height:100%}
.wide-cover-copy{position:absolute;left:8%;top:26%;width:53%;z-index:2}
.wide-cover-copy .wide-overline{font-size:1.12cqw;letter-spacing:.29em}
.wide-cover-topic{display:block;width:max-content;max-width:100%;padding:.5cqw 1cqw .5cqw 0}
.wide-slide-cover .wide-heading{font-size:7.9cqw;line-height:.95;letter-spacing:-.055em}
.wide-cover-subtitle{font-size:1.16cqw;letter-spacing:.26em;margin-top:2.7cqw;padding:.6cqw 1cqw .6cqw 0;color:#cfbac2}
.wide-cover-bottom{position:absolute;bottom:13.5%;left:8%;display:flex;align-items:center;gap:2.5cqw;z-index:2}
.wide-year{font:400 5.4cqw/1 Georgia,serif;letter-spacing:-.08em;padding:.2cqw .8cqw}
.wide-cover-bottom p{font-size:1.05cqw;line-height:1.7;letter-spacing:.22em;color:#d7d2d7}

/* 02 — exchange categories + the approved faceted crystal */
.wide-exchange-left{position:absolute;left:5.6%;top:15%;width:54%;z-index:2}
.wide-slide-exchange .wide-heading{font-size:4.35cqw}
.wide-exchange-left .wide-lead{max-width:93%;margin:1.3cqw 0 1.65cqw}
.wide-examples{padding:1.15cqw 0 1.25cqw;border-top:1px solid rgba(176,161,175,.19);border-bottom:1px solid rgba(176,161,175,.19)}
.wide-examples span{display:block;font-size:.78cqw;letter-spacing:.19em;color:#ae9da7;margin-bottom:.67cqw}
.wide-examples div{font-size:1.3cqw;letter-spacing:.045em;color:#dfdbe0}
.wide-examples i{font-style:normal;color:#9d1919;margin:0 .5cqw}
.wide-exchange-left .wide-section-label{margin-top:1.45cqw}
.wide-function-grid{display:grid;grid-template-columns:1fr 1fr;gap:.58cqw}
.wide-function{padding:.75cqw 1.05cqw;background:linear-gradient(100deg,rgba(81,62,77,.18),rgba(11,10,14,.35));
  border-left:2px solid rgba(200,33,33,.54);font:400 1.38cqw Georgia,serif}
.wide-exchange-promise{margin:1.2cqw 0;font:400 1.21cqw/1.35 Georgia,serif;color:#dcd0d7}
.wide-exchange-right{position:absolute;right:4.4%;top:11%;width:36%;height:79%;z-index:1}
.wide-crystal{position:absolute;left:5%;top:1%;width:91%;height:80%;opacity:.9;filter:brightness(.84) contrast(1.08);
  mask-image:radial-gradient(ellipse 79% 83% at 53% 52%,#000 63%,transparent 100%)}
.wide-crystal-caption{position:absolute;left:17%;top:41%;width:72%;padding:.6cqw 1.1cqw;border-color:rgba(222,213,222,.12);
  background:linear-gradient(90deg,rgba(10,9,12,.88),rgba(14,9,13,.7));backdrop-filter:blur(.5cqw)}
.wide-crystal-caption span{display:block;font-size:.72cqw;letter-spacing:.18em;color:#b8a6b0}
.wide-crystal-caption b{display:block;font-size:1.06cqw;font-weight:400;letter-spacing:.13em;margin-top:.3cqw}
.wide-ai-card{position:absolute;bottom:3%;left:7%;right:0;padding:1.2cqw 1.5cqw;
  border-color:rgba(200,171,184,.25);background:linear-gradient(135deg,rgba(36,11,11,.92),rgba(8,8,10,.88));backdrop-filter:blur(.5cqw)}
.wide-ai-card span{font-size:.75cqw;letter-spacing:.16em;color:#ad8d9a}
.wide-ai-card strong{display:block;font:400 2.8cqw Georgia,serif;margin:.34cqw 0}
.wide-ai-card p{margin:0;font-size:1.07cqw;line-height:1.4;color:#cec4cd}

/* 03 — four product cards and authentic in-app visual */
.wide-product-left{position:absolute;left:5.5%;top:13.6%;width:56%;z-index:2}
.wide-slide-products .wide-heading{font-size:4cqw}
.wide-product-left .wide-section-label{margin:1.6cqw 0 1cqw}
.wide-product-cards .wide-info-card{min-height:8.4cqw}
.wide-product-punch{margin:1.1cqw 0;font:400 1.68cqw/1.22 Georgia,serif;color:#e4dfe3}
.wide-product-right{position:absolute;right:5.1%;top:11%;width:35%;height:81%}
.wide-phone-touch{position:relative;width:100%;height:94%;border-radius:2cqw}
.wide-phone-art{filter:brightness(.91) contrast(1.06) drop-shadow(0 .5cqw 1.4cqw #000)}
.wide-slide-products .wide-phone-art{mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 94%,transparent 100%)}
.wide-slide-assets .wide-phone-art{mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 86%)}
.wide-device-rebrand{position:absolute;z-index:2;top:5.8%;left:17%;width:49%;padding:.32cqw .35cqw;
  font:900 1.8cqw/1 Arial,sans-serif;font-style:italic;letter-spacing:.01em;
  color:#d2d3d8;background:linear-gradient(90deg,#070609 88%,rgba(6,6,9,.6));text-shadow:0 0 .3cqw #000}
.wide-device-rebrand--assets{top:5.1%;left:29%;width:46%;font-size:1.65cqw}
.wide-screen-caption{position:absolute;bottom:-1%;left:0;right:0;text-align:center;
  font:.72cqw Arial,sans-serif;letter-spacing:.17em;color:#b3aab3}

/* 04 — assets wallet, sending safety and four actions */
.wide-assets-head{position:absolute;left:5.5%;top:12%;width:83%;z-index:2}
.wide-assets-head .wide-lead{margin:.7cqw 0;max-width:42%;font-size:1.12cqw;line-height:1.4}
.wide-slide-assets .wide-heading{font-size:3.9cqw}
.wide-assets-device{position:absolute;left:5%;top:41%;width:35%;height:51%}
.wide-assets-right{position:absolute;right:5.2%;top:32%;width:54%}
.wide-asset-cards .wide-info-card{min-height:8cqw}
.wide-assets-phrase{font:400 2.5cqw/1.09 Georgia,serif;color:#edeaea;margin:1.7cqw 0 0;padding-left:.8cqw;
  border-left:2px solid rgba(191,31,31,.8)}
.wide-assets-safety{position:absolute;right:5.5%;bottom:9.5%;width:54%;border-top:1px solid rgba(212,192,207,.2);
  padding:.9cqw 0;display:flex;gap:1.2cqw;align-items:baseline}
.wide-assets-safety b{flex:0 0 25%;font-size:.76cqw;font-weight:400;letter-spacing:.17em;color:#e35454}
.wide-assets-safety span{font-size:.89cqw;color:#afa8ae}

/* 05 — numeric hierarchy, duration object and the complete explanatory legend */
.wide-slide-vault .wide-heading{font-size:5.2cqw}
.wide-vault-top{position:absolute;top:12%;left:5.5%;right:5.5%;height:29%;display:grid;grid-template-columns:61% 39%}
.wide-vault-top .wide-lead{width:65%;font-size:1.13cqw;margin:.75cqw 0}
.wide-hourglass{position:absolute;right:3%;top:-25%;width:24%;height:260%;opacity:.82;
  mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 81%,transparent 100%)}
.wide-hourglass-touch{width:100%;height:100%;border-radius:4cqw}
.wide-vault-stats{position:absolute;top:35%;left:5.5%;right:5.5%;display:grid;grid-template-columns:18% 35% 43%;gap:1.1cqw}
.wide-vault-stat{padding:1.05cqw 1.15cqw;min-height:7cqw;display:flex;flex-direction:column;justify-content:center;
  border-color:rgba(202,194,202,.19);background:linear-gradient(135deg,rgba(54,38,48,.52),rgba(7,6,9,.5))}
.wide-vault-stat strong{display:block;font:400 2.4cqw/1.09 Georgia,serif;color:#f3edf1}
.wide-vault-stat small{font-size:.72cqw;letter-spacing:.16em;color:#e35454;margin-bottom:.55cqw}
.wide-vault-stat span{font-size:.95cqw;line-height:1.37;color:#bfb7c0;margin-top:.43cqw}
.wide-days{flex-direction:row;align-items:center;gap:1cqw;justify-content:flex-start}
.wide-days strong{font-size:4.7cqw}.wide-days span{letter-spacing:.16em}
.wide-vault-bottom{position:absolute;top:58%;left:5.5%;right:5.5%;display:grid;grid-template-columns:58% 39%;gap:2%}
.wide-vault-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.48cqw;padding:.5cqw}
.wide-vault-fields>span{display:flex;flex-direction:column;padding:.44cqw .55cqw;
  border-left:1px solid rgba(186,30,30,.48);background:rgba(25,19,26,.34)}
.wide-vault-fields b{font-size:.69cqw;letter-spacing:.08em;font-weight:500;color:#d3c5ce}
.wide-vault-fields small{font-size:.88cqw;line-height:1.4;color:#afa8b1;margin-top:.42cqw}
.wide-vault-flow{padding-left:1cqw;border-left:1px solid rgba(190,165,183,.2)}
.wide-flow-steps{display:flex;gap:.35cqw;align-items:center;flex-wrap:wrap;padding:.85cqw .65cqw;
  border-color:rgba(203,193,203,.18);background:rgba(24,17,24,.5)}
.wide-flow-steps span{font-size:1cqw}.wide-flow-steps i{font:400 1.6cqw Georgia,serif;color:#d42222}
.wide-vault-flow p{font-size:.93cqw;line-height:1.5;color:#bdb3bd}

/* 06 — the three actual product UI examples, equal status and balanced spacing */
.wide-screens-head{position:absolute;left:5.5%;top:12%;width:80%}
.wide-slide-screens .wide-heading{font-size:3.8cqw}
.wide-screen-trio{position:absolute;left:5.4%;right:5.4%;top:31%;height:50%;
  display:grid;grid-template-columns:repeat(3,1fr);gap:2.2cqw}
.wide-screen-cell{position:relative;width:100%;height:100%;padding:.7cqw .5cqw 0;display:flex;flex-direction:column;align-items:center;overflow:hidden;
  background:linear-gradient(160deg,rgba(32,25,31,.4),rgba(11,9,12,.23));border-color:rgba(174,165,174,.11)}
.wide-screen-cell>b{font-size:.91cqw;font-weight:500;letter-spacing:.17em;color:#e35454;margin-bottom:.1cqw}
.wide-screen-crop{flex:0 0 69%;height:69%;max-height:69%;min-height:0;width:100%;filter:brightness(.89) contrast(1.05)}
.wide-screen-cell>p{margin:.2cqw .75cqw;text-align:center;font-size:1.02cqw;line-height:1.35;color:#c9c0c8}
.wide-small-brand{position:absolute;z-index:2;left:35%;top:12.4%;padding:.13cqw .36cqw;
  font:bold italic .9cqw Arial,sans-serif;background:#050507;color:#c6c6cb}
.wide-screens-bottom{position:absolute;left:5.5%;right:5.5%;bottom:8.8%;display:flex;align-items:center;gap:2cqw}
.wide-screens-bottom span{font-size:.88cqw;letter-spacing:.12em;color:#e35454}
.wide-screens-bottom strong{font:400 1.7cqw Georgia,serif;font-weight:400;color:#e6e1e5}

/* 07 — integrated ecosystem + actual reference document */
.wide-summary-left{position:absolute;left:5.5%;top:12%;width:52%}
.wide-slide-summary .wide-heading{font-size:3.85cqw}
.wide-summary-left .wide-lead{font-size:1.12cqw;margin:1cqw 0 1.25cqw;max-width:95%}
.wide-summary-cards .wide-info-card{min-height:7.8cqw}
.wide-summary-cards .wide-card-title{font-size:1.5cqw;margin-bottom:.35cqw}
.wide-summary-cards .wide-card-copy{font-size:.99cqw}
.wide-summary-experience{display:flex;gap:1.5cqw;padding:.85cqw 1.2cqw;margin-top:1.05cqw;
  border-left:2px solid rgba(210,34,34,.66);background:rgba(45,30,41,.33)}
.wide-summary-experience b{font-size:.77cqw;letter-spacing:.12em;font-weight:400;color:#e35454;flex:0 0 23%}
.wide-summary-experience span{font-size:1cqw;color:#cbc3cb}
.wide-summary-right{position:absolute;right:5.5%;top:14%;width:34%;height:74%}
.wide-document-panel{width:100%;height:91%;padding:1.15cqw;display:flex;align-items:center;flex-direction:column;
  background:linear-gradient(137deg,rgba(39,28,36,.68),rgba(10,9,12,.55));
  border-color:rgba(184,172,182,.2)}
.wide-document-window{width:100%;height:61%;display:block;position:relative;overflow:hidden;
  filter:brightness(.91) drop-shadow(0 .7cqw 1.2cqw #000)}
.wide-document-window::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 71%,rgba(10,9,12,.84) 92%,#0a090c 100%)}
.wide-doc-title{font-size:.74cqw;letter-spacing:.14em;color:#e35454;margin:.5cqw 0}
.wide-document-panel strong{font:400 1.6cqw/1.18 Georgia,serif;color:#ebe4e9;text-align:center}
.wide-document-panel p{font-size:.98cqw;line-height:1.38;text-align:center;color:#c7c0c8;margin:.7cqw 0}
.wide-summary-words{display:flex;gap:1.3cqw;justify-content:center;font-size:.64cqw;letter-spacing:.07em;color:#a8949e;padding-top:1cqw}

@keyframes wideAtmosphere{0%,100%{opacity:.17;transform:translate3d(0,0,0)}50%{opacity:.29;transform:translate3d(1.1cqw,-.5cqw,0)}}
.page[data-paused="true"] .extra-landscape-stage *,
.page[data-inactive="true"] .extra-landscape-stage *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.extra-landscape-stage *{animation:none!important;transition:none!important}}