@font-face{font-family:"Aeonik TRIAL";src:url("/portfolio/fonts/AeonikTRIAL-Light.otf") format("opentype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Aeonik TRIAL";src:url("/portfolio/fonts/AeonikTRIAL-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Aeonik TRIAL";src:url("/portfolio/fonts/AeonikTRIAL-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{--pink:#f91748;--purple:#765bff;--ink:#333;--paper:#fff;--display:"Aeonik TRIAL","Helvetica Neue",Arial,sans-serif;--serif:"Cormorant Infant",Georgia,serif;--sans:"Aeonik TRIAL","PingFang SC","Alibaba PuHuiTi","Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0c1114}body{margin:0;color:var(--ink);font-family:var(--sans);background:#0c1114}a{color:inherit;text-decoration:none}img{display:block}.case-nav{position:fixed;z-index:1000;top:2.05vw;left:3.65vw;right:3.65vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.case-nav>*{pointer-events:auto}.brand{display:flex;gap:.35vw;align-items:center;width:max-content}.brand img:first-child{width:1.45vw}.brand img:last-child{width:4.65vw}.case-nav nav{display:flex;padding:.3vw;border:1px solid rgba(255,255,255,.8);border-radius:99px;background:rgba(255,255,255,.7);box-shadow:0 .6vw 2vw rgba(28,19,24,.1);backdrop-filter:blur(18px)}.case-nav nav a{padding:.43vw .72vw;border-radius:99px;font:500 .7vw var(--serif);transition:.3s}.case-nav nav a.active{color:var(--pink);background:white}.nav-actions{justify-self:end;display:flex;align-items:center;gap:1.1vw}.home-link{padding:.68vw 1.25vw;border:1px solid var(--pink);border-radius:99px;color:var(--pink);background:rgba(255,255,255,.72);font:600 .7vw var(--sans);backdrop-filter:blur(14px)}.language{display:flex;align-items:center;gap:.25vw;color:var(--pink);font:700 .65vw var(--sans)}.language i{width:1.45vw;height:.75vw;border-radius:1vw;background:var(--pink);position:relative}.language i:after{content:"";position:absolute;top:.13vw;right:.13vw;width:.49vw;height:.49vw;border-radius:50%;background:white}.reading-progress{position:fixed;z-index:999;left:0;top:0;width:100%;height:3px;background:rgba(249,23,72,.08)}.reading-progress i{display:block;width:var(--progress,0%);height:100%;background:var(--pink);box-shadow:0 0 12px rgba(249,23,72,.45)}
.screen{position:relative;width:100%;min-height:56.25vw;overflow:hidden}.white{background:#fff}.dark{color:#fff;background:#10191d url("../figma-portfolio/assets/ant-case-dark-bg.png") center/cover}.dark:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(4,9,11,.68),rgba(8,16,19,.23));pointer-events:none}.screen>*{position:relative;z-index:1}.eyebrow,.section-head>span,.journey-title>span,.product-copy>span,.icon-system>span,.components>span,.foundation-grid article>span{display:block;margin-bottom:1vw;color:var(--pink);font:600 .72vw var(--sans);letter-spacing:.12em;text-transform:uppercase}.section-head{position:absolute;left:7.3vw;top:7vw;width:52vw}.section-head h2{margin:0;font:500 2.65vw/1.05 var(--serif)}.section-head.light{color:#fff}.section-head.light h2{max-width:20ch}.reveal{opacity:0;transform:translateY(2vw);transition:opacity .7s ease,transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.pink{color:var(--pink)!important}.highlight{color:#fff;text-shadow:0 0 1.5vw rgba(249,23,72,.55)}
.cover{min-height:56.25vw}.cover-copy{position:absolute;left:7.2vw;top:11.6vw;width:38vw}.cover-copy h1{margin:0 0 1.2vw;font:500 7.8vw/.85 var(--serif)}.cover-copy p:last-child{width:31vw;color:rgba(255,255,255,.7);font:400 1vw/1.55 var(--sans)}.cover-hand{position:absolute;right:7vw;bottom:0;width:49vw}.cover-band{position:absolute;left:0;right:0;bottom:0;height:7.3vw;padding:1.35vw 7.2vw;display:grid;grid-template-columns:13vw 1fr 8vw;gap:3vw;align-items:center;background:var(--pink)}.cover-band span{font:600 1.3vw var(--serif)}.cover-band p{max-width:63vw;margin:0;font:400 .82vw/1.45 var(--sans)}.cover-band strong{font:500 1vw/1.2 var(--serif)}
.cover .reveal{opacity:1;transform:none}
.section-copy{position:absolute;left:7.2vw;top:7.2vw;width:42vw}.section-copy h2{margin:0 0 1.2vw;font:500 4vw/.98 var(--serif)}.section-copy p{max-width:38vw;color:rgba(255,255,255,.66);font:.9vw/1.6 var(--sans)}.growth-track{position:absolute;left:7.2vw;top:28vw;width:50vw;display:grid;grid-template-columns:auto 1fr auto;gap:2vw;align-items:center}.growth-track article b{display:block;font:500 3vw/1 var(--serif)}.growth-track article span{color:rgba(255,255,255,.55);font:.72vw var(--sans)}.growth-track>i{height:1px;background:linear-gradient(90deg,#fff,var(--pink));position:relative}.growth-track>i:after{content:"";position:absolute;right:0;top:-.3vw;width:.6vw;height:.6vw;border-radius:50%;background:var(--pink);box-shadow:0 0 1.5vw var(--pink)}.growth-track .glow b{color:#ff315d;text-shadow:0 0 2vw rgba(249,23,72,.5)}.business-card{position:absolute;right:7.2vw;top:10vw;width:29vw;height:36vw;padding:2.5vw;border:1px solid rgba(255,255,255,.12);border-radius:2vw;background:rgba(255,255,255,.055);backdrop-filter:blur(20px)}.business-card h3{margin:0;font:500 2vw var(--serif)}.product-orbits{position:relative;height:28vw}.product-orbits span{position:absolute;display:grid;place-items:center;width:7vw;height:7vw;text-align:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.07);font:.72vw var(--sans)}.product-orbits span:nth-child(1){left:8.5vw;top:1vw}.product-orbits span:nth-child(2){left:1vw;top:8.5vw}.product-orbits span:nth-child(3){right:1vw;top:8.5vw}.product-orbits span:nth-child(4){left:8.5vw;top:9vw;background:var(--pink);box-shadow:0 0 2vw rgba(249,23,72,.4)}.product-orbits span:nth-child(5){left:3vw;bottom:0}.product-orbits span:nth-child(6){right:3vw;bottom:0}
.research-overview .section-head{width:68vw}.research-overview .section-head h2,.interview .section-head h2,.architecture .section-head h2{font-size:2.2vw;max-width:34ch}.phone-left{position:absolute;left:8vw;bottom:-7vw;width:18vw;height:39vw;object-fit:cover;object-position:top;border-radius:2.4vw;filter:drop-shadow(0 1.5vw 2.5vw rgba(35,30,32,.15))}.research-cards{position:absolute;left:32vw;right:7.2vw;top:17vw;display:grid;grid-template-columns:1fr 1.25fr;gap:1.2vw}.metric{min-height:13.5vw;padding:1.6vw;border-radius:1.2vw;background:#fff;box-shadow:0 1vw 3vw rgba(31,26,28,.09)}.metric:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:10vw}.metric small{display:block;max-width:26ch;font:.82vw/1.4 var(--sans)}.metric strong{display:block;margin-top:2.4vw;font:600 4vw/1 var(--serif)}.bars{margin-top:1.5vw}.bars p{display:grid;grid-template-columns:10vw 1fr;gap:.8vw;align-items:center;margin:.8vw 0;font:.65vw var(--sans)}.bars b{position:relative;height:1.25vw;padding:.25vw .5vw;border-radius:.3vw;color:#fff;background:linear-gradient(90deg,var(--purple) var(--v),#eef0f6 var(--v));font:.6vw var(--sans)}
.phone-pair{position:absolute;left:8vw;bottom:-5vw;display:flex;gap:2vw}.phone-pair img{width:15.5vw;height:33.5vw;object-fit:cover;object-position:top;border-radius:2vw;filter:drop-shadow(0 1vw 2vw rgba(0,0,0,.14))}.quote-grid{position:absolute;left:43vw;right:7.2vw;top:17vw;display:grid;grid-template-columns:1fr 1fr;gap:1.3vw}.quote-grid blockquote{min-height:12vw;margin:0;padding:2vw;border:1px solid #efedf0;border-radius:1.3vw;background:#fff;font:500 1.45vw/1.2 var(--serif);box-shadow:0 .8vw 2vw rgba(24,18,22,.06)}.quote-grid blockquote:before{content:'“';display:block;color:var(--pink);font:500 3vw/1 var(--serif)}
.journey-title{position:absolute;left:7.2vw;top:6.8vw}.journey-title h2{margin:0;font:500 3.5vw var(--serif)}.journey-person{position:absolute;left:5vw;bottom:0;width:26vw;height:38vw;object-fit:cover;object-position:top}.journey-map{position:absolute;left:31vw;right:6vw;top:17vw;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2vw}.journey-line{position:absolute;left:3vw;right:3vw;top:3vw;height:2px;background:linear-gradient(90deg,#ffd0da,var(--pink))}.journey-map article{position:relative;padding-top:5vw}.journey-map article b{position:absolute;top:1.9vw;left:0;display:grid;place-items:center;width:2.2vw;height:2.2vw;border-radius:50%;color:#fff;background:var(--pink);font:.65vw var(--sans);box-shadow:0 0 1vw rgba(249,23,72,.28)}.journey-map h3{min-height:3.8vw;margin:0;font:600 1vw/1.2 var(--serif)}.journey-map p{color:#777;font:.67vw/1.5 var(--sans)}.journey-map .pain{padding:.8vw;border-left:2px solid var(--pink);color:var(--pink);background:#fff3f6}.journey-map footer{grid-column:1/-1;margin-top:2.5vw;padding:1vw 1.5vw;display:flex;gap:1vw;align-items:center;border-radius:.7vw;background:#f8f7f8;font:.7vw var(--sans)}.journey-map footer strong{color:var(--pink)}.journey-map footer span{padding:.55vw .8vw;border-radius:99px;background:white}
.analysis .competitors{position:absolute;left:7.2vw;top:20vw;width:24vw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4vw}.competitors img{width:5.5vw;height:5.5vw;object-fit:contain;padding:.8vw;border-radius:50%;background:#fff}.radar{position:absolute;left:40vw;top:15vw;width:27vw;height:27vw}.radar>i{position:absolute;inset:2vw;border:1px solid rgba(255,255,255,.16);border-radius:50%}.radar>i:nth-child(2){inset:5vw}.radar>i:nth-child(3){inset:8vw}.radar>i:nth-child(4){inset:11vw}.radar strong{position:absolute;font:.7vw var(--sans)}.radar strong:nth-of-type(1){top:0;left:48%}.radar strong:nth-of-type(2){right:0;top:48%}.radar strong:nth-of-type(3){bottom:0;left:48%}.radar strong:nth-of-type(4){left:0;top:48%}.radar svg{position:absolute;inset:0;width:100%;height:100%}.radar polygon{fill:rgba(249,23,72,.24);stroke:var(--pink);stroke-width:3;filter:drop-shadow(0 0 8px rgba(249,23,72,.4))}.direction{position:absolute;right:6.5vw;top:18vw;width:24vw;padding:2vw;border:1px solid rgba(255,255,255,.13);border-radius:1.5vw;background:rgba(255,255,255,.06)}.direction span{color:var(--pink);font:.65vw var(--sans)}.direction h3{margin:1.2vw 0;font:500 2vw/1 var(--serif)}.direction>b{color:var(--pink);font:400 2vw var(--serif)}
.strategy-grid{position:absolute;left:7.2vw;right:7.2vw;top:20vw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw}.strategy-grid article{min-height:20vw;padding:2vw;border:1px solid rgba(255,255,255,.12);border-radius:1.4vw;background:rgba(255,255,255,.05)}.strategy-grid b{color:var(--pink);font:500 3vw var(--serif)}.strategy-grid h3{font:500 1.7vw var(--serif)}.strategy-grid p{color:rgba(255,255,255,.62);font:.78vw/1.55 var(--sans)}.objective{position:absolute;left:7.2vw;right:7.2vw;bottom:4.5vw;display:flex;align-items:center;gap:2vw;padding:1.1vw 1.5vw;background:var(--pink)}.objective span{font:.7vw var(--sans)}.objective strong{font:500 1.25vw var(--serif)}
.architecture-grid{position:absolute;left:7.2vw;right:7.2vw;top:17vw;display:grid;grid-template-columns:repeat(5,1fr);gap:1vw}.architecture-grid article{position:relative;padding-top:4.5vw;text-align:center}.architecture-grid article:before{content:"";position:absolute;top:1.6vw;left:50%;width:1px;height:3vw;background:var(--pink)}.architecture-grid h3{margin:0 0 1.3vw;padding:1vw;border-radius:.8vw;color:#fff;background:var(--pink);font:600 1vw var(--serif)}.architecture-grid p{margin:.7vw 0;padding:.75vw;border:1px solid #ebe9ed;border-radius:.6vw;background:#faf9fb;font:.65vw var(--sans)}
.product-copy{position:absolute;left:7.2vw;top:13vw;width:30vw}.product-copy h2{margin:0 0 1.2vw;font:500 5.2vw/.9 var(--serif)}.product-copy>p{font:.86vw/1.65 var(--sans)}.feature-list{display:flex;gap:.7vw;flex-wrap:wrap;margin-top:2vw}.feature-list span{padding:.55vw .8vw;border-radius:99px;background:#f1efff;color:var(--purple);font:.62vw var(--sans)}.intro-phone{position:absolute;left:40vw;bottom:-6vw;width:20vw;height:43vw;object-fit:cover;object-position:top;border-radius:2.5vw;filter:drop-shadow(0 1.2vw 2vw rgba(31,24,26,.18))}.intro-person{position:absolute;right:-2vw;bottom:0;width:42vw;height:50vw;object-fit:cover;object-position:top}.brand-person{position:absolute;left:0;top:0;width:50vw;height:100%;object-fit:cover}.brand-word{position:absolute;left:5vw;bottom:5vw;color:#fff;font:500 5vw var(--serif);text-shadow:0 .3vw 1vw rgba(0,0,0,.25)}.brand-card{position:absolute;right:6vw;top:9vw;width:41vw;min-height:39vw;padding:4vw;border-radius:2vw;color:#fff;background:linear-gradient(145deg,#ff315d,var(--pink));box-shadow:0 2vw 4vw rgba(249,23,72,.2)}.brand-card>span{font:.65vw var(--sans);letter-spacing:.12em;text-transform:uppercase}.brand-card h2{font:500 3.2vw/.98 var(--serif)}.brand-card>div{display:grid;grid-template-columns:2vw 1fr;gap:1vw;margin-top:4vw}.brand-card i{font-style:normal}.brand-card p{margin:0 0 1.4vw;font:.78vw var(--sans)}
.compare-phone{position:absolute;left:38vw;right:6vw;bottom:0;height:44vw;display:flex;align-items:flex-end;justify-content:center;gap:4vw}.compare-phone figure{margin:0;text-align:center}.compare-phone img{width:16vw;height:34.5vw;object-fit:cover;object-position:top;border-radius:2.1vw;filter:drop-shadow(0 1.2vw 2vw rgba(0,0,0,.18))}.compare-phone figcaption{margin-bottom:1vw;color:var(--pink);font:600 .7vw var(--sans);letter-spacing:.15em}.compare-phone>i{align-self:center;color:var(--pink);font:400 3vw var(--serif)}.restructure .section-head{width:30vw}.change-notes{position:absolute;left:7.2vw;top:23vw;width:27vw}.change-notes p{padding:1vw 0;border-top:1px solid #e9e7e9;font:.73vw/1.5 var(--sans)}.change-notes b{margin-right:1vw;color:var(--pink)}
.feature-phone{position:absolute;left:36vw;bottom:-6vw;width:20vw;height:43vw;object-fit:cover;object-position:top;border-radius:2.4vw;filter:drop-shadow(0 1.5vw 2.2vw rgba(0,0,0,.38))}.floating-card{position:absolute;width:22vw;border-radius:1vw;box-shadow:0 1.5vw 3vw rgba(0,0,0,.3)}.card-a{left:55vw;top:23vw}.card-b{left:52vw;top:36vw}.guide-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-lines path{fill:none;stroke:var(--pink);stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.5s .35s var(--ease)}.guide-lines circle{fill:var(--pink);opacity:0;filter:drop-shadow(0 0 8px var(--pink));transition:opacity .5s 1.2s}.screen.lines-visible .guide-lines path{stroke-dashoffset:0}.screen.lines-visible .guide-lines circle{opacity:1}.callout{position:absolute;width:20vw;padding:1.2vw 1.4vw;border-left:2px solid var(--pink);background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.callout b{font:500 1.25vw var(--serif)}.callout p{color:rgba(255,255,255,.6);font:.68vw/1.5 var(--sans)}.callout-a{right:6vw;top:25vw}.callout-b{right:6vw;top:39vw}.feature-phone.left{left:8vw}.module-stack{position:absolute;left:38vw;right:8vw;top:20vw;display:grid;gap:1.2vw}.module-stack article{padding:1.6vw 2vw;border:1px solid rgba(255,255,255,.12);border-radius:1.2vw;background:rgba(255,255,255,.055)}.module-stack h3{margin:0 0 .5vw;color:#ff315d;font:500 1.7vw var(--serif)}.module-stack p{margin:0;color:rgba(255,255,255,.6);font:.72vw var(--sans)}
.transfer{background-image:radial-gradient(circle at 90% 50%,rgba(249,23,72,.42),transparent 42%),url("../figma-portfolio/assets/ant-case-dark-bg.png")}.triple-phone{position:absolute;left:8vw;right:8vw;top:17vw;display:flex;justify-content:center;gap:3.2vw;align-items:flex-end}.triple-phone>img,.triple-phone figure img{width:15vw;height:32.5vw;object-fit:cover;object-position:top;border-radius:1.9vw;filter:drop-shadow(0 1.3vw 2vw rgba(0,0,0,.35))}.triple-phone figure{margin:0;text-align:center}.triple-phone figcaption{margin-top:1vw;color:#ff7c97;font:.7vw var(--sans)}.half-screen{position:absolute;right:5vw;bottom:5vw;width:20vw;padding:1.7vw;border-radius:1.2vw;background:var(--pink);box-shadow:0 0 3vw rgba(249,23,72,.26)}.half-screen span{font:.62vw var(--sans);text-transform:uppercase}.half-screen h3{margin:.5vw 0;font:500 2vw var(--serif)}.half-screen p{font:.68vw/1.5 var(--sans)}.soft-stage{position:absolute;left:10vw;top:16vw;width:60vw;height:36vw;display:flex;gap:4vw;align-items:flex-end;justify-content:center;padding:3vw;border-radius:2vw;background:linear-gradient(135deg,#eff2ff,#dbe5ff)}.soft-stage img{width:16vw;height:34vw;object-fit:cover;object-position:top;border-radius:2vw;filter:drop-shadow(0 1vw 1.5vw rgba(44,59,90,.18))}.deposit-note{right:7vw;top:26vw}.compare-copy{position:absolute;left:7.2vw;top:15vw;width:29vw}.compare-copy h2{margin:0 0 1.5vw;font:500 3.3vw/.98 var(--serif)}.compare-copy p{color:rgba(255,255,255,.62);font:.8vw/1.6 var(--sans)}.dark-compare{left:43vw}.dark-compare img{filter:drop-shadow(0 1.2vw 2vw rgba(0,0,0,.45))}.reward .triple-phone{top:18vw}
.system-page{position:relative;min-height:103vw;padding:7vw 7.2vw}.system-page .section-head{position:relative;left:auto;top:auto;width:65vw}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:5vw}.foundation-grid article{min-height:24vw;padding:2.5vw;border:1px solid #ebe9ee;border-radius:1.4vw}.foundation-grid h3{margin:.4vw 0 2vw;font:600 2.3vw var(--sans)}.type-xl{font:600 3.6vw var(--sans)}.type-lg{font:600 2vw var(--sans)}.foundation-grid p{font:.85vw/1.6 var(--sans)}.foundation-grid small{font:.65vw var(--sans)}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:1vw}.swatches i{position:relative;height:7vw;border:1px solid #eee;border-radius:.8vw;background:var(--c)}.swatches b{position:absolute;left:.7vw;bottom:.6vw;color:#777;font:600 .58vw var(--sans);mix-blend-mode:difference}.icon-system,.components{margin-top:5vw}.icon-system>div{padding:2vw;border-radius:1.2vw;background:#f6f5f8;color:var(--purple);font:400 2vw var(--sans);letter-spacing:1.5vw}.component-board{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.5vw;padding:3vw;border-radius:1.6vw;background:#f5f5f8}.component-board label{display:grid;gap:.5vw;font:.65vw var(--sans)}.component-board input{padding:1vw;border:1px solid #dedce3;border-radius:.7vw;background:white}.component-board button{border:0;border-radius:.7vw;color:#fff;background:var(--purple);font:600 .7vw var(--sans)}.component-board .secondary{color:var(--purple);border:1px solid var(--purple);background:white}.toast,.profile,.tabs{padding:1vw;border-radius:.7vw;background:#fff;box-shadow:0 .5vw 1.4vw rgba(34,30,40,.07);font:.68vw var(--sans)}.profile{display:flex;align-items:center;gap:.8vw}.profile i{width:2vw;height:2vw;border-radius:50%;background:#ddd}.profile p{display:grid;margin:0}.profile small{color:#888}.profile>span{margin-left:auto}.tabs{display:flex;justify-content:space-around}.tabs b{color:var(--purple);border-bottom:2px solid var(--purple)}
.finale{display:grid;place-items:center}.final-devices{position:absolute;left:20vw;top:4vw;width:60vw;height:44vw;object-fit:contain}.final-copy{position:absolute;left:0;right:0;bottom:3.8vw;text-align:center}.final-copy>span{color:rgba(255,255,255,.55);font:.7vw var(--sans);letter-spacing:.18em;text-transform:uppercase}.final-copy h2{margin:.4vw 0;font:500 3vw var(--serif)}.final-copy p{color:rgba(255,255,255,.6);font:.68vw var(--sans)}.final-copy a{display:inline-block;margin-top:.8vw;padding:.7vw 1.2vw;border:1px solid var(--pink);border-radius:99px;color:var(--pink);font:.65vw var(--sans)}
@media(max-width:800px){.case-nav{top:14px;left:16px;right:16px;grid-template-columns:1fr auto}.brand img:first-child{width:28px}.brand img:last-child{width:88px}.case-nav nav,.language{display:none}.home-link{padding:10px 14px;font-size:11px}.screen{min-height:110svh}.section-head,.research-overview .section-head,.restructure .section-head{left:24px;right:24px;top:90px;width:auto}.section-head h2,.research-overview .section-head h2,.interview .section-head h2,.architecture .section-head h2{font-size:36px}.eyebrow,.section-head>span,.journey-title>span,.product-copy>span{font-size:10px}.cover-copy{left:24px;top:130px;width:80vw}.cover-copy h1{font-size:22vw}.cover-copy p:last-child{width:78vw;font-size:13px}.cover-hand{right:-20vw;width:125vw}.cover-band{height:auto;padding:20px 24px;grid-template-columns:1fr}.cover-band p{font-size:11px}.section-copy{left:24px;top:100px;width:86vw}.section-copy h2{font-size:12vw}.section-copy p{max-width:none;font-size:13px}.business-card{left:24px;right:24px;top:350px;width:auto;height:430px}.business-card h3{font-size:28px}.product-orbits span{width:90px;height:90px;font-size:10px}.product-orbits span:nth-child(1){left:35%;top:10px}.product-orbits span:nth-child(2){left:0;top:120px}.product-orbits span:nth-child(3){right:0;top:120px}.product-orbits span:nth-child(4){left:35%;top:125px}.product-orbits span:nth-child(5){left:15%;bottom:-110px}.product-orbits span:nth-child(6){right:15%;bottom:-110px}.growth-track{display:none}.phone-left{left:24px;bottom:-60px;width:35vw;height:76vw}.research-cards{left:43vw;right:20px;top:280px;grid-template-columns:1fr}.metric:last-child{grid-column:auto}.metric{min-height:170px;padding:18px}.metric small{font-size:11px}.metric strong{font-size:42px}.bars p{grid-template-columns:78px 1fr;font-size:9px}.bars b{height:18px;font-size:8px}.phone-pair{left:20px;bottom:20px}.phone-pair img{width:30vw;height:65vw}.quote-grid{left:20px;right:20px;top:240px;grid-template-columns:1fr 1fr}.quote-grid blockquote{min-height:130px;padding:16px;font-size:18px}.journey-person{display:none}.journey-title{left:24px;top:90px}.journey-title h2{font-size:48px}.journey-map{left:24px;right:24px;top:230px;grid-template-columns:1fr}.journey-line{display:none}.journey-map article{padding:10px 0 10px 50px}.journey-map article b{top:10px;width:32px;height:32px;font-size:9px}.journey-map h3{min-height:0;font-size:17px}.journey-map p{font-size:11px}.journey-map footer{font-size:9px;flex-wrap:wrap}.competitors,.radar,.direction,.strategy-grid,.architecture-grid,.product-copy,.intro-phone,.intro-person,.brand-person,.brand-card,.compare-phone,.change-notes,.feature-phone,.floating-card,.callout,.module-stack,.triple-phone,.soft-stage,.compare-copy{transform:scale(.8);transform-origin:center}.strategy-grid,.architecture-grid{left:20px;right:20px;grid-template-columns:1fr}.strategy-grid{top:240px}.strategy-grid article{min-height:auto;padding:20px}.strategy-grid b{font-size:36px}.strategy-grid h3{font-size:24px}.strategy-grid p{font-size:11px}.architecture{min-height:1450px}.architecture-grid{top:250px}.architecture-grid article{padding-top:50px}.architecture-grid h3{padding:15px;font-size:17px}.architecture-grid p{padding:12px;font-size:11px}.system-page{min-height:auto;padding:95px 24px}.system-page .section-head{width:auto}.foundation-grid{grid-template-columns:1fr;gap:20px}.foundation-grid article{padding:24px}.foundation-grid h3{font-size:28px}.foundation-grid p{font-size:12px}.swatches i{height:100px}.icon-system>div{font-size:20px}.component-board{grid-template-columns:1fr;padding:24px}.component-board>*{min-height:50px}.finale{min-height:100svh}.final-devices{left:-10vw;top:18vh;width:120vw;height:55vh}.final-copy{bottom:12vh;padding:0 24px}.final-copy h2{font-size:48px}.final-copy p{font-size:10px}.final-copy a{padding:10px 14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.guide-lines path{stroke-dashoffset:0;transition:none}.guide-lines circle{opacity:1;transition:none}}
@media(min-width:801px){.deposits .section-head{width:30vw}.deposits .soft-stage{top:20vw;height:32vw;padding:2vw 3vw}.deposits .soft-stage img{width:15vw;height:31vw;border-radius:1.9vw}.deposits .deposit-note{top:29vw}}
@media(max-width:800px){.research-overview{min-height:1450px}.research-overview .phone-left{display:none}.research-overview .research-cards{left:24px;right:24px;top:540px}.research-overview .metric{min-height:210px;padding:22px}.research-overview .metric small{font-size:13px}.research-overview .metric strong{margin-top:32px;font-size:56px}.research-overview .bars p{grid-template-columns:92px 1fr;margin:12px 0;font-size:10px}.research-overview .bars b{height:20px}.research-overview .metric:last-child{display:block;min-height:190px}}

/* Figma node 1197:3585 / 1197:3788 — exact desktop reconstruction */
@media(min-width:801px){
  .case-nav{top:2.083333vw;left:3.645833vw;right:3.645833vw}.case-nav nav{padding:.416667vw}.case-nav nav a{padding:.416667vw .625vw;font-size:.833333vw}.case-nav nav{gap:.208333vw}.home-link{height:2.34375vw;padding:0 1.041667vw;background:var(--pink);color:#fff;border:0;font:700 .885417vw var(--serif);display:flex;align-items:center}.home-link:before{content:'‹';display:grid;place-items:center;width:1.041667vw;height:1.041667vw;margin-right:.416667vw;border-radius:50%;color:var(--pink);background:#fff;font:700 1.1vw/1 var(--serif)}
  .cover,.growth{height:56.25vw;min-height:0}.cover:before,.growth:before{display:none}.cover{background:#0f181d}.cover-scene,.cover-foreground{position:absolute;left:0;top:0;width:100vw;height:49.010417vw;object-fit:fill;object-position:bottom}.cover-scene{z-index:0}.cover-title{position:absolute;z-index:1;left:7.34375vw;right:7.34375vw;top:5.9vw;margin:0;color:#fff;font:700 17.443802vw/.98 var(--serif);letter-spacing:-.045em;white-space:nowrap}.cover-title span{float:right}.cover-foreground{z-index:2;pointer-events:none}.cover-financial{position:absolute;z-index:1;left:7.34375vw;top:25.104167vw;color:#fff;font:600 1.58vw var(--serif)}.cover-financial i,.cover-band-title i,.growth-heading i{display:inline-grid;place-items:center;border-radius:50%;font-style:normal}.cover-financial i{width:1.05vw;height:1.05vw;margin-right:.28vw;color:#333;background:#fff;font-size:.62vw}.cover-version{position:absolute;z-index:1;left:86.25vw;top:24.791667vw;color:#fff;font:500 1.193646vw var(--serif);white-space:nowrap}.cover-band{z-index:3;height:7.239583vw;padding:1.25vw 3.645833vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.145833vw}.cover-band-title{display:flex;align-items:center;gap:.5vw}.cover-band-title i{width:2.083333vw;height:2.083333vw;color:#333;background:#fff;font-size:.9vw}.cover-band-title span{font:600 1.614583vw var(--serif)}.cover-band p{max-width:none;width:100%;font:500 1.25vw/1.1 var(--serif)}
  .growth{background-image:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(119.36deg,#3d2013 0%,#0f1418 12.096%,#0f191d 68.521%)}.growth:after{content:'';position:absolute;z-index:0;inset:0;background:url('../figma-portfolio/assets/ant-case-p02-bg.png') center/cover;mix-blend-mode:soft-light;opacity:.38}.growth-heading{position:absolute;z-index:2;left:3.645833vw;top:5.989583vw;width:92.708333vw;color:#fff}.growth-heading>div{display:flex;align-items:center;gap:.5vw}.growth-heading i{width:2.083333vw;height:2.083333vw;color:#333;background:#fff;font-size:.9vw}.growth-heading h2{margin:0;font:600 1.614583vw var(--serif)}.growth-heading p{margin:1.145833vw 0 0;font:500 1.25vw var(--serif)}
  .growth-visual{position:absolute;z-index:2;left:3.645833vw;top:10.9375vw;width:92.708333vw;height:25.833333vw;overflow:hidden}.growth-cone{position:absolute;left:1.5vw;right:12.4vw;top:5.8vw;height:16.8vw;clip-path:polygon(0 50%,100% 0,100% 100%);background-image:radial-gradient(circle,#c8c8c8 0 3.3px,transparent 3.7px);background-size:13px 13px;opacity:.66}.growth-start{position:absolute;left:2.18vw;top:11.82vw;width:12vw;text-align:center;color:#fff}.growth-start>i{position:absolute;left:4.08vw;top:0;width:2.504vw;height:2.504vw;border-radius:50%;background:#fff3f6}.growth-start>em{position:absolute;left:5.3vw;top:2.95vw;width:1px;height:2.22vw;background:#fff}.growth-start strong{display:block;margin-top:5.28vw;font:600 2.146vw var(--serif)}.growth-start span{display:block;margin-top:.65vw;font:400 2.146vw var(--serif);white-space:nowrap}.growth-end{position:absolute;right:6.43vw;top:0;width:26.155vw;height:25.84vw;color:#fff;text-align:center}.growth-end:before{content:'';position:absolute;left:4.25vw;top:4.3vw;width:17.615vw;height:17.615vw;border-radius:50%;background:#f91748;box-shadow:0 0 3.5vw rgba(249,23,72,.5)}.growth-end>div{position:absolute;z-index:1;left:5.9vw;top:9.65vw;width:14vw}.growth-end small{display:block;font:500 1.788333vw var(--serif)}.growth-end strong{display:block;margin-top:.4vw;font:700 2.742604vw var(--serif)}.growth-end>span{position:absolute;left:10.55vw;top:22.7vw;font:600 2.146vw var(--serif)}
  .business-panel{position:absolute;z-index:3;left:3.645833vw;top:38.59375vw;width:92.708333vw;height:17.552083vw;padding:1.25vw;border-radius:1.25vw;background:#2c2b2b;display:grid;grid-template-columns:20.6vw 1fr;gap:2.34375vw;align-items:center}.business-copy h3{margin:0 0 1.98vw;color:#fff;font:600 1.614583vw var(--serif)}.business-copy p{margin:0;width:18.958333vw;color:#fff;font:500 1.25vw/1.12 var(--serif)}.business-products{display:flex;gap:3.489583vw;align-items:center}.business-products span{display:grid;place-items:center;width:8.333333vw;height:8.333333vw;flex:0 0 8.333333vw;border-radius:50%;color:#fff;background:#1b1b1b;text-align:center;font:500 1.614583vw/1.06 var(--serif)}.business-products span.active{background:#f91748}
}

/* Pixel calibration — pages 12, 13 and 16 */
@media(min-width:801px){
  .p12-stage{isolation:isolate}
  .p12-card.stock-card{box-sizing:border-box;left:170px;top:147px;width:343px;height:356px;padding:16px;border-radius:16px;font-family:var(--sans);color:#333;background:#fff;overflow:hidden}
  .p12-card.stock-card h3{margin:0 0 13px;font:600 15px/1.2 var(--sans)}
  .p12-card .holding-tabs{height:32px;display:flex;gap:43px;align-items:flex-start;border-bottom:1px solid #ddd;font:14px/1 var(--sans)}
  .p12-card .holding-tabs b{height:32px;padding:0 19px 10px;color:#333;border-bottom:3px solid #765bff}.p12-card .holding-tabs span{color:#888}
  .p12-card.stock-card>small{display:flex;justify-content:space-between;margin:12px 0 7px;color:#777;font:11px/1 var(--sans)}.p12-card.stock-card>small em{font-style:normal}
  .p12-card.stock-card>p{height:43px;margin:0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;font:12px/1.15 var(--sans)}
  .p12-card.stock-card>p i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;font-style:normal;font-weight:700;background:#e6252b}.p12-card.stock-card>p i.alibaba{background:#ff650f}.p12-card.stock-card>p i.hsbc{background:#e52b22}
  .p12-card.stock-card>p b,.p12-card.stock-card>p strong{font:600 12px/1.15 var(--sans)}.p12-card.stock-card>p strong{color:#16b968;text-align:right}.p12-card.stock-card>p strong.loss{color:#f2474b}.p12-card.stock-card>p small{display:block;margin-top:2px;color:#888;font:10px/1 var(--sans)}
  .p12-card .hot{height:22px;padding:4px 8px;border-radius:12px;color:#20aff0;background:#eefaff;font:10px/1.4 var(--sans);white-space:nowrap;overflow:hidden}
  .p12-assets{position:absolute;z-index:4;left:685px;top:236px;display:flex;gap:12px;filter:drop-shadow(5px 16px 12px rgba(0,0,0,.08))}
  .p12-assets article{box-sizing:border-box;width:203px;height:139px;padding:20px;border-radius:20px;color:#fff;display:flex;flex-direction:column;background:linear-gradient(135deg,#241078,#21128f 55%,#5848e8);overflow:hidden}
  .p12-assets article.fund{background:linear-gradient(135deg,#15287d,#173a9b 58%,#4f84ea)}.p12-assets article.current{background:linear-gradient(135deg,#650a23,#8e1435)}.p12-assets article.fixed{background:linear-gradient(135deg,#00623f,#03855e)}
  .p12-assets b{font:600 16px/1 var(--sans)}.p12-assets strong{margin-top:14px;white-space:nowrap;font:500 23px/1 var(--sans)}.p12-assets span{margin-top:18px;white-space:nowrap;font:14px/1 var(--sans)}
  .p12-copy.stock-copy{left:105px;top:503px}.p12-copy.asset-copy{left:1184px;top:467px}.p12-copy b{font-weight:600}.p12-copy p{line-height:1.12}
  .p12-line{height:auto;background:none;border-color:#f91748;border-style:dashed;border-width:0;transform:none!important}.p12-line:after{width:16px;height:16px;right:-8px;top:-8px;border:0;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.12)}
  .p12-line.line-left{left:503px;top:349px;width:178px;height:152px;border-right-width:3px;border-bottom-width:3px;border-radius:0 0 22px 0}.p12-line.line-left:after{right:-9px;top:-9px}
  .p12-line.line-right{left:1079px;top:397px;width:157px;height:92px;border-left-width:3px;border-bottom-width:3px;border-radius:0 0 0 22px}.p12-line.line-right:after{left:-9px;right:auto;top:-9px}

  .p13-stage{background:transparent}.p13-stage>img{display:none}
  .p13-hero-phone{position:absolute;left:199px;top:-8px;width:535px;height:879px;overflow:hidden}
  .p13-hero-phone img{position:absolute;left:-123.25%;top:-39.68%;width:420.17%;height:170.65%;max-width:none;object-fit:fill}
  .p13-module{box-sizing:border-box;position:absolute;z-index:3;border-radius:20px;color:#333;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16);font-family:var(--sans)}
  .p13-module h3{margin:0 0 15px;font:500 17px/1.2 var(--sans)}.p13-module h3>small{float:right;color:#999;font:12px/1.2 var(--sans)}
  .p13-module p{position:relative;margin:0;font:13px/1.2 var(--sans)}.p13-module p b{font-weight:500}.p13-module p strong{position:absolute;right:0;top:0;text-align:right;font:500 14px/1.1 var(--sans)}.p13-module p strong small,.p13-module p b small{display:block;margin-top:5px;color:#777;font:11px/1 var(--sans)}
  .p13-module p em{position:absolute;left:31px;top:22px;color:#765bff;font:11px/1 var(--sans)}.p13-module .purple{color:#765bff}.p13-module p b i{padding:2px 4px;border-radius:5px;color:#fff;background:#ff543f;font:9px/1 var(--sans)}
  .deposit-card{left:571px;top:74px;width:459px;height:260px;padding:22px}.deposit-card p{height:58px}
  .transaction-card{left:636px;top:367px;width:434px;height:120px;padding:18px}.transaction-card h3{margin-bottom:10px}.transaction-card p{display:grid;grid-template-columns:28px 1fr auto;align-items:center}.transaction-card p>i{width:20px;height:20px;border-radius:50%;background:conic-gradient(#765bff,#22d3ee,#ff4e88,#765bff)}.transaction-card p em{position:static;padding:6px 8px;border-radius:7px;color:#765bff;background:#eee9ff;white-space:nowrap}
  .insurance-card{left:663px;top:519px;width:451px;height:201px;padding:18px;overflow:hidden}.insurance-card nav{display:flex;gap:20px;margin-bottom:18px;color:#888;white-space:nowrap;font:13px/1 var(--sans)}.insurance-card nav b{padding:4px 7px;border-radius:6px;color:#765bff;background:#eee9ff}.insurance-card p{display:grid;grid-template-columns:72px 1fr auto;align-items:center}.insurance-card p>i{width:65px;height:54px;border-radius:8px;background:linear-gradient(135deg,#ece4cc,#82a6a5)}.insurance-card p>strong{position:static;font:30px/1 var(--sans)}
  .p13-notes{left:1187px;top:119px;width:467px}.p13-notes article:nth-child(1){top:0}.p13-notes article:nth-child(2){top:262px}.p13-notes article:nth-child(3){top:446px}.p13-notes b,.p13-notes p{font-size:24px;line-height:1.12}
  .p13-line{position:absolute;z-index:2;height:0;border-top:3px dashed #f91748}.p13-line:after{content:"";position:absolute;right:-10px;top:-10px;width:16px;height:16px;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.13)}
  .p13-line.line-one{left:979px;top:119px;width:188px;transform:rotate(0deg);transform-origin:left}.p13-line.line-one:before{content:"";position:absolute;left:0;top:0;width:95px;height:85px;border-left:3px dashed #f91748;border-bottom:3px dashed #f91748;border-radius:0 0 0 20px;transform:translateY(0)}
  .p13-line.line-two{left:1036px;top:420px;width:117px}.p13-line.line-three{left:1035px;top:625px;width:117px}

  .p16-copy{left:70px;width:720px}.p16-copy p{width:720px}
  .p16-compare{left:930px;top:131px;gap:95px}
  .p16-compare figure{width:411.339px}.p16-phone{position:relative;width:411.339px;height:850px;border-radius:78px;overflow:hidden;background:#000}
  .p16-phone img{position:absolute;display:block;max-width:none}.p16-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;border-radius:0;object-fit:fill}.p16-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;border-radius:0;object-fit:fill;pointer-events:none}
}

/* Figma checkpoint — pages 9–11 */
@media(min-width:801px){
  .product-intro,.brand-spread,.restructure{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}

  .p09-head{left:70px;top:115px;width:1780px}
  .p09-head p{width:1116px;font:700 24px/normal 'Cormorant Infant',serif}
  .p09-main{position:absolute;left:70px;top:333px;width:1127px;height:677px;border-radius:48px;overflow:hidden}
  .p09-main>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
  .p09-main>div{position:absolute;left:661px;top:265px;width:433px;color:#333}
  .p09-main h3{margin:0;font:600 31px/normal 'Cormorant Infant',serif}
  .p09-main p{margin:12px 0 0;font:500 24px/normal 'Cormorant Infant',serif}
  .p09-side{position:absolute;left:1255px;top:164px;width:595.1px;height:845.759px;border-radius:40.924px;overflow:hidden;background:#c5c5c5}
  .p09-side>img{position:absolute;left:.09%;top:0;width:115.75%;height:105.73%;max-width:none;object-fit:fill}
  .p09-side:after{content:"";position:absolute;z-index:1;inset:0;background:rgba(71,71,71,.42)}
  .p09-side .benefit-icons{position:absolute;z-index:2;left:23.02px;top:422.88px;display:grid;grid-template-columns:repeat(3,150.415px);grid-auto-rows:148.065px;gap:48.619px}
  .p09-side .benefit-icons img{width:150.415px;height:148.065px;max-width:none;object-fit:contain}

  .p10-stage{position:absolute;left:70px;top:115px;width:1387px;height:897px;border-radius:48px;overflow:hidden}
  .p10-stage>img{position:absolute;left:-.21%;top:-49.46%;width:100.17%;height:235.1%;max-width:none;object-fit:fill}
  .p10-stage>div{position:absolute;left:219px;top:407px;color:#fff;white-space:nowrap;font:700 167.468px/1 'Cormorant Infant',serif;letter-spacing:-5px}
  .p10-panel{box-sizing:border-box;position:absolute;left:1350px;top:115px;width:500px;height:897px;padding:24px;border-radius:0 48px 48px 0;background:#f91748;color:#fff;overflow:hidden}
  .p10-panel h2{display:flex;align-items:center;gap:9.595px;margin:0;color:#fff;font:600 58px/normal 'Cormorant Infant',serif}
  .p10-panel h2 i{display:block;width:46.376px;height:46.376px;flex:0 0 46.376px;color:transparent;background:url('../figma-portfolio/assets/ant-case-icon-cover.svg') center/100% 100% no-repeat}
  .p10-panel>p{width:440px;margin:34px 0 0;font:600 24px/normal 'Cormorant Infant',serif}
  .p10-panel>p+p{margin-top:56px}
  .p10-panel .benefit-icons{position:absolute;left:24px;top:566px;display:grid;grid-template-columns:repeat(3,123.495px);grid-auto-rows:121.566px;gap:40px}
  .p10-panel .benefit-icons img{width:123.495px;height:121.566px;max-width:none;object-fit:contain}

  .p11-head{left:70px;top:115px;width:768px;gap:22px}
  .p11-head p{width:768px;font:700 24px/normal 'Cormorant Infant',serif}
  .p11-notes{box-sizing:border-box;position:absolute;z-index:1;left:70px;top:485px;width:1708px;min-height:376px;padding:53px 24px;border-radius:48px;background:#fff1f4;color:#333;display:flex;gap:35px}
  .p11-notes p{margin:0;font:600 24px/normal 'Cormorant Infant',serif}
  .p11-notes p:first-child{width:813px}.p11-notes p:last-child{width:818px}
  .p11-phones{position:absolute;z-index:2;inset:0}
  .p11-phones figure{position:absolute;top:146px;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}
  .p11-phones figure:first-child{left:991px;width:388px}.p11-phones figure:last-child{left:1410px;width:440px}
  .p11-phones figcaption{box-sizing:border-box;min-width:136px;padding:4px 20px;border-radius:999px;background:#f91748;color:#fff;text-align:center;font:700 30px/normal 'Cormorant Infant',serif}
  .p11-phone{position:relative;width:388px;height:802px;border-radius:71.6px;overflow:hidden;background:#000}
  .p11-phone .phone-screen,.p11-phone .phone-frame{position:absolute;display:block;max-width:none}
  .p11-phone .phone-screen{z-index:1;inset:0;width:100%;height:100%;object-fit:fill}
  .p11-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}
  .p11-phone.new .phone-screen{left:4.21%;top:1.57%;width:91.91%;height:96.31%}
}

/* Final Figma calibration — pages 18–20 */
@media(min-width:801px){
  .p18,.p19{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}.p20{width:1920px;height:1179px;min-height:1179px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}
  .p18-head,.p20-head{left:70px;top:114px;width:1780px}.p18-head h2,.p20-head h2{color:#fff}.p18-head h2 i,.p20-head h2 i{background-image:url('../figma-portfolio/assets/ant-case-icon-dark.svg')}.p18-head p,.p20-head p{width:1780px;color:#fff;font:500 24px/normal 'Cormorant Infant',serif}
  .p18-compare{position:absolute;left:66.39px;top:245px;display:flex;gap:182px;align-items:flex-end}.p18-compare figure{width:440px;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.p18-compare figcaption{padding:0 20px;border-radius:30px;background:#f2f2f2;color:#777;font:700 30px/normal 'Cormorant Infant',serif}.p18-compare figure:last-child figcaption{background:#ffe6ec;color:#f91748}.p18-compare img{width:388.111px;height:802px;border-radius:73px;object-fit:fill}
  .p19-compare{position:absolute;left:70px;top:145px;display:flex;gap:58px;align-items:flex-end}.p19-compare>div{display:flex;flex-direction:column;align-items:center;gap:20px}.p19-compare>div>b{padding:0 20px;border-radius:30px;background:#f2f2f2;color:#777;font:700 30px/normal 'Cormorant Infant',serif}.p19-compare>div:last-child>b{background:#ffe6ec;color:#f91748}.p19-compare figure{display:flex;isolation:isolate;margin:0}.p19-compare figure img{width:362.946px;height:750px;border-radius:68.267px;object-fit:fill}.p19-compare figure img+img{margin-left:-210px;z-index:-1}.p19-compare>div:last-child figure img{width:411.339px;height:850px;border-radius:77.369px}.p19-compare>div:last-child figure img+img{margin-left:-200px}
  .p19-copy{position:absolute;left:1281px;top:303px;width:539px;color:#fff;font-family:'Cormorant Infant',serif}.p19-copy h2{margin:0 0 24px;font:700 31px/normal 'Cormorant Infant',serif}.p19-copy p{width:539px;margin:0 0 24px;font:700 24px/normal 'Cormorant Infant',serif}
  .p20-head{top:115px}.p20-phones{position:absolute;left:70px;top:251px;display:flex;gap:173px}.p20-phones img{width:439.407px;height:908px;border-radius:81.071px;max-width:none;object-fit:fill}
}

/* Final Figma calibration — pages 12–14 */
@media(min-width:801px){
  .p12,.p13,.p14{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}
  .p12-head,.p14-head{left:70px;top:114px;width:1780px}.p12-head h2,.p14-head h2{color:#fff}.p12-head h2 i,.p14-head h2 i{background-image:url('../figma-portfolio/assets/ant-case-icon-dark.svg')}.p12-head p,.p14-head p{width:1780px;color:#fff;font:500 24px/normal 'Cormorant Infant',serif}
  .p12-stage{position:absolute;left:70px;top:274px;width:1780px;height:758px;border-radius:40px;overflow:hidden;background:#f1f5ff;color:#333}
  .p12-phone{position:absolute;left:656px;top:35px;width:439.407px;height:908px;border-radius:81.071px;overflow:hidden}.p12-phone img{position:absolute;display:block;max-width:none}.p12-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p12-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill}
  .p12-card{position:absolute;overflow:hidden;border-radius:16px;background:#fff;box-shadow:5px 16px 12.5px rgba(0,0,0,.07)}.p12-card img{position:absolute;max-width:none;object-fit:fill}.p12-card.stock-card{left:170px;top:147px;width:343px;height:356px}.p12-card.stock-card img{left:-4px;top:-171px;width:343px;height:743px}.p12-card.asset-card{left:685px;top:236px;width:536px;height:188px;border-radius:24px}.p12-card.asset-card img{left:-18px;top:-27px;width:536px;height:1160px}
  .p12-copy{position:absolute;margin:0;color:#333;font-family:'Cormorant Infant',serif}.p12-copy b{display:block;color:#f91748;font-size:24px;line-height:normal}.p12-copy p{width:454px;margin:17px 0 0;font-size:24px;line-height:normal}.p12-copy.stock-copy{left:105px;top:467px}.p12-copy.asset-copy{left:1184px;top:431px}.p12-line{position:absolute;height:2px;background:#f91748;transform-origin:left center}.p12-line:after{content:"";position:absolute;right:-10px;top:-5px;border-left:12px solid #f91748;border-top:6px solid transparent;border-bottom:6px solid transparent}.p12-line.line-left{left:503px;top:494px;width:188px;transform:rotate(-40deg)}.p12-line.line-right{left:1079px;top:397px;width:157px;transform:rotate(42deg)}
  .p13-stage{position:absolute;left:70px;top:131px;width:1780px;height:866px;border-radius:40px;overflow:hidden}.p13-stage>img{position:absolute;left:-95px;top:-151px;width:2250px;height:1500px;max-width:none;object-fit:fill}
  .p13-notes{position:absolute;left:1327px;top:250px;width:467px;color:#fff;font-family:'Cormorant Infant',serif}.p13-notes article{position:absolute;left:0;width:467px}.p13-notes article:nth-child(1){top:0}.p13-notes article:nth-child(2){top:262px}.p13-notes article:nth-child(3){top:446px}.p13-notes b{display:block;font-size:24px;line-height:normal}.p13-notes p{margin:17px 0 0;font-size:24px;line-height:normal}
  .p14-head{gap:22px}.p14-flow{position:absolute;left:70px;top:258px;width:1454px;height:769px}.p14-flow>img{position:absolute;width:318px;height:690px;border-radius:40px;object-fit:fill}.p14-flow .transfer-one{left:0;top:79px}.p14-flow .transfer-two{left:439px;top:79px}.p14-flow .transfer-final{position:absolute;left:1152px;top:0;width:372px;height:769px;border-radius:73px;overflow:hidden;background:#f6faff}.p14-flow .transfer-final img{position:absolute;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p14-flow .step{position:absolute;z-index:3;top:0;padding:8px 12px;border-radius:45px;background:#f91748;color:#fff;font:500 24px/normal 'Cormorant Infant',serif}.p14-flow .step-one{left:103px}.p14-flow .step-two{left:550px}.p14-flow .flow-arrow{position:absolute;left:189px;top:24px;width:846px;height:110px;border-top:3px solid #f91748}.p14-flow .flow-arrow:after{content:"";position:absolute;right:-3px;top:-9px;border-left:16px solid #f91748;border-top:8px solid transparent;border-bottom:8px solid transparent}
  .p14-note{box-sizing:border-box;position:absolute;left:1505px;top:394px;width:345px;height:497px;padding:24px;border-radius:16px;background:#f91748;color:#fff}.p14-note h3{margin:0;font:700 31px/normal 'Cormorant Infant',serif}.p14-note p{width:297px;margin:16px 0 0;font:600 24px/normal 'Cormorant Infant',serif}
}

/* Final Figma calibration — pages 15–17 */
@media(min-width:801px){
  .p15,.p16,.p17{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}
  .p15-head,.p17-head{left:70px;top:115px;width:1780px}.p15-head h2,.p17-head h2{color:#fff}.p15-head h2 i,.p17-head h2 i{background-image:url('../figma-portfolio/assets/ant-case-icon-dark.svg')}.p15-head p,.p17-head p{width:1780px;color:#fff;font:500 24px/normal 'Cormorant Infant',serif}
  .p15-stage{position:absolute;left:70px;top:288px;width:1780px;height:758px;border-radius:40px;overflow:hidden;background:#f1f5ff;color:#333}.p15-phone{position:absolute;top:53px;width:439.407px;height:908px;border-radius:81px;overflow:hidden}.p15-phone.current{left:41px}.p15-phone.fixed{left:1203px}.p15-phone img{position:absolute;left:4.21%;top:1.57%;width:91.91%;height:96.31%;max-width:none;object-fit:fill}.p15-stage article{position:absolute;left:522px;top:88px;width:613px;color:#333;font-family:'Cormorant Infant',serif}.p15-stage article b{display:block;color:#f91748;font-size:24px;line-height:normal}.p15-stage article p{margin:12px 0 0;font-size:24px;line-height:normal}
  .p16-copy{position:absolute;left:86px;top:131px;width:722px;color:#fff;font-family:'Cormorant Infant',serif}.p16-copy h2{display:flex;align-items:center;gap:9.595px;margin:0 0 50px;font:600 31px/normal 'Cormorant Infant',serif}.p16-copy h2 i{display:block;width:40px;height:40px;color:transparent;background:url('../figma-portfolio/assets/ant-case-icon-dark.svg') center/100% 100% no-repeat}.p16-copy p{width:722px;margin:0 0 50px;font:500 24px/normal 'Cormorant Infant',serif}.p16-copy strong{color:#f91748;font-weight:700}
  .p16-compare{position:absolute;left:900px;top:131px;width:920px;height:930px;display:flex;gap:92px;align-items:flex-start}.p16-compare figure{width:411.339px;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.p16-compare figcaption{padding:0 20px;border-radius:30px;background:#f2f2f2;color:#777;font:700 30px/normal 'Cormorant Infant',serif}.p16-compare figure:last-child figcaption{background:#ffe6ec;color:#f91748}.p16-compare img{width:411.339px;height:850px;border-radius:78px;object-fit:fill}
  .p17-head{top:114px}.p17-flow{position:absolute;left:119px;top:257px;width:1682px;height:802px;display:flex;gap:259px}.p17-flow figure{width:388.111px;height:802px;margin:0;border-radius:73px;overflow:hidden}.p17-flow figure img{width:100%;height:100%;max-width:none;object-fit:fill}.p17-arrow{position:absolute;top:401px;height:3px;background:#f91748}.p17-arrow:after{content:"";position:absolute;right:-2px;top:-7px;border-left:13px solid #f91748;border-top:7px solid transparent;border-bottom:7px solid transparent}.p17-arrow.a1{left:418px;width:290px}.p17-arrow.a2{left:1069px;width:298px}.p17-label{position:absolute;top:401px;padding:8px 12px;border-radius:45px;background:#f91748;color:#fff;font:500 24px/normal var(--sans)}.p17-label.l1{left:431px;transform:translateY(58px)}.p17-label.l2{left:1127px;transform:translateY(58px)}
}

/* Figma nodes 1199:5316, 1199:6161, 1199:6307 — strategy, architecture, product intro */
@media(min-width:801px){
  .strategy,.architecture,.product-intro{width:1920px;height:1080px;min-height:1080px;zoom:var(--case-scale,1);position:relative;overflow:hidden}
  .strategy{background:linear-gradient(180deg,rgba(15,25,29,.96),#060a0d);color:#fff}
  .strategy .section-head{left:70px;top:115px;width:1780px}.strategy .section-head>span{margin:0;color:#fff;font:600 31px/1 'Cormorant Infant',serif;letter-spacing:0;text-transform:none}.strategy .section-head h2{max-width:none;margin:22px 0 0;width:1780px;font:700 24px/1.25 'Cormorant Infant',serif}.strategy .section-head p{margin:0;width:1780px;color:#fff;font:700 24px/1.25 'Cormorant Infant',serif}
  .strategy-grid{position:absolute;left:70px;top:408px;width:1780px;height:268px;display:grid;grid-template-columns:repeat(3,512px);justify-content:space-between;gap:0}
  .strategy-grid article{min-height:0;padding:0;text-align:center;border:0;background:transparent;box-shadow:none}.strategy-grid article h3{margin:0;padding:12px 48px;border-radius:24px;background:#1c1c1c;color:#fff;font:600 24px/1.25 'Cormorant Infant',serif}.strategy-grid article i{display:block;width:1px;height:30px;margin:20px auto;background:#fff}.strategy-grid article p{margin:0;color:#fff;font:600 24px/1.25 'Cormorant Infant',serif}
  .strategy .objective{position:absolute;left:70px;top:798px;width:1780px;padding:24px 28px;display:flex;flex-direction:column;gap:16px;border:0;border-radius:31px;background:#f91748;color:#fff;text-align:center}.strategy .objective span{font:600 31px/1 'Cormorant Infant',serif}.strategy .objective strong{max-width:1212px;margin:auto;font:600 31px/1.15 'Cormorant Infant',serif}
  .architecture{background:radial-gradient(circle at -5% -15%,#fff2f2,transparent 36%),radial-gradient(circle at 105% 95%,#ffe7e7,transparent 35%),#fff}
  .architecture .section-head{left:0;top:115px;width:1920px;padding:16px 70px;background:#f91748;color:#fff}.architecture .section-head span,.architecture .section-head h2{color:#fff}.architecture .section-head h2{max-width:none;margin:18px 0 0;font:400 24px/1.2 'Cormorant Infant',serif;white-space:nowrap}
  .architecture-root{position:absolute;left:831px;top:301px;padding:16px;border:1px solid #333;border-radius:16px;font:400 24px/1 'Cormorant Infant',serif}
  .architecture-grid{position:absolute;left:30px;top:435px;width:1860px;display:grid;grid-template-columns:repeat(5,324px);justify-content:space-between;gap:0}.architecture-grid:before{content:"";position:absolute;left:162px;right:162px;top:-34px;height:1px;background:#333}
  .architecture-grid article{position:relative;padding:68px 0 0;border:0;background:transparent;box-shadow:none}.architecture-grid article:before{content:"";position:absolute;left:50%;top:-34px;width:1px;height:102px;background:#333}.architecture-grid h3{position:absolute;left:79px;top:0;min-width:166px;margin:0;padding:16px;border:0;border-radius:16px;background:#333;color:#fff;text-align:center;font:400 24px/1 'Cormorant Infant',serif}.architecture-grid p{position:relative;margin:0 0 20px;padding:8px;border:1px solid #333;border-radius:8px;color:#333;text-align:center;font:400 18px/1.2 Arial,sans-serif}.architecture-grid p:before{content:"";position:absolute;left:50%;top:-21px;height:20px;border-left:1px solid #333}.architecture-grid p b{display:block;margin-bottom:2px;font-weight:700}
  .product-intro{background:#fff}.product-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at -5% -20%,#fff1f1,transparent 35%),radial-gradient(circle at 105% 95%,#ffe7e7,transparent 35%)}
  .product-intro .product-copy{position:absolute;left:70px;top:115px;width:1116px;z-index:4}.product-intro .product-copy .eyebrow{font:600 31px/1 'Cormorant Infant',serif}.product-intro .product-copy h2{margin:22px 0 0;font:700 24px/1.3 'Cormorant Infant',serif}.product-intro .product-copy p{margin:10px 0 0;width:1116px;font:700 24px/1.25 'Cormorant Infant',serif}
  .intro-scene{position:absolute;left:70px;top:333px;width:1127px;height:677px;overflow:hidden;border-radius:48px;background:#eee}.intro-scene img:first-child{width:100%;height:100%;object-fit:cover}.intro-scene img:last-child{position:absolute;left:375px;bottom:-126px;width:610px;height:700px;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(18,24,60,.25))}
  .product-intro .feature-list{position:absolute;left:1180px;top:430px;width:570px;display:flex;flex-direction:column;gap:20px}.product-intro .feature-list span{padding:18px 24px;border-radius:20px;background:#f4f0ff;color:#333;font:600 24px/1.2 'Cormorant Infant',serif}.intro-glow{position:absolute;right:-10px;bottom:-300px;width:700px;height:1100px;object-fit:cover;opacity:.36;mix-blend-mode:multiply}
}

/* Figma nodes 1199:4247, 1199:4614 and 1199:4814 */
@media (min-width:801px){
  .research-overview,.interview,.journey{width:1920px;height:1080px;min-height:1080px;zoom:var(--case-scale,1);position:relative;overflow:hidden;background:#fff;color:#333}
  .research-overview:before,.interview:before,.journey:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at -2% -8%,rgba(255,231,231,.72),transparent 26%),radial-gradient(circle at 100% 90%,rgba(255,231,231,.55),transparent 24%);pointer-events:none}
  .exact-head{position:absolute;z-index:3;left:70px;top:115px;width:1780px;display:flex;flex-direction:column;gap:22px;margin:0}
  .exact-head h2{display:flex;align-items:center;gap:10px;margin:0;font:600 31px/1.15 'Cormorant Infant',serif;color:#333}
  .exact-head h2 i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:normal 22px/1 Arial;color:#fff;background:#6c6c6c;box-shadow:0 4px 10px rgba(0,0,0,.16)}
  .exact-head p{margin:0;font:500 24px/1.2 'Cormorant Infant',serif;color:#333}
  .case-phone{position:relative;overflow:hidden}
  .case-phone .phone-frame,.case-phone .phone-screen{position:absolute;display:block;max-width:none}
  .case-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}
  .case-phone .phone-screen{z-index:1;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10.5%}

  .research-overview .phone-p03{position:absolute;left:117px;top:281px;width:352px;height:729px;border-radius:64px}
  .research-panel{position:absolute;left:640px;top:376px;width:1210px;padding:24px;border-radius:24px;background:#fff;box-shadow:0 7px 25px rgba(0,0,0,.08)}
  .research-panel h3{margin:0;font-family:'Cormorant Infant',serif;color:#333}
  .research-summary{display:flex;align-items:center;gap:32px}
  .research-summary h3{font-size:31px;font-weight:700}
  .research-summary strong{font:600 70px/1 'Cormorant Infant',serif;color:#f91748}
  .switch-title{margin-top:25px!important;font-size:31px;font-weight:500}
  .difficulty{display:grid;grid-template-columns:150px repeat(3,1fr);align-items:center;gap:48px;margin-top:24px}
  .difficulty .donut{width:150px;height:150px;border-radius:50%;background:#f91748;position:relative;overflow:hidden}
  .difficulty .donut:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0 2px,transparent 2.6px) 0 0/7px 7px;clip-path:polygon(50% 50%,50% 0,100% 0,100% 53%,75% 50%)}
  .difficulty>div:not(.donut){display:flex;flex-direction:column;gap:12px}
  .difficulty span{font:400 31px/1.1 'Cormorant Infant',serif;white-space:nowrap}
  .difficulty strong{font:600 48px/1 'Cormorant Infant',serif;color:#f91748}
  .homepage-metric{position:absolute;left:640px;top:796px;width:1210px;padding:24px;border-radius:24px;background:#fff;box-shadow:0 7px 25px rgba(0,0,0,.08)}
  .homepage-metric h3{margin:0 0 25px;font:700 31px/1.15 'Cormorant Infant',serif}
  .homepage-metric>div{display:flex;align-items:center;gap:24px}
  .homepage-metric i{width:671px;height:22px;border-radius:24px;background:linear-gradient(to right,#f91748 0 75%,#f4f4f2 75%)}
  .homepage-metric strong{font:600 48px/1 'Cormorant Infant',serif;color:#f91748}

  .interview-phones{position:absolute;left:70px;top:258px;display:flex;gap:56px}
  .interview-phones .case-phone{width:390px;height:805px;border-radius:81px}
  .quote-grid{position:absolute;left:1054px;top:355px;width:796px;display:flex;flex-direction:column;gap:89px}
  .quote-grid blockquote{box-sizing:border-box;width:100%;min-height:0;margin:0;padding:24px 40px 24px 68px;border-radius:24px;background:#fff;box-shadow:0 7px 25px rgba(0,0,0,.08);font:600 31px/1.15 'Cormorant Infant',serif;color:#333;position:relative}
  .quote-grid blockquote:before{content:"•";position:absolute;left:40px}
  .quote-grid em{font-style:normal;color:#f91748}

  .journey{padding:0!important}
  .journey-title{position:absolute;z-index:2;left:0;right:0;top:94px;height:100px;padding:17px 70px;background:#f91748;color:#fff;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}
  .journey-title h2,.journey-title p{margin:0!important;color:#fff!important;font-family:'Cormorant Infant',serif!important;line-height:1!important}
  .journey-title h2{font-size:31px!important;font-weight:600}.journey-title p{font-size:24px!important;font-weight:400}
  .persona-card{position:absolute;left:70px;top:269px;width:420px;height:741px;border-radius:32px;overflow:hidden;background:#222;color:#fff}
  .persona-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .persona-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 49%,rgba(0,0,0,.83))}
  .persona-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
  .persona-copy h3{margin:0;font:600 28px/1 'Cormorant Infant',serif}.persona-copy h3 i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;margin:0 5px}
  .persona-copy>div{display:flex;gap:24px}.persona-copy>div span{padding:4px 12px;border-radius:8px;background:rgba(255,255,255,.42);font:600 24px/1.2 'Cormorant Infant',serif}
  .persona-copy>strong{padding:0 8px;border-radius:8px;background:#f91748;font:700 30px/1.2 'Cormorant Infant',serif}.persona-copy>p{margin:0;font:400 24px/1.25 'Cormorant Infant',serif}
  .journey-map{position:absolute;left:640px;top:356px;width:1210px;height:654px;display:block}
  .journey-steps{height:130px;display:grid;grid-template-columns:1fr 1.28fr 1.75fr 1.2fr .75fr;gap:30px}
  .journey-steps article{position:static;padding:0;text-align:center}.journey-steps b{position:static;display:grid;place-items:center;width:100%;height:62px;border-radius:0;color:#fff;background:linear-gradient(90deg,#ffb6c6,#f91748);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,8% 50%);box-shadow:none;font:700 32px/1 Arial}
  .journey-steps article:nth-child(3) b{background:#f91748}.journey-steps h3{margin:17px 0 0;font:400 24px/1 'Cormorant Infant',serif}
  .emotion-chart{position:relative;height:287px;margin-top:6px}
  .emotion-chart svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:230px;overflow:visible}.emotion-chart path{fill:rgba(249,23,72,.3)}.emotion-chart polyline{fill:none;stroke:#f91748;stroke-width:3}
  .emotion-chart .note{position:absolute;z-index:2;padding:7px 14px;border-radius:12px;background:#ffe6ec;color:#f91748;text-align:center;font:700 16px/1.1 'Cormorant Infant',serif}.emotion-chart .n1{left:0;top:0}.emotion-chart .n2{left:190px;top:-4px}.emotion-chart .n3{left:440px;top:60px;background:#f91748;color:#fff;font-size:24px;width:400px}.emotion-chart .n4{right:42px;top:42px;font-size:24px}.emotion-chart .n5{right:-12px;top:112px;font-size:24px}
  .emotion-chart>i{position:absolute;z-index:3;font:normal 31px/1 sans-serif}.emotion-chart .e1{left:-8px;top:68px}.emotion-chart .e2{left:272px;top:68px}.emotion-chart .e3{left:525px;top:170px}.emotion-chart .e4{left:805px;top:130px}.emotion-chart .e5{right:-2px;top:165px}
  .journey-map footer{display:block;margin:0;padding:15px 0 0;border:0;border-top:1px solid #aaa;border-radius:0;background:transparent;font-family:'Cormorant Infant',serif}.journey-map footer h3{margin:0 0 8px;font-size:24px;color:#111}.journey-map footer p{margin:0;padding:0;color:#333;background:transparent;border:0;font:400 24px/1.2 'Cormorant Infant',serif}.journey-map footer hr{border:0;border-top:1px solid #ddd;margin:15px 0}
}

html,body{overflow-x:hidden}

/* Figma node 1199:5125 — competitive analysis */
@media(min-width:801px){
  .analysis{width:1920px;height:1080px;min-height:1080px;zoom:var(--case-scale,1);position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(119.36deg,#3d2013 0%,#0f1418 12.096%,#0f191d 68.521%)}
  .analysis:before{content:"";position:absolute;inset:0;background:url('../figma-portfolio/assets/ant-case-p06-a.png') center/cover;mix-blend-mode:soft-light;opacity:.38;pointer-events:none}
  .analysis .competitive-head{color:#fff}.analysis .competitive-head h2,.analysis .competitive-head p{color:#fff}
  .competitor-card{position:absolute;left:70px;top:351px;width:656px;padding:24px;border-radius:15px;background:#1c1c1c;display:flex;flex-direction:column;gap:35px}
  .competitor-card .competitors{position:static;width:100%;display:grid;grid-template-columns:repeat(4,96px);justify-content:space-between;gap:40px 0}
  .competitor-card .competitors img{width:96px;height:96px;padding:0;border-radius:20px;object-fit:cover;background:transparent;opacity:.7}
  .competitor-card .competitors img:first-child{opacity:1;filter:drop-shadow(0 0 18px rgba(249,23,72,.22))}
  .competitor-card>p{width:612px;margin:0;color:#fff;font:500 24px/1.2 'Cormorant Infant',serif}
  .analysis .direction{position:absolute;left:70px;right:auto;top:783px;width:656px;padding:24px;border:0;border-radius:16px;background:#f91748}
  .analysis .direction h3{margin:0 0 16px;color:#fff;font:700 31px/1.1 'Cormorant Infant',serif}.analysis .direction p{width:612px;margin:0;color:#fff;font:700 24px/1.2 'Cormorant Infant',serif}
  .position-map{position:absolute;left:774px;top:307px;width:1076px;height:679px;overflow:hidden;border-radius:24px;background:#34363d}
  .map-title{position:absolute;left:30px;top:55px;padding:0 12px;border-radius:8px;color:#fff;background:linear-gradient(90deg,#f91748,rgba(249,23,72,0));font:500 30px/1.2 'Cormorant Infant',serif}
  .axis{position:absolute;z-index:3;color:#fff;font:500 20px/1.05 'Cormorant Infant',serif}.axis-top{left:410px;top:62px}.axis-left{left:32px;top:312px}.axis-right{right:9px;top:312px}.axis-bottom{left:410px;bottom:64px}
  .map-grid{position:absolute;left:178px;top:64px;width:720px;height:552px}
  .map-grid i{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:translate(-50%,-50%)}.map-grid i:nth-child(1){width:334px;height:334px}.map-grid i:nth-child(2){width:231px;height:231px}.map-grid i:nth-child(3){width:116px;height:116px}.map-grid i:nth-child(4){width:58px;height:58px}
  .map-grid b{position:absolute;z-index:1;display:block;background:rgba(255,255,255,.45)}.map-grid .map-v{left:50%;top:51px;bottom:51px;width:1px}.map-grid .map-h{left:0;right:0;top:50%;height:1px}
  .map-grid em{position:absolute;z-index:2;left:50%;top:34px;width:240px;height:244px;clip-path:polygon(0 100%,38% 0,100% 38%);background:linear-gradient(135deg,rgba(249,23,72,.9),rgba(249,23,72,.08));filter:drop-shadow(0 0 22px rgba(249,23,72,.5))}
  .position-map>img{position:absolute;z-index:4;width:96px;height:96px;border-radius:20px;object-fit:cover;opacity:.75}.position-map .m1{left:244px;top:175px}.position-map .m2{left:420px;top:223px}.position-map .m3{left:640px;top:216px}.position-map .m4{left:766px;top:147px;opacity:1;filter:drop-shadow(0 0 18px rgba(249,23,72,.35))}.position-map .m5{left:275px;top:373px}.position-map .m6{left:390px;top:455px}.position-map .m7{left:632px;top:390px}.position-map .m8{left:766px;top:438px}
}

/* Pixel overlay calibration — Figma screens 1–5 */
@media(min-width:801px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0}


  .case-nav{height:55px;align-items:flex-start}
  .brand{width:123.429px;height:24px;gap:4.34px;overflow:hidden}
  .brand img:first-child{width:28.8px;height:20.571px}
  .brand img:last-child{width:90.333px;height:24px}
  .case-nav nav{align-items:center;gap:16px;padding:8px 12px 8px 8px;border:1px solid rgba(255,255,255,.96);background:rgba(255,243,243,.37);box-shadow:none}
  .case-nav nav a{padding:0;border-radius:34px;font:400 16px/normal 'Cormorant Infant',serif;transition:none}
  .case-nav nav a.active{padding:8px 12px;border:1px solid rgba(255,255,255,.5);font-weight:700;background:#fff}
  .nav-actions{gap:24px}
  .home-link{display:flex;height:45px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:29px;color:#fff;background:#f91748;font:700 17px/normal 'Cormorant Infant',serif;backdrop-filter:none}
  .home-link:before{display:none}
  .home-link img{width:20px;height:20px}
  .home-link img{transform:rotate(180deg)}
  .language{gap:4px;padding:2px 2px 2px 5px;border:0;border-radius:9999px;color:#fff;background:#f91748;font:700 16px/normal 'Cormorant Infant',serif;cursor:pointer}
  .language i{position:relative;width:16px;height:16px;border-radius:50%;background:transparent}
  .language i:after{display:none}
  .language i img{position:absolute;left:-8px;top:-6px;width:32px;height:36px;max-width:none}

  .cover-band-title i,.growth-heading i,.exact-head h2 i{color:transparent;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none}
  .cover-band-title i{background-image:url('../figma-portfolio/assets/ant-case-icon-cover.svg')}
  .growth-heading i{background-image:url('../figma-portfolio/assets/ant-case-icon-dark.svg')}
  .exact-head h2 i{background-image:url('../figma-portfolio/assets/ant-case-icon-light.svg')}

  .growth-end:before{background:radial-gradient(circle,rgba(249,23,72,.33) 0 45%,rgba(249,23,72,.2) 57%,rgba(249,23,72,0) 73%);box-shadow:none}
  .growth-end:after{content:"";position:absolute;z-index:0;left:81.55px;top:82.41px;width:338.212px;height:338.212px;border-radius:50%;background:#f91748}

  .case-phone .phone-screen{object-fit:fill}
  .interview-phones{gap:61px}
  .interview-phones .case-phone:nth-child(2){border-radius:75.663px}

  .journey-title{top:115px;height:116px;padding:16px 70px;gap:18px}
  .persona-card{border-radius:16px}
  .persona-card>img{left:-22.97%;right:auto;top:.02%;width:136.02%;height:99.98%;max-width:none;object-fit:fill}
  .persona-copy{left:24px;right:24px;bottom:24px;gap:24px}
  .persona-copy h3 i{width:12px;height:12px;margin:0 8px}

  .journey-steps b img{position:absolute;top:0;height:62px;max-width:none}
  .journey-steps article:nth-child(1) b img{left:0;width:133.34px}
  .journey-steps article:nth-child(2) b img,.journey-steps article:nth-child(4) b img{left:15.795px;width:175.05px}
  .journey-steps article:nth-child(3) b img{left:15.79px;width:254.55px}
  .journey-steps article:nth-child(5) b img{left:8.332px;width:125.004px}
  .journey-steps b span{inset:auto!important;top:8px!important;display:block!important;font:600 32px/normal var(--sans)!important}
  .journey-steps article:nth-child(1) b span{left:35px}.journey-steps article:nth-child(2) b span,.journey-steps article:nth-child(4) b span{left:79px}.journey-steps article:nth-child(3) b span{left:118px}.journey-steps article:nth-child(5) b span{left:50px}
  .journey-steps article:nth-child(1){align-items:flex-start}.journey-steps article:nth-child(1) h3{text-align:left}
  .journey-steps article:nth-child(5){align-items:flex-end}.journey-steps article:nth-child(5) h3{text-align:right}

  .emotion-chart:before{content:"";position:absolute;z-index:0;inset:0;background-image:repeating-linear-gradient(to bottom,#555 0 2px,transparent 2px 5px),repeating-linear-gradient(to bottom,#555 0 2px,transparent 2px 5px),repeating-linear-gradient(to bottom,#555 0 2px,transparent 2px 5px),repeating-linear-gradient(to bottom,#555 0 2px,transparent 2px 5px),repeating-linear-gradient(to bottom,#555 0 2px,transparent 2px 5px);background-position:89px 0,365.78px 0,642.32px 74.13px,918.86px 143.27px,1196px 202.45px;background-size:1px 286.545px,1px 286.545px,1px 212.417px,1px 143.272px,1px 84.095px;background-repeat:no-repeat}
  .emotion-chart .chart-area,.emotion-chart .chart-line{z-index:1}
  .emotion-chart .chart-line{left:80.31px!important;top:103.84px!important;width:1123.67px!important;height:115.463px!important}
}

/* Figma QA pass — screens 1–7 */
@media(min-width:801px){
  .case-nav{left:50%;right:auto;top:40px;width:1780px;zoom:var(--case-scale,1);transform:translateX(-50%)}
  main>.screen:nth-child(-n+7){width:1920px;height:1080px;min-height:1080px;margin-inline:auto;zoom:var(--case-scale,1)}

  .cover{background:#0f181d}.cover-composite{position:absolute;z-index:1;left:0;top:0;width:1920px;height:941px;object-fit:fill;object-position:center;pointer-events:none}
  .cover-title{left:147px;right:auto;top:136px;width:1626px;display:flex;justify-content:space-between;margin:0;font:700 334.921px/1 'Cormorant Infant',serif;letter-spacing:0}
  .cover-title span{float:none}.cover-financial{left:141px;top:482px;width:137.095px;height:22px;object-fit:fill}.cover-version{left:1656px;top:476px;font:500 22.918px/1.2 'Cormorant Infant',serif}
  .cover-band{left:0;right:auto;bottom:0;width:1920px;height:139px;padding:24px 70px;gap:22px}.cover-band-title{gap:9.595px}.cover-band-title i{width:40px;height:40px}.cover-band-title span{font-size:31px}.cover-band p{font-size:24px;line-height:1.15}

  .growth{background-image:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(119.36deg,#3d2013 0%,#0f1418 12.096%,#0f191d 68.521%)}
  .growth-heading{left:70px;top:115px;width:1780px}.growth-heading h2{font-size:31px}.growth-heading p{margin-top:22px;font-size:24px}
  .growth-visual{left:70px;top:210px;width:1780px;height:496px}.growth-cone{left:29px;right:auto;top:81.5px;width:1471px;height:340px;background:url('../figma-portfolio/assets/ant-case-p02-growth-cone-alpha.png') 0 0/100% 100% no-repeat;clip-path:none;filter:none;mix-blend-mode:normal;opacity:1}
  .growth-start{left:42px;top:227px;width:240px}.growth-start>i{left:76px;top:0;width:48px;height:48px}.growth-start>em{left:100px;top:56px;height:43px}.growth-start strong{margin-top:101px;font-size:41.204px}.growth-start span{margin-top:18px;font-size:41.204px}
  .growth-end{right:30px;top:0;width:502.168px;height:496px}.growth-end:before{left:0;top:0;width:502.168px;height:502.168px}.growth-end>div{left:81px;top:185px;width:338px}.growth-end small{font-size:34.336px}.growth-end strong{font-size:52.658px}.growth-end>span{left:203px;top:436px;font-size:41.204px}
  .business-panel{left:70px;top:741px;width:1780px;height:337px;padding:24px;border-radius:24px;grid-template-columns:364px 1fr;gap:45px}.business-copy h3{margin-bottom:38px;font-size:31px}.business-copy p{width:364px;font-size:24px;line-height:1.15}.business-products{gap:67px}.business-products span{width:160px;height:160px;flex-basis:160px;font-size:31px}

  .research-overview,.interview,.journey{background-color:#fff;background-image:url('../figma-portfolio/assets/ant-case-bg-03-05.webp');background-repeat:no-repeat;background-size:1920px 3414px}.research-overview{background-position:0 0}.interview{background-position:0 -1080px}.journey{background-position:0 -2160px}.research-overview:before,.interview:before,.journey:before{display:none}

  .journey-map{left:560px;top:361px;width:1290px;height:649px}.journey-steps{width:1104px;height:130px;margin:0 auto;grid-template-columns:144px 195px 323px 216px 137.5px;justify-content:space-between;gap:0}
  .journey-steps b{top:0!important;left:auto!important}
  .journey-steps article{display:flex;flex-direction:column;align-items:center;gap:24px}.journey-steps b{position:relative!important;display:block;width:auto;height:62px;background:none!important;clip-path:none;border-radius:0;box-shadow:none}.journey-steps b img{display:block;width:100%;height:62px}.journey-steps b span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 32px/1 Arial,sans-serif}.journey-steps article:nth-child(1) b{width:137.5px;align-self:flex-start}.journey-steps article:nth-child(2) b{width:195px}.journey-steps article:nth-child(3) b{width:274.5px}.journey-steps article:nth-child(4) b{width:195px}.journey-steps article:nth-child(5) b{width:137.5px;align-self:flex-end}.journey-steps h3{min-height:0;margin:0;font:400 24px/1 'Cormorant Infant',serif}
  .emotion-chart{height:287px;margin-top:23px;overflow:hidden}.emotion-chart .chart-area{position:absolute;left:89.23px;top:105.28px;width:1106.166px;height:180.648px}.emotion-chart .chart-line{position:absolute;left:88.61px;top:112.13px;width:1107.098px;height:105.586px}.emotion-chart:after{content:"";position:absolute;left:89px;right:94px;bottom:0;border-top:1px solid #333}
  .emotion-chart .n1{left:0;top:14px}.emotion-chart .n2{left:239px;top:10px}.emotion-chart .n3{left:441px;top:86px;width:422px}.emotion-chart .n4{right:130px;top:64px}.emotion-chart .n5{right:0;top:146px}.emotion-chart .e1{left:71px;top:94px}.emotion-chart .e2{left:348px;top:92px}.emotion-chart .e3{left:624px;top:197px}.emotion-chart .e4{left:901px;top:161px}.emotion-chart .e5{right:74px;top:194px}
  .journey-map footer{width:1124px;margin:23px auto 0;padding-top:0;border-top:0}.journey-map footer hr{margin:16px 0}

  .strategy:before{background:url('../figma-portfolio/assets/ant-case-p06-a.png') center/cover;mix-blend-mode:soft-light;opacity:.38}.strategy:after{content:"";position:absolute;left:0;right:0;top:561px;height:519px;background:linear-gradient(0deg,#060a0d 46%,rgba(6,10,13,0));pointer-events:none}
}

/* Figma continuous background frames: 6–7, 8–11 and 12–22 */
@media(min-width:801px){
  main>section:nth-child(6),main>section:nth-child(7){background-image:url('../figma-portfolio/assets/ant-case-bg-06-07.webp')!important;background-repeat:no-repeat!important;background-size:1920px 2160px!important}
  main>section:nth-child(6){background-position:0 0!important}main>section:nth-child(7){background-position:0 -1080px!important}
  main>section:nth-child(6)::before,main>section:nth-child(7)::before,main>section:nth-child(7)::after{display:none!important}

  main>section:nth-child(8),main>section:nth-child(9),main>section:nth-child(10),main>section:nth-child(11){background-image:url('../figma-portfolio/assets/ant-case-bg-08-11.webp')!important;background-repeat:no-repeat!important;background-size:1920px 4741px!important}
  main>section:nth-child(8){background-position:0 0!important}main>section:nth-child(9){background-position:0 -1080px!important}main>section:nth-child(10){background-position:0 -2160px!important}main>section:nth-child(11){background-position:0 -3240px!important}
  main>section:nth-child(8)::before,main>section:nth-child(9)::before,main>section:nth-child(10)::before,main>section:nth-child(11)::before{display:none!important}

  main>section:nth-child(n+12):nth-child(-n+22){background-image:url('../figma-portfolio/assets/ant-case-bg-12-22.webp')!important;background-repeat:no-repeat!important;background-size:1920px 12940px!important}
  main>section:nth-child(12){background-position:0 0!important}main>section:nth-child(13){background-position:0 -1080px!important}main>section:nth-child(14){background-position:0 -2160px!important}main>section:nth-child(15){background-position:0 -3240px!important}main>section:nth-child(16){background-position:0 -4320px!important}main>section:nth-child(17){background-position:0 -5400px!important}main>section:nth-child(18){height:1143px;min-height:1143px;background-position:0 -6480px!important}main>section:nth-child(19){background-position:0 -7623px!important}main>section:nth-child(20){height:1179px;min-height:1179px;background-position:0 -8703px!important}main>section:nth-child(21){height:1978px;min-height:1978px;background-position:0 -9882px!important}main>section:nth-child(22){background-position:0 -11860px!important}
  main>section:nth-child(n+12):nth-child(-n+22)::before{display:none!important}
}

/* Final typography and spacing correction — Figma pages 2 and 5 */
@media(min-width:801px){
  /* Preserve the 337px Figma panel while leaving enough canvas below its radius. */
  .growth .business-panel{top:725px}

  .journey-title h2{font:600 31px/normal 'Cormorant Infant',serif!important}
  .journey-title p{font:400 24px/normal 'Cormorant Infant',serif!important}

  .persona-copy h3{width:400px;white-space:nowrap;font:600 28px/normal 'Cormorant Infant',serif;letter-spacing:-.35px;transform:scaleX(.93);transform-origin:left center}
  .persona-copy>div span{font:600 24px/normal 'Cormorant Infant',serif}
  .persona-copy>strong{font:700 30px/normal 'Cormorant Infant',serif}
  .persona-copy>p{width:366px;font:400 24px/normal 'Cormorant Infant',serif}

  .journey-steps article{position:relative!important;display:block!important;height:130px!important;padding:0!important}
  .journey-steps b{position:absolute!important;top:0!important;height:62px!important;margin:0!important}
  .journey-steps article:nth-child(1) b{left:0!important;width:137.5px!important}
  .journey-steps article:nth-child(2) b{left:0!important;width:195px!important}
  .journey-steps article:nth-child(3) b{left:24.25px!important;width:274.5px!important}
  .journey-steps article:nth-child(4) b{left:10.5px!important;width:195px!important}
  .journey-steps article:nth-child(5) b{left:0!important;width:137.5px!important}
  .journey-steps h3{position:absolute!important;top:86px!important;margin:0!important;color:#000!important;font:400 24px/normal 'Cormorant Infant',serif!important}
  .journey-steps article:nth-child(1) h3{left:0;width:144px;text-align:left}
  .journey-steps article:nth-child(2) h3{left:19px;width:157px;text-align:center}
  .journey-steps article:nth-child(3) h3{left:24.5px;width:274px;text-align:center}
  .journey-steps article:nth-child(4) h3{left:17.5px;width:181px;text-align:center}
  .journey-steps article:nth-child(5) h3{right:0;width:137.5px;text-align:right}

  .emotion-chart .note{font-family:'Cormorant Infant',serif;font-weight:700;line-height:normal}
  .emotion-chart .n1,.emotion-chart .n2{font-size:16px}
  .emotion-chart .n3,.emotion-chart .n4,.emotion-chart .n5{font-size:24px}
  .journey-map footer h3{font:600 24px/normal 'Cormorant Infant',serif}
  .journey-map footer p{font:400 24px/normal 'Cormorant Infant',serif}
}

/* Figma checkpoint — pages 6–8 */
@media(min-width:801px){

  .analysis .competitive-head h2{font:600 31px/normal 'Cormorant Infant',serif}
  .analysis .competitive-head p{font:500 24px/normal 'Cormorant Infant',serif}
  .map-grid i{border:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
  .map-grid i:nth-child(1){background-image:url('../figma-portfolio/assets/ant-case-p06-circle-334.svg')}
  .map-grid i:nth-child(2){background-image:url('../figma-portfolio/assets/ant-case-p06-circle-231.svg')}
  .map-grid i:nth-child(3){background-image:url('../figma-portfolio/assets/ant-case-p06-circle-116.svg')}
  .map-grid i:nth-child(4){display:none}
  .map-grid .map-v{left:357.11px;top:51px;bottom:auto;width:5.7735px;height:449.5px;background:url('../figma-portfolio/assets/ant-case-p06-axis-v.svg') center/100% 100% no-repeat}
  .map-grid .map-h{left:357.11px;right:auto;top:-83.5px;width:5.7735px;height:719px;background:url('../figma-portfolio/assets/ant-case-p06-axis-h.svg') center/100% 100% no-repeat;transform:rotate(-90deg);transform-origin:center}
  .map-grid em{left:360px;top:-23px;width:326.842px;height:299.068px;clip-path:none;background:url('../figma-portfolio/assets/ant-case-p06-fan.svg') center/100% 100% no-repeat;filter:none}

  .strategy .section-head>span{display:flex;align-items:center;gap:9.595px}
  .strategy .section-head>span:before{content:"";display:block;width:40px;height:40px;flex:0 0 40px;background:url('../figma-portfolio/assets/ant-case-icon-dark.svg') center/100% 100% no-repeat}
  .strategy .section-head h2,.strategy .section-head p{font-size:24px;line-height:normal}
  .strategy-grid article h3,.strategy-grid article p{font-size:24px;line-height:normal}
  .strategy .objective span,.strategy .objective strong{font-size:31px;line-height:normal}

  .architecture .section-head{height:116px;padding:16px 70px;display:flex;flex-direction:column;gap:18px}
  .architecture .section-head>span{margin:0;font:600 31px/normal 'Cormorant Infant',serif;text-transform:none;letter-spacing:0}
  .architecture .section-head h2{margin:0;font:400 24px/normal 'Cormorant Infant',serif}
  .architecture-root{left:831px;top:301px;padding:16px;border:1px solid #333;border-radius:16px;font:400 24px/normal var(--sans)}
  .architecture-tree{position:absolute;left:192px;top:375.5px;width:1534.5px;height:46.5px}
  .architecture-grid{position:absolute;inset:0;display:block;width:auto}
  .architecture-grid:before{display:none}
  .architecture-grid article{position:absolute;top:435px;width:324px;padding:88px 0 0;text-align:center}
  .architecture-grid article:nth-child(1){left:30px}.architecture-grid article:nth-child(2){left:403px}.architecture-grid article:nth-child(3){left:804px}.architecture-grid article:nth-child(4){left:1196px}.architecture-grid article:nth-child(5){left:1565px}
  .architecture-grid article:before{display:none}
  .architecture-grid h3{position:absolute;top:0;min-width:0;width:max-content;margin:0;padding:16px;border:0;border-radius:16px;background:#333;color:#fff;font:400 24px/normal var(--sans)}
  .architecture-grid article:nth-child(1) h3{left:79px}.architecture-grid article:nth-child(2) h3{left:102px}.architecture-grid article:nth-child(3) h3{left:83px}.architecture-grid article:nth-child(4) h3{left:112px}.architecture-grid article:nth-child(5) h3{left:105px}
  .architecture-grid p{position:relative;margin:0 0 20px;padding:4px 8px;border:1px solid #333;border-radius:8px;background:transparent;color:#333;text-align:center;font:400 18px/normal var(--sans)}
  .architecture-grid p:before{content:"";position:absolute;left:calc(50% - 3.682px);top:-21px;width:7.364px;height:17px;border:0;background:url('../figma-portfolio/assets/ant-case-p08-arrow.svg') center/100% 100% no-repeat}
  .architecture-grid p b{display:block;margin:0 0 2px;font-weight:600}
}

/* Authoritative Figma layout — pages 12–20; after all legacy rules */
@media(min-width:801px){
  .p12,.p13,.p14,.p15,.p16,.p17,.p18,.p19{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}.p20{width:1920px;height:1179px;min-height:1179px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}
  .p12-head,.p14-head,.p15-head,.p17-head,.p18-head,.p20-head{left:70px;top:114px;width:1780px}.p12-head h2,.p14-head h2,.p15-head h2,.p17-head h2,.p18-head h2,.p20-head h2{color:#fff}.p12-head h2 i,.p14-head h2 i,.p15-head h2 i,.p17-head h2 i,.p18-head h2 i,.p20-head h2 i{background-image:url('../figma-portfolio/assets/ant-case-icon-dark.svg')}.p12-head p,.p14-head p,.p15-head p,.p17-head p,.p18-head p,.p20-head p{width:1780px;color:#fff;font:500 24px/normal 'Cormorant Infant',serif}
  .p12-stage{position:absolute;left:70px;top:274px;width:1780px;height:758px;border-radius:40px;overflow:hidden;background:#f1f5ff;color:#333}.p12-phone{position:absolute;left:656px;top:35px;width:439.407px;height:908px;border-radius:81.071px;overflow:hidden}.p12-phone img{position:absolute;display:block;max-width:none}.p12-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p12-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill}.p12-card{position:absolute;overflow:hidden;border-radius:16px;background:#fff;box-shadow:5px 16px 12.5px rgba(0,0,0,.07)}.p12-card img{position:absolute;max-width:none;object-fit:fill}.p12-card.stock-card{left:170px;top:147px;width:343px;height:356px}.p12-card.stock-card img{left:-4px;top:-171px;width:343px;height:743px}.p12-card.asset-card{left:685px;top:236px;width:536px;height:188px;border-radius:24px}.p12-card.asset-card img{left:-18px;top:-27px;width:536px;height:1160px}.p12-copy{position:absolute;margin:0;color:#333;font-family:'Cormorant Infant',serif}.p12-copy b{display:block;color:#f91748;font-size:24px}.p12-copy p{width:454px;margin:17px 0 0;font-size:24px}.p12-copy.stock-copy{left:105px;top:467px}.p12-copy.asset-copy{left:1184px;top:431px}.p12-line{position:absolute;height:2px;background:#f91748}.p12-line:after{content:"";position:absolute;right:-10px;top:-5px;border-left:12px solid #f91748;border-top:6px solid transparent;border-bottom:6px solid transparent}.p12-line.line-left{left:503px;top:494px;width:188px;transform:rotate(-40deg)}.p12-line.line-right{left:1079px;top:397px;width:157px;transform:rotate(42deg)}
  .p13-stage{position:absolute;left:70px;top:131px;width:1780px;height:866px;border-radius:40px;overflow:hidden}.p13-stage>img{position:absolute;left:-95px;top:-151px;width:2250px;height:1500px;max-width:none;object-fit:fill}.p13-notes{position:absolute;left:1327px;top:250px;width:467px;color:#fff;font-family:'Cormorant Infant',serif}.p13-notes article{position:absolute;left:0;width:467px}.p13-notes article:nth-child(1){top:0}.p13-notes article:nth-child(2){top:262px}.p13-notes article:nth-child(3){top:446px}.p13-notes b,.p13-notes p{font-size:24px}.p13-notes p{margin:17px 0 0}
  .p14-flow{position:absolute;left:70px;top:258px;width:1454px;height:769px}.p14-flow>img{position:absolute;width:318px;height:690px;border-radius:40px;object-fit:fill}.p14-flow .transfer-one{left:0;top:79px}.p14-flow .transfer-two{left:439px;top:79px}.p14-flow .transfer-final{position:absolute;left:1152px;top:0;width:372px;height:769px;border-radius:73px;overflow:hidden;background:#f6faff}.p14-flow .transfer-final img{position:absolute;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p14-flow .step{position:absolute;z-index:3;top:0;padding:8px 12px;border-radius:45px;background:#f91748;color:#fff;font:500 24px/normal 'Cormorant Infant',serif}.p14-flow .step-one{left:103px}.p14-flow .step-two{left:550px}.p14-flow .flow-arrow{position:absolute;left:189px;top:24px;width:846px;border-top:3px solid #f91748}.p14-note{box-sizing:border-box;position:absolute;left:1505px;top:394px;width:345px;height:497px;padding:24px;border-radius:16px;background:#f91748;color:#fff}.p14-note h3{margin:0;font:700 31px/normal 'Cormorant Infant',serif}.p14-note p{width:297px;margin:16px 0 0;font:600 24px/normal 'Cormorant Infant',serif}
  .p15-stage{position:absolute;left:70px;top:288px;width:1780px;height:758px;border-radius:40px;overflow:hidden;background:#f1f5ff;color:#333}.p15-phone{position:absolute;top:53px;width:439.407px;height:908px;border-radius:81px;overflow:hidden}.p15-phone.current{left:41px}.p15-phone.fixed{left:1203px}.p15-phone img{position:absolute;left:4.21%;top:1.57%;width:91.91%;height:96.31%;max-width:none;object-fit:fill}.p15-stage article{position:absolute;left:522px;top:88px;width:613px;color:#333;font:24px/normal 'Cormorant Infant',serif}.p15-stage article b{color:#f91748}.p15-stage article p{margin:12px 0 0}
  .p16-copy{position:absolute;left:86px;top:131px;width:722px;color:#fff;font-family:'Cormorant Infant',serif}.p16-copy h2{display:flex;align-items:center;gap:9.595px;margin:0 0 50px;font:600 31px/normal 'Cormorant Infant',serif}.p16-copy h2 i{display:block;width:40px;height:40px;color:transparent;background:url('../figma-portfolio/assets/ant-case-icon-dark.svg') center/100% 100% no-repeat}.p16-copy p{width:722px;margin:0 0 50px;font:500 24px/normal 'Cormorant Infant',serif}.p16-copy strong{color:#f91748}.p16-compare{position:absolute;left:900px;top:131px;display:flex;gap:92px}.p16-compare figure{width:411.339px;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.p16-compare figcaption,.p18-compare figcaption{padding:0 20px;border-radius:30px;background:#f2f2f2;color:#777;font:700 30px/normal 'Cormorant Infant',serif}.p16-compare figure:last-child figcaption,.p18-compare figure:last-child figcaption{background:#ffe6ec;color:#f91748}.p16-compare img{width:411.339px;height:850px;border-radius:78px;object-fit:fill}
  .p17-flow{position:absolute;left:119px;top:257px;width:1682px;height:802px;display:flex;gap:259px}.p17-flow figure{width:388.111px;height:802px;margin:0;border-radius:73px;overflow:hidden}.p17-flow figure img{width:100%;height:100%;object-fit:fill}.p17-arrow{position:absolute;top:401px;height:3px;background:#f91748}.p17-arrow.a1{left:418px;width:290px}.p17-arrow.a2{left:1069px;width:298px}.p17-label{position:absolute;top:459px;padding:8px 12px;border-radius:45px;background:#f91748;color:#fff;font:500 24px/normal var(--sans)}.p17-label.l1{left:431px}.p17-label.l2{left:1127px}
  .p18-compare{position:absolute;left:66.39px;top:245px;display:flex;gap:182px;align-items:flex-end}.p18-compare figure{width:440px;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.p18-compare img{width:388.111px;height:802px;border-radius:73px;object-fit:fill}
  .p19-compare{position:absolute;left:70px;top:145px;display:flex;gap:58px;align-items:flex-end}.p19-compare>div{display:flex;flex-direction:column;align-items:center;gap:20px}.p19-compare>div>b{padding:0 20px;border-radius:30px;background:#f2f2f2;color:#777;font:700 30px/normal 'Cormorant Infant',serif}.p19-compare>div:last-child>b{background:#ffe6ec;color:#f91748}.p19-compare figure{display:flex;isolation:isolate;margin:0}.p19-compare figure img{width:362.946px;height:750px;border-radius:68.267px;object-fit:fill}.p19-compare figure img+img{margin-left:-210px;z-index:-1}.p19-compare>div:last-child figure img{width:411.339px;height:850px;border-radius:77.369px}.p19-compare>div:last-child figure img+img{margin-left:-200px}.p19-copy{position:absolute;left:1281px;top:303px;width:539px;color:#fff;font-family:'Cormorant Infant',serif}.p19-copy h2{margin:0 0 24px;font:700 31px/normal 'Cormorant Infant',serif}.p19-copy p{margin:0 0 24px;font:700 24px/normal 'Cormorant Infant',serif}
  .p20-phones{position:absolute;left:70px;top:251px;display:flex;gap:173px}.p20-phones img{width:439.407px;height:908px;border-radius:81.071px;max-width:none;object-fit:fill}
}

/* Authoritative Figma layout — pages 21–22 */
@media(min-width:801px){
  .p21{box-sizing:border-box;width:1920px;height:1978px;min-height:1978px;margin-inline:auto;padding:129px 55px 54px;position:relative;overflow:hidden;zoom:var(--case-scale,1);background:transparent}.p21-board{width:1810px;height:1795px;border-radius:48px;overflow:hidden;background:#fff;color:#333}.p21-board>header{box-sizing:border-box;height:88px;padding:23px 70px;display:flex;align-items:center;gap:12px;background:#f91748;color:#fff;font:600 31px/normal 'Cormorant Infant',serif}.p21-board>header i{display:block;width:40px;height:40px;color:transparent;background:url('../figma-portfolio/assets/ant-case-icon-cover.svg') center/100% 100% no-repeat}.p21-foundation{display:grid;grid-template-columns:640px 1fr;gap:40px;padding:28px 70px 12px}.p21-foundation article>span,.p21-components h3,.p21-bars:before{color:#777;font:400 20px/normal 'Cormorant Infant',serif}.p21-type{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.p21-type h2{margin:28px 0 25px;font:600 64px/1 var(--sans)}.p21-type h3{margin:12px 0 0;color:#777;font:400 20px/normal 'Cormorant Infant',serif}.p21-type b{font:600 18px/normal var(--sans)}.p21-type small{font:400 14px/normal var(--sans)}.p21-color{padding-top:0}.color-row{height:128px;margin:16px 0 30px;display:flex;gap:14px}.color-row>b{box-sizing:border-box;width:570px;padding:28px;border-radius:14px;color:#fff;font:600 22px/normal var(--sans)}.color-row>b small{display:block;margin-top:5px;font-size:15px}.color-row i{width:64px;border-radius:14px}.color-row.purple>b{background:#765bff}.color-row.purple i:nth-of-type(1){background:#9e8aff}.color-row.purple i:nth-of-type(2){background:#c3b9f2}.color-row.purple i:nth-of-type(3){background:#ddd8f4}.color-row.purple i:nth-of-type(4){background:#f4f2ff}.color-row.purple i:nth-of-type(5){background:#faf9ff;border:1px solid #ddd}.color-row.black>b{background:#333}.color-row.black i:nth-of-type(1){background:#888}.color-row.black i:nth-of-type(2){background:#bbb}.color-row.black i:nth-of-type(3){background:#d7d7d7}.color-row.black i:nth-of-type(4){background:#eee}.color-row.black i:nth-of-type(5){background:#fafafa;border:1px solid #ddd}.p21-icons{margin-top:26px;color:#333;font:30px/2 var(--sans);word-spacing:16px}
  .p21-components{margin:10px 70px 0;display:grid;grid-template-columns:350px 350px 640px 290px;gap:8px}.p21-components>section{box-sizing:border-box;min-height:390px;padding:14px;border-radius:14px;background:#f2f2f2}.p21-components h3{margin:0 0 12px}.field,.list,.dialog>div{box-sizing:border-box;margin-bottom:14px;padding:16px;border-radius:14px;background:#fff;font:14px/1.7 var(--sans)}.field b,.field small,.dialog b,.dialog small{display:block}.field small,.dialog small{color:#777}.list{display:flex;justify-content:space-between}.toast{display:inline-block;padding:16px;border-radius:12px;color:#fff;background:#444}.buttons{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:22px}.buttons h3{grid-column:1/-1}.buttons button,.dialog button{height:40px;border:0;border-radius:999px;color:#fff;background:#765bff}.buttons button:nth-child(even){background:#333}.dialog>div{text-align:center;font-size:36px}.dialog b,.dialog small{font-size:16px}.dialog button{width:100%;margin-top:18px}.p21-bars{margin:8px 70px 0;padding:46px 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-radius:14px;background:#f2f2f2;position:relative}.p21-bars:before{content:"List Profile";position:absolute;left:16px;top:12px}.p21-bars div{padding:18px;border-radius:999px;background:#fff;color:#765bff;text-align:center;font:22px var(--sans)}
  .p22{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}.p22-wrap{position:absolute;left:246px;top:132px;width:1467px;display:flex;flex-direction:column;align-items:center;gap:28px;color:#fff}.p22-wrap>img{width:1315px;height:723px;max-width:none;object-fit:cover;object-position:center}.p22-wrap h2{margin:0;font:600 40px/normal 'Cormorant Infant',serif}.p22-wrap p{margin:0;display:flex;align-items:center;gap:48px;white-space:nowrap;font:600 40px/normal 'Cormorant Infant',serif}.p22-wrap p i{display:block;width:10px;height:10px;border-radius:50%;background:#fff}
}

/* Final page 12, 13 and 16 corrections — must follow the authoritative 12–20 block. */
@media(min-width:801px){
  .p12-card.stock-card{box-sizing:border-box;left:170px;top:147px;width:343px;height:356px;padding:16px}
  .p12-assets{left:685px;top:236px}.p12-copy.stock-copy{left:105px;top:503px}.p12-copy.asset-copy{left:1184px;top:467px}
  .p12-line{height:auto;background:none;border-color:#f91748;border-style:dashed;border-width:0;transform:none}.p12-line:after{width:16px;height:16px;right:-8px;top:-8px;border:0;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.12)}
  .p12-line.line-left{left:503px;top:349px;width:178px;height:152px;border-right-width:3px;border-bottom-width:3px;border-radius:0 0 22px 0;transform:none}.p12-line.line-left:after{right:-9px;top:-9px}.p12-line.line-right{left:1079px;top:397px;width:157px;height:92px;border-left-width:3px;border-bottom-width:3px;border-radius:0 0 0 22px;transform:none}.p12-line.line-right:after{left:-9px;right:auto;top:-9px}
  .p13-stage{background:transparent}.p13-hero-phone{left:199px;top:-8px;width:535px;height:879px}.p13-hero-phone img{left:-123.25%;top:-39.68%;width:420.17%;height:170.65%}.p13-notes{position:absolute;left:1187px;top:119px;width:467px}.p13-notes article:nth-child(1){top:0}.p13-notes article:nth-child(2){top:262px}.p13-notes article:nth-child(3){top:446px}.p13-notes b,.p13-notes p{font-size:24px;line-height:1.12}.p13-notes p{margin-top:17px}
  .p16-copy{left:70px;width:720px}.p16-copy p{width:720px}.p16-compare{left:930px;top:131px;width:auto;height:auto;gap:95px}.p16-phone{position:relative;width:411.339px;height:850px;border-radius:78px;overflow:hidden;background:#000}.p16-phone img{position:absolute;display:block;max-width:none}.p16-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;border-radius:0;object-fit:fill}.p16-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;border-radius:0;object-fit:fill;pointer-events:none}
  .p14-flow .transfer-final img{position:absolute;display:block;max-width:none}.p14-flow .transfer-final .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p14-flow .transfer-final .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}
  .p15-phone img{position:absolute;display:block;max-width:none}.p15-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p15-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}
  .p15-preview{position:absolute;z-index:4;top:174px;width:504px;height:410px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:5px 16px 12.5px rgba(0,0,0,.07)}.p15-preview.current-preview{left:522px}.p15-preview.fixed-preview{left:1171px}.p15-preview img{position:absolute;left:0;top:-218px;width:504px;height:1091px;max-width:none;object-fit:fill}.p15-preview.fixed-preview img{top:-182px}
  .p17-flow figure{position:relative;isolation:isolate;background:#000}.p17-flow figure img{position:absolute;display:block;max-width:none}.p17-flow figure .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p17-flow figure:nth-of-type(2) .phone-screen{left:4%;top:1.69%;width:92.27%;height:96.68%}.p17-flow figure .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}.p17-arrow{height:0;background:none;border-top:3px dashed #f91748}.p17-arrow:after{content:"";position:absolute;right:-8px;top:-9px;width:16px;height:16px;border:0;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.13)}.p17-label.l1{left:431px}.p17-label.l2{left:1127px}
  .p18-phone{position:relative;width:388.111px;height:802px;border-radius:73px;overflow:hidden;background:#000}.p18-phone img{position:absolute;display:block;max-width:none}.p18-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;border-radius:0;object-fit:fill}.p18-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;border-radius:0;object-fit:fill;pointer-events:none}.p18-compare figure{position:relative}.p18-preview{position:absolute;z-index:4;left:-30px;top:160px;width:406px;height:240px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}.p18-preview img{position:absolute;left:0;top:-118px;width:406px;height:879px;max-width:none;object-fit:fill}.p18-copy{position:absolute;left:1240px;top:450px;width:598px;color:#fff;font-family:'Cormorant Infant',serif}.p18-copy h3{margin:0 0 24px;font:700 31px/normal 'Cormorant Infant',serif}.p18-copy p{margin:0 0 24px;font:700 24px/normal 'Cormorant Infant',serif}.p18-line{position:absolute;left:1008px;top:460px;width:208px;height:0;border-top:3px dashed #f91748}.p18-line:after{content:"";position:absolute;right:-9px;top:-10px;width:16px;height:16px;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.13)}
  .p19-compare figure{display:flex;align-items:flex-start;isolation:isolate}.p19-phone{position:relative;flex:0 0 auto;width:362.946px;height:750px;border-radius:68.267px;overflow:hidden;background:#000}.p19-compare>div:first-child .p19-phone+.p19-phone{margin-left:-210px;z-index:-1}.p19-compare>div:last-child .p19-phone{width:411.339px;height:850px;border-radius:77.369px}.p19-compare>div:last-child .p19-phone+.p19-phone{margin-left:-200px;z-index:-1}.p19-phone img{position:absolute;display:block;max-width:none}.p19-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;object-fit:fill}.p19-phone .phone-screen.legacy{inset:0;width:100%;height:100%;object-fit:fill}.p19-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}.p19-compare figure>img{display:none}
  .p20-phones{isolation:isolate}.p20-phone{position:relative;flex:0 0 439.407px;width:439.407px;height:908px;border-radius:81.071px;overflow:hidden;background:#000}.p20-phone img{position:absolute;display:block;max-width:none}.p20-phone .phone-screen{z-index:1;left:4.21%;top:1.57%;width:91.91%;height:96.31%;border-radius:0;object-fit:fill}.p20-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;border-radius:0;object-fit:fill;pointer-events:none}.p20-line{position:absolute;z-index:5;border-color:#f91748;border-style:dashed}.p20-line:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.13)}.p20-line.line-one{left:411px;top:194px;width:237px;border-width:3px 0 0}.p20-line.line-one:after{right:-8px;top:-10px}.p20-line.line-two{left:1015px;top:377px;width:230px;height:103px;border-width:0 0 3px 3px;border-radius:0 0 0 16px}.p20-line.line-two:after{right:-8px;bottom:-10px}
}

/* Final Figma calibration — pages 21–22. */
@media(min-width:801px){
  .p21{box-sizing:border-box;width:1920px;height:1978px;min-height:1978px;margin-inline:auto;padding:159px 0 0 68px;position:relative;overflow:hidden;background:transparent}.p21-board{position:relative;width:1780px;height:1754px;border-radius:48px}.p21-board>header{height:88px;padding:23px 70px}.p21-foundation{box-sizing:border-box;height:782px;padding:24px 70px 0;grid-template-columns:598px 968px;gap:74px}.p21-type{gap:13px}.p21-type h2{margin:27px 0 22px;font-size:64px}.p21-type h3{margin:10px 0 0}.p21-color{width:968px}.color-row{width:968px;height:128px;margin:16px 0 30px;gap:16px}.color-row>b{flex:0 0 506px;width:506px}.color-row i{flex:0 0 61px;width:61px}.color-row.purple i:nth-of-type(1){order:1}.color-row.purple i:nth-of-type(2){order:2}.color-row.purple>b{order:3}.color-row.purple i:nth-of-type(3){order:4}.color-row.purple i:nth-of-type(4){order:5}.color-row.purple i:nth-of-type(5){order:6}.color-row.black i:nth-of-type(1){order:1}.color-row.black>b{order:2}.color-row.black i:nth-of-type(2){order:3}.color-row.black i:nth-of-type(3){order:4}.color-row.black i:nth-of-type(4){order:5}.color-row.black i:nth-of-type(5){order:6}.p21-icons{box-sizing:border-box;width:968px;margin-top:23px;color:#333;font:30px/1 var(--sans);word-spacing:0}.p21-icons .service-icons,.p21-icons .utility-icons{height:74px;display:flex;align-items:center;gap:41px}.p21-icons .service-icons img{width:64px;height:64px;object-fit:contain;filter:grayscale(1) brightness(.22)}.p21-icons .utility-icons{margin-top:16px}.p21-icons .utility-icons i{width:64px;height:64px;display:grid;place-items:center;border:3px solid #333;border-radius:50%;font-style:normal;font-weight:700}.p21-components{position:absolute;left:70px;top:870px;width:1640px;height:470px;margin:0;grid-template-columns:362px 362px 580px 312px;gap:8px}.p21-components>section{min-height:430px;padding:16px}.field,.list,.dialog>div{margin-bottom:16px;padding:18px}.currency-dot,.profile-dot,.flag-us{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:-3px;background:#f91748}.profile-dot{background:linear-gradient(135deg,#765bff 50%,#f91748 50%)}.flag-us{border-radius:2px;background:linear-gradient(#c8102e 0 14%,#fff 14% 28%,#c8102e 28% 42%,#fff 42% 56%,#c8102e 56% 70%,#fff 70% 84%,#c8102e 84%)}.success-mark{display:grid;width:54px;height:54px;margin:0 auto 14px;place-items:center;border-radius:50%;background:#44c277;color:#fff;font-style:normal;font-size:32px}.p21-bars{position:absolute;left:70px;top:1354px;width:1640px;height:306px;box-sizing:border-box;margin:0;padding:54px 16px 16px;grid-template-columns:repeat(3,1fr);gap:22px}.p21-bars div{box-sizing:border-box;height:86px;padding:28px 18px}.p22-wrap{top:115px}.p22-wrap>img{object-fit:cover;object-position:50% 50%}
}

/* Final Figma calibration — pages 9–11 (kept last to override legacy layout) */
@media(min-width:801px){
  .product-intro,.brand-spread,.restructure{width:1920px;height:1080px;min-height:1080px;margin-inline:auto;position:relative;overflow:hidden;zoom:var(--case-scale,1)}
  .p09-head{left:70px;top:115px;width:1780px}.p09-head p{width:1116px;font:700 24px/normal 'Cormorant Infant',serif}
  .p09-main{position:absolute;left:70px;top:333px;width:1127px;height:677px;border-radius:48px;overflow:hidden}.p09-main>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}.p09-main>div{position:absolute;left:661px;top:265px;width:433px;color:#333}.p09-main h3{margin:0;font:600 31px/normal 'Cormorant Infant',serif}.p09-main p{margin:12px 0 0;font:500 24px/normal 'Cormorant Infant',serif}
  .p09-side{position:absolute;left:1255px;top:164px;width:595.1px;height:845.759px;border-radius:40.924px;overflow:hidden;background:#c5c5c5}.p09-side>img{position:absolute;left:.09%;top:0;width:115.75%;height:105.73%;max-width:none;object-fit:fill}.p09-side:after{content:"";position:absolute;z-index:1;inset:0;background:rgba(71,71,71,.42)}.p09-side .benefit-icons{position:absolute;z-index:2;left:23.02px;top:422.88px;display:grid;grid-template-columns:repeat(3,150.415px);grid-auto-rows:148.065px;gap:48.619px}.p09-side .benefit-icons img{width:150.415px;height:148.065px;max-width:none;object-fit:contain}
  .p10-stage{position:absolute;left:70px;top:115px;width:1387px;height:897px;border-radius:48px;overflow:hidden}.p10-stage>img{position:absolute;left:-.21%;top:-49.46%;width:100.17%;height:235.1%;max-width:none;object-fit:fill}.p10-stage>div{position:absolute;left:219px;top:407px;color:#fff;white-space:nowrap;font:700 167.468px/1 'Cormorant Infant',serif;letter-spacing:-5px}
  .p10-panel{box-sizing:border-box;position:absolute;left:1350px;top:115px;width:500px;height:897px;padding:24px;border-radius:0 48px 48px 0;background:#f91748;color:#fff;overflow:hidden}.p10-panel h2{display:flex;align-items:center;gap:9.595px;margin:0;color:#fff;font:600 58px/normal 'Cormorant Infant',serif}.p10-panel h2 i{display:block;width:46.376px;height:46.376px;flex:0 0 46.376px;color:transparent;background:url('../figma-portfolio/assets/ant-case-icon-cover.svg') center/100% 100% no-repeat}.p10-panel>p{width:440px;margin:34px 0 0;font:600 24px/normal 'Cormorant Infant',serif}.p10-panel>p+p{margin-top:56px}.p10-panel .benefit-icons{position:absolute;left:24px;top:566px;display:grid;grid-template-columns:repeat(3,123.495px);grid-auto-rows:121.566px;gap:40px}.p10-panel .benefit-icons img{width:123.495px;height:121.566px;max-width:none;object-fit:contain}
  .p11-head{left:70px;top:115px;width:768px;gap:22px}.p11-head p{width:768px;font:700 24px/normal 'Cormorant Infant',serif}.p11-notes{box-sizing:border-box;position:absolute;z-index:1;left:70px;top:485px;width:1708px;min-height:376px;padding:53px 24px;border-radius:48px;background:#fff1f4;color:#333;display:flex;gap:35px}.p11-notes p{margin:0;font:600 24px/normal 'Cormorant Infant',serif}.p11-notes p:first-child{width:813px}.p11-notes p:last-child{width:818px}
  .p11-phones{position:absolute;z-index:2;inset:0}.p11-phones figure{position:absolute;top:146px;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.p11-phones figure:first-child{left:991px;width:388px}.p11-phones figure:last-child{left:1410px;width:440px}.p11-phones figcaption{box-sizing:border-box;min-width:136px;padding:4px 20px;border-radius:999px;background:#f91748;color:#fff;text-align:center;font:700 30px/normal 'Cormorant Infant',serif}.p11-phone{position:relative;width:388px;height:802px;border-radius:71.6px;overflow:hidden;background:#000}.p11-phone .phone-screen,.p11-phone .phone-frame{position:absolute;display:block;max-width:none}.p11-phone .phone-screen{z-index:1;inset:0;width:100%;height:100%;object-fit:fill}.p11-phone .phone-frame{z-index:2;left:-55.54%;top:-1.07%;width:211.07%;height:102.14%;object-fit:fill;pointer-events:none}.p11-phone.new .phone-screen{left:4.21%;top:1.57%;width:91.91%;height:96.31%}
}

/* 2026-08-12 Figma typography and pixel fixes — pages 5, 9 and 11. */
@media(min-width:801px){
  .journey-title h2{font:700 31px/normal var(--display)!important}.journey-title p{font:300 24px/normal var(--display)!important}
  .persona-copy h3{font:700 24px/normal var(--display)}.persona-copy strong,.persona-copy p{font-family:var(--display)}
  .journey-map{left:560px;top:309px;width:1290px;height:701px}.journey-steps{width:1104px;height:130px;margin:0 auto}.journey-steps article{height:130px!important}
  .journey-steps b{filter:none!important;box-shadow:none!important;overflow:visible!important}.journey-steps b:before,.journey-steps b:after{content:none!important;display:none!important}.journey-steps b img{filter:none!important;box-shadow:none!important;border-radius:0!important}
  .journey-steps h3{top:86px!important;font:400 24px/normal var(--display)!important}.journey-steps article:nth-child(2) h3{left:6px;width:183px}.journey-steps article:nth-child(3) h3{left:24.5px;width:274px}.journey-steps article:nth-child(4) h3{left:17.5px;width:181px}
  .emotion-chart{margin-top:23px}.emotion-chart .note{font-family:var(--display);font-weight:400;box-shadow:none}.emotion-chart .n1{left:0;top:14.37px;width:190px;font-size:16px}.emotion-chart .n2{left:239.07px;top:10.37px;width:269px;font-size:16px}.emotion-chart .n3{left:440.84px;top:85.62px;width:422.188px;height:79.69px;font-size:24px;font-weight:700}.emotion-chart .n4{left:882px;right:auto;top:91px;width:244px;font-size:16px}.emotion-chart .n5{left:1169px;right:auto;top:138px;width:94.95px;font-size:16px}.journey-map footer h3{font:700 24px/normal var(--display)}.journey-map footer p{font:300 24px/normal var(--display)}

  .p09-head h2{font-family:var(--display);font-weight:700}.p09-head p{font:300 24px/normal var(--display)}
  .p09-main{background:#f6f6f6}.p09-main>img{z-index:1}.p09-main:before{content:"";position:absolute;z-index:0;inset:0;border-radius:48px;background:#f4f4f4}.p09-main>div{z-index:2}.p09-main h3{font:700 24px/normal var(--display)}.p09-main p{font:300 18px/normal var(--display)}

  .p11-head h2{font-family:var(--display);font-weight:700}.p11-head p{font:300 24px/normal var(--display)}
  .p11-notes{height:465px;min-height:465px;padding:53px 24px;display:flex;flex-direction:column;gap:35px;overflow:hidden}.p11-notes p{margin:0;font:400 24px/normal var(--display)}.p11-notes p:first-child{width:813px}.p11-notes p:last-child{width:818px;font-weight:300}
  .p11-phones figcaption{min-width:0;padding:0 20px;background:#f2f2f2;color:#777;font:400 30px/34px var(--display)}.p11-phones figure:last-child figcaption{background:#ffe6ec;color:#f91748}
}

/* 2026-08-12 exact exported content — pages 12–14. */
@media(min-width:801px){
  .p12-head h2,.p14-head h2{font-family:var(--display);font-weight:700}.p12-head p,.p14-head p{font:300 24px/normal var(--display)}
  .p12-stage>.p12-stage-exact{position:absolute;z-index:20;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
  .p12-stage>.p12-stage-exact~*{visibility:hidden}
  .p13>.p13-content-exact{position:absolute;z-index:20;left:70px;top:131px;width:1780px;height:866px;max-width:none;object-fit:fill}
  .p13>.p13-content-exact~*{visibility:hidden}
  .p14>.p14-content-exact{position:absolute;z-index:20;left:70px;top:258px;width:1780px;height:782px;max-width:none;object-fit:fill}
  .p14>.p14-content-exact~.p14-flow,.p14>.p14-content-exact~.p14-note{visibility:hidden}
}

/* 2026-08-12 Figma checkpoint — pages 15–17. */
@media(min-width:801px){
  .p15-head h2,.p17-head h2,.p16-copy h2{font-family:var(--display);font-weight:700}.p15-head p,.p17-head p,.p16-copy p{font-family:var(--display);font-weight:300}
  .p16-copy strong{font-family:var(--display);font-weight:400}.p16-compare figcaption{font-family:var(--display);font-weight:400}
  .p15>.p15-content-exact{position:absolute;z-index:20;left:70px;top:288px;width:1780px;height:758px;max-width:none;object-fit:fill}
  .p15>.p15-content-exact~.p15-stage{visibility:hidden}
  .p17>.p17-content-exact{position:absolute;z-index:20;left:70px;top:257px;width:1780px;height:802px;max-width:none;object-fit:fill}
  .p17>.p17-content-exact~.p17-flow figure,.p17>.p17-content-exact~.p17-flow .p17-arrow{visibility:hidden}
  .p17>.p17-content-exact~.p17-flow .p17-label{z-index:21;font-family:var(--display);font-weight:400}
}

/* 2026-08-12 Figma checkpoint — pages 18–20. */
@media(min-width:801px){
  .p18{height:1143px;min-height:1143px}.p18>.p18-page-exact{position:absolute;z-index:20;inset:0;width:1920px;height:1143px;max-width:none;object-fit:fill;clip-path:inset(91px 0 0)}.p18>.p18-page-exact~*{visibility:hidden}
  .p19>.p19-content-exact{position:absolute;z-index:20;left:70px;top:138px;width:1780px;height:904px;max-width:none;object-fit:fill}.p19>.p19-content-exact~*{visibility:hidden}
  .p20>.p20-content-exact{position:absolute;z-index:20;left:70px;top:251px;width:1664.221px;height:908px;max-width:none;object-fit:fill}.p20>.p20-content-exact~.p20-phones{visibility:hidden}
  .p20-head h2{font-family:var(--display);font-weight:700}.p20-head p{font-family:var(--display);font-weight:300}
}

/* 2026-08-12 final Figma checkpoint — pages 21–22. */
@media(min-width:801px){
  .p21{padding:0}.p21>.p21-content-exact{position:absolute;z-index:20;left:68px;top:171px;width:1780px;height:1729.978px;max-width:none;object-fit:fill}.p21>.p21-content-exact~.p21-board{visibility:hidden}
  .p22>.p22-content-exact{position:absolute;z-index:20;left:246px;top:115px;width:1467px;height:875px;max-width:none;object-fit:fill}.p22>.p22-content-exact~.p22-wrap{visibility:hidden}
}

/* 2026-08-12 typography checkpoint — Figma pages 2–10 use all three Aeonik weights. */
@media(min-width:801px){
  .growth *,.research-overview *,.interview *,.journey *,.analysis *,.strategy *,.architecture *,.product-intro *,.brand-spread *{font-family:var(--display)!important;font-weight:400!important}

  .growth-heading h2,.business-copy h3,.business-products span,.growth-start strong,.growth-end strong,.growth-end>span,
  .research-overview .exact-head h2,.research-summary h3,.homepage-metric h3,.research-summary strong,.homepage-metric strong,
  .interview .exact-head h2,
  .journey-title h2,.persona-copy h3,.emotion-chart .n3,.journey-map footer h3,
  .analysis .competitive-head h2,.analysis .direction h3,.position-map .map-title,
  .strategy .section-head>span,.strategy-grid article h3,.strategy .objective span,
  .architecture .section-head>span,.architecture-root,.architecture-grid h3,.architecture-grid p b,
  .p09-head h2,.p09-main h3,
  .p10-panel h2{font-weight:700!important}

  .growth-heading p,.business-copy p,
  .research-overview .exact-head p,
  .interview .exact-head p,
  .journey-title p,.journey-map footer p,
  .analysis .competitive-head p,.competitor-card>p,.analysis .direction p,
  .strategy .section-head h2,.strategy .section-head p,.strategy-grid article p,
  .architecture .section-head h2,
  .p09-head p,.p09-main p,
  .p10-panel>p{font-weight:300!important}

  .growth-start span,.growth-end small,
  .research-overview .switch-title,.research-overview .difficulty span,.research-overview .difficulty strong,
  .interview blockquote,.interview blockquote em,
  .persona-copy>div span,.persona-copy>strong,.persona-copy>p,.journey-steps h3,.emotion-chart .note,
  .position-map .axis,.strategy .objective strong,.architecture-grid p{font-weight:400!important}
  .emotion-chart .n3{font-weight:700!important}
  .p10-stage>div{font-family:'Cormorant Infant',serif!important;font-weight:700!important}

  /* Page 16: use the current Figma AS-IS node as a single exact 2x composite. */
  .p16-phone.exact-phone{background:transparent}
  .p16-phone.exact-phone .p16-phone-exact{z-index:1;inset:0;width:100%;height:100%;max-width:none;border-radius:78px;object-fit:fill}

  /* Page 20: retain the three independent phones and connectors without the exported backdrop. */
  .p20>.p20-content-exact{display:none!important}
.p20>.p20-content-exact~.p20-phones{visibility:visible!important}

/* Checkpoint — refreshed 12–22 background cleanup (pages 19, 20, 22). */
.p19>.p19-content-exact{
  display:none!important;
}

.p19>.p19-content-exact~*{
  visibility:visible!important;
}

.p20-phone .phone-screen{
  border-radius:56px!important;
  clip-path:inset(0 round 56px);
}

.p22>.p22-content-exact{
  mix-blend-mode:lighten;
  clip-path:polygon(24% 11%,60% 4%,74% 15%,73% 75%,33% 86%,24% 78%);
}

.p22>.p22-content-exact~.p22-wrap{
  visibility:visible!important;
}

.p22>.p22-content-exact~.p22-wrap>img{
  visibility:hidden!important;
}
}

/* 2026-08-12 motion checkpoint — progressive content and illuminated guide lines. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  /* Re-enable reveal motion after legacy pixel-calibration blocks disabled it. */
  main>section.screen .reveal,main>section.system-page .reveal{opacity:0!important;transform:translate3d(0,36px,0)!important;clip-path:none!important;transition-property:opacity,transform!important;transition-duration:.72s,.9s!important;transition-timing-function:cubic-bezier(.22,.72,.24,1)!important;will-change:opacity,transform}
  main>section.screen .reveal.delay-1,main>section.system-page .reveal.delay-1{transition-delay:.08s!important}main>section.screen .reveal.delay-2,main>section.system-page .reveal.delay-2{transition-delay:.16s!important}main>section.screen .reveal.delay-3,main>section.system-page .reveal.delay-3{transition-delay:.24s!important}
  main>section.screen .reveal.is-visible,main>section.system-page .reveal.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important;clip-path:none!important;will-change:auto}
  main>section.cover .reveal{opacity:1!important;transform:none!important;clip-path:none!important}

  /* Lines appear after their owning section comes into view. */
  /* Only CSS-built pages receive guide motion. Exact exported composites retain
     the guide pixels already baked into their artwork. */
  .p17-arrow,.p20-line{opacity:0;transition:opacity .55s ease .35s,transform .75s cubic-bezier(.22,.72,.24,1) .35s}
  .p17-arrow,.p20-line.line-one{transform:scaleX(.08);transform-origin:left center}
  .p20-line.line-two{transform:translateY(8px)}
  .lines-visible .p17-arrow,.lines-visible .p20-line{opacity:1;transform:none}
  .p17-arrow:after,.p20-line:after{opacity:0;transform:scale(.45);transition:opacity .25s ease 1s,transform .42s cubic-bezier(.2,.9,.25,1.35) 1s,box-shadow .35s ease 1s}
  .lines-visible .p17-arrow:after,.lines-visible .p20-line:after{opacity:1;transform:scale(1)}
}

@media(min-width:801px){
  /* Page 5: number is centred against the full arrow artwork, including asymmetrical notches. */
  .journey-steps b span{inset:0!important;top:0!important;left:0!important;width:100%!important;height:62px!important;display:grid!important;place-items:center!important;line-height:62px!important;text-align:center!important;transform:none!important}
  .journey-steps article:nth-child(1) b span{padding-right:9px}.journey-steps article:nth-child(2) b span,.journey-steps article:nth-child(4) b span{padding-left:7px}.journey-steps article:nth-child(3) b span{padding-left:7px}.journey-steps article:nth-child(5) b span{padding-left:4px}

  /* Page 4: keep quote-card shadows outside the animated element bounds. */
  .interview .quote-grid,.interview .quote-grid blockquote{overflow:visible!important;clip-path:none!important}

  /* Page 6: normalize highlighted icons and strengthen the Ant Bank marker. */
  .competitor-card .competitors img:nth-child(1),.competitor-card .competitors img:nth-child(2){box-sizing:border-box;width:96px;height:96px;border-radius:20px;object-fit:cover}
  .competitor-card .competitors img:nth-child(1){background:#fff}
  .competitor-card .competitors img:nth-child(2){background:#08cda7}
  .position-map .m4{box-sizing:border-box;left:752px;top:133px;width:124px;height:124px;border-radius:24px;background:#fff;opacity:1;filter:drop-shadow(0 0 10px rgba(249,23,72,.75)) drop-shadow(0 0 24px rgba(249,23,72,.46))}
  .analysis .map-grid:before{content:"";position:absolute;z-index:2;left:0;top:0;width:720px;height:552px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(249,23,72,.12) 32%,rgba(249,23,72,.7) 49.6%,rgba(249,23,72,.16) 70%,transparent 100%) 0 275px/720px 2px no-repeat,linear-gradient(180deg,transparent 8%,rgba(249,23,72,.12) 30%,rgba(249,23,72,.72) 50%,rgba(249,23,72,.14) 72%,transparent 92%) 357px 51px/2px 450px no-repeat;opacity:.62}
  .analysis .map-grid:after{content:"";position:absolute;z-index:5;left:351px;top:267px;width:18px;height:18px;border-radius:50%;background:#f91748;box-shadow:0 0 0 6px rgba(249,23,72,.12),0 0 24px 9px rgba(249,23,72,.68);pointer-events:none}
}

@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  /* Page 6 axes and decision fan draw in before the enlarged Ant Bank marker glows. */
  .analysis .map-grid .map-v,.analysis .map-grid .map-h,.analysis .map-grid em{opacity:0;transition:opacity .75s ease .35s,filter .75s ease .35s}
  .analysis .map-grid:before{opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s cubic-bezier(.22,.72,.24,1) .48s,opacity .3s ease .48s}
  .analysis .map-grid:after{opacity:0;transform:scale(.25);transition:opacity .28s ease 1.03s,transform .48s cubic-bezier(.2,.9,.25,1.35) 1.03s,box-shadow .45s ease 1.03s}
  .analysis .map-grid .map-v{clip-path:inset(0 0 100% 0);transition:clip-path .95s cubic-bezier(.22,.72,.24,1) .25s,opacity .2s ease .25s}
  .analysis .map-grid .map-h{clip-path:inset(0 0 100% 0);transition:clip-path .95s cubic-bezier(.22,.72,.24,1) .38s,opacity .2s ease .38s}
  .analysis .map-grid em{transform:scale(.72);transform-origin:0 100%;transition:opacity .7s ease .62s,transform .9s cubic-bezier(.22,.72,.24,1) .62s,filter .7s ease .62s}
  .analysis.lines-visible .map-grid .map-v,.analysis.lines-visible .map-grid .map-h{opacity:1;clip-path:inset(-10px)}
  .analysis.lines-visible .map-grid em{opacity:1;transform:scale(1);filter:drop-shadow(0 0 24px rgba(249,23,72,.48))}
  .analysis.lines-visible .map-grid:before{opacity:.62;clip-path:inset(-12px)}
  .analysis.lines-visible .map-grid:after{opacity:1;transform:scale(1);box-shadow:0 0 0 6px rgba(249,23,72,.12),0 0 26px 10px rgba(249,23,72,.72)}
  .analysis .position-map .m4{opacity:0;transform:scale(.72);transition:opacity .35s ease 1.18s,transform .5s cubic-bezier(.2,.9,.25,1.35) 1.18s,filter .45s ease 1.18s}
  .analysis.lines-visible .position-map .m4{opacity:1;transform:scale(1);filter:drop-shadow(0 0 10px rgba(249,23,72,.85)) drop-shadow(0 0 30px rgba(249,23,72,.58))}
}

/* 2026-08-12 restrained guide checkpoint. Composite images keep their baked
   guides; only CSS-built flows receive a small, non-clipping reveal. */
@media(min-width:801px){
  .architecture .section-head h2{width:108%;transform:scaleX(.925);transform-origin:left center}

  /* No duplicate live lines above exported full compositions. */
  .p12-stage .p12-line,.p13>.p13-stage,.p14>.p14-flow,.p15-guide,
  .p18>.p18-line,.p19-guide{display:none!important}

  /* Page 17 uses independent phones, so the unwanted rectangular composite
     backdrop is removed while the two semantic labels stay centred on lines. */
  .p17>.p17-content-exact{display:none!important}
  .p17>.p17-flow{visibility:visible!important;z-index:24!important;overflow:visible!important;pointer-events:none}
  .p17>.p17-flow figure{visibility:visible!important}
  .p17>.p17-flow .p17-arrow{visibility:visible!important;z-index:25!important;top:401px!important;height:0!important;border:0!important;border-top:3px dashed #f91748!important;background:none!important;clip-path:none!important;filter:none!important;overflow:visible!important}
  .p17>.p17-flow .p17-label{visibility:visible!important;z-index:26!important;top:401px!important;padding:8px 14px!important;font:400 24px/normal var(--display)!important;box-shadow:none!important}
  .p17>.p17-flow .p17-label.l1{left:563px!important;transform:translate(-50%,-50%)!important}
  .p17>.p17-flow .p17-label.l2{left:1218px!important;transform:translate(-50%,-50%)!important}
  .p17>.p17-flow .p17-arrow:after{right:-8px!important;top:-10px!important;width:16px!important;height:16px!important;border:0!important;border-radius:50%!important;background:#f91748!important;box-shadow:0 0 0 5px rgba(249,23,72,.12),0 0 16px 5px rgba(249,23,72,.38)!important}

  /* Page 20 is also CSS-built. Keep two guides but illuminate only the final
     endpoint, which avoids visual noise and never clips its shadow. */
  .p20-phones,.p20-line{overflow:visible!important;clip-path:none!important}
  .p20-line{filter:none!important}
  .p20-line:after{box-shadow:none!important}
  .p20-line.line-two:after{box-shadow:0 0 0 5px rgba(249,23,72,.12),0 0 18px 6px rgba(249,23,72,.42)!important}
}

@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  .p17-arrow,.p20-line{clip-path:none!important;filter:none!important}
  .lines-visible .p17-arrow,.lines-visible .p20-line{clip-path:none!important;filter:none!important}
}

/* 2026-08-12 checkpoint — pages 17–19 and finale recalibration. */
@media(min-width:801px){
  /* Page 17: the exact export owns the phone positions and connector ends.
     Only the two semantic labels remain live so they can use Aeonik Regular. */
  .p17>.p17-content-exact{display:block!important;z-index:20!important}
  .p17>.p17-content-exact~.p17-flow{visibility:visible!important;z-index:21!important}
  .p17>.p17-content-exact~.p17-flow figure,
  .p17>.p17-content-exact~.p17-flow .p17-arrow{display:none!important}
  .p17>.p17-content-exact~.p17-flow .p17-label{
    visibility:visible!important;
    z-index:22!important;
    top:401px!important;
    min-width:126px!important;
    padding:8px 16px!important;
    font:400 24px/1 var(--display)!important;
    text-align:center!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:none!important;
  }
  .p17>.p17-content-exact~.p17-flow .p17-label.l1{left:512px!important}
  .p17>.p17-content-exact~.p17-flow .p17-label.l2{left:1175px!important}

  /* Pages 18–19: cover the serif labels baked into the exact exports with
     identically sized Aeonik labels while preserving the calibrated artwork. */
  .p18>.p18-page-exact~.p18-compare,
  .p19>.p19-content-exact~.p19-compare{visibility:visible!important;z-index:22!important}
  .p18-compare .p18-phone,
  .p19-compare figure{visibility:hidden!important}
  .p18-compare figcaption,
  .p19-compare>div>b{
    box-sizing:border-box!important;
    width:126px!important;
    height:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:30px!important;
    background:#f2f2f2!important;
    color:#777!important;
    font:400 30px/44px var(--display)!important;
    white-space:nowrap!important;
    box-shadow:0 0 0 9px #f2f2f2!important;
  }
  .p18-compare figure:last-child figcaption,
  .p19-compare>div:last-child>b{
    width:140px!important;
    background:#ffe6ec!important;
    color:#f91748!important;
    box-shadow:0 0 0 9px #ffe6ec!important;
  }
  .p18-compare{left:44px!important;top:245px!important}

  /* Page 19 returns to the exact Figma phone artwork; lighten removes its old
     flat backing while the refreshed continuous page background remains live. */
  .p19>.p19-content-exact{
    display:block!important;
    mix-blend-mode:lighten!important;
  }
  .p19>.p19-content-exact~.p19-compare{left:70px!important;top:131px!important}
  .p19>.p19-content-exact~.p19-copy{visibility:hidden!important}

  /* Finale: restore the complete export and remove the polygon that clipped
     the tops and outside edges of the phone fan. */
  .p22>.p22-content-exact{
    display:block!important;
    clip-path:none!important;
    mix-blend-mode:lighten!important;
    filter:brightness(.92);
  }
  .p22>.p22-content-exact~.p22-wrap{visibility:hidden!important}
}

/* 2026-08-12 checkpoint — transparent page 17, clean page 18 layering and
   one comparison-label standard based on the measured page 11 treatment. */
@media(min-width:801px){
  /* Page 17: the exported composition contains an opaque rectangular field.
     Use the three transparent phone assemblies and connect only the gaps. */
  .p17>.p17-content-exact{display:none!important}
  .p17>.p17-flow{
    visibility:visible!important;
    z-index:24!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .p17>.p17-content-exact~.p17-flow figure{
    display:block!important;
    visibility:visible!important;
    flex:0 0 388.111px!important;
    background:transparent!important;
  }
  .p17>.p17-content-exact~.p17-flow .p17-arrow{
    display:block!important;
    visibility:visible!important;
    z-index:25!important;
    top:401px!important;
    height:0!important;
    border:0!important;
    border-top:3px dashed #f91748!important;
    background:none!important;
    clip-path:none!important;
    overflow:visible!important;
  }
  .p17>.p17-content-exact~.p17-flow .p17-arrow.a1{left:388.111px!important;width:259px!important}
  .p17>.p17-content-exact~.p17-flow .p17-arrow.a2{left:1035.222px!important;width:259px!important}
  .p17>.p17-content-exact~.p17-flow .p17-label{
    display:block!important;
    visibility:visible!important;
    z-index:26!important;
    top:401px!important;
    min-width:0!important;
    padding:8px 16px!important;
    font:400 24px/1 var(--display)!important;
    text-align:center!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:none!important;
  }
  .p17>.p17-content-exact~.p17-flow .p17-label.l1{left:517.611px!important}
  .p17>.p17-content-exact~.p17-flow .p17-label.l2{left:1164.722px!important}

  /* Page 18's foreground crop was being rendered a second time over the exact
     composition. Keep only the artwork's crop and the live typography labels. */
  .p18-compare .p18-phone,
  .p18-compare .p18-preview{visibility:hidden!important}
  .p18-compare{left:78px!important;top:245px!important}

  /* Page 11 is the canonical comparison-tag scale: Aeonik Regular 30/34 with
     20px horizontal padding. Pages 16, 18 and 19 now use the same box model. */
  .p11-phones figcaption,
  .p16-compare figcaption,
  .p18-compare figcaption,
  .p19-compare>div>b{
    box-sizing:border-box!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0 20px!important;
    display:block!important;
    border-radius:999px!important;
    background:#f2f2f2!important;
    color:#777!important;
    font:400 30px/34px var(--display)!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  .p11-phones figure:last-child figcaption,
  .p16-compare figure:last-child figcaption,
  .p18-compare figure:last-child figcaption,
  .p19-compare>div:last-child>b{
    width:auto!important;
    background:#ffe6ec!important;
    color:#f91748!important;
    box-shadow:none!important;
  }

  /* The page-18 export still contains the old serif text. A centred backing
     halo covers those pixels without changing the measured live tag metrics. */
  .p18-compare figcaption{box-shadow:0 0 0 9px #f2f2f2!important}
  .p18-compare figure:last-child figcaption{box-shadow:0 0 0 9px #ffe6ec!important}

  /* Build page 18 from its transparent parts so no baked label, preview or
     background can overlap a live element. */
  .p18>.p18-page-exact{display:none!important}
  .p18>.p18-page-exact~*{visibility:visible!important}
  .p18>.p18-page-exact~.p18-compare{z-index:20!important}
  .p18>.p18-page-exact~.p18-compare .p18-phone,
  .p18>.p18-page-exact~.p18-compare .p18-preview{visibility:visible!important}
  .p18>.p18-page-exact~.p18-line{display:block!important;visibility:visible!important}
  .p18>.p18-page-exact~.p18-copy{visibility:visible!important}
  .p18-compare{left:66.39px!important;top:245px!important}
  .p18-compare figcaption,
  .p18-compare figure:last-child figcaption{box-shadow:none!important}
  .p18-head h2,.p18-copy h3{font-family:var(--display)!important;font-weight:700!important}
  .p18-head p,.p18-copy p{font-family:var(--display)!important;font-weight:300!important}
}

/* 2026-08-12 checkpoint — p18 artwork restoration, p19 single-label mode
   and page-4 bullet alignment. */
@media(min-width:801px){
  /* The exact page-18 export is the only asset that contains the approved
     legacy phone and purple-symbol calculator card together. */
  .p18>.p18-page-exact{
    display:block!important;
    z-index:20!important;
    clip-path:inset(91px 0 0)!important;
  }
  .p18>.p18-page-exact~.p18-head,
  .p18>.p18-page-exact~.p18-compare,
  .p18>.p18-page-exact~.p18-line,
  .p18>.p18-page-exact~.p18-copy{display:none!important}

  /* Page 19's export already owns both top labels. Do not render a second
     live label layer above it. */
  .p19>.p19-content-exact~.p19-compare{display:none!important}

  /* Use a real centred dot rather than a font bullet's baseline metrics. */
  .interview .quote-grid blockquote:before{
    content:""!important;
    left:40px!important;
    top:50%!important;
    width:13px!important;
    height:13px!important;
    border-radius:50%!important;
    background:#f91748!important;
    transform:translateY(-50%)!important;
  }
}