:root{--white: #ffffff;--black: #0a0a0a;--gray-100: #f5f5f5;--warm-bg: #f5f2ec;--gray-200: #e5e5e5;--gray-400: #999999;--gray-500: #595959;--gray-600: #333333;--radius: 10px;--radius-sm: 6px;--font: "Karla", system-ui, sans-serif;--font-label: "DM Sans", system-ui, sans-serif;--ease: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:106.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;min-height:100vh;padding:4rem 28px 5.5rem;background:var(--warm-bg);color:var(--black);font-family:var(--font);font-weight:400;line-height:1.5;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;position:relative;z-index:1}#app{width:100%;max-width:980px;margin:auto;display:flex;flex-direction:column;gap:0;position:relative;z-index:1;animation:appEnter .5s cubic-bezier(.22,1,.36,1) both}@keyframes appEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.panels-card{border-radius:32px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo{margin:0;color:var(--black)}.logo__link{display:inline-block;cursor:pointer;pointer-events:auto;transition:opacity .25s var(--ease),transform .25s var(--ease)}.logo__link:hover{opacity:.55;transform:scale(.96)}.logo__link:active{opacity:.4;transform:scale(.92);transition-duration:.1s}.logo__img{display:block;height:clamp(1.75rem,4vw,2.35rem);width:auto;margin-top:-.1rem}.logo__brand{display:block;font-size:clamp(1.65rem,4vw,2.125rem);font-family:"Outfit",var(--font);font-weight:900;letter-spacing:-.045em;line-height:1.1}.tagline{margin:0;font-size:.8125rem;color:var(--gray-600);letter-spacing:.01em}.generator-section{min-height:0}.panels{display:grid;grid-template-columns:1fr 1fr;width:100%;align-items:stretch;min-height:clamp(400px,48vh,520px)}.panel{display:flex;flex-direction:column;min-height:0}.panel-inner{flex:1;padding:1.95rem 1.65rem;display:flex;flex-direction:column}.panel--light{background:var(--white);border-right:1px solid var(--gray-200)}.light-top{flex:1}.panel--light .control-label{font-family:var(--font-label);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-600);margin-bottom:.5rem}.panel--light #url-input,.panel--light .hex-input,.panel--light #shape{width:100%;padding:.5rem 0;font-size:.9375rem;color:var(--black);background:transparent;border:none;border-bottom:1px solid var(--gray-200);outline:none;transition:border-color .2s var(--ease)}.panel--light #url-input::placeholder,.panel--light .hex-input::placeholder{color:var(--gray-600)}.panel--light #url-input:focus,.panel--light .hex-input:focus,.panel--light #shape:focus{border-bottom-color:var(--black)}.panel--light #url-input:disabled,.panel--light .hex-input:disabled,.panel--light #shape:disabled,.panel--light input[type=color]:disabled,.panel--light input[type=range]:disabled{opacity:.5;pointer-events:none}.control-note--paid{margin:.65rem 0 0;padding:.65rem .75rem;font-size:.75rem;line-height:1.45;color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.control-note__heading{margin:0 0 .45rem;font-family:var(--font-label);font-size:.75rem;font-weight:700;letter-spacing:-.02em;color:var(--black)}.control-note__body{margin:0}.control-note--pattern{margin:.5rem 0 0;padding:.65rem .75rem;font-size:.75rem;line-height:1.45;color:#5c4a0a;background:#fef9e8;border-radius:var(--radius-sm);border:1px solid #f5dea3}.control-note--pattern[hidden]{display:none}.segmented__item:has(input:disabled){opacity:.5;pointer-events:none}.segmented{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:.25rem}.shape-row,.shape-row .segmented{width:100%}.shape-radius-below{margin-top:.65rem;width:100%}.shape-radius-below[hidden]{display:none!important}.segmented__item{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:999px;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);color:var(--black);background:var(--white);font-size:.8125rem;font-weight:500}.segmented__item input{position:absolute;opacity:0;pointer-events:none}.segmented__item:has(input:checked){background:var(--black);border-color:var(--black);color:var(--white)}.segmented__item:hover{border-color:var(--gray-600)}.radius-inline{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px;align-items:center;width:100%}.radius-inline #radius{margin:0}.control-block{margin-bottom:1.25rem}.control-block--radius{margin-top:.25rem}.control-block--reset{margin-top:.5rem;overflow:hidden;max-height:0;opacity:0;margin-bottom:0;transition:max-height .3s var(--ease),opacity .25s var(--ease),margin-top .3s var(--ease),margin-bottom .3s var(--ease)}.control-block--reset.visible{max-height:2.5rem;opacity:1;margin-bottom:1rem}.contrast-warning{display:flex;align-items:center;gap:.4rem;margin-bottom:1.15rem;padding:.55rem 1rem;border-radius:999px;background:#fef3cd;border:1px solid #f5dea3;font-size:.8125rem;line-height:1.45;color:#725c0f;text-align:center;opacity:0;max-height:0;overflow:hidden;transform:translateY(4px);transition:opacity .35s var(--ease),max-height .35s var(--ease),transform .35s var(--ease),margin-bottom .35s var(--ease),padding .35s var(--ease);margin-bottom:0;padding-top:0;padding-bottom:0}.contrast-warning.visible{opacity:1;max-height:4rem;transform:translateY(0);margin-bottom:1.15rem;padding-top:.55rem;padding-bottom:.55rem}.contrast-warning__icon{flex-shrink:0;display:inline-flex;align-items:center;color:#b8860b}.contrast-warning__text{flex:1;min-width:0}.reset-btn{font:inherit;font-size:.75rem;font-weight:500;color:var(--gray-600);background:transparent;border:1px solid var(--gray-200);border-radius:999px;padding:.35rem .75rem;cursor:pointer;text-decoration:none;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.reset-btn:hover{color:var(--black);border-color:var(--gray-400);background:#00000005}.color-row{display:flex;align-items:center;gap:.625rem}.hex-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.5rem;flex-shrink:0;background:var(--gray-200);clip-path:url(#hex-clip);-webkit-clip-path:url(#hex-clip);animation:hexSpin .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}@keyframes hexSpin{0%{opacity:0;transform:rotate(-12deg) scale(.85)}to{opacity:1;transform:rotate(0) scale(1)}}.panel--light #fg-color,.panel--light #bg-color{width:calc(100% - 4px);height:calc(100% - 4px);padding:0;border:none;border-radius:0;background:var(--white);cursor:pointer;clip-path:url(#hex-clip);-webkit-clip-path:url(#hex-clip)}.panel--light #fg-color::-webkit-color-swatch-wrapper,.panel--light #bg-color::-webkit-color-swatch-wrapper{padding:0}.panel--light #fg-color::-webkit-color-swatch,.panel--light #bg-color::-webkit-color-swatch{border:none;border-radius:0}.panel--light #fg-color::-moz-color-swatch,.panel--light #bg-color::-moz-color-swatch{border:none;border-radius:0}.panel--light .hex-input{flex:1;min-width:0;font-variant-numeric:tabular-nums}.radius-row{display:flex;align-items:center;gap:.5rem}.panel--light #radius{flex:1;min-width:0;height:6px;accent-color:var(--black)}#radius-value{font-size:.8125rem;color:var(--gray-600);min-width:2.25rem;font-variant-numeric:tabular-nums}.panel--dark{background:var(--black);color:var(--white)}.panel--dark .panel-inner{justify-content:flex-start;align-items:center;text-align:center;flex:1;min-height:0}.preview-block{width:100%;flex:1;display:flex;flex-direction:column}.panel-dark-lower{flex:0 0 auto;width:100%;min-height:9rem;padding-top:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:204px;padding:1.5rem 1.25rem;border-radius:18px;background:linear-gradient(0deg,#ffffff0f,#ffffff0f),repeating-linear-gradient(45deg,#ffffff0f,#ffffff0f 8px,#ffffff05 8px,#ffffff05 16px)}.preview{position:relative;z-index:1;overflow:hidden}.preview svg,.preview canvas{display:block;width:168px;height:168px;max-width:100%}.preview-hint-slot{width:100%;display:flex;justify-content:center;align-items:flex-start}.preview-hint-slot:has(.preview-hint:not(:empty)){min-height:2.75rem;margin-top:.85rem}.preview-hint{margin:0;padding:0 .5rem;max-width:16rem;font-size:.8125rem;line-height:1.45;color:var(--gray-400);text-align:center}.panel--dark .preview-hint{color:var(--gray-400)}.preview-hint:empty{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font:inherit;font-size:.875rem;font-weight:600;border-radius:999px;cursor:pointer;text-decoration:none;border:none;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.btn--primary{background:var(--white);color:var(--black)}.btn--primary:hover{background:var(--gray-200);color:var(--black)}.panel--dark .btn--primary{background:var(--white);color:var(--black)}.panel--dark .btn--primary:hover{background:var(--gray-200)}.btn--outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.35)}.btn--outline:hover{background:#ffffff14;border-color:#ffffff80}.cta-section{position:relative;width:100%;margin-bottom:0}.cta-title{margin:0 0 .45rem;font-size:clamp(1.2rem,2.4vw,1.4rem);font-weight:700;letter-spacing:-.025em;color:var(--white)}.cta-sub{margin:0 0 .85rem;font-size:.8125rem;color:var(--gray-400);line-height:1.45;max-width:320px;margin-left:auto;margin-right:auto}#pay-link{width:100%;max-width:260px;transition:opacity .3s var(--ease),transform .3s var(--ease)}.cta-pricing-pill{margin-top:.25rem;transition:opacity .3s var(--ease),transform .3s var(--ease)}.cta-section.cta-ready .cta-pricing-pill{opacity:0;transform:translateY(-4px);pointer-events:none;position:absolute}.cta-section:not(.cta-ready) #pay-link,.cta-section:not(.cta-ready) .cta-pricing-link{opacity:0;transform:translateY(6px);pointer-events:none;position:absolute}.cta-pricing-link{display:block;margin:.6rem auto 0;font:inherit;font-size:.75rem;font-weight:500;color:var(--gray-500);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color .2s var(--ease),opacity .3s var(--ease),transform .3s var(--ease)}.cta-pricing-link:hover{color:var(--gray-200)}.panel--dark .btn--pay{border-radius:999px;padding:.8rem 1.65rem;font-size:.9375rem;font-weight:700;letter-spacing:.01em;box-shadow:0 1px #ffffff8c inset,0 2px 8px #00000040;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background .25s var(--ease),filter .35s cubic-bezier(.22,1,.36,1)}.panel--dark .btn--pay:hover{background:var(--white);transform:translateY(-3px) scale(1.03);box-shadow:0 1px #ffffffa6 inset,0 6px 20px #ffffff38,0 12px 36px #00000059;filter:brightness(1.04)}.panel--dark .btn--pay:active{transform:translateY(0) scale(1.01);box-shadow:0 1px #fff6 inset,0 2px 10px #0000004d;transition-duration:.12s}.download-section{width:100%;max-width:14rem;margin-bottom:0;align-self:center}.download-section.hidden{display:none!important}.download-section__feedback{margin:0 0 .75rem;font-size:.8125rem;line-height:1.45;color:var(--gray-400);text-align:center;max-width:22rem}.download-section__feedback:empty{display:none}.download-intro{font-size:.8125rem;color:var(--gray-400);margin:0 0 .75rem}.download-buttons{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.download-buttons--row{flex-direction:row;justify-content:center}.download-buttons--row .btn{flex:1;min-width:0}.download-buttons .btn{white-space:nowrap}.download-access-btn{margin-top:.875rem;background:var(--white);color:var(--black);border-color:#fffc;font-size:.8rem;padding:.5rem 1.25rem}.download-access-btn:hover{background:var(--gray-200);border-color:var(--white)}#app.app--download-only .panels{grid-template-columns:1fr;min-height:clamp(380px,52vh,560px)}#app.app--download-only .panel--light,#app.app--download-only .preview-block{display:none!important}#app.app--download-only .panel--dark .panel-inner{flex:1;justify-content:center;align-items:center;min-height:clamp(380px,52vh,560px);padding-top:2.25rem;padding-bottom:2.25rem}#app.app--download-only .panel-dark-lower{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;width:100%;padding-top:0;min-height:unset}#app.app--download-only .download-section{max-width:18rem;width:100%}#app.app--download-only .download-access-btn,#app.app--download-only #open-access-code{display:none!important}.link-button{background:none;border:none;font:inherit;font-size:.8125rem;color:var(--gray-500);cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color .2s var(--ease)}.panel--dark .link-button{color:var(--gray-500)}.panel--dark .link-button:hover{color:var(--white)}.viewport-brand{position:fixed;top:0;left:0;right:0;z-index:200;padding:.75rem 1.5rem 1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(22rem,38vw));align-items:start;column-gap:clamp(.85rem,2.6vw,2.15rem);row-gap:.35rem;pointer-events:none;background:linear-gradient(180deg,#f5f2ecf7,#f5f2ece0 55%,#f5f2ec00)}.viewport-brand .logo{pointer-events:auto;min-width:0}.viewport-tagline{margin:0;padding-top:.08em;min-width:0;justify-self:end;max-width:100%;font-size:clamp(.8rem,1.5vw,1rem);font-weight:400;letter-spacing:-.01em;line-height:1.3;text-align:right;text-wrap:wrap;color:var(--gray-600);pointer-events:auto}.viewport-tagline__line{display:block}.viewport-tagline__line+.viewport-tagline__line{margin-top:.14em}.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:200;margin:0;padding:.65rem 1.25rem calc(.65rem + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem 1rem;pointer-events:none;background:linear-gradient(0deg,#f5f2ecf5,#f5f2ecd9 55%,#f5f2ec00)}.site-footer__pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.4rem;justify-self:start;pointer-events:auto}.nav-pill{font-family:var(--font-label);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--black);background:var(--white);border:1px solid var(--gray-200);border-radius:999px;padding:.4rem .85rem;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease)}.nav-pill:hover{border-color:var(--gray-600);box-shadow:0 2px 8px #0000000f}.nav-pill:focus-visible{outline:2px solid var(--black);outline-offset:3px}.nav-pill--muted{font-weight:500;color:var(--gray-600);background:transparent;border-color:var(--gray-200);box-shadow:none}.nav-pill--muted:hover{color:var(--black);border-color:var(--gray-400);background:#fff9}.site-footer__end{display:flex;align-items:baseline;gap:.5rem;justify-self:end;pointer-events:auto}.site-copyright{margin:0;font-size:.75rem;color:var(--gray-600);letter-spacing:.02em;text-align:right;max-width:min(100%,20rem)}.footer-link{font:inherit;font-size:.75rem;color:var(--gray-500);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;white-space:nowrap;transition:color .2s var(--ease)}.footer-link:hover{color:var(--gray-600)}.modal-sheet{width:100%;max-width:none;height:100%;max-height:100dvh;margin:0;padding:0;border:none;background:transparent;color:var(--black);--modal-ease: cubic-bezier(.22, 1, .36, 1)}.modal-sheet::backdrop{background:#0a0a0a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;animation:modalBackdropIn .45s var(--modal-ease) forwards}.modal-sheet[open]{animation:modalRootIn .01s step-end forwards}.modal-sheet__layout{min-height:100%;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box}.modal-sheet__panel{position:relative;width:100%;max-width:400px;padding:2.5rem 1.75rem 1.75rem;border-radius:20px;background:linear-gradient(165deg,#fff,#fafafa);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 1px #fffc inset,0 24px 56px #00000024,0 4px 16px #0000000f;transform-origin:50% 45%;opacity:0;transform:translateY(22px) scale(.96);filter:blur(4px);animation:modalPanelIn .5s var(--modal-ease) .05s forwards}.modal-sheet__panel--wide{max-width:460px;padding-bottom:1.75rem}.modal-sheet__close{position:absolute;top:1.35rem;right:1.35rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#0000000a;color:var(--black);cursor:pointer;transition:background .3s var(--modal-ease),transform .45s var(--modal-ease)}.modal-sheet__close:before,.modal-sheet__close:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin-left:-7px;margin-top:-1px;background:currentColor;border-radius:1px}.modal-sheet__close:before{transform:rotate(45deg)}.modal-sheet__close:after{transform:rotate(-45deg)}.modal-sheet__close:hover{background:#00000014;transform:rotate(90deg)}.modal-sheet__close:focus-visible{outline:2px solid var(--black);outline-offset:2px}.modal-sheet__title{margin:0 3.25rem 1rem 0;padding-top:.15rem;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.modal-sheet__lede{margin:0 0 1.5rem;font-size:.8125rem;color:var(--gray-600);line-height:1.55}.modal-sheet__subtitle{margin:1.25rem 0 .65rem;font-size:.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--black)}.modal-sheet__prose{margin:0 0 1.1rem;font-size:.875rem;color:var(--gray-600);line-height:1.55}.modal-sheet__prose:last-of-type{margin-bottom:0}.modal-sheet .modal-sheet__prose.modal-sheet__prose--legal{margin-top:.85rem;margin-bottom:0;font-size:.6875rem;line-height:1.45;color:var(--gray-500)}.modal-sheet__code{font-family:ui-monospace,SF Mono,Menlo,Monaco,monospace;font-size:.8125em;font-weight:500;color:var(--black);background:var(--gray-100);padding:.1em .35em;border-radius:4px}.modal-sheet__callout{margin:0 0 1rem;padding:.75rem .85rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius)}.modal-sheet__callout-title{margin:0 0 .4rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-600)}.modal-sheet__callout-title--friendly{font-size:.8125rem;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--black)}.modal-sheet__callout-body{margin:0;font-size:.8125rem;line-height:1.5;color:var(--gray-600)}.modal-sheet__callout-body strong{color:var(--gray-600);font-weight:600}.modal-sheet__input{width:100%;padding:.625rem 0;font:inherit;font-size:.875rem;color:var(--black);background:transparent;border:none;border-bottom:1px solid var(--gray-200);margin-bottom:1.25rem;outline:none;transition:border-color .2s var(--ease)}.modal-sheet__input::placeholder{color:var(--gray-600);opacity:1}.modal-sheet__input:focus{border-bottom-color:var(--black)}.modal-sheet__actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.modal-sheet__actions--center{justify-content:center;margin-top:.5rem}.success-icon{margin-bottom:1rem}.modal-sheet--success .modal-sheet__title{margin-bottom:.35rem}.success-lead{margin:0 0 1.25rem;font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--black)}.success-download-btn{width:100%}.access-code{margin-top:1.25rem;width:100%}.modal-sheet--success .access-code__title{margin:0 3.25rem .5rem 0;padding-top:0}.access-code__row{display:flex;align-items:center;gap:.5rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:.5rem .65rem}.access-code__value{flex:1;min-width:0;max-height:5.5rem;overflow-y:auto;font-size:clamp(.625rem,.5rem + .9vw,.6875rem);line-height:1.3;font-family:ui-monospace,SF Mono,Monaco,monospace;letter-spacing:-.02em;word-break:break-all;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:var(--black)}.access-code__copy{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-500);transition:color .2s var(--ease),background .2s var(--ease)}.access-code__copy:hover{color:var(--black);background:var(--gray-200)}.access-code__check-icon{display:none;align-items:center;justify-content:center}.access-code__copy.copied{color:#16a34a}.access-code__copy.copied .access-code__copy-icon{display:none}.access-code__copy.copied .access-code__check-icon{display:flex}.modal-sheet--success .access-code .access-code__hint.success-lead{margin:0 0 1rem}.access-code__footnote{margin:.75rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--gray-600)}.access-code__footnote strong{font-weight:600;color:var(--gray-600)}.modal-sheet .btn--primary{background:var(--black);color:var(--white)}.modal-sheet .btn--primary:hover{background:#262626}.modal-sheet .btn--outline{color:var(--black);border-color:var(--gray-200)}.modal-sheet .btn--outline:hover{background:var(--gray-100);border-color:var(--gray-400)}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalRootIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalPanelOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(12px) scale(.98);filter:blur(2px)}}.modal-sheet.modal--closing::backdrop{animation:modalBackdropOut .32s var(--modal-ease) forwards}.modal-sheet.modal--closing .modal-sheet__panel{animation:modalPanelOut .32s var(--modal-ease) forwards}@keyframes faqRowReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#faq-dialog[open] .faq-list--modal .faq-item{opacity:0;animation:faqRowReveal .48s var(--modal-ease) forwards}#faq-dialog[open] .faq-list--modal .faq-item:nth-child(1){animation-delay:.12s}#faq-dialog[open] .faq-list--modal .faq-item:nth-child(2){animation-delay:.18s}#faq-dialog[open] .faq-list--modal .faq-item:nth-child(3){animation-delay:.24s}#faq-dialog[open] .faq-list--modal .faq-item:nth-child(4){animation-delay:.3s}#faq-dialog[open] .faq-list--modal .faq-item:nth-child(5){animation-delay:.36s}#faq-dialog[open] .faq-list--modal .faq-item:nth-child(6){animation-delay:.42s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#faq-dialog[open] .faq-list--modal .faq-item{animation:none!important;opacity:1;transform:none}.modal-sheet::backdrop,.modal-sheet[open],.modal-sheet__panel{animation:none!important}.modal-sheet::backdrop{opacity:1}.modal-sheet__panel{opacity:1;transform:none;filter:none}.modal-sheet.modal--closing::backdrop,.modal-sheet.modal--closing .modal-sheet__panel{animation:none!important;opacity:0;transition:opacity .15s ease}.faq-item__a{transition:none}.faq-item__q:after{transition:none}}.faq-list{display:flex;flex-direction:column;gap:0;max-height:min(58vh,420px);overflow-y:auto;padding-right:.25rem;margin-right:-.25rem;scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.faq-item{border-bottom:1px solid var(--gray-200)}.faq-item:last-child{border-bottom:none}.faq-item__q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;font-size:.875rem;font-weight:600;color:var(--black);cursor:pointer;transition:color .25s var(--modal-ease)}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q:after{content:"";flex-shrink:0;width:10px;height:10px;border-right:2px solid var(--gray-400);border-bottom:2px solid var(--gray-400);transform:rotate(45deg) translateY(-2px);transition:transform .4s var(--modal-ease),border-color .25s ease}.faq-item[open] .faq-item__q:after{transform:rotate(225deg) translateY(2px);border-color:var(--black)}.faq-item__q:hover{color:var(--gray-600)}.faq-item__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--modal-ease)}.faq-item[open] .faq-item__a{grid-template-rows:1fr}.faq-item__a>p{margin:0;overflow:hidden;min-height:0;font-size:.8125rem;color:var(--gray-600);line-height:1.55;padding-bottom:.85rem}body.modal-open{overflow:hidden}.hidden{display:none!important}@media(max-width:640px){body{flex-direction:column;align-items:stretch;padding:.75rem 16px 2rem}.viewport-brand{position:static;z-index:auto;display:flex;flex-direction:column;align-items:center;gap:.48rem;margin-bottom:1.35rem;padding:.35rem 0 .15rem;pointer-events:auto;background:none}.viewport-brand .logo{width:100%;text-align:center}.logo__img{height:clamp(2.05rem,12vw,2.75rem);width:auto;margin-left:auto;margin-right:auto}.viewport-tagline{justify-self:center;max-width:22rem;margin:0 auto;padding-top:0;text-align:center;text-wrap:wrap;font-size:clamp(.92rem,3.8vw,1.08rem);line-height:1.4;font-weight:500;letter-spacing:-.02em}#app{flex:1 1 auto;width:100%;margin:0 auto}.site-footer{position:static;z-index:auto;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.75rem;padding:1.25rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));pointer-events:auto;background:none;border-top:1px solid rgba(0,0,0,.06)}.site-footer__pills{justify-content:center;justify-self:center;width:100%;flex-wrap:wrap}.site-footer__end{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .85rem;justify-self:center;width:100%}.site-copyright{max-width:none;text-align:center;font-size:.75rem}.footer-link{white-space:nowrap}.panels{grid-template-columns:1fr;min-height:0}.panel--light{border-right:none;border-bottom:1px solid var(--gray-200)}.panel--dark .panel-inner{padding-top:1.5rem;padding-bottom:1.5rem}.preview-wrap{min-height:172px}.panel-dark-lower{min-height:8rem;padding:1.5rem 0 .25rem}#app.app--download-only .panels{min-height:clamp(300px,44vh,520px)}#app.app--download-only .panel--dark .panel-inner{min-height:clamp(300px,44vh,520px);padding-top:2rem;padding-bottom:2rem}}