/* Start page: two day cards, in the same layout as the Cloudspace workshop landing. */
:root{--ink:#172b3a;--muted:#566775;--paper:#f5f7fa;--line:#dde4ea;--accent:#245bdb;--tint:#eaf0ff;--green:#13775a;--radius:20px;
  font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--paper)}
a{color:var(--accent);text-underline-offset:4px}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #be5b00;outline-offset:4px}
h1,h3,h4,p{margin:0}
h1,h3{letter-spacing:-.03em}
p{line-height:1.65}
img{max-width:100%}
.skip-link{position:fixed;left:12px;top:-80px;background:#fff;padding:12px;z-index:100}
.skip-link:focus{top:12px}

.site-header{max-width:1280px;margin:auto;padding:22px 44px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink)}
.brand img{height:34px;width:auto;object-fit:contain}
.brand .brand-padu{padding-left:16px;border-left:1px solid var(--line)}
.brand span{border-left:1px solid var(--line);padding-left:18px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.topbar-right{display:flex;gap:22px;align-items:center}
.topbar-right a{font-size:13px;text-decoration:none;color:var(--muted)}
.topbar-right a:hover{color:var(--accent)}

.landing{max-width:1280px;margin:auto;padding:0 44px 50px}
.intro{padding:6px 0 26px}
.intro h1{font-size:40px;font-weight:800;line-height:1.1}
.intro h1 em{font-style:normal;color:#ea4335}
.intro p{margin-top:10px;font-size:16px;color:var(--muted);max-width:620px}

.day-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.day-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;--accent:#245bdb;--tint:#eaf0ff}
.day-card.day-two{--accent:#13775a;--tint:#e6f4ed}
.day-card-top{padding:30px 32px 26px;position:relative}
.day-card .number{position:absolute;top:17px;right:27px;font-size:80px;font-weight:800;letter-spacing:-.08em;color:var(--tint);line-height:1}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;gap:9px;align-items:center;position:relative}
.eyebrow::before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}
.day-card h3{font-size:29px;font-weight:800;margin:20px 0 10px;position:relative;line-height:1.2}
.subtitle{font-size:14.5px;color:var(--muted);max-width:420px}
.course-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.course-steps span{font-size:11.5px;background:var(--paper);padding:7px 11px;border-radius:6px;font-weight:500}
.day-card-bottom{margin-top:auto;background:var(--tint);padding:24px 32px;border-top:1px solid var(--line)}
.day-card-bottom .eyebrow{font-size:10px}
.day-card-bottom h4{font-size:17px;margin:9px 0;font-weight:700}
.day-card-bottom p{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 18px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:700;transition:background .15s}
.button:hover{background:var(--tint)}
.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.button.primary:hover{filter:brightness(.93)}
.day-card-bottom .button{margin-right:6px}

.site-footer{max-width:1280px;margin:auto;padding:20px 44px 30px;display:flex;justify-content:space-between;gap:15px;font-size:11.5px;color:var(--muted)}

/* EN / BM switch (lang.js builds it) */
.lang-sw{margin-right:0}

@media(max-width:1000px){.site-header,.landing,.site-footer{padding-left:25px;padding-right:25px}.day-card h3{font-size:25px}}
@media(max-width:760px){.day-grid{grid-template-columns:1fr}.brand span{display:none}.intro h1{font-size:32px}.site-footer{flex-direction:column}}
@media print{.site-header nav{display:none}}