*{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:var(--font-size);line-height:1.6}a{color:var(--color-primary)}header,footer,main{max-width:var(--content-width);margin:auto;padding:2rem 1.5rem}header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-ink)}header a{font-weight:600;text-decoration:none}h1,h2,h3{font-family:var(--font-heading);line-height:1.15}h1{font-size:clamp(2rem,7vw,4rem);margin:1rem 0}h2{font-size:2rem}p{max-width:65ch}footer{border-top:1px solid var(--color-ink)}.block-button a,.button{display:inline-block;padding:.75rem 1.25rem;background:var(--color-primary);color:var(--color-surface);border-radius:var(--button-radius);text-decoration:none}img,video{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(max-width:600px){header,footer,main{padding:1.25rem}}.content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.hero{padding-bottom:2rem}@media(max-width:768px){.content{grid-template-columns:1fr;gap:1rem}}.starter-menu{display:none}header>a{min-width:0;overflow-wrap:anywhere}.starter-nav{display:flex;flex-wrap:wrap;gap:1rem}.starter-menu summary{cursor:pointer;padding:.5rem;min-height:2.75rem}.starter-menu nav{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.starter-menu nav a{padding:.5rem;overflow-wrap:anywhere}@media(max-width:600px){.starter-nav{display:none}.starter-menu{display:block;max-width:100%;margin-inline-start:auto}}
/* Resonant Cloud Ops premium layer */
:root{--rc-deep:#061a33;--rc-azure:#0a4d8c;--rc-teal:#0fb5ae;--rc-ice:#e8f4fb}
body{background:linear-gradient(180deg,#f3f8fc 0%,#ffffff 40%,#eef6fb 100%)}
header{max-width:none;margin:0;padding:1.1rem max(1.5rem,calc((100vw - var(--content-width))/2 + 1.5rem));background:linear-gradient(90deg,var(--rc-deep),var(--rc-azure));border-bottom:3px solid var(--rc-teal);position:sticky;top:0;z-index:10;align-items:center}
header a{color:#fff;letter-spacing:.01em}
header>a{font-size:1.15rem;font-weight:700}
header>a::before{content:"◆ ";color:var(--rc-teal)}
.starter-nav a{color:#cfe9ff;padding:.35rem .7rem;border-radius:999px;transition:background .2s}
.starter-nav a:hover{background:rgba(15,181,174,.25);color:#fff}
.hero{position:relative;margin:2rem 0 3rem;padding:3.5rem 3rem 3rem;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(15,181,174,.45),transparent 45%),linear-gradient(135deg,var(--rc-deep) 0%,var(--rc-azure) 70%,#0d6fa8 100%);color:#fff;box-shadow:0 30px 60px -25px rgba(6,26,51,.55);overflow:hidden}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.02em;max-width:16ch}
.hero p{color:#d6ecff;font-size:1.15rem}
.hero a{color:#fff}
.hero .block-button a,.hero .button{background:var(--rc-teal);color:#04202a;font-weight:700;box-shadow:0 10px 25px -8px rgba(15,181,174,.8)}
.hero figure{margin:2rem 0 0}
.hero img{border-radius:18px;box-shadow:0 20px 40px -15px rgba(0,0,0,.6)}
h1,h2,h3{color:var(--rc-deep);letter-spacing:-.015em}
h2{position:relative;padding-top:.9rem}
h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--rc-teal),var(--rc-azure))}
article h2::before,.hero h2::before{display:none}
.block-button a,.button{font-weight:600;padding:.85rem 1.5rem;transition:transform .15s,box-shadow .15s}
.block-button a:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(10,77,140,.6)}
article{background:#fff;border:1px solid #d7e8f4;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(6,26,51,.5);transition:transform .2s,box-shadow .2s;padding-bottom:1rem}
article:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(10,77,140,.55)}
article img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
article h2,article h3{font-size:1.25rem;padding:0 1.2rem;margin:1rem 0 .4rem}
article h2 a,article h3 a{text-decoration:none;color:var(--rc-azure)}
article p{padding:0 1.2rem;color:#36506b;margin:.3rem 0}
blockquote{margin:1.5rem 0;padding:1.5rem 1.75rem;border-left:5px solid var(--rc-teal);background:var(--rc-ice);border-radius:0 18px 18px 0;font-size:1.1rem}
aside{background:linear-gradient(160deg,#ffffff,var(--rc-ice));border:1px solid #d7e8f4;border-radius:20px;padding:1.5rem;align-self:start}
main figure img{border-radius:18px}
form{background:#fff;border:1px solid #d7e8f4;border-radius:20px;padding:2rem;box-shadow:0 18px 40px -28px rgba(6,26,51,.5)}
input,textarea,select{width:100%;padding:.75rem .9rem;border:1px solid #b9d3e6;border-radius:12px;font:inherit;background:#f8fbfe}
input:focus,textarea:focus,select:focus{border-color:var(--rc-teal);outline:none;box-shadow:0 0 0 3px rgba(15,181,174,.25)}
button[type=submit]{background:linear-gradient(90deg,var(--rc-azure),var(--rc-teal));color:#fff;border:0;border-radius:999px;padding:.85rem 1.8rem;font-weight:700;cursor:pointer}
footer{max-width:none;margin:4rem 0 0;padding:2.5rem max(1.5rem,calc((100vw - var(--content-width))/2 + 1.5rem));background:var(--rc-deep);color:#b8d4ea;border-top:3px solid var(--rc-teal)}
footer a{color:var(--rc-teal);font-weight:600}
:where(:root){--button-radius:999px;--color-ink:#0B1B2E;--color-primary:#0FB5AE;--color-surface:#F3F8FC;--content-width:1100px;--font-body:"Segoe UI",Inter,system-ui,sans-serif;--font-heading:"Segoe UI Variable Display","Segoe UI",Inter,system-ui,sans-serif;--font-size:18px;}