/*
 * 네모라이브 셀러 랜딩 (/landing/seller) 전용 스타일
 * 원본: 20261013_샐러랜딩/랜딩페이지/index.html (v5) 의 <style>
 * 변경점: :root/html/body 규칙을 .seller-landing 래퍼로 이동(root.css 가 body 스크롤을 막으므로 래퍼가 스크롤),
 *        요소 선택자는 :where() 로 범위 지정(명시도 유지), reset.css 대응(strong/b 굵기),
 *        GIF 를 <picture> 로 감싸면서 .generation-canvas> 자식 선택자를 하위 선택자로 변경,
 *        --s 는 --seller-scale(LandingSeller.jsx 에서 설정)을 사용
 * 폰트: PretendardVariable.subset.woff2 = 페이지에 쓰인 글자 + ASCII + 일부 문장부호만 남긴 서브셋(가변 굵기 유지).
 *       페이지 문구에 새 글자가 들어가면 원본 PretendardVariable.woff2 로 서브셋을 다시 만들어야 한다(PROGRESS.md 참고).
 */
@font-face{font-family:Pretendard;src:url('/assets/seller/PretendardVariable.subset.woff2') format('woff2');font-weight:100 900;font-display:swap}
.seller-landing{--orange:#ff4c00;--ink:#111;--cream:#f6ece8;--u:min(1px,.0520833333vw);--s:var(--seller-scale,.75)}
:where(.seller-landing),:where(.seller-landing) *{box-sizing:border-box}.seller-landing{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;margin:0;color:var(--ink);background:#fff;font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;line-height:normal;word-break:keep-all;overflow-wrap:break-word}:where(.seller-landing) :where(h1,h2,h3,p,figure){margin:0}:where(.seller-landing) strong,:where(.seller-landing) b{font-weight:700}:where(.seller-landing) :where(button,a){-webkit-tap-highlight-color:transparent}:where(.seller-landing) a{color:inherit}:where(.seller-landing) img{display:block}:where(.seller-landing) picture{display:contents}:where(.seller-landing) button{font:inherit}:where(.seller-landing) em{color:var(--orange);font-style:normal}a:focus-visible,button:focus-visible{outline:3px solid #4169e1;outline-offset:6px}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:#fff;transform:translateY(-150%)}.skip:focus{transform:none}
.page-width{max-width:1920px;margin:auto}.cta{display:inline-flex;align-items:center;justify-content:center;width:calc(126 * var(--u));height:calc(54 * var(--u));border:1px solid #111;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:calc(20 * var(--u));font-weight:600;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.cta:hover{transform:translateY(-3px);background:var(--orange);border-color:var(--orange);box-shadow:0 8px 25px #ff4c002a}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}.reveal.visible{opacity:1;transform:none}
.logo{position:relative;width:calc(166 * var(--u));height:calc(30 * var(--u))}.logo-inner{display:flex;align-items:center;gap:5.15px;width:166px;height:30px;transform:scale(var(--s));transform-origin:top left}.logo-large{width:calc(443 * var(--u));height:calc(80 * var(--u))}.logo-large .logo-inner{gap:14.389px;width:443px;height:80px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(1080 * var(--u))}.hero-copy{padding-left:calc(150 * var(--u));display:flex;justify-content:center;flex-direction:column}.hero-copy>.logo{margin-bottom:calc(100 * var(--u))}.hero-title{position:relative;max-width:calc(630 * var(--u));font-size:calc(60 * var(--u));line-height:calc(70 * var(--u));font-weight:700;letter-spacing:-.02em;white-space:nowrap}.quote{position:absolute;top:0;width:19px;height:29px;transform:scale(var(--s));transform-origin:top left}.quote-left{left:calc(-30 * var(--u))}.quote-right{left:calc(558 * var(--u))}.hero-sub{margin-top:calc(10 * var(--u));font-size:calc(28 * var(--u));font-weight:700;color:#4b4b4b;line-height:calc(40 * var(--u))}.hero-detail{margin-top:calc(10 * var(--u));font-size:calc(18 * var(--u));line-height:calc(29 * var(--u));max-width:calc(630 * var(--u))}.hero-copy>.cta{margin-top:calc(80 * var(--u))}.hero-visual{position:relative;display:grid;place-items:center;background:#111;overflow:hidden;min-width:0}.rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.rings img{width:960px;height:1080px;transform:scale(var(--s))}.hero-phone-slot{position:relative;width:calc(374 * var(--u));height:calc(746 * var(--u))}.phone-canvas{position:relative;width:374px;height:746px;transform:scale(var(--s));transform-origin:top left}.hero-device{position:absolute;inset:6px 0 0;background:black;border:10px solid #fff;border-radius:50px}.hero-screen{position:absolute;left:7px;top:53px;width:360px;height:640px;object-fit:cover}.phone-status{position:absolute;top:11px;left:7px;width:360px;height:42px;background:black;border-radius:30px 30px 0 0;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 20px;font-size:15px;font-weight:600}.home-bar{position:absolute;top:723px;left:152px;width:70px;height:5px;background:#fff;border-radius:10px}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}
.problem{background:#f7f3f2;padding:calc(120 * var(--u)) 24px;min-height:calc(462 * var(--u));text-align:center}.section-title{font-size:calc(52 * var(--u));line-height:1.2;font-weight:700;letter-spacing:-.035em}.problem-box{max-width:calc(1060 * var(--u));margin:calc(20 * var(--u)) auto 0;padding:calc(28 * var(--u)) calc(24 * var(--u));min-height:calc(140 * var(--u));border-radius:10px;background:#ff4c001a;font-size:calc(22 * var(--u));line-height:calc(38 * var(--u))}.problem-box strong{color:var(--orange)}
.evolution{position:relative;min-height:calc(1112 * var(--u));padding:calc(120 * var(--u)) 24px;isolation:isolate}.evolution:before{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:calc(449 * var(--u));background:var(--cream)}.evolution-intro{text-align:center;font-size:calc(28 * var(--u));font-weight:700;line-height:calc(40 * var(--u));color:#4b4b4b}.generations{width:calc(996 * var(--u));max-width:100%;margin:calc(50 * var(--u)) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(100 * var(--u))}.generation{position:relative;text-align:center;min-width:0}.generation-label{margin-bottom:calc(21 * var(--u));font-size:calc(24 * var(--u));font-weight:700;color:#4a3c36}.generation:nth-child(2) .generation-label{color:#844d36}.generation:nth-child(3) .generation-label{color:var(--orange)}.generation-phone{position:relative;width:calc(258 * var(--u));height:calc(533 * var(--u));margin:auto}.generation-canvas{position:relative;width:258px;height:533px;background:black;border:10px solid white;border-radius:30px;overflow:hidden;transform:scale(var(--s));transform-origin:top left}.generation-canvas .old-screen{position:absolute;left:-1px;top:29px;width:240px;height:454.667px;object-fit:cover}.generation-canvas .status-image{position:absolute;top:29px;left:-1px;width:240px;height:28px}.generation-canvas .new-screen{position:absolute;top:57px;left:-1px;width:240px;height:426.75px;object-fit:cover}.generation h3{margin-top:calc(30 * var(--u));font-size:calc(18 * var(--u));font-weight:700;white-space:nowrap}.generation p{margin:calc(17 * var(--u)) auto 0;color:#6b7280;font-size:calc(16 * var(--u));line-height:calc(22 * var(--u));width:calc(263 * var(--u))}.generation-arrow{position:absolute;left:calc(282 * var(--u));top:calc(262 * var(--u));width:calc(51 * var(--u));height:calc(120 * var(--u))}.generation-arrow img{position:absolute;width:119.661px;height:50.2957px;transform:rotate(90deg) scale(var(--s));transform-origin:0 0;left:calc(50.3 * var(--u))}
.proof{background:radial-gradient(ellipse at right top,#8554544d,transparent 55%),#282321;color:#fff;padding:calc(120 * var(--u)) 24px;min-height:calc(1038 * var(--u));text-align:center}.proof-copy{font-size:calc(20 * var(--u));font-weight:700;line-height:1.5}.proof-slot{position:relative;width:calc(608 * var(--u));height:calc(688 * var(--u));margin:calc(86 * var(--u)) auto 0;left:calc(56 * var(--u))}.proof-canvas{position:relative;width:608px;height:688px;transform:scale(var(--s));transform-origin:top left}.proof-phone{position:absolute;top:2px;left:0;width:318px;height:684px;background:#000;border:5px solid #aaa;border-radius:30px}.proof-screen{position:absolute;top:24px;left:15px;width:288px;height:640px;border-radius:30px;object-fit:cover}.proof-target{position:absolute;top:46px;left:104px;width:111px;height:44px;border:3px solid white;border-radius:10px}.proof-zoom{position:absolute;top:173px;left:106px;width:502px;height:199px;border:10px solid #fff;border-radius:30px;overflow:hidden;background:#000}.proof-zoom img{position:absolute;left:-62.64%;top:-44.95%;width:225.29%;height:1261.84%;max-width:none}.proof-line-one{position:absolute;top:74px;left:104px;transform:rotate(89.33deg);transform-origin:0 0}.proof-line-two{position:absolute;left:210px;top:51px;transform:rotate(18.57deg);transform-origin:0 0}.phone-key{position:absolute;background:#aaa;border-radius:10px}.phone-key.left-one{left:-10px;top:152px;width:10px;height:59px}.phone-key.left-two{left:-10px;top:235px;width:10px;height:59px}.phone-key.right{left:313px;top:147px;width:5px;height:34px}
.statement{background:#a80000;color:#fff;padding:calc(82 * var(--u)) 24px;min-height:calc(278 * var(--u))}.statement-inner{width:max-content;max-width:100%;margin:auto}.statement p{font-size:calc(28 * var(--u));font-weight:700;line-height:calc(60 * var(--u))}.statement h2{font-size:calc(48 * var(--u));line-height:calc(60 * var(--u));font-weight:700;letter-spacing:-.02em}
.journey{padding:calc(120 * var(--u)) 24px;min-height:calc(614 * var(--u));text-align:center}.journey-grid{width:calc(1064 * var(--u));max-width:100%;margin:calc(50 * var(--u)) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--u));text-align:left}.journey-card{background:#94827c;border:1px solid #e5e7eb;border-radius:16px;color:#ddd;padding:calc(32 * var(--u));min-height:calc(260 * var(--u))}.journey-card.new{background:var(--orange);color:#fff;border-color:#d03e00}.journey-card h3{font-size:calc(22 * var(--u));line-height:calc(28 * var(--u));font-weight:700}.journey-card>p{margin-top:calc(8 * var(--u));font-size:calc(18 * var(--u));line-height:1.2}.journey-card.new>p{color:#dbff57}.journey-card ol{list-style:none;counter-reset:steps;padding:0;margin:calc(24 * var(--u)) 0 0;display:grid;gap:calc(16 * var(--u))}.journey-card li{counter-increment:steps;display:flex;gap:calc(12 * var(--u));align-items:center;font-size:calc(16 * var(--u));font-weight:700;line-height:1.45}.journey-card li:before{content:counter(steps);width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none;display:grid;place-items:center;border-radius:50%;background:#ddd;color:#4a5565}.journey-card.new li:before{background:white;color:var(--orange)}
.benefits{position:relative;background:radial-gradient(ellipse at 9% 4%,#ffffffdd,transparent 22%),var(--cream);padding:calc(155 * var(--u)) 24px calc(123 * var(--u));overflow:hidden}.benefits:after{content:"";position:absolute;top:calc(320 * var(--u));right:calc(-362 * var(--u));width:calc(672 * var(--u));height:calc(672 * var(--u));border:1px solid #a8633f20;border-radius:50%;pointer-events:none}.benefits-header{text-align:center}.benefits-header h2{color:#1f2522;font-size:calc(60 * var(--u));line-height:calc(87 * var(--u));letter-spacing:-.067em;font-weight:700}.benefits-header p{margin-top:calc(26 * var(--u));font-size:calc(20 * var(--u));line-height:1.5;color:#636965}.benefit-stack{width:calc(1216 * var(--u));max-width:100%;margin:calc(262 * var(--u)) auto 0;display:grid;gap:calc(96 * var(--u));position:relative;z-index:1}.benefit{position:relative;background:#fbfaf7d1;border:1px solid #ffffffcc;border-radius:28px;box-shadow:0 calc(26 * var(--u)) calc(70 * var(--u)) #2e261e1a;padding:calc(104 * var(--u)) calc(88 * var(--u)) calc(48 * var(--u));text-align:center;min-width:0}.benefit-01{min-height:calc(948 * var(--u))}.benefit-03{min-height:calc(928 * var(--u))}.benefit-04{min-height:calc(984 * var(--u));background:radial-gradient(ellipse at 90% 0,#d8b8a230,transparent 45%),#fbfaf7e6}.section-number{position:absolute;top:calc(-32 * var(--u));left:50%;translate:-50% 0;width:calc(64 * var(--u));height:calc(64 * var(--u));display:grid;place-items:center;border:1px solid #282f2b1f;border-radius:50%;background:#fbfaf7;font-family:Georgia,serif;font-size:calc(16 * var(--u));color:#1f2522}.section-number:after{content:"";position:absolute;top:100%;height:calc(25 * var(--u));width:1px;background:#282f2b1f}.feature-label{display:block;color:#a8633f;font-family:Georgia,serif;font-style:italic;text-transform:uppercase;font-size:calc(12.48 * var(--u));letter-spacing:.16em;line-height:1.5}.benefit h3{font-size:calc(33 * var(--u));line-height:calc(46 * var(--u));font-weight:700;letter-spacing:-.03em;margin-top:calc(13 * var(--u));color:#1f2522}.benefit-copy{max-width:calc(784 * var(--u));margin:calc(18 * var(--u)) auto 0;font-size:calc(16 * var(--u));line-height:calc(28 * var(--u));color:#4a5565}.preview{position:relative;margin:calc(52 * var(--u)) auto 0;border:1px solid #282f2b1f;border-radius:16px;background:white;overflow:hidden;box-shadow:0 calc(18 * var(--u)) calc(50 * var(--u)) #2a241f1f;transition:box-shadow .3s ease,translate .3s ease}.preview:hover{box-shadow:0 24px 60px #2a241f28;translate:0 -3px}.preview img.feature-image{width:100%;height:100%;object-fit:contain}.preview-01{width:calc(1018 * var(--u));max-width:100%;aspect-ratio:1018/574}.preview-03{width:calc(1014 * var(--u));max-width:100%;aspect-ratio:1014/575}.preview-04{width:calc(1019 * var(--u));max-width:100%;aspect-ratio:1019/579}.preview-logo{position:absolute;width:calc(116.63 * var(--u));height:calc(20 * var(--u))}.preview-logo-inner{width:116.63px;height:20px;display:flex;gap:4.23px;transform:scale(var(--s));transform-origin:top left}.preview-01 .preview-logo{top:calc(525 * var(--u));left:calc(450.37 * var(--u))}.preview-03 .preview-logo.top{top:calc(38.58 * var(--u));left:calc(51.37 * var(--u))}.preview-03 .preview-logo.bottom{top:calc(528.9 * var(--u));left:calc(448.37 * var(--u))}.distribution-logo{margin:calc(43 * var(--u)) auto 0;position:relative;left:0;top:0}.benefit-02{min-height:calc(798 * var(--u));padding:calc(96 * var(--u)) calc(110 * var(--u));display:grid;grid-template-columns:calc(352 * var(--u)) 1fr;gap:calc(96 * var(--u));align-items:center;text-align:left}.always-image{position:relative;width:calc(342.327 * var(--u));height:calc(601.765 * var(--u));margin-top:calc(15 * var(--u));isolation:isolate}.always-image:before{content:"";position:absolute;z-index:-1;left:calc(-8.82 * var(--u));top:calc(-34.37 * var(--u));width:calc(360 * var(--u));height:calc(669 * var(--u));background:#ff4c0080;border-radius:200px}.always-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:22.4px;box-shadow:0 18px 50px #2a241f1f}.benefit-02 h3{line-height:calc(47.56 * var(--u))}.benefit-02 .benefit-copy{color:#636965;margin:calc(18 * var(--u)) 0 0;max-width:100%}
.contact{text-align:center;background:var(--cream);padding:calc(120 * var(--u)) 24px;min-height:calc(540 * var(--u))}.contact .logo{margin:auto}.contact .cta{margin-top:calc(100 * var(--u))}.contact-email{display:block;width:max-content;max-width:100%;margin:calc(30 * var(--u)) auto 0;font-size:calc(30 * var(--u));line-height:1.2;text-decoration:none}.contact-email:hover{color:var(--orange)}.footer{background:#1111111a;padding:calc(30 * var(--u)) 24px;min-height:calc(129 * var(--u))}.footer-content{max-width:calc(937 * var(--u));margin:auto;display:flex;gap:calc(15 * var(--u));align-items:center}.company-logo{position:relative;width:calc(75 * var(--u));height:calc(69 * var(--u));flex:none;overflow:hidden}.company-logo img{position:absolute;width:100%;height:133.78%;top:-19.06%;object-fit:fill}.footer p{font-size:calc(18 * var(--u));line-height:calc(28 * var(--u));color:#222}.back-top{position:fixed;z-index:10;right:22px;bottom:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #1112;border-radius:50%;color:#111;background:#ffffffee;box-shadow:0 4px 16px #0001;cursor:pointer;font-size:21px;opacity:0;pointer-events:none;translate:0 8px;transition:opacity .25s,translate .25s}.back-top.active{opacity:1;pointer-events:auto;translate:0 0}
/* Outside strokes match the original Figma phone frame. */
.hero-title{letter-spacing:0}.hero-device{border:0;outline:10px solid #fff}.quote-right{transform:scale(var(--s)) translateX(19px) scaleX(-1)}
.proof-copy{line-height:calc(24 * var(--u))}.statement{padding-bottom:calc(76 * var(--u))}.journey-card li{letter-spacing:-.025em}.journey-card>p{line-height:calc(20 * var(--u))}.benefits{padding-bottom:calc(68 * var(--u))}
@media(min-width:1920px){.seller-landing{--s:1}}
@media(max-width:999px){.seller-landing{--u:1px;--s:1}.cta{width:126px;height:54px;font-size:18px}.section-title{font-size:36px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:60px 32px 56px;align-items:flex-start}.hero-copy>.logo{margin-bottom:54px}.hero-title{font-size:clamp(28px,5.5vw,52px);line-height:1.25;max-width:100%;white-space:normal}.quote{display:none}.hero-sub{font-size:clamp(19px,3vw,25px);line-height:1.5;margin-top:20px}.hero-detail{font-size:16px;line-height:1.8;margin-top:16px;max-width:560px}.hero-copy>.cta{margin-top:32px}.hero-visual{height:600px}.hero-phone-slot{--s:.65;--u:.65px}.rings img{transform:scale(.65)}.problem{padding:64px 24px;min-height:0}.problem-box{font-size:18px;line-height:1.7;padding:24px 20px;min-height:0;max-width:720px;margin-top:24px}.evolution{padding:64px 24px;min-height:0}.evolution-intro{font-size:22px;line-height:1.7}.evolution-intro br{display:none}.evolution:before{height:60%}.generations{width:100%;max-width:760px;gap:22px;margin-top:40px}.generation-phone{--s:.74;--u:.74px}.generation-label{font-size:21px;margin-bottom:18px}.generation h3{font-size:16px;white-space:normal;margin-top:24px;line-height:1.5}.generation p{font-size:15px;line-height:1.7;width:auto;margin-top:12px}.generation-arrow{display:none}.proof{padding:64px 24px;min-height:0}.proof-copy{font-size:18px;max-width:670px;margin:auto;line-height:1.8}.proof-slot{--s:.7;--u:.7px;left:0;margin-top:48px}.statement{padding:50px 28px;min-height:0}.statement p{font-size:21px;line-height:1.8}.statement h2{font-size:32px;line-height:1.5;margin-top:8px}.journey{padding:64px 24px;min-height:0}.journey-grid{width:100%;max-width:760px;margin-top:36px;gap:16px}.journey-card{padding:26px;min-height:0}.journey-card h3{font-size:20px;line-height:1.5}.journey-card>p{font-size:16px;line-height:1.6}.journey-card li{font-size:15px}.benefits{padding:72px 24px}.benefits-header h2{font-size:38px;line-height:1.4}.benefits-header p{font-size:17px;line-height:1.7;margin-top:16px}.benefit-stack{width:100%;max-width:760px;margin-top:92px;gap:80px}.benefit{padding:60px 28px 38px;border-radius:24px;min-height:0}.benefit h3{font-size:27px;line-height:1.5}.benefit-copy{font-size:16px;line-height:1.8}.feature-label{font-size:12px}.section-number{width:56px;height:56px;top:-28px;font-size:16px}.section-number:after{height:20px}.preview{margin-top:32px;width:100%;border-radius:10px}.preview-logo{--u:1px;--s:1}.preview-01 .preview-logo{top:91.46%;left:44.3%;transform:scale(.65);transform-origin:top left}.preview-03 .preview-logo.top{top:6.71%;left:5.13%;transform:scale(.65);transform-origin:top left}.preview-03 .preview-logo.bottom{top:91.98%;left:44.28%;transform:scale(.65);transform-origin:top left}.distribution-logo{transform:scale(.85);transform-origin:top center;margin-top:28px}.benefit-02{display:grid;grid-template-columns:260px 1fr;padding:60px 32px;gap:40px}.always-image{width:250px;height:440px;margin-top:0}.always-image:before{width:263px;height:488px;left:-6px;top:-20px}.benefit-02 h3{font-size:27px;line-height:1.5}.benefit-02 .benefit-copy{margin-top:18px}.contact{padding:72px 24px;min-height:0}.contact .logo-large{--s:.65;--u:.65px}.contact .cta{margin-top:60px}.contact-email{font-size:24px;margin-top:24px}.footer{padding:26px 24px;min-height:0}.footer-content{max-width:760px;gap:16px}.footer p{font-size:13px;line-height:1.8}.company-logo{width:52px;height:48px}}
@media(max-width:640px){.hero-copy{padding:42px 24px 44px}.hero-copy>.logo{margin-bottom:40px}.hero-title{font-size:clamp(27px,7.2vw,43px);letter-spacing:-.035em}.hero-sub{font-size:18px}.hero-sub br{display:none}.hero-visual{height:520px}.hero-phone-slot{--s:.6;--u:.6px}.rings img{transform:scale(.54)}.section-title{font-size:30px}.problem-box{font-size:16px}.evolution-intro{font-size:20px;line-height:1.6}.generations{grid-template-columns:1fr;gap:44px;max-width:300px}.generation-phone{--s:1;--u:1px}.generation p{max-width:263px}.generation h3{font-size:18px}.proof-copy{font-size:16px}.proof-slot{--s:.48;--u:.48px}.statement p{font-size:18px}.statement h2{font-size:27px}.journey-grid{grid-template-columns:1fr}.journey-card{padding:28px}.journey-card ol{gap:16px}.benefits-header h2{font-size:31px;letter-spacing:-.05em}.benefits-header p{font-size:16px}.benefit{padding:54px 20px 28px;border-radius:20px}.benefit h3{font-size:25px;line-height:1.4}.benefit h3 br{display:none}.benefit-copy{font-size:15px;line-height:1.8}.benefit-copy br{display:none}.preview-logo{display:none}.benefit-02{display:flex;flex-direction:column-reverse;gap:34px;text-align:center;padding-bottom:44px}.benefit-02 .benefit-copy{max-width:100%}.always-image{margin-top:12px;width:240px;height:422px}.always-image:before{width:254px;height:465px}.contact .logo-large{--s:.6;--u:.6px}.footer-content{align-items:flex-start}.footer p{font-size:12px}.back-top{right:14px;bottom:14px;width:38px;height:38px}.distribution-logo{display:block}.distribution-logo .preview-logo-inner{transform:scale(.85)}}
.rings{display:block}.rings img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--s))}
@media(max-width:999px){.rings img{transform:translate(-50%,-50%) scale(.65)}}
@media(max-width:640px){.rings img{transform:translate(-50%,-50%) scale(.54)}}
@media(prefers-reduced-motion:reduce){.seller-landing{scroll-behavior:auto}.float{animation:none}.reveal,.cta,.preview,.back-top{transition:none}.motion .reveal:not(.visible){opacity:1;transform:none}}

/* Keep each generation screenshot inside a complete smartphone frame. */
.generation-canvas{border:0;border-radius:36px;background:#151515;box-shadow:0 0 0 1px #363636,0 14px 30px #00000026;isolation:isolate}
.generation-canvas::before{content:"";position:absolute;z-index:2;top:14px;left:105px;width:48px;height:4px;border-radius:999px;background:#4b4b4b}
.generation-canvas::after{content:"";position:absolute;z-index:2;bottom:14px;left:92px;width:74px;height:4px;border-radius:999px;background:#ffffffcc}
.generation-canvas .old-screen{left:9px;top:39px;width:240px;height:454.667px}
.generation-canvas .status-image{left:9px;top:39px;width:240px;height:28px}
.generation-canvas .new-screen{left:9px;top:67px;width:240px;height:426.75px}
.preview-04 img.feature-image{object-fit:cover}
