/* A quiet surface. One choice at a time. */
.flow-surface{--mog-charge:0}.flow-surface:after{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;background:radial-gradient(ellipse at 50% 80%,#46d88d50,transparent 70%),linear-gradient(#0c312919,#1a71402e);opacity:var(--mog-charge);mix-blend-mode:screen;transition:opacity .25s ease}.flow-surface.mog-celebrate:after{background:radial-gradient(ellipse at 50% 75%,#49eda66b,transparent 78%),linear-gradient(#11533240,#185d384a)}
.mog-slider{height:68px;min-height:68px;border:1px solid #ffffff34;background:linear-gradient(145deg,#39393c,#242427 60%,#1b1b1e);box-shadow:inset 0 1px 1px #ffffff36,inset 0 -1px 1px #0009,0 8px 24px #0005;isolation:isolate}.mog-slider .mog-thumb{height:54px;width:54px;top:6px;left:6px;box-shadow:inset 0 1px 2px #fff,0 3px 10px #0008}.mog-slider .mog-track{background:linear-gradient(90deg,#135e42,#2bb77c65);opacity:1}.mog-label{font-size:15px;letter-spacing:-.35px;padding-left:42px;padding-right:9px}.mog-hint{display:none}.mog-slider.is-complete{background:linear-gradient(140deg,#279d6b,#11734a)}.mog-slider.is-complete .mog-thumb{box-shadow:0 0 0 5px #ffffff0c,0 3px 12px #06372570}.mog-success{padding-right:40px}
.flow-intro .flow-actions{max-width:390px}
.simple-help h2{font-size:34px;line-height:1.04;letter-spacing:-1.4px;margin:6px 0 25px}.simple-help h3{font-size:18px;margin:26px 0 12px;letter-spacing:-.5px}.how-steps{list-style:none;counter-reset:how;padding:0;margin:0;display:grid;gap:17px}.how-steps li{display:grid;grid-template-columns:28px 1fr;gap:3px 12px;counter-increment:how}.how-steps li:before{content:counter(how);grid-row:1/3;display:grid;place-items:center;align-self:center;border:1px solid #ffffff26;border-radius:50%;height:28px;width:28px;color:#babac2;font-size:12px}.how-steps b{font-weight:560;font-size:15px}.how-steps li>span{font-size:13px;color:#a4a4ad;line-height:1.3}.simple-help .button{margin-top:17px}.simple-help .flow-help-links{margin-top:10px;gap:17px}.simple-help .flow-help-links a{font-size:12px;min-height:36px;display:inline-flex;align-items:center}
.compact-checker.compatibility-box{padding:0;margin:0;background:none;border:0;box-shadow:none;display:grid;gap:10px}.setup-select{display:block;min-width:0}.setup-select>span:first-child{display:block;font-size:12px;line-height:1.4;color:#b3b3bc;margin:0 0 6px 2px}.select-shell{position:relative;display:block}.select-shell select{appearance:none;-webkit-appearance:none;border:1px solid #ffffff24!important;border-radius:15px!important;background:linear-gradient(150deg,#ffffff0a,#ffffff03)!important;color:#ededf2!important;min-height:52px;height:52px;width:100%;font-size:16px;padding:0 40px 0 15px;box-shadow:inset 0 1px #ffffff08}.select-shell select:focus{border-color:#bcbcc8!important}.select-shell>.icon{position:absolute;right:15px;top:18px;width:16px;height:16px;transform:rotate(90deg);filter:invert(1);opacity:.5;pointer-events:none}.select-shell option{background:#1b1b1e;color:#f1f1f4}.compact-checker .compatibility-result{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:13px 14px;margin:2px 0 0;background:#ffffff05;border:1px solid #ffffff0c}.compatibility-result>.icon{width:16px;height:16px;filter:invert(1);margin-top:2px}.compact-checker .compatibility-result b{font-size:13px;font-weight:550;line-height:1.35}.compact-checker .compatibility-result p{font-size:12px;line-height:1.45;margin:5px 0 0;color:#a8a8b0}.compact-checker .compatibility-result.ok{border-color:#90c9af2e;background:#37785a10}.compact-checker .compatibility-result.warn{border-color:#b6a46b26;background:#9a89510a}.compact-checker .compatibility-result.blocked{border-color:#bc7c7339;background:#a55e5610}
.category-step{grid-template-rows:auto minmax(0,1fr);gap:24px;padding:30px 0 20px;max-height:760px;width:min(100%,540px)}.category-step .flow-copy h1{font-size:40px}.category-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:13px;min-height:0}.category-tile{min-width:0;min-height:0;padding:16px 12px 13px;border:1px solid #ffffff14;border-radius:25px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 20%,#ffffff09,transparent 80%),#0f0f11;overflow:hidden;transition:border-color .3s,transform .3s,background .3s}.category-tile:hover{border-color:#ffffff40;transform:translateY(-3px);background-color:#17171a}.category-tile:active{transform:scale(.965)}.category-art{position:relative;aspect-ratio:1.25;min-height:0;max-height:175px;width:100%;align-self:center;perspective:1000px}.category-art canvas{position:absolute;width:88%;aspect-ratio:1536/969;left:6%;top:28%;border-radius:9px;box-shadow:0 10px 16px #0007;transform:rotate(-8deg)}.category-art canvas:first-child{top:7%;left:10%;transform:rotate(10deg);filter:brightness(.6)}.category-caption{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;text-align:left}.category-caption b{display:block;font-size:14px;letter-spacing:-.3px;font-weight:560;line-height:1.2}.category-caption small{font-size:11px;color:#909099;margin-top:6px;display:block}.category-caption>.icon{width:15px;height:15px;filter:invert(1);opacity:.45}
.collection-step.flow-quiz{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:14px;padding:28px 0 16px;width:min(100%,480px)}.collection-switch{display:flex;justify-content:space-between;align-items:center}.collection-switch button{font-size:13px;color:#b8b8c1;padding:5px 0;display:flex;align-items:center;gap:5px;min-height:30px}.collection-switch .icon{filter:invert(1);width:14px;height:14px;transform:rotate(90deg)}.collection-switch>span{font-size:11px;color:#83838c}.collection-step .flow-visual{padding:12px 8px}.collection-step .flow-selected-name{font-size:13px;text-align:center;margin:0 0 14px;color:#c1c1c8}.design-shelf{display:flex;gap:10px;overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}.design-choice{flex:0 0 29%;min-width:90px;scroll-snap-align:center;border:1px solid transparent;padding:5px;border-radius:13px;background:#ffffff04;transition:border-color .2s,background .2s}.design-choice[aria-pressed=true]{border-color:#d2d2db9c;background:#ffffff0c}.design-choice canvas{display:block;width:100%;aspect-ratio:1536/969;border-radius:7px}.design-choice>span{display:block;font-size:10px;line-height:1.25;margin:8px 0 3px;color:#b8b8c1;white-space:nowrap}.design-choice[aria-pressed=true]>span{color:#f1f1f5}
.ready-step{grid-template-rows:auto minmax(0,1fr) auto auto;gap:17px;padding:27px 0 16px}.ready-step h1{font-size:39px}.ready-benefits{display:grid;gap:12px;width:max-content;max-width:100%;justify-self:center;margin:2px 0 4px}.ready-benefits>div{display:flex;gap:11px;align-items:center;font-size:14px;color:#c9c9d1}.ready-benefits .icon{filter:invert(1);width:16px;height:16px;opacity:.8}
.tailor-step{grid-template-rows:auto minmax(0,1fr) auto auto;gap:20px;padding:32px 0 16px}.tailor-step h1{font-size:40px}.tailor-visual{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px}.tailor-visual>.flow-visual{height:100%;padding:12px;container-type:size}.tailor-visual .card-object{width:min(88%,130cqh)}.tailor-badge{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#b6b6bf}.tailor-badge .icon{filter:invert(1);width:15px;height:15px}.tailor-hint{font-size:12px;color:#91919a;margin:10px 0 0;text-align:center;line-height:1.4}.tailor-result:empty{display:none}.setup-inline-result{margin:16px 0 0;padding:13px;border:1px solid #ffffff12;border-radius:15px;display:flex;gap:10px;background:#ffffff04}.setup-inline-result .icon{filter:invert(1);width:16px;height:16px}.setup-inline-result b{font-size:12px;font-weight:550;line-height:1.3;display:block}.setup-inline-result small{font-size:11px;color:#a4a4ad;display:block;line-height:1.45;margin-top:4px}.setup-inline-result.blocked{border-color:#b67e713d;background:#b67e710a}
.preparation-step{grid-template-rows:auto minmax(0,1fr) auto;padding:50px 0}.preparation-step h1{font-size:38px}.preparation-card{position:relative;min-height:0;display:grid}.preparation-card>.flow-visual{height:100%}.preparation-state{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.preparation-state p{margin:0;color:#b5b5be;font-size:14px}.preparation-spinner{width:19px;height:19px;border:2px solid #ffffff22;border-top-color:#dddde3;border-radius:50%;animation:preparation-spin 1s linear infinite}@keyframes preparation-spin{to{transform:rotate(360deg)}}
.claim-step{grid-template-rows:auto minmax(0,1fr) auto;gap:25px;padding:35px 0 10px}.claim-step h1{font-size:40px}.claim-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;gap:10px}.claim-visual>.flow-visual{height:100%;padding:8px;container-type:size}.claim-seal{justify-self:center;display:flex;align-items:center;gap:7px;font-size:12px;color:#b8c8c0}.claim-seal .icon{width:14px;height:14px;filter:invert(1)}.claim-form{display:grid;gap:12px;align-content:start}.claim-form input{font-size:16px!important;border-radius:17px!important;min-height:56px}.claim-note{font-size:12px;line-height:1.4;color:#a6a6b0;text-align:center;margin:0 0 8px}.claim-form .button{min-height:58px}.claim-form .button>.icon{filter:invert(1)}.claim-price{font-size:12px;color:#b9b9c2;margin:0;text-align:center}.claim-skip{font-size:12px;color:#a1a1aa;justify-self:center;min-height:30px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.claim-warning{font-size:12px;line-height:1.4;color:#d8b9ad;text-align:center;margin:0}.claim-form .error:empty{display:none}
/* The closing page earns its scroll. Editing remains fixed-screen. */
body.paywall-surface{display:block;height:auto!important;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:0 0 calc(95px + env(safe-area-inset-bottom))}.paywall-surface #app-header.flow-header{position:relative;width:min(100%,540px);margin:0 auto}.paywall-surface #main{display:block;height:auto;overflow:visible;padding:0 24px;width:100%}.paywall-surface #app-footer{display:block;height:auto;position:static;padding:28px 24px 10px;max-width:500px;margin:0 auto}.sales-paywall{max-width:960px;margin:0 auto}.paywall-opening{padding:30px 0 50px;display:grid;gap:28px}.paywall-product .flow-copy h1{font-size:43px;letter-spacing:-1.8px}.paywall-product .paywall-art{height:200px;margin:20px 0 10px;display:grid;place-items:center;perspective:1000px;container-type:size}.paywall-product .card-object{width:min(83%,240cqh);max-width:370px;--rz:-5deg}.made-by-you{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#b8bebc}.made-by-you .icon{width:15px;height:15px;filter:invert(1)}.paywall-purchase,.paywall-repeat{max-width:430px;width:100%;margin:auto}.sales-paywall .flow-plans-grid{display:grid;grid-template-columns:1fr;gap:9px}.sales-paywall .flow-plan{display:flex;flex-direction:row;align-items:center;min-height:73px;padding:13px 15px;border:1px solid #ffffff18;border-radius:20px;text-align:left;gap:13px;background:linear-gradient(120deg,#ffffff03,transparent);width:100%;transition:border-color .25s,background .25s,box-shadow .25s}.sales-paywall .flow-plan[aria-checked=true]{border-color:#dcddd6a6;background:linear-gradient(110deg,#e5e5d411,#ffffff05);box-shadow:inset 0 1px #ffffff14,0 0 18px #ffffff05}.sales-paywall .flow-plan-dot{display:block;position:relative;inset:auto;width:18px;height:18px;border:1px solid #ffffff32;border-radius:50%;flex:none;background:none}.sales-paywall .flow-plan[aria-checked=true] .flow-plan-dot{border-color:#f0f0f4;background:#dddde3;box-shadow:inset 0 0 0 4px #4a4a50}.sales-paywall .plan-description{display:grid;gap:6px;min-width:0;flex:1}.sales-paywall .flow-plan-name{display:flex;align-items:center;gap:8px;font-size:15px;margin:0;color:#e9e9ee;letter-spacing:-.2px}.sales-paywall .plan-description>small{font-size:11px;color:#9e9ea7;line-height:1.35}.sales-paywall .plan-price{display:grid;gap:4px;text-align:right;flex:none;margin-left:auto}.sales-paywall .plan-price>b{font-size:24px;font-weight:580;letter-spacing:-.9px;line-height:1}.sales-paywall .plan-price>small{font-size:10px;color:#9e9ea7}.sales-paywall .plan-price>del{font-size:10px;color:#9999a2}.sales-paywall .plan-value{font-size:8px;letter-spacing:0;border:1px solid #ffffff2d;padding:3px 5px;color:#c6c6cc;border-radius:5px;white-space:nowrap}.sales-paywall .plan-lifetime{background:linear-gradient(120deg,#ae9e780b,#ffffff02)}.sales-paywall .plan-billing{font-size:12px;text-align:center;margin:16px 0;line-height:1.5;color:#b7b7c0;text-wrap:balance}.paywall-purchase .flow-actions .button{height:60px}.check-setup-link{display:flex;gap:5px;align-items:center;justify-content:center;font-size:12px;min-height:38px;margin:8px auto 0;color:#bbbcc4}.check-setup-link .icon{filter:invert(1);width:14px;height:14px}.paywall-status{font-size:11px;text-align:center;color:#898992;margin:0}
.sales-paywall>section+section{border-top:1px solid #ffffff12;padding:54px 0}.sales-section-heading{max-width:560px;margin:0 auto 28px;text-align:center}.sales-section-heading h2{font-size:36px;font-weight:570;line-height:1.06;letter-spacing:-1.5px;margin:0 0 15px;background:linear-gradient(135deg,#f7f7f8 15%,#a3a4ac 65%,#eeeeef);background-clip:text;-webkit-text-fill-color:transparent}.sales-section-heading p{font-size:14px;color:#a5a5af;line-height:1.5;margin:0;text-wrap:balance}.included-gallery{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 0 18px;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;scroll-snap-type:x mandatory}.included-gallery figure{flex:0 0 44%;margin:0;scroll-snap-align:center;max-width:240px;min-width:0}.included-gallery canvas{width:100%;aspect-ratio:1536/969;border-radius:12px;display:block;box-shadow:0 8px 14px #0008;border:1px solid #ffffff14}.included-gallery figcaption{font-size:11px;color:#a4a4ad;text-align:center;margin:11px 0 0}.access-stats{display:flex;justify-content:space-around;text-align:center;border:1px solid #ffffff15;background:#ffffff03;border-radius:23px;padding:24px 8px;margin:24px auto 0;max-width:600px;gap:10px}.access-stats span{display:grid;gap:7px;color:#a5a5ad;font-size:11px}.access-stats b{font-size:28px;font-weight:570;color:#e5e5eb;letter-spacing:-1px}.comparison-wrap{border:1px solid #ffffff14;border-radius:23px;overflow:hidden;max-width:650px;margin:auto;background:#ffffff02}.comparison-wrap table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.35}.comparison-wrap th,.comparison-wrap td{padding:18px 12px;border-bottom:1px solid #ffffff0c}.comparison-wrap tbody tr:last-child>*{border-bottom:0}.comparison-wrap th{text-align:left;font-weight:450;color:#c6c6cf}.comparison-wrap thead th{font-weight:550;color:#eeeef4}.comparison-wrap th:first-child{width:58%;padding-left:18px}.comparison-wrap td,.comparison-wrap thead th:not(:first-child){text-align:center}.comparison-wrap td{color:#6c6c76}.comparison-wrap td:last-child,.comparison-wrap th:last-child{background:#ffffff04}.comparison-wrap .icon{filter:invert(1);width:17px;height:17px;opacity:.85}.extras-note{font-size:12px;line-height:1.6;color:#9898a2;text-align:center;max-width:480px;margin:17px auto 0;text-wrap:balance}.paywall-repeat{padding-top:50px!important;padding-bottom:50px!important}.checkout-policies{text-align:center;font-size:11px;color:#92929d;margin:16px 0 0}.checkout-policies a{text-decoration:underline;text-underline-offset:3px}.paywall-support{text-align:center}.paywall-support .support-symbol{width:46px;height:46px;border-radius:50%;background:#ffffff06;border:1px solid #ffffff18;display:grid;place-items:center;margin:0 auto 15px}.support-symbol .icon{filter:invert(1);width:22px;height:22px}.paywall-support h2{font-size:31px;letter-spacing:-1px;margin:0 0 12px}.paywall-support>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:#bdbdc6}.paywall-support>a .icon{filter:invert(1);width:16px;height:16px}.paywall-faq{max-width:650px;margin:auto}.paywall-faq .sales-section-heading h2{font-size:32px}.paywall-faq details{border-bottom:1px solid #ffffff16;padding:0}.paywall-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 2px;cursor:pointer;font-size:14px;line-height:1.4;color:#d0d0da}.paywall-faq summary::-webkit-details-marker{display:none}.paywall-faq summary>.icon{filter:invert(1);width:16px;height:16px;transition:transform .25s}.paywall-faq details[open] summary>.icon{transform:rotate(45deg)}.paywall-faq details p{font-size:13px;color:#a6a6b2;line-height:1.7;padding:0 24px 20px 2px;margin:0}.refund-link{display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;font-size:12px;color:#a6a6b0;margin-top:24px}.refund-link .icon{filter:invert(1);width:15px;height:15px}.sticky-unlock{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%,120%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;z-index:20;display:flex;align-items:center;gap:15px;width:calc(100% - 24px);max-width:490px;padding:10px 11px 10px 19px;border:1px solid #ffffff2b;border-radius:28px;background:#262628e8;box-shadow:inset 0 1px #ffffff14,0 14px 45px #000b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.sticky-unlock.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.sticky-price{display:grid;gap:4px;flex:none;min-width:70px}.sticky-price b{font-size:22px;letter-spacing:-.7px;font-weight:570}.sticky-price span{font-size:10px;color:#b4b4bf}.sticky-unlock .button.primary{background:linear-gradient(150deg,#f3f3f7,#ceced7);color:#17171b;border:1px solid #ffffff99;box-shadow:inset 0 1px #fff;height:51px;min-height:51px;padding:12px 18px;font-size:14px;letter-spacing:-.3px;gap:8px}.sticky-unlock .button .icon{filter:none;width:18px;height:18px}
@media(min-width:800px) and (min-height:600px){.paywall-opening{grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px 0 70px}.paywall-product .flow-copy h1{font-size:50px}.paywall-product .paywall-art{height:260px;margin-top:40px}.paywall-product .card-object{width:94%}.sales-paywall>section+section{padding-top:75px;padding-bottom:75px}.sales-section-heading h2{font-size:46px}.included-gallery{justify-content:flex-start}.included-gallery figure{flex-basis:22%}.category-step{max-height:720px}.category-art{max-height:190px}.category-caption b{font-size:17px}.category-caption small{font-size:12px}}
@media(max-height:730px){.category-step{padding-top:20px;gap:18px}.category-step .flow-copy h1,.tailor-step h1,.claim-step h1{font-size:35px}.category-grid{gap:10px}.category-tile{padding:12px 10px;gap:7px;border-radius:21px}.category-caption b{font-size:13px}.category-caption small{font-size:10px;margin-top:4px}.collection-step.flow-quiz{padding-top:20px;gap:9px}.collection-step .flow-copy h1{font-size:35px}.collection-step .flow-selected-name{margin-bottom:8px}.design-choice{min-width:85px;flex-basis:27%}.design-choice>span{font-size:9px}.ready-step{gap:12px;padding-top:20px}.ready-step h1{font-size:34px}.ready-benefits{gap:9px}.ready-benefits>div{font-size:13px}.tailor-step{padding-top:24px;gap:15px}.tailor-visual{gap:6px}.claim-step{padding-top:24px;gap:17px}.claim-form{gap:9px}.claim-form input{min-height:50px}.claim-note{margin-bottom:4px}.mog-slider{height:60px;min-height:60px}.mog-slider .mog-thumb{height:46px;width:46px}.mog-label{font-size:14px;padding-left:35px}}
@media(max-width:350px){.mog-label{font-size:12.5px;letter-spacing:-.25px;padding-left:39px;padding-right:1px}.category-caption b{font-size:12px}.category-caption .icon{width:12px;height:12px}.category-grid{gap:9px}.sales-paywall .flow-plan{padding:12px 10px;gap:9px}.sales-paywall .flow-plan-name{font-size:14px;gap:5px}.sales-paywall .plan-price>b{font-size:22px}.sales-paywall .plan-value{font-size:7px;padding:3px}.sales-paywall .plan-description>small{font-size:10px}.sales-section-heading h2{font-size:31px}.paywall-product .flow-copy h1{font-size:35px}.sticky-unlock{gap:10px;padding-left:15px}.sticky-unlock .button.primary{font-size:12px;padding:11px}.comparison-wrap th,.comparison-wrap td{font-size:11px;padding:15px 8px}}
@media(max-height:600px){.category-step{gap:11px;padding:12px 0 10px}.category-step .flow-copy h1{font-size:29px}.category-tile{padding:8px 10px;gap:4px}.category-art{max-height:100px;aspect-ratio:1.8}.category-art canvas{width:76%;left:10%;top:20%}.category-art canvas:first-child{left:16%;top:0}.category-caption b{font-size:12px}.category-caption small{font-size:9px}.collection-step.flow-quiz{gap:7px;padding:12px 0}.collection-step .flow-copy h1{font-size:30px}.collection-switch button{font-size:12px;min-height:25px}.design-choice{min-width:75px;flex-basis:26%}.design-shelf{gap:6px}.design-choice>span{font-size:9px;margin:6px 0 2px}.collection-step .flow-selected-name{font-size:11px;margin:0 0 4px}.ready-step{gap:8px;padding:12px 0}.ready-step h1{font-size:29px}.ready-benefits{gap:6px}.ready-benefits>div{font-size:12px}.ready-benefits .icon{height:13px;width:13px}.tailor-step{gap:12px;padding:15px 0}.tailor-step h1,.claim-step h1{font-size:30px}.tailor-badge{font-size:10px}.tailor-hint{font-size:11px}.setup-inline-result{margin-top:9px;padding:9px}.select-shell select{height:48px;min-height:48px}.claim-step{gap:13px;padding:16px 0 6px}.claim-note,.claim-price{font-size:11px}.claim-seal{font-size:11px}.claim-form .button{min-height:49px}.claim-form input{min-height:48px}.claim-skip{min-height:24px}.simple-help h2{font-size:29px;margin-bottom:20px}.simple-help h3{margin-top:22px}}
@media(max-height:440px) and (min-width:600px){.category-step{grid-template-columns:1fr;grid-template-rows:auto 1fr;max-width:740px;width:100%}.category-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:10px}.category-step .flow-copy{grid-column:1;grid-row:1}.category-step .flow-copy h1{font-size:27px}.category-art{max-height:100px}.category-caption small{display:none}.category-tile{justify-content:center}.collection-step.flow-quiz{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;max-width:740px;width:100%;gap:5px 25px}.collection-step>.flow-copy{grid-column:2;grid-row:1}.collection-switch{grid-column:2;grid-row:2}.collection-step>.flow-visual{grid-column:1;grid-row:1/5}.collection-step>.flow-options{grid-column:2;grid-row:3}.collection-step>.flow-actions{grid-column:2;grid-row:4}.collection-step .flow-selected-name{display:none}.design-choice{flex-basis:25%;min-width:70px}.ready-step{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;max-width:650px;width:100%;gap:10px 25px}.ready-step .flow-phone-preview{grid-column:1;grid-row:1/4}.ready-step .flow-copy{grid-column:2;grid-row:1}.ready-benefits{grid-column:2;grid-row:2;align-self:center}.ready-step .flow-actions{grid-column:2;grid-row:3}.tailor-step,.claim-step{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;max-width:730px;width:100%;gap:10px 35px}.tailor-step .flow-copy,.claim-step .flow-copy{grid-column:2;grid-row:1}.tailor-visual,.claim-visual{grid-column:1;grid-row:1/4}.tailor-step .flow-options{grid-column:2;grid-row:2;align-self:center}.tailor-step .flow-actions{grid-column:2;grid-row:3}.claim-form{grid-column:2;grid-row:2/4;gap:7px}.claim-note{margin:0}.tailor-badge,.claim-seal{display:none}.tailor-hint{margin-top:6px}.setup-inline-result{margin-top:6px;padding:6px}.setup-inline-result small{display:none}.paywall-surface #main{height:auto}.paywall-opening{grid-template-columns:1fr 1fr;gap:32px}.paywall-product .paywall-art{height:190px}.paywall-product .flow-copy h1{font-size:35px}.paywall-purchase{max-width:400px}.sticky-unlock{max-width:420px}}
@media(prefers-reduced-motion:reduce){.flow-surface:after,.category-tile,.sticky-unlock{transition:none}.preparation-spinner{animation:none}.included-gallery,.design-shelf{scroll-behavior:auto}}

/* Compact setup sheet: three actions, three fields, one result. */
.simple-help .how-steps{grid-template-columns:repeat(3,1fr);gap:8px}.simple-help .how-steps li{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.simple-help .how-steps li:before{align-self:center}.simple-help .how-steps b{font-size:13px}.simple-help h3{margin:24px 0 12px}
.flow-surface #modal .compact-checker.compatibility-box,.app-surface #modal .compact-checker.compatibility-box{background:none;border:0;box-shadow:none;padding:0;margin:0;gap:12px}.flow-surface #modal .compatibility-result p{margin:4px 0 0;font-size:12px;line-height:1.4}.flow-surface #modal .simple-help .button.primary{min-height:50px;margin-top:15px}.flow-surface #modal .simple-help h2{margin-bottom:23px}.flow-surface #modal .simple-help .flow-help-links{margin-top:7px}
/* Constrain intrinsic canvas/grid widths inside the scrolling document. */
.sales-paywall{width:100%;min-width:0}.paywall-opening{grid-template-columns:minmax(0,1fr);min-width:0}.paywall-product,.paywall-purchase,.paywall-collection,.paywall-comparison,.paywall-repeat,.paywall-support,.paywall-faq{min-width:0}.paywall-product .paywall-art{width:100%;min-width:0}.paywall-product .card-object{min-width:0}.included-gallery{max-width:100%}.sales-paywall .flow-plans-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:800px) and (min-height:600px){.paywall-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-height:440px) and (min-width:600px){.paywall-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Production refinement: one motion surface, calm typography and clear states. */
.mog-slider{height:64px;min-height:64px;--thumb:50px;background:linear-gradient(180deg,#29292b,#1e1e20);border-color:#ffffff28;box-shadow:inset 0 1px #ffffff12,0 6px 20px #0004;transform:none!important}
.mog-slider .mog-thumb{width:var(--thumb);height:var(--thumb);left:6px;top:6px;transition:transform .48s cubic-bezier(.22,1,.36,1);will-change:transform;box-shadow:inset 0 1px white,0 2px 5px #0005}
.mog-slider .mog-track{inset:0;transform:none;background:#248a5f;opacity:clamp(0,calc(var(--progress)*5),1);clip-path:inset(0 calc(100% - var(--slide) - var(--thumb)/2 - 6px) 0 0);transition:clip-path .48s cubic-bezier(.22,1,.36,1),opacity .18s;z-index:-1}
.mog-slider.is-dragging .mog-track{transition:none}.mog-slider.is-complete .mog-track{clip-path:inset(0);background:#248a5f}.mog-slider.is-complete{background:#248a5f;box-shadow:inset 0 1px #ffffff26,0 0 24px #3aa87520}
.mog-slider .mog-label{font-size:14px;font-weight:550;padding:0 17px 0 59px;opacity:clamp(0,calc(1 - var(--progress)*2.6),1);transition:opacity .12s;white-space:nowrap}.mog-slider .mog-success{font-size:15px;padding-right:42px;transition:opacity .2s .16s,transform .35s .12s}.mog-slider.is-complete .mog-label{opacity:0}
.flow-surface:after{z-index:1;background:radial-gradient(ellipse at 50% 80%,#35bd7c22,transparent 76%);mix-blend-mode:normal;transition:opacity .3s}.flow-surface.mog-celebrate:after{background:radial-gradient(ellipse at 50% 70%,#35bd7c30,transparent 80%)}
.flow-surface #app-footer{padding-top:8px;padding-bottom:max(14px,env(safe-area-inset-bottom));position:relative;z-index:2}
#app-footer .policy-links{gap:28px;row-gap:3px}#app-footer .policy-links a{font-size:10px;color:#85858b;min-height:28px}#app-footer .independence{font-size:9px;line-height:1.6;color:#818187;margin-top:7px;max-width:390px}
#close-help[data-setup=ok]{background:linear-gradient(160deg,#9bf0c5,#61c998);color:#103a29;border-color:#b9f9d577;box-shadow:0 0 22px #56d79122,inset 0 1px #dcffec66}
#close-help[data-setup=blocked]{background:#442322;color:#ffb6b0;border-color:#ff9b8f44;box-shadow:none}#close-help[data-setup=warn]{background:#363126;color:#e3d2a8;border-color:#dbbe7a33;box-shadow:none}
#close-help .icon{filter:none}.recommended-setup{display:block;margin:8px auto 0;min-height:36px;font-size:12px;color:#aaaab1}.recommended-setup[hidden]{display:none}
.compact-checker .compatibility-result.ok{background:#65d59d0c;border-color:#65d59d28}.compatibility-result.ok b{color:#a3e7c3}.compatibility-result.blocked b{color:#efaaa4}
.preparation-v2{grid-template-rows:auto minmax(100px,1fr) auto auto;gap:24px;padding-top:32px;max-width:420px}.preparation-v2 .flow-copy h1{font-size:42px}.preparation-preview{min-height:0;container-type:size;display:flex}.preparation-preview>.flow-visual{height:100%;padding:14px 12px}.preparation-progress{padding:0 12px}.preparation-meter{height:5px;background:#ffffff0c;border-radius:99px;overflow:hidden}.preparation-meter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#909b94,#a6efca);border-radius:inherit;transition:width .55s cubic-bezier(.22,1,.36,1)}#preparation-caption{color:#a5aaa7;font-size:12px;text-align:center;margin:12px 0 0}
.setup-question{display:grid;gap:16px;min-height:215px;align-content:end}.question-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-heading>span{order:2;font-size:12px;color:#85858e}.question-heading h2{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:0}.setup-question .setup-select>span:first-child{display:none}.setup-question .button{min-height:56px;border-radius:999px;justify-content:space-between;padding:14px 22px}
.preparation-result{text-align:center}.preparation-result>.icon{width:24px;height:24px;filter:invert(1);opacity:.8;margin-bottom:8px}.preparation-result h2{font-size:23px;letter-spacing:-.7px;margin:0 0 7px;font-weight:550}.preparation-result p{font-size:13px;color:#a2a2aa;line-height:1.5;margin:0 auto;max-width:310px}.preparation-result.ok h2{color:#9fe1bd}.preparation-result.blocked h2{color:#efaaa4}.preparation-result.warn h2{color:#dfc998}
.preparation-result+.button{min-height:54px}.setup-question .flow-skip{margin:0;min-height:30px}
.sales-paywall{max-width:1000px}.sales-paywall>section+section{border-top:0;padding:44px 0}.sales-section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1.4px}.sales-section-heading p{max-width:370px;margin:auto;font-size:14px}
.paywall-collection{position:relative}.included-gallery{gap:16px;padding:16px 2px 20px;scrollbar-width:none}.included-gallery figure{flex-basis:72%;max-width:300px}.included-gallery canvas{border-radius:16px;box-shadow:0 12px 22px #0006}.included-gallery figcaption{font-size:12px;margin-top:14px;color:#aaaab2}.included-benefits{display:grid;gap:1px;border:1px solid #ffffff14;border-radius:24px;overflow:hidden;background:#ffffff0c;margin:24px auto 0;max-width:660px}.included-benefits>div{background:#101011;display:flex;align-items:center;gap:15px;padding:22px}.included-benefits .icon{width:21px;height:21px;filter:invert(1);opacity:.8}.included-benefits span{display:grid;gap:5px}.included-benefits b{font-size:16px;font-weight:550;letter-spacing:-.3px}.included-benefits small{font-size:13px;color:#94949e;line-height:1.5}
.paywall-comparison .sales-section-heading{max-width:430px}.comparison-wrap{border-radius:24px;background:linear-gradient(150deg,#1b1b1d,#111112);border-color:#ffffff12}.comparison-wrap th,.comparison-wrap td{padding-top:21px;padding-bottom:21px}.comparison-wrap th:last-child,.comparison-wrap td:last-child{background:#a8e0c209}.comparison-wrap thead th:last-child{color:#b0dfc6}.paywall-support{border:1px solid #ffffff12!important;background:#ffffff03;border-radius:28px;max-width:650px;margin:20px auto!important;padding:28px 20px!important}.paywall-support .support-symbol{display:none}.paywall-support h2{font-size:25px;font-weight:550}.paywall-faq .sales-section-heading{text-align:left;margin-bottom:18px}.paywall-faq .sales-section-heading h2{font-size:30px}.paywall-faq summary{font-size:15px;padding:23px 2px}.paywall-faq details p{font-size:14px}.paywall-repeat{padding:36px 0!important}.extras-note{max-width:390px}
@media(min-width:800px){.included-gallery figure{flex-basis:29%}.included-benefits{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.included-benefits>div{align-items:flex-start;padding:24px 18px}.paywall-opening{gap:65px;padding-bottom:50px}}
@media(max-width:350px){.mog-slider .mog-label{font-size:12px;padding-left:51px;padding-right:9px}.preparation-v2 .flow-copy h1{font-size:32px}.question-heading h2{font-size:21px}}
@media(max-height:730px){.mog-slider{height:58px;min-height:58px;--thumb:44px}.flow-surface #app-footer{padding-top:4px;padding-bottom:9px}.preparation-v2{gap:16px;padding-top:22px}.preparation-v2 .flow-copy h1{font-size:35px}.setup-question{gap:12px;min-height:195px}}
@media(max-height:600px){.preparation-v2{gap:10px;padding-top:14px;grid-template-rows:auto minmax(60px,1fr) auto auto}.preparation-v2 .flow-copy h1{font-size:29px}.setup-question{min-height:170px;gap:9px}.question-heading h2,.preparation-result h2{font-size:20px}.setup-question .button{min-height:48px}.preparation-result p{font-size:12px}#preparation-caption{margin-top:8px;font-size:11px}#app-footer .independence{margin-top:3px}.flow-surface #app-footer{padding-bottom:6px}}
@media(max-height:440px) and (min-width:600px){.preparation-v2{max-width:740px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:12px 35px;padding-top:16px}.preparation-v2>.flow-copy{grid-column:2;grid-row:1}.preparation-preview{grid-column:1;grid-row:1/3}.preparation-progress{grid-column:1;grid-row:3}.setup-question{grid-column:2;grid-row:2/4;min-height:0}}
@media(prefers-reduced-motion:reduce){.mog-slider .mog-track,.preparation-meter>span{transition:none}}
/* Software keyboards resize the visual viewport. Keep editing controls stable and reachable. */
.flow-keyboard #app-header.flow-header{display:none}.flow-surface.flow-keyboard{grid-template-rows:minmax(0,1fr);height:var(--flow-height);overflow:hidden}.flow-keyboard #app-footer{display:none}.flow-keyboard #main{overflow-y:auto;align-items:start;padding:0 20px;scroll-padding-bottom:16px}.flow-keyboard .flow-quiz[data-step="2"]{height:auto;min-height:100%;grid-template-rows:auto auto auto;gap:16px;padding:20px 0}.flow-keyboard .flow-quiz[data-step="2"]>.flow-visual{display:none}.flow-keyboard .flow-copy h1{font-size:28px}.flow-keyboard .flow-detail-links{display:flex}.flow-keyboard .flow-options{align-self:center}.flow-keyboard .claim-step{height:auto;min-height:100%;grid-template-rows:auto auto;padding:20px 0}.flow-keyboard .claim-visual{display:none}
#modal input:not([type=range]):not([type=color]):not([type=checkbox]),.flow-surface input:not([type=range]):not([type=color]):not([type=checkbox]){font-size:16px;scroll-margin-block:24px}

/* Card stacks scale to their available height as the collection grows. */
.category-art{container-type:size;flex:1;width:100%;aspect-ratio:auto;max-height:none;min-height:28px}.category-art canvas{width:min(85%,110cqh);left:50%;top:21%;transform:translateX(-50%) rotate(-8deg);border-radius:7px}.category-art canvas:first-child{left:50%;top:4%;transform:translateX(-50%) rotate(10deg)}.category-caption{position:relative;z-index:1;flex:none}.category-tile{gap:10px}.category-caption b{font-size:13px}
@media(max-height:600px){.category-caption small{display:none}.category-tile{gap:5px;padding:8px}.category-caption b{font-size:11px}}
.claim-opt-in{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#a5a5ae;cursor:pointer;padding:4px 2px}.claim-opt-in input{appearance:auto;min-height:18px!important;width:18px;height:18px;flex:none;margin:0;accent-color:#a4d5bc}.claim-step{gap:20px}.claim-step .claim-form{gap:11px}.claim-form .claim-price{font-size:11px;color:#9797a0}.claim-form .claim-skip{min-height:32px}.resume-step h1{font-size:38px}.resume-step .button.secondary{border-radius:999px;min-height:48px;font-size:13px}
.flow-quiz[data-step="2"] .flow-visual{overflow:visible;mask-image:none;align-items:center;padding:16px 9px}.flow-quiz[data-step="2"] .card-object{width:min(98%,145cqh);min-width:0;--rz:-2deg;margin:0}
@media(max-height:600px){.claim-step{gap:10px}.claim-step .claim-form{gap:7px}.claim-opt-in{font-size:11px;padding:0}.claim-note{font-size:11px}.claim-step h1{font-size:30px}.claim-form .claim-skip{min-height:26px}}
@media(max-height:500px) and (max-width:599px){
 .flow-surface:has(.flow-quiz[data-step="2"]),.flow-surface:has(.claim-step){grid-template-rows:60px minmax(0,1fr)}
 .flow-surface:has(.flow-quiz[data-step="2"]) #app-footer,.flow-surface:has(.claim-step) #app-footer{display:none}
 .flow-surface:has(.flow-quiz[data-step="2"]) #main,.flow-surface:has(.claim-step) #main{overflow-y:auto;align-items:start}
 .flow-quiz[data-step="2"]{height:auto;min-height:100%;grid-template-rows:auto auto auto;gap:14px;padding:14px 0}
 .flow-quiz[data-step="2"]>.flow-visual,.claim-step>.claim-visual{display:none}
 .flow-quiz[data-step="2"] .flow-copy h1,.claim-step .flow-copy h1{font-size:28px}
 .flow-quiz[data-step="2"] .flow-detail-links{display:flex}
 .claim-step{height:auto;min-height:100%;grid-template-rows:auto auto;padding:14px 0;gap:14px}
}
.flow-surface.flow-keyboard:has(.flow-quiz[data-step="2"]){grid-template-rows:minmax(0,1fr)}
