The Decks
<style> @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap"); *{box-sizing:border-box;margin:0;padding:0} :root{ --navy:#1a2340;--mint-bg:#e8f4f0;--gold:#c9a84c;--gold-light:#e8d5a0; --teal:#2a7d6b;--teal-dark:#1a5c4a;--coral:#c45c3a;--slate:#2e3d5c; --cream:#faf8f3;--text:#1a2340;--text-mid:#3a4a62;--text-muted:#5a6880; --border:rgba(26,35,64,0.1); } body{font-family:'DM Sans',sans-serif;background:var(--mint-bg);color:var(--text);line-height:1.6} .nav-bridge{background:var(--navy);padding:14px 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem} .nav-back{font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.55);text-decoration:none} .nav-brand{font-size:13px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:white;opacity:0.8} .nav-cta{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:8px 18px;border-radius:4px;background:var(--gold);color:var(--navy);text-decoration:none;white-space:nowrap} .rainbow-rule{height:3px;width:100%;background:linear-gradient(to right,#e63946,#f4a261,#e9c46a,#2a9d8f,#264653,#6b4fa0);border:none;margin:0} .sticky-nav{ position:sticky;top:0;z-index:100; background:rgba(232,244,240,0.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); padding:0 2rem; overflow-x:auto; white-space:nowrap; } .sticky-nav-inner{ display:flex;align-items:stretch;gap:0; max-width:1040px;margin:0 auto; } .snav-item{ font-size:12px;font-weight:500;letter-spacing:0.06em; padding:14px 18px;text-decoration:none;color:var(--text-muted); border-bottom:2px solid transparent; transition:color 0.15s,border-color 0.15s; white-space:nowrap; display:flex;align-items:center;gap:8px; } .snav-item:hover{color:var(--navy);border-bottom-color:var(--navy)} .snav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0} @media(max-width:720px){ .deck-layout{grid-template-columns:1fr !important} .deck-imgs-grid{grid-template-columns:1fr !important} } </style> <!-- HERO --> <section style="background:var(--mint-bg);padding:5rem 2rem 4rem;text-align:center;position:relative;overflow:hidden"> <div style="max-width:820px;margin:0 auto"> <p style="font-size:10px;font-weight:700;letter-spacing:0.26em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem">THE CARD DECKS</p> <h1 style="font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5rem);font-weight:500;line-height:1.05;color:var(--navy);margin-bottom:1rem">Six decks.<br><em style="color:var(--teal-dark)">One clinical system.</em></h1> <p style="font-size:17px;color:var(--text-mid);max-width:600px;margin:0 auto 1.5rem;line-height:1.8">Each deck targets a specific therapeutic moment, from first contact and de-escalation through to language scaffolding and behavioural activation. Purchase individually or as a complete clinical suite.</p> <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem"> <a href="/products/complete-suite" style="padding:13px 30px;background:var(--coral);color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Complete Suite</a> <a href="/pages/clinical-portal" style="padding:13px 30px;background:transparent;color:var(--navy);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px;border:1.5px solid var(--navy)">Preview in Portal First</a> </div> <!-- deck map --> <div style="display:flex;align-items:center;justify-content:center;gap:0;max-width:740px;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid var(--border)"> <a href="#deck-01" style="flex:1;padding:12px 4px;text-align:center;text-decoration:none;background:white;border-right:1px solid var(--border);transition:background 0.12s" onmouseover="this.style.background='#fff8e8'" onmouseout="this.style.background='white'"> <div style="width:10px;height:10px;border-radius:50%;background:#c9a84c;margin:0 auto 5px"></div> <div style="font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#7a4f00">01</div> <div style="font-size:10px;color:#3a4a62;margin-top:2px;line-height:1.3">PILA<br>Cards</div> </a> <a href="#deck-02" style="flex:1;padding:12px 4px;text-align:center;text-decoration:none;background:white;border-right:1px solid var(--border);transition:background 0.12s" onmouseover="this.style.background='#ede8f7'" onmouseout="this.style.background='white'"> <div style="width:10px;height:10px;border-radius:50%;background:#6b4fa0;margin:0 auto 5px"></div> <div style="font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#4a2d80">02</div> <div style="font-size:10px;color:#3a4a62;margin-top:2px;line-height:1.3">Feelings<br>Scale</div> </a> <a href="#deck-03" style="flex:1;padding:12px 4px;text-align:center;text-decoration:none;background:white;border-right:1px solid var(--border);transition:background 0.12s" onmouseover="this.style.background='#e1f5ee'" onmouseout="this.style.background='white'"> <div style="width:10px;height:10px;border-radius:50%;background:#2a7d6b;margin:0 auto 5px"></div> <div style="font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#1a5c4a">03</div> <div style="font-size:10px;color:#3a4a62;margin-top:2px;line-height:1.3">Anchor<br>Cards</div> </a> <a href="#deck-04" style="flex:1;padding:12px 4px;text-align:center;text-decoration:none;background:white;border-right:1px solid var(--border);transition:background 0.12s" onmouseover="this.style.background='#e6f1fb'" onmouseout="this.style.background='white'"> <div style="width:10px;height:10px;border-radius:50%;background:#2e6baf;margin:0 auto 5px"></div> <div style="font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#1a4d8a">04</div> <div style="font-size:10px;color:#3a4a62;margin-top:2px;line-height:1.3">Modal Verb<br>Posters</div> </a> <a href="#deck-05" style="flex:1;padding:12px 4px;text-align:center;text-decoration:none;background:white;border-right:1px solid var(--border);transition:background 0.12s" onmouseover="this.style.background='#faece7'" onmouseout="this.style.background='white'"> <div style="width:10px;height:10px;border-radius:50%;background:#c45c3a;margin:0 auto 5px"></div> <div style="font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#8a3010">05</div> <div style="font-size:10px;color:#3a4a62;margin-top:2px;line-height:1.3">Power Action<br>Cards</div> </a> <a href="#deck-06" style="flex:1;padding:12px 4px;text-align:center;text-decoration:none;background:white;transition:background 0.12s" onmouseover="this.style.background='#e8e4f5'" onmouseout="this.style.background='white'"> <div style="width:10px;height:10px;border-radius:50%;background:#3d2b6e;margin:0 auto 5px"></div> <div style="font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#2a1f50">06</div> <div style="font-size:10px;color:#3a4a62;margin-top:2px;line-height:1.3">Modal<br>Sequences</div> </a> </div> </div> </section> <!-- STICKY DECK NAV --> <div class="sticky-nav"> <div class="sticky-nav-inner"> <a href="#deck-01" class="snav-item"><span class="snav-dot" style="background:#c9a84c"></span>PILA Cards</a> <a href="#deck-02" class="snav-item"><span class="snav-dot" style="background:#6b4fa0"></span>Feelings Scale</a> <a href="#deck-03" class="snav-item"><span class="snav-dot" style="background:#2a7d6b"></span>Anchor Cards</a> <a href="#deck-04" class="snav-item"><span class="snav-dot" style="background:#2e6baf"></span>Modal Verb Posters</a> <a href="#deck-05" class="snav-item"><span class="snav-dot" style="background:#c45c3a"></span>Power Action Cards</a> <a href="#deck-06" class="snav-item"><span class="snav-dot" style="background:#3d2b6e"></span>Modal Sequences</a> </div> </div> <!-- COMPLETE SYSTEM INTRO --> <section style="background:var(--navy);padding:4rem 2rem"> <div style="max-width:900px;margin:0 auto"> <span style="font-size:10px;font-weight:700;letter-spacing:0.26em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:0.75rem">THE COMPLETE SYSTEM</span> <h2 style="font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:500;color:white;margin-bottom:1rem">Every deck. <em style="color:var(--gold-light)">Every clinical moment.</em></h2> <p style="font-size:15.5px;color:rgba(255,255,255,0.65);line-height:1.85;max-width:700px;margin-bottom:2rem">The six decks form an interlocking framework, usable independently or together. Each comes with clinical implementation notes and is accessible via the Psychologist Portal before purchase. The system moves from de-escalation through emotional regulation, grounding, language scaffolding, behavioural activation, to advanced identity formation.</p> <!-- system flow --> <div style="display:flex;align-items:center;gap:0;flex-wrap:wrap"> <div style="background:rgba(201,168,76,0.15);border:1px solid rgba(201,168,76,0.3);border-radius:8px;padding:10px 14px;text-align:center;flex:1;min-width:120px"> <div style="font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#c9a84c;margin-bottom:4px">01</div> <div style="font-size:12px;font-weight:600;color:white">PILA Cards</div> <div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:2px">De-escalation</div> </div> <div style="color:rgba(255,255,255,0.2);font-size:16px;padding:0 6px;flex-shrink:0">→</div> <div style="background:rgba(107,79,160,0.2);border:1px solid rgba(107,79,160,0.35);border-radius:8px;padding:10px 14px;text-align:center;flex:1;min-width:120px"> <div style="font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#9b7fd4;margin-bottom:4px">02</div> <div style="font-size:12px;font-weight:600;color:white">Feelings Scale</div> <div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:2px">Identification</div> </div> <div style="color:rgba(255,255,255,0.2);font-size:16px;padding:0 6px;flex-shrink:0">→</div> <div style="background:rgba(42,125,107,0.2);border:1px solid rgba(42,125,107,0.35);border-radius:8px;padding:10px 14px;text-align:center;flex:1;min-width:120px"> <div style="font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#5dbfa8;margin-bottom:4px">03</div> <div style="font-size:12px;font-weight:600;color:white">Anchor Cards</div> <div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:2px">Grounding</div> </div> <div style="color:rgba(255,255,255,0.2);font-size:16px;padding:0 6px;flex-shrink:0">→</div> <div style="background:rgba(46,107,175,0.2);border:1px solid rgba(46,107,175,0.35);border-radius:8px;padding:10px 14px;text-align:center;flex:1;min-width:120px"> <div style="font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#7aaee8;margin-bottom:4px">04</div> <div style="font-size:12px;font-weight:600;color:white">Modal Verbs</div> <div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:2px">Language</div> </div> <div style="color:rgba(255,255,255,0.2);font-size:16px;padding:0 6px;flex-shrink:0">→</div> <div style="background:rgba(196,92,58,0.2);border:1px solid rgba(196,92,58,0.35);border-radius:8px;padding:10px 14px;text-align:center;flex:1;min-width:120px"> <div style="font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#e8896a;margin-bottom:4px">05</div> <div style="font-size:12px;font-weight:600;color:white">Action Cards</div> <div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:2px">Activation</div> </div> <div style="color:rgba(255,255,255,0.2);font-size:16px;padding:0 6px;flex-shrink:0">→</div> <div style="background:rgba(61,43,110,0.35);border:1px solid rgba(61,43,110,0.5);border-radius:8px;padding:10px 14px;text-align:center;flex:1;min-width:120px"> <div style="font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#b0a0e0;margin-bottom:4px">06</div> <div style="font-size:12px;font-weight:600;color:white">Modal Sequences</div> <div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:2px">Identity</div> </div> </div> </div> </section> <!-- INDIVIDUAL DECK SECTIONS --> <section id="deck-01" style="background:white;padding:5rem 2rem;border-top:3px solid #c9a84c"> <div style="max-width:1040px;margin:0 auto"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start"> <!-- LEFT: content --> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.25rem"> <span style="font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:#c9a84c;opacity:0.4;line-height:1">01</span> <div> <div style="font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#c9a84c;margin-bottom:3px">DECK 01 — CORE FRAMEWORK</div> <h2 style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;line-height:1.1;color:#1a2340;margin:0">PILA Cards</h2> </div> </div> <p style="font-size:16px;font-weight:600;color:#7a4f00;margin-bottom:1rem;font-style:italic;line-height:1.5">The de-escalation framework every session starts with</p> <p style="font-size:15px;color:#3a4a62;line-height:1.85;margin-bottom:1.25rem">PILA gives clinician and child a shared, repeatable language for navigating big emotions. Structured around four steps — Pause, Identify, Listen, Act — it creates the safety and shared vocabulary that every other deck builds upon. The essential first deck for any clinical toolkit.</p> <div style="background:#f8f6f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid #c9a84c"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#5a6880;margin-bottom:6px">In session</div> <p style="font-size:13.5px;color:#3a4a62;line-height:1.7;margin:0">Used at the start of every session to establish co-regulation. Works in acute distress, general emotional check-ins, and as the ongoing communication framework throughout therapy.</p> </div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap"> <span style="font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5a6880">Compatible with:</span> <div style="display:flex;gap:6px;flex-wrap:wrap"><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#fff8e8;color:#7a4f00;border:0.5px solid #c9a84c60">CBT</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#fff8e8;color:#7a4f00;border:0.5px solid #c9a84c60">Trauma-Informed</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#fff8e8;color:#7a4f00;border:0.5px solid #c9a84c60">Person-Centred</span></div> </div> <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> <a href="/products/pila-cards" style="display:inline-block;padding:13px 28px;background:#c9a84c;color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View PILA Cards →</a> <span style="font-size:12px;color:#5a6880">or view in the <a href="/pages/clinical-portal" style="color:#7a4f00;font-weight:600;text-decoration:underline">Clinical Portal</a></span> </div> </div> <!-- RIGHT: sequence images --> <div> <div style="background:#fff8e8;border-radius:14px;padding:1.5rem;border:1px solid #c9a84c30"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#7a4f00;margin-bottom:1rem;opacity:0.7">Example sequences from this deck</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"> <img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/we_can_understand_empathetic.png?v=1780194708" alt="empathetic sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/we_shall_work_together_cooperative.png?v=1780194708" alt="cooperative sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"> </div> <div style="margin-top:1rem;padding-top:1rem;border-top:1px solid #c9a84c30;display:flex;align-items:center;justify-content:space-between"> <span style="font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#7a4f00">De-escalation</span> <span style="font-size:11px;color:#7a4f00;opacity:0.65">First contact & session opening</span> </div> </div> </div> </div> </div> </section> <section id="deck-02" style="background:#f5f9f7;padding:5rem 2rem;border-top:3px solid #6b4fa0"> <div style="max-width:1040px;margin:0 auto"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start"> <!-- LEFT: content --> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.25rem"> <span style="font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:#6b4fa0;opacity:0.4;line-height:1">02</span> <div> <div style="font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#6b4fa0;margin-bottom:3px">DECK 02 — EMOTIONAL REGULATION</div> <h2 style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;line-height:1.1;color:#1a2340;margin:0">Feelings Intensity Scale</h2> </div> </div> <p style="font-size:16px;font-weight:600;color:#4a2d80;margin-bottom:1rem;font-style:italic;line-height:1.5">A visual tool for naming emotions with clinical precision</p> <p style="font-size:15px;color:#3a4a62;line-height:1.85;margin-bottom:1.25rem">Visual emotional scaling tool that helps children identify, name, and rate the intensity of their emotions. Moves from vague distress to specific emotional identification — the critical step that makes regulation possible. Directly applicable within CBT and trauma-informed sessions.</p> <div style="background:#f8f6f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid #6b4fa0"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#5a6880;margin-bottom:6px">In session</div> <p style="font-size:13.5px;color:#3a4a62;line-height:1.7;margin:0">Used mid-session when emotional identification is needed. Pairs with PILA Cards at the Identify stage. Provides a concrete, visual anchor for children who cannot yet articulate emotional states verbally.</p> </div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap"> <span style="font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5a6880">Compatible with:</span> <div style="display:flex;gap:6px;flex-wrap:wrap"><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#ede8f7;color:#4a2d80;border:0.5px solid #6b4fa060">CBT</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#ede8f7;color:#4a2d80;border:0.5px solid #6b4fa060">Trauma-Informed</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#ede8f7;color:#4a2d80;border:0.5px solid #6b4fa060">Play Therapy</span></div> </div> <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> <a href="/products/feelings-intensity-scale" style="display:inline-block;padding:13px 28px;background:#6b4fa0;color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Feelings Intensity Scale →</a> <span style="font-size:12px;color:#5a6880">or view in the <a href="/pages/clinical-portal" style="color:#4a2d80;font-weight:600;text-decoration:underline">Clinical Portal</a></span> </div> </div> <!-- RIGHT: sequence images --> <div> <div style="background:#ede8f7;border-radius:14px;padding:1.5rem;border:1px solid #6b4fa030"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#4a2d80;margin-bottom:1rem;opacity:0.7">Example sequences from this deck</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"> <img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_focused_identity_i_need_to_concentrate_focused.png?v=1780194708" alt="focused sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_patient_identity_i_should_wait_patient.png?v=1780194706" alt="patient sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"> </div> <div style="margin-top:1rem;padding-top:1rem;border-top:1px solid #6b4fa030;display:flex;align-items:center;justify-content:space-between"> <span style="font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#4a2d80">Emotional Regulation</span> <span style="font-size:11px;color:#4a2d80;opacity:0.65">Emotional identification & scaling</span> </div> </div> </div> </div> </div> </section> <section id="deck-03" style="background:white;padding:5rem 2rem;border-top:3px solid #2a7d6b"> <div style="max-width:1040px;margin:0 auto"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start"> <!-- LEFT: content --> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.25rem"> <span style="font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:#2a7d6b;opacity:0.4;line-height:1">03</span> <div> <div style="font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#2a7d6b;margin-bottom:3px">DECK 03 — GROUNDING</div> <h2 style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;line-height:1.1;color:#1a2340;margin:0">Anchor Cards</h2> </div> </div> <p style="font-size:16px;font-weight:600;color:#1a5c4a;margin-bottom:1rem;font-style:italic;line-height:1.5">Safety-based grounding for moments of acute distress</p> <p style="font-size:15px;color:#3a4a62;line-height:1.85;margin-bottom:1.25rem">Trauma-informed grounding tools designed to bring a child back to the present moment safely before any cognitive processing begins. Used when a child is too dysregulated to engage with language-based tools, the Anchor Cards create the safety window that makes everything else possible.</p> <div style="background:#f8f6f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid #2a7d6b"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#5a6880;margin-bottom:6px">In session</div> <p style="font-size:13.5px;color:#3a4a62;line-height:1.7;margin:0">Used when a child presents in acute distress or emotional flooding. Precedes all other decks in crisis moments. Supports the Listen stage of PILA — turning attention inward and establishing present-moment safety.</p> </div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap"> <span style="font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5a6880">Compatible with:</span> <div style="display:flex;gap:6px;flex-wrap:wrap"><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e1f5ee;color:#1a5c4a;border:0.5px solid #2a7d6b60">Trauma-Informed</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e1f5ee;color:#1a5c4a;border:0.5px solid #2a7d6b60">Somatic</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e1f5ee;color:#1a5c4a;border:0.5px solid #2a7d6b60">Attachment-Based</span></div> </div> <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> <a href="/products/anchor-cards" style="display:inline-block;padding:13px 28px;background:#2a7d6b;color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Anchor Cards →</a> <span style="font-size:12px;color:#5a6880">or view in the <a href="/pages/clinical-portal" style="color:#1a5c4a;font-weight:600;text-decoration:underline">Clinical Portal</a></span> </div> </div> <!-- RIGHT: sequence images --> <div> <div style="background:#e1f5ee;border-radius:14px;padding:1.5rem;border:1px solid #2a7d6b30"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#1a5c4a;margin-bottom:1rem;opacity:0.7">Example sequences from this deck</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"> <img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_patient_identity_i_should_wait_patient.png?v=1780194706" alt="patient sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/adaptable_sequence.png?v=1780194695" alt="adaptable sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"> </div> <div style="margin-top:1rem;padding-top:1rem;border-top:1px solid #2a7d6b30;display:flex;align-items:center;justify-content:space-between"> <span style="font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#1a5c4a">Grounding</span> <span style="font-size:11px;color:#1a5c4a;opacity:0.65">Acute distress & dysregulation</span> </div> </div> </div> </div> </div> </section> <section id="deck-04" style="background:#f5f9f7;padding:5rem 2rem;border-top:3px solid #2e6baf"> <div style="max-width:1040px;margin:0 auto"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start"> <!-- LEFT: content --> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.25rem"> <span style="font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:#2e6baf;opacity:0.4;line-height:1">04</span> <div> <div style="font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#2e6baf;margin-bottom:3px">DECK 04 — LANGUAGE SCAFFOLDING</div> <h2 style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;line-height:1.1;color:#1a2340;margin:0">Modal Verb Posters</h2> </div> </div> <p style="font-size:16px;font-weight:600;color:#1a4d8a;margin-bottom:1rem;font-style:italic;line-height:1.5">Applied linguistics bridging emotional experience and verbal expression</p> <p style="font-size:15px;color:#3a4a62;line-height:1.85;margin-bottom:1.25rem">Modal verb scaffolding helps children express possibility, necessity, and intention — bridging emotional experience and verbal articulation. The seven Modal Sentences (I will, I can be, I am going to, We shall, We can, I need to, I should) become the grammatical architecture of identity change.</p> <div style="background:#f8f6f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid #2e6baf"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#5a6880;margin-bottom:6px">In session</div> <p style="font-size:13.5px;color:#3a4a62;line-height:1.7;margin:0">Introduced once basic emotional regulation is established. Used as classroom or therapy room display material and as interactive reference tools. Forms the linguistic foundation for the advanced Modal Sequences deck.</p> </div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap"> <span style="font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5a6880">Compatible with:</span> <div style="display:flex;gap:6px;flex-wrap:wrap"><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e6f1fb;color:#1a4d8a;border:0.5px solid #2e6baf60">CBT</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e6f1fb;color:#1a4d8a;border:0.5px solid #2e6baf60">CASEL-Aligned</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e6f1fb;color:#1a4d8a;border:0.5px solid #2e6baf60">Educational Settings</span></div> </div> <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> <a href="/products/modal-verb-posters" style="display:inline-block;padding:13px 28px;background:#2e6baf;color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Modal Verb Posters →</a> <span style="font-size:12px;color:#5a6880">or view in the <a href="/pages/clinical-portal" style="color:#1a4d8a;font-weight:600;text-decoration:underline">Clinical Portal</a></span> </div> </div> <!-- RIGHT: sequence images --> <div> <div style="background:#e6f1fb;border-radius:14px;padding:1.5rem;border:1px solid #2e6baf30"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#1a4d8a;margin-bottom:1rem;opacity:0.7">Example sequences from this deck</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"> <img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_curious_identity_i_am_going_to_explore_curious.png?v=1780194708" alt="curious sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_creative_identity_i_am_going_to_imagine_creative.png?v=1780194708" alt="creative sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"> </div> <div style="margin-top:1rem;padding-top:1rem;border-top:1px solid #2e6baf30;display:flex;align-items:center;justify-content:space-between"> <span style="font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#1a4d8a">Language Scaffolding</span> <span style="font-size:11px;color:#1a4d8a;opacity:0.65">Vocabulary & language building</span> </div> </div> </div> </div> </div> </section> <section id="deck-05" style="background:white;padding:5rem 2rem;border-top:3px solid #c45c3a"> <div style="max-width:1040px;margin:0 auto"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start"> <!-- LEFT: content --> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.25rem"> <span style="font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:#c45c3a;opacity:0.4;line-height:1">05</span> <div> <div style="font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#c45c3a;margin-bottom:3px">DECK 05 — BEHAVIOURAL ACTIVATION</div> <h2 style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;line-height:1.1;color:#1a2340;margin:0">Power Action Cards</h2> </div> </div> <p style="font-size:16px;font-weight:600;color:#8a3010;margin-bottom:1rem;font-style:italic;line-height:1.5">Moving children from emotional identification to purposeful action</p> <p style="font-size:15px;color:#3a4a62;line-height:1.85;margin-bottom:1.25rem">Structured prompts that move children from emotional identification to purposeful, positive action. Behavioural activation in card form — aligned with CBT behavioural components. Bridges the gap between feeling and doing, creating the concrete action step that precedes identity formation.</p> <div style="background:#f8f6f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid #c45c3a"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#5a6880;margin-bottom:6px">In session</div> <p style="font-size:13.5px;color:#3a4a62;line-height:1.7;margin:0">Used in the Act phase of PILA. Pairs with the Feelings Intensity Scale to create a complete emotion-to-action pathway. Particularly effective for children with low motivation, depression presentations, or avoidance patterns.</p> </div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap"> <span style="font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5a6880">Compatible with:</span> <div style="display:flex;gap:6px;flex-wrap:wrap"><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#faece7;color:#8a3010;border:0.5px solid #c45c3a60">CBT</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#faece7;color:#8a3010;border:0.5px solid #c45c3a60">Behavioural</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#faece7;color:#8a3010;border:0.5px solid #c45c3a60">Motivational Interviewing</span></div> </div> <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> <a href="/products/power-action-cards" style="display:inline-block;padding:13px 28px;background:#c45c3a;color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Power Action Cards →</a> <span style="font-size:12px;color:#5a6880">or view in the <a href="/pages/clinical-portal" style="color:#8a3010;font-weight:600;text-decoration:underline">Clinical Portal</a></span> </div> </div> <!-- RIGHT: sequence images --> <div> <div style="background:#faece7;border-radius:14px;padding:1.5rem;border:1px solid #c45c3a30"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#8a3010;margin-bottom:1rem;opacity:0.7">Example sequences from this deck</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"> <img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_generous_identity_i_will_give_generous.png?v=1780194700" alt="generous sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_cheerful_identity_i_will_smile_cheerful.png?v=1780194691" alt="cheerful sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"> </div> <div style="margin-top:1rem;padding-top:1rem;border-top:1px solid #c45c3a30;display:flex;align-items:center;justify-content:space-between"> <span style="font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8a3010">Behavioural Activation</span> <span style="font-size:11px;color:#8a3010;opacity:0.65">Emotion to action bridge</span> </div> </div> </div> </div> </div> </section> <section id="deck-06" style="background:#f5f9f7;padding:5rem 2rem;border-top:3px solid #3d2b6e"> <div style="max-width:1040px;margin:0 auto"> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start"> <!-- LEFT: content --> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.25rem"> <span style="font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:#3d2b6e;opacity:0.4;line-height:1">06</span> <div> <div style="font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#3d2b6e;margin-bottom:3px">DECK 06 — ADVANCED PRACTICE</div> <h2 style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;line-height:1.1;color:#1a2340;margin:0">Modal Sequences</h2> </div> </div> <p style="font-size:16px;font-weight:600;color:#2a1f50;margin-bottom:1rem;font-style:italic;line-height:1.5">Structured pathways from language to lasting identity</p> <p style="font-size:15px;color:#3a4a62;line-height:1.85;margin-bottom:1.25rem">The most advanced deck in the system. Structured therapeutic conversation pathways that combine language scaffolding with emotional regulation — creating durable identity outcomes through repeated practice. Each sequence moves: Modal Sentence → Action Verb → Identity Outcome.</p> <div style="background:#f8f6f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid #3d2b6e"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#5a6880;margin-bottom:6px">In session</div> <p style="font-size:13.5px;color:#3a4a62;line-height:1.7;margin:0">Used by experienced practitioners once earlier decks are established. Each sequence is a complete identity-building intervention. Outcomes are measurable, reportable, and observable within 4–6 weeks of consistent practice.</p> </div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap"> <span style="font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5a6880">Compatible with:</span> <div style="display:flex;gap:6px;flex-wrap:wrap"><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e8e4f5;color:#2a1f50;border:0.5px solid #3d2b6e60">All Frameworks</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e8e4f5;color:#2a1f50;border:0.5px solid #3d2b6e60">Advanced CBT</span><span style="font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:#e8e4f5;color:#2a1f50;border:0.5px solid #3d2b6e60">Schema Therapy</span></div> </div> <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> <a href="/products/modal-sequences" style="display:inline-block;padding:13px 28px;background:#3d2b6e;color:white;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Modal Sequences →</a> <span style="font-size:12px;color:#5a6880">or view in the <a href="/pages/clinical-portal" style="color:#2a1f50;font-weight:600;text-decoration:underline">Clinical Portal</a></span> </div> </div> <!-- RIGHT: sequence images --> <div> <div style="background:#e8e4f5;border-radius:14px;padding:1.5rem;border:1px solid #3d2b6e30"> <div style="font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#2a1f50;margin-bottom:1rem;opacity:0.7">Example sequences from this deck</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"> <img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/we_shall_work_together_cooperative.png?v=1780194708" alt="cooperative sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/respectful_sequence.png?v=1780194706" alt="respectful sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/building_grateful_identity_i_can_be_then_appreciate_then_gra.png?v=1780194701" alt="grateful sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"><img src="https://cdn.shopify.com/s/files/1/0788/5298/0952/files/leader_sequence.png?v=1780194707" alt="leader sequence" loading="lazy" style="width:100%;border-radius:8px;border:1px solid rgba(26,35,64,0.08);display:block"> </div> <div style="margin-top:1rem;padding-top:1rem;border-top:1px solid #3d2b6e30;display:flex;align-items:center;justify-content:space-between"> <span style="font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#2a1f50">Advanced Practice</span> <span style="font-size:11px;color:#2a1f50;opacity:0.65">Identity formation & consolidation</span> </div> </div> </div> </div> </div> </section> <!-- COMPLETE SUITE CTA --> <section style="background:var(--slate);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden"> <div style="position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(201,168,76,0.1) 0%,transparent 70%)"></div> <div style="position:relative;max-width:680px;margin:0 auto"> <span style="font-size:10px;font-weight:700;letter-spacing:0.26em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1rem">BEST VALUE</span> <h2 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:500;color:white;line-height:1.1;margin-bottom:1rem">The Complete<br><em style="color:var(--gold-light)">Clinical Suite</em></h2> <p style="font-size:16px;color:rgba(255,255,255,0.6);max-width:520px;margin:0 auto 1rem;line-height:1.8">The complete Power Phrase Universe clinical toolkit. All six card decks plus supplementary resources — everything a psychologist or school counsellor needs in one bundle.</p> <div style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:1.5rem 2rem;margin:0 auto 2rem;max-width:460px"> <div style="font-size:13px;font-weight:600;color:white;margin-bottom:6px">What’s included:</div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:4px;text-align:left"> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ PILA Cards</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Feelings Intensity Scale</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Anchor Cards</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Modal Verb Posters</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Power Action Cards</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Modal Sequences</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Portal Access</span> <span style="font-size:12px;color:rgba(255,255,255,0.6);padding:3px 0">✓ Clinical Notes</span> </div> </div> <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap"> <a href="/products/complete-suite" style="padding:16px 40px;background:var(--coral);color:white;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px">View Complete Suite</a> <a href="/pages/clinical-portal" style="padding:16px 40px;background:transparent;color:rgba(255,255,255,0.75);font-size:13px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:6px;border:1px solid rgba(255,255,255,0.25)">Preview First →</a> </div> </div> </section> <!-- DISCLAIMER --> <div style="background:var(--navy);padding:2rem;text-align:center"> <p style="font-size:13px;color:rgba(255,255,255,0.35);max-width:700px;margin:0 auto;line-height:1.65"> <strong style="color:rgba(255,255,255,0.55)">Important:</strong> Power Phrase Universe cards are educational and social-emotional learning (SEL) tools. They are not a substitute for professional psychological assessment, diagnosis, or treatment. If you or someone you support is in crisis, contact a qualified mental health professional or your local emergency services.<br> ABN 55 260 040 085 · Warabrook NSW 2304, Australia </p> </div>