.quikloy-root{--ql-bg:var(--color-page);--ql-bg-2:var(--color-muted-bg);--ql-panel:#fff;--ql-ink:var(--color-ink);--ql-muted:var(--color-muted);--ql-line:var(--color-border);--ql-accent:var(--color-blue);--ql-accent-ink:#fff;--ql-warn:#9a3412;--ql-danger:#b91c1c;--ql-display:var(--font-sans);--ql-body:var(--font-sans);min-height:100vh;color:var(--ql-ink);background:var(--ql-bg);font-family:var(--ql-body)}.quikloy-public{background:var(--color-page);padding-block:2.75rem 4.5rem}.quikloy-public>main>*{width:min(100% - 2.5rem,40rem);margin-inline:auto}.quikloy-shell{width:min(calc(100% - 2.5rem), var(--container));margin-inline:auto}.quikloy-app-header{z-index:30;border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0;box-shadow:0 1px #0f214708}.quikloy-app-header-inner{width:min(calc(100% - 2.5rem), var(--container));align-items:center;gap:1rem;min-height:4.15rem;margin-inline:auto;display:flex}.quikloy-product-label{border-left:1px solid var(--color-border);color:var(--color-navy);letter-spacing:-.02em;margin:0;padding-left:1rem;font-size:.95rem;font-weight:800}.quikloy-app-header .quikloy-nav-links{margin-left:auto}.quikloy-nav{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;display:flex}.quikloy-brand{font-family:var(--ql-display);letter-spacing:-.03em;align-items:baseline;gap:.55rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.quikloy-brand span{color:var(--ql-accent)}.quikloy-nav-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.quikloy-btn{border-radius:var(--radius-button);min-height:3rem;font:inherit;letter-spacing:.01em;cursor:pointer;background:var(--ql-accent);color:#fff;border:0;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.35rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.quikloy-btn:hover{background:var(--color-blue-hover);color:#fff}.quikloy-btn-sm{min-height:2.55rem;padding:.55rem 1.1rem;font-size:.9rem}.quikloy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.quikloy-btn-ghost{color:var(--color-navy);border:1px solid var(--color-border);background:#fff}.quikloy-btn-ghost:hover{background:var(--color-muted-bg);color:var(--color-blue)}.quikloy-hero{align-content:end;gap:1rem;min-height:min(82vh,700px);padding:4.5rem 0 3.5rem;display:grid}.quikloy-hero h1{font-family:var(--ql-display);letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.6rem,7vw,4.8rem);line-height:.98}.quikloy-hero p{max-width:34rem;color:var(--ql-muted);margin:0;font-size:1.08rem}.quikloy-kicker{color:var(--ql-accent);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}.quikloy-panel{border:1px solid var(--ql-line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;padding:1.5rem}.quikloy-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.quikloy-muted{color:var(--ql-muted)}.quikloy-form{gap:1rem;display:grid}.quikloy-form label{gap:.35rem;font-size:.92rem;display:grid}.quikloy-form input,.quikloy-form select,.quikloy-form textarea{border-radius:var(--radius-button);border:1px solid var(--ql-line);width:100%;min-height:2.85rem;color:var(--ql-ink);font:inherit;background:#fff;padding:.7rem .85rem}.quikloy-form input:focus,.quikloy-form select:focus,.quikloy-form textarea:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 4px #1f5eff1f}.quikloy-form label.quikloy-check{align-items:flex-start;gap:.6rem;font-weight:500;display:flex}.quikloy-form label.quikloy-check input[type=checkbox]{width:1.05rem;height:1.05rem;min-height:1.05rem;accent-color:var(--color-blue);margin:.2rem 0 0;padding:0}.quikloy-form textarea{resize:vertical;min-height:110px}.quikloy-check-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.45rem;display:grid}.quikloy-check{color:var(--ql-muted);align-items:center;gap:.45rem;font-size:.9rem;display:flex}.quikloy-status[data-tone=success]{color:var(--ql-accent)}.quikloy-status[data-tone=error]{color:var(--ql-danger)}.quikloy-app-nav{border-bottom:1px solid var(--ql-line);flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 0 1.25rem;display:flex}.quikloy-app-nav a{color:var(--color-ink);font-size:.92rem;font-weight:700;text-decoration:none}.quikloy-app-nav a:hover,.quikloy-app-nav a[data-active=true]{color:var(--color-blue)}.quikloy-editor{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);align-items:start;gap:1rem;display:grid}.quikloy-toolbar{border:1px solid var(--ql-line);background:var(--color-muted-bg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.65rem;padding:.45rem;display:flex}.quikloy-toolbar-group{flex-wrap:wrap;gap:.35rem;display:flex}.quikloy-toolbar-divider{background:var(--ql-line);align-self:stretch;width:1px;margin:0 .2rem}.quikloy-toolbar-spacer{flex:1}.quikloy-tool{border:1px solid var(--ql-line);color:var(--ql-ink);border-radius:var(--radius-button);font:inherit;cursor:pointer;background:0 0;padding:.4rem .75rem;font-size:.82rem;font-weight:650}.quikloy-tool:hover:not(:disabled){border-color:#1f5eff8c}.quikloy-tool[data-active=true]{background:var(--ql-accent);color:var(--ql-accent-ink);border-color:#0000}.quikloy-tool-ai{color:var(--ql-muted)}.quikloy-tool-save{background:#1f5eff1f}.quikloy-tool:disabled{opacity:.45;cursor:not-allowed}.quikloy-preview-frame{border:1px solid var(--ql-line);background:#fff;border-radius:18px;width:100%;min-height:70vh}.quikloy-chat{gap:.75rem;display:grid}.quikloy-handoff{border:1px solid var(--color-border);border-left:3px solid var(--color-blue);background:var(--color-muted-bg);border-radius:var(--radius-card);color:var(--ql-ink);gap:.75rem;padding:1.15rem 1.2rem;font-size:.95rem;display:grid}.quikloy-handoff-compact{padding:.85rem .95rem;font-size:.86rem}.quikloy-handoff-actions{flex-wrap:wrap;gap:.5rem;display:flex}.quikloy-steps{counter-reset:ql-step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.quikloy-steps>li{border:1px solid var(--ql-line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;padding:1rem 1.1rem;list-style:none}.quikloy-steps>li h2{margin:0 0 .35rem;font-size:1.05rem}.quikloy-steps>li p{margin:0}.quikloy-steps>li:before{counter-increment:ql-step;content:"Step " counter(ql-step);color:var(--ql-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:block}@media (max-width:900px){.quikloy-editor{grid-template-columns:1fr}}@media (max-width:720px){.quikloy-app-header-inner{flex-wrap:wrap;min-height:0;padding-block:.75rem}.quikloy-product-label{display:none}.quikloy-app-header .quikloy-nav-links{justify-content:space-between;width:100%;margin-left:0}}.quikloy-shell:has(.ql-studio){width:100%;max-width:none;min-height:100vh;margin:0}:is(.quikloy-root:has(.ql-studio) .quikloy-app-chrome,.quikloy-shell:has(.ql-studio)>.quikloy-app-chrome){display:none}.quikloy-root:has(.ql-studio){background:var(--color-muted-bg)}.ql-studio{--studio-bg:var(--color-muted-bg);--studio-panel:#fff;--studio-panel-2:#f8fafc;--studio-line:var(--color-border);--studio-ink:var(--color-ink);--studio-muted:var(--color-muted);--studio-accent:var(--color-blue);--studio-accent-ink:#fff;--studio-danger:#b91c1c;--studio-ok:#047857;--studio-chat-w:min(380px, 100vw);z-index:40;background:var(--studio-bg);color:var(--studio-ink);font-family:var(--ql-body);grid-template-rows:auto minmax(0,1fr);animation:.35s both ql-studio-in;display:grid;position:fixed;inset:0}@keyframes ql-studio-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ql-studio-topbar{border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:56px;padding:.55rem .85rem;display:grid}.ql-studio-topbar-left,.ql-studio-topbar-right{align-items:center;gap:.55rem;min-width:0;display:flex}.ql-studio-topbar-right{flex-wrap:wrap;justify-content:flex-end}.ql-studio-back{border:1px solid var(--studio-line);width:34px;height:34px;color:var(--studio-muted);border-radius:10px;flex-shrink:0;place-items:center;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:grid}.ql-studio-back svg{width:16px;height:16px}.ql-studio-back:hover{color:var(--studio-ink);background:#1f5eff14;border-color:#1f5eff66}.ql-studio-mark{color:var(--color-navy);letter-spacing:-.02em;flex-shrink:0;font-size:1.05rem;font-weight:800;text-decoration:none}.ql-studio-mark:hover{color:var(--color-blue)}.ql-studio-title{border-left:1px solid var(--studio-line);gap:.05rem;min-width:0;margin-left:.15rem;padding-left:.35rem;display:grid}.ql-studio-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.ql-studio-title span{color:var(--studio-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.ql-studio-title em{text-transform:capitalize;color:var(--studio-accent);font-style:normal}.ql-studio-title em[data-status=draft]{color:#9a3412}.ql-studio-viewports{border-radius:var(--radius-button);border:1px solid var(--studio-line);background:var(--color-muted-bg);padding:.2rem;display:inline-flex}.ql-studio-viewport{color:var(--studio-muted);font:inherit;border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.78rem;font-weight:650;transition:background .2s,color .2s;display:inline-flex}.ql-studio-viewport svg{flex-shrink:0;width:14px;height:14px}.ql-studio-viewport[data-active=true]{color:var(--studio-ink);background:#1f5eff29}.ql-studio-viewport:hover{color:var(--studio-ink)}.ql-studio-ghost,.ql-studio-primary,.ql-studio-icon-btn,.ql-studio-fab{font:inherit;cursor:pointer}.ql-studio-ghost{border:1px solid var(--studio-line);color:var(--studio-ink);border-radius:var(--radius-button);background:#fff;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.82rem;font-weight:650;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.ql-studio-ghost:hover,.ql-studio-ghost[data-active=true]{background:#1f5eff14;border-color:#1f5eff73}.ql-studio-primary{border-radius:var(--radius-button);background:var(--studio-accent);color:#fff;border:0;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:750;transition:background .15s,opacity .2s;display:inline-flex}.ql-studio-primary:hover:not(:disabled){background:var(--color-blue-hover);color:#fff}.ql-studio-primary:disabled{opacity:.55;cursor:not-allowed}.ql-studio-body{grid-template-columns:var(--studio-chat-w) minmax(0, 1fr);min-height:0;transition:grid-template-columns .28s;display:grid}.ql-studio[data-chat=closed] .ql-studio-body{grid-template-columns:0 minmax(0,1fr)}.ql-studio-chat{border-right:1px solid var(--studio-line);background:linear-gradient(180deg, var(--studio-panel), var(--studio-panel-2));grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;min-height:0;transition:opacity .22s,transform .28s;display:grid;overflow:hidden}.ql-studio[data-chat=closed] .ql-studio-chat{opacity:0;pointer-events:none;border-right:0;transform:translate(-12px)}.ql-studio-chat-head{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1rem .75rem;display:flex}.ql-studio-chat-head h2{font-family:var(--ql-display);letter-spacing:-.02em;margin:0;font-size:1.05rem}.ql-studio-chat-head p{color:var(--studio-muted);margin:.2rem 0 0;font-size:.75rem}.ql-studio-icon-btn{border:1px solid var(--studio-line);width:30px;height:30px;color:var(--studio-muted);background:0 0;border-radius:8px;place-items:center;font-size:.85rem;display:grid}.ql-studio-icon-btn:hover{color:var(--studio-ink);border-color:#fff3}.ql-studio-messages{scroll-behavior:smooth;align-content:start;gap:.75rem;padding:1rem;display:grid;overflow:auto}.ql-studio-msg{gap:.3rem;max-width:94%;animation:.28s both ql-msg-in;display:grid}@keyframes ql-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ql-studio-msg[data-role=user]{justify-self:end}.ql-studio-msg span{letter-spacing:.04em;text-transform:uppercase;color:var(--studio-muted);font-size:.68rem;font-weight:700}.ql-studio-msg p{border-radius:var(--radius-card);border:1px solid var(--studio-line);background:var(--color-muted-bg);white-space:pre-wrap;word-break:break-word;margin:0;padding:.7rem .85rem;font-size:.9rem;line-height:1.45}.ql-studio-msg[data-role=user] p{background:#1f5eff24;border-color:#1f5eff47;border-bottom-right-radius:6px}.ql-studio-msg[data-role=assistant] p,.ql-studio-msg[data-role=system] p{border-bottom-left-radius:6px}.ql-studio-msg[data-tone=error] p{color:#7f1d1d;background:#ff8f8f14;border-color:#ff8f8f59}.ql-studio-msg[data-tone=ok] p{background:#6ee7b714;border-color:#6ee7b74d}.ql-studio-typing{align-items:center;gap:.35rem;min-height:1.2rem;display:inline-flex!important}.ql-studio-typing i{background:var(--studio-accent);opacity:.35;border-radius:50%;width:6px;height:6px;animation:1.1s infinite ql-dot}.ql-studio-typing i:nth-child(2){animation-delay:.15s}.ql-studio-typing i:nth-child(3){animation-delay:.3s}@keyframes ql-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ql-studio-quick{flex-wrap:wrap;gap:.4rem;padding:0 1rem .75rem;display:flex}.ql-studio-composer{border-top:1px solid var(--studio-line);background:var(--color-muted-bg);gap:.55rem;padding:.85rem 1rem 1rem;display:grid}.ql-studio-composer textarea{resize:none;border-radius:var(--radius-button);border:1px solid var(--studio-line);width:100%;color:var(--studio-ink);font:inherit;background:#fff;outline:none;padding:.75rem .85rem;font-size:.9rem;line-height:1.4;transition:border-color .2s,box-shadow .2s}.ql-studio-composer textarea:focus{border-color:#1f5eff73;box-shadow:0 0 0 3px #1f5eff1f}.ql-studio-composer-bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ql-studio-mini-link{color:var(--studio-muted);font-size:.72rem;text-decoration:none}.ql-studio-mini-link:hover{color:var(--studio-accent)}.ql-studio-inline-status{margin:0;padding:0 1rem .85rem;font-size:.8rem}.ql-studio-inline-status[data-tone=ok]{color:var(--studio-ok)}.ql-studio-inline-status[data-tone=error]{color:var(--studio-danger)}.ql-studio-canvas{background:radial-gradient(circle at 1px 1px, #0a1b3d1f 1px, transparent 0) 0 0 / 22px 22px, var(--color-muted-bg);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.ql-studio-toolbar{border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin;background:#fff;flex-wrap:nowrap;align-items:center;gap:.45rem;padding:.55rem .75rem;display:flex;overflow-x:auto}.ql-studio-toolbar-group{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.ql-studio-toolbar-scroll{scrollbar-width:thin;max-width:min(58vw,720px);padding-bottom:1px;overflow-x:auto}.ql-studio-toolbar-divider{background:var(--studio-line);flex-shrink:0;align-self:stretch;width:1px;margin:0 .15rem}.ql-studio-toolbar-spacer{flex:1;min-width:.5rem}.ql-studio-chip{border:1px solid var(--studio-line);color:var(--studio-ink);border-radius:var(--radius-button);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:.35rem;padding:.38rem .7rem;font-size:.78rem;font-weight:650;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.ql-studio-chip svg{flex-shrink:0;width:14px;height:14px}.ql-studio-chip:hover:not(:disabled){border-color:#1f5eff66}.ql-studio-chip[data-active=true]{background:var(--studio-accent);color:var(--studio-accent-ink);border-color:#0000}.ql-studio-chip-soft{color:var(--studio-muted)}.ql-studio-chip-accent{background:#1f5eff1f;border-color:#1f5eff47}.ql-studio-chip:disabled{opacity:.4;cursor:not-allowed}.ql-studio-stage{place-items:start center;min-height:0;padding:1.1rem;display:grid;overflow:auto}.ql-studio-device{width:min(100%,1200px);box-shadow:0 0 0 1px var(--color-border), var(--shadow-card);background:#fff;border-radius:16px;transition:width .32s cubic-bezier(.22,1,.36,1),max-width .32s;animation:.4s both ql-device-in;overflow:hidden}@keyframes ql-device-in{0%{opacity:0;transform:scale(.985)translateY(8px)}to{opacity:1;transform:none}}.ql-studio-device[data-viewport=tablet]{width:min(100%,768px)}.ql-studio-device[data-viewport=mobile]{border-radius:28px;width:min(100%,390px)}.ql-studio-device-chrome{background:var(--color-muted-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:.4rem;padding:.55rem .75rem;display:flex}.ql-studio-device-chrome span{background:#3a4554;border-radius:50%;width:8px;height:8px}.ql-studio-device-chrome span:first-child{background:#ff5f57}.ql-studio-device-chrome span:nth-child(2){background:#febc2e}.ql-studio-device-chrome span:nth-child(3){background:#28c840}.ql-studio-device-chrome em{color:var(--color-muted);letter-spacing:.02em;margin-left:auto;font-size:.7rem;font-style:normal}.ql-studio-frame{background:#fff;border:0;width:100%;height:min(78vh,900px);display:block}.ql-studio-device[data-viewport=mobile] .ql-studio-frame{height:min(72vh,780px)}.ql-studio-fab{z-index:50;border-radius:var(--radius-button);background:var(--studio-accent);color:#fff;box-shadow:var(--shadow-card);border:0;padding:.85rem 1.2rem;font-weight:750;animation:.28s both ql-fab-in;position:fixed;bottom:1.1rem;right:1.1rem}@keyframes ql-fab-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.ql-studio-fab:hover{transform:translateY(-1px)}.ql-studio .quikloy-handoff{margin:0 1rem .85rem}.ql-studio[data-busy=true] .ql-studio-frame{opacity:.92}@media (max-width:980px){.ql-studio-topbar{grid-template-columns:1fr;gap:.55rem}.ql-studio-topbar-left,.ql-studio-topbar-right{justify-content:space-between}.ql-studio-viewports{justify-self:start}.ql-studio-body{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.ql-studio[data-chat=open] .ql-studio-chat{z-index:30;border-right:1px solid var(--studio-line);width:min(100%,420px);max-width:100%;position:absolute;inset:56px 0 0;box-shadow:18px 0 40px #00000059}.ql-studio[data-chat=closed] .ql-studio-body{grid-template-columns:1fr}.ql-studio-title{display:none}.ql-studio-toolbar-scroll{max-width:55vw}.ql-studio-chip span{display:none}.ql-studio-chip{padding:.42rem .55rem}.ql-studio-stage{padding:.75rem}.ql-studio-frame{height:min(70vh,820px)}}@media (max-width:640px){.ql-studio-hide-sm{display:none!important}.ql-studio-viewport{padding:.35rem .55rem;font-size:.72rem}.ql-studio-viewport span{display:none}.ql-studio-mark{font-size:.95rem}.ql-studio[data-chat=open] .ql-studio-chat{width:100%;inset:0}.ql-studio-device-chrome em{display:none}}@media (prefers-reduced-motion:reduce){.quikloy-btn,.ql-studio,.ql-studio-msg,.ql-studio-device,.ql-studio-fab,.ql-studio-typing i,.ql-studio-body,.ql-studio-chat,.ql-studio-primary,.ql-studio-device{transition:none!important;animation:none!important}}.quikloy-landing-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.25rem;display:grid}.quikloy-landing-side{gap:1rem;display:grid}.ql-price-card{align-content:start;gap:.75rem;display:grid}.ql-price-card .eyebrow{margin-bottom:0}.ql-price-amount{align-items:baseline;gap:.45rem;margin:0;display:flex}.ql-price-amount span{color:var(--color-navy);letter-spacing:-.04em;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:800;line-height:1}.ql-price-amount small{color:var(--color-muted);font-size:1rem;font-weight:600}.ql-feature-list{color:var(--color-muted);gap:.4rem;margin:.25rem 0 .35rem;padding-left:1.15rem;display:grid}.ql-price-card .btn{justify-self:start;margin-top:.35rem}.quikloy-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.quikloy-feature-grid h3{margin-bottom:.45rem;font-size:1.05rem}.quikloy-feature-grid p{margin:0}@media (max-width:900px){.quikloy-landing-grid,.quikloy-feature-grid{grid-template-columns:1fr}}.ql-marketing-price{margin:0 0 2.5rem}.ql-marketing-price-card{border:1px solid var(--ql-line);border-radius:var(--radius-card);max-width:520px;box-shadow:var(--shadow-soft);background:#fff;gap:.75rem;padding:1.5rem;display:grid}.ql-marketing-amount{font-family:var(--ql-display);align-items:baseline;gap:.45rem;margin:0;display:flex}.ql-marketing-amount span{letter-spacing:-.04em;font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800}.ql-marketing-amount small{color:var(--ql-muted);font-size:1rem}.ql-marketing-price-card ul{color:var(--ql-muted);gap:.35rem;margin:.25rem 0 .5rem;padding-left:1.1rem;display:grid}.ql-checkout{gap:1rem;display:grid}.ql-checkout-head h1{font-family:var(--ql-display);letter-spacing:-.03em;margin:.2rem 0 .35rem;font-size:clamp(1.6rem,3vw,2.1rem)}.ql-checkout-kicker{color:var(--ql-accent);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.72rem;font-weight:700}.ql-checkout-badge{border-radius:var(--radius-button);border:1px solid var(--ql-line);background:var(--color-muted-bg);color:var(--ql-muted);flex-wrap:wrap;gap:.25rem;margin-top:.55rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}.ql-checkout-badge[data-mode=mock]{color:#9a3412;background:#fff7ed;border-color:#fdba74}.ql-checkout-badge[data-mode=razorpay],.ql-checkout-badge[data-mode=stripe]{color:var(--ql-accent);border-color:#1f5eff59}.ql-checkout-perks{color:var(--ql-muted);gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.ql-checkout-panel{border:1px solid var(--ql-line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;gap:.85rem;padding:1.25rem;display:grid}.ql-mock-pay,.ql-live-pay{gap:.75rem;display:grid}.ql-mock-banner{border-radius:var(--radius-button);color:#9a3412;background:#fff7ed;margin:0;padding:.55rem .75rem;font-size:.84rem;font-weight:650}.ql-mock-pay label,.ql-checkout-panel label{gap:.3rem;font-size:.88rem;display:grid}.ql-mock-pay input{border-radius:var(--radius-button);border:1px solid var(--ql-line);width:100%;min-height:2.85rem;color:var(--ql-ink);font:inherit;background:#fff;padding:.7rem .85rem}.ql-mock-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ql-checkout-note{color:var(--ql-muted);margin:0;font-size:.82rem}