:root{--font-display:"Sora", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--bg:#e9ebf3;--surface:#fff;--surface-2:#f5f6fa;--surface-3:#eef0f6;--ink:#14161f;--muted:#646b7d;--faint:#9aa0b2;--line:#e6e8f0;--line-strong:#d6d9e4;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#edeffe;--accent-ring:#4f46e52e;--danger:#d92d20;--success:#0f8a5f;--success-soft:#e7f6ef;--webflow:#146ef5;--radius-s:8px;--radius-m:12px;--radius-l:16px;--shadow-card:0 1px 2px #14161f0d, 0 6px 20px #14161f0f;--shadow-pop:0 8px 16px #14161f1a, 0 24px 48px #14161f24}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,figure{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--muted)}.page{background:radial-gradient(60% 50% at 15% 0%, #6366f124, transparent 60%), radial-gradient(55% 45% at 90% 100%, #146ef51a, transparent 60%), var(--bg);justify-content:center;align-items:stretch;min-height:100dvh;display:flex}.shell{background:var(--surface);flex-direction:column;width:min(432px,100%);height:100dvh;display:flex;overflow:hidden}@media (width>=520px){.page{align-items:center;padding:28px 16px}.shell{border:1px solid #14161f14;border-radius:28px;height:min(902px,100dvh - 56px);box-shadow:0 24px 64px #14161f2e}}.shell-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.shell-main{flex-direction:column;flex:1 0 auto;display:flex}@media (prefers-reduced-motion:no-preference){.shell-main{animation:.28s cubic-bezier(.2,.7,.3,1) rise}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screen{flex-direction:column;flex:1;align-items:stretch;padding:18px 20px 26px;display:flex}.shell-foot{border-top:1px solid var(--line);color:var(--faint);flex-direction:column;padding:16px 20px 20px;font-size:12px;line-height:1.6;display:flex}.app-header{z-index:30;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 14px 20px;display:flex;position:relative}.brand{border-radius:10px;align-items:center;gap:10px;display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:700}.header-spacer{width:38px}.icon-btn{width:38px;height:38px;color:var(--ink);border-radius:11px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-3)}.icon-btn--ring{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;flex:none;width:34px;height:34px}.icon-btn--ring:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.menu-wrap{position:relative}.popover-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.menu-panel{z-index:50;background:var(--surface);border:1px solid var(--line);min-width:208px;box-shadow:var(--shadow-pop);border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.menu-item{text-align:left;border-radius:9px;padding:11px 12px;font-size:14px;font-weight:500;transition:background .12s}.menu-item:hover{background:var(--surface-2);color:var(--accent-strong)}.btn{border-radius:var(--radius-m);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s,transform 60ms,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #4f46e552}.btn--primary:hover{background:var(--accent-strong)}.btn--outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.btn--ghost{background:var(--surface-3);color:var(--ink)}.btn--ghost:hover{background:#e6e8f2}.btn--block{width:100%}.btn--lg{border-radius:14px;padding:15px 20px;font-size:16px}.gallery__head h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px;font-weight:800}.gallery__head p{margin-top:4px;font-size:13.5px}.gallery__controls{gap:10px;margin-top:16px;display:flex}.search-field{flex:1;min-width:0;position:relative}.search-field__icon{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface-2);width:100%;padding:11px 36px 11px 38px;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.search-field input::placeholder{color:var(--faint)}.search-field input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.search-field input::-webkit-search-cancel-button{display:none}.search-field__clear{width:24px;height:24px;color:var(--muted);background:var(--surface-3);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filters-wrap{flex:none;position:relative}.filters-btn{padding:11px 14px;font-size:14px}.filters-btn--active{color:var(--accent-strong);background:var(--accent-soft)}.filters-panel{z-index:50;background:var(--surface);border:1px solid var(--line);width:224px;box-shadow:var(--shadow-pop);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.filters-panel__title{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:6px 10px 8px;font-size:11px;font-weight:700}.filters-panel__option{border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;font-weight:500;transition:background .12s;display:flex}.filters-panel__option:hover{background:var(--surface-2)}.filters-panel__option.is-selected{color:var(--accent-strong);background:var(--accent-soft)}.chip-row{scrollbar-width:none;gap:8px;margin-top:12px;padding:2px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:999px;flex:none;padding:8px 15px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip--active{background:var(--ink);border-color:var(--ink);color:#fff}.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.template-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.template-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 10px 28px #14161f1f}.template-card__media{aspect-ratio:4/3;background:var(--surface-3);overflow:hidden}.template-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.template-card:hover .template-card__media img{transform:scale(1.04)}.template-card__body{flex-direction:column;gap:7px;padding:11px 12px 13px;display:flex}.template-card__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:14.5px;font-weight:700}.template-card__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-card__price{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;align-items:center;padding:3.5px 8px;font-size:10.5px;font-weight:700;line-height:1.3;display:inline-flex}.badge--framer{background:var(--ink);color:#fff}.badge--webflow{background:var(--webflow);color:#fff}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-l);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:26px;padding:34px 20px;display:flex}.empty-state__title{font-size:15px;font-weight:600}.empty-state .btn{margin-top:10px}.gallery>.btn--block{margin-top:18px}.back-link{color:var(--muted);border-radius:8px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:14px;font-size:13.5px;font-weight:600;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent-strong)}.screen h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:15.5px;font-weight:700}.media-gallery__hero{aspect-ratio:16/10.5;border-radius:var(--radius-l);background:var(--surface-3);position:relative;overflow:hidden}.media-gallery__hero img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.media-gallery__hero img{animation:.3s fade}}@keyframes fade{0%{opacity:0}to{opacity:1}}.media-gallery__count{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e10189e;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:10px}.media-gallery__strip{align-items:center;gap:10px;margin-top:10px;display:flex}.media-gallery__thumbs{scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:3px;display:flex;overflow-x:auto}.media-gallery__thumbs::-webkit-scrollbar{display:none}.thumb{opacity:.62;outline-offset:1px;border-radius:9px;outline:2px solid #0000;flex:none;width:56px;height:42px;transition:opacity .15s,outline-color .15s;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb:hover{opacity:1}.thumb--active{opacity:1;outline-color:var(--accent)}.details__title-row{align-items:center;gap:10px;margin-top:18px;display:flex}.details__title-row h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:23px;font-weight:800}.details__tagline{color:var(--ink);margin-top:7px;font-size:14.5px;font-weight:500}.details__description{margin-top:7px;font-size:13.5px;line-height:1.65}.details__columns{grid-template-columns:1.35fr .85fr;gap:18px;margin-top:22px;display:grid}.feature-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.feature-list li{color:var(--ink);align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.feature-list__tick{background:var(--accent-soft);width:19px;height:19px;color:var(--accent-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.compat-list{flex-direction:column;gap:11px;margin-top:12px;display:flex}.compat-list li{align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.compat-list li.is-no{color:var(--faint)}.compat-box{border:1.5px solid var(--line-strong);background:var(--surface);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.compat-box--checked{background:var(--accent);border-color:var(--accent)}.details__license{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-2);margin-top:22px;padding:16px}.details__license .license-picker{margin-top:12px}.license-picker{flex-direction:column;gap:9px;display:flex}.license-option{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;align-items:center;gap:11px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.license-option:hover{border-color:var(--accent)}.license-option--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.license-option input{opacity:0;pointer-events:none;position:absolute}.radio-dot{border:2px solid var(--line-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;transition:border-color .15s;display:inline-flex}.radio-dot:after{content:"";background:var(--accent);border-radius:999px;width:9px;height:9px;transition:transform .15s;transform:scale(0)}.license-option--active .radio-dot{border-color:var(--accent)}.license-option--active .radio-dot:after{transform:scale(1)}.license-option__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.license-option__label{font-size:14px;font-weight:600}.license-option__blurb{color:var(--muted);font-size:12px}.license-option__price{font-family:var(--font-display);font-size:15px;font-weight:700}.action-bar{z-index:20;background:linear-gradient(to top, var(--surface) 72%, transparent);gap:11px;margin-top:24px;padding:14px 0 6px;display:flex;position:sticky;bottom:0}.action-bar .btn{flex:1}.preview__toolbar{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.segmented{background:var(--surface-3);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.segmented__btn{width:40px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.segmented__btn:hover{color:var(--ink)}.segmented__btn.is-active{background:var(--surface);color:var(--accent-strong);box-shadow:0 1px 3px #14161f24}.width-select{align-items:center;display:inline-flex;position:relative}.width-select select{appearance:none;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:10px;padding:9px 32px 9px 13px;font-size:13px;font-weight:600}.width-select select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.width-select__chevron{color:var(--muted);pointer-events:none;position:absolute;right:10px}.preview__hint{margin-top:12px;font-size:12.5px}.preview__stage{border:1px solid var(--line);border-radius:var(--radius-l);background:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%, transparent 75%, var(--surface-3) 75%), linear-gradient(45deg, var(--surface-3) 25%, transparent 25%, transparent 75%, var(--surface-3) 75%), var(--surface-2);background-position:0 0,9px 9px;background-size:18px 18px;margin-top:10px;padding:10px}.preview__frame{background:#fff;border-radius:10px;transition:height .2s;overflow:hidden;box-shadow:0 2px 10px #14161f1a}.preview__viewport{transform-origin:0 0;background:#fff}.site{font-family:var(--font-body);color:#16181f;background:#fff;container-type:inline-size}.site__nav{justify-content:space-between;align-items:center;gap:16px;padding:22px 40px;display:flex}.site__logo{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.site__logo-mark{color:#fff;letter-spacing:.02em;background:#16181f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:inline-flex}.site__links{color:#6a7080;gap:26px;font-size:14px;display:inline-flex}.site__nav-cta{color:#fff;white-space:nowrap;background:#16181f;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600}.site__hero{align-items:flex-end;min-height:430px;display:flex;position:relative}.site__hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site__hero-scrim{background:linear-gradient(#0a0c141a,#0a0c1440 45%,#0a0c14c7 100%);position:absolute;inset:0}.site__hero-copy{color:#fff;max-width:720px;padding:52px 40px;position:relative}.site__kicker{letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-block}.site__hero-copy h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(30px,5.4cqw,62px);font-weight:800;line-height:1.05}.site__hero-copy p{opacity:.92;max-width:56ch;margin-top:14px;font-size:16.5px;line-height:1.6}.site__btn{color:#16181f;background:#fff;border-radius:999px;margin-top:22px;padding:13px 24px;font-size:14.5px;font-weight:600;display:inline-block}.site__section{padding:58px 40px}.site__section h2,.site__feature h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(22px,3.4cqw,34px);font-weight:800}.site__lead{color:#6a7080;max-width:54ch;margin:12px 0 30px;font-size:15.5px;line-height:1.6}.site__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.site__card img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%}.site__card h3{font-family:var(--font-display);margin:15px 0 6px;font-size:16.5px;font-weight:700}.site__card p{color:#6a7080;font-size:14px;line-height:1.6}.site__feature{padding:0 40px 58px}.site__feature img{aspect-ratio:21/10;object-fit:cover;border-radius:18px;width:100%}.site__feature-copy{padding-top:30px}.site__feature-cols{grid-template-columns:1fr 1fr;gap:26px;margin-top:14px;display:grid}.site__feature-cols p{color:#4a5060;font-size:14.5px;line-height:1.7}.site__footer{color:#6a7080;border-top:1px solid #e8eaf0;justify-content:space-between;align-items:center;gap:12px;padding:26px 40px;font-size:13px;display:flex}@container (width<=719px){.site__nav{padding:16px 20px}.site__nav .site__links{display:none}.site__hero{min-height:350px}.site__hero-copy{padding:30px 20px}.site__section{padding:40px 20px}.site__cards{grid-template-columns:1fr}.site__feature{padding:0 20px 40px}.site__feature-cols{grid-template-columns:1fr;gap:12px}.site__footer{flex-direction:column;align-items:flex-start;padding:22px 20px}}.checkout h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:25px;font-weight:800}.checkout-section{margin-top:22px}.checkout-section h2{align-items:center;gap:9px;margin-bottom:12px;display:flex}.step-num{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.h2-hint{color:var(--faint);font-size:13px;font-weight:600}.order-summary{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-2);padding:14px}.order-summary__item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:13px;display:flex}.order-summary__item img{object-fit:cover;border-radius:9px;flex:none;width:58px;height:46px}.order-summary__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.order-summary__name{align-items:center;gap:7px;font-size:14.5px;font-weight:600;display:flex}.order-summary__text .muted{font-size:12.5px}.order-summary__price{font-family:var(--font-display);font-size:15px;font-weight:700}.summary-line{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:11px;font-size:13.5px;display:flex}.summary-line--total{border-top:1px solid var(--line);color:var(--ink);margin-top:11px;font-size:15.5px;font-weight:700}.summary-line--total span:last-child{font-family:var(--font-display)}.field{flex:1;min-width:0;margin-top:12px}.field label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);width:100%;padding:12px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--faint)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.field input[aria-invalid=true]{border-color:var(--danger)}.field input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #d92d2024}.field__error{color:var(--danger);margin-top:6px;font-size:12px;font-weight:500}.field-row{gap:12px;display:flex}.input-with-icon{position:relative}.input-with-icon svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-with-icon input{padding-left:42px}.checkout form>.btn--block{margin-top:24px}.secure-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:12px;font-weight:500;display:flex}.success__icon{background:var(--success-soft);width:72px;height:72px;color:var(--success);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.success__icon{animation:.4s cubic-bezier(.2,.9,.3,1.4) pop}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.success__icon--sm{flex:none;width:46px;height:46px}.confirmation h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:25px;font-weight:800}.confirm-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-2);margin-top:14px;padding:16px}.confirm-card h2{margin-bottom:3px}.confirm-card .summary-line strong{color:var(--ink);font-weight:600}.confirm-success-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding-bottom:13px;display:flex}.confirm-success-head h2{margin-bottom:4px}.confirm-success-head p{font-size:13px;line-height:1.55}.order-code{font-variant-numeric:tabular-nums;letter-spacing:.02em}.confirm-license-row{justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:13.5px;display:flex}.confirm-license-row strong{color:var(--ink);font-weight:600}.selected-flag{color:var(--success);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.status-chip{background:var(--success-soft);color:var(--success);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.confirm-card .btn--block{margin-top:13px}.text-link{color:var(--accent-strong);text-underline-offset:3px;border-radius:4px;font-size:13.5px;font-weight:600;text-decoration:underline;transition:color .15s}.text-link:hover{color:var(--accent)}.confirm-live-link{text-align:center;margin-top:14px;display:block}.confirm-note{color:var(--success);align-items:center;gap:6px;margin-top:11px;font-size:12.5px;font-weight:500;display:flex}.confirm-receipt{margin-top:4px;font-size:13.5px;line-height:1.55}.confirm-receipt strong{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.confirm-links{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}