.tools-hero{padding:8rem 8vw 5rem;background:var(--cream);border-bottom:1px solid var(--line)}.tools-hero h1{font-size:clamp(3.2rem,6vw,6rem);max-width:850px}.tools-hero>p:last-child{max-width:620px;color:var(--muted);font-size:1.08rem;margin-top:2rem}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.tool-card{position:relative;min-height:260px;padding:2rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;background:var(--paper);transition:background .4s ease,transform .4s ease}.tool-card:last-child{border-right:0}.tool-card:hover{background:#f2eee5;transform:translateY(-3px)}.tool-index,.tool-kicker{font-size:.6rem;letter-spacing:.2em;color:var(--sage);font-weight:600}.tool-card h2{font-size:2.35rem;margin:.7rem 0 .3rem}.tool-card p{margin:0;color:var(--muted)}.tool-arrow{position:absolute;top:2rem;right:2rem;color:var(--sage);font-size:1.1rem}.tool-experience{padding:7rem 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center;border-bottom:1px solid var(--line);scroll-margin-top:76px}.tool-experience.reverse{grid-template-columns:1.2fr .8fr}.tool-experience-copy{max-width:540px}.tool-experience-copy h2{font-size:clamp(2.7rem,4.5vw,4.8rem)}.tool-experience-copy p:last-child{color:var(--muted);font-size:1.02rem;margin-top:1.5rem}.tool-panel{min-height:500px;padding:4rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#f2eee4,#e5e1d7);border:1px solid #d7d1c5;box-shadow:0 25px 65px rgba(39,45,43,.09);position:relative;overflow:hidden}.tool-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-150px;border:1px solid rgba(105,113,95,.2);box-shadow:-60px 60px 0 -30px rgba(105,113,95,.07),-120px 120px 0 -60px rgba(105,113,95,.06)}.tool-state,.tool-panel>div{position:relative;z-index:1}.tool-state{display:none;flex-direction:column;align-items:flex-start}.tool-state.active{display:flex}.tool-state strong,.breathing-panel strong,.reflection-panel>strong,.emotion-panel strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:1rem 0}.tool-state p,.breathing-panel p{color:var(--muted);max-width:500px}.tool-button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:.8rem 1.25rem;font:inherit;cursor:pointer;margin-top:1.2rem}.tool-button:hover{transform:translateY(-2px)}.tool-button.ghost{background:transparent;color:var(--ink)}.tool-number{font-family:Georgia,"Times New Roman",serif;font-size:8rem;line-height:.9;margin:1.5rem 0;color:var(--sage);font-weight:400}.breathing-panel{align-items:center;text-align:center}.breath-orb{width:150px;height:150px;border-radius:50%;border:1px solid rgba(105,113,95,.5);background:rgba(251,250,247,.48);box-shadow:0 0 0 24px rgba(105,113,95,.04),0 0 0 48px rgba(105,113,95,.025);margin-bottom:2.2rem;transition:transform 4s ease-in-out}.breathing-panel.breathing .breath-orb{transform:scale(1.35)}.breath-controls{display:flex;gap:.6rem}.reflection-panel textarea{position:relative;z-index:1;width:100%;min-height:190px;resize:vertical;border:0;border-bottom:1px solid #c9c2b5;background:rgba(251,250,247,.45);padding:1rem 0;font:1rem/1.7 Georgia,"Times New Roman",serif;color:var(--ink);outline:none}.reflection-panel textarea:focus{border-bottom-color:var(--sage)}.reflection-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.reflection-footer span{font-size:.72rem;color:var(--muted)}.save-note{position:relative;z-index:1;color:var(--sage);font-size:.78rem;margin:.8rem 0 0}.emotion-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:2rem}.emotion-grid button,.emotion-prompt button{border:1px solid #cec7bb;background:rgba(251,250,247,.5);padding:1rem;text-align:left;font:inherit;cursor:pointer;transition:background .3s ease,border-color .3s ease}.emotion-grid button:hover,.emotion-prompt button:hover{background:#fbfaf7;border-color:var(--sage)}.emotion-panel [data-emotion-view="detail"]{position:relative;z-index:1}.emotion-prompt{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0}.emotion-prompt span{grid-column:1/-1;font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.tool-note{padding:7rem 8vw;text-align:center;background:#edf0ea}.tool-note h2{font-size:clamp(2.7rem,5vw,5rem)}.tool-note p:last-child{max-width:650px;margin:1.5rem auto 0;color:var(--muted)}@media(max-width:1000px){.tool-grid{grid-template-columns:1fr 1fr}.tool-card:nth-child(2){border-right:0}.tool-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.tool-experience,.tool-experience.reverse{grid-template-columns:1fr;gap:3rem}.tool-panel{min-height:440px}}@media(max-width:900px){.site-header nav{display:none}.tools-hero{padding:6rem 8vw 4rem}.tool-grid{grid-template-columns:1fr}.tool-card,.tool-card:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.tool-card:last-child{border-bottom:0}.tool-experience,.tool-experience.reverse{padding:5rem 8vw}.tool-panel{padding:2.5rem;min-height:430px}.reflection-footer{align-items:flex-start;flex-direction:column}.emotion-grid,.emotion-prompt{grid-template-columns:1fr}}
/* Unified XYNOXIA wordmark: same typography and descriptor across every surface */
.xynoxia-wordmark-lockup{display:inline-flex!important;align-items:center!important;gap:15px!important;text-decoration:none!important;min-width:0;color:inherit!important}.xynoxia-wordmark-lockup>img{display:block!important;width:clamp(120px,14vw,174px)!important;height:auto!important;max-height:36px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto}.xynoxia-wordmark-copy{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.15}.xynoxia-wordmark-copy strong{font-size:clamp(13px,1.2vw,16px);font-weight:850;letter-spacing:.16em;color:inherit}.xynoxia-wordmark-copy small{font-size:clamp(8px,.7vw,10px);font-weight:750;letter-spacing:.12em;line-height:1.35;color:var(--muted,#777);white-space:normal}.topbar .xynoxia-wordmark-lockup{color:var(--ink,#222)!important}.topbar .xynoxia-wordmark-copy small{color:var(--muted,#777)}.app-topbar .xynoxia-wordmark-lockup,.site-header .xynoxia-wordmark-lockup{margin-right:auto}.xynoxia-wordmark-lockup:focus-visible{outline:2px solid #99001b;outline-offset:5px;border-radius:3px}@media(max-width:640px){.xynoxia-wordmark-lockup{gap:9px!important}.xynoxia-wordmark-lockup>img{width:clamp(100px,27vw,135px)!important;max-height:30px!important}.xynoxia-wordmark-copy small{font-size:7px;letter-spacing:.08em}.xynoxia-wordmark-copy strong{font-size:12px;letter-spacing:.12em}}

/* Unified XYNOXIA wordmark: same typography and descriptor across every surface */
.xynoxia-wordmark-lockup{display:inline-flex!important;align-items:center!important;gap:15px!important;text-decoration:none!important;min-width:0;color:inherit!important}.xynoxia-wordmark-lockup>img{display:block!important;width:clamp(120px,14vw,174px)!important;height:auto!important;max-height:36px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto}.xynoxia-wordmark-copy{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.15}.xynoxia-wordmark-copy strong{font-size:clamp(13px,1.2vw,16px);font-weight:850;letter-spacing:.16em;color:inherit}.xynoxia-wordmark-copy small{font-size:clamp(8px,.7vw,10px);font-weight:750;letter-spacing:.12em;line-height:1.35;color:var(--muted,#777);white-space:normal}.topbar .xynoxia-wordmark-lockup{color:var(--ink,#222)!important}.topbar .xynoxia-wordmark-copy small{color:var(--muted,#777)}.app-topbar .xynoxia-wordmark-lockup,.site-header .xynoxia-wordmark-lockup{margin-right:auto}.xynoxia-wordmark-lockup:focus-visible{outline:2px solid #99001b;outline-offset:5px;border-radius:3px}@media(max-width:640px){.xynoxia-wordmark-lockup{gap:9px!important}.xynoxia-wordmark-lockup>img{width:clamp(100px,27vw,135px)!important;max-height:30px!important}.xynoxia-wordmark-copy small{font-size:7px;letter-spacing:.08em}.xynoxia-wordmark-copy strong{font-size:12px;letter-spacing:.12em}}
