/* L00P.AI: paper, forest green, yolk. Scoped to the Pi offer. */
.pi-visual{background:var(--dark);color:var(--paper);padding:28px 30px 24px;box-shadow:10px 10px 0 #e1e5d7;transform:rotate(1deg)}
.pi-visual-top{display:flex;justify-content:space-between;gap:12px;font:11px/1.6 monospace;letter-spacing:1px}.pi-dot{color:#ffbb4c}.pi-dot:before{content:'●';margin-right:7px}.pi-drive{border:1px solid #60765f;padding:18px;margin:28px 14px 16px;position:relative}.pi-drive>span{position:absolute;right:12px;top:12px;font:12px monospace;color:#ffbb4c}.pi-drive strong{display:block;font-size:23px;letter-spacing:-.6px;padding-right:32px}.pi-drive small{color:#b8cab4;font:11px monospace}.pi-board{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:13px;background:#eff0e6;transform:perspective(500px) rotateX(25deg);border-radius:5px;border-bottom:7px solid #bec5b6;margin:0 8px 24px}.pi-board i{height:10px;background:#253c2c;border-radius:2px}.pi-board i:nth-child(12n){background:#b0c689}.pi-board b{grid-column:4/10;text-align:center;font:10px/1.5 monospace;background:#ffbb4c;color:#172e25}.pi-visual-flow{display:flex;flex-direction:column;text-align:center;align-items:center;gap:4px}.pi-visual-flow>span{font:10px/1.6 monospace;letter-spacing:1.2px;color:#cbd8c6}.pi-visual-flow>b{color:#849c76;font-weight:400}.pi-visual-flow>strong{font-size:19px}.pi-visual-flow strong span{color:#ffbb4c;margin:0 4px}.pi-visual>p{font-size:11px;line-height:1.7;color:#bdcdb9;margin:24px 0 0;border-top:1px solid #476050;padding-top:15px}
.pi-entry{border-top:1px solid var(--line);background:#e8ecdf}.pi-entry .section-intro{margin-bottom:24px}.pi-status{font-size:13px;line-height:1.65;border-left:3px solid #bd7215;padding:10px 15px;background:#f7eccf;color:#443a28;max-width:800px}.pi-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #b8c4ad;margin:28px 0}.pi-path article{padding:24px;border-right:1px solid #b8c4ad}.pi-path article:last-child{border-right:0}.pi-path article>span{display:block;font:12px monospace;color:#586b4b;margin-bottom:18px}.pi-path h3{font-size:21px}.pi-path p{font-size:14px;line-height:1.65;margin:0;color:var(--muted)}.pi-tools{font-size:15px;font-weight:700;line-height:2;margin-bottom:12px}.pi-tools span{padding:0 8px;color:#69725f}.pi-cost{font-size:12px;color:var(--muted);max-width:340px;margin:0}.pi-entry .actions{margin-top:24px}
.pi-page{max-width:1160px;margin:auto;padding:70px 5%}.pi-page-heading{border-bottom:1px solid var(--line);padding-bottom:30px}.pi-page h1{font-size:clamp(43px,5.8vw,76px)}.pi-page h2{max-width:850px}.pi-page p{max-width:930px}.pi-page .lead{max-width:860px}.pi-jump{gap:12px 25px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:28px;max-width:none}.pi-jump a{text-decoration:underline;font-size:12px}.pi-block{padding-top:52px;padding-bottom:38px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.pi-block>p{font-size:16px}.pi-block details{padding:22px;background:#e8ecdf;border:1px solid var(--line);margin-top:25px}.pi-block summary{font-size:15px;line-height:1.5}.pi-block details p{font-size:15px;line-height:1.75}.pi-block code{font-size:14px}.pi-modes,.pi-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}.pi-modes article{background:#e7ecd9;padding:26px}.pi-modes article:nth-child(2){background:#f3e6c8}.pi-modes .eyebrow{font-size:10px;margin-bottom:20px}.pi-modes h3,.pi-models h3{font-size:22px}.pi-modes p,.pi-models p{font-size:14px;line-height:1.8;margin-bottom:0}.pi-models{grid-template-columns:repeat(3,minmax(0,1fr))}.pi-models article{border:1px solid var(--line);padding:23px}.pi-models a{display:inline-block;margin-top:18px;font-size:12px}.pi-source{font-size:12px!important;line-height:2!important}.pi-note{border-left:3px solid #597824;padding:15px 20px;background:#e8ecdf;font-size:14px!important}.pi-release-list{padding-left:24px;max-width:850px}.pi-release-list li{font-size:15px;padding-left:8px;margin-bottom:14px}.pi-table-wrap{overflow:auto;margin:30px 0 20px}.pi-table-wrap:focus-visible{outline:3px solid #597824;outline-offset:4px}.pi-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px;line-height:1.65}.pi-table caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:14px}.pi-table th,.pi-table td{vertical-align:top;text-align:left;padding:15px 14px;border:1px solid var(--line)}.pi-table thead th{background:var(--dark);color:#f3f2eb;font-size:12px}.pi-table tbody th{width:25%;font-weight:700;background:#e8ecdf}.pi-table td:nth-child(2){width:25%}.pi-table small{display:block;font-size:11px;font-weight:400;margin-top:7px}.pi-table a{overflow-wrap:anywhere}.pi-page-meta{display:block;padding:28px 0 0;margin:0}.pi-page-meta p{font-size:12px;margin-bottom:12px;color:var(--muted)}
@media(max-width:850px){.pi-visual{transform:none;max-width:550px}.pi-models{grid-template-columns:1fr}.pi-page{padding-top:45px}.pi-modes{grid-template-columns:1fr}}
@media(max-width:560px){.pi-visual{padding:24px 20px;box-shadow:6px 6px 0 #e1e5d7}.pi-visual-top{font-size:9px}.pi-path{grid-template-columns:1fr}.pi-path article{border-right:0;border-bottom:1px solid #b8c4ad}.pi-path article:last-child{border-bottom:0}.pi-path article>span{margin-bottom:10px}.pi-path h3{margin-bottom:10px}.pi-tools{font-size:13px}.pi-tools span{padding:0 3px}.pi-block{padding-top:38px;padding-bottom:26px}.pi-page .actions .button{font-size:12px;gap:16px}.pi-jump{gap:12px 20px!important}.pi-jump a{font-size:12px}.pi-page h1{letter-spacing:-2px}}
@media print{.pi-visual,.pi-jump{display:none}.pi-page{padding:0}.pi-block{break-inside:auto}.pi-table-wrap{overflow:visible}.pi-table{min-width:0;font-size:10px}.pi-table th,.pi-table td{padding:7px}.pi-models,.pi-modes{display:block}.pi-models article,.pi-modes article{break-inside:avoid;margin-bottom:10px}.pi-block details{display:block}.pi-page .actions{display:none}}
/* Controlled two-model image comparison in the home hero. */
figure.pi-visual{margin:0;padding:16px;background:var(--dark);box-shadow:10px 10px 0 #e1e5d7;transform:none;min-width:0}
.pi-visual-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;position:relative}
.pi-visual-controls input{position:absolute;width:1px;height:1px;opacity:0}
.pi-visual-controls label{cursor:pointer;text-align:center;border:1px solid #7c987c;padding:10px 5px;font:600 12px/1.35 monospace;color:#e9f0e5}
#pi-image-openai:checked+label,#pi-image-google:checked+label{background:#ffcf49;color:#173726;border-color:#ffcf49}
.pi-visual-controls input:focus-visible+label{outline:3px solid #ffcf49;outline-offset:3px}
.pi-visual-images{grid-column:1/-1;overflow:hidden;background:#f3f0e4;aspect-ratio:3/2;position:relative}
.pi-visual-images>img{display:block;width:100%;height:100%;object-fit:cover}
#pi-image-openai:checked~.pi-visual-images .pi-image-google,#pi-image-openai:checked~.pi-visual-images .pi-brand-google,#pi-image-google:checked~.pi-visual-images .pi-image-openai,#pi-image-google:checked~.pi-visual-images .pi-brand-openai{display:none}
.pi-brand-sticker{position:absolute;display:flex;align-items:center;justify-content:center;background:#0b4931;border-radius:2px;box-shadow:0 1px 3px #10251d75}
.pi-brand-sticker img{display:block;width:96%;height:96%;object-fit:contain}
.pi-brand-openai{left:40.2%;top:86.25%;width:10.35%;height:4.2%}
.pi-brand-google{left:51.65%;top:72.9%;width:11.7%;height:5.9%;background:#20543c}
.pi-visual figcaption{display:grid;gap:8px;font-size:12px;line-height:1.5;padding:14px 2px 0;color:#d4e1cf}
.pi-visual figcaption strong{font-size:14px;color:#fff}.pi-visual figcaption a{color:#ffcf49;text-decoration:underline;width:max-content;max-width:100%}
.pi-compare-method{border-top:1px solid var(--line);padding-top:26px}.pi-compare-method h3{font-size:clamp(25px,3vw,36px);margin:10px 0 20px}.pi-compare-method p{max-width:920px}.pi-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.pi-compare-grid article{border:1px solid var(--line);padding:22px;background:var(--paper)}.pi-compare-grid h4{font-size:21px;margin:0 0 10px}.pi-compare-grid p{font-size:14px;line-height:1.65}.pi-compare-method .pi-source{overflow-wrap:anywhere}
.pi-raw-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.pi-raw-grid figure{margin:0;min-width:0}.pi-raw-grid img{display:block;width:100%;height:auto;border:1px solid var(--line)}.pi-raw-grid figcaption{font-size:12px;line-height:1.5;margin-top:8px;color:var(--muted)}.pi-raw-grid a{text-decoration:underline}
.pi-source-photo{max-width:650px;margin:26px 0}.pi-source-photo img{display:block;width:100%;height:auto;border:1px solid var(--line)}.pi-source-photo figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
@media(max-width:850px){figure.pi-visual{max-width:720px}.pi-compare-grid,.pi-raw-grid{grid-template-columns:1fr}}
@media(max-width:560px){figure.pi-visual{padding:12px;box-shadow:6px 6px 0 #e1e5d7}.pi-visual-controls label{font-size:10px;min-height:48px;display:flex;align-items:center;justify-content:center}.pi-visual figcaption{font-size:11px}}
@media print{figure.pi-visual{display:block;box-shadow:none;background:white;color:black}.pi-visual-images{max-width:300px}.pi-visual figcaption,.pi-visual figcaption strong{color:black}.pi-visual-controls label{display:none}.pi-compare-grid{display:block}.pi-compare-grid article{break-inside:avoid}}