
:root{color-scheme:dark;--orange:#ff7400;--cream:#ffebdb;--muted:#bdc8d3;--line:#ffffff21}*{box-sizing:border-box}body{margin:0;background:#d9d7d7;color:var(--cream);font:var(--vasc-font-14)/1.6 Arimo}button,a{font:inherit}a{color:inherit}:focus-visible{outline:3px solid #ffba80;outline-offset:4px}.skip{position:fixed;top:-80px;left:10px;z-index:10;background:var(--orange);color:#021324;padding:10px}.skip:focus{top:10px}.shell{max-width:none;margin:22px auto;padding:36px 40px 20px;border:1px solid #ff740052;border-radius:28px;background:radial-gradient(ellipse at 5% 0%,#ff740020,transparent 27%),linear-gradient(135deg,#05346f,#06295a 58%,#031a3d);box-shadow:0 24px 70px #00162b26}.brand{font-size:var(--vasc-font-22);font-weight:700;letter-spacing:.025em;color:#fff;display:flex;align-items:center}.brand>span{color:var(--orange)}.brand small{border-left:1px solid #ffffff40;padding-left:16px;margin-left:18px;color:var(--muted);font-size:var(--vasc-font-10);letter-spacing:.18em;font-weight:600}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:33px 0 30px}.eyebrow{margin:0 0 12px;color:#ff9a48;font-size:var(--vasc-font-10);font-weight:700;letter-spacing:.18em}h1{margin:0;color:#fff;font-size:clamp(27px,3.1vw,43px);font-weight:550;letter-spacing:-.035em;line-height:1.17}.lead{margin:18px 0 0;color:#ced8e2;font-size:var(--vasc-font-14);line-height:1.8}.aside{border-left:1px solid #ffffff26;padding:12px 0 12px 24px;color:var(--muted);font-size:var(--vasc-font-12)}.aside strong{color:var(--cream);font-weight:600}#planer{display:grid;gap:16px}article{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#ff740010,transparent 45%),linear-gradient(145deg,#021324,#041c31)}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 18px;text-align:center;border-right:1px solid var(--line)}.number{position:absolute;left:20px;top:14px;font-size:var(--vasc-font-10);letter-spacing:.12em;color:#9dadbd}.tile img{display:block;width:134px;height:134px;object-fit:contain;margin-bottom:19px;border-radius:26px}.tile h2{margin:0;color:#fff;font-size:var(--vasc-font-20);font-weight:650;letter-spacing:-.02em}.tile p{margin:5px 0 0;color:var(--muted);font-size:var(--vasc-font-12)}.copy{padding:26px 32px 28px;min-width:0}.copy .eyebrow{margin-bottom:9px}h3{margin:0 0 12px;color:#fff;font-size:var(--vasc-font-22);font-weight:550;letter-spacing:-.025em;line-height:1.25}.description{max-width:none;margin:0;color:#c9d3de;font-size:var(--vasc-font-12);line-height:1.8}ul{display:flex;flex-wrap:wrap;gap:5px 19px;list-style:none;padding:0;margin:16px 0 22px;color:#e4e8ed;font-size:var(--vasc-font-12);font-weight:500}ul li::before{content:'✓';color:#75d7ad;margin-right:7px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button,.actions a,.primary{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:44px;border:1px solid #ffffff38;border-radius:9px;padding:11px 17px;font-size:var(--vasc-font-12);line-height:1.5;font-weight:700;text-decoration:none;cursor:pointer;background:#ffffff03;color:#e7ecf1}.actions button,.primary{background:var(--orange);color:#071a2b;border-color:var(--orange)}.actions button:hover,.primary:hover{background:#ff923a}.actions a:hover{background:#ffffff0d;border-color:#ff9a48}.actions span{font:var(--vasc-font-16)/1 Arimo}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:23px 2px 2px;color:var(--muted);font-size:var(--vasc-font-10)}footer strong{color:#e8e9eb;font-weight:600}footer>span:last-child{letter-spacing:.12em;font-size:var(--vasc-font-10)}dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:35px;border:1px solid #627285;border-radius:20px;color:var(--cream);background:#041c31;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:var(--vasc-font-22);font-weight:550;line-height:1.25;margin:0 20px 14px 0}.close{position:absolute;right:14px;top:10px;width:44px;height:44px;font-size:var(--vasc-font-22);color:var(--cream);border:0;border-radius:8px;background:transparent;cursor:pointer}#dialog-copy,#steps{font-size:var(--vasc-font-12);color:#c9d3de}#steps{padding-left:22px;margin:25px 0}#steps li{margin-bottom:16px;padding-left:8px}#steps strong{display:block;color:#fff;margin-bottom:4px}.footnote{font-size:var(--vasc-font-12);color:var(--muted)}@media(max-width:1350px){.shell{margin:16px}}@media(max-width:1000px){.shell{padding:28px}.aside{display:none}article{grid-template-columns:210px minmax(0,1fr)}.copy{padding:24px}.tile h2{font-size:var(--vasc-font-20)}.tile img{width:118px;height:118px}}@media(max-width:700px){.shell{padding:21px 16px 16px;margin:10px;border-radius:22px}.intro{padding:29px 0 26px}.lead{font-size:var(--vasc-font-12)}br{display:none}article{grid-template-columns:1fr}.tile{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 16px;padding:20px;text-align:left;border-right:0;border-bottom:1px solid var(--line)}.tile img{grid-row:1/3;width:76px;height:76px;margin:0;border-radius:16px}.tile h2{align-self:end;font-size:var(--vasc-font-20)}.tile p{align-self:start}.number{display:none}.copy{padding:23px 20px 24px}h3{font-size:var(--vasc-font-20)}ul{display:grid;gap:6px}.actions{display:grid;grid-template-columns:1fr}.actions button,.actions a{justify-content:space-between;padding-inline:16px;min-height:47px}.actions span{flex-shrink:0}dialog{padding:30px 22px 24px}}@media(max-width:360px){.shell{margin:7px;padding:20px 11px 13px}.tile{padding:17px 15px;gap:0 12px;grid-template-columns:62px minmax(0,1fr)}.tile img{width:62px;height:62px}.tile h2{font-size:var(--vasc-font-20)}.copy{padding:22px 15px}.actions button,.actions a{font-size:var(--vasc-font-12)}}
/* Home supplies the header; only the three raised planner cards remain. */
html,body{background:#d9d7d7}
.shell{max-width:none;margin:0 auto;padding:22px 24px 30px;border:0;border-radius:0;background:transparent;box-shadow:none}
#planer{gap:24px}
article{border:1px solid rgba(255,255,255,.19);background:radial-gradient(ellipse at 2% 0%,rgba(255,116,0,.23),transparent 44%),linear-gradient(145deg,#021324,#041c31);box-shadow:0 13px 23px rgba(2,19,36,.24),0 3px 6px rgba(2,19,36,.19),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.28)}
@media(max-width:700px){.shell{margin:0;padding:14px 12px 24px}#planer{gap:20px}}
@media(max-width:360px){.shell{padding:10px 8px 20px}}

.actions a.primary{background:var(--orange);color:#071a2b;border-color:var(--orange)}.actions a.primary:hover{background:#ff923a}
