/* Extracted from tools.html inline <style> blocks */

        :root{
            --bg-start:#4a2816;
            --bg-mid:#1d1b22;
            --bg-end:#07142e;
            --text:#E0E0E0;
            --muted:#c7ced9;
            --accent:#f2ab58;
            --card:#0d121c;
            --card-2:#111828;
            --border:rgba(255,255,255,.34);
        }
        *{box-sizing:border-box}
        body{
            margin:0;
            min-height:100vh;
            font-family:"Outfit",Arial,Helvetica,sans-serif;
            color:var(--text);
            background:
                radial-gradient(1100px 560px at 8% 12%, rgba(242,171,88,.28), transparent 62%),
                radial-gradient(1000px 520px at 88% 86%, rgba(16,44,90,.34), transparent 64%),
                linear-gradient(130deg,var(--bg-start) 0%,var(--bg-mid) 34%,var(--bg-end) 100%);
        }
        .page{
            width:min(1100px,92vw);
            margin:108px auto 60px;
        }
        .menu{
            position:fixed;
            top:18px;
            left:clamp(4px,2.2vw,28px);
            z-index:30;
            display:flex;
            flex-wrap:wrap;
            gap:12px;
            margin:0;
        }
        .menu a{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.5rem .85rem;
            border-radius:999px;
            border:1px solid rgba(255, 196, 142, .5);
            color:#ffd7ad;
            text-decoration:none;
            background:linear-gradient(145deg, rgba(26, 18, 12, .9), rgba(10, 12, 17, .92));
            font-size:.8rem;
            line-height:1;
            transition:transform .16s ease, border-color .16s ease, color .16s ease;
        }
        .menu a:hover{
            transform:translateY(-1px);
            border-color:rgba(255, 196, 142, .9);
            color:#ffe2c2;
        }
        h1{
            margin:0 0 10px;
            font-size:clamp(2rem,4vw,3rem);
            font-weight:700;
        }
        .lead{
            margin:0 0 30px;
            max-width:760px;
            color:var(--muted);
            font-size:1.08rem;
            line-height:1.6;
        }
        .cards{
            display:flex;
            flex-direction:column;
            gap:16px;
        }
        .card{
            display:flex;
            align-items:center;
            gap:20px;
            padding:20px 24px;
            border-radius:18px;
            border:1px solid var(--border);
            background:linear-gradient(150deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
            backdrop-filter:blur(10px) saturate(125%);
            -webkit-backdrop-filter:blur(10px) saturate(125%);
            box-shadow:
                0 14px 30px rgba(0,0,0,.24),
                inset 0 1px 0 rgba(255,255,255,.24);
            color:var(--text);
            text-decoration:none;
            transition:transform .16s ease, border-color .16s ease, background .16s ease;
        }
        .card:hover{
            transform:translateY(-1px);
            border-color:rgba(255,255,255,.56);
            background:linear-gradient(150deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
        }
        .card_main{
            display:flex;
            align-items:center;
            gap:20px;
            flex:1;
            min-width:0;
        }
        .card_media{
            width:92px;
            min-width:92px;
            height:92px;
            border-radius:12px;
            border:1px solid rgba(255,255,255,.3);
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
        }
        .card_media_image{
            width:100%;
            height:100%;
            display:block;
            object-fit:cover;
            border-radius:11px;
        }
        .card_media .material-symbols-outlined{
            font-size:42px;
            color:#ffd49f;
        }
        .card_media_pdf{
            background:linear-gradient(155deg, rgba(144, 45, 28, .45), rgba(38, 17, 30, .75));
        }
        .card_media_bw{
            background:linear-gradient(155deg, rgba(218, 218, 218, .18), rgba(19, 19, 19, .7));
        }
        .card_media_icon{
            background:linear-gradient(155deg, rgba(51, 102, 190, .42), rgba(16, 31, 56, .78));
        }
        .card_media_crop{
            background:linear-gradient(155deg, rgba(129, 92, 48, .42), rgba(41, 31, 18, .78));
        }
        .card_head{
            display:flex;
            align-items:center;
            gap:8px;
        }
        .card_head .material-symbols-outlined{
            font-size:22px;
            color:#f2ab58;
        }
        .card_title{
            margin:0;
            font-size:20px;
            font-weight:600;
            line-height:1.2;
            letter-spacing:.01em;
        }
        .card_body{
            display:flex;
            flex-direction:column;
            gap:6px;
            max-width:600px;
            min-width:0;
        }
        .card_text{
            margin:0;
            max-width:600px;
            font-size:14px;
            line-height:1.5;
            font-weight:500;
            color:#E0E0E0;
            opacity:.7;
        }
        .card_cta{
            margin-left:auto;
            white-space:nowrap;
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:9px 14px;
            border-radius:10px;
            border:1px solid rgba(255,219,173,.6);
            color:#ffe3bf;
            text-decoration:none;
            font-weight:600;
            font-size:14px;
            background:linear-gradient(140deg, rgba(52,33,19,.58), rgba(18,28,47,.64));
        }
        .mobile_quick_nav{
            display:none;
        }
        @media (max-width:768px){
            body{
                overflow-x:hidden;
            }
            .menu{
                display:none;
            }
            .page{
                margin-top:72px;
                display:block !important;
                visibility:visible !important;
                opacity:1 !important;
                position:relative;
                z-index:1;
            }
            .page > *{
                visibility:visible !important;
                opacity:1 !important;
            }
            .mobile_quick_nav{
                position:fixed;
                top:10px;
                left:10px;
                z-index:60;
                display:flex;
                align-items:center;
                gap:8px;
            }
            .mobile_quick_home{
                width:36px;
                height:36px;
                border-radius:50%;
                display:inline-flex;
                align-items:center;
                justify-content:center;
                border:1px solid rgba(242,176,98,.58);
                background:linear-gradient(145deg, rgba(24,17,15,.86), rgba(13,23,41,.8));
                color:#f0c987;
                text-decoration:none;
                box-shadow:0 7px 16px rgba(3,8,17,.3), 0 1px 0 rgba(255,224,189,.09) inset;
            }
            .mobile_quick_home .material-symbols-outlined{
                font-size:18px;
                line-height:1;
                color:#ffffff;
            }
            .mobile_quick_menu_wrap{
                position:relative;
            }
            .mobile_quick_toggle{
                display:inline-flex;
                align-items:center;
                gap:.3rem;
                padding:.4rem .62rem;
                border-radius:999px;
                border:1px solid rgba(242,176,98,.58);
                background:linear-gradient(145deg, rgba(24,17,15,.86), rgba(13,23,41,.8));
                color:#f0c987;
                font-family:"Outfit",Arial,Helvetica,sans-serif;
                font-size:.74rem;
                letter-spacing:.05em;
                text-transform:uppercase;
                cursor:pointer;
            }
            .mobile_quick_toggle .material-symbols-outlined{
                font-size:19px;
                line-height:1;
                color:#ffffff;
            }
            .mobile_quick_menu{
                position:absolute;
                top:calc(100% + 7px);
                left:0;
                right:auto;
                display:flex;
                flex-direction:column;
                gap:6px;
                min-width:146px;
                padding:8px;
                border-radius:12px;
                border:1px solid rgba(240,170,88,.5);
                background:
                    linear-gradient(155deg, rgba(18,12,10,.9), rgba(8,14,26,.86)),
                    radial-gradient(circle at 14% 10%, rgba(237,141,52,.18), transparent 58%);
                box-shadow:
                    0 12px 26px rgba(4,9,18,.38),
                    0 1px 0 rgba(255,219,180,.09) inset;
                opacity:0;
                transform:translateY(-6px);
                pointer-events:none;
                transition:opacity .16s ease, transform .16s ease;
            }
            .mobile_quick_nav.open .mobile_quick_menu{
                opacity:1;
                transform:translateY(0);
                pointer-events:auto;
            }
            .mobile_quick_item{
                width:100%;
                display:inline-flex;
                align-items:center;
                gap:.34rem;
                padding:.45rem .6rem;
                border-radius:10px;
                border:1px solid rgba(242,176,98,.5);
                background:linear-gradient(145deg, rgba(33,25,22,.7), rgba(19,31,53,.62));
                box-shadow:
                    0 6px 14px rgba(3,8,17,.28),
                    0 1px 0 rgba(255,224,189,.08) inset;
                color:#ffd7ad;
                text-decoration:none;
                font-family:"Outfit",Arial,Helvetica,sans-serif;
                font-size:.74rem;
                letter-spacing:.045em;
                text-transform:uppercase;
            }
            .mobile_quick_item .material-symbols-outlined{
                font-size:18px;
                color:#ffffff;
            }
        }
        @media (max-width:740px){
            .page{margin-top:72px}
            .card{flex-direction:column;align-items:flex-start}
            .card_main{width:100%}
            .card_cta{margin-left:0}
            .card_cta{width:100%;justify-content:center}
        }
        @media (min-width:769px){
            .page{margin-bottom:120px}
        }