@font-face{font-family:Poppins;src:url('assets/fonts/poppins-semibold.ttf')}@font-face{font-family:Poppins;src:url('assets/fonts/poppins-bold.ttf');font-weight:700}@font-face{font-family:Rethink;src:url('assets/fonts/rethink-sans.ttf');font-weight:400 800}
:root{color-scheme:dark;--bg:#19171e;--muted:#bbb5c8;--purple:#9761ee;--white:#fcfaff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:Rethink,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Poppins,sans-serif}h2{font-size:44px;line-height:1.16;letter-spacing:-1.6px;text-align:center;font-weight:600}.container{width:min(1200px,calc(100% - 48px));margin:auto}.gradient-text{background:linear-gradient(110deg,#b398fc,#9960f1 55%,#c893ff);color:transparent;background-clip:text}.skip{position:absolute;left:15px;top:-60px;z-index:20}.skip:focus{top:15px;background:#fff;color:#111;padding:12px}.floating-nav{position:fixed;z-index:10;left:50%;top:24px;transform:translateX(-50%);width:206px;height:66px;padding:12px 22px;border:1px solid #ffffff1c;border-radius:50px;background:#25212fb3;backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;transition:width .35s,background .35s;box-shadow:0 12px 45px #08041025}.brand{display:flex;align-items:center;gap:7px;font-family:Poppins;font-size:24px;white-space:nowrap}.brand>span:last-child{color:#bc94ff}.focus-icon{width:32px;height:32px;display:grid;place-items:center;border:1.5px solid #b994ff;border-radius:10px;color:#d4b9ff;margin-right:3px}.nav-download{display:none;font-size:14px;background:#fff;color:#21172f;padding:12px 22px;border-radius:30px;font-weight:700}.floating-nav.expanded{width:min(1200px,calc(100% - 48px));background:#24212bd9}.expanded .nav-download{display:block}.hero{padding:156px 24px 0;text-align:center;overflow:hidden;position:relative;background:radial-gradient(ellipse 65% 50% at 50% 0,#7942b35e,transparent 90%),linear-gradient(#30213f00,var(--bg))}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#bfa4e3}.hero h1{font-size:76px;line-height:1.08;letter-spacing:-2.3px;font-weight:700;margin:23px 0 24px}.hero p{font-size:20px;line-height:1.6;color:#cec6dc}.download-buttons{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:29px}.download-pill,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:16px 23px;min-height:54px;border-radius:16px;font-weight:700;font-size:16px;border:0}.download-pill{background:#fff;color:#23172f;box-shadow:0 5px 22px #0002}.download-pill img{width:21px;height:24px;filter:brightness(0)}.secondary-button{border:1px solid #ffffff24;background:#ffffff06}.secondary-button span{font-size:21px;color:#bc94ff}a,button{transition:background .2s,transform .2s}a:hover.download-pill,a:hover.store-badge{transform:translateY(-3px)}a.secondary-button:hover{background:#ffffff10}a:focus-visible,button:focus-visible{outline:2px solid #c09aff;outline-offset:5px}.hero-art{position:relative;margin:86px auto 0;width:min(940px,100%);height:644px}.app-phone{position:relative;width:280px;aspect-ratio:460/960;overflow:hidden;border-radius:44px;background:#1c1921;box-shadow:0 25px 60px #0006}.app-phone img{position:absolute;width:130.435%;max-width:none;height:auto;left:-15.217%;top:-28.125%}.hero-art>.app-phone{position:absolute;bottom:30px}.phone-main{left:50%;transform:translateX(-50%);z-index:3;width:285px}.phone-left{left:9%;width:245px;transform:rotate(-10deg);opacity:.85}.phone-right{right:9%;width:245px;transform:rotate(10deg);opacity:.85}.hero-art:after{content:'';position:absolute;bottom:0;left:-10%;width:120%;height:130px;background:linear-gradient(transparent,var(--bg));z-index:4;pointer-events:none}.orbit{position:absolute;width:900px;height:360px;border:1px solid #a56eff1c;border-radius:50%;left:50%;top:280px;transform:translateX(-50%) rotate(-10deg)}.orbit-two{width:750px;height:270px;top:330px}.floating-label{position:absolute;z-index:5;display:flex;align-items:center;gap:14px;padding:17px 20px;background:#2e263dde;backdrop-filter:blur(15px);border:1px solid #b28ada35;border-radius:19px;text-align:left;font-size:15px;box-shadow:0 14px 40px #0003}.floating-label small{display:block;color:#bc9fe2;font-size:8px;letter-spacing:1.6px;margin-bottom:5px}.label-left{left:0;top:195px;transform:rotate(-5deg)}.label-right{right:0;bottom:120px;transform:rotate(4deg)}.label-icon,.sparkle{font-size:31px;color:#d7baff}.features{padding-top:65px}.features>h2{margin-bottom:48px}.feature-grid{display:grid;grid-template-columns:3fr 3fr 4fr;grid-template-rows:442px 480px;gap:20px}.feature-card{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#40304f,#292331);border:1px solid #ffffff09;min-width:0}.card-copy{padding:30px 30px 0;position:relative;z-index:2}.card-copy .eyebrow{font-size:9px;letter-spacing:1.7px;display:block;margin-bottom:14px}.feature-card h3{font-size:25px;line-height:1.25;letter-spacing:-.8px;font-weight:600}.feature-card p{font-size:15px;line-height:1.55;color:var(--muted);margin-top:13px}.coach-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.coach-card .card-copy{padding:40px 8px 30px 32px;display:flex;flex-direction:column;align-items:flex-start}.coach-card .tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px;padding-top:20px}.tags span{font-size:11px;border-radius:9px;padding:7px 10px;background:#ffffff0b;color:#d1c3e0}.card-phone-wrap{position:relative;margin-top:30px}.card-phone-wrap .app-phone{position:absolute;width:245px;left:50%;transform:translateX(-50%);top:0}.pose-art .app-phone{width:235px;margin:22px auto 0}.analysis-card,.academy-card,.framing-card{background:linear-gradient(160deg,#302739,#242128 90%)}.analysis-art{padding:15px 20px 35px}.analysis-orb{margin:4px auto 16px;width:84px;height:84px;display:grid;place-items:center;font-size:50px;color:#e4d7ff;background:radial-gradient(circle,#8650c2,#40265660 60%,transparent 72%);filter:drop-shadow(0 0 18px #9960f14d)}.feedback-row{display:flex;gap:12px;align-items:center;background:#ffffff06;border:1px solid #ffffff08;padding:12px;border-radius:14px;margin-top:8px;font-size:13px}.feedback-row>span{font-size:24px;color:#bb96fa}.feedback-row small{display:block;font-size:11px;color:#aaa1b9;margin-top:3px}.academy-art{margin-top:24px}.academy-art .app-phone{width:215px;margin:auto}.framing-art{padding:30px 28px}.viewfinder{height:170px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#7446a53d,transparent 65%)}.viewfinder i{position:absolute;width:28px;height:28px;border-color:#be91ff;border-style:solid;border-width:0}.viewfinder i:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px;border-radius:10px 0 0}.viewfinder i:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px;border-radius:0 10px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 10px}.viewfinder i:nth-child(4){bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 10px}.viewfinder span{font-size:9px;letter-spacing:3px;color:#c2abd9}.viewfinder b{font-size:54px;font-weight:400;color:#a379d3;margin-top:8px}.photo-modes{display:flex;justify-content:center;gap:22px;font-size:8px;letter-spacing:1.3px;color:#8e849a;margin-top:24px}.photo-modes .selected{color:#c299ff}.shutter{width:45px;height:45px;margin:16px auto 0;border:2px solid #cab5e6;border-radius:50%;background:#f1e8ff;background-clip:content-box;padding:4px}.steps{padding-top:105px;padding-bottom:100px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.step-progress{display:flex;align-items:center;gap:18px;margin-bottom:24px}.step-progress span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#30213f;color:#caa6ff;font-size:13px}.step-progress i{height:1px;background:linear-gradient(90deg,#8153b6,transparent);flex:1}.step-grid h3{font-size:19px;font-weight:600;letter-spacing:-.4px}.step-grid p{font-size:16px;color:var(--muted);margin-top:12px;line-height:1.5}.mobile-break{display:none}.cta-card{border-radius:32px;min-height:360px;padding:60px 45px 60px 44%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 65%,#9d6eeb85,transparent 50%),linear-gradient(120deg,#342244,#6b36a3);border:1px solid #c18cfd2e}.cta-content{position:relative;z-index:2}.cta h2{text-align:left;font-size:38px}.cta h2 span{color:#d8b9ff}.cta p{margin:17px 0 25px;color:#e0d1ef;font-size:17px}.store-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff38;border-radius:13px;background:#08070b;padding:10px 18px}.store-badge img{width:30px}.store-badge span{font-size:25px;line-height:1.1}.store-badge small{display:block;font-size:10px;margin-bottom:4px}.cta-art{position:absolute;width:42%;left:0;inset-block:0;display:grid;place-items:center}.cta-art img{width:185px;transform:rotate(-12deg);position:relative;z-index:2;filter:drop-shadow(0 25px 25px #16082299);border-radius:40px}.lens-ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #d2b3ff30;box-shadow:0 0 0 28px #ffffff04,0 0 0 58px #ffffff03}footer{padding-top:38px!important;padding-bottom:40px!important;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#948a9f;font-size:12px}footer nav{display:flex;gap:24px}footer button{padding:0;border:0;background:none;color:inherit;font-size:inherit}footer a:hover,footer button:hover{color:#ddd0ed}dialog{background:#25212e;border:1px solid #9c77c433;color:var(--white);border-radius:24px;padding:35px;width:min(420px,calc(100% - 32px));box-shadow:0 25px 90px #0007}dialog::backdrop{background:#07050bcc;backdrop-filter:blur(6px)}dialog h2{font-size:25px;text-align:left;letter-spacing:-.5px}dialog p{color:#c3b9cf;line-height:1.6;margin:18px 0 25px}dialog p a{color:#c69bff}.dialog-close,.dialog-close:focus,.dialog-close:active{position:absolute;right:16px;top:10px;font-size:28px;background:transparent;color:#bbb;border:none;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
@media(max-width:900px){.hero h1{font-size:62px}.hero-art{height:590px}.phone-left{left:4%;width:215px}.phone-right{right:4%;width:215px}.phone-main{width:260px}.floating-label{padding:12px;font-size:12px}.label-left{left:0;top:230px}.label-right{bottom:70px}.feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:442px 465px 465px}.coach-card{grid-column:span 2}.framing-card{grid-column:span 2}.framing-art{max-width:420px;margin:auto}.framing-card .card-copy{text-align:center}.cta-card{padding-left:40%}.cta h2{font-size:30px}.cta-art img{width:145px}.lens-ring{width:230px;height:230px}footer{flex-direction:column}.step-grid{gap:24px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.floating-nav{top:18px;height:58px;width:190px}.brand{font-size:22px}.floating-nav.expanded{width:calc(100% - 32px)}.nav-download{padding:10px 16px;font-size:12px}.hero{padding:133px 16px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:46px;letter-spacing:-1.6px;margin:20px 0}.hero p{font-size:16px;line-height:1.55;max-width:360px;margin:auto}.download-buttons{gap:9px;flex-wrap:wrap;margin-top:25px}.download-pill,.secondary-button{font-size:13px;padding:13px 16px;min-height:49px;border-radius:13px}.hero-art{height:430px;margin-top:62px;width:100%}.phone-main{width:182px}.hero-art>.app-phone{bottom:20px}.app-phone{border-radius:29px}.phone-left{width:147px;left:-13%;bottom:40px!important}.phone-right{width:147px;right:-13%;bottom:40px!important}.floating-label{font-size:10px;border-radius:12px;padding:10px;gap:7px}.floating-label small{font-size:6px;letter-spacing:1px}.label-icon,.sparkle{font-size:20px}.label-left{left:-6px;top:205px}.label-right{right:-6px;bottom:50px}.hero-art:after{height:65px}.orbit{width:540px;height:210px;top:210px}.orbit-two{width:430px;height:150px;top:240px}h2{font-size:32px;letter-spacing:-1px}.features{padding-top:40px}.features>h2{margin-bottom:30px}.feature-grid{display:flex;flex-direction:column;gap:16px}.feature-card{border-radius:25px;min-height:450px}.card-copy{padding:28px 26px 0}.feature-card h3{font-size:25px}.coach-card{display:block;height:620px}.coach-card .card-copy{padding:28px 26px 0}.coach-card .tags{margin-top:14px;padding-top:0}.card-phone-wrap{height:360px;margin-top:26px}.card-phone-wrap .app-phone{width:240px}.poses-card{height:555px}.pose-art .app-phone{width:240px}.analysis-card{min-height:450px}.analysis-art{max-width:340px;margin:auto}.academy-card{height:540px}.academy-art .app-phone{width:230px}.framing-card .card-copy{text-align:left}.framing-card{height:480px}.steps{padding-top:70px;padding-bottom:65px}.step-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.step-progress{margin-bottom:16px}.step-progress i{max-width:210px}.mobile-break{display:block}.cta-card{padding:34px 25px 230px;min-height:490px}.cta h2{font-size:30px}.cta p{font-size:16px}.cta-art{width:100%;height:210px;top:auto;bottom:0}.cta-art img{width:130px;border-radius:30px}.lens-ring{width:170px;height:170px}footer{font-size:11px;gap:20px}footer nav{gap:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the illustrative shutter comfortably inside the fifth card. */
.framing-art{padding-top:24px;padding-bottom:24px}.viewfinder{height:145px}.photo-modes{margin-top:20px}.shutter{width:40px;height:40px;margin-top:13px}
/* App icon branding and translucent navigation. */
.floating-nav{width:88px;height:76px;padding:10px 15px;background:rgba(43,34,56,.22);border-color:#ffffff20;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff0c,0 8px 35px #08041018}
.floating-nav.expanded{background:rgba(36,29,47,.4)}
.brand{display:block;flex-shrink:0}.nav-app-icon{width:54px;height:54px;border-radius:14px;object-fit:contain}
/* Keep the phone crop, but restore the original screenshot callouts above it. */
.app-phone{overflow:visible}.phone-screen{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.app-phone .phone-callout{z-index:6;pointer-events:none}
.coach-direction{clip-path:inset(36.9% 15.7% 55.3% 2.7% round 30px)}
.coach-perfect{clip-path:inset(46.2% 2.7% 46.4% 55.5% round 30px)}
.pose-before{clip-path:inset(77% 50.5% 14% 0 round 30px)}
.pose-after{clip-path:inset(77% 0 14% 54.3% round 30px)}
@media(max-width:600px){.floating-nav{width:78px;height:66px;padding:8px 13px}.nav-app-icon{width:48px;height:48px;border-radius:13px}}
/* Icon and name travel together in the glass header. */
.floating-nav{width:224px;padding-inline:18px}.brand{display:flex;align-items:center;gap:12px}.brand .brand-name{color:#fcfaff;font-size:24px;letter-spacing:-.6px}.hero .download-pill{border-radius:999px;padding-inline:28px}
/* Rebuilt callouts use equal padding and matching corners on both ends. */
.app-phone{container-type:inline-size}.phone-callout{position:absolute;display:flex;align-items:center;justify-content:center;gap:3cqw;padding:2.8cqw 4cqw;border-radius:4cqw;clip-path:none;color:#fff;white-space:nowrap;box-shadow:0 5px 18px #00000018;font-family:Rethink,Arial,sans-serif;font-weight:400;line-height:1}
.coach-direction{left:-14%;top:21.6%;width:112%;height:10.8%;background:#706657;font-size:5.1cqw}
.coach-perfect{left:56%;top:34.1%;width:61%;height:10.4%;background:#655a49;font-size:5.1cqw}
.direction-symbol,.check-symbol{display:grid;place-items:center;flex-shrink:0;width:13cqw;height:13cqw;border-radius:3cqw;font-size:11cqw;font-weight:700;box-shadow:inset 0 1px 3px #fff7,0 2px 5px #0003}.direction-symbol{background:linear-gradient(#a9d9f6,#668da5)}.check-symbol{background:linear-gradient(#7de775,#35bd42)}
.pose-before,.pose-after{top:75.8%;width:67%;height:12.4%;background:#110e16;font-size:8cqw;gap:3.5cqw;padding:3cqw;border-radius:4cqw}.pose-before{left:-16%}.pose-after{left:55%}.before-symbol,.after-symbol{display:grid;place-items:center;flex-shrink:0;width:17cqw;height:17cqw;border-radius:50%;font-size:14cqw}.before-symbol{background:#ff4747}.after-symbol{background:#39c66b}
/* Portrait collage with the app icon sitting in front at the base. */
.cta-card{min-height:420px;padding-top:76px;padding-bottom:76px}.cta-art{width:43%;inset-block:0;overflow:visible}.cta-art .cta-portraits{position:absolute;width:410px;max-width:105%;height:auto;left:50%;bottom:13px;transform:translateX(-50%);border-radius:0;filter:drop-shadow(0 18px 20px #1c082b55);z-index:1}.cta-art .cta-app-icon{position:absolute;width:98px;height:98px;left:50%;bottom:22px;transform:translateX(-50%) rotate(-8deg);border-radius:24px;filter:drop-shadow(0 10px 16px #14051b99);z-index:2}
@media(max-width:900px){.cta-art .cta-portraits{width:340px}.cta-art .cta-app-icon{width:80px;height:80px;bottom:35px;border-radius:20px}}
@media(max-width:600px){.floating-nav{width:205px;padding-inline:14px}.brand{gap:10px}.brand .brand-name{font-size:22px}.hero .download-pill{border-radius:999px}.cta-card{padding:34px 25px 320px;min-height:575px}.cta-art{width:100%;height:315px;top:auto;bottom:0}.cta-art .cta-portraits{width:300px;max-width:95%;bottom:5px}.cta-art .cta-app-icon{width:75px;height:75px;bottom:13px;border-radius:19px}}
/* Balanced collapsed brand spacing. */
.floating-nav:not(.expanded){width:200px;padding-left:24px;padding-right:24px}.brand .brand-name:last-child{color:#fff}
.cta-card{overflow:visible}.cta-art .cta-portraits{width:470px;max-width:115%;bottom:-8px}.cta-art .cta-app-icon{width:196px;height:196px;border-radius:46px;bottom:-16px}
@media(max-width:900px){.cta-art .cta-portraits{width:390px}.cta-art .cta-app-icon{width:160px;height:160px;border-radius:38px;bottom:-12px}}
@media(max-width:600px){.floating-nav:not(.expanded){padding-inline:20px}.cta-art .cta-portraits{width:350px;max-width:110%;bottom:-8px}.cta-art .cta-app-icon{width:150px;height:150px;border-radius:36px;bottom:-15px}.cta{margin-bottom:20px}}

/* Numeric widths keep the glass menu fluid in both directions. */
.floating-nav{border:none;box-shadow:0 8px 35px #08041018;transition:width .55s cubic-bezier(.22,1,.36,1),background .35s,padding .55s cubic-bezier(.22,1,.36,1)}
.nav-download{display:block;position:absolute;right:22px;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .2s,transform .35s,visibility .2s}
.expanded .nav-download{opacity:1;visibility:visible;transform:translateX(0);transition-delay:.12s}
@media(max-width:600px){.floating-nav:not(.expanded){width:181px}.nav-download{right:14px}}
@media(prefers-reduced-motion:reduce){.floating-nav,.nav-download{transition:none}}

/* Uploaded hero keeps the decorative orbits as separate layers. */
.hero-art-upload{width:min(1100px,100%);height:auto;aspect-ratio:12288/8379}
.hero-art-upload:after{display:none}
.hero-phones-upload{position:relative;width:100%;height:auto;z-index:2}
.hero-art-upload .orbit{z-index:0}
/* Compact download panel with a vertically centered content group. */
.cta-card{height:315px;min-height:315px;padding:0 45px 0 44%;display:flex;align-items:center;overflow:visible}
.cta-content{width:100%}
.cta-art{width:43%;height:100%;inset:0 auto 0 0;display:block}
.cta-art .cta-comparison{position:absolute;height:387px;width:auto;max-width:none;left:50%;bottom:-11px;transform:translateX(-50%);border-radius:0;filter:none;z-index:1}
@media(max-width:900px) and (min-width:601px){.cta-card{padding-left:44%;padding-right:24px}.cta-art .cta-comparison{height:365px;bottom:-10px}.cta h2{font-size:28px}.cta p{font-size:15px}}
@media(max-width:600px){.hero-art-upload{width:580px;max-width:none;left:50%;transform:translateX(-50%);height:auto;aspect-ratio:12288/8379}.cta-card{height:auto;min-height:640px;display:block;padding:34px 25px 360px}.cta-art{width:100%;height:320px;top:auto;bottom:0}.cta-art .cta-comparison{height:360px;bottom:-10px}.cta-content{position:relative;z-index:2}.cta{margin-top:22px}}

/* Uploaded artwork includes its own phone and callouts. Offset transparent top padding. */
.card-phone-wrap .coach-card-image{position:absolute;width:310px;max-width:100%;height:auto;left:50%;top:0;transform:translate(-50%,-17%)}
@media(max-width:600px){.card-phone-wrap .coach-card-image{width:304px}}

/* Keep the restored diagonal separation and align the photo baseline. */
.cta-art .cta-comparison{height:440px;bottom:-45px}
@media(max-width:900px) and (min-width:601px){.cta-art .cta-comparison{height:415px;bottom:-43px}}
@media(max-width:600px){.cta-art .cta-comparison{height:409px;bottom:-42px}}

/* Reduce only the hero artwork by 13%, keeping the orbit layout and spacing. */
.hero-phones-upload{width:87%;margin-inline:auto}

/* Natural portrait silhouette with gently blended outside edges. */
.cta-art .cta-comparison{height:387px;bottom:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:900px) and (min-width:601px){.cta-art .cta-comparison{height:365px;bottom:0}}
@media(max-width:600px){.cta-art .cta-comparison{height:360px;bottom:0}}
/* Bring the hero group closer to its CTA and raise the decorative orbits. */
.hero-art-upload{margin-top:60px}
.hero-art-upload .orbit-one{top:220px}
.hero-art-upload .orbit-two{top:270px}
@media(max-width:600px){.hero-art-upload{margin-top:44px}.hero-art-upload .orbit-one{top:165px}.hero-art-upload .orbit-two{top:195px}}

/* A directional cue connects the two cutouts without before/after labels. */
.comparison-motion{position:absolute;height:387px;aspect-ratio:1138/1382;left:50%;bottom:0;transform:translateX(-50%)}
.cta-art .comparison-motion .cta-comparison{height:100%;width:100%;left:0;bottom:0;transform:none}
.transformation-arrow{position:absolute;left:32%;top:31%;width:22%;height:auto;z-index:3;color:#e4ceff;filter:drop-shadow(0 2px 5px #3b176d66);animation:transformation-flow 2.4s ease-in-out infinite}
@keyframes transformation-flow{0%,100%{transform:translateX(-3px);opacity:.55}50%{transform:translateX(5px);opacity:1}}
@media(max-width:900px) and (min-width:601px){.comparison-motion{height:365px}}
@media(max-width:600px){.comparison-motion{height:360px}}
@media(prefers-reduced-motion:reduce){.transformation-arrow{animation:none;opacity:1}}

/* Independently arrange the clean artwork without changing its portraits. */
.cta-art .portrait-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:0;filter:none;transform:none;pointer-events:none}
.cta-art .portrait-left{clip-path:polygon(0 0,33.3% 0,33.3% 100%,0 100%);transform:translateX(-30px) scale(.85);transform-origin:left bottom;filter:grayscale(.8) saturate(.45) contrast(.85);opacity:.7;-webkit-mask-image:linear-gradient(#000 92%,transparent);mask-image:linear-gradient(#000 92%,transparent)}
.cta-art .portrait-right{clip-path:polygon(39% 0,100% 0,100% 100%,50% 100%,50% 77%,61% 77%,61% 52%,39% 52%);-webkit-mask-image:linear-gradient(#000 92%,transparent);mask-image:linear-gradient(#000 92%,transparent)}
.cta-art .portrait-ai{clip-path:ellipse(14% 12% at 46% 65%);transform:translateX(-14px) scale(1.08);transform-origin:46% 65%}
.transformation-arrow{left:26%;top:34%;width:23%}
@media(max-width:600px){.cta-art .portrait-left{transform:translateX(-24px) scale(.85)}.cta-art .portrait-ai{transform:translateX(-12px) scale(1.08)}}
/* Smaller feature visuals with tighter cards; keep copy at its readable size. */
.feature-grid{grid-template-rows:382px 432px}
.card-phone-wrap .coach-card-image{width:248px}
.pose-art,.analysis-art,.academy-art,.framing-art{transform:scale(.8);transform-origin:top center}
@media(max-width:900px) and (min-width:601px){.feature-grid{grid-template-rows:382px 420px 420px}}
@media(max-width:600px){.feature-card{min-height:0}.coach-card{height:548px}.card-phone-wrap{height:288px}.card-phone-wrap .coach-card-image{width:243.2px}.poses-card{height:480px}.analysis-card{height:400px;min-height:400px}.academy-card{height:470px}.framing-card{height:424px}}