.product-surface{grid-column:1/-1;display:grid;gap:18px}.surface-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px}.surface-kicker{margin:0;color:#006BFF;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.surface-meta{margin:4px 0 0;color:#667085;font-size:13px}.surface-count{border:1px solid #dbeafe;background:#f8fbff;color:#006BFF;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.surface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.surface-card{position:relative;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:20px;text-align:left;min-height:205px;display:flex;flex-direction:column;box-shadow:0 7px 24px rgba(16,24,40,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.surface-card:hover{transform:translateY(-2px);border-color:#a9c9ff;box-shadow:0 14px 34px rgba(0,107,255,.09)}.surface-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eef5ff;color:#006BFF;font-size:20px;margin-bottom:16px;border:1px solid #dbeafe}.surface-card-copy{padding-right:4px}.surface-card h3{margin:0 0 7px;color:#101828;font-size:17px;letter-spacing:-.2px}.surface-card p{margin:0;color:#667085;font-size:13px;line-height:1.58}.surface-tag{display:inline-flex;margin-top:14px;padding:5px 8px;border-radius:999px;background:#f6f8fb;color:#475467;font-size:11px;font-weight:700}.surface-action{margin-top:auto;align-self:flex-start;border:1px solid #dbeafe;background:#fff;color:#006BFF;border-radius:10px;font-weight:800;font-size:12px;padding:9px 11px;cursor:pointer;transition:.18s}.surface-action:hover{background:#f5f9ff;border-color:#9fc4ff}.surface-stage{border:1px solid #dbe7f5;border-radius:20px;background:#fbfdff;padding:20px;box-shadow:0 8px 28px rgba(16,24,40,.04)}.surface-stage[hidden]{display:none}.tool-workbench{display:grid;gap:18px}.tool-workbench-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.tool-workbench-head h3{margin:5px 0 5px;color:#101828;font-size:25px;letter-spacing:-.7px}.tool-workbench-head p{margin:0;color:#667085;font-size:13px;line-height:1.6}.tool-label{display:inline-block;color:#006BFF;font-size:10px;font-weight:900;letter-spacing:1.7px}.tool-status{border:1px solid #dbeafe;background:#eef6ff;color:#006BFF;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.tool-primary{border:0;background:#006BFF;color:#fff;border-radius:11px;padding:12px 15px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(0,107,255,.16)}.tool-primary:hover{background:#005ee0}.breathing-tool{gap:20px}.breathing-stage{position:relative;min-height:330px;border:1px solid #dbe7f5;border-radius:22px;background:radial-gradient(circle at 50% 42%,#fff 0,#f7faff 48%,#f0f6ff 100%);display:grid;grid-template-columns:minmax(230px,330px) 1fr;align-items:center;gap:28px;padding:28px;overflow:hidden}.breathing-stage:before{content:"";position:absolute;inset:18px;border:1px solid rgba(0,107,255,.08);border-radius:18px;pointer-events:none}.breathing-orbit{position:relative;width:270px;height:270px;margin:auto;display:grid;place-items:center}.breathing-ring{position:absolute;border:1px solid #cfe0ff;border-radius:50%;inset:18px;transition:transform 3.8s cubic-bezier(.4,0,.2,1),opacity 3.8s ease}.breathing-ring-outer{inset:0;opacity:.45}.breathing-ring-inner{inset:38px;opacity:.75}.breathing-core{position:relative;width:150px;height:150px;border-radius:50%;background:#fff;border:2px solid #8ebcff;box-shadow:0 16px 45px rgba(0,107,255,.13),0 0 0 14px rgba(0,107,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform 3.8s cubic-bezier(.4,0,.2,1),box-shadow 3.8s ease}.breathing-phase{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#006BFF}.breathing-core strong{font-size:40px;line-height:1;margin:8px 0 2px;color:#101828}.breathing-core small{font-size:11px;color:#667085}.breathing-readout{position:relative;max-width:440px}.breathing-kicker{display:block;color:#006BFF;font-size:10px;font-weight:900;letter-spacing:1.7px;margin-bottom:8px}.breathing-readout strong{display:block;color:#101828;font-size:22px;letter-spacing:-.4px;margin-bottom:8px}.breathing-readout p{margin:0;color:#667085;font-size:13px;line-height:1.7}.breathing-tool[data-phase="inhale"] .breathing-core{transform:scale(1.18);box-shadow:0 22px 55px rgba(0,107,255,.17),0 0 0 22px rgba(0,107,255,.045)}.breathing-tool[data-phase="inhale"] .breathing-ring-outer{transform:scale(1.08);opacity:.7}.breathing-tool[data-phase="exhale"] .breathing-core{transform:scale(.82);box-shadow:0 10px 28px rgba(0,107,255,.08),0 0 0 7px rgba(0,107,255,.025)}.breathing-tool[data-phase="exhale"] .breathing-ring-outer{transform:scale(.9);opacity:.35}.breathing-controls{display:flex;gap:10px}.breathing-start{min-width:130px}.breathing-secondary{border:1px solid #d8e2ef;background:#fff;color:#344054;border-radius:11px;padding:12px 15px;font-weight:800;cursor:pointer}.breathing-secondary:hover{border-color:#9fc4ff;color:#006BFF;background:#f8fbff}.breathing-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2e8f0;background:#fff;border-radius:15px;overflow:hidden}.breathing-stats div{padding:13px 15px;border-right:1px solid #e2e8f0}.breathing-stats div:last-child{border-right:0}.breathing-stats span{display:block;color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}.breathing-stats strong{color:#101828;font-size:13px}.advanced-tool{gap:20px}.instrument-grid,.matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.instrument-grid label,.matrix-grid label{display:grid;gap:7px;color:#475467;font-size:11px;font-weight:800}.instrument-grid input,.matrix-grid input{width:100%;border:1px solid #d8e2ef;background:#fff;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;color:#101828;outline:none}.instrument-grid input:focus,.matrix-grid input:focus{border-color:#8ebcff;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.trajectory-output,.scenario-output{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2e8f0;border-radius:15px;background:#fff;overflow:hidden}.trajectory-output div,.scenario-output div{padding:16px;border-right:1px solid #e2e8f0}.trajectory-output div:last-child,.scenario-output div:last-child{border-right:0}.trajectory-output span,.scenario-output span{display:block;color:#98a2b3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:5px}.trajectory-output strong,.scenario-output strong{font-size:19px;color:#101828}.trajectory-bar,.mastery-meter{height:9px;border-radius:999px;background:#eaf0f8;overflow:hidden}.trajectory-bar span,.mastery-meter span{display:block;height:100%;width:0;border-radius:inherit;background:#006BFF;transition:width .25s ease}.tool-explanation{margin:0;color:#667085;font-size:13px;line-height:1.6}.mastery-card{border:1px solid #e2e8f0;border-radius:17px;background:#fff;padding:20px}.mastery-card h4{margin:0 0 15px;color:#101828;font-size:17px}.mastery-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.mastery-buttons button{border:1px solid #dbe2ea;background:#fff;color:#344054;border-radius:10px;padding:10px 8px;font-size:11px;font-weight:800;cursor:pointer}.mastery-buttons button:hover{border-color:#9fc4ff;color:#006BFF;background:#f8fbff}.mastery-meter span{width:0}.mastery-card p{margin:12px 0 0;color:#667085;font-size:12px;line-height:1.55}.surface-note{border:1px solid #e5edff;background:#f8fbff;border-radius:16px;padding:15px 18px;color:#475467;font-size:13px;line-height:1.55}.surface-note strong{color:#101828}@media(max-width:900px){.surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.breathing-stage{grid-template-columns:1fr;padding:24px}.breathing-readout{max-width:none}.breathing-orbit{width:240px;height:240px}.instrument-grid,.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.surface-grid{grid-template-columns:1fr}.surface-card{min-height:0;padding:19px}.surface-toolbar{align-items:flex-start;flex-direction:column}.surface-count{align-self:flex-start}.surface-action{margin-top:16px}.surface-stage{padding:16px}.tool-workbench-head{flex-direction:column}.breathing-stage{min-height:0;padding:20px;gap:12px}.breathing-orbit{width:210px;height:210px}.breathing-core{width:126px;height:126px}.breathing-core strong{font-size:34px}.breathing-controls{flex-direction:column}.breathing-start,.breathing-secondary{width:100%}.breathing-stats,.trajectory-output,.scenario-output{grid-template-columns:1fr}.breathing-stats div,.trajectory-output div,.scenario-output div{border-right:0;border-bottom:1px solid #e2e8f0}.breathing-stats div:last-child,.trajectory-output div:last-child,.scenario-output div:last-child{border-bottom:0}.instrument-grid,.matrix-grid{grid-template-columns:1fr}.mastery-buttons{grid-template-columns:1fr 1fr}.surface-note{font-size:12px}}@media(prefers-reduced-motion:reduce){.surface-card,.breathing-ring,.breathing-core,.trajectory-bar span,.mastery-meter span{transition:none}}