/* A single visual gesture leads each section; the product explanation stays quiet. */
:root{--paper:#f2efe8;--paper-deep:#e8e9e3;--ink:#252c26}
body{letter-spacing:0}
.desktop-nav,.footer,.plain-link,.replay-button{letter-spacing:0;text-transform:none}
.desktop-nav{font-size:13px;gap:32px}
.nav-cta{padding:9px 15px;border-color:#aa9a7e}
.overline,.section-topline,.hero-bottom{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.overline{color:#d5b880}
.plain-link{font-size:14px;font-weight:500;gap:0;padding:3px 0 8px;transition:color .2s}
.plain-link:hover,.plain-link:focus-visible{gap:0}
/* The software explanation is persistent; the chain is context, not the task. */
.opening{height:auto;background:#171815}
.product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:64px;align-items:center;padding:120px max(24px,calc((100% - 1200px)/2)) 64px;background:#171815;color:#f4eee4}
.product-copy{max-width:720px;position:relative;z-index:1}
.product-copy h1{font:500 clamp(64px,5vw,72px)/1.05 var(--serif);letter-spacing:-.025em;margin:0}
.product-copy>p{font:18px/1.6 var(--sans);color:#d2cec4;max-width:58ch;margin:26px 0 0}
.product-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.product-actions>a{display:inline-flex;align-items:center;min-height:48px;font:500 15px/1.5 var(--sans)}
.product-primary{padding:12px 22px;background:#f2efe8;color:#252c26}
.product-actions>a:not(.product-primary){color:#e3dbcc;text-decoration:underline;text-underline-offset:5px}
.product-hero :focus-visible{outline:3px solid #f9f7f0;outline-offset:4px}
.product-image{width:100%;max-width:300px;height:420px;margin:0;pointer-events:none}
.product-image img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:1050px) and (min-width:761px){.product-hero{grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:32px}.product-copy h1{font-size:64px}}
@media(max-width:760px){.opening{height:auto}.product-hero{display:block;padding:104px 20px 40px}.product-copy h1{font-size:42px;line-height:1.1}.product-copy>p{font-size:16px;line-height:1.6;margin-top:24px}.product-image{display:none}.product-actions{gap:16px 24px}.product-actions>a{font-size:14px}}
@media(max-width:360px){.product-copy h1{font-size:38px}}
.section-topline{color:#5b6256;border-color:#b8b7aa}
.section-topline span:last-child{color:#767b6f}
.meaning{padding-top:95px;padding-bottom:120px;background:var(--paper)}
.meaning-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:7vw;align-items:end;margin:0 0 40px}
.meaning h2{font-size:48px;line-height:1.08;letter-spacing:-.025em;max-width:680px}
.meaning-intro>p:last-child{font-size:17px;line-height:1.7;max-width:425px;margin:0 0 9px;color:#464c44}
.handoff{border:0;background:#242d26;min-height:470px;margin-bottom:85px}
.handoff-copy{background:#242d26;padding:75px clamp(34px,5vw,78px)}
.handoff h3{margin:20px 0 24px;font-size:clamp(48px,4.7vw,70px);line-height:.94}
.handoff p{font-size:16px;color:#d6d9d0}
.handoff-scene{background:#b7ae9d;min-height:470px}
.handoff-scene::after{display:none}
.gift-box{box-shadow:20px 22px 35px rgba(23,27,22,.24)}
.gift-box-inner{background:#26382c}
.gift-card{box-shadow:9px 13px 24px rgba(24,28,22,.22);align-items:flex-start;justify-content:space-between;padding:19px}
.gift-card>span{font-size:17px;letter-spacing:0}
.gift-card>b{font:500 31px/.91 var(--serif)}
.gift-card img{width:67px;height:67px;object-fit:contain;image-rendering:pixelated}
.gift-card small{font-size:9px;letter-spacing:0}
.process{gap:0;border-top:1px solid #bbb9ac;border-bottom:1px solid #bbb9ac}
.process>.process-step,.process>.process-step+.process-step{min-height:225px;padding:26px 32px 28px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.process>.process-step+.process-step{border-left:1px solid #bbb9ac;padding-left:32px}
.process-step::before{display:none}
.process h3{font-size:clamp(30px,2.7vw,40px);margin:24px 0 13px;color:#263029}
.process p{font-size:14px;line-height:1.65;color:#525950}
/* Entry to the connected workspace; no duplicate editing controls. */
.work-entry{padding:64px max(24px,calc((100% - 1152px)/2)) 80px;display:block;background:#e8e9e3;color:#26302a}
.work-entry-copy{max-width:680px}
.work-entry h2{font:500 48px/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 20px}
.work-entry p{font:17px/1.65 var(--sans);color:#46534a;margin:0 0 28px}
.work-primary{display:inline-flex;min-height:48px;align-items:center;padding:12px 20px;background:#25352b;color:#f9f7f0;font:500 15px/1.5 var(--sans)}
.work-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px}
.work-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.process-note{font:14px/1.6 var(--sans);color:#525950;max-width:82ch;margin:18px 0 0}
@media(max-width:760px){.work-entry{padding:40px 20px 48px;display:block}.work-entry h2{font-size:36px;line-height:1.12}.work-entry p{font-size:16px}.meaning-intro{margin-top:0}}
.finale::after{background:linear-gradient(90deg,rgba(17,16,15,.62),transparent 70%)}
.finale{height:auto;min-height:0;position:relative;padding:80px max(24px,calc((100% - 1200px)/2));overflow:hidden}.finale picture{position:absolute;inset:0}.finale-image{width:100%;height:100%;object-fit:cover}.finale-content{position:relative;z-index:2;padding:0;width:62%;max-width:760px}
.finale h2{font-size:48px;line-height:1.08;margin:0 0 28px}
.finale p:not(.overline){max-width:380px;color:#ddd5c8}
.footer{font-size:12px;letter-spacing:0;text-transform:none}
@media(max-width:1050px){.meaning-intro{display:block}.meaning-intro>p:last-child{margin:30px 0 0}}
@media(max-width:760px){
  .overline,.section-topline,.hero-bottom{font-size:11px}
  .meaning{padding:74px 20px 85px}
  .meaning-intro{display:block;margin:0 0 32px}
  .meaning h2{font-size:34px;line-height:1.12}
  .meaning-intro>p:last-child{font-size:15px;margin:25px 0 0}
  .handoff{margin-bottom:60px}
  .handoff-copy{padding:35px 27px 37px}
  .handoff h3{margin:5px 0 19px;font-size:clamp(46px,10vw,61px)}
  .handoff p{font-size:14px}
  .handoff-scene{min-height:0}
  .gift-card img{width:49px;height:49px}
  .process{display:block}
  .process>.process-step,.process>.process-step+.process-step{margin:0;min-height:0;padding:25px 0 29px;border:0;border-bottom:1px solid #bbb9ac}
  .process>.process-step:last-child{border-bottom:0}
  .process h3{margin:11px 0 7px;font-size:36px}
  .process p{font-size:14px;max-width:450px}
  .finale{padding:48px 20px}.finale-content{width:100%;max-width:480px;padding:0}
  .finale h2{font-size:36px;line-height:1.12}
}
@media(max-width:420px){.section-topline span:last-child{display:none}.meaning h2{font-size:32px}.finale-content{width:100%}.gift-card{padding:10px}.gift-card>b{font-size:22px}.gift-card img{width:35px;height:35px}}



/* v8: show the platform and make the existing access explicit. */
.mobile-signin{display:none}
.product-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;padding-top:124px;padding-bottom:64px}
.product-copy h1{font-size:64px}.product-copy>p{max-width:49ch}
.scene-slot{min-width:0}
.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;font:14px/1.5 var(--sans);color:#ddd5c8;margin-top:8px;min-height:44px}
@keyframes scene-edit-arrive{from{transform:translateX(-12px)}to{transform:none}}
@keyframes scene-connect{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes scene-read-arrive{from{transform:translateY(8px)}to{transform:none}}
@keyframes scene-photo-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(max-width:1120px){.product-hero{grid-template-columns:minmax(0,1fr);gap:32px}.product-copy{max-width:720px}.product-copy h1{font-size:60px}.scene-slot{width:100%;max-width:540px;justify-self:center}}
@media(max-width:760px){
 .site-header{gap:12px;padding-inline:20px}.site-header .brand{margin-right:auto}.mobile-signin{display:inline-flex;align-items:center;min-height:44px;color:#f2efe8;font:500 14px/1.5 var(--sans);border-bottom:1px solid #b29564}.menu-button{width:38px}.menu-button b{display:none}
 .product-hero{padding:104px 20px 40px;gap:24px}.product-copy h1{font-size:40px}.product-copy>p{font-size:16px}.scene-slot{margin-top:24px}.scene-caption{font-size:14px;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-top:4px}.scene-caption>span{margin-right:auto}
 .meaning{padding-top:56px;padding-bottom:56px}.work-entry{padding-block:40px}
}

.process-controls{display:grid;gap:12px}.process-choice{display:grid;grid-template-columns:28px 1fr;gap:6px 16px;width:100%;padding:20px;text-align:left;border:1px solid #b8c1b5;border-radius:8px;background:transparent;color:#25352b;font:16px/1.6 var(--sans);cursor:pointer}.process-choice strong{font:600 20px/1.35 var(--sans)}.process-choice small{grid-column:2;font-size:14px;visibility:hidden}.process-choice[aria-pressed=true]{background:#fff;border:2px solid #25352b;padding:19px}.process-choice[aria-pressed=true] small{visibility:visible}

@media(max-width:760px){.process-choice{padding:16px;gap:4px 12px;font-size:15px}.process-choice[aria-pressed=true]{padding:15px}.process-choice strong{font-size:20px}}


/* v10: one commercial entry; the guided example is the secondary path. */
.product-copy .product-category{font:500 16px/1.5 var(--sans);margin:0 0 20px;color:#ddd5c8}.product-copy h1{font-size:56px;line-height:1.05}.product-copy>p:not(.product-category):not(.start-piece-status){font-size:18px;line-height:1.6;margin-top:24px}
.product-actions .product-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;background:#f2efe8;border:1px solid #f2efe8;border-radius:2px;color:#171614;font:500 15px/1.4 var(--sans);cursor:pointer}.product-actions .product-primary:disabled{cursor:wait;opacity:.65}.start-piece-status{font:14px/1.6 var(--sans);margin:20px 0 0;color:#f2efe8}.start-piece-status:empty{display:none}
@media(max-width:760px){.product-copy h1{font-size:40px;line-height:1.1}.product-copy .product-category{font-size:16px;margin-bottom:16px}.product-copy>p:not(.product-category):not(.start-piece-status){font-size:17px;line-height:1.6}.mobile-signin{font-size:14px}.product-actions{align-items:flex-start}}

/* v11: two real product tasks, account creation and an honest preparation offer. */
.mobile-signup{display:none}.desktop-nav{gap:24px}.site-header .nav-cta{background:#f2efe8;color:#25352b;border-color:#f2efe8}
.product-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;padding-bottom:88px}.product-copy h1{font-size:clamp(58px,4.7vw,68px);line-height:1.03}.product-copy .signup-offer-support{font:14px/1.6 var(--sans);color:#d2cec4;margin:20px 0 0;max-width:50ch}
.product-editor-illustration{background:#f7f6f2;color:#252c26;border:1px solid #c5cfc3;border-radius:10px;box-shadow:0 26px 52px #0004;transform:rotate(-1deg);animation:product-editor-arrive .6s ease-out both;overflow:hidden}.product-editor-bar{display:flex;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #d6dbd3;background:#fff;font:500 14px/1.5 var(--sans)}.product-editor-bar>span:first-child{font:500 24px/1 var(--serif);letter-spacing:.04em}.product-editor-state{padding:16px 22px 0;font:14px/1.5 var(--sans);color:#536055}.product-editor-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:20px 22px 28px}.product-editor-photo>span,.product-editor-fields>span{display:block;font:500 14px/1.5 var(--sans);margin-bottom:8px}.product-editor-photo img{display:block;width:150px;height:160px;object-fit:contain;background:#fff;border:1px solid #d6dbd3;border-radius:4px}.product-editor-fields p{background:#fff;border:1px solid #c5cfc3;border-radius:4px;padding:10px 12px;margin:0 0 20px;font:16px/1.6 var(--sans)}.product-editor-fields p:last-child{margin-bottom:0;min-height:110px}.product-editor-tabs{display:flex;gap:24px;padding:16px 22px;border-top:1px solid #d6dbd3;font:14px/1.5 var(--sans)}.product-editor-tabs>span:nth-child(2){font-weight:600;border-bottom:2px solid #25352b}
.commercial-section{padding:88px max(32px,calc((100% - 1200px)/2));font:16px/1.65 var(--sans)}.commercial-section h2{font:500 44px/1.1 var(--serif);letter-spacing:-.02em;margin:0 0 40px;max-width:680px}.product-benefits{background:#fff}.benefits-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid #b8c1b5;padding-top:28px}.benefits-row h3{font:600 19px/1.4 var(--sans);margin:0 0 14px}.benefits-row p{color:#536055;margin:0}.reader-result{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;background:#e6e9e1}.reader-result h2{margin-bottom:24px}.result-category{font:500 14px/1.5 var(--sans);margin:0 0 20px;color:#536055}.result-copy>p:not(.result-category){font-size:18px;color:#46534a;max-width:46ch}.result-details{border-top:1px solid #b8c1b5;margin:28px 0;padding-top:24px}.result-details h3{font:600 17px/1.5 var(--sans);margin:0 0 6px}.result-details p{margin:0 0 20px;color:#536055}.result-copy>a{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.result-copy>a span{font-size:14px}.commercial-reader{background:#fff;padding:32px 40px;border:1px solid #c5cfc3;box-shadow:0 22px 42px #25352b12;border-radius:5px;max-width:480px;width:100%;justify-self:center}.commercial-reader-identity{text-align:center}.commercial-reader-identity>p{font:500 24px/1.2 var(--serif);margin:0}.commercial-reader-identity img{display:block;object-fit:contain;width:220px;height:220px;margin:16px auto}.commercial-reader-identity h3{font:500 32px/1.15 var(--serif);margin:0 0 24px}.commercial-reader>section{border-top:1px solid #d6dbd3;padding-top:18px;margin-top:18px}.commercial-reader h4{font:600 16px/1.5 var(--sans);margin:0 0 8px}.commercial-reader section p{font:16px/1.65 var(--sans);margin:0;color:#46534a}
.account-offer{background:#25352b;color:#f2efe8;display:grid;grid-template-columns:1fr 1fr;gap:96px}.account-offer h2{margin-bottom:28px}.account-offer h3{font:600 21px/1.4 var(--sans);margin:0 0 16px}.account-offer p{color:#e1e4dc;max-width:48ch;margin:0 0 20px}.account-offer .product-primary{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;font:500 16px/1.5 var(--sans)}.commercial-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#fff}.commercial-faq details{border-top:1px solid #c5cfc3;padding:20px 0}.commercial-faq details:last-child{border-bottom:1px solid #c5cfc3}.commercial-faq summary{font:500 18px/1.5 var(--sans);cursor:pointer;min-height:28px}.commercial-faq details p{max-width:60ch;color:#536055;margin:18px 0 0}
@keyframes product-editor-arrive{from{translate:0 8px}to{translate:0 0}}
@media(max-width:1120px){.product-hero{grid-template-columns:1fr;gap:48px}.scene-slot{max-width:600px}.reader-result,.account-offer{gap:48px}.product-copy h1{font-size:60px}}
@media(max-width:760px){.site-header{gap:12px}.site-header .brand{font-size:23px}.mobile-signup{display:inline-flex;align-items:center;min-height:44px;padding:4px 10px;background:#f2efe8;color:#25352b;font:500 13px/1.4 var(--sans);max-width:110px;text-align:center}.mobile-signin{font-size:14px}.site-header .menu-button{width:30px}.product-hero{padding:112px 20px 56px;gap:24px}.product-copy h1{font-size:40px;line-height:1.08}.product-copy .signup-offer-support{font-size:14px}.product-editor-illustration{transform:none}.product-editor-bar{padding:16px;font-size:14px}.product-editor-state{padding:14px 16px 0}.product-editor-body{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}.product-editor-photo img{width:96px;height:120px}.product-editor-fields p{font-size:14px;padding:8px;margin-bottom:14px}.product-editor-fields p:last-child{min-height:0}.product-editor-tabs{padding:14px 16px;gap:18px;font-size:13px}.commercial-section{padding:56px 20px}.commercial-section h2{font-size:32px;margin-bottom:28px}.benefits-row{grid-template-columns:1fr;gap:24px}.benefits-row>div{max-width:55ch}.reader-result,.account-offer,.commercial-faq{grid-template-columns:1fr;gap:32px}.result-copy>p:not(.result-category){font-size:17px}.commercial-reader{padding:24px;max-width:440px}.commercial-reader-identity{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;align-items:center;text-align:left}.commercial-reader-identity img{grid-column:1;grid-row:1/3;width:120px;height:150px;margin:0}.commercial-reader-identity>p{font-size:22px}.commercial-reader-identity h3{font-size:28px;margin:0}.commercial-faq h2{margin-bottom:0}}
@media(max-width:360px){.site-header{gap:8px;padding-inline:14px}.site-header .brand{font-size:21px}.mobile-signup{font-size:12px;padding-inline:7px}.product-copy h1{font-size:38px}.product-editor-body{grid-template-columns:80px minmax(0,1fr)}.product-editor-photo img{width:80px}.product-editor-tabs{gap:12px}}
@media(prefers-reduced-motion:reduce){.product-editor-illustration{animation:none;translate:none;transform:none}}
.reader-result{display:block;background:#e6e9e1}.reader-result>h2{margin-bottom:36px}.landing-reader>.piece-page{border:1px solid #c5cfc3;min-height:0}.landing-reader .piece-identity h3{font:500 clamp(48px,4.8vw,72px)/1 var(--serif);margin:18px 0 28px}.landing-reader .piece-reading h4{font:500 38px/1.12 var(--serif);margin:0 0 18px;color:var(--portal-ink)}.landing-reader .piece-reading section{scroll-margin-top:100px}.landing-reader .piece-index a{min-height:44px;display:inline-flex;align-items:center}.landing-reader .piece-reading section:focus{outline:2px solid #536055;outline-offset:6px}

@media(max-width:760px){.reader-result>h2{margin-bottom:28px}.landing-reader>.piece-page{padding:28px 20px 48px}.landing-reader .piece-identity h3{font-size:48px}.landing-reader .piece-reading h4{font-size:32px}.landing-reader .piece-reading section{scroll-margin-top:82px}}


#como-funciona{scroll-margin-top:80px}

/* This section must not create a scroll container above its sticky scene. */
#como-funciona.meaning{overflow:visible}

/* v13: five existing reader combinations in a slow, seamless phone row. */
.phone-gallery{padding:72px 0 48px;background:#e6e9e1;color:#252c26;overflow:hidden}.phone-gallery-heading{max-width:1264px;margin:0 auto 36px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.phone-gallery h2{font:500 44px/1.1 var(--serif);letter-spacing:-.02em;margin:0}.phone-viewport{overflow:hidden;width:100%;max-width:none;margin-inline:auto;padding:12px 0 16px}.phone-track{display:flex;width:max-content;animation:phone-reader-flow 72.222s linear infinite;will-change:transform}.phone-group{display:flex;gap:28px;padding-right:28px;flex-shrink:0}.phone-card{flex:0 0 232px;width:232px;margin:0}.phone-shell{height:490px;padding:8px;border-radius:34px;background:#18201c;box-shadow:0 12px 24px #25352b20;border:1px solid #3a443e;position:relative}.phone-shell::before{content:'';position:absolute;top:15px;left:50%;translate:-50% 0;width:65px;height:13px;background:#18201c;border-radius:9px;z-index:1}.phone-screen{height:100%;border-radius:27px;overflow:hidden;background:#f9f7f0;pointer-events:none}.phone-card figcaption{font:500 14px/1.5 var(--sans);color:#536055;text-align:center;margin-top:16px}.phone-document{width:390px;transform:scale(var(--phone-scale,.5487));transform-origin:top left}.landing-reader .piece-identity h3{scroll-margin-top:100px}.landing-reader .piece-identity h3:focus{outline:none}
@keyframes phone-reader-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.phone-gallery.is-reduced .phone-track{animation:none;transform:none;will-change:auto}.phone-gallery.is-reduced .phone-group-copy{display:none}.phone-gallery.is-reduced .phone-viewport{overflow-x:auto;overscroll-behavior-x:contain}.phone-gallery.is-reduced .phone-group{padding-left:20px}
@media(max-width:760px){.phone-gallery{padding:48px 0 32px}.phone-gallery-heading{padding:0 20px;margin-bottom:24px;gap:16px;align-items:flex-start}.phone-gallery h2{font-size:32px}.phone-group{gap:24px;padding-right:24px}.phone-card{flex-basis:218px;width:218px}.phone-shell{height:460px}.landing-reader .piece-identity h3{scroll-margin-top:82px}}
@media(prefers-reduced-motion:reduce){.phone-track{animation:none!important;transform:none!important;will-change:auto}.phone-group-copy{display:none}.phone-viewport{overflow-x:auto;overscroll-behavior-x:contain}}

/* Visual clone keeps link geometry while its navigation semantics are removed. */
.phone-group-copy .piece-index>span{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}

/* v17: Sana reference composition, own live readers and continuous track. */
.phone-gallery{background:#fff;color:#202227;padding:64px 0 36px;position:relative}
.phone-gallery-heading{max-width:900px;margin:0 auto 4px;padding:0 24px;display:block;text-align:center}
.phone-gallery h2{font:500 clamp(32px,3vw,36px)/1.15 var(--serif);letter-spacing:-.02em;max-width:900px;margin:auto}


.phone-viewport{width:100%;max-width:none;padding:28px 0 30px}
.phone-group{gap:44px;padding-right:44px}
.phone-card{--phone-yaw:0deg;--phone-drop:0px;--phone-roll:0deg}
.phone-card:nth-child(3n+1){--phone-yaw:-14deg;--phone-drop:8px;--phone-roll:-.5deg}
.phone-card:nth-child(3n){--phone-yaw:14deg;--phone-drop:8px;--phone-roll:.5deg}
.phone-shell{padding:6px;height:490px;border-radius:33px;border:1px solid #5c6066;background:linear-gradient(110deg,#42464d 0%,#c0c3c7 8%,#f8f9fb 20%,#92979e 40%,#d9dce0 65%,#666c74 88%,#f8fafc 96%,#545b64 100%);box-shadow:0 14px 20px -10px #0005,0 6px 18px #0002,inset 0 0 0 1px #f6f7f9,inset 0 0 0 3px #777d84;transform:perspective(1400px) translateY(var(--phone-drop)) rotateY(var(--phone-yaw)) rotateZ(var(--phone-roll));transform-style:preserve-3d}
.phone-shell::before{top:11px;width:58px;height:12px;background:#0d1015;box-shadow:inset 0 1px 1px #ffffff25;z-index:2}
.phone-shell::after{content:'';position:absolute;inset:2px;border:1px solid #ffffffa3;border-radius:31px;pointer-events:none;z-index:2}
.phone-edge{position:absolute;top:26px;bottom:26px;right:-4px;width:5px;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#4e545d,#d8dce1 55%,#6a727e);transform:translateZ(-2px);box-shadow:inset 1px 0 #fafcff8c}
.phone-card:nth-child(3n) .phone-edge{right:auto;left:-4px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#727a84,#e3e6ea 45%,#4b535d)}
.phone-card:nth-child(3n+2) .phone-edge{display:none}
.phone-screen{position:relative;z-index:1;border:2px solid #0c1015;border-radius:26px;background:#fff;box-shadow:0 0 0 1px #1c222b,inset 0 0 0 1px #000;isolation:isolate}
.phone-card figcaption{color:#656b72;margin-top:23px;font-size:13px}
@media(max-width:760px){.phone-gallery{padding:48px 0 28px}.phone-gallery-heading{padding:0 20px;margin-bottom:0}.phone-gallery h2{font-size:32px}.phone-viewport{width:100%;max-width:none;padding:24px 0 28px}.phone-group{gap:32px;padding-right:32px}.phone-shell{height:460px}.phone-card:nth-child(3n+1){--phone-yaw:-8deg}.phone-card:nth-child(3n){--phone-yaw:8deg}}
@media(prefers-reduced-motion:reduce){.phone-shell{transform:none}.phone-gallery .phone-viewport{overflow-x:auto}}
.phone-gallery.is-reduced .phone-shell{transform:none}

/* Public moving screens: brief presentation; the shared reader/data stay intact. */

/* v32: direct horizontal intent; vertical touch scrolling remains native. */
.phone-gallery .phone-track{animation:none}
.phone-gallery .phone-viewport{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
.phone-gallery.is-dragging .phone-viewport{cursor:grabbing}
.phone-gallery .phone-viewport img{-webkit-user-drag:none}
.phone-gallery .phone-viewport:focus-visible{outline:3px solid #395F8C;outline-offset:-3px}
.phone-gallery.is-reduced .phone-viewport{touch-action:pan-x pan-y pinch-zoom}
@media(prefers-reduced-motion:reduce){.phone-gallery .phone-viewport{touch-action:pan-x pan-y pinch-zoom}}
/* v33: the actual moving device is the entry point, not a second model list. */
.phone-card{position:relative}
.phone-open{position:absolute;inset:0;z-index:5;border:0;border-radius:34px;background:transparent;color:inherit;cursor:grab;padding:0}
.phone-open:focus-visible{outline:3px solid #395F8C;outline-offset:4px}
.phone-gallery.is-dragging .phone-open{cursor:grabbing}