:root{--cw-bg:#03101c;--cw-panel:#071c2d;--cw-line:#00d7ff;--cw-text:#eef9ff;--cw-muted:#b8ccda;--cw-green:#80e7aa}
body{background:radial-gradient(circle at top,#0b2942 0,#03101c 40%,#020912 100%);color:var(--cw-text)}
.circular-phase2g{max-width:1380px;margin:0 auto;padding:0 18px 48px}
.circular-hero{position:relative;margin:16px 0 20px;border:1px solid rgba(0,215,255,.34);border-radius:18px;overflow:hidden;background:#061727;box-shadow:0 14px 42px rgba(0,0,0,.32)}
.circular-hero img{display:block;width:100%;height:auto;aspect-ratio:1600/520;object-fit:cover}
.circular-hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:26px;background:linear-gradient(90deg,rgba(1,12,22,.95) 0%,rgba(1,12,22,.78) 32%,rgba(1,12,22,.18) 70%,rgba(1,12,22,.02) 100%)}
.circular-hero-copy{max-width:700px}.phase-kicker,.mini{font-size:.74rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#3de2ff}.circular-hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.94;margin:8px 0 14px}.circular-hero p{font-size:1.03rem;line-height:1.52;color:#d2e6f2;margin:0;max-width:650px}.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-links a,.open{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(0,215,255,.5);border-radius:999px;color:#8cefff;text-decoration:none;font-weight:800;background:rgba(3,16,28,.66)}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:24px 0 12px;flex-wrap:wrap}.section-head h2{font-family:Georgia,serif;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1;margin:0}.section-head p{max-width:480px;color:var(--cw-muted);margin:0}
.circular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.circular-card{display:flex;flex-direction:column;border:1px solid rgba(0,215,255,.3);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(9,30,48,.97),rgba(5,17,29,.98));min-height:100%}.circular-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.circular-body{padding:16px;display:flex;flex-direction:column;flex:1}.circular-body h3{font-family:Georgia,serif;font-size:1.55rem;line-height:1.05;margin:6px 0 8px}.circular-body p{color:var(--cw-muted);line-height:1.48;margin:0 0 14px;flex:1}.tagrow{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tagrow span{font-size:.76rem;border:1px solid rgba(128,231,170,.32);color:#baf8cf;border-radius:999px;padding:6px 9px;background:rgba(128,231,170,.05)}
.integration-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.integration-panel{border:1px solid rgba(0,215,255,.25);border-radius:16px;overflow:hidden;background:rgba(6,21,35,.9)}.integration-panel img{display:block;width:100%;aspect-ratio:2.5/1;object-fit:cover}.integration-copy{padding:17px}.integration-copy h3{font-family:Georgia,serif;font-size:1.55rem;margin:0 0 8px}.integration-copy p{margin:0;color:var(--cw-muted);line-height:1.5}
.loop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}.loop-step{padding:14px;border:1px solid rgba(0,215,255,.2);border-radius:13px;background:rgba(5,18,31,.86)}.loop-step b{display:block;color:#fff;margin-bottom:5px}.loop-step span{color:var(--cw-muted);font-size:.9rem;line-height:1.4}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.related-grid a{padding:15px;border:1px solid rgba(0,215,255,.24);border-radius:13px;background:rgba(6,20,34,.88);text-decoration:none;color:#e8f8ff}.related-grid strong{display:block;margin-bottom:4px}.related-grid span{color:var(--cw-muted);font-size:.9rem;line-height:1.35}.boundary{margin-top:18px;padding:16px;border:1px solid rgba(0,215,255,.2);border-radius:14px;background:rgba(5,18,31,.84);color:#a9c4d4;font-size:.92rem;line-height:1.5}
@media(max-width:1100px){.circular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:1fr}.loop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.circular-grid,.loop-grid,.related-grid{grid-template-columns:1fr}.circular-hero-overlay{position:relative;background:#061727}.circular-hero img{aspect-ratio:16/9}.circular-hero h1{font-size:2.6rem}}