:root{--ink:#14213d;--muted:#526078;--paper:#f7f9fc;--white:#fff;--line:#dbe2ed;--blue:#2563eb;--blue2:#1748b3;--yellow:#ffd84d;--teal:#0f766e;--shadow:0 18px 55px rgba(20,33,61,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 "Atkinson Hyperlegible",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.topbar{height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 1.15rem "DM Sans",sans-serif}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--yellow);color:#172554}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{color:var(--muted);text-decoration:none;font-weight:700}.icon-button{border:1px solid var(--line);background:var(--white);border-radius:10px;width:40px;height:40px;color:var(--ink)}main{overflow:hidden}.planner{background:linear-gradient(130deg,#12213e 0%,#173b6f 62%,#1d4d7a 100%);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,90px);padding:clamp(56px,8vw,100px) max(6vw,24px);align-items:center}.planner-copy{max-width:570px}.eyebrow{font:700 .78rem "DM Sans",sans-serif;letter-spacing:.16em;color:#3e70e8;margin:0 0 12px}.planner .eyebrow{color:#8ec5ff}.planner h1{font:700 clamp(2.7rem,6vw,5.3rem)/.98 "DM Sans",sans-serif;letter-spacing:-.055em;margin:0 0 24px}.planner-copy>p:last-child{font-size:1.2rem;max-width:520px;color:#d9e7fa}.project-form{background:var(--white);color:var(--ink);padding:clamp(24px,4vw,40px);border-radius:22px;box-shadow:var(--shadow)}label,legend{font-weight:700;font-size:.95rem}.project-form textarea,.project-form input,.project-form select{width:100%;border:1.5px solid #cbd5e1;border-radius:10px;background:#fbfdff;padding:12px 14px;color:var(--ink);margin-top:6px}.project-form textarea:focus,.project-form input:focus,.project-form select:focus{outline:3px solid #bfdbfe;border-color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:14px;margin:18px 0}.project-form fieldset{border:0;padding:0;margin:0 0 22px}.choice-row{display:flex;gap:10px;margin-top:8px}.choice-row label{border:1px solid var(--line);padding:8px 12px;border-radius:9px;font-weight:400}.primary,.secondary{border:0;border-radius:10px;padding:13px 18px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue2)}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.project-form>.primary{width:100%;display:flex;justify-content:space-between;font-size:1.05rem}.form-note{text-align:center;color:var(--muted);font-size:.88rem;margin:10px 0 0}.generated{max-width:1150px;margin:28px auto 0;background:#e9f8f4;border:1px solid #9ed9cb;border-radius:16px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.generated h2{font:700 1.35rem "DM Sans";margin:0}.generated p{margin:0}.hidden{display:none}.sample-section,.tiers{padding:clamp(70px,9vw,120px) max(6vw,24px)}.section-heading{max-width:1180px;margin:0 auto 38px;display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading h2{font:700 clamp(2rem,4vw,3.2rem)/1.1 "DM Sans";letter-spacing:-.035em;margin:0}.section-heading>p{max-width:460px;color:var(--muted);font-size:1.08rem}.guide-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:340px 1fr;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.step-list{background:#eef3f9;border-right:1px solid var(--line);padding:24px}.guide-title{display:flex;gap:12px;align-items:center;padding:6px 6px 24px}.guide-title div,.step div{display:flex;flex-direction:column}.guide-title small,.step small{color:var(--muted)}.tiny-icon{display:grid;place-items:center;background:var(--yellow);border-radius:10px;width:40px;height:40px}.step{display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;width:100%;gap:12px;background:transparent;border:0;border-radius:12px;padding:13px 10px;color:var(--ink);cursor:pointer;margin:3px 0}.step>span{width:32px;height:32px;border-radius:50%;border:1px solid #bcc7d8;display:grid;place-items:center;font-weight:700}.step.active{background:white;box-shadow:0 4px 15px rgba(20,33,61,.08)}.step.active>span{background:var(--blue);border-color:var(--blue);color:white}.guide-card{padding:clamp(24px,5vw,50px)}.progress-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem;font-weight:700}.progress{height:6px;background:#e7ecf3;border-radius:9px;margin:8px 0 35px}.progress i{display:block;width:25%;height:100%;background:var(--blue);border-radius:9px;transition:.25s}.guide-card h3{font:700 1.8rem "DM Sans";margin:0 0 12px}.guide-card h4{font:700 1rem "DM Sans";margin:28px 0 10px}.plain-list{padding:0;margin:0;list-style:none}.plain-list li{position:relative;padding:9px 0 9px 30px;border-bottom:1px solid #edf0f5}.plain-list li:before{content:"✓";position:absolute;left:3px;color:var(--teal);font-weight:700}.tip{background:#fff8db;border-left:4px solid #eab308;padding:15px 18px;border-radius:7px;margin-top:24px}.diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;margin:24px 0}.diagram div{border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center;font-weight:700}.diagram div:not(:last-child):after{content:"→";position:absolute;margin-left:18px;color:var(--blue)}.guide-actions{display:flex;justify-content:space-between;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.small{padding:11px 15px}.quick-context{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px}.quick-context article{display:flex;gap:16px;background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.context-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:11px;background:#e8efff;color:var(--blue);font-weight:700}.quick-context small{display:block;color:var(--muted);font-weight:700}.quick-context strong{font:700 1.2rem "DM Sans"}.quick-context p{margin:2px 0 0;color:var(--muted);line-height:1.35}.tiers{background:#eaf0f8}.centered{text-align:center;justify-content:center}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px;margin:auto;align-items:stretch}.tier{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.tier.featured{border:2px solid var(--blue);transform:translateY(-10px)}.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--blue);color:white;padding:5px 12px;border-radius:20px;font:700 .7rem "DM Sans";letter-spacing:.08em}.tier-name{font-weight:700;color:var(--blue)}.tier h3{font:700 1.75rem "DM Sans";margin:0}.tier>p{color:var(--muted)}.tier ul{padding:0;list-style:none;margin:25px 0}.tier li{padding:8px 0}.tier li:before{content:"✓";color:var(--teal);font-weight:700;margin-right:10px}.full{width:100%}.tier-note{text-align:center;color:var(--muted);margin:28px 0 0}footer{background:#111d34;color:#cdd8e8;padding:34px max(6vw,24px);display:flex;align-items:center;justify-content:space-between}footer .brand{color:white}footer p{margin:0}
body.dark{--ink:#edf4ff;--muted:#aebbd0;--paper:#0d1728;--white:#152238;--line:#33435a}.dark .topbar{background:rgba(13,23,40,.95)}.dark .planner{background:linear-gradient(130deg,#0b1220,#17345e)}.dark .project-form textarea,.dark .project-form input,.dark .project-form select{background:#0f1c30;color:white}.dark .step-list,.dark .tiers{background:#101d31}.dark .generated{background:#12352f}.dark .choice-row label{background:#101d31}
@media(max-width:850px){.topbar nav a{display:none}.planner{grid-template-columns:1fr;padding-top:48px}.planner h1{font-size:3.2rem}.form-grid{grid-template-columns:1fr}.guide-shell{grid-template-columns:1fr}.step-list{border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.guide-title{grid-column:1/-1}.step{grid-template-columns:34px 1fr}.step b,.step small{display:none}.quick-context,.tier-grid{grid-template-columns:1fr}.tier.featured{transform:none}.section-heading{display:block}.section-heading>p{margin-top:18px}footer{align-items:flex-start;gap:25px;flex-direction:column}}
@media(max-width:560px){.planner h1{font-size:2.55rem}.project-form{padding:20px}.choice-row{flex-direction:column}.step-list{grid-template-columns:repeat(2,1fr)}.step{padding:9px 5px}.guide-card{padding:24px 20px}.diagram{grid-template-columns:1fr}.diagram div:not(:last-child):after{content:"↓";display:block;position:static;margin:8px 0 -26px}.generated{margin:18px 16px 0;align-items:flex-start;flex-direction:column}.quick-context{padding:0 16px}.sample-section,.tiers{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.section-intro{max-width:680px;margin:16px auto 0;color:var(--muted);font-size:1.08rem}.tier-grid.six{grid-template-columns:repeat(3,1fr);max-width:1120px}.tier-grid.six .tier{display:flex;flex-direction:column}.tier-grid.six .tier ul{flex:1}.tier-number{font:700 2.8rem/1 "DM Sans";color:#d3ddea;position:absolute;right:22px;top:22px}.tier.selected{box-shadow:0 0 0 4px #bfd1ff;border-color:var(--blue)}.tier.mechanic{background:linear-gradient(145deg,var(--white),#eaf2ff)}.tier-note{max-width:800px;margin-left:auto;margin-right:auto}.specialists{padding:clamp(70px,9vw,120px) max(6vw,24px);background:var(--paper)}.selected-level{max-width:1120px;margin:-10px auto 20px;color:var(--muted)}.selected-level strong{color:var(--blue)}.specialty-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.specialty-grid button{display:flex;flex-direction:column;text-align:left;min-height:145px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:14px;color:var(--ink);cursor:pointer}.specialty-grid button:hover,.specialty-grid button.chosen{border-color:var(--blue);box-shadow:0 5px 18px rgba(37,99,235,.12)}.specialty-grid button span{color:var(--blue);font-weight:700;font-size:1.25rem;margin-bottom:14px}.specialty-grid button strong{font:700 1rem "DM Sans"}.specialty-grid button small{color:var(--muted);font-size:.88rem;margin-top:5px}.choice-confirm{max-width:1120px;margin:18px auto 0;border-radius:12px;padding:14px 18px;background:#e7f6f2;color:#165e56}
@media(max-width:850px){.tier-grid.six{grid-template-columns:1fr}.specialty-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.specialists{padding-left:16px;padding-right:16px}.specialty-grid{grid-template-columns:1fr}.specialty-grid button{min-height:115px}}