
/* TAC V1.0.7.9 - Customer Package Proof. Additive, no legacy asset overwrite. */
.tac-context-sample-delivery{--cpp-paper:#f2f0e8;--cpp-ink:#10171a;--cpp-gold:#d8c173;--cpp-cyan:#4ac7d9;--cpp-warning:#d49a59;--cpp-line:rgba(255,255,255,.15)}
.cpp-wrap{max-width:1480px;margin:0 auto;padding-left:clamp(18px,4vw,58px);padding-right:clamp(18px,4vw,58px)}
.cpp-hero{padding:clamp(72px,9vw,145px) 0 78px;border-bottom:1px solid var(--cpp-line);background:radial-gradient(circle at 82% 15%,rgba(74,199,217,.12),transparent 28%),radial-gradient(circle at 5% 90%,rgba(216,193,115,.09),transparent 25%)}
.cpp-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(34px,6vw,90px);align-items:center}
.cpp-hero h1{font-size:clamp(3.2rem,7vw,7.7rem);line-height:.9;letter-spacing:-.065em;margin:0;max-width:940px}
.cpp-hero__lead{font-size:clamp(1.04rem,1.5vw,1.3rem);color:#bdc6c5;max-width:730px;line-height:1.7;margin:28px 0}
.cpp-actions{display:flex;flex-wrap:wrap;gap:12px}.cpp-actions .button{min-width:170px}
.cpp-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.cpp-status-row span{border:1px solid var(--cpp-line);padding:9px 12px;font:700 .67rem/1.2 "Cascadia Mono",Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:#d9dfde}
.cpp-hero__visual{margin:0;border:1px solid var(--cpp-line);background:#050708;padding:9px;position:relative}.cpp-hero__visual img{width:100%;aspect-ratio:16/9;object-fit:contain}.cpp-hero__visual figcaption{padding:10px 4px 2px;color:#97a3a2;font-size:.72rem}
.cpp-section{padding:clamp(78px,9vw,138px) 0;border-bottom:1px solid var(--cpp-line)}
.cpp-section--light{background:var(--cpp-paper);color:var(--cpp-ink)}.cpp-section--light .kicker{color:#80600d}.cpp-section--light .cpp-intro{color:#505b5e}
.cpp-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:48px;align-items:end;margin-bottom:44px}.cpp-heading h2{font-size:clamp(2.45rem,5vw,5.8rem);line-height:.94;letter-spacing:-.05em;margin:0}.cpp-intro{font-size:1.06rem;line-height:1.72;color:#b8c1c0;margin:0;max-width:680px}
.cpp-boundary{border-left:3px solid var(--cpp-warning);padding:15px 20px;background:rgba(212,154,89,.08);color:#d7dcdb;margin-top:28px}.cpp-section--light .cpp-boundary{color:#30393c;background:#fff8ee}
.cpp-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:file}
.cpp-file{counter-increment:file;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:17px;align-items:start;background:#fff;border:1px solid #d7d5cd;padding:22px;min-width:0}.cpp-file::before{content:counter(file,decimal-leading-zero);font:700 1.55rem/1 "Cascadia Mono",Consolas,monospace;color:#9c7619}.cpp-file h3{margin:0 0 7px;font-size:1rem;overflow-wrap:anywhere}.cpp-file p{margin:0;color:#556064}.cpp-file__type{font:700 .62rem/1.3 "Cascadia Mono",Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #c9c6bb;padding:7px;color:#4a5355;white-space:nowrap}
.cpp-code-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.cpp-code{background:#0b1317;border:1px solid var(--cpp-line);border-top:2px solid var(--cpp-cyan);padding:23px;min-height:210px}.cpp-code:nth-child(2),.cpp-code:nth-child(5){border-top-color:var(--cpp-gold)}.cpp-code:nth-child(4){border-top-color:var(--cpp-warning)}.cpp-code span{font:700 .68rem/1.3 "Cascadia Mono",Consolas,monospace;letter-spacing:.1em;color:var(--cpp-gold)}.cpp-code h3{font-size:1.08rem;margin:20px 0 9px}.cpp-code p{color:#aeb8b7;margin:0}
.cpp-handoff{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cpp-handoff article{border:1px solid var(--cpp-line);background:#0a1115;padding:28px}.cpp-handoff h3{font-size:1.55rem;margin:0 0 13px}.cpp-handoff ul{padding-left:19px;color:#b5bfbe}.cpp-handoff li{margin:7px 0}.cpp-handoff pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#050809;border:1px solid var(--cpp-line);padding:16px;color:#dce4e3;font-size:.76rem;line-height:1.55}
.cpp-prompt-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cpp-prompt{border:1px solid var(--cpp-line);background:#0a1115;padding:22px}.cpp-prompt strong{display:block;color:var(--cpp-gold);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.cpp-prompt h3{margin:12px 0 9px}.cpp-prompt p{color:#aeb8b7}.cpp-prompt small{color:#879291}
.cpp-qa-table{display:grid;border:1px solid var(--cpp-line)}.cpp-qa-row{display:grid;grid-template-columns:210px 150px minmax(0,1fr);border-bottom:1px solid var(--cpp-line)}.cpp-qa-row:last-child{border-bottom:0}.cpp-qa-row>*{padding:16px 18px}.cpp-qa-row strong{color:#fff}.cpp-qa-status{font:700 .68rem/1.4 "Cascadia Mono",Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cpp-gold)}.cpp-qa-row p{margin:0;color:#aeb8b7}
.cpp-download{background:#050708}.cpp-download__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:50px;align-items:center}.cpp-download__grid figure{margin:0;border:1px solid var(--cpp-line);padding:8px}.cpp-download__grid img{width:100%;aspect-ratio:16/9;object-fit:contain}.cpp-download h2{font-size:clamp(2.5rem,5.2vw,6rem);line-height:.93;letter-spacing:-.055em;margin:0 0 20px}.cpp-clean-note{font-size:.82rem;color:#9ca7a6;margin-top:17px}.cpp-lang-note{margin-top:20px;border:1px solid rgba(216,193,115,.42);padding:16px 18px;color:#d9d5c4}
@media(max-width:1120px){.cpp-code-grid{grid-template-columns:repeat(3,1fr)}.cpp-prompt-rail{grid-template-columns:1fr 1fr}.cpp-hero__grid,.cpp-download__grid{grid-template-columns:1fr}.cpp-hero__visual{max-width:850px}}
@media(max-width:780px){.cpp-heading{grid-template-columns:1fr;gap:20px}.cpp-map,.cpp-handoff{grid-template-columns:1fr}.cpp-code-grid{grid-template-columns:1fr 1fr}.cpp-qa-row{grid-template-columns:1fr}.cpp-qa-row>*{padding:10px 15px}.cpp-qa-row strong{padding-top:16px}.cpp-qa-row p{padding-bottom:16px}.cpp-prompt-rail{grid-template-columns:1fr}}
@media(max-width:520px){.cpp-code-grid{grid-template-columns:1fr}.cpp-file{grid-template-columns:45px minmax(0,1fr)}.cpp-file__type{grid-column:2;justify-self:start}.cpp-actions{display:grid}.cpp-actions .button{width:100%}.cpp-hero h1{font-size:clamp(2.8rem,15vw,4.7rem)}}
@media(prefers-reduced-motion:reduce){.cpp-hero{background:#071015}}
