:global(html[data-line-ai-sales-agent=true] body){background-color:#f4f1ea;background-image:none}:global(html[data-line-ai-sales-agent=true] .site-nav),:global(html[data-line-ai-sales-agent=true] .menu-mobile),:global(html[data-line-ai-sales-agent=true] body>footer){display:none}:global(html[data-line-ai-sales-agent=true] #main){margin:0}.line-ai-sales-agent-app{--app-ink: #1e1b16;--app-navy: #072b4e;--app-navy-deep: #00162f;--app-coral: #dd4155;--app-paper: #f4f1ea;--app-surface: #fcf9f2;--app-sand: #ece6da;--app-border: #c9c2b2;--app-muted: #746d63;--app-radius: 14px;--pb-display: var(--font-display, "Trirong", "Noto Serif", serif);--pb-body: var(--font-body, "Sarabun", "IBM Plex Sans Thai", sans-serif);min-height:100vh;color:var(--app-ink);font-family:var(--pb-body);font-size:16px;line-height:1.55;overflow-x:hidden}.line-ai-sales-agent-app *{box-sizing:border-box}.line-ai-sales-agent-app button,.line-ai-sales-agent-app input{font:inherit}.line-ai-sales-agent-app button{cursor:pointer}.line-ai-sales-agent-app button:disabled{cursor:not-allowed;opacity:.5}.line-ai-sales-agent-app :focus-visible{outline:3px solid var(--app-coral);outline-offset:3px}.line-ai-sales-agent-app h1,.line-ai-sales-agent-app h2,.line-ai-sales-agent-app h3,.line-ai-sales-agent-app .rail-brand{font-family:var(--pb-display)}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.no-script-message{margin:2rem auto;max-width:40rem;border:1px solid var(--app-coral);padding:1rem;background:var(--app-surface)}.playbook-app{min-height:100vh}.playbook-layout{display:grid;grid-template-columns:248px minmax(0,1fr) 286px;min-height:100vh}.phase-rail{background:var(--app-navy);color:var(--app-paper);display:flex;flex-direction:column;min-height:100vh;padding:1.8rem 1.1rem 1.2rem;position:sticky;top:0;height:100vh}.rail-kicker{color:#a9c0cf;font-size:.68rem;letter-spacing:.16em;margin:0 0 1.4rem}.rail-brand{align-items:center;color:var(--app-paper);display:flex;gap:.65rem;text-decoration:none}.rail-brand strong,.mobile-brand strong{display:block;font-size:.86rem;letter-spacing:.04em;line-height:1}.rail-brand small,.mobile-brand small{color:#aac1cf;display:block;font-family:var(--pb-body);font-size:.76rem;margin-top:.16rem}.rail-mark{align-items:center;background:var(--app-coral);color:#fff;display:inline-flex;flex:0 0 auto;font-family:var(--pb-body);font-size:1.15rem;font-weight:700;height:2.45rem;justify-content:center;width:2.45rem}.rail-rule{border-top:1px solid rgba(244,241,234,.2);margin:1.6rem 0 1.1rem}.phase-list{display:grid;gap:.35rem}.phase-item{align-items:start;border-left:3px solid transparent;color:#c4d3dc;display:grid;gap:.65rem;grid-template-columns:1.7rem minmax(0,1fr) 1.2rem;padding:.8rem .45rem .8rem .7rem;text-decoration:none;transition:background .16s ease,border-color .16s ease}.phase-item:hover,.phase-item.is-active{background:#fcf9f21a;border-left-color:var(--phase-color);color:#fff}.phase-number{color:var(--phase-color, #a9c0cf);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding-top:.16rem}.phase-copy{min-width:0}.phase-copy strong{display:block;font-size:.84rem;letter-spacing:.08em}.phase-copy small{color:inherit;display:block;font-family:var(--pb-body);font-size:.74rem;line-height:1.4;margin-top:.2rem;opacity:.8}.phase-copy em{color:#8aa9ba;display:block;font-family:var(--pb-body);font-size:.68rem;font-style:normal;margin-top:.32rem}.phase-state{align-items:center;border:1px solid rgba(244,241,234,.32);border-radius:50%;color:var(--phase-color);display:flex;font-size:.72rem;height:1.1rem;justify-content:center;margin-top:.18rem;width:1.1rem}.phase-state.is-done{background:var(--phase-color);border-color:var(--phase-color);color:#fff}.rail-bottom{margin-top:auto}.rail-utility{background:transparent;border:0;color:#b4c7d2;display:block;font-size:.78rem;padding:.45rem 0;text-align:left;width:100%}.rail-utility:hover{color:#fff}.rail-utility span{color:var(--app-coral);display:inline-block;font-size:1rem;margin-right:.5rem;width:1.1rem}.rail-byline{border-top:1px solid rgba(244,241,234,.16);color:#8ba8b8;font-size:.72rem;line-height:1.5;margin:1.2rem 0 0;padding-top:1rem}.rail-byline strong{color:var(--app-paper);font-family:var(--pb-body)}.playbook-main{min-width:0;padding:0 clamp(1.1rem,3vw,3.5rem) 4rem}.app-topbar{align-items:center;border-bottom:1px solid var(--app-border);display:flex;justify-content:space-between;min-height:4.1rem;padding:.7rem 0}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;font-family:var(--pb-body);font-size:.76rem;letter-spacing:.08em}.breadcrumb span:first-child{color:var(--app-muted)}.breadcrumb-slash{color:var(--app-coral)}.topbar-actions{align-items:center;display:flex;gap:.75rem}.save-status{color:var(--app-muted);font-size:.72rem}.text-button,.mini-link{background:transparent;border:0;color:var(--app-navy);font-size:.76rem;font-weight:700;min-height:2.75rem;padding:.35rem 0}.text-button:hover,.mini-link:hover{color:var(--app-coral)}.mobile-header,.mobile-bottom-nav{display:none}.view{max-width:920px;padding:clamp(2rem,4vw,4.2rem) 0 1rem}.home-view{display:grid;gap:2.7rem;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}.home-intro{align-self:end;padding:1rem 0 0}.eyebrow{color:var(--app-muted);display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.15em;line-height:1.4}.eyebrow.coral{color:var(--app-coral)}.home-intro h1{color:var(--app-navy);font-size:clamp(2.4rem,5vw,4.65rem);letter-spacing:-.01em;line-height:1.06;margin:1rem 0 1.25rem}.home-intro h1 span{color:var(--app-coral);display:block}.home-lead{color:#4d4a44;font-size:1.05rem;line-height:1.8;max-width:31rem}.home-meta{align-items:center;color:var(--app-muted);display:flex;flex-wrap:wrap;font-size:.76rem;gap:.7rem;margin-top:1.6rem}.meta-divider{background:var(--app-coral);display:inline-block;height:.35rem;width:.35rem}.home-action-panel{align-self:end;background:var(--app-navy);color:var(--app-paper);padding:1.5rem;position:relative}.action-panel-top,.utility-heading,.section-heading,.phase-progress-head,.phase-progress-foot,.prompt-output-head,.step-overline,.step-nav,.step-meta,.milestone-panel,.trouble-card-top,.trouble-actions{align-items:center;display:flex;justify-content:space-between;gap:.8rem}.home-action-panel .eyebrow{color:#a9c0cf}.stamp{border:1px solid var(--app-coral);color:#ffafba;font-size:.68rem;letter-spacing:.08em;padding:.25rem .4rem;transform:rotate(-2deg)}.home-action-panel h2{font-size:1.55rem;line-height:1.25;margin:2.2rem 0 .65rem}.home-action-panel p{color:#c6d4db;font-size:.86rem;line-height:1.7;margin:0 0 1.3rem}.primary-button,.secondary-button,.danger-button{align-items:center;border:1px solid transparent;display:inline-flex;font-family:var(--pb-body);font-size:.82rem;font-weight:700;gap:.65rem;justify-content:center;min-height:2.9rem;padding:.65rem 1rem;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.primary-button{background:var(--app-coral);color:#fff}.primary-button:hover{background:#c43245}.primary-button.compact,.secondary-button.compact{min-height:2.75rem;padding:.48rem .75rem}.secondary-button{background:var(--app-surface);border-color:var(--app-border);color:var(--app-navy)}.secondary-button:hover{border-color:var(--app-navy)}.danger-button{background:transparent;border-color:#d5a2a9;color:var(--app-coral)}.danger-button:hover{background:#f9e0e4}.home-action-panel .primary-button{background:#f6a0aa;color:var(--app-navy-deep)}.home-action-panel .primary-button:hover{background:#fff}.home-section{grid-column:1 / -1}.home-section .section-heading{align-items:end;border-bottom:1px solid var(--app-border);padding-bottom:.7rem}.section-heading h2,.step-section h2,.shop-fields h2{color:var(--app-navy);font-family:var(--pb-display);font-size:1.35rem;letter-spacing:-.01em;line-height:1.25;margin:.35rem 0 0}.section-note,.section-intro{color:var(--app-muted);font-size:.8rem}.journey-line{align-items:stretch;display:flex;gap:.45rem;justify-content:space-between;padding:1.2rem 0 0}.journey-node{background:transparent;border:0;border-top:4px solid var(--phase-color);color:var(--app-ink);flex:1;min-width:0;padding:.8rem .4rem .3rem;text-align:left}.journey-node:hover{background:var(--phase-soft)}.journey-node-number{color:var(--phase-color);display:block;font-family:var(--pb-body);font-size:.8rem;font-weight:700}.journey-node strong{display:block;font-size:.9rem;letter-spacing:.07em;margin-top:.25rem}.journey-node small{color:var(--app-muted);display:block;font-size:.73rem;line-height:1.5;margin-top:.25rem}.journey-node em{color:var(--phase-color);display:block;font-size:.68rem;font-style:normal;font-weight:700;margin-top:.55rem}.journey-connector{align-self:center;color:var(--app-border);font-size:1.4rem}.architecture-flow{align-items:center;display:grid;gap:.7rem;grid-template-columns:1fr auto 1fr auto 1fr;padding-top:1.4rem}.architecture-node{background:var(--app-surface);border:1px solid var(--app-border);min-height:9rem;padding:1.1rem}.architecture-node.featured{background:var(--app-navy);border-color:var(--app-navy);color:var(--app-paper)}.architecture-label{color:var(--app-coral);display:block;font-family:var(--pb-body);font-size:.65rem;font-weight:700;letter-spacing:.12em}.architecture-node strong{display:block;font-size:1rem;margin-top:1.1rem}.architecture-node small{color:var(--app-muted);display:block;font-size:.76rem;line-height:1.55;margin-top:.3rem}.architecture-node.featured small{color:#c5d2d9}.architecture-arrow{color:var(--app-coral);font-family:var(--pb-body);font-size:1.3rem}.rule-list{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:1rem}.rule-list>div{align-items:start;border-bottom:1px solid var(--app-border);display:flex;gap:.8rem;padding:.8rem 0}.rule-list>div>span{color:var(--app-coral);font-family:var(--pb-body);font-size:.75rem;font-weight:700}.rule-list p{margin:0}.rule-list strong,.rule-list small{display:block}.rule-list strong{font-size:.9rem}.rule-list small{color:var(--app-muted);font-size:.76rem;line-height:1.5;margin-top:.2rem}.utility-rail{background:var(--app-sand);border-left:1px solid var(--app-border);min-height:100vh;padding:1.35rem 1.1rem}.utility-section{border-bottom:1px solid var(--app-border);padding:.5rem 0 1.35rem}.utility-section+.utility-section{padding-top:1.25rem}.utility-heading{color:var(--app-muted);font-family:var(--pb-body);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-key{border:1px solid var(--app-border);font-family:var(--pb-body);font-size:.64rem;padding:.15rem .3rem;text-transform:none}.utility-progress-row{align-items:center;display:flex;gap:.9rem;padding-top:.9rem}.utility-progress-row strong,.utility-progress-row span,.utility-progress-row small{display:block}.utility-progress-row strong{color:var(--app-navy);font-family:var(--pb-display);font-size:1.35rem;line-height:1.1}.utility-progress-row span{color:var(--app-muted);font-size:.72rem;margin-top:.15rem}.utility-progress-row small{color:var(--app-coral);font-size:.7rem;margin-top:.5rem}.progress-ring{--ring-track: var(--app-border);--ring-progress: var(--app-coral);align-items:center;border-radius:50%;display:flex;height:4.4rem;justify-content:center;position:relative;width:4.4rem}.progress-ring svg{height:100%;inset:0;position:absolute;width:100%}.progress-ring circle{fill:none;stroke-width:4}.progress-ring-track{stroke:var(--ring-track)}.progress-ring-value{stroke:var(--ring-progress);stroke-linecap:square}.progress-ring__inner{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.progress-ring__inner strong{color:var(--app-navy);font-family:var(--pb-display);font-size:.9rem;line-height:1}.progress-ring__inner span{color:var(--app-muted);font-size:.53rem;line-height:1;margin-top:.2rem}.resume-card p{color:var(--app-coral);font-size:.78rem;margin:.8rem 0 .35rem}.resume-card>strong{color:var(--app-navy);display:block;font-family:var(--pb-display);font-size:.95rem;line-height:1.35}.resume-card .primary-button{margin-top:.9rem;width:100%}.search-field{align-items:center;background:var(--app-surface);border:1px solid var(--app-border);display:flex;gap:.4rem;margin-top:.8rem;min-height:2.65rem;padding:0 .55rem}.search-field>span{color:var(--app-coral);font-size:1.2rem}.search-field input{background:transparent;border:0;color:var(--app-ink);min-width:0;outline:0;width:100%}.search-field input::placeholder{color:#9d968a}.search-field kbd{border:1px solid var(--app-border);color:var(--app-muted);font-size:.62rem;padding:.08rem .2rem}.search-filters{display:grid;gap:.35rem;grid-template-columns:1fr 1fr 1fr;margin-top:.45rem}.search-filters select{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-muted);font-size:.65rem;min-height:2.3rem;min-width:0;padding:.25rem}.search-results{max-height:15rem;overflow:auto}.search-result-count,.search-empty{color:var(--app-muted);font-size:.7rem;margin:.7rem 0 .4rem}.search-result{background:transparent;border:0;border-bottom:1px solid var(--app-border);display:block;padding:.55rem 0;text-align:left;width:100%}.search-result:hover{background:var(--app-surface)}.search-result span,.search-result strong,.search-result small{display:block}.search-result span{color:var(--app-coral);font-family:var(--pb-body);font-size:.62rem;font-weight:700;letter-spacing:.08em}.search-result strong{color:var(--app-navy);font-size:.77rem;line-height:1.35;margin-top:.14rem}.search-result small{color:var(--app-muted);font-size:.69rem;line-height:1.4;margin-top:.15rem}.safety-note{align-items:start;display:flex;gap:.65rem}.safety-icon{align-items:center;background:var(--app-coral);color:#fff;display:inline-flex;flex:0 0 auto;font-family:var(--pb-body);font-weight:700;height:1.4rem;justify-content:center;width:1.4rem}.safety-note strong{color:var(--app-navy);display:block;font-family:var(--pb-body);font-size:.78rem}.safety-note p{color:var(--app-muted);font-size:.7rem;line-height:1.5;margin:.25rem 0 0}.step-view{--step-border: var(--app-border);max-width:890px}.step-hero{border-bottom:1px solid var(--step-border);padding-bottom:1.8rem}.step-overline{justify-content:start}.step-number{background:var(--phase-soft);color:var(--phase-color);font-family:var(--pb-body);font-size:.8rem;font-weight:700;padding:.35rem .5rem}.step-phase{color:var(--app-muted);font-family:var(--pb-body);font-size:.72rem;font-weight:700;letter-spacing:.1em}.block-button{background:transparent;border:1px solid var(--app-border);color:var(--app-muted);font-family:var(--pb-body);font-size:.65rem;min-height:2.75rem;padding:.35rem .55rem}.block-button:hover,.block-button.is-blocked{border-color:var(--app-coral);color:var(--app-coral)}.status-pill{align-items:center;background:var(--app-sand);color:var(--app-muted);display:inline-flex;font-family:var(--pb-body);font-size:.67rem;font-weight:700;gap:.35rem;margin-left:auto;padding:.28rem .45rem}.status-dot{background:currentColor;border-radius:50%;height:.38rem;width:.38rem}.status-working{background:#e4f0e5;color:#2f7d5b}.status-in-progress{background:#e8eef2;color:var(--app-navy)}.status-needs-attention{background:#f9e0e4;color:var(--app-coral)}.step-hero h1{color:var(--app-navy);font-family:var(--pb-display);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.01em;line-height:1.08;margin:1.35rem 0 1rem;max-width:46rem}.step-meta{align-items:start;border-left:3px solid var(--phase-color);flex-direction:column;gap:.18rem;padding-left:.8rem}.step-meta span{color:var(--app-muted);font-size:.7rem}.step-meta strong{color:var(--app-ink);font-size:.86rem;font-weight:500;line-height:1.55}.dependency-warning{align-items:center;background:#fff3e7;border:1px solid #e7c5a8;display:flex;gap:.65rem;margin:1.2rem 0;padding:.75rem .85rem}.warning-mark{align-items:center;background:#d06442;color:#fff;display:inline-flex;flex:0 0 auto;font-family:var(--pb-body);font-weight:700;height:1.45rem;justify-content:center;width:1.45rem}.dependency-warning strong{color:#9a4a2f;display:block;font-family:var(--pb-body);font-size:.75rem}.dependency-warning p{color:#795d4a;font-size:.7rem;line-height:1.45;margin:.12rem 0 0}.dependency-warning .mini-link{margin-left:auto;white-space:nowrap}.why-panel{background:var(--app-navy);color:var(--app-paper);margin:1.6rem 0;padding:1.4rem 1.5rem}.why-panel .eyebrow{color:#a9c0cf}.why-panel p{font-family:var(--pb-display);font-size:1.25rem;line-height:1.5;margin:.65rem 0 .85rem;max-width:44rem}.dependency-line{color:#b9cbd4;font-size:.74rem}.dependency-line strong{color:#fff}.dependency-line span{color:var(--app-coral);margin:0 .5rem}.step-section,.shop-fields{border-bottom:1px solid var(--step-border);padding:1.6rem 0 1.9rem}.compact-heading{align-items:end}.completion-count,.field-safe{color:var(--app-coral);font-size:.72rem;font-weight:700}.checklist-list{margin-top:1rem}.check-item{align-items:center;border-bottom:1px solid var(--app-border);display:flex;gap:.8rem;min-height:4.2rem;padding:.55rem .2rem}.check-item:hover{background:#fcf9f299}.check-item input{height:1.2rem;opacity:0;position:absolute;width:1.2rem}.check-box{align-items:center;border:1px solid var(--app-border);color:transparent;display:inline-flex;flex:0 0 auto;font-size:.82rem;height:1.5rem;justify-content:center;width:1.5rem}.check-item input:focus-visible+.check-box{outline:3px solid var(--app-coral);outline-offset:3px}.check-item.is-checked .check-box{background:var(--app-coral);border-color:var(--app-coral);color:#fff}.check-copy{align-items:center;display:grid;gap:.65rem;grid-template-columns:1.5rem minmax(0,1fr) auto;width:100%}.check-copy>strong{color:var(--app-muted);font-size:.72rem}.check-copy>span{font-size:.9rem;line-height:1.5}.check-copy em{color:var(--app-coral);font-size:.63rem;font-style:normal;font-weight:700;white-space:nowrap}.check-copy em.optional{color:var(--app-muted)}.section-intro{line-height:1.7;margin:.65rem 0 1rem}.section-intro strong{color:var(--app-coral)}.field-grid,.prompt-fields{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field-label{display:flex;flex-direction:column;gap:.32rem}.field-label>span{color:var(--app-navy);font-size:.76rem;font-weight:700}.field-label input{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-ink);min-height:2.75rem;padding:.55rem .65rem;width:100%}.field-label input:focus{border-color:var(--app-coral);outline:0}.field-label small{color:var(--app-muted);font-size:.67rem;line-height:1.4}.shop-fields .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-section{position:relative}.prompt-fields{margin-top:1rem}.prompt-output{background:var(--app-navy-deep);color:#d8e6eb;margin-top:1rem;padding:.8rem 1rem 1rem;position:relative}.prompt-output-head{color:#a9c0cf;font-family:var(--pb-body);font-size:.65rem;letter-spacing:.12em}.prompt-safe{color:#9bd5b1;font-family:var(--pb-body);letter-spacing:0}.prompt-output pre{font-family:var(--pb-body);font-size:.78rem;line-height:1.75;margin:.8rem 2.5rem 0 0;white-space:pre-wrap}.copy-corner{background:transparent;border:1px solid #567185;color:#d8e6eb;font-size:1rem;min-height:2.4rem;min-width:2.4rem;position:absolute;right:.8rem;top:2.4rem}.copy-corner:hover{border-color:var(--app-coral);color:#fff}.safety-caption{color:var(--app-muted);font-size:.68rem;margin:.55rem 0 0}.three-column-panels{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.micro-panel{background:var(--app-surface);border:1px solid var(--app-border);min-height:12rem;padding:1rem}.micro-panel h3{color:var(--app-navy);font-family:var(--pb-display);font-size:1rem;margin:.7rem 0 .45rem}.micro-panel p{color:#514d46;font-size:.79rem;line-height:1.65;margin:0}.panel-index{color:var(--phase-color, var(--app-coral));font-family:var(--pb-body);font-size:.68rem;font-weight:700;letter-spacing:.12em}.fix-list details{border-top:1px solid var(--app-border);padding:.5rem 0}.fix-list details:last-child{border-bottom:1px solid var(--app-border)}.fix-list summary{color:var(--app-ink);cursor:pointer;font-size:.75rem;list-style:none}.fix-list summary::-webkit-details-marker{display:none}.fix-list summary span{color:var(--app-coral);font-family:var(--pb-body);margin-right:.45rem}.fix-list details p{font-size:.7rem;margin-top:.4rem}.proof-stamp{border:1px dashed var(--app-coral);color:var(--app-coral);display:inline-block;font-family:var(--pb-body);font-size:.64rem;letter-spacing:.08em;margin-top:1rem;padding:.35rem .45rem;transform:rotate(-1deg)}.milestone-panel{background:var(--app-sand);border-left:4px solid var(--phase-color);margin-top:1.5rem;padding:1.2rem 1.25rem}.milestone-panel h2{color:var(--app-navy);font-family:var(--pb-display);font-size:1.1rem;margin:.35rem 0}.milestone-panel p{color:var(--app-muted);font-size:.76rem;margin:0}.milestone-action{flex:0 0 auto;text-align:right}.confirmed-mark{color:#2f7d5b;font-family:var(--pb-body);font-size:.8rem;font-weight:700}.step-nav{border-top:1px solid var(--app-border);margin-top:1.5rem;padding-top:1.1rem}.step-nav>span{color:var(--app-muted);font-family:var(--pb-body);font-size:.72rem}.before-panel{background:var(--app-surface);border:1px solid var(--app-border);border-left:3px solid var(--phase-color);margin:1.4rem 0 0;padding:.95rem 1.1rem}.before-panel p{color:#514d46;font-size:.85rem;line-height:1.7;margin:.35rem 0 0}.shot-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.1rem}.shot{background:var(--app-surface);border:1px solid var(--app-border);margin:0;padding:.6rem}.shot img{display:block;height:auto;max-height:26rem;object-fit:contain;object-position:top;width:100%}.shot figcaption{color:var(--app-muted);font-size:.74rem;line-height:1.55;padding:.6rem .2rem .1rem}.before-after{display:grid;gap:.7rem;grid-template-columns:1fr 1fr;margin:1rem 0}.before-after .shot img{max-height:15rem}.before-after .is-before{border-color:#d5a2a9}.before-after .is-after{border-color:#9ec4ad}.table-scroll{margin-top:1rem;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.82rem;min-width:32rem;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--app-border);padding:.6rem .7rem;text-align:left;vertical-align:top}.data-table thead th{color:var(--app-muted);font-family:var(--pb-body);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.data-table tbody th{color:var(--app-ink);font-weight:500}.data-table tr.is-total th,.data-table tr.is-total td{background:var(--app-sand);font-weight:700}.data-table .blank-cell{color:#a49c8d;font-size:.74rem}.table-footer{color:var(--app-muted);font-size:.78rem;line-height:1.6;margin:.8rem 0 0}.table-title{color:var(--app-navy);font-family:var(--pb-display);font-size:1rem;margin:1.6rem 0 0}.rule-steps{color:#514d46;font-size:.8rem;line-height:1.7;margin:.9rem 0 0;padding-left:1.2rem}.rule-steps li+li{margin-top:.35rem}.script-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.script-card{background:var(--app-surface);border:1px solid var(--app-border);padding:1rem}.script-card h3{color:var(--app-navy);font-family:var(--pb-display);font-size:.98rem;margin:0 0 .6rem}.script-card ol{color:var(--app-ink);font-size:.79rem;line-height:1.65;margin:0;padding-left:1.1rem}.script-card ol li+li{margin-top:.35rem}.script-pass{color:var(--app-muted);font-size:.74rem;line-height:1.6;margin:.8rem 0 0}.script-pass strong{color:var(--app-coral)}.trouble-fix{color:#514d46;font-size:.78rem;line-height:1.65;margin:.9rem 0 0}.trouble-fix strong{color:var(--app-navy)}.page-heading{border-bottom:1px solid var(--app-border);padding-bottom:1.5rem}.page-heading h1{color:var(--app-navy);font-family:var(--pb-display);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.01em;line-height:1.1;margin:.7rem 0 .8rem}.page-heading p{color:var(--app-muted);font-size:.95rem;margin:0;max-width:38rem}.progress-overview{align-items:center;background:var(--app-navy);color:var(--app-paper);display:grid;gap:1.2rem;grid-template-columns:auto minmax(0,1fr) auto;margin-top:1.5rem;padding:1.3rem}.progress-overview .progress-ring{--ring-track: #456479;--ring-progress: #f6a0aa}.progress-overview .progress-ring__inner strong{color:#fff}.progress-overview .progress-ring__inner span{color:#b7c9d1}.progress-overview h2{font-family:var(--pb-display);font-size:1.15rem;margin:.3rem 0}.progress-overview p{color:#c4d1d7;font-size:.78rem;margin:0}.progress-overview .eyebrow{color:#a9c0cf}.progress-bar{background:var(--app-border);height:.45rem;margin-top:.8rem;overflow:hidden}.progress-bar span{background:var(--app-coral);display:block;height:100%}.progress-overview .progress-bar{background:#456479}.progress-overview .progress-bar span{background:#f6a0aa}.phase-progress-list{display:grid;gap:.75rem;margin-top:1.5rem}.phase-progress-card{background:var(--app-surface);border:1px solid var(--app-border);border-top:4px solid var(--phase-color);padding:1.05rem}.phase-progress-head{align-items:start}.phase-progress-head>div{display:grid;gap:.2rem;grid-template-columns:auto 1fr}.phase-progress-head .phase-number{grid-row:span 2;padding-right:.35rem}.phase-progress-head h2{color:var(--app-navy);font-family:var(--pb-display);font-size:1rem;grid-column:2;margin:0}.phase-progress-head .eyebrow{grid-column:2}.phase-progress-card .progress-bar{margin-top:1rem}.phase-progress-foot{color:var(--app-muted);font-size:.73rem;margin-top:.55rem}.export-panel{align-items:center;border:1px solid var(--app-border);display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem}.export-panel h2{color:var(--app-navy);font-family:var(--pb-display);font-size:1rem;margin:.3rem 0}.export-panel p{color:var(--app-muted);font-size:.74rem;line-height:1.55;margin:0}.export-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.troubleshooting-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.trouble-card{background:var(--app-surface);border:1px solid var(--app-border);padding:1.1rem}.trouble-id,.trouble-step{color:var(--app-coral);font-family:var(--pb-body);font-size:.65rem;font-weight:700;letter-spacing:.08em}.trouble-step{color:var(--app-muted)}.trouble-card h2{color:var(--app-navy);font-family:var(--pb-display);font-size:1.05rem;line-height:1.35;margin:1rem 0}.trouble-checks{border-left:3px solid var(--app-coral);padding-left:.75rem}.trouble-checks ul{color:#514d46;font-size:.76rem;margin:.35rem 0 0;padding-left:1.1rem}.trouble-checks li+li{margin-top:.25rem}.debug-context{color:var(--app-muted);font-size:.72rem;line-height:1.5;margin:1rem 0}.debug-context strong{color:var(--app-ink)}.trouble-actions{flex-wrap:wrap;justify-content:start}@media(max-width:1180px){.playbook-layout{grid-template-columns:210px minmax(0,1fr)}.utility-rail{display:none}.playbook-main{padding-inline:clamp(1.2rem,4vw,3.5rem)}}@media(max-width:760px){.playbook-layout{display:block;min-height:auto}.phase-rail{display:none}.playbook-main{padding:0 1rem 5.8rem}.app-topbar{min-height:3.3rem}.topbar-actions{gap:.4rem}.save-status,.topbar-actions .text-button:nth-of-type(2){display:none}.mobile-header{align-items:center;background:var(--app-navy);color:var(--app-paper);display:flex;justify-content:space-between;min-height:4.2rem;padding:.7rem 1rem}.mobile-brand{align-items:center;color:var(--app-paper);display:flex;gap:.55rem;text-decoration:none}.mobile-brand .rail-mark{height:2rem;width:2rem}.mobile-header-actions{align-items:center;display:flex;gap:.55rem}.mobile-percent{color:#f6a0aa;font-family:var(--pb-body);font-size:.78rem;font-weight:700}.icon-button{background:transparent;border:1px solid rgba(244,241,234,.4);color:#fff;height:2.75rem;width:2.75rem}.mobile-bottom-nav{align-items:stretch;background:var(--app-navy);bottom:0;color:var(--app-paper);display:grid;grid-template-columns:repeat(3,1fr);left:0;padding:.35rem 0 max(.35rem,env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.mobile-bottom-nav button{background:transparent;border:0;color:#c4d3dc;font-family:var(--pb-body);font-size:.66rem;min-height:3rem}.mobile-bottom-nav button+button{border-left:1px solid rgba(244,241,234,.18)}.mobile-bottom-nav button span{color:#f6a0aa;display:block;font-size:1rem;line-height:1;margin-bottom:.2rem}.mobile-bottom-nav.step-bottom button{font-family:var(--pb-body);font-size:.72rem}.mobile-bottom-nav.step-bottom button:nth-child(2){color:#f6a0aa}.view{padding:1.6rem 0 .8rem}.home-view{display:block}.home-intro{padding:0}.home-intro h1{font-size:clamp(2.25rem,11vw,3.2rem);margin-top:.8rem}.home-lead{font-size:.94rem;line-height:1.7}.home-action-panel{margin-top:1.5rem;padding:1.1rem}.home-action-panel h2{font-size:1.25rem;margin-top:1.5rem}.home-section{margin-top:2.5rem}.section-heading{align-items:start!important;flex-direction:column}.section-heading .mini-link{align-self:start}.journey-line{align-items:stretch;display:grid;gap:.4rem;grid-template-columns:1fr 1fr}.journey-connector{display:none}.journey-node{min-height:8.7rem}.architecture-flow{align-items:stretch;display:flex;flex-direction:column}.architecture-node{min-height:7rem}.architecture-arrow{text-align:center;transform:rotate(90deg)}.rule-list{grid-template-columns:1fr}.step-overline{flex-wrap:wrap}.block-button{margin-left:auto}.step-hero h1,.page-heading h1{font-size:2.15rem}.why-panel{margin:1.1rem 0;padding:1.1rem}.why-panel p{font-size:1.05rem}.check-copy{gap:.45rem;grid-template-columns:1.25rem minmax(0,1fr)}.check-copy em{grid-column:2;justify-self:start}.shop-fields .field-grid,.field-grid,.prompt-fields,.three-column-panels,.troubleshooting-grid,.shot-grid,.script-grid{grid-template-columns:1fr}.shot img{max-height:22rem}.before-after{grid-template-columns:1fr}.data-table{min-width:26rem}.micro-panel{min-height:auto}.milestone-panel{align-items:start;flex-direction:column}.milestone-action{text-align:left}.step-nav{display:none}.progress-overview{align-items:start;grid-template-columns:auto minmax(0,1fr)}.progress-overview>.secondary-button{grid-column:1 / -1;width:100%}.export-panel{align-items:start;flex-direction:column}.export-actions{justify-content:start}.trouble-actions{align-items:start;flex-direction:column}.trouble-actions .secondary-button{width:100%}.search-filters{grid-template-columns:1fr}.dependency-warning{align-items:start;flex-wrap:wrap}.dependency-warning .mini-link{margin-left:2.1rem}}@media(prefers-reduced-motion:reduce){.line-ai-sales-agent-app *,.line-ai-sales-agent-app *:before,.line-ai-sales-agent-app *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}