.blueprints-page{padding-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));min-height:calc(100dvh - var(--navbar-height));flex-direction:column;padding-bottom:4rem;display:flex}.bp-hero{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3.5rem;width:100%;max-width:1100px;margin:0 auto;padding:1rem 0 2rem;display:grid;position:relative}.bp-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#19a7b829,#0000 100%) 15% 25%/55% 60% no-repeat,radial-gradient(closest-side,#43c59e24,#0000 100%) 85% 70%/55% 60% no-repeat;position:absolute;inset:-15% -10%}.bp-hero-copy{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.bp-badge{color:var(--accent-on-tint);background-color:#17806b17;border:1px solid #17806b38;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.bp-badge-dot{background-color:var(--accent-color);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite bpPing;box-shadow:0 0 #17806b80}@keyframes bpPing{0%{box-shadow:0 0 #17806b73}70%{box-shadow:0 0 0 9px #17806b00}to{box-shadow:0 0 #17806b00}}.bp-title{letter-spacing:-.5px;color:var(--text-main);margin:0;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.15}.bp-title-accent{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.bp-lede{color:var(--text-muted);max-width:46ch;margin:0;font-size:1.15rem;line-height:1.7}.bp-features{flex-direction:column;gap:.9rem;width:100%;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.bp-feature{align-items:flex-start;gap:.85rem;display:flex}.bp-feature-icon{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid;box-shadow:0 3px 10px #087f8c12}.bp-feature-text{color:var(--text-muted);flex-direction:column;font-size:.95rem;line-height:1.5;display:flex}.bp-feature-text strong{color:var(--text-main);font-size:1rem;font-weight:700}.hero-actions{flex-direction:column;align-items:flex-start;gap:.7rem;margin-top:.75rem;display:flex}.bp-cta{color:var(--white);background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);border-radius:999px;align-items:center;gap:.7rem;padding:1rem 2.4rem;font-family:inherit;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #087f8c47}.bp-cta:hover{transform:translateY(-3px);box-shadow:0 14px 30px #087f8c5c}.bp-cta:active{transform:translateY(0);box-shadow:0 6px 14px #087f8c47}.bp-note{color:var(--text-muted);margin:0;font-size:.85rem}.bp-hero-visual{justify-content:center;display:flex}.bp-tank{aspect-ratio:4/5;border:1px solid var(--border-light);background:linear-gradient(160deg,#ffffffe6,#e6f2f399);border-radius:26px;width:100%;max-width:380px;padding:10px;box-shadow:0 20px 45px #087f8c26}.bp-tank-water{background:linear-gradient(#dff3f5 0%,#a9dde4 45%,#6fbfce 100%);border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}.bp-zone{border-top:1px dashed #ffffff8c;height:33.33%;position:absolute;left:0;right:0}.bp-zone-top{border-top-color:#0000;top:0}.bp-zone-mid{top:33.33%}.bp-zone-bottom{background:linear-gradient(#087f8c00 0%,#087f8c24 100%);top:66.66%}.bp-fish{font-size:1.8rem;animation:14s ease-in-out infinite bpSwim;position:absolute;transform:scaleX(-1)}.bp-fish-1{font-size:2.1rem;animation-duration:16s;top:14%}.bp-fish-2{animation-duration:11s;animation-delay:-4s;top:45%}.bp-fish-3{font-size:1.5rem;animation-duration:19s;animation-delay:-9s;top:72%}@keyframes bpSwim{0%{left:-12%;transform:scaleX(-1)}48%{left:88%;transform:scaleX(-1)}52%{left:88%;transform:scaleX(1)}to{left:-12%;transform:scaleX(1)}}.bp-bubble{background:#ffffffa6;border-radius:50%;width:10px;height:10px;animation:7s linear infinite bpRise;position:absolute;bottom:-20px}.bp-bubble-1{animation-duration:6s;right:22%}.bp-bubble-2{width:6px;height:6px;animation-duration:8s;animation-delay:-3s;right:34%}.bp-bubble-3{width:13px;height:13px;animation-duration:10s;animation-delay:-6s;right:27%}@keyframes bpRise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-105%)translate(12px)}}.bp-plant{transform-origin:bottom;font-size:2.6rem;animation:6s ease-in-out infinite bpSway;position:absolute;bottom:-6px}.bp-plant-1{right:8%}.bp-plant-2{font-size:2.2rem;animation-delay:-2.5s;left:10%}@keyframes bpSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (max-width:900px){.bp-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:0}.bp-hero-visual{order:-1}.bp-tank{max-width:260px}}@media (max-width:600px){.bp-hero-copy{text-align:center;align-items:center}.bp-feature{text-align:right}.hero-actions{align-items:center;width:100%}.bp-cta{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.bp-fish,.bp-bubble,.bp-plant,.bp-badge-dot{animation:none}.bp-bubble{display:none}.bp-fish-1{left:12%}.bp-fish-2{left:48%}.bp-fish-3{left:24%}}.wizard-view{align-items:center;max-width:800px;margin:0 auto}.wizard-progress{width:100%;color:var(--text-muted);margin-bottom:3rem;font-size:1rem;font-weight:600}.progress-bar{background-color:var(--border-light);border-radius:10px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.progress-fill{background-color:var(--accent-color);height:100%;transition:width .4s ease-out;box-shadow:0 0 10px #0d948880}.wizard-question-container{width:100%;transition:opacity .4s,transform .4s}.wizard-question-container.fade-in{opacity:1;transform:translateY(0)}.wizard-question-container.fade-out{opacity:0;transform:translateY(-20px)}.question-title{color:var(--primary-color);text-align:center;margin-bottom:2.5rem;font-size:2.2rem}.options-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;display:grid}.option-card{cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:2rem;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000d}.option-card:hover{border-color:var(--primary-color);background-color:#f8fafc;transform:translateY(-5px);box-shadow:0 8px 25px #087f8c1a}.option-icon{font-size:3.5rem}.option-label{color:var(--text-main);font-size:1.2rem;font-weight:600}.result-view{animation:.5s ease-out slideUp}.result-header{margin-bottom:2rem}.blueprint-result-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 10px #0000000d}.blueprint-content{padding:2rem}.blueprint-title{color:var(--text-main);margin-bottom:.5rem;font-size:2rem}.blueprint-desc{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.blueprint-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:2rem;margin-bottom:2.5rem;display:grid}.blueprint-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.blueprint-section h3{color:var(--primary-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.blueprint-section ul{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.blueprint-section ul li{color:var(--text-main);padding-right:1.2rem;position:relative}.blueprint-section ul li:before{content:"•";color:var(--accent-color);font-weight:700;position:absolute;right:0}.blueprint-actions{gap:1rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.blueprint-actions{flex-direction:column}}.wizard-container{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--border-radius);max-width:720px;margin:0 auto;padding:2rem;box-shadow:0 8px 30px #087f8c12}.wizard-step{transition:opacity .3s,transform .3s}.wizard-step.slide-in{opacity:1;transform:translate(0)}.wizard-step.slide-out{opacity:0;transform:translate(30px)}.step-indicator{color:var(--primary-on-tint);background-color:#087f8c14;border-radius:999px;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;display:inline-block}.step-content{flex-direction:column;gap:1rem;display:flex}.selected-fishes{flex-direction:column;gap:.6rem;display:flex}@media (prefers-reduced-motion:reduce){.wizard-step{transition:none}}@media (max-width:600px){.wizard-container{padding:1.5rem 1.1rem}}.blueprints-page .fishes-error{color:var(--danger-on-tint);text-align:center;background-color:#d32f2f14;border:1px solid #d32f2f40;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.bp-failed{background-color:var(--bg-card);border:1px solid var(--sev-blocked-border);text-align:center;border-radius:16px;max-width:560px;margin:3rem auto;padding:2rem 1.75rem}.bp-failed-title{color:var(--sev-blocked);margin:0 0 .75rem;font-size:1.5rem}.bp-failed-body{color:var(--text-main);overflow-wrap:anywhere;margin:0 0 .5rem}.bp-failed-note{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.bp-failed-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.bp-remove-fish{color:var(--danger-on-tint);cursor:pointer;background:#d32f2f1a;border:1px solid #d32f2f59;border-radius:8px;padding:.5rem .95rem;font-family:inherit;font-weight:600;transition:background-color .2s}.bp-remove-fish:hover{background:#d32f2f33}