.brand-mark{position:relative;width:30px;height:34px;border:2px solid var(--blue);border-radius:3px;background:#fff;box-shadow:4px 4px 0 var(--green-soft);font-size:0}
.brand-mark:before{content:"";position:absolute;left:5px;top:7px;width:15px;height:10px;border-left:2px solid var(--green);border-bottom:2px solid var(--green)}
.brand-mark:after{content:"";position:absolute;right:5px;bottom:6px;width:9px;height:7px;border-top:2px solid var(--blue);border-right:2px solid var(--blue)}
.landing{position:relative;overflow:hidden;background-color:#f8fbfe;background-image:linear-gradient(rgba(18,63,115,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,115,.055) 1px,transparent 1px),linear-gradient(rgba(18,63,115,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,115,.025) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}
.landing:after{content:"A-01";position:absolute;right:4vw;bottom:24px;color:rgba(18,63,115,.15);font:700 12px monospace;letter-spacing:.18em}
.landing .hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1040px;margin:auto;padding:92px 0 96px;text-align:left}
.landing .hero h1{font-size:clamp(39px,5vw,58px);line-height:1.06;letter-spacing:-.045em}
.landing .hero-copy{max-width:570px;margin:22px 0 28px;font-size:18px}
.landing .cta-row{justify-content:flex-start}.landing .cta-row .button{min-width:160px}.landing .microcopy{margin:16px 0 0}
.plan-card{position:relative;padding:26px;background:rgba(255,255,255,.94);border:1px solid #b9cbdd;border-radius:4px;box-shadow:14px 14px 0 rgba(18,63,115,.08),var(--shadow);transform:rotate(1deg)}
.plan-card:before{content:"";position:absolute;inset:11px;border:1px solid rgba(18,63,115,.15);pointer-events:none}
.plan-title{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:2px solid var(--blue);color:var(--blue-deep);font:700 11px monospace;letter-spacing:.1em}
.plan-step{position:relative;display:grid;grid-template-columns:31px 1fr;gap:13px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line)}.plan-step:last-child{border-bottom:0}
.plan-step b{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--blue);border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:12px}.plan-step strong{display:block;color:var(--blue-deep);font-size:14px}.plan-step span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.plan-step.done b{border-color:var(--green);background:var(--green);color:#fff}
@media(max-width:760px){.landing .hero{grid-template-columns:1fr;gap:42px;padding:64px 12px 58px}.landing .hero-copy{font-size:17px}.landing .cta-row{display:grid}.landing .cta-row .button{width:100%}.plan-card{transform:none}}