body { font-family: 'Nunito Sans', sans-serif; background: #ffffff; color: #1a1a2e; font-size: 15px; }

    /* HERO */
    .hero { background: #ffffff; border-bottom: 1px solid #eef0f4; padding: 72px 0 60px; }
    .hero-eyebrow { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 4px; color: #1d6fa4; font-weight: 700; }
    .hero-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.12; color: #0f1824; font-weight: 500; }
    .hero-body { font-size: 1rem; color: #4a5568; line-height: 1.8; font-weight: 300; max-width: 540px; }
    .hero-rule { width: 48px; height: 3px; background: #1d6fa4; border: none; margin: 0; }
    .truth-box { background: #f0f7fd; border: 1px solid #c5def2; border-left: 4px solid #1d6fa4; border-radius: 8px; padding: 24px; }

    /* BUTTONS */
    .btn-primary-blue { background: #1d6fa4 !important; border: none; color: #fff; border-radius: 6px; padding: 13px 32px; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; transition: background 0.2s, transform 0.15s; }
    .btn-primary-blue:hover { background: #155d8a !important; color: #fff; transform: translateY(-1px); }
    .btn-outline-blue { border: 1.5px solid #1d6fa4 !important; color: #1d6fa4; border-radius: 6px; padding: 12px 28px; font-size: 0.88rem; font-weight: 700; background: transparent; transition: all 0.2s; }
    .btn-outline-blue:hover { background: #1d6fa4 !important; color: #fff; }

    /* GROUNDING */
    .grounding-section { background: #f7f9fc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
    .sense-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 28px 20px; text-align: center; height: 100%; transition: box-shadow 0.2s, transform 0.2s; }
    .sense-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.07); transform: translateY(-3px); }
    .sense-icon { font-size: 2rem; display: block; margin-bottom: 10px; }
    .sense-num { font-family: 'Cormorant Garamond', serif; font-size: 3rem; font-weight: 600; line-height: 1; display: block; color: #1d6fa4; }
    .sense-name { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 2.5px; color: #9aabb8; font-weight: 700; display: block; margin: 6px 0; }
    .sense-action { font-size: 0.82rem; color: #4a5568; line-height: 1.6; margin: 0; }

    /* BREATHING */
    .breathing-section { background: #fff; }
    .box-container { width: 180px; height: 180px; position: relative; margin: 0 auto; }
    .box-border { width: 100%; height: 100%; border: 2px solid #c5def2; border-radius: 12px; position: absolute; }
    .box-dot { width: 16px; height: 16px; background: #1d6fa4; border-radius: 50%; position: absolute; top: -8px; left: -8px; box-shadow: 0 0 10px rgba(29,111,164,0.4); transition: top 1s linear, left 1s linear; }
    .breath-phase-label { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; color: #1d6fa4; font-weight: 500; }
    .breath-count { font-size: 4rem; font-weight: 700; color: #0f1824; font-family: 'Cormorant Garamond', serif; line-height: 1; }
    .breath-instruction { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; color: #9aabb8; }

    /* SYMPTOMS */
    .symptoms-section { background: #f7f9fc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
    .accordion-item { border: 1px solid #e2e8f0 !important; border-radius: 8px !important; margin-bottom: 10px; overflow: hidden; }
    .accordion-button { background: #fff; color: #1a1a2e; font-weight: 600; font-size: .9rem; }
    .accordion-button:not(.collapsed) { background: #f0f7fd; color: #1d6fa4; box-shadow: none; }
    .accordion-button::after { filter: hue-rotate(200deg); }
    .accordion-body { background: #fff; color: #4a5568; font-size: .87rem; line-height: 1.75; }

    /* TIPS */
    .tip-card { background: #fff; border: 1px solid #e2e8f0; border-top: 3px solid; border-radius: 10px; padding: 28px 22px; height: 100%; transition: box-shadow 0.2s, transform 0.2s; }
    .tip-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.07); transform: translateY(-3px); }
    .tip-icon { font-size: 1.8rem; display: block; margin-bottom: 12px; }
    .tip-title { font-size: .92rem; font-weight: 700; color: #0f1824; }
    .tip-body { font-size: .83rem; color: #4a5568; line-height: 1.7; margin: 0; }

    /* SECTION HELPERS */
    .section-eyebrow { font-size: 0.62rem; text-transform: uppercase; letter-spacing: 4px; color: #1d6fa4; font-weight: 700; }
    .section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 3.5vw, 2.2rem); color: #0f1824; font-weight: 500; }
    .divider-light { border: none; border-top: 1px solid #e8ecf0; }

    /* DISCLAIMER */
    .disclaimer-box { background: #f0f7fd; border: 1px solid #c5def2; border-radius: 8px; padding: 16px 20px; }

    @media(max-width:576px) { .box-container { width:140px;height:140px; } }