/* Brand-linked iconography and gentle, responsive interactions. */
.btn-primary{background:linear-gradient(112deg,#4c5fe0,#7041de);border-color:transparent}.quick-intro h1 span{background:linear-gradient(110deg,#3f6ee9,#7734de);background-clip:text;-webkit-background-clip:text;color:transparent}
.type-section-label{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:11px;margin:0 0 14px}.type-extra{margin-top:20px;border-top:1px solid var(--line)}.type-extra summary{display:flex;align-items:center;gap:9px;padding:19px 0;cursor:pointer;color:var(--ink);font-size:12px;list-style:none}.type-extra summary::-webkit-details-marker{display:none}.type-extra summary>span{margin-left:auto;font-size:10px;color:var(--soft);display:flex;align-items:center;gap:8px}.type-extra[open] summary>span .app-icon{transform:rotate(180deg)}
:root{--ease-comfort:cubic-bezier(.22,1,.36,1);--brand-blue:#008bff;--brand-violet:#7536f5}
.app-icon{flex-shrink:0;vertical-align:middle;overflow:visible;stroke:none}.logo{gap:0;letter-spacing:normal}.brand-logo{display:block;width:174px;height:auto;aspect-ratio:4.65;object-fit:contain}.lp-nav .brand-logo{width:180px}.sidebar .brand-logo{width:170px}.auth-aside .brand-logo{width:206px}.lp-footer .brand-logo{width:166px}.dark .brand-logo,.auth-aside .brand-logo{background:#fff;border-radius:10px;padding:9px 12px;box-sizing:content-box}
.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.type-option{position:relative;justify-content:flex-start;align-items:flex-start;gap:13px;min-height:139px;padding:19px 16px;border-radius:16px;text-align:left;transition:background-color 280ms var(--ease-comfort),border-color 280ms var(--ease-comfort),box-shadow 320ms var(--ease-comfort),transform 320ms var(--ease-comfort)}.type-icon{width:45px;height:45px;border-radius:13px;background:var(--type-wash,#f0ebff);color:var(--type-color,#7046db);box-shadow:inset 0 0 0 1px #ffffff70}.type-icon .app-icon{width:29px;height:29px}.type-copy{display:block;min-width:0}.type-copy b{font-size:13px;font-weight:700;color:var(--ink);display:block}.type-copy small{display:block;font-size:10px;line-height:1.6;color:var(--soft);margin-top:5px;font-weight:400}.type-option.selected{background:var(--white);border-color:#9972ef;box-shadow:0 0 0 3px #8954e514,0 6px 18px #6d44bf08}.type-selected{position:absolute;right:11px;top:11px;width:19px;height:19px;display:grid;place-items:center;background:var(--purple);border-radius:50%;color:#fff;opacity:0;transform:scale(.65);transition:opacity 240ms ease,transform 340ms var(--ease-comfort)}.type-option.selected .type-selected{opacity:1;transform:scale(1)}
[data-type="whatsapp"],[data-kind="whatsapp"],[data-type="wifi"],[data-kind="wifi"],[data-type="pix"]{--type-color:#13946f;--type-wash:#eaf8f1}[data-type="pdf"],[data-kind="pdf"],[data-type="instagram"],[data-type="reviews"]{--type-color:#dc4478;--type-wash:#fff0f5}[data-type="image"],[data-kind="image"],[data-type="maps"],[data-type="location"],[data-type="linkedin"],[data-type="facebook"]{--type-color:#147ec4;--type-wash:#eaf5ff}[data-type="menu"],[data-type="event"],[data-type="phone"]{--type-color:#b97b12;--type-wash:#fff6e6}[data-type="youtube"],[data-type="video"]{--type-color:#d75353;--type-wash:#fff0ef}
.quick-wrap{background:linear-gradient(130deg,#e8f3ff,#eee7ff 65%,#f3eaff);padding:12px}.quick-wrap #quick-panel{border-color:#e5e3f0;box-shadow:0 12px 40px #37296807}.quick-workspace{min-height:430px}.quick-workspace.choosing-type{min-height:430px}.quick-types{gap:12px}.quick-types button{padding:15px 13px;min-height:80px;border-radius:14px;gap:13px;transition:background-color 280ms var(--ease-comfort),border-color 280ms var(--ease-comfort),box-shadow 320ms var(--ease-comfort),transform 320ms var(--ease-comfort)}.quick-type-icon{width:42px;height:42px;border-radius:12px;background:var(--type-wash,#f0ebff)!important;color:var(--type-color,#7046db)!important}.quick-type-icon .app-icon{width:27px;height:27px}.quick-types button.selected{border-color:#ac8fe9;background:#fbf9ff;box-shadow:0 0 0 3px #8659d70a}.quick-types b{font-size:13px}.quick-types small{font-size:10px;line-height:1.55}.quick-types em{top:9px;right:10px}.quick-steps button span{transition:background-color 300ms ease,color 300ms ease,border-color 300ms ease}.quick-stage-heading h2{font-size:19px}.quick-stage-heading p{font-size:12px}
.btn,.design-pick,.workspace-choice,.nav-item,.quick-back{transition:background-color 240ms var(--ease-comfort),border-color 240ms var(--ease-comfort),color 240ms ease,box-shadow 300ms var(--ease-comfort),transform 300ms var(--ease-comfort)}.design-pick-glyph{background:var(--purple-light);border-radius:11px;padding:9px;min-width:44px;min-height:44px;display:grid;place-items:center}.design-pick.active .design-pick-glyph{background:#e6dbff}.design-pick{border-radius:12px}.step-pill{transition:background-color 400ms ease;box-shadow:0 1px 2px #7453c50a}.step-pill.done{background:linear-gradient(90deg,#378cff,#8a42ed)}
#quick-preview-art{position:relative;transition:border-color 300ms ease,box-shadow 300ms ease;background:linear-gradient(135deg,#fafbff,#faf8ff)}#quick-preview-art.updating.ready:after{content:'';position:absolute;bottom:5px;left:28%;width:44%;height:2px;border-radius:5px;background:linear-gradient(90deg,transparent,#9361ec,transparent);animation:preview-progress 1.4s ease-in-out infinite}.quick-status{transition:color 240ms ease;min-height:34px}.quick-placeholder .app-icon{color:#a493c9}.preview-title .app-icon{color:var(--purple)}
@keyframes preview-progress{0%,100%{opacity:.3;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}
@media(hover:hover){.type-option:hover,.quick-types button:hover{transform:translateY(-2px);border-color:#b3a0d8;box-shadow:0 8px 22px #4627780b}.type-option:hover .type-icon,.quick-types button:hover .quick-type-icon{transform:translateY(-1px)}.btn:hover{transform:translateY(-1px)}.type-icon,.quick-type-icon{transition:transform 320ms var(--ease-comfort)}}
.type-option:active,.quick-types button:active,.btn:active{transform:scale(.985)}
.dark .type-icon,.dark .quick-type-icon{background:color-mix(in srgb,var(--type-color,#9168ef) 16%,#202638)!important;color:color-mix(in srgb,var(--type-color,#9168ef) 65%,white)!important;box-shadow:none}.dark .type-option.selected{background:#30293f;border-color:#a47af1}.dark .type-copy small{color:#aab1c8}.dark .design-pick.active .design-pick-glyph{background:#4c3869}
@media(max-width:1200px){.quick-types button{gap:10px;padding:13px 11px}.quick-type-icon{width:38px;height:38px}.type-option{padding:17px 13px}}
@media(max-width:600px){.brand-logo{width:145px}.lp-nav .brand-logo{width:133px}.lp-nav{gap:10px}.lp-nav .inline{gap:7px}.lp-nav .btn{padding:10px 12px;font-size:11px}.auth-mobile-brand .brand-logo{width:154px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.type-option{min-height:135px;padding:16px 13px}.type-icon{width:43px;height:43px}.type-copy b{font-size:13px}.type-copy small{font-size:10px}.quick-wrap{padding:7px}.quick-workspace,.quick-workspace.choosing-type{min-height:0}.quick-types button{min-height:124px;padding:13px 11px;flex-direction:column;align-items:flex-start;gap:10px}.quick-types b{font-size:13px}.quick-types small{font-size:10px;margin-top:4px}.quick-type-icon{width:38px;height:38px}.quick-type-icon .app-icon{width:26px;height:26px}.quick-types em{font-size:7px;top:10px;right:9px}.quick-types button:first-child b{padding-right:0}.quick-stage-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.btn,.type-option,.quick-types button,.type-icon,.quick-type-icon,.type-selected,.quick-steps button span,.design-pick,.workspace-choice,.nav-item,.quick-back,#quick-preview-art,.quick-status,.step-pill{transition:none!important;animation:none!important}#quick-preview-art.updating.ready:after{animation:none}.type-option:hover,.quick-types button:hover,.btn:hover,.type-option:active,.quick-types button:active,.btn:active{transform:none}}