:root{--ink:#102c46;--paper:#fbfcfe;--primary:#0097ff;--blue-dark:#0066ad;--accent:#ffd4a8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}a{color:inherit}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 40px}.brand{font-size:28px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none}nav a:last-child{border-bottom:1px solid;padding-bottom:4px}.hero{position:relative;overflow:hidden;background:var(--primary);color:var(--ink);padding:65px 65px 50px;border-radius:4px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 30px}h1{font-size:clamp(64px,8vw,110px);line-height:1.03;letter-spacing:-5px;font-weight:500;margin:35px 0 45px;position:relative;z-index:1}em{font-family:Georgia,serif;font-weight:400;color:var(--ink)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;position:relative;z-index:1}.hero-bottom p{max-width:380px;font-size:17px;margin:0}.button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;padding:14px 20px;background:var(--accent);color:var(--ink);font-size:14px;text-decoration:none;font-weight:700}.orb{position:absolute;width:470px;height:470px;border:1px solid #b8e2ff;border-radius:50%;right:-70px;top:70px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.orb:after{content:'';position:absolute;inset:60px;border:1px solid #b8e2ff;border-radius:50%}section:not(.hero){padding:85px 65px}.split{display:grid;grid-template-columns:1fr 2fr;gap:40px}h2{font-size:clamp(36px,4.2vw,56px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin:0 0 30px}.split p:not(.eyebrow){max-width:660px;color:#465e73}.section-title{display:flex;justify-content:space-between;gap:40px;margin-bottom:30px}.section-title h2{width:66%}.offer{display:grid;grid-template-columns:50px 1fr 1.1fr;gap:30px;border-top:1px solid #ccdce8;padding:30px 0}.offer>span{font-size:12px}.offer h3{font-size:23px;font-weight:500;line-height:1.3;margin:0}.offer p{font-size:16px;margin:0;color:#465e73}.contact{background:#e9f5ff}.contact em{color:var(--blue-dark)}.contact>p:not(.eyebrow){max-width:530px}.contact .button{margin-top:15px}footer{padding:45px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:13px}footer small{font-size:11px;width:100%;color:#465e73}.skip{position:absolute;left:15px;top:-100px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}a:focus-visible{outline:3px solid #934600;outline-offset:5px}.button:hover{background:#ffe2c4}@media(max-width:700px){header{padding:24px;align-items:start;gap:24px}.brand{font-size:24px}nav{gap:10px;flex-wrap:wrap;justify-content:end;font-size:12px;max-width:180px}.hero{padding:45px 26px}.hero-bottom{align-items:start;flex-direction:column}h1{letter-spacing:-3px}section:not(.hero){padding:60px 26px}.split{grid-template-columns:1fr;gap:0}.section-title{display:block}.section-title h2{width:auto}.offer{grid-template-columns:25px 1fr;gap:15px}.offer p{grid-column:2}.orb{right:-320px;opacity:.5}footer{padding:30px 26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original LearnSFDC cloud mark, shared with the labs site. */
.brand{display:inline-flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0}.brand img{display:block;width:138px;height:auto}.brand small{font-size:8px;letter-spacing:1.6px;color:var(--blue-dark)}nav a{color:var(--blue-dark)}nav a:hover{text-decoration:underline;text-underline-offset:6px}footer .brand img{width:100px}@media(max-width:700px){.brand img{width:104px}header{gap:16px;align-items:center}nav{max-width:170px}.brand small{font-size:7px;letter-spacing:.7px}}@media(max-width:360px){header{padding:20px;gap:12px}nav{max-width:140px;gap:8px}}