/* Styles for introducers.html */


                .intro-calc-card {
                    background: white;
                    padding: 40px;
                    border: 1px solid rgba(0,0,0,0.08);
                    max-width: 800px;
                    margin: 0 auto;
                }
                .intro-calc-card h2 {
                    font-family: var(--font-display);
                    font-size: 1.8rem;
                    color: var(--ink);
                    margin-bottom: 8px;
                }
                .intro-calc-card .intro {
                    color: var(--slate);
                    margin-bottom: 32px;
                }
                .intro-calc-grid {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 40px;
                    align-items: start;
                }
                @media (max-width: 700px) {
                    .intro-calc-grid { grid-template-columns: 1fr; }
                }
                .intro-input-group {
                    display: flex;
                    flex-direction: column;
                    gap: 6px;
                }
                .intro-input-group label {
                    font-size: 0.75rem;
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0.08em;
                    color: var(--ink);
                }
                .intro-input-group input {
                    padding: 14px 18px;
                    border: 1px solid rgba(0,0,0,0.12);
                    font-size: 1.1rem;
                    color: var(--ink);
                }
                .intro-input-group input:focus {
                    outline: none;
                    border-color: var(--gold);
                }
                .intro-input-group .hint {
                    font-size: 0.8rem;
                    color: var(--silver);
                }
                .intro-result-box {
                    background: var(--ink);
                    color: white;
                    padding: 32px;
                    text-align: center;
                }
                .intro-result-box .label {
                    font-size: 0.75rem;
                    text-transform: uppercase;
                    letter-spacing: 0.1em;
                    color: rgba(255,255,255,0.6);
                    margin-bottom: 8px;
                }
                .intro-result-box .amount {
                    font-size: 2.5rem;
                    font-weight: 700;
                    color: var(--gold);
                    margin-bottom: 16px;
                }
                .intro-result-box .breakdown {
                    font-size: 0.85rem;
                    color: rgba(255,255,255,0.7);
                    line-height: 1.8;
                }
                .intro-result-box .breakdown span {
                    display: block;
                }
                .fee-note {
                    margin-top: 24px;
                    padding: 16px;
                    background: rgba(201,162,39,0.08);
                    font-size: 0.85rem;
                    color: var(--slate);
                }