/* Design studio: controls and page previews share the same rendering styles. */
.studio-heading h3{margin:0 0 8px}.studio-heading p{font-size:12px;line-height:1.7;color:#99b3c2}.preset-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px}.preset-choice,.design-choice{min-width:0;cursor:pointer;border:1px solid #294451;border-radius:13px;padding:9px;background:#091b29;color:#dbedf7;transition:border-color .15s,background .15s}.preset-choice.active,.design-choice.active{border:2px solid #27dce0;padding:8px;background:#103742}.preset-choice:focus-visible,.design-choice:focus-visible{outline:3px solid #98fff1;outline-offset:3px}.preset-choice>strong{display:block;font-size:12px;margin:10px 2px 4px}.preset-choice>small{display:block;font-size:10px;line-height:1.5;color:#8fb0c1;margin:0 2px 5px}.studio-section{padding:20px 0;border-top:1px solid #244151}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.studio-section-heading h3{font-size:14px;margin:0 0 5px}.studio-section-heading [data-current-choice]{font-size:11px;color:#79d8cf}.studio-section-heading button{font-size:11px;white-space:nowrap;min-height:38px}.choice-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#467d87 #0a1d2a;padding:3px 2px 10px}.choice-track .design-choice{flex:0 0 151px;scroll-snap-align:start}.choice-track.expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.choice-name{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;margin:9px 2px 3px}.choice-check{visibility:hidden;color:#65efe0}.active>.choice-name .choice-check{visibility:visible}.swipe-hint{display:block;color:#789aaa;font-size:10px;margin-top:6px}.palette-sample{height:85px;display:flex;overflow:hidden;border-radius:8px;border:1px solid #ffffff15}.palette-sample i{flex:1}.palette-sample i:first-child{flex:1.7}.type-sample{display:flex;flex-direction:column;justify-content:center;height:110px;padding:12px;font-size:38px;background:#122e3b;border-radius:8px}.type-sample span{font-size:12px;line-height:1.4;margin-top:8px}.theme-sample{display:flex;flex-direction:column;justify-content:center;min-height:125px!important;height:125px;border-radius:8px;padding:14px!important;text-align:center;font-size:12px}.theme-sample b{font-size:14px}.theme-sample small{font-size:10px;margin-top:8px}.design-render{position:relative;overflow:hidden;border-radius:8px;height:154px;background:#101e29;pointer-events:none;contain:layout paint}.sample-canvas{width:360px;transform:scale(.36);transform-origin:top left}.sample-canvas .digital-page{width:360px;min-height:700px!important;border-radius:0!important;box-shadow:none!important}.sample-preset{height:190px}.sample-preset .sample-canvas{transform:scale(.42)}.sample-header{height:150px}.sample-list,.sample-button{height:145px}.sample-list .digital-primary{display:none}.sample-list .action-group:first-of-type h2{margin-top:8px}.sample-list .digital-filter{display:none}.sample-list .digital-body{padding-top:8px}.sample-list .digital-body>.action-group{display:none}.sample-list:has(.digital-primary) .digital-body>.action-group{display:block}.sample-button .action-group h2{display:none}.sample-button .digital-primary{margin-bottom:12px}.sample-button .digital-filter,.sample-button .digital-items{display:none}
/* Thin iPhone silhouette with a floating island, edge-to-edge content and side keys. */
.builder-preview .phone-frame,.demo-preview-shell .phone-frame{position:relative;padding:0!important;border:6px solid #050607!important;border-radius:43px!important;background:#050607;box-shadow:0 0 0 1px #58616a,0 15px 40px #0004;overflow:visible!important}.phone-frame .phone-screen{border-radius:36px;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.phone-frame:before{content:'';position:absolute;top:11px;left:50%;transform:translateX(-50%);width:91px;height:23px;border-radius:20px;background:#050607;z-index:8;pointer-events:none}.phone-frame:after{content:'';position:absolute;left:-9px;top:108px;width:3px;height:39px;border-radius:3px;background:#050607;box-shadow:0 49px #050607,0 -40px #050607}.phone-frame .phone-screen:after{content:'';position:absolute;right:-9px;top:151px;width:3px;height:62px;border-radius:3px;background:#050607;pointer-events:none}.phone-frame .digital-page{padding-top:0}.mobile-preview-trigger{display:none}.mini-phone{width:41px;height:75px;flex:none;overflow:hidden;position:relative;border:2px solid #050607;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #778a96}.mini-phone:after{content:'';position:absolute;top:2px;left:13px;width:12px;height:4px;border-radius:5px;background:#000}.mini-phone #mini-preview{width:360px;transform:scale(.104);transform-origin:top left;pointer-events:none}.mini-phone .digital-page{min-height:800px}.mobile-preview-copy{position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.mobile-preview-copy strong{display:block;font-size:17px}.mobile-preview-copy small{display:block;font-size:11px;color:#91adbe;margin-top:5px}.mobile-preview-copy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21dbce;margin-right:5px}.expand-icon{font-size:24px;color:#58d9d6;margin-left:auto}.terms-consent{margin:24px 0}.terms-consent-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.terms-consent-heading strong{font-size:16px}.terms-consent-heading a{font-size:11px;color:#68dfd9}.terms-scroll-hint{font-size:11px;color:#99b0bf;margin:8px 0}.terms-scrollbox{height:260px;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #45606e;border-radius:12px;padding:18px;background:#071824;scrollbar-width:auto;scrollbar-color:#7eabb4 #102a3b}.terms-scrollbox::-webkit-scrollbar{width:10px}.terms-scrollbox::-webkit-scrollbar-thumb{background:#7eabb4;border:2px solid #102a3b;border-radius:8px}.terms-scrollbox::-webkit-scrollbar-track{background:#102a3b;border-radius:8px}.terms-scrollbox h2{font-size:15px;margin-top:0}.terms-scrollbox h3{font-size:13px;line-height:1.5;margin:22px 0 8px}.terms-scrollbox p{font-size:12px;line-height:1.75;margin:8px 0;color:#b9cdd7}.terms-consent>.check{margin-top:16px;align-items:flex-start;font-size:12px}.terms-consent>.check input{flex:none}.terms-scrollbox:focus-visible{outline:2px solid #35dfe0;outline-offset:3px}
/* Reset historical header variants, then give each composition its own geometry. */
.digital-page[class*="header-"] .digital-intro{display:block;margin:0;padding:0 24px 12px;text-align:center;border-radius:0;background:transparent}.digital-page[class*="header-"] .cover-gallery{margin:0;border-radius:0;overflow:hidden}.digital-page[class*="header-"] .digital-cover{width:100%;height:200px;margin:0;border-radius:0;mask-image:none}.digital-page[class*="header-"] .digital-profile-frame{width:92px;height:92px;margin:-46px auto 16px;border-radius:50%;border:5px solid var(--page-bg);box-shadow:0 5px 16px #0002;transform:none}.digital-page[class*="header-"] .digital-profile-frame .digital-profile{width:100%;height:100%;border-radius:0;float:none;margin:0;border:0}.digital-page[class*="header-"] .digital-intro h1{font-size:28px;font-weight:700}.digital-page.header-1 .digital-intro{text-align:left}.digital-page.header-1 .digital-profile-frame{margin-left:0;border-radius:8px}.digital-page.header-2 .digital-cover{height:265px}.digital-page.header-2 .digital-profile-frame{width:130px;height:75px;border-radius:38px;margin-top:-38px}.digital-page.header-3 .digital-cover{height:110px}.digital-page.header-3 .digital-profile-frame{width:64px;height:64px;margin-top:-32px}.digital-page.header-3 .digital-intro h1{font-size:23px}.digital-page.header-4 .digital-profile-frame{width:122px;height:150px;border-radius:70px 70px 24px 24px;margin-top:-65px}.digital-page.header-4 .digital-cover{height:165px}.digital-page.header-5 .digital-intro{margin:-38px 15px 0;padding:22px 18px 12px;width:calc(100% - 30px);border-radius:22px;background:var(--page-bg);box-shadow:0 5px 24px #0002}.digital-page.header-5 .digital-profile-frame{margin:0 auto 15px;border-radius:20px}.digital-page.header-6 .cover-gallery{margin:14px;border:3px solid var(--page-accent);padding:6px}.digital-page.header-6 .digital-cover{height:175px}.digital-page.header-6 .digital-profile-frame{border-radius:0;margin-top:-37px;outline:2px solid var(--page-accent);outline-offset:3px}.digital-page.header-7 .digital-cover{height:90px}.digital-page.header-7 .digital-profile-frame{width:58px;height:58px;margin:16px auto;border:0;box-shadow:none}.digital-page.header-7 .digital-intro h1{font-size:23px;font-weight:400}.digital-page.header-8 .digital-cover{height:310px}.digital-page.header-8 .digital-intro{padding-top:0;text-align:right}.digital-page.header-8 .digital-profile-frame{margin:-58px 0 18px auto;width:110px;height:110px;border-radius:0}.digital-page.header-9 .digital-intro{display:grid;grid-template-columns:85px minmax(0,1fr);gap:0 16px;text-align:left;padding-top:20px}.digital-page.header-9 .digital-profile-frame{grid-row:1/4;width:85px;height:110px;border-radius:8px;margin:0}.digital-page.header-9 .digital-intro h1{font-size:24px}.digital-page.header-9 .card-details{grid-column:1/-1}.digital-page.header-9 .digital-cover{height:150px}.digital-page.header-10 .digital-intro{text-align:left}.digital-page.header-10 .digital-profile-frame{margin:20px 0 18px;width:80px;height:100px;border-radius:0;box-shadow:none;border:0}.digital-page.header-10 .digital-intro h1{font-size:38px;font-weight:400;border-bottom:2px solid var(--page-accent);padding-bottom:14px}.digital-page.header-11 .cover-gallery{margin:16px;border-radius:22px}.digital-page.header-11 .digital-cover{height:175px}.digital-page.header-11 .digital-profile-frame{margin-top:-50px;border-radius:30px}.digital-page.header-12 .digital-profile-frame{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);border-radius:0;width:110px;height:110px;margin-top:-55px}.digital-page.header-13 .cover-gallery{border-radius:0 0 50% 50% / 0 0 24% 24%}.digital-page.header-13 .digital-profile-frame{margin-top:-25px;border-radius:50%;outline:2px solid var(--page-accent);outline-offset:4px}.digital-page.header-14 .digital-intro{text-align:left}.digital-page.header-14 .digital-profile-frame{margin:-50px 0 20px auto;border-radius:0;width:100px;height:100px;box-shadow:7px 7px var(--page-accent)}.digital-page.header-14 .digital-intro h1{font-size:36px;font-weight:900;text-transform:uppercase}.digital-page.header-15 .digital-cover{height:330px}.digital-page.header-15 .digital-profile-frame{width:90px;height:125px;border-radius:45px;margin-top:-63px}.digital-page.header-16 .digital-cover{height:110px}.digital-page.header-16 .digital-profile-frame{margin:22px 0 16px;width:65px;height:65px;border-radius:0;box-shadow:none;border:0}.digital-page.header-16 .digital-intro{text-align:left;border-bottom:3px solid var(--page-accent)}.digital-page.header-17 .digital-intro{margin:-55px 20px 0;width:calc(100% - 40px);padding:20px 16px;background:var(--page-bg);border-radius:30px;box-shadow:0 12px 30px #0003}.digital-page.header-17 .digital-profile-frame{width:75px;height:75px;margin:0 auto 14px;border-radius:50%;outline:1px solid var(--page-accent);outline-offset:3px}.digital-page.header-18 .digital-cover{height:235px;mask-image:linear-gradient(#000 65%,transparent)}.digital-page.header-18 .digital-profile-frame{border-radius:46% 54% 66% 34% / 42% 42% 58% 58%;border:0;margin-top:-48px;box-shadow:none;width:105px;height:105px}.digital-page.header-19 .digital-cover{height:140px}.digital-page.header-19 .digital-profile-frame{width:145px;height:85px;border-radius:50%;margin:18px auto}.digital-page:has(.position-controls) .digital-profile-frame{margin-top:10px}

/* List layout affects both action links and menu/service entries. */
.digital-page[class*="list-"] .digital-items{display:block;padding:0}.digital-page.page-card[class*="list-"] .digital-links{display:grid;grid-template-columns:1fr;gap:10px;padding:0;counter-reset:links}.digital-page[class*="list-"] .digital-item{margin:0;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--page-text) 12%,transparent);background:transparent;padding:16px;display:flex;gap:12px}.digital-page[class*="list-"] .digital-item h3{font-size:14px;font-weight:600}.digital-page[class*="list-"] .digital-item strong{font-size:13px;color:var(--page-text)}.digital-page[class*="list-"] .digital-item:before{content:none}.digital-page .digital-links a .action-label{min-width:0;overflow-wrap:anywhere}.digital-page .digital-links a .action-label .ui-icon{flex:none}
.digital-page.list-1 .digital-item,.digital-page.page-card.list-1 .digital-links a{padding:18px;border:0;border-radius:12px;background:color-mix(in srgb,var(--page-text) 8%,var(--page-bg));box-shadow:0 3px 10px #0001}
.digital-page.list-2 .digital-item,.digital-page.page-card.list-2 .digital-links a{border:0;border-bottom:2px solid var(--page-accent);border-radius:0;background:transparent}
.digital-page.list-3 .digital-item,.digital-page.page-card.list-3 .digital-links a{padding:8px 12px;min-height:34px;font-size:12px}
.digital-page.list-4 .digital-item,.digital-page.page-card.list-4 .digital-links a{padding:28px 18px;min-height:78px}
.digital-page.list-5 .digital-item,.digital-page.page-card.list-5 .digital-links a{padding:16px;border:1px solid var(--page-accent);background:transparent;border-radius:0}
.digital-page.list-7 .digital-item,.digital-page.page-card.list-7 .digital-links a{border-radius:22px;padding:18px;background:color-mix(in srgb,var(--page-text) 7%,var(--page-bg))}
.digital-page.list-10 .digital-item,.digital-page.page-card.list-10 .digital-links a{margin:0 12px;width:calc(100% - 24px);padding:14px;background:color-mix(in srgb,var(--page-text) 5%,var(--page-bg))}
.digital-page.list-11 .digital-item,.digital-page.page-card.list-11 .digital-links a{border:0;border-left:4px solid var(--page-accent);border-radius:0;padding:15px}
.digital-page.list-12 .digital-item,.digital-page.page-card.list-12 .digital-links a{border:0;background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));padding:18px;border-radius:10px}
.digital-page.list-13 .digital-item,.digital-page.page-card.list-13 .digital-links a{border-radius:40px;padding:16px 22px;border:1px solid var(--page-accent)}
.digital-page.list-17 .digital-item,.digital-page.page-card.list-17 .digital-links a{background:transparent;border:0;padding:10px 8px;min-height:40px}
.digital-page.list-18 .digital-item,.digital-page.page-card.list-18 .digital-links a{border:0;padding:18px;box-shadow:0 5px 14px #0003;border-radius:10px}
.digital-page.list-19 .digital-item,.digital-page.page-card.list-19 .digital-links a{border-radius:0;margin:0;width:100%;padding:18px 12px}
.digital-page.list-6 .digital-item:nth-child(even),.digital-page.page-card.list-6 .digital-links a:nth-child(even){background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));border-radius:0}.digital-page.list-8 .digital-item strong{font-size:22px;color:var(--page-accent)}.digital-page.page-card.list-8 .digital-links a>span:last-child{font-size:25px;opacity:1;color:var(--page-accent)}.digital-page.list-9 .digital-item:before{counter-increment:items;content:counter(items,decimal-leading-zero);color:var(--page-accent);font-size:13px}.digital-page.page-card.list-9 .digital-links a:before{counter-increment:links;content:counter(links,decimal-leading-zero);color:var(--page-accent);margin-right:12px}.digital-page.page-card.list-9 .digital-links a .action-label{margin-right:auto}.digital-page.list-14 .digital-item h3,.digital-page.page-card.list-14 .digital-links a{font-family:var(--title-font);font-size:22px}.digital-page.page-card.list-15 .digital-links{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-page.page-card.list-15 .digital-links a{flex-direction:column;align-items:flex-start;gap:12px;padding:14px;min-height:100px}.digital-page.page-card.list-15 .digital-links .action-label{flex-direction:column;align-items:flex-start}.digital-page.list-15 .item-category[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.digital-page.list-15 .item-category>summary{grid-column:1/-1}.digital-page.list-15 .digital-item{display:block;border:1px solid color-mix(in srgb,var(--page-text) 10%,transparent);padding:14px}.digital-page.list-15 .digital-item strong{display:block;margin-top:10px}.digital-page.list-16 .digital-item h3,.digital-page.page-card.list-16 .digital-links a{font-weight:900;font-size:17px}.digital-page.list-19 .digital-body{padding-left:10px;padding-right:10px}
.digital-page.button-0 .digital-primary,.digital-page.button-0 .digital-links a{border-radius:10px}
.digital-page.button-1 .digital-primary,.digital-page.button-1 .digital-links a{border-radius:40px}
.digital-page.button-2 .digital-primary,.digital-page.button-2 .digital-links a{border-radius:0}
.digital-page.button-3 .digital-primary,.digital-page.button-3 .digital-links a{background:transparent;border:1px solid var(--page-accent);color:var(--page-accent)}
.digital-page.button-4 .digital-primary,.digital-page.button-4 .digital-links a{background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));border:0;color:var(--page-text)}
.digital-page.button-5 .digital-primary,.digital-page.button-5 .digital-links a{background:transparent;border:0;border-bottom:1px solid var(--page-accent);color:var(--page-text);border-radius:0}
.digital-page.button-6 .digital-primary,.digital-page.button-6 .digital-links a{padding:20px 24px;letter-spacing:.08em}
.digital-page.button-7 .digital-primary,.digital-page.button-7 .digital-links a{padding:8px 12px;min-height:34px;font-size:12px}
.digital-page.button-8 .digital-primary,.digital-page.button-8 .digital-links a{box-shadow:0 5px 0 color-mix(in srgb,var(--page-accent) 55%,black);border:1px solid var(--page-accent)}
.digital-page.button-9 .digital-primary,.digital-page.button-9 .digital-links a{box-shadow:inset 0 2px 7px #0005;border:1px solid color-mix(in srgb,var(--page-text) 20%,transparent)}
.digital-page.button-10 .digital-primary,.digital-page.button-10 .digital-links a{font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.digital-page.button-11 .digital-primary,.digital-page.button-11 .digital-links a{border:1px solid color-mix(in srgb,var(--page-text) 35%,transparent);background:transparent;color:var(--page-text)}
.digital-page.button-12 .digital-primary,.digital-page.button-12 .digital-links a{border:0;border-left:5px solid var(--page-accent);border-radius:0}
.digital-page.button-13 .digital-primary,.digital-page.button-13 .digital-links a{padding:12px 0;background:transparent;border:0;color:var(--page-text);box-shadow:none}
.digital-page.button-14 .digital-primary,.digital-page.button-14 .digital-links a{padding:23px 18px;font-size:17px;min-height:65px}
.digital-page.button-15 .digital-primary,.digital-page.button-15 .digital-links a{border:1px dashed var(--page-accent);background:transparent;color:var(--page-text)}
.digital-page.button-16 .digital-primary,.digital-page.button-16 .digital-links a{background:linear-gradient(120deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 65%,var(--page-text)));color:var(--page-bg);border:0}
.digital-page.button-17 .digital-primary,.digital-page.button-17 .digital-links a{border-radius:3px;box-shadow:none;border:0}
.digital-page.button-18 .digital-primary,.digital-page.button-18 .digital-links a{border-radius:40px;border:1px solid var(--page-accent);background:transparent;color:var(--page-accent)}
.digital-page.button-19 .digital-primary,.digital-page.button-19 .digital-links a{background:var(--page-text);color:var(--page-bg);border:0}

/* Visible themed environments; the same backgrounds render in the choice cards. */
.digital-page[class*="bg-"]{background-color:var(--page-bg);border:0;background-size:auto;background-repeat:repeat;--tint:color-mix(in srgb,var(--page-accent) 32%,transparent);--light-tint:color-mix(in srgb,var(--page-accent) 15%,transparent)}
.digital-page.bg-0{background-image:none}
.digital-page.bg-1{background-image:radial-gradient(ellipse at 15% 15%,var(--tint),transparent 52%),radial-gradient(ellipse at 100% 70%,var(--light-tint),transparent 60%)}
.digital-page.bg-2{background-image:linear-gradient(175deg,var(--tint),transparent 48%),repeating-linear-gradient(175deg,transparent 0 120px,var(--light-tint) 123px 140px,transparent 143px 210px)}
.digital-page.bg-3{background-image:radial-gradient(ellipse at 115% 75%,var(--tint) 0 35%,transparent 35.4%),radial-gradient(ellipse at -25% 110%,var(--light-tint) 0 60%,transparent 60.5%),linear-gradient(150deg,var(--light-tint),transparent)}
.digital-page.bg-4{background-image:radial-gradient(ellipse at 0% 15%,var(--tint) 0 12%,transparent 12.4%),radial-gradient(ellipse at 100% 35%,var(--light-tint) 0 18%,transparent 18.4%),radial-gradient(ellipse at 0% 80%,var(--light-tint) 0 18%,transparent 18.4%)}
.digital-page.bg-5{background-image:repeating-radial-gradient(ellipse at 0 0,transparent 0 30px,var(--light-tint) 31px 33px,transparent 34px 60px);background-size:150px 230px}
.digital-page.bg-6{background-image:linear-gradient(150deg,transparent 55%,var(--light-tint) 55.2% 70%,transparent 70.2%),linear-gradient(215deg,transparent 50%,var(--tint) 50.2% 65%,transparent 65.2%);background-size:100% 480px}
.digital-page.bg-7{background-image:radial-gradient(ellipse at 0 25%,var(--tint),transparent 40%),radial-gradient(ellipse at 100% 55%,var(--tint),transparent 45%),radial-gradient(ellipse at 20% 95%,var(--light-tint),transparent 35%)}
.digital-page.bg-8{background-image:linear-gradient(var(--light-tint) 1px,transparent 1px),linear-gradient(90deg,var(--light-tint) 1px,transparent 1px);background-size:28px 28px}
.digital-page.bg-9{background-image:linear-gradient(115deg,transparent 10%,var(--tint) 25%,transparent 40%,var(--light-tint) 55%,transparent 75%),radial-gradient(at 50% 0%,var(--tint),transparent 65%)}
.digital-page.bg-10{background-image:repeating-linear-gradient(100deg,transparent 0,var(--tint) 30px,transparent 65px);background-size:100% 100%}
.digital-page.bg-11{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(120deg,var(--light-tint),transparent)}
.digital-page.bg-12{background-image:radial-gradient(circle at 20% 30%,var(--page-accent) 1px,transparent 2px),radial-gradient(circle at 75% 60%,var(--tint) 2px,transparent 3px),radial-gradient(ellipse at top,var(--tint),transparent 60%);background-size:65px 95px,105px 130px,100% 100%}
.digital-page.bg-13{background-image:linear-gradient(90deg,var(--light-tint) 10%,transparent 10% 90%,var(--light-tint) 90%),linear-gradient(transparent 30%,var(--tint) 30% 32%,transparent 32% 70%,var(--light-tint) 70% 80%,transparent 80%)}
.digital-page.bg-14{background-image:repeating-linear-gradient(135deg,transparent 0,var(--tint) 80px,transparent 160px);background-size:100% 100%}
.digital-page.bg-15{background-image:repeating-linear-gradient(0deg,transparent 0 3px,var(--light-tint) 3px 4px),repeating-linear-gradient(90deg,transparent 0 5px,var(--light-tint) 5px 6px)}
.digital-page.bg-16{background-image:conic-gradient(from 155deg at 15% 0%,transparent 0deg,var(--tint) 12deg,transparent 25deg),conic-gradient(from 175deg at 90% 0%,transparent 0deg,var(--tint) 15deg,transparent 30deg)}
.digital-page.bg-17{background-image:linear-gradient(var(--light-tint),var(--light-tint));box-shadow:inset 0 0 0 8px var(--page-bg),inset 0 0 0 10px var(--page-accent)}
.digital-page.bg-18{background-image:linear-gradient(transparent 25%,var(--light-tint) 45%,var(--tint) 48%,var(--light-tint) 52%,transparent 80%);background-size:100% 600px}
.digital-page.bg-19{background-image:linear-gradient(115deg,transparent 0 45%,var(--tint) 45% 70%,var(--light-tint) 70%)}
.theme-sample[class*="bg-"]{background-size:cover}.theme-sample.bg-8{background-size:16px 16px}.theme-sample.bg-12{background-size:40px 50px,60px 70px,100% 100%}
@media(max-width:760px){
body:has(.builder-page) .site-header{display:none}.builder-page{padding-top:0}.mobile-editor-dock{position:sticky;top:0;z-index:20;margin:0 -14px 25px;padding:10px 14px 0;background:#071725f5;backdrop-filter:blur(16px);border-bottom:1px solid #294351}.mobile-preview-trigger{position:relative;display:flex;align-items:center;gap:15px;padding:10px 16px;border:1px solid #335360;border-radius:16px;background:#0d2432;cursor:pointer;min-height:94px}.builder-page .mobile-editor-dock .steps{margin:0;max-width:none;padding:13px 0 10px;gap:4px}.builder-page .mobile-editor-dock .steps button{font-size:10px}.builder-page .mobile-editor-dock .steps b{width:23px;height:23px;font-size:10px;margin-bottom:5px}.builder-page .mobile-editor-dock .steps:before{top:25px}.builder-page #mobile-preview{display:none}.builder-page .draft-controls #saved{flex-basis:auto;margin-left:auto}.builder-page .draft-controls{justify-content:space-between}.builder-page .builder-title h1{font-size:25px}.preset-choices{gap:8px}.preset-choice{padding:6px;border-radius:10px}.preset-choice.active{padding:5px}.preset-choice>strong{font-size:11px}.preset-choice>small{font-size:9px}.sample-preset{height:132px}.sample-preset .sample-canvas{transform:scale(.23)}.choice-track.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-track .design-choice{flex-basis:145px}.studio-section-heading h3{font-size:13px}.studio-section-heading button{font-size:10px}.studio-section{padding:18px 0}.builder-preview.preview-is-open{padding:14px 18px}.builder-preview .phone-frame{height:calc(100dvh - 137px);max-height:780px}.preview-toolbar{margin-bottom:10px}.preview-options{margin-bottom:12px}.builder-preview:has(.preview-hint) .phone-frame{height:calc(100dvh - 185px)}.builder-page .builder-footer{z-index:21}.terms-scrollbox{height:245px;padding:14px}.terms-consent-heading strong{font-size:14px}.terms-consent-heading a{font-size:10px}
.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.goal-grid .goal{min-height:285px;padding:19px 14px 48px;border-radius:19px}.goal-grid .goal h3{font-size:19px;line-height:1.2;min-height:46px;margin:9px 0}.goal-grid .goal small{font-size:8px}.goal-grid .goal p{font-size:11px;line-height:1.5;min-height:50px}.goal-grid .goal .goal-products{height:118px!important;min-height:118px;margin:8px auto 4px}.goal-grid .goal .goal-products img{width:62%!important;height:105px!important}.goal-grid .goal.card .goal-products img{width:73%!important;height:95px!important}.goal-grid .goal.keychain .goal-products img{width:60%!important;height:107px!important}.goal-grid .goal .arrow{left:14px;bottom:15px;width:25px;height:25px;line-height:22px}.goal-grid .goal .label{display:none}
}
@media(min-width:761px){.mobile-editor-dock .steps{margin-inline:auto}.mobile-preview-trigger{display:none}}
.design-render .sample-canvas{transform:scale(var(--sample-scale,.36))}.sample-preset{height:auto;aspect-ratio:.65}.sample-header{height:auto;aspect-ratio:.7}.sample-list,.sample-button{height:auto;aspect-ratio:.95}
@supports selector(::-webkit-scrollbar){.terms-scrollbox{scrollbar-color:auto}}
.builder-page .terms-consent>.check{padding:10px 0 16px;margin-bottom:10px}

/* Illustrated theme motifs: coast, dunes, foliage, art-deco arches and mountain silhouettes. */
.digital-page.bg-2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cpath%20d%3D%22M0%2070Q90%2030%20180%2070T360%2070V240H0Z%22%20fill%3D%22%2365a6a8%22%20opacity%3D%22.13%22/%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2365a6a8%22%20stroke-width%3D%222%22%20opacity%3D%22.25%22%3E%3Cpath%20d%3D%22M0%2095Q90%2055%20180%2095T360%2095M0%20120Q90%2080%20180%20120T360%20120M0%20145Q90%20105%20180%20145T360%20145%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Ccircle%20cx%3D%22285%22%20cy%3D%2248%22%20r%3D%2230%22%20fill%3D%22%23c79865%22%20opacity%3D%22.22%22/%3E%3Cpath%20d%3D%22M0%20120Q90%2050%20210%20140T360%20115V240H0Z%22%20fill%3D%22%23c79865%22%20opacity%3D%22.15%22/%3E%3Cpath%20d%3D%22M0%20190Q130%2080%20360%20170V240H0Z%22%20fill%3D%22%23aa8057%22%20opacity%3D%22.16%22/%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-4{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cg%20fill%3D%22%2370977b%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M18%20240Q65%20125%2012%200%22%20fill%3D%22none%22%20stroke%3D%22%2370977b%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M29%2070Q-15%2055%200%2018Q42%2031%2029%2070M34%20100Q88%2067%2074%2030Q33%2043%2034%20100M41%20145Q-5%20130%200%2089Q45%20101%2041%20145M35%20185Q91%20168%2090%20120Q44%20128%2035%20185M330%20110Q290%2075%20313%2038Q352%2062%20330%20110M336%20155Q382%20130%20358%2090Q330%20109%20336%20155M330%20212Q286%20198%20297%20158Q339%20174%20330%20212%22/%3E%3Cpath%20d%3D%22M350%20240Q320%20140%20330%2020%22%20fill%3D%22none%22%20stroke%3D%22%2370977b%22%20stroke-width%3D%222%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-5{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b7a077%22%20opacity%3D%22.25%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M0%20240V90Q0%200%2090%200T180%2090V240M20%20240V90Q20%2020%2090%2020T160%2090V240M40%20240V90Q40%2040%2090%2040T140%2090V240M180%20240V90Q180%200%20270%200T360%2090V240M200%20240V90Q200%2020%20270%2020T340%2090V240M220%20240V90Q220%2040%20270%2040T320%2090V240%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-6{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cpath%20d%3D%22m0%20180%2085-130%20110%20150%2065-110%20100%20100v50H0Z%22%20fill%3D%22%2373968d%22%20opacity%3D%22.18%22/%3E%3Cpath%20d%3D%22m0%20215%20135-125%20105%20130%2080-80%2040%2075v25H0Z%22%20fill%3D%22%2373968d%22%20opacity%3D%22.2%22/%3E%3Cpath%20d%3D%22m65%2080%2020-30%2022%2030-24-11Z%22%20fill%3D%22%23afc0b8%22%20opacity%3D%22.3%22/%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-12{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cg%20fill%3D%22%23bead7b%22%20opacity%3D%22.35%22%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2244%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%22110%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%22200%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22m90%2035%202%208%208%202-8%202-2%208-2-8-8-2%208-2Zm215%20120%202%208%208%202-8%202-2%208-2-8-8-2%208-2Z%22/%3E%3Cpath%20d%3D%22M175%2023a27%2027%200%201%200%2025%2040%2026%2026%200%200%201-25-40%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.theme-sample.bg-2,.theme-sample.bg-3,.theme-sample.bg-4,.theme-sample.bg-5,.theme-sample.bg-6,.theme-sample.bg-12{background-size:cover}
/* The user's original 454 × 880 PNG is the frame; its pixels are never regenerated. */
.phone-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.builder-preview .phone-frame,.demo-preview-shell .phone-frame{--phone-available-height:min(700px,calc(100dvh - 220px));position:relative;width:min(365px,calc(var(--phone-available-height)*.515909));max-width:100%;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:454/880;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;margin-inline:auto;isolation:isolate}
.phone-frame:before,.phone-frame:after,.phone-frame .phone-screen:after,.mini-phone:after{content:none!important}
.phone-frame .phone-screen,.mini-phone .mini-screen{position:absolute;left:7.05%;top:2.5%;width:84.8%;height:94.43%;border-radius:16% / 7.5%;overflow-x:hidden;overflow-y:auto;background:#fff;z-index:1}
.phone-artwork{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;z-index:5;pointer-events:none;user-select:none;filter:url(#phone-ink);clip-path:inset(1% 3% 1% 3%)}
.mini-phone{position:relative;width:42px;height:auto;aspect-ratio:454/880;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.mini-phone .mini-screen{overflow:hidden}.mini-phone #mini-preview{width:360px;transform:scale(.09893);transform-origin:top left}
.demo-preview-shell .phone-frame{--phone-available-height:calc(100dvh - 165px)}
@media(max-width:760px){.builder-preview .phone-frame{--phone-available-height:calc(100dvh - 145px);flex:0 0 auto}.builder-preview:has(.preview-hint) .phone-frame{--phone-available-height:calc(100dvh - 195px)}}

/* Purchase recovery and the editor's final review. */
.slug-input{display:flex;align-items:center;gap:0;min-width:0;width:100%;border:1px solid #355365;border-radius:10px;background:#081725;padding-left:12px;overflow:hidden}.slug-input>span{flex:none;font-size:13px;color:#6cded9;white-space:nowrap}.slug-input input,.builder-page .slug-input input{border:0!important;background:transparent!important;box-shadow:none;outline:none;min-width:0;width:100%;padding-left:2px!important;font-size:14px}.slug-input:focus-within{outline:2px solid var(--cyan);outline-offset:2px}.purchase-heading{margin:28px 0 35px}.purchase-heading h1{font-size:clamp(25px,4vw,42px);margin:10px 0}.purchase-heading p{font-size:13px}.purchase-heading p span{color:var(--cyan);padding:0 10px}.draft-conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.draft-conflict-grid>section{padding:24px;border:1px solid #294857;border-radius:20px;background:#0c2230}.conflict-card{min-height:230px}.conflict-card img{width:70px;height:70px;object-fit:cover;border-radius:14px;margin-bottom:15px}.conflict-card small{display:block;margin-bottom:20px}.draft-conflict-grid .button{width:100%;white-space:normal}.payment-pending{max-width:680px;margin:35px auto}.payment-pending h1{font-size:32px;margin:15px 0}.payment-reference{font-size:12px;overflow-wrap:anywhere;color:#8ba8b7}
.digital-page .digital-intro h1{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance;min-width:0;max-width:100%}
.preset-choices.choice-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 14px}.preset-choices.choice-track>.preset-choice{flex:0 0 200px;scroll-snap-align:start;min-width:0}.preset-choices.choice-track.expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.preset-choices .sample-preset{height:242px}.preset-choices .preset-choice>strong{font-size:15px}.preset-choices .preset-choice>small{font-size:11px;line-height:1.5}.preset-choices .sample-canvas{transform:scale(var(--sample-scale,.48))}.preset-section{padding-top:0}
.mobile-preview-trigger[hidden],#mobile-preview[hidden]{display:none!important}.builder-grid.review-layout{display:block;max-width:760px;margin:auto}.review-inline.builder-preview{position:relative;top:auto;max-width:none;width:100%;display:block!important;margin:20px 0 30px;padding:24px;border:1px solid #294857;border-radius:22px;background:#0b2130}.review-inline .phone-frame{--phone-available-height:700px}.review-inline .preview-close{display:none!important}.review-inline .preview-caption{margin-bottom:0}.review-layout .builder-title{text-align:center}.review-inline .preview-toolbar .eyebrow{display:none}
/* A footer in the app shell: it occupies its own row, never covers page content. */
body.has-demo-footer{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}body.has-demo-footer #app{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}body.has-demo-footer .demo-bar{position:sticky;inset:auto;bottom:0;flex:0 0 auto;width:100%;max-width:none;margin:0;padding:12px max(16px,calc((100vw - 1160px)/2));border:0;border-top:1px solid #356170;border-radius:0;background:#0b2635;box-shadow:none;transform:none;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-time small{font-size:10px;letter-spacing:.07em}.demo-time b{display:block;font-size:25px;color:var(--cyan);font-variant-numeric:tabular-nums;line-height:1.3}.demo-bar .actions{gap:8px}.demo-fullscreen{width:100%;min-height:100%;background:#fff}.demo-fullscreen .digital-page{width:100%;max-width:none;min-height:100%}
@media(min-width:761px){.demo-fullscreen .digital-intro,.demo-fullscreen .digital-body{max-width:760px;margin-inline:auto}.demo-fullscreen .digital-cover{height:360px}}
@media(max-width:760px){
 .draft-conflict-grid{grid-template-columns:1fr}.conflict-card{min-height:0}.draft-conflict-grid>section{padding:20px}.slug-input{padding-left:9px}.slug-input>span{font-size:12px}.builder-page .slug-input input{font-size:13px}.purchase-heading{margin-bottom:20px}.purchase-heading p{font-size:11px;line-height:1.8}.purchase-heading p span{padding:0 5px}
 .preset-choices.choice-track>.preset-choice{flex-basis:180px;padding:10px}.preset-choices .preset-choice>strong{font-size:14px}.preset-choices .preset-choice>small{font-size:11px}.preset-choices .sample-preset{height:210px}.preset-choices.choice-track.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-choices.choice-track.expanded>.preset-choice{padding:7px}.preset-choices.choice-track.expanded .sample-preset{height:170px}
 .review-inline.builder-preview{margin:18px 0 25px;padding:16px 10px}.review-inline .phone-frame{--phone-available-height:min(720px,calc(100dvh - 170px))}.review-inline .preview-toolbar,.review-inline .preview-options{padding-inline:8px}.review-inline .preview-toolbar strong{font-size:15px}
 .builder-preview.preview-is-open{position:fixed;inset:0;z-index:80;max-width:none;width:100%;height:100dvh;padding:0!important;margin:0;background:#071524;display:block;overflow:hidden;border:0;border-radius:0}.builder-preview.preview-is-open .phone-frame{position:absolute;inset:0;width:100%!important;max-width:none;height:100%!important;aspect-ratio:auto;margin:0!important}.builder-preview.preview-is-open .phone-screen{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent;scrollbar-width:thin}.builder-preview.preview-is-open .phone-artwork{display:none}.builder-preview.preview-is-open .preview-toolbar{position:absolute;top:0;left:0;right:0;z-index:4;margin:0;padding:calc(12px + env(safe-area-inset-top)) 16px 42px;background:linear-gradient(#071524f2,#071524dc);backdrop-filter:blur(12px);color:#eaf6ff}.builder-preview.preview-is-open .preview-toolbar strong{font-size:16px}.builder-preview.preview-is-open .preview-toolbar .eyebrow{font-size:9px}.builder-preview.preview-is-open .preview-close{display:grid;place-items:center;flex:none;width:38px;height:38px;font-size:25px}.builder-preview.preview-is-open .preview-options{position:absolute;top:calc(65px + env(safe-area-inset-top));left:16px;right:16px;z-index:5;align-items:center;margin:0;color:#c0d4df;font-size:10px}.builder-preview.preview-is-open .preview-options .button{min-height:32px;padding:7px 10px;font-size:10px}.builder-preview.preview-is-open .preview-caption{display:none}.builder-preview.preview-is-open .preview-hint{position:absolute;top:105px;left:12px;right:12px;z-index:5}
 body.has-demo-footer:has(.bottom-nav){padding-bottom:66px}body.has-demo-footer .bottom-nav{height:66px;min-height:66px;padding:8px 0;z-index:110}.demo-bar .button{min-height:38px;padding:9px 11px;font-size:11px}.demo-bar .actions{gap:5px}.demo-time small{font-size:8px}.demo-time b{font-size:23px}.demo-bar{padding:10px 12px!important}.has-demo-footer .builder-preview.preview-is-open{height:calc(100dvh - 72px)}.has-demo-footer:has(.bottom-nav) .builder-preview.preview-is-open{height:calc(100dvh - 138px)}
}
@media(max-width:360px){.demo-bar .button{padding:9px 8px;font-size:10px}.demo-time small{font-size:7px}.preset-choices.choice-track.expanded .sample-preset{height:145px}}

/* One mobile page layout in the editor, live demo, and published URL. */
html,body{overscroll-behavior-y:none}
.phone-frame .phone-screen,.demo-fullscreen,.public-page{overscroll-behavior-y:none}
.preview-canvas{transform-origin:top left;min-height:100%}
.preview-canvas>.digital-page{min-height:inherit}
.phone-screen{touch-action:pan-y pinch-zoom}
.preview-overlay{width:100%;min-width:0}
.preview-overlay .preview-toolbar,.preview-overlay .preview-options{width:100%;max-width:none;box-sizing:border-box}
.preview-overlay .preview-toolbar>div{min-width:0}
.preview-overlay .preview-toolbar strong{display:block}
.preview-overlay .preview-options{display:flex;align-items:center;justify-content:space-between;gap:12px}
.preview-overlay .preview-options>span{min-width:0}
.preview-overlay .preview-options .button{flex-shrink:0}
.digital-page .cover-gallery{isolation:isolate}
.digital-page .gallery-indicator{top:40px;bottom:auto;left:12px;right:auto;max-width:calc(100% - 24px);z-index:6;background:#071524e8;color:#fff;box-shadow:0 2px 10px #0003;border:1px solid #ffffff50;font-size:11px;padding:7px 11px;line-height:1.3}
.digital-page .icon-solid{display:none}
.digital-page .action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;color:var(--page-accent)}
.digital-page .action-icon .ui-icon{width:23px;height:23px;flex:none;margin:0}
.digital-page .action-icon .brand-icon{filter:grayscale(1)}
.digital-page.icon-1 .action-icon .ui-icon{stroke-width:2.7}
.digital-page.icon-1 .action-icon .ui-icon:has(.icon-solid) .icon-outline{display:none}
.digital-page.icon-1 .action-icon .icon-solid{display:block}
.digital-page.icon-2 .action-icon .brand-icon{filter:none}
.digital-page.icon-3 .action-icon{border-radius:50%;background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));border:1px solid color-mix(in srgb,var(--page-accent) 40%,transparent)}
.digital-page.icon-4 .action-icon{border-radius:9px;background:color-mix(in srgb,var(--page-accent) 22%,var(--page-bg))}
.digital-page.icon-5 .action-icon{border-radius:10px;background:var(--page-bg);box-shadow:0 3px 0 color-mix(in srgb,var(--page-accent) 65%,var(--page-bg)),0 5px 10px #0002;border:1px solid color-mix(in srgb,var(--page-accent) 25%,transparent)}
.sample-icon{height:175px}.sample-icon .digital-primary{display:none}
.terms-reader{width:min(760px,calc(100vw - 32px));max-width:none;height:min(82dvh,850px);max-height:calc(var(--visible-height,100dvh) - 32px);padding:0;overflow:hidden;border:1px solid #355665;border-radius:20px;background:#0a202f;color:#eaf6ff}
.terms-reader[open]{display:flex;flex-direction:column}.terms-reader::backdrop{background:#020c18b8;backdrop-filter:blur(5px)}
.terms-reader header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:15px;border-bottom:1px solid #294958;flex-shrink:0}.terms-reader h2{font-size:20px;margin:0}.terms-reader header button{width:40px;height:40px;border-radius:50%;background:#163344;border:1px solid #3d6173;color:white;font-size:27px;flex-shrink:0}
.terms-reader-body{overflow-y:scroll;overscroll-behavior:contain;min-height:0;padding:24px;scrollbar-width:auto;scrollbar-color:#65b9be #102b3c}.terms-reader-body h3{margin-top:28px;font-size:17px}.terms-reader-body p{font-size:14px;line-height:1.8}.terms-reader-body::-webkit-scrollbar{width:9px}.terms-reader-body::-webkit-scrollbar-thumb{background:#65b9be;border-radius:8px}
.tracking-panel{padding:20px;border:1px solid #356171;border-radius:16px;background:#102b38;margin:22px 0}.tracking-panel p{margin:10px 0}.tracking-panel strong{display:block;font-size:22px;letter-spacing:.05em;color:#eaf6ff;overflow-wrap:anywhere}.tracking-panel small{display:block;margin-top:14px;line-height:1.6;color:#aac5d0}.order-actions{margin-bottom:12px}.order-card-footer>div:last-child{text-align:right}.badge.received{background:#123d32;color:#a4efd3}
body.has-demo-footer{height:var(--visible-height,100dvh);padding-bottom:var(--nav-height,0px);box-sizing:border-box}
body.has-demo-footer #app{scrollbar-gutter:auto;overscroll-behavior-y:none}
body.has-demo-footer .demo-bar{border-top:2px solid #37dce3;background:linear-gradient(110deg,#103846,#092333);padding:14px max(20px,calc((100vw - 1160px)/2)) calc(20px + env(safe-area-inset-bottom,0px))!important;gap:16px;box-sizing:border-box;box-shadow:0 -7px 25px #0002}
.demo-time{flex-shrink:0}.demo-time small{color:#b8e8e8;font-size:10px;font-weight:700;letter-spacing:.12em}.demo-time b{color:#5bf3e7;font-size:34px;font-weight:800;line-height:1.1;text-shadow:0 0 20px #18d9cd45}
.demo-bar .demo-actions{display:flex;gap:8px}.demo-bar .button{min-height:43px;font-size:12px;padding:12px 16px;white-space:normal;text-align:center}.demo-bar [data-buy]{font-weight:800;background:#36e7dc;box-shadow:0 4px 16px #20d9d52b}
body.has-demo-footer .demo-bar.ending-soon{border-top-color:#ffbb62;background:linear-gradient(110deg,#43301b,#122633)}.ending-soon .demo-time b{color:#ffd18a}.last-minute .demo-time b{color:#ffa18c}
@media(prefers-reduced-motion:no-preference){.last-minute .demo-time b{animation:demo-urgency 1.5s ease-in-out infinite}@keyframes demo-urgency{50%{opacity:.65}}}
@media(max-width:760px){
 .public-page{width:100%;max-width:none;margin:0;padding:0}.public-page>.digital-page{border:0;border-radius:0;box-shadow:none}
 .preview-is-open.builder-preview,.has-demo-footer .preview-is-open.builder-preview,.has-demo-footer:has(.bottom-nav) .preview-is-open.builder-preview{height:calc(var(--visible-height,100dvh) - var(--demo-height,0px) - var(--nav-height,0px));width:100vw;max-width:100vw;inset:0 auto auto 0;z-index:90;isolation:isolate}
 .builder-preview.preview-is-open .preview-overlay{position:absolute;inset:0 0 auto;z-index:10;width:100%;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 12px;box-sizing:border-box;background:#0b2130;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff20}
 .builder-preview.preview-is-open .preview-toolbar{position:static;width:100%;max-width:none;margin:0;padding:0;background:none;backdrop-filter:none;gap:12px}
 .builder-preview.preview-is-open .preview-options{position:static;width:100%;margin:8px 0 0;padding:0;font-size:11px;gap:12px}
 .builder-preview.preview-is-open .preview-options .button{font-size:11px;min-height:34px}
 .builder-preview.preview-is-open .preview-hint{position:static;margin:8px 0 0;font-size:11px}
 .builder-preview.preview-is-open .phone-screen{height:100%;overscroll-behavior:none;padding:0}
 .builder-preview.preview-is-open .preview-canvas{padding-top:112px;box-sizing:border-box}
 
 
 
 
 
 body.has-demo-footer:has(.bottom-nav){padding-bottom:var(--nav-height,66px)}body.has-demo-footer .bottom-nav{height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));bottom:0}
 body.has-demo-footer .demo-bar{display:grid;grid-template-columns:1fr;padding:12px 14px calc(24px + env(safe-area-inset-bottom,0px))!important;gap:10px}
 .demo-time{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-time small{font-size:9px;max-width:160px}.demo-time b{font-size:30px}
 .demo-bar .demo-actions{display:grid;grid-template-columns:1fr .75fr 1.5fr;width:100%;gap:7px}.demo-bar .demo-actions:has([data-payment]){grid-template-columns:1fr}.demo-bar .button{padding:10px 7px;font-size:11px;min-height:44px;line-height:1.3}
 .order-card-footer{flex-wrap:wrap;gap:14px}.order-card-footer>div:last-child{width:100%;text-align:left}.order-actions{flex-wrap:wrap}.tracking-panel{padding:16px}.tracking-panel .actions{flex-wrap:wrap}.terms-reader header{padding:15px}.terms-reader-body{padding:18px}
}
/* Preserve the exact browsing position when returning from preview. */
.builder-page .choice-track{scroll-snap-type:none;scroll-behavior:auto}
/* Product-focused home, account navigation and catalog presentation. */
.brand-mark{width:48px;height:48px;overflow:visible;border-radius:0;flex-shrink:0}.brand-mark img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
.account-nav{display:none}
.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px}.hero>div:first-child{min-width:0}
.category-heading{display:flex;gap:15px;align-items:center;padding:18px 0}.category-heading .field{flex:1;min-width:0;margin:0}.review-opt-in{display:flex;align-items:center;gap:12px;font-size:14px;margin:15px 0}.review-opt-in input{width:20px;height:20px;min-height:20px!important;flex:none}.review-opt-in+p{font-size:12px}
.digital-page .catalog-heading{margin:20px 0 18px}.catalog-heading>small{letter-spacing:.16em;font-size:10px;opacity:.65}.digital-page .catalog-heading h2{font:700 28px var(--title-font);margin:8px 0}.category-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 12px;scrollbar-width:thin}.category-tabs button{flex-shrink:0;border:1px solid color-mix(in srgb,var(--page-accent) 50%,transparent);color:var(--page-text);background:var(--page-bg);padding:9px 13px;border-radius:30px;font-family:var(--body-font);font-size:12px}.category-tabs [aria-pressed=true]{background:var(--page-accent);color:var(--page-bg)}
.digital-page.page-menu .digital-header .digital-intro{padding:20px 24px}.digital-page.page-menu .digital-header .digital-profile-frame{max-width:80px;max-height:80px}.digital-page.page-menu .digital-header h1{font-size:26px!important;max-width:none;margin:0 0 7px;text-transform:none;line-height:1.15;letter-spacing:-.02em}.digital-page.page-menu .digital-header p{font-size:13px;margin:7px 0}.digital-page.page-menu .cover-gallery,.digital-page.page-menu .digital-cover{height:180px!important;min-height:0}.digital-page.page-menu .digital-body{padding-top:0}.digital-page.page-menu .digital-item{display:flex;gap:15px;align-items:flex-start;padding:17px 12px;min-width:0}.digital-page.page-menu .digital-item>div{flex:1;min-width:0}.digital-page.page-menu .digital-item h3{font-size:17px;margin:0 0 7px}.digital-page.page-menu .digital-item>strong{white-space:normal;max-width:40%;text-align:right;font-size:16px;color:var(--page-accent);flex-shrink:0}.digital-page.page-menu .item-category{margin-bottom:20px}.digital-page.page-menu .item-category>summary{font-size:19px}.digital-page.page-menu .item-description p{font-size:13px;line-height:1.6}
.digital-page.page-brochure .digital-item{padding:24px;margin:14px 0;border:1px solid color-mix(in srgb,var(--page-text) 15%,transparent);border-radius:18px;background:color-mix(in srgb,var(--page-bg) 92%,var(--page-text));box-shadow:0 8px 20px #00000008}.digital-page.page-brochure .digital-item h3{font:700 24px var(--title-font);margin:0 0 12px}.digital-page.page-brochure .digital-item p{line-height:1.7;font-size:14px}.digital-page.page-brochure .digital-item>strong{display:block;font-size:20px;color:var(--page-accent);margin-top:18px}.brochure-inquiry{display:block;text-align:center;text-decoration:none;margin-bottom:24px}.digital-page .digital-filter{gap:8px}.digital-page .digital-filter>*{min-width:0}
/* Transparent, consistently sized platform marks; the container defines each style. */
.digital-page .action-icon .brand-icon{background:none;padding:0;box-shadow:none;border-radius:0;filter:none;color:inherit;width:22px;height:22px}.digital-page.icon-2 .action-icon .brand-icon{color:var(--brand-color)}.digital-page.icon-1 .action-icon .ui-icon{stroke-width:2.6}.digital-page.icon-6 .action-icon{color:var(--page-text);background:none;border:0;box-shadow:none}.digital-page.icon-7 .action-icon{border:2px solid currentColor;border-radius:50%;background:transparent}.digital-page.icon-8 .action-icon{border-radius:12px;background:color-mix(in srgb,var(--page-accent) 13%,var(--page-bg));color:var(--page-accent);transform:rotate(-5deg)}.digital-page.icon-8 .ui-icon{transform:rotate(5deg)}.digital-page.icon-9 .action-icon{border-radius:10px;background:color-mix(in srgb,var(--page-text) 8%,var(--page-bg));box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 5px #ffffff25}.digital-page.icon-10 .action-icon{border-radius:10px;border:1px solid #ffffff80;background:linear-gradient(135deg,#ffffff50,#ffffff08);box-shadow:0 4px 12px #0002;backdrop-filter:blur(8px)}.digital-page.icon-11 .action-icon{border-radius:50% 50% 50% 10%;background:linear-gradient(135deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 40%,#26225b));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--page-accent) 25%,transparent)}
.sample-icon .catalog-heading,.sample-icon .digital-filter,.sample-icon .category-tabs,.sample-icon .digital-items,.sample-icon .brochure-inquiry{display:none}
/* Illustrated scan guide: readable text, camera distance and sectional close-ups. */
dialog:has(.scan-guide){width:min(780px,calc(100vw - 28px));max-width:none}.scan-guide h2{font-size:30px;margin:12px 0}.scan-guide>p{font-size:14px}.scan-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.scan-guide-grid section{border:1px solid #294959;border-radius:16px;overflow:hidden;padding:14px;background:#0b2130}.scan-guide-grid h3{font-size:17px;margin:14px 0 6px}.scan-guide-grid p{font-size:12px;line-height:1.6;margin:0}.guide-scene{height:170px;position:relative;perspective:600px;display:grid;place-items:center;background:radial-gradient(ellipse,#275063,#102635);border-radius:10px;overflow:hidden}.guide-paper{width:160px;background:#faf2df;color:#43352a;border-radius:3px;box-shadow:8px 10px 0 #b0a18c,15px 25px 20px #0005;padding:14px;transform:rotateY(-13deg) rotateX(12deg) rotate(-7deg);font:9px Arial}.guide-paper>b{display:block;font-size:13px;margin-bottom:5px}.guide-paper>i{font-size:8px}.guide-paper>span{display:flex;justify-content:space-between;margin-top:10px;border-bottom:1px dotted #8e806d}.guide-result{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#a2f3d2;color:#104f3f;font-weight:800}.blur .guide-paper{filter:blur(2px);transform:rotateY(25deg) rotate(-15deg)}.blur .guide-result,.distant .guide-result{background:#ffc3b8;color:#72251f}.distant .guide-paper{transform:scale(.38) rotate(-9deg)}.guide-lens{position:absolute;right:8px;bottom:14px;width:135px;height:80px;background:#fff8e8;color:#3d352b;border:4px solid #54d7d1;border-radius:14px;padding:12px 8px;box-shadow:0 10px 20px #0006;transform:rotate(5deg);font:11px/2 Arial}.guide-lens b{float:right}.closeup .guide-result{left:8px;right:auto}.scan-guide .notice p{font-size:13px;line-height:1.6}.scan-guide>#confirm-photo-scan{width:100%;margin-top:15px}
@media(max-width:760px){
 .brand-mark{width:40px;height:40px}.brand-mark img{width:100%;height:100%;transform:none}.hero{display:flex;flex-direction:column;gap:30px;padding-top:32px}.hero>div:first-child{width:100%}.hero h1{padding-right:0;max-width:none;font-size:clamp(36px,9vw,58px)}
 .account-nav{display:flex;justify-content:space-around;align-items:center;padding:10px 8px;gap:4px;background:#0a2030;border-bottom:1px solid #294453;position:relative;z-index:20}.account-nav a{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;color:#91aebd;text-decoration:none}.account-nav b{display:flex}.account-nav .ui-icon{width:21px;height:21px}.account-nav a.active{color:#25d7df}.account-nav~main{padding-bottom:30px}body:has(.account-nav){padding-bottom:0}body.has-demo-footer:has(.account-nav){padding-bottom:0}.builder-page .builder-footer{bottom:0!important}.category-heading{align-items:flex-end;gap:8px}.category-heading .button{font-size:11px;white-space:nowrap}.scan-guide-grid{gap:10px}.scan-guide-grid section{padding:10px}.guide-scene{height:135px}.guide-paper{width:125px;font-size:7px;padding:10px}.guide-paper>b{font-size:10px}.guide-paper>span{margin-top:7px}.guide-lens{width:108px;height:70px;font-size:9px}.scan-guide-grid h3{font-size:15px}.scan-guide-grid p{font-size:11px}
}
.digital-page .digital-filter{grid-template-columns:minmax(0,1fr) minmax(110px,.7fr)!important}.digital-page .digital-filter input,.digital-page .digital-filter select{width:100%}
.digital-page.icon-2 .action-icon .brand-tiktok,.digital-page.icon-2 .action-icon .brand-x,.digital-page.icon-2 .action-icon .brand-threads{color:var(--page-text)}
.digital-page .digital-filter input,.digital-page .digital-filter select{background:color-mix(in srgb,var(--page-text) 5%,var(--page-bg))!important;color:var(--page-text)!important;border:1px solid color-mix(in srgb,var(--page-text) 20%,transparent)!important}.digital-page .digital-filter input::placeholder{color:var(--page-text);opacity:.6}

/* Keep the scan action visible while the illustrated instructions scroll. */
dialog:has(.scan-guide){padding:0;height:min(800px,calc(var(--visible-height,100dvh) - 32px));max-height:calc(var(--visible-height,100dvh) - 32px);overflow:hidden}
dialog:has(.scan-guide)>.dialog-close{position:absolute;top:14px;right:14px;z-index:2;background:#0b2130;border-radius:50%;width:36px;height:36px}
.scan-guide{height:100%;display:flex;flex-direction:column;min-height:0}
.scan-guide-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px;scrollbar-gutter:stable}
.scan-guide-body>.eyebrow{padding-right:30px}.scan-guide-body>p{font-size:14px}
.scan-guide-footer{flex:none;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #355363;background:#0b2130;box-shadow:0 -6px 20px #0002}
.scan-guide-footer #confirm-photo-scan{display:block;width:100%;min-height:48px;margin:0}
@media(max-width:760px){.scan-guide-body{padding:24px 18px}.scan-guide-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))}.scan-guide-body>.eyebrow{font-size:9px;letter-spacing:.12em}}
.reference-add-hint{display:block;margin-top:8px;color:#9db9c7;font-size:11px;line-height:1.5}

/* Exhausted scans remain clearly unavailable, including after a successful third scan. */
#scan:disabled{background:#52616d;color:#d5dde3;border-color:#647380;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}
/* Catalog layouts: independent from action button and icon treatments. */
.digital-page:is(.page-menu,.page-brochure)[class*="list-"] .item-category{counter-reset:catalog-items}
.digital-page:is(.page-menu,.page-brochure)[class*="list-"] .digital-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;margin:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--page-text) 16%,transparent);border-radius:0;background:transparent;box-shadow:none;min-width:0;width:auto}
.digital-page:is(.page-menu,.page-brochure)[class*="list-"] .digital-item>div{flex:1;min-width:0}
.digital-page:is(.page-menu,.page-brochure)[class*="list-"] .digital-item h3{font:700 18px/1.35 var(--title-font);margin:0 0 6px;overflow-wrap:anywhere}
.digital-page:is(.page-menu,.page-brochure)[class*="list-"] .digital-item>strong{font:700 16px/1.4 var(--body-font);color:var(--page-accent);margin:0;max-width:40%;text-align:right;overflow-wrap:anywhere;flex-shrink:0}
.digital-page:is(.page-menu,.page-brochure)[class*="list-"] .digital-item p{font-size:13px;line-height:1.6;margin:6px 0 0}
.digital-page:is(.page-menu,.page-brochure).list-1 .digital-item{padding:20px;margin:12px 0;border-radius:16px;background:color-mix(in srgb,var(--page-text) 7%,var(--page-bg));border-bottom:3px solid color-mix(in srgb,var(--page-accent) 35%,transparent)}
.digital-page:is(.page-menu,.page-brochure).list-2 .digital-item{border-bottom:2px dotted color-mix(in srgb,var(--page-text) 40%,transparent);padding:18px 2px}
.digital-page:is(.page-menu,.page-brochure).list-3 .digital-item{padding:9px 0;gap:8px}.digital-page:is(.page-menu,.page-brochure).list-3 .digital-item h3{font-size:14px}.digital-page:is(.page-menu,.page-brochure).list-3 .digital-item>strong{font-size:13px}
.digital-page:is(.page-menu,.page-brochure).list-4 .digital-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;gap:12px}.digital-page:is(.page-menu,.page-brochure).list-4 .digital-item>strong{max-width:100%;text-align:center;font-size:24px}
.digital-page:is(.page-menu,.page-brochure).list-5 .digital-item{border:2px solid var(--page-accent);padding:20px;margin:14px 0}
.digital-page:is(.page-menu,.page-brochure).list-6 .digital-item{padding:18px 14px;border:0}.digital-page:is(.page-menu,.page-brochure).list-6 .digital-item:nth-of-type(even){background:color-mix(in srgb,var(--page-accent) 15%,var(--page-bg))}
.digital-page:is(.page-menu,.page-brochure):is(.list-7,.list-12,.list-15) .item-category[open]{display:block}
.digital-page:is(.page-menu,.page-brochure):is(.list-7,.list-12,.list-15) .catalog-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.digital-page:is(.page-menu,.page-brochure):is(.list-7,.list-12,.list-15) .item-category>summary{grid-column:1/-1}
.digital-page:is(.page-menu,.page-brochure):is(.list-7,.list-12,.list-15) .digital-item{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0}
.digital-page:is(.page-menu,.page-brochure):is(.list-7,.list-12,.list-15) .digital-item>strong{max-width:100%;text-align:left;margin-top:auto}
.digital-page:is(.page-menu,.page-brochure):is(.list-7,.list-12,.list-15) .digital-item h3{font-size:16px}
.digital-page:is(.page-menu,.page-brochure).list-7 .digital-item{border-radius:24px;border:1px solid color-mix(in srgb,var(--page-text) 20%,transparent);background:color-mix(in srgb,var(--page-text) 5%,var(--page-bg))}
.digital-page:is(.page-menu,.page-brochure).list-8 .digital-item{flex-direction:column;padding:22px 0;gap:12px}.digital-page:is(.page-menu,.page-brochure).list-8 .digital-item>strong{font-size:27px;max-width:100%;text-align:left}
.digital-page:is(.page-menu,.page-brochure).list-9 .digital-item:before{content:counter(catalog-items,decimal-leading-zero);counter-increment:catalog-items;display:grid;place-items:center;flex:0 0 30px;height:30px;background:var(--page-accent);color:var(--page-bg);border-radius:50%;font:700 12px var(--body-font)}
.digital-page:is(.page-menu,.page-brochure).list-10 .digital-item{margin:0 14px;padding:20px 14px;background:color-mix(in srgb,var(--page-text) 5%,var(--page-bg))}
.digital-page:is(.page-menu,.page-brochure).list-11 .digital-item{border:0;border-left:4px solid var(--page-accent);margin:14px 0;padding:8px 18px}
.digital-page:is(.page-menu,.page-brochure).list-12 .digital-item{background:color-mix(in srgb,var(--page-accent) 16%,var(--page-bg));border:0;border-radius:5px}
.digital-page:is(.page-menu,.page-brochure).list-13 .digital-item>strong{border-radius:30px;padding:7px 12px;background:var(--page-accent);color:var(--page-bg);font-size:13px}
.digital-page:is(.page-menu,.page-brochure).list-14 .digital-item{flex-direction:row-reverse;gap:22px;padding:25px 0}.digital-page:is(.page-menu,.page-brochure).list-14 .digital-item>strong{width:25%;text-align:left;font-size:22px}.digital-page:is(.page-menu,.page-brochure).list-14 .digital-item h3{font-size:23px}
.digital-page:is(.page-menu,.page-brochure).list-15 .digital-item{border:0;border-top:2px solid var(--page-accent);padding:16px 4px}
.digital-page:is(.page-menu,.page-brochure).list-16 .digital-item{display:block;padding:24px 0;border-bottom:3px solid var(--page-text)}.digital-page:is(.page-menu,.page-brochure).list-16 .digital-item h3{font-size:25px;text-transform:uppercase;letter-spacing:-.03em}.digital-page:is(.page-menu,.page-brochure).list-16 .digital-item>strong{max-width:100%;text-align:left;margin-top:12px}
.digital-page:is(.page-menu,.page-brochure).list-17 .digital-item{border:0;padding:10px 0}.digital-page:is(.page-menu,.page-brochure).list-17 .digital-item h3{font-size:16px;font-weight:400}.digital-page:is(.page-menu,.page-brochure).list-17 .digital-item>strong{color:var(--page-text);font-weight:400}
.digital-page:is(.page-menu,.page-brochure).list-18 .digital-item{padding:22px;margin:12px 0 22px;background:var(--page-bg);border:1px solid color-mix(in srgb,var(--page-text) 25%,transparent);border-radius:10px;box-shadow:5px 6px 0 color-mix(in srgb,var(--page-accent) 35%,var(--page-bg))}
.digital-page:is(.page-menu,.page-brochure).list-19 .digital-item{padding:20px 14px;margin:10px 0;background:var(--page-text);color:var(--page-bg);border:0}.digital-page:is(.page-menu,.page-brochure).list-19 .digital-item>strong{color:var(--page-bg)}
/* Every button option defines a complete finish, while the card layout controls arrangement. */
.digital-page[class*="button-"] :is(.digital-primary,.digital-links a){border-radius:10px;border:1px solid transparent;background:var(--page-accent);color:var(--page-bg);box-shadow:none;text-transform:none;letter-spacing:normal;min-height:48px;padding:15px 18px;font-size:14px;font-weight:650;text-decoration:none}
.digital-page.button-1 :is(.digital-primary,.digital-links a){border-radius:999px}
.digital-page.button-2 :is(.digital-primary,.digital-links a){border-radius:0}
.digital-page.button-3 :is(.digital-primary,.digital-links a){background:transparent;border:2px solid var(--page-accent);color:var(--page-text);border-radius:10px}
.digital-page.button-4 :is(.digital-primary,.digital-links a){background:color-mix(in srgb,var(--page-accent) 15%,var(--page-bg));color:var(--page-text);border-radius:18px}
.digital-page.button-5 :is(.digital-primary,.digital-links a){border:0;border-bottom:2px solid var(--page-accent);border-radius:0;background:transparent;color:var(--page-text);padding-inline:0}
.digital-page.button-6 :is(.digital-primary,.digital-links a){border-radius:18px 0 18px 0;letter-spacing:.06em;padding:18px 24px}
.digital-page.button-7 :is(.digital-primary,.digital-links a){border-radius:7px;min-height:40px;padding:9px 12px;font-size:12px}
.digital-page.button-8 :is(.digital-primary,.digital-links a){border:2px solid var(--page-text);border-radius:8px;box-shadow:4px 5px 0 var(--page-text);margin-bottom:6px}
.digital-page.button-9 :is(.digital-primary,.digital-links a){background:color-mix(in srgb,var(--page-text) 8%,var(--page-bg));color:var(--page-text);box-shadow:inset 3px 4px 8px #0004,inset -2px -2px 5px #ffffff20;border-radius:14px}
.digital-page.button-10 :is(.digital-primary,.digital-links a){background:transparent;color:var(--page-text);border:3px solid var(--page-text);border-radius:0;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.digital-page.button-11 :is(.digital-primary,.digital-links a){background:transparent;color:var(--page-text);border:4px double var(--page-accent);border-radius:4px}
.digital-page.button-12 :is(.digital-primary,.digital-links a){background:color-mix(in srgb,var(--page-text) 6%,var(--page-bg));color:var(--page-text);border:0;border-left:6px solid var(--page-accent);border-radius:0}
.digital-page.button-13 :is(.digital-primary,.digital-links a){background:transparent;color:var(--page-text);border:0;padding:10px 0;border-radius:0;text-decoration:underline;text-underline-offset:5px}
.digital-page.button-14 :is(.digital-primary,.digital-links a){border-radius:32px 8px 32px 8px;min-height:68px;padding:22px;font-size:17px}
.digital-page.button-15 :is(.digital-primary,.digital-links a){border:2px dashed var(--page-accent);background:transparent;color:var(--page-text);border-radius:12px}
.digital-page.button-16 :is(.digital-primary,.digital-links a){background:linear-gradient(120deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 50%,var(--page-text)));color:var(--page-bg);border-radius:999px;box-shadow:0 5px 18px color-mix(in srgb,var(--page-accent) 25%,transparent)}
.digital-page.button-17 :is(.digital-primary,.digital-links a){border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding-inline:22px}
.digital-page.button-18 :is(.digital-primary,.digital-links a){border:2px solid var(--page-accent);border-radius:999px;background:transparent;color:var(--page-text)}
.digital-page.button-19 :is(.digital-primary,.digital-links a){background:var(--page-text);color:var(--page-bg);border-radius:5px}
.digital-page .action-icon{color:currentColor}
/* Icons have distinct silhouettes, not just different colors. */
.digital-page.icon-0 .action-icon{width:32px;height:32px;flex-basis:32px}.digital-page.icon-0 .action-icon .ui-icon{stroke-width:1.4}
.digital-page.icon-1 .action-icon .ui-icon{width:29px;height:29px;stroke-width:3}
.digital-page.icon-3 .action-icon{border-radius:50%;background:var(--page-text);color:var(--page-bg);border:0}
.digital-page.icon-4 .action-icon{border:2px solid currentColor;border-radius:8px;background:transparent}
.digital-page.icon-5 .action-icon{background:var(--page-bg);color:var(--page-text);border:1px solid var(--page-text);border-radius:6px;box-shadow:3px 3px 0 var(--page-text)}
.digital-page.icon-6 .action-icon{background:var(--page-text);color:var(--page-bg);border-radius:0;border:0;box-shadow:none}
.digital-page.icon-7 .action-icon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:0;border-radius:0;background:var(--page-text);color:var(--page-bg);width:38px;height:38px;flex-basis:38px}
.digital-page.icon-8 .action-icon{border-radius:4px;transform:rotate(45deg);border:1px solid currentColor;background:transparent;width:30px;height:30px;flex-basis:30px;margin:4px}.digital-page.icon-8 .action-icon .ui-icon{transform:rotate(-45deg);width:20px;height:20px}
.digital-page.icon-9 .action-icon{background:var(--page-bg);color:var(--page-text);border-radius:50%;box-shadow:inset 3px 3px 7px #0005,inset -2px -2px 5px #ffffff40}
.digital-page.icon-10 .action-icon{border-radius:10px;border:1px solid currentColor;background:linear-gradient(135deg,#ffffff65,#ffffff08);box-shadow:0 4px 8px #0003;backdrop-filter:blur(8px)}
.digital-page.icon-11 .action-icon{background:linear-gradient(135deg,var(--page-accent),var(--page-text));color:var(--page-bg);border-radius:50% 50% 50% 3px;box-shadow:0 4px 9px #0003}
/* Samples use the same renderer, focused on the setting being chosen. */
.sample-list .catalog-heading,.sample-list .category-tabs,.sample-button .catalog-heading,.sample-button .category-tabs{display:none}
.sample-list:has(.page-brochure) .digital-body>.action-group,.sample-list:has(.page-menu) .digital-body>.action-group{display:none}
.sample-button .digital-body,.sample-icon .digital-body{padding-top:10px}
.crop-dialog .actions{position:sticky;bottom:-18px;background:var(--surface);padding:12px 0 max(12px,env(safe-area-inset-bottom));z-index:2;border-top:1px solid var(--line)}
.crop-dialog [data-crop-status]{font-size:13px;line-height:1.5;min-height:20px}
#photo-status{margin-bottom:18px;overflow-wrap:anywhere}
.design-render:is(.sample-button,.sample-icon) .digital-page :is(.digital-items,.catalog-heading,.category-tabs,.digital-filter){display:none}
.design-render:is(.sample-list,.sample-button,.sample-icon) .digital-page footer{display:none}
.design-render.sample-icon .digital-page .action-group h2,.design-render.sample-icon .digital-page .digital-primary{display:none}
.design-render.sample-icon .digital-page .digital-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.design-render.sample-icon .digital-page .digital-links a{padding:12px 0;display:grid;place-items:center;background:transparent!important;color:var(--page-text)!important;border:0!important;box-shadow:none!important;clip-path:none!important;min-height:84px}
.design-render.sample-icon .digital-page .action-label{font-size:0;gap:0}.design-render.sample-icon .digital-page .digital-links a>span:last-child{display:none}
.design-render.sample-icon .digital-page .action-icon{width:64px;height:64px;flex-basis:64px}.design-render.sample-icon .digital-page .action-icon .ui-icon{width:36px;height:36px}
.design-render.sample-icon .digital-page .digital-body{padding:20px}.design-render.sample-icon{height:auto;aspect-ratio:1.2}
.design-render.sample-icon .digital-page .digital-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px}
.design-render.sample-icon .digital-page :is(.action-group,.digital-links){display:contents}

/* Keep text entry readable on iOS without disabling user-controlled zoom. */
@media(max-width:760px),(pointer:coarse){
 body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
 body textarea,body select,body [contenteditable=true]{font-size:16px!important}
}
/* The countdown continues running while the keyboard temporarily hides its UI. */
body.has-demo-footer.input-keyboard-open .demo-bar{display:none!important}
body.input-keyboard-open .builder-page .builder-footer{position:static!important}
body.input-keyboard-open :is(input,textarea,[contenteditable=true]){scroll-margin-block:16px}
body.input-keyboard-open #app{scroll-padding-top:var(--input-top-clearance,16px);scroll-padding-bottom:16px}

.design-render.sample-icon .digital-page .digital-links a:has(.brand-icon){order:-1}

.cart-summary-panel .line-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:start}
.cart-summary-panel .line-item>img{width:48px;height:48px;object-fit:contain}
.cart-summary-panel .line-item>.grow{min-width:0;grid-column:2 / -1}
.cart-summary-panel .line-item>strong{grid-column:3;align-self:center;white-space:nowrap}
.cart-summary-panel .cart-quantity{grid-column:2;display:inline-flex;align-items:center;justify-self:start;border:1px solid #355365;border-radius:10px;overflow:hidden;background:#081725}
.cart-quantity button{width:40px;min-height:44px;padding:0;border:0;border-radius:0;background:#123142;color:#6ce9df;font-size:22px;flex:none}
.cart-quantity button:disabled{opacity:.35;cursor:not-allowed}
.cart-quantity input{width:52px;min-width:0;min-height:44px;padding:6px 2px;border:0;border-radius:0;background:transparent;text-align:center;font-size:16px;appearance:textfield;-moz-appearance:textfield}
.cart-quantity input::-webkit-inner-spin-button,.cart-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#cart-quantity-status{font-size:13px;line-height:1.5;color:#a7d9dc;min-height:20px}
@media(max-width:360px){.cart-summary-panel .line-item{grid-template-columns:36px minmax(0,1fr);gap:10px}.cart-summary-panel .line-item>img{width:36px;height:36px}.cart-summary-panel .line-item>strong{grid-column:2;justify-self:start}}

/* A single navigation menu on mobile and desktop. */
.site-header .mobile-menu{display:grid;place-items:center;margin-left:auto;width:46px;height:46px;flex:none;padding:0;border:1px solid #294453;border-radius:12px;background:#102637;color:#dceef7}
.site-header .mobile-menu:hover{background:#17394a;border-color:#4bb5ba}
body.navigation-open{overflow:hidden}
#modal:has(.navigation-menu){width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:24px;border:1px solid #2b4759;border-radius:22px;background:#091d2c;overscroll-behavior:contain}
#modal:has(.navigation-menu)::backdrop{background:#020a14b8;backdrop-filter:blur(5px)}
#modal:has(.navigation-menu) .dialog-close{top:18px;right:18px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #2b4759;border-radius:50%;background:#102b3c;color:#e2f3fa}
.navigation-heading{padding:0 42px 18px 2px;border-bottom:1px solid #253d4b;margin-bottom:12px}
.navigation-heading .eyebrow{margin-bottom:7px;font-size:10px}.navigation-heading h2{margin:0 0 12px;font-size:28px}.navigation-heading p{color:#d5e6ef;margin:0;font-size:15px;overflow-wrap:anywhere}.navigation-heading small{display:block;margin-top:3px;font-size:12px;color:#90aaba;text-transform:capitalize}
.navigation-menu nav{display:grid;gap:4px}.navigation-menu nav a{display:flex;align-items:center;gap:14px;padding:12px;min-height:48px;border-radius:11px;color:#b7cbd7;font-size:15px;font-weight:550;border:1px solid transparent}
.navigation-menu .ui-icon{width:21px;height:21px;flex:none}.navigation-menu nav a>span:not(.navigation-arrow){flex:1}.navigation-arrow{font-size:22px;color:#6c93a6;line-height:1}
.navigation-menu nav a:hover{background:#123144;color:#eef9ff}.navigation-menu nav a[aria-current=page]{background:#133b46;color:#69e5dd;border-color:#28616a}.navigation-menu nav a[aria-current=page] .navigation-arrow{color:#69e5dd}
.navigation-menu .navigation-extras{border-top:1px solid #253d4b;margin-top:12px;padding-top:12px}.navigation-extras a{font-size:14px}
.navigation-signout{display:flex;align-items:center;gap:14px;width:100%;margin-top:18px;min-height:48px;padding:12px;border:1px solid #62404b;border-radius:11px;background:#2c202e;color:#ffacb4;font-weight:650}.navigation-signout:hover{background:#3b2636}
.navigation-error:empty{display:none}.navigation-error{font-size:13px;color:#ffacb4;margin:12px 0 0}.navigation-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.navigation-auth .button{font-size:13px;padding:12px 10px}
@media(max-width:380px){#modal:has(.navigation-menu){padding:20px}.navigation-menu nav a{padding:10px;min-height:46px}}

.admin-account-search{max-width:440px}.admin-account-details{align-self:start}.admin-account-details dd{overflow-wrap:anywhere}.account-credit-balance{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:22px;border:1px solid #2b5e67;background:#10343d;border-radius:14px;margin:24px 0 18px}.account-credit-balance small{flex-basis:100%;font-size:10px;letter-spacing:.13em;color:#8ac5c8}.account-credit-balance strong{font-size:40px;line-height:1.2;color:#78eade;overflow-wrap:anywhere;max-width:100%}.account-credit-balance span{color:#acd4d8}.account-history{margin-top:24px}.account-history td:last-child{min-width:220px}.account-history td small{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:5px}
@media(max-width:620px){.admin-account-details .detail-list{grid-template-columns:1fr}.account-history .table-wrap{overflow:visible}.account-history table,.account-history tbody,.account-history tr,.account-history td{display:block;width:auto;min-width:0}.account-history thead{display:none}.account-history tr{padding:15px 0;border-bottom:1px solid #253d4b}.account-history tr:last-child{border-bottom:0}.account-history td{padding:3px 0;border:0;white-space:normal}.account-history td:first-child,.account-history td:nth-child(2){font-size:12px;color:#91adbd}.account-history td:last-child{min-width:0;padding-top:8px}.account-history td small{font-size:13px;line-height:1.6}}

/* All product families remain visible together in the hero. */
.hero-lineup{min-width:0;width:100%;padding:20px;border:1px solid #234150;border-radius:26px;background:radial-gradient(ellipse at 85% 0%,#154e565e,transparent 60%),#091c2a;box-shadow:0 24px 60px #010b1433;margin:8px 0 32px}
.lineup-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:1px 2px 17px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#7adcd5}.lineup-heading .lineup-hint{font-size:10px;letter-spacing:0;font-weight:500;color:#9cb9c8;white-space:nowrap}
.lineup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lineup-product{display:flex;flex-direction:column;min-width:0;position:relative;background:linear-gradient(155deg,#163445,#0c2231);border:1px solid #294857;border-radius:17px;padding:12px;transition:background .2s,border-color .2s,transform .2s}
.lineup-product:hover,.lineup-product:focus-visible{background:linear-gradient(155deg,#1a4857,#102d3b);border-color:#5ddbd0;transform:translateY(-3px)}
.lineup-images{height:105px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 10px;isolation:isolate}
.lineup-images img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #0005);transition:transform .2s}
.lineup-single .lineup-images img{width:102px}
.lineup-cards .lineup-images img{position:absolute;width:76%;height:83px;max-width:160px}
.lineup-cards .lineup-images img:first-child{transform:translate(-13%,-11%) rotate(-13deg)}.lineup-cards .lineup-images img:last-child{transform:translate(10%,18%) rotate(7deg)}
.lineup-social .lineup-images img{position:absolute;width:49%;height:88px}.lineup-social .lineup-images img:first-child{transform:translate(-52%,-7%) rotate(-12deg)}.lineup-social .lineup-images img:nth-child(2){transform:translate(52%,-7%) rotate(12deg)}.lineup-social .lineup-images img:last-child{transform:translateY(12%);z-index:1}
.lineup-keychains .lineup-images{overflow:clip}.lineup-keychains .lineup-images img{position:absolute;width:90%;height:90px;left:20%;top:0;transform:translateX(-50%) rotate(-10deg)}.lineup-keychains .lineup-images img:nth-child(2){left:35%;top:8px;transform:translateX(-50%) rotate(-5deg)}.lineup-keychains .lineup-images img:nth-child(3){left:50%;top:16px;transform:translateX(-50%);z-index:2}.lineup-keychains .lineup-images img:nth-child(4){left:65%;top:8px;transform:translateX(-50%) rotate(5deg);z-index:1}.lineup-keychains .lineup-images img:nth-child(5){left:80%;transform:translateX(-50%) rotate(10deg)}
.lineup-label{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:auto}.lineup-label>div{min-width:0}.lineup-label strong{display:block;font:700 14px/1.25 Manrope,sans-serif;letter-spacing:-.03em;color:#ecf7fb}.lineup-label div>span{display:block;font-size:9px;line-height:1.45;color:#91afbe;margin-top:4px}.lineup-arrow{display:grid;place-items:center;width:23px;height:23px;flex:none;border:1px solid #3c6470;border-radius:50%;color:#65ded5;font-size:13px}
@media(min-width:761px) and (max-width:1000px){.hero{gap:24px;grid-template-columns:.85fr 1.15fr}.hero-lineup{padding:14px}.lineup-grid{gap:9px}.lineup-product{padding:10px}.lineup-label strong{font-size:12px}.lineup-heading{font-size:8px}.lineup-heading .lineup-hint{font-size:9px}}
@media(max-width:760px){.hero-lineup{width:100%;max-width:500px;margin:0 0 20px;padding:14px;border-radius:21px}.lineup-grid{gap:10px}.lineup-product{padding:11px;border-radius:14px}.lineup-images{height:103px}.lineup-label strong{font-size:13px}.lineup-label div>span{font-size:9px}.lineup-heading{font-size:8px;padding-bottom:14px}.lineup-heading .lineup-hint{font-size:9px}}
@media(max-width:360px){.hero-lineup{padding:10px}.lineup-grid{gap:8px}.lineup-product{padding:9px}.lineup-images{height:88px}.lineup-single .lineup-images img{width:85px}.lineup-label strong{font-size:11px}.lineup-label div>span{font-size:8px}.lineup-arrow{width:19px;height:19px;font-size:11px}.lineup-cards .lineup-images img{height:68px}.lineup-social .lineup-images img{height:73px}.lineup-keychains .lineup-images img{height:74px}}
@media(prefers-reduced-motion:reduce){.lineup-product,.lineup-images img{transition:none}.lineup-product:hover,.lineup-product:focus-visible{transform:none}}