/* Marketing-Ad.com guide system. Local to /learn/ pages. */
:root{--ink:#112c4d;--navy:#081e3b;--blue:#1455a2;--cyan:#47b8ee;--muted:#556a82;--line:#dce7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fc;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:#145db1}header.mad-guide-header{background:#fff;box-shadow:0 3px 20px rgba(11,43,82,.08);position:relative;z-index:3}.mad-guide-header .head{max-width:1260px;margin:auto;padding:12px 22px;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.mad-guide-header .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#0c3261;min-width:220px}.mad-guide-header .brand img{height:48px!important;width:48px!important;max-height:48px;max-width:48px;object-fit:contain;flex:none}.mad-guide-header .brand span{display:flex;flex-direction:column;line-height:1.24}.mad-guide-header .brand strong{font-size:19px;letter-spacing:-.035em}.mad-guide-header .brand small{font-size:11px;color:#64788e;margin-top:4px}.mad-guide-header .site-nav{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.mad-guide-header .site-nav a{text-decoration:none;border-radius:9px;color:#1c426d;font-size:12px;font-weight:750;padding:9px 11px}.mad-guide-header .site-nav a:hover,.mad-guide-header .site-nav a.active{background:#eaf3ff;color:#0e4c92}.mad-guide-header .site-nav .plan-link{color:#fff;background:#115aa5}.mad-guide-header .site-nav .plan-link:hover{background:#08417a;color:#fff}.hero{background:radial-gradient(circle at 85% 20%,rgba(88,169,235,.22),transparent 34%),linear-gradient(125deg,#071b36,#113e75 65%,#245b8c);color:#fff}.hero-inner{max-width:1160px;margin:auto;padding:70px 22px 72px}.hero .eyebrow{text-transform:uppercase;color:#95dfff;font-size:11px;letter-spacing:.14em;font-weight:850}.hero h1{font-size:clamp(35px,4.6vw,59px);max-width:940px;line-height:1.09;letter-spacing:-.045em;margin:14px 0 21px}.hero p{max-width:860px;color:#e1ebf9;font-size:18px;line-height:1.7;margin:0 0 22px}.mad-guide-paths{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.mad-guide-paths span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;background:rgba(255,255,255,.08);font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.actions .btn{background:#f7b655;color:#102b4d;border-radius:12px;padding:12px 19px;text-decoration:none;font-weight:850;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.actions .btn.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}.main{max-width:1160px;margin:auto;padding:52px 22px 70px}.main>h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:38px 0 12px}.main>.intro{max-width:830px;color:#4d647e}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(15,50,94,.045)}.panel .num{font-size:11px;color:#266da5;letter-spacing:.11em;font-weight:900}.panel h2{font-size:23px;line-height:1.26;margin:10px 0}.panel p,.walk p{color:#52677d}.panel ul{padding-left:22px;margin-bottom:0}.walk{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px;margin:22px 0}.walk-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.walk-item h3{margin:0 0 8px;font-size:17px}.note{background:#eaf4fd;border-left:4px solid #1b72bd;padding:18px 21px;border-radius:10px;color:#244666}.links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.links a{display:inline-block;padding:10px 15px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700}.fine{font-size:12px;color:#60748a}footer{background:#081f3a;color:#dce9f9;padding:26px 15px;text-align:center;font-size:13px}footer a{color:#dce9f9}@media(max-width:900px){.mad-guide-header .head{align-items:flex-start}.mad-guide-header .site-nav{width:100%}.grid{grid-template-columns:1fr}.hero-inner{padding:54px 20px}}@media(max-width:560px){.mad-guide-header .site-nav a{font-size:12px;padding:9px 8px}.mad-guide-header .brand img{width:42px!important;height:42px!important}.hero h1{font-size:36px}.hero p{font-size:16px}.actions .btn{width:100%}.main{padding:30px 16px 55px}.panel{padding:20px}}