:root{--ink:#172126;--muted:#627078;--paper:#fffaf1;--panel:#fffdf8;--line:#e8ddcb;--amber:#ffb74a;--coral:#ff6b4a;--teal:#1d8f8a;--blue:#355c7d;--shadow:0 24px 70px rgba(44,34,18,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,183,74,.28),transparent 32rem),linear-gradient(180deg,#fff7e8 0%,#f8efe0 45%,#fffdf8 100%);line-height:1.55}a{color:inherit}button,input,select{font:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(255,250,241,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,221,203,.7)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--ink),var(--blue));color:#fff;font-size:.85rem;box-shadow:0 10px 24px rgba(23,33,38,.18)}.nav{display:flex;gap:.3rem;align-items:center}.nav a,.site-footer a{padding:.55rem .75rem;border-radius:999px;text-decoration:none;color:#36464f;font-weight:650;font-size:.94rem}.nav a:hover,.site-footer a:hover{background:#fff3df;color:#10191e}main{width:min(1160px,calc(100% - 2rem));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;min-height:680px;padding:4rem 0}.eyebrow{margin:0 0 .7rem;color:var(--teal);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero h1,.section-heading h2,.handoff h2{margin:0;color:#121b20;letter-spacing:-.065em;line-height:.98}.hero h1{font-size:clamp(3rem,8vw,6.8rem);max-width:820px}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:#4d5d65;max-width:720px;margin:1.4rem 0 0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.85rem 1.15rem;border:0;border-radius:999px;text-decoration:none;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--coral),#ff9d4d);color:#fff;box-shadow:0 14px 30px rgba(255,107,74,.24)}.ghost{background:#fff8ec;border:1px solid var(--line);color:#24343b}.full{width:100%}.timeline-card{background:linear-gradient(180deg,#142027,#243643);color:#fff;border-radius:32px;padding:1.2rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;inset:-40% -30% auto auto;width:260px;height:260px;border-radius:50%;background:rgba(255,183,74,.28)}.card-topline{position:relative;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1rem 1.2rem;color:#dce7e8}.card-topline strong{color:#ffd18a}.mini-rail{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.mini-rail li{display:grid;grid-template-columns:48px 1fr;grid-template-areas:"num title" "num desc";gap:0 .9rem;align-items:center;padding:1rem;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:20px}.mini-rail span{grid-area:num;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#142027;font-weight:900}.mini-rail b{grid-area:title}.mini-rail em{grid-area:desc;color:#b9c8cc;font-style:normal}.ad-reserve{display:grid;place-items:center;min-height:120px;max-width:760px;margin:0 auto 3rem;padding:0 1rem;border:1px dashed #d8c8ac;border-radius:18px;background:rgba(255,255,255,.48);color:#8a7656}.section-panel{background:rgba(255,253,248,.86);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.planner{padding:clamp(1.2rem,4vw,2.4rem);scroll-margin-top:90px}.section-heading{max-width:720px}.section-heading.centered{margin:0 auto 2rem;text-align:center}.section-heading h2,.handoff h2{font-size:clamp(2.1rem,5vw,4.2rem)}.section-heading p,.handoff p{color:var(--muted);font-size:1.05rem}.tool-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:1rem;margin-top:1.6rem}.planner-form,.result-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem}.planner-form{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-weight:800;color:#34434b}input,select{width:100%;border:1px solid #ddcfb8;border-radius:14px;background:#fffaf2;color:#172126;padding:.82rem .9rem;outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(29,143,138,.13)}fieldset{margin:0;padding:1rem;border:1px solid #eadfce;border-radius:18px}legend{font-weight:900;color:#34434b;padding:0 .4rem}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;margin:.55rem 0;font-weight:650;color:#516169}.check input{width:auto}.result-card{min-height:410px;background:linear-gradient(180deg,#ffffff,#fff8ec)}.result-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#e9f7f6;color:#126a66;font-weight:900;padding:.45rem .7rem;font-size:.82rem}.copy-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:850;cursor:pointer}.copy-button:hover{background:#fff4e3}.output-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.output-list li{position:relative;padding:1rem 1rem 1rem 3.1rem;border:1px solid #eadfce;border-radius:18px;background:#fff}.output-list li:before{content:attr(data-step);position:absolute;left:1rem;top:1rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#172126;color:#fff;font-size:.78rem;font-weight:900}.output-list strong{display:block}.output-list span{display:block;color:#64737a;margin-top:.15rem}.reference{padding:5rem 0;scroll-margin-top:90px}.phase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem}.phase-card{background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:1.1rem;box-shadow:0 14px 40px rgba(44,34,18,.08)}.phase-number{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#172126;color:#fff;font-weight:900}.phase-card h3{margin:1rem 0 .45rem;letter-spacing:-.03em}.phase-card p{color:#5d6a71;margin:0 0 1rem}.phase-card b{color:var(--teal)}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;padding:clamp(1.2rem,4vw,2.4rem);margin-bottom:4rem;scroll-margin-top:90px}.note-stack{display:grid;gap:.8rem}.note{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}.note b,.note span{display:block}.note span{color:#5d6a71;margin-top:.2rem}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem clamp(1rem,4vw,3rem);border-top:1px solid var(--line);color:#66747a}.site-footer nav{display:flex;gap:.4rem}.legal-main{width:min(840px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 5rem}.legal-card{background:#fffdf8;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.2rem,4vw,2.5rem)}.legal-card h1{margin:0 0 1rem;font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.06em}.legal-marker{margin-top:1.5rem;padding:1rem;border-radius:16px;background:#fff7e8;border:1px solid var(--line)}@media (max-width:920px){.hero,.tool-grid,.handoff{grid-template-columns:1fr}.hero{min-height:auto;padding:3rem 0}.phase-grid{grid-template-columns:repeat(2,1fr)}.timeline-card{max-width:520px}}@media (max-width:640px){.site-header,.site-footer{align-items:flex-start;flex-direction:column}.nav{width:100%;overflow:auto;padding-bottom:.2rem}.hero h1{font-size:3rem}.phase-grid{grid-template-columns:1fr}.mini-rail li{grid-template-columns:42px 1fr}.ad-reserve{border-radius:14px}.site-footer nav{flex-wrap:wrap}}


/* Factory-injected deployment helpers. The AI owns the site design above this block. */
.ad-reserve {
  width: min(100%, 720px);
  min-height: 120px;
  margin: 24px auto;
  border: 1px dashed currentColor;
  border-radius: 8px;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  opacity: 0.82;
}

.ad-reserve > span {
  justify-self: start;
  padding: 5px 9px;
  border-right: 1px dashed currentColor;
  border-bottom: 1px dashed currentColor;
  font: 700 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  text-transform: uppercase;
}

.ad-box {
  min-height: 92px;
  display: grid;
  place-items: center;
  font: 600 13px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.legal-page {
  width: min(900px, calc(100% - 32px));
  margin: 40px auto;
}