.alroi{--alroi-blue:#1e40af;--alroi-blue-dark:#16327d;--alroi-blue-pale:#eff6ff;--alroi-blue-border:#bfdbfe;--alroi-yellow:#f9d34d;--alroi-navy:#141927;--alroi-ink:#172033;--alroi-muted:#5f6879;--alroi-line:#e7e9ed;--alroi-surface:#f6f7fa;--alroi-white:#ffffff;box-sizing:border-box;color:var(--alroi-ink);font-family:inherit;margin:2rem auto;max-width:1180px}.alroi *,.alroi *::before,.alroi *::after{box-sizing:inherit}.alroi__board{background:var(--alroi-white);border:1px solid var(--alroi-line);border-radius:20px;box-shadow:0 24px 55px -32px rgba(20,25,39,0.38);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,0.92fr);isolation:isolate;overflow:hidden;position:relative}.alroi__board::before{background:linear-gradient(90deg,var(--alroi-yellow) 0 28%,#2563eb 28% 72%,#38bdf8 72% 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%;z-index:2}.alroi__form{background:var(--alroi-white);padding:clamp(2rem, 4vw, 3.4rem)}.alroi__section-label,.alroi__results-kicker{font-size:0.77rem;font-weight:800;letter-spacing:0.11em;text-transform:uppercase}.alroi__section-label{align-items:center;color:var(--alroi-muted);display:flex;gap:0.65rem}.alroi__section-label::before{background:var(--alroi-yellow);border-radius:2px;content:"";height:3px;width:22px}.alroi__section-copy{color:var(--alroi-muted);font-size:0.93rem;margin:0.4rem 0 1.5rem}.alroi__fields{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.alroi__field--wide{grid-column:1 / -1}.alroi__field label{color:var(--alroi-navy);display:block;font-size:0.91rem;font-weight:750;line-height:1.35;margin-bottom:0.45rem}.alroi__field input[type="number"]{appearance:textfield;background:var(--alroi-white);border:1px solid #d7dee9;border-radius:10px;box-shadow:0 1px 2px rgba(20,25,39,0.04);color:var(--alroi-navy);font:inherit;font-size:1rem;font-weight:650;height:48px;min-width:0;padding:0 0.8rem;width:100%}.alroi__field input[type="number"]:hover{border-color:#aebbd0}.alroi__field input[type="number"]:focus{border-color:var(--alroi-blue);box-shadow:0 0 0 3px rgba(30,64,175,0.12);outline:0}.alroi__field input[type="number"]::-webkit-inner-spin-button,.alroi__field input[type="number"]::-webkit-outer-spin-button{opacity:1}.alroi__field input[aria-invalid="true"]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}.alroi__input-unit{align-items:center;display:flex;position:relative}.alroi__input-unit>span{color:var(--alroi-muted);font-size:0.78rem;font-weight:800;padding:0 0.75rem;position:absolute;right:0;z-index:1}.alroi__input-unit:not(.alroi__input-unit--prefix) input{padding-right:3.25rem}.alroi__input-unit--prefix>span{left:0;right:auto}.alroi__input-unit--prefix input{padding-left:3.55rem}.alroi__help{color:var(--alroi-muted);display:block;font-size:0.76rem;line-height:1.4;margin-top:0.35rem}.alroi__range-row{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 4rem}.alroi input[type="range"]{accent-color:var(--alroi-blue);cursor:pointer;height:28px;margin:0;width:100%}.alroi__range-value{background:var(--alroi-blue-pale);border:1px solid var(--alroi-blue-border);border-radius:999px;color:var(--alroi-blue-dark);font-size:0.95rem;font-weight:800;padding:0.4rem 0.5rem;text-align:center}.alroi__advanced{border-top:1px solid var(--alroi-line);margin-top:1.65rem;padding-top:1.05rem}.alroi__advanced summary{align-items:center;color:var(--alroi-blue-dark);cursor:pointer;display:flex;font-size:0.9rem;font-weight:800;justify-content:space-between;list-style:none}.alroi__advanced summary::-webkit-details-marker{display:none}.alroi__advanced summary span{font-size:1.35rem;transition:transform 160ms ease}.alroi__advanced[open] summary span{transform:rotate(45deg)}.alroi__advanced-body{background:var(--alroi-blue-pale);border:1px solid var(--alroi-blue-border);border-radius:12px;margin-top:1rem;padding:1rem}.alroi__advanced-body>p{color:var(--alroi-muted);font-size:0.82rem;line-height:1.5;margin:0 0 1rem}.alroi__results{background-color:var(--alroi-blue-dark);background-image:radial-gradient(circle at 100% 0,rgba(56,189,248,0.34),transparent 42%),linear-gradient(145deg,var(--alroi-blue-dark),#1e40af 56%,#2563eb 100%);color:var(--alroi-white);display:flex;flex-direction:column;padding:clamp(2rem, 4vw, 3.4rem)}.alroi__results-kicker{color:#dbeafe}.alroi__hero-result{border-bottom:1px solid rgba(255,255,255,0.2);margin:1rem 0 1.5rem;padding-bottom:1.5rem}.alroi__hero-result output{color:var(--alroi-yellow);display:block;font-size:clamp(2.65rem, 5vw, 4.7rem);font-weight:800;letter-spacing:-0.055em;line-height:1;overflow-wrap:anywhere}.alroi__hero-result span{color:rgba(255,255,255,0.78);display:block;font-size:0.88rem;margin-top:0.65rem}.alroi__metric-grid{display:grid;gap:0.75rem;grid-template-columns:repeat(2,minmax(0,1fr));background:transparent}.alroi__metric{background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.16);border-radius:12px;min-height:96px;padding:1rem}.alroi__metric span,.alroi__return-row span{color:rgba(255,255,255,0.7);display:block;font-size:0.72rem;font-weight:700;letter-spacing:0.04em;line-height:1.35;text-transform:uppercase}.alroi__metric output{display:block;font-size:1.45rem;font-weight:800;line-height:1.15;margin-top:0.55rem;overflow-wrap:anywhere}.alroi__metric--accent{background:rgba(249,211,77,0.14);border-color:rgba(249,211,77,0.55)}.alroi__return-row{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.4rem 0}.alroi__return-row>div{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:10px;padding:0.8rem 0.9rem}.alroi__return-row output{color:var(--alroi-white);display:block;font-size:1rem;font-weight:800;line-height:1.3;margin-top:0.35rem}.alroi__cta{align-items:center;background:var(--alroi-yellow);border:2px solid var(--alroi-yellow);color:var(--alroi-navy);border-radius:10px;display:flex;font-size:0.95rem;font-weight:850;justify-content:space-between;margin-top:auto;padding:0.9rem 1rem;text-decoration:none;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}.alroi__cta:hover{background:var(--alroi-white);color:var(--alroi-blue-dark);transform:translateY(-2px)}.alroi__cta span{font-size:1.25rem}.alroi__cta-note{color:#9faec4;font-size:0.75rem;line-height:1.45;margin:0.65rem 0 0}.alroi__method{background:var(--alroi-surface);border:1px solid var(--alroi-line);border-radius:14px;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;padding:1.15rem 1.25rem}.alroi__method p{color:var(--alroi-muted);font-size:0.76rem;line-height:1.55;margin:0}.alroi__method strong{color:var(--alroi-navy)}.alroi input:focus-visible,.alroi summary:focus-visible{outline:3px solid rgba(30,64,175,0.24);outline-offset:3px}.alroi a:focus-visible{outline:3px solid var(--alroi-yellow);outline-offset:3px}@media (max-width:820px){.alroi__board{grid-template-columns:1fr}.alroi__results{min-height:0}}@media (max-width:520px){.alroi{margin:1.25rem auto}.alroi__form,.alroi__results{padding:1.5rem 1.1rem}.alroi__board{border-radius:16px}.alroi__fields,.alroi__method{grid-template-columns:1fr}.alroi__field--wide{grid-column:auto}.alroi__metric{min-height:96px;padding:0.85rem}.alroi__metric output{font-size:1.18rem}.alroi__return-row{gap:0.75rem;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.alroi *,.alroi *::before,.alroi *::after{scroll-behavior:auto !important;transition-duration:0.01ms !important}}