.kwb{--kwb-paper:var(--kraft-paper,#fcf7ea);--kwb-blue:var(--kraft-blue,#1732e3);--kwb-ink:var(--kraft-ink,#23251d);--kwb-rule:var(--kraft-rule,#a89f89);margin-block:48px 64px;scroll-margin-block-start:24px;position:relative}
.kwb *{box-sizing:border-box}.kwb button,.kwb input,.kwb textarea{font:inherit}.kwb button,.kwb a{cursor:pointer}.kwb button:disabled{cursor:default}.kwb [hidden]{display:none!important}
.kwb-intro{display:grid;grid-template-columns: .7fr 1fr;gap:36px;align-items:end}.kwb-status{font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1.7;max-width:30ch}.kwb-intro h2{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em;max-width:24ch}.kwb-intro .kwb-lead{font-size:17px;line-height:1.6;margin-block-start:14px;max-width:60ch}
.kwb-carousel-hint{font-size:12px;line-height:1.8;margin-block:22px 0!important;color:var(--kraft-muted)}.kwb-carousel{overflow-x:auto;overflow-y:hidden;padding-block:20px 10px;scrollbar-gutter:auto;overscroll-behavior-inline:contain}.kwb-track{container-type:inline-size;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:720px;width:100%;height:auto;aspect-ratio:4.2;isolation:isolate}
.kwb-shelf{position:absolute;inset-inline:0;bottom:32px;width:100%;height:auto;z-index:0;pointer-events:none}.kwb-cart{border:0;background:transparent;color:var(--kwb-ink);position:relative;min-width:0;padding:0;z-index:2;text-align:center;outline-offset:-2px;border-radius:6px;touch-action:manipulation}.kwb-cart-art{position:absolute;inset-inline:5%;bottom:calc(32px + 5.3cqw);display:flex;align-items:end;justify-content:center;aspect-ratio:1.44;pointer-events:none;transform-origin:50% 90%}.kwb-cart-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 1px #24221320)}
.kwb-cart[aria-pressed=true] .kwb-cart-art{transform:translateY(-8px)}.kwb-cart:hover .kwb-cart-art{filter:brightness(1.04)}.kwb-cart:active .kwb-cart-art{filter:brightness(.96)}.kwb-cart:disabled{opacity:.8}.kwb-cart-label{position:absolute;bottom:0;inset-inline:2px;min-height:26px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:600;line-height:1.3}.kwb-cart[aria-pressed=true] .kwb-cart-label{color:var(--kwb-blue);text-decoration:underline;text-underline-offset:5px}
.kwb-reader{position:absolute;left:0;bottom:calc(32px + 3.7cqw);width:20%;z-index:1;transform:translateX(var(--reader-x,0px));pointer-events:none}.kwb-reader img{width:100%;height:auto;display:block}.kwb-reader-front{z-index:3;clip-path:inset(36% 0 0)}
.kwb-console{display:grid;grid-template-columns:.82fr 1fr;gap:18px;align-items:stretch;margin-block-start:18px}.kwb-panel{border:24px solid transparent;border-image:url('./control-panel.webp') 83 fill / 28px stretch;min-width:0;color:#fff;padding:13px;position:relative}.kwb-receipt-panel{padding:0 8px 8px;display:flex;flex-direction:column}.kwb-receipt-window{overflow:hidden;flex:1;min-height:405px;position:relative}.kwb-receipt{border:16px solid transparent;border-image:url('./receipt-paper.webp') 58 20 35 20 fill / 18px 9px 14px stretch;color:var(--kwb-ink);padding:12px 20px 18px;min-height:100%;position:relative;transform:translateY(0);will-change:transform}
.kwb-receipt h3{font-size:25px;line-height:1.25;margin-block:0 18px}.kwb-selected-line{display:flex;gap:12px;align-items:center;padding-block-end:14px;border-block-end:1px solid var(--kwb-rule)}.kwb-selected-line img{width:30px;height:30px;object-fit:contain}.kwb-selected-line strong{font-size:22px;line-height:1.3}.kwb-description{font-size:16px;line-height:1.65;min-height:5em;margin-block:14px 10px!important}.kwb-scope{list-style:none;margin:0;padding:0}.kwb-scope li{padding:9px 0;border-block-end:1px solid #a89f8966;font-size:15px;line-height:1.5}.kwb-receipt-note{font-size:12px;line-height:1.6;color:var(--kraft-muted);margin-block-start:16px!important}.kwb-receipt-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.kwb-receipt-footer a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.kwb-form-heading{font-size:23px;line-height:1.25;margin-block-end:18px!important}.kwb-form label{display:block;font-size:16px;line-height:1.5;font-weight:600;margin-block-end:6px}.kwb-form textarea,.kwb-form input{width:100%;color:var(--kwb-ink);background:var(--kwb-paper);border:2px solid #25271e;border-radius:4px;padding:12px 14px;min-height:48px;font-size:16px;line-height:1.55;outline-offset:3px}.kwb-form textarea{min-height:126px;resize:none;max-height:360px;overflow-y:auto}.kwb-form textarea:focus,.kwb-form input:focus{outline:3px solid #ffda68}.kwb-form [aria-invalid=true]{border-color:#9d1f16;box-shadow:0 0 0 2px #ffdb87}.kwb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block-start:15px}.kwb-field-error{font-size:13px;line-height:1.6;color:#fff2c2;min-height:21px;margin-block:3px 0 0!important}.kwb-form-note{font-size:13px;line-height:1.65;color:#eeeaff;margin-block:14px 0 20px!important}.kwb-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:57px;padding:12px 18px;border:2px solid var(--kwb-ink);border-radius:4px;background:var(--kwb-paper);color:var(--kwb-ink);box-shadow:3px 4px 0 #0c1a68;font-weight:700;font-size:17px;transition:translate .12s,box-shadow .12s}.kwb-submit:hover{background:#fffaf0;translate:0 -1px}.kwb-submit:active{translate:2px 3px;box-shadow:none}.kwb-submit img{width:22px;height:22px}.kwb-submit-note{font-size:12px;line-height:1.65;text-align:center;color:#eeeaff;margin-block-start:12px!important}.kwb-form-context{font-size:13px;line-height:1.6;margin-block:0 0 12px!important}
.kwb-details{margin-block-start:22px;border-block:1px solid var(--kwb-rule);padding-block:14px}.kwb-details summary{cursor:pointer;font-weight:600;min-height:36px;display:list-item}.kwb-details ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.kwb-details a{display:block;min-height:44px;padding-block:6px;text-decoration:underline!important;text-underline-offset:4px;font-weight:600}.kwb-details li p{font-size:13px;line-height:1.6}.kwb-fallback{margin-block-start:18px;line-height:1.8}.kwb-screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kwb .kwb-scope,.kwb .kwb-details ul{padding-inline-start:0}.kwb .kwb-scope li,.kwb .kwb-details li{margin-block:0}
.kwb button:focus-visible,.kwb a:focus-visible,.kwb summary:focus-visible{outline:3px solid var(--kwb-blue);outline-offset:4px}.kwb-panel button:focus-visible,.kwb-panel a:focus-visible{outline-color:#ffda68}.kwb-draft{max-width:min(680px,calc(100vw - 32px));width:680px;max-height:calc(100dvh - 40px);margin:auto;padding:28px;background:var(--kwb-paper);color:var(--kwb-ink);border:3px solid var(--kwb-blue);border-radius:4px;box-shadow:8px 10px 0 #141b4880;font-family:inherit}.kwb-draft::backdrop{background:#151b36b8;backdrop-filter:blur(3px)}.kwb-draft h2{font-size:28px;line-height:1.25;margin:0 0 8px}.kwb-draft-intro{font-size:14px;line-height:1.6;margin:0 0 20px}.kwb-draft-body{font:inherit;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding-block:18px;border-block:1px solid var(--kwb-rule)}.kwb-draft-actions{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:20px}.kwb-draft-actions a,.kwb-draft-actions button{min-height:48px;padding:12px 18px;border:2px solid var(--kwb-ink);border-radius:4px;font:inherit;cursor:pointer;text-decoration:none}.kwb-draft-actions a{background:var(--kwb-blue);color:#fff}.kwb-draft-actions button{background:transparent;color:var(--kwb-ink)}.kwb-draft :focus-visible{outline:3px solid var(--kwb-blue);outline-offset:4px}
.kwb-reveal-pending{opacity:0;translate:0 36px}.kwb-reveal-visible{opacity:1;translate:0 0;transition:opacity .55s,translate .65s cubic-bezier(.16,1,.3,1)}
html[lang=fa] .kwb{font-family:KraftPersian,Vazirmatn,Tahoma,sans-serif}html[lang=fa] .kwb-intro h2{letter-spacing:0;line-height:1.55}html[lang=fa] .kwb-status{letter-spacing:0}html[lang=fa] .kwb-form textarea,html[lang=fa] .kwb-form input{line-height:1.8}html[lang=fa] .kwb-submit img{transform:scaleX(-1)}html[lang=fa] .kwb-draft{font-family:KraftPersian,Vazirmatn,Tahoma,sans-serif}
@media(max-width:850px){.kwb-intro{grid-template-columns:1fr;gap:14px}.kwb-status{max-width:none}.kwb-console{grid-template-columns:1fr 1.12fr;gap:12px}.kwb-panel{border-width:18px;padding:8px;border-image-width:23px}.kwb-receipt{padding-inline:12px}.kwb-receipt h3{font-size:22px}.kwb-field-row{grid-template-columns:1fr;gap:4px}.kwb-description{min-height:7em}.kwb-details ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.kwb{margin-block:28px 44px}.kwb-intro h2{font-size:32px}.kwb-intro .kwb-lead{font-size:16px}.kwb-console{grid-template-columns:1fr;gap:14px}.kwb-panel{padding:10px;border-width:19px}.kwb-carousel{margin-inline:-6px;padding-block-start:28px}.kwb-receipt-window{min-height:390px}.kwb-receipt{padding:10px 16px 16px}.kwb-description{min-height:0}.kwb-scope li{padding-block:8px}.kwb-field-row{grid-template-columns:1fr}.kwb-draft{padding:20px;max-height:calc(100dvh - 24px)}.kwb-draft h2{font-size:24px}.kwb-draft-actions{flex-direction:column}.kwb-details ul{grid-template-columns:1fr}.kwb-receipt-footer{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.kwb-reveal-pending{opacity:1;translate:none}.kwb-reveal-visible,.kwb-submit{transition:none}.kwb-cart-art,.kwb-cart[aria-pressed=true] .kwb-cart-art{transform:none}.kwb-receipt{will-change:auto}}
@media(forced-colors:active){.kwb-panel,.kwb-receipt{border-image:none;background:Canvas;color:CanvasText;border-color:CanvasText}.kwb-form-note,.kwb-form-context,.kwb-submit-note,.kwb-receipt-footer a{color:CanvasText!important}.kwb-reader{outline:2px solid Highlight}.kwb-receipt-note{color:CanvasText}}

/* The same cartridge console carries the visitor from choice to a real brief. */
.kwb[data-step]{margin-block:24px 64px}
.kwb[data-step] .kwb-intro{grid-template-columns:.7fr 1fr;align-items:center;gap:40px}
.kwb[data-step] .kwb-intro>.kwb-intro-copy{min-width:0}
.kwb[data-step] .kwb-status{margin-block:0 7px;font-size:11px;line-height:1.4;max-width:none}
.kwb[data-step] .kwb-intro h2{max-width:25ch;line-height:1.08}
.kwb[data-step] .kwb-lead{margin-block-start:10px;font-size:17px;line-height:1.5}
.kwb .kwb-stepper{position:relative;display:flex;justify-content:space-between;max-width:380px;margin-block-start:22px;gap:8px}
.kwb .kwb-stepper::before{content:"";height:1px;background:var(--kraft-rule,#a89f89);position:absolute;inset-inline:9px;top:8px;pointer-events:none}
.kwb .kwb-stepper button{position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;min-height:51px;min-width:64px;padding:0;border:0;background:transparent;color:var(--kwb-ink);font-size:10px;font-weight:500;letter-spacing:.055em;text-transform:uppercase;line-height:1.4}
.kwb .kwb-stepper button:first-child{align-items:flex-start}
.kwb .kwb-stepper button:last-child{align-items:flex-end}
.kwb .kwb-step-marker{display:block;width:12px;height:12px;border:1px solid var(--kwb-ink);background:var(--kraft-desk,#eabd40);border-radius:1px;position:relative;margin-block:2px}
.kwb .kwb-stepper [aria-current=step]{font-weight:700}
.kwb .kwb-stepper [aria-current=step] .kwb-step-marker{background:var(--kwb-blue);border-color:var(--kwb-blue);box-shadow:0 0 0 2px var(--kraft-desk,#eabd40)}
.kwb .kwb-stepper [data-complete=true] .kwb-step-marker{background:var(--kwb-paper)}
.kwb .kwb-stepper button:disabled{opacity:.55;cursor:default}
.kwb[data-step] .kwb-console{margin-block-start:8px;grid-template-columns:.82fr 1fr;gap:16px}
.kwb .kwb-console-kicker{font-size:11px;letter-spacing:.08em;font-weight:600;line-height:1.5;margin-block:0 17px}
.kwb .kwb-start-card h3,.kwb .kwb-tools h3{font-size:clamp(25px,2.2vw,34px);line-height:1.15;margin-block:0 17px;max-width:22ch}
.kwb .kwb-start-card>p:not(.kwb-console-kicker),.kwb .kwb-tools-intro{font-size:16px;line-height:1.6;margin-block:0 22px;max-width:48ch}
.kwb .kwb-start-card ol{list-style:decimal;padding-inline-start:23px;margin-block:0 25px;font-size:15px;line-height:1.7}
.kwb .kwb-start-card li{margin-block:9px}
.kwb .kwb-choice-note{font-size:12px!important;line-height:1.6!important;margin-block:15px 0!important;color:#eeeaff}
.kwb .kwb-tool-field{margin-block:0 17px}
.kwb .kwb-tool-field label{display:block;font-size:15px;font-weight:600;line-height:1.5;margin-block-end:6px}
.kwb .kwb-tool-field select{display:block;width:100%;min-height:48px;max-width:100%;padding:10px 34px 10px 12px;border:2px solid var(--kwb-ink);border-radius:4px;background:var(--kwb-paper);color:var(--kwb-ink);font:inherit;font-size:16px;line-height:1.4;cursor:pointer}
.kwb .kwb-tool-field select:focus-visible{outline:3px solid #ffda68;outline-offset:3px}
.kwb .kwb-tools>.kwb-submit{margin-block-start:24px}
.kwb .kwb-stage-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;margin-block-start:14px;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:500;text-align:start}
.kwb .kwb-stage-back span{font-size:20px}
.kwb .kwb-tools-summary{margin-block:0 10px}
.kwb .kwb-summary-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:75px;border-block-end:1px solid #a89f8966;padding-block:10px}
.kwb .kwb-summary-icon{display:block;width:25px;height:25px}
.kwb .kwb-summary-icon svg{display:block;width:100%;height:100%}
.kwb .kwb-summary-row strong,.kwb .kwb-summary-row div>span{display:block;line-height:1.4}
.kwb .kwb-summary-row strong{font-size:15px;font-weight:600}
.kwb .kwb-summary-row div>span{font-size:13px;color:var(--kraft-muted,#514d3b);overflow-wrap:anywhere;margin-block-start:2px}
.kwb .kwb-change{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:51px;border:0;padding:7px 0 7px 8px;background:transparent;color:var(--kwb-blue);font:inherit;font-size:12px;font-weight:500}
.kwb .kwb-edit-setup{margin-inline-start:auto;min-height:40px;padding:7px 17px;border:2px solid var(--kwb-ink);border-radius:4px;background:var(--kwb-paper);color:var(--kwb-ink);font:inherit;font-size:13px;font-weight:600;box-shadow:2px 2px 0 #0c1a68}
.kwb[data-step=brief] .kwb-receipt-window,.kwb[data-step=tools] .kwb-receipt-window{min-height:410px}
.kwb[data-step=brief] .kwb-receipt h3,.kwb[data-step=tools] .kwb-receipt h3{font-size:25px;margin-block-end:17px}
.kwb[data-step=brief] .kwb-selected-line,.kwb[data-step=tools] .kwb-selected-line{gap:13px;padding-block-end:15px}
.kwb[data-step=brief] .kwb-selected-line strong,.kwb[data-step=tools] .kwb-selected-line strong{font-size:17px}
.kwb[data-step=brief] .kwb-selected-line img,.kwb[data-step=tools] .kwb-selected-line img{width:25px;height:25px}
.kwb[data-step=brief] .kwb-receipt-note,.kwb[data-step=tools] .kwb-receipt-note{font-size:11px;line-height:1.6;margin-block-start:13px!important}
.kwb[data-step=brief] .kwb-form-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kwb[data-step=brief] .kwb-intro h2{max-width:20ch}
.kwb[data-step] .kwb-cart-label{width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kwb[data-step=brief] .kwb-form label{font-size:14px;margin-block-end:5px}
.kwb[data-step=brief] .kwb-form textarea{min-height:108px;line-height:1.5}
.kwb[data-step=brief] .kwb-form input{min-height:45px;padding:9px 12px}
.kwb[data-step=brief] .kwb-field-row{margin-block-start:10px}
.kwb[data-step=brief] .kwb-field-error{min-height:18px;font-size:12px;margin-block:2px 0 0!important}
.kwb[data-step=brief] .kwb-form-note{margin-block:9px 15px!important;font-size:12px}
.kwb[data-step=brief] .kwb-submit{min-height:52px;font-size:15px}
.kwb[data-step=brief] .kwb-submit-note{font-size:11px;margin-block-start:10px!important}
.kwb[data-step=brief] .kwb-stage-back{border-block-start:1px solid #eeeaff55;width:100%;margin-block-start:17px;padding-block-start:13px}
@media(max-width:850px){.kwb[data-step] .kwb-intro{grid-template-columns:1fr;gap:22px}.kwb .kwb-stepper{max-width:360px;margin-block-start:13px}.kwb[data-step] .kwb-console{grid-template-columns:.85fr 1fr;gap:12px}.kwb .kwb-start-card h3,.kwb .kwb-tools h3{font-size:27px}.kwb .kwb-summary-row{gap:9px;grid-template-columns:23px minmax(0,1fr) auto}.kwb .kwb-summary-row div>span{font-size:12px}.kwb .kwb-change{min-width:45px;font-size:11px}.kwb[data-step=brief] .kwb-receipt,.kwb[data-step=tools] .kwb-receipt{padding-inline:10px}.kwb[data-step=brief] .kwb-receipt h3,.kwb[data-step=tools] .kwb-receipt h3{font-size:23px}}
@media(max-width:620px){.kwb[data-step]{margin-block:18px 44px}.kwb[data-step] .kwb-intro{gap:20px}.kwb[data-step] .kwb-intro h2{font-size:34px;max-width:22ch}.kwb[data-step] .kwb-lead{font-size:16px}.kwb[data-step] .kwb-console{grid-template-columns:1fr;gap:14px}.kwb .kwb-stepper{max-width:none}.kwb[data-step=brief] .kwb-receipt-window,.kwb[data-step=tools] .kwb-receipt-window{min-height:400px}.kwb[data-step=brief] .kwb-receipt,.kwb[data-step=tools] .kwb-receipt{padding:10px 16px 16px}.kwb .kwb-summary-row{grid-template-columns:25px minmax(0,1fr) auto;gap:12px}.kwb .kwb-summary-row div>span{font-size:13px}.kwb .kwb-change{min-width:52px;font-size:12px}.kwb[data-step=brief] .kwb-field-row{grid-template-columns:1fr;gap:4px}.kwb .kwb-start-card h3,.kwb .kwb-tools h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.kwb .kwb-submit{transition:none}}
@media(forced-colors:active){.kwb .kwb-step-marker,.kwb .kwb-stepper [aria-current=step] .kwb-step-marker{border-color:CanvasText;background:Canvas;box-shadow:none}.kwb .kwb-stepper [aria-current=step] .kwb-step-marker{background:Highlight}.kwb .kwb-stage-back,.kwb .kwb-choice-note{color:CanvasText}}
