/* Blue identity shared by the public planner. No external fonts or images. */
:root{--ink:#edf5fc;--muted:#b9cad9;--muted-2:#a6bfd2;--night:#081b2a;--panel:#102b40;--input:#0c2334;--bg:#081b2a;--line:#36546a;--cyan:#46bcf5;--cyan-deep:#46bcf5;--button-text:#071d2c;color-scheme:dark}
body.light-mode{--ink:#102e46;--muted:#49677e;--muted-2:#526d81;--night:#f3f8fc;--panel:#fff;--input:#fff;--bg:#f3f8fc;--line:#bdcfdd;--cyan:#0869a0;--cyan-deep:#075b8d;--button-text:#fff;color-scheme:light}
body .primary-button,body.light-mode .primary-button{background:var(--cyan);color:var(--button-text);border-color:var(--cyan)}
body .secondary-button,body.light-mode .secondary-button{color:var(--ink);background:var(--panel);border-color:var(--line)}
.product-intro{align-items:center}.hero-art{max-width:560px}.hero-art img{width:100%;height:auto}.hero-art figcaption{color:var(--muted)}
@media(max-width:600px){.hero-art{max-width:360px;margin:8px auto 0}.product-intro{padding-block:26px;gap:20px}.intro-summary{line-height:1.65}.hero-actions{gap:10px}}