:root{--items:4;--menu-width:900px;--item-height:50px;--sub-menu-bg:#ffffff;--sub-menu-color:#020617;--stripe-color:#4f46e5;--link-hover-color:#4f46e5;--stripe-left:0px;--stripe-width:0px}.apple-header{width:100%;height:80px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(2,6,23,.08)}.hdr-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}#menu{width:auto;max-width:800px;height:100%;display:flex;justify-content:flex-end;align-items:center;position:relative;margin:0;padding-left:50px;z-index:101}.menu-item{display:flex;height:100%;position:relative;z-index:2;align-items:center;padding:0 10px;cursor:default}.menu-item a{color:#0f172a;text-decoration:none;font-weight:500;font-size:15px;transition:color .15s ease}.menu-item a:hover{color:var(--link-hover-color)}#sub-menu-container{position:absolute;bottom:0;left:0;width:100%;height:3px;z-index:1;pointer-events:none;overflow:hidden}#sub-menu-bottom{position:absolute;left:var(--stripe-left);width:var(--stripe-width);height:3px;background:var(--stripe-color);opacity:0;border-radius:999px;transition:width .3s cubic-bezier(.25, .46, .45, .94),left .3s cubic-bezier(.25, .46, .45, .94),opacity .1s ease;will-change:transform,width,left,opacity;contain:layout style paint;transform:translateZ(0)}.sub-menu{position:absolute;top:70px;left:50%;transform:translateX(-50%) translateY(15px);opacity:0;pointer-events:none;visibility:hidden;background:var(--sub-menu-bg);padding:24px;border-radius:12px;box-shadow:0 16px 30px rgba(2,6,23,.12),0 0 0 1px rgba(226,232,240,.8);color:var(--sub-menu-color);z-index:1000;transition:opacity .25s ease,transform .25s ease,visibility .25s;width:380px;display:grid;gap:15px}.sub-menu.is-open{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;visibility:visible}.sub-menu.double{width:600px;grid-template-columns:repeat(2,1fr)}.sub-menu.triple{width:800px;grid-template-columns:2fr 1fr 1fr;gap:20px}.icon-box{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:8px;transition:background .1s ease;text-decoration:none;color:inherit}.icon-box:hover{background:#f8faff}.icon-box .icon{width:28px;height:28px;min-width:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#f0f4ff;color:var(--link-hover-color);box-shadow:inset 0 0 0 1px rgba(79,70,229,.1);font-family:inherit}.icon-box.gb .icon{background:#f1f5f9}.icon-box.gb.a .icon{color:#2ca7ff}.icon-box.gb.b .icon{color:#f32b2b}.icon-box.gb.c .icon{color:#7176ff}.icon-box.gb.d .icon{color:#79c76f}.icon-box .text .title{font-weight:600;font-size:14px;color:var(--sub-menu-color);display:flex;align-items:center;gap:6px}.icon-box .text .title span{font-weight:400;color:var(--link-hover-color);font-size:1.1em}.icon-box .sub-text{font-size:12px;color:#475569;line-height:1.3;margin-top:2px}.sub-menu.triple .top-container{grid-column:1/-1;background:#f8faff;border-radius:8px;padding:15px}.sub-menu.triple .top-container .icon{background:#fff;font-size:22px;color:#4f46e5}.sub-menu.triple .box{padding:0}.sub-menu.triple .box h3{margin:0 0 8px;font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.1em}.sub-menu.triple .box a{display:block;color:#0f172a;text-decoration:none;font-size:14px;line-height:1.5;padding:4px 10px;border-radius:6px;transition:background .1s ease,color .1s ease;margin:2px 0}.sub-menu.triple .box a:hover{background:#f1f5f9;color:var(--link-hover-color)}.icon-box.flat{background:0 0;padding:5px 0;gap:8px;align-items:center;border:none;box-shadow:none}.icon-box.flat:hover{background:0 0}.icon-box.flat .icon{width:20px;height:20px;min-width:20px;font-size:14px;background:0 0;color:#4f46e5;box-shadow:none}.sub-menu.double .bottom-container{grid-column:1/-1;border-top:1px solid #e2e8f0;padding-top:12px;margin-top:5px;font-size:13px;color:#475569}.sub-menu.double .bottom-container a{color:var(--link-hover-color);font-weight:600;text-decoration:none;margin-left:5px}.sub-menu.double .bottom-container a:hover{text-decoration:underline}@media (max-width:900px){#menu{display:none}}