.start-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 18%,rgba(239,228,207,.10),transparent 30%),
    radial-gradient(circle at 92% 72%,rgba(126,105,78,.18),transparent 34%),
    #090807;
  color:var(--bone);
}
.start-header{
  position:relative;
  border-bottom-color:rgba(255,250,240,.18);
  background:rgba(9,8,7,.92);
}
.start-main{position:relative;overflow:hidden;min-height:calc(100vh - 150px);background:transparent;color:var(--bone)}
.start-main::before{
  content:"V";
  position:absolute;
  left:-.12em;
  bottom:-.30em;
  color:rgba(255,250,240,.035);
  font:700 clamp(420px,62vw,920px)/.7 var(--gothic);
  pointer-events:none;
}
.start-layout{
  position:relative;
  z-index:1;
  width:min(1500px,calc(100% - 48px));
  margin:0 auto;
  padding:clamp(54px,7vw,108px) 0 clamp(70px,8vw,126px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.72fr);
  gap:clamp(40px,7vw,112px);
  align-items:start;
}
.start-copy{padding-top:20px}
.start-copy .eyebrow{color:rgba(255,250,240,.62)}
.start-copy h1{
  max-width:900px;
  margin:22px 0 24px;
  font:700 clamp(52px,7vw,104px)/.84 var(--serif);
  letter-spacing:-.055em;
  text-wrap:balance;
}
.start-lead{max-width:790px;margin:0;color:rgba(255,250,240,.76);font-size:clamp(20px,2vw,28px);line-height:1.34}
.start-steps{list-style:none;margin:54px 0 38px;padding:0;border-top:1px solid rgba(255,250,240,.24)}
.start-steps li{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:18px;
  align-items:center;
  min-height:92px;
  border-bottom:1px solid rgba(255,250,240,.20);
  color:rgba(255,250,240,.48);
}
.start-steps li.is-current{color:var(--bone)}
.start-steps li > b{font:700 27px/1 var(--gothic);letter-spacing:.03em}
.start-steps li span{display:grid;grid-template-columns:minmax(160px,.42fr) 1fr;gap:20px;align-items:baseline;font-size:18px}
.start-steps li strong{font:700 13px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.start-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,250,240,.22);border:1px solid rgba(255,250,240,.22)}
.start-principles span{min-height:150px;padding:20px;background:#0f0d0b;color:rgba(255,250,240,.64);font-size:17px;line-height:1.35}
.start-principles b{display:block;margin-bottom:14px;color:var(--bone);font:700 11px/1.2 var(--mono);letter-spacing:.10em;text-transform:uppercase}
.start-back{display:inline-block;margin-top:34px;color:var(--bone);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.start-back:hover{text-decoration:underline;text-underline-offset:5px}
.start-card{
  position:sticky;
  top:22px;
  color:var(--ink);
  border:1px solid var(--bone);
  background:var(--paper-2);
  box-shadow:22px 22px 0 rgba(255,250,240,.11),0 34px 90px rgba(0,0,0,.42);
}
.start-demo-note{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;background:#2a2118;color:var(--bone);font:700 9px/1.35 var(--mono);letter-spacing:.10em;text-transform:uppercase}
.start-demo-note span{opacity:.7;text-align:right}
.selected-plan{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  padding:26px 28px 28px;
  color:var(--bone);
  background:var(--ink);
  border-bottom:7px double var(--paper-2);
}
.selected-plan > div:first-child{min-width:0}
.selected-plan span,.selected-plan small{display:block;font:700 9px/1.35 var(--mono);letter-spacing:.10em;text-transform:uppercase;opacity:.6}
.selected-plan strong{display:block;margin:9px 0 8px;font:700 34px/.9 var(--serif)}
.selected-plan small{max-width:310px;line-height:1.45}
.selected-plan-price{text-align:right}
.selected-plan-price b{display:block;font:700 29px/.95 var(--serif);white-space:nowrap}
.selected-plan > a{position:absolute;right:28px;bottom:18px;color:var(--bone);font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.start-form-wrap,.start-code-step{padding:30px 28px 32px}
.start-card-heading > span{font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6e6357}
.start-card-heading h2{margin:12px 0 10px;font:700 clamp(36px,4vw,54px)/.9 var(--serif);letter-spacing:-.04em}
.start-card-heading p{margin:0 0 26px;color:#5b5248;font-size:18px;line-height:1.38}
.start-form{display:grid;gap:18px}
.start-field{display:grid;gap:8px}
.start-field > span{font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.start-field input{
  width:100%;
  min-height:52px;
  padding:0 14px;
  border:1px solid #a99d8c;
  border-radius:0;
  background:#fffaf0;
  color:var(--ink);
  font:600 18px/1.2 var(--sans);
  box-shadow:none;
}
.start-field input::placeholder{color:#94887a}
.start-field input:focus{outline:3px solid rgba(5,4,3,.16);outline-offset:2px;border-color:var(--ink)}
.start-field input:user-invalid{border-color:#8d2c22;background:#fff7f4}
.start-field small{color:#71675c;font-size:14px;line-height:1.3}
.start-consent{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;padding:16px 0 2px;color:#50483f;font-size:14px;line-height:1.4}
.start-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
.start-consent a{text-decoration:underline;text-underline-offset:3px}
.start-submit,.start-secondary{display:flex;width:100%;min-height:54px;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:var(--bone);text-align:center;white-space:normal}
.start-submit:hover{background:#2c261f}
.start-submit:disabled{cursor:not-allowed;opacity:.42}
.start-secondary{background:transparent;color:var(--ink)}
.start-secondary:hover{background:rgba(5,4,3,.08)}
.start-legal{margin:0!important;color:#766b60!important;font-size:13px!important;line-height:1.4!important;opacity:1!important}
.code-preview{display:grid;grid-template-columns:1fr;gap:15px;margin:26px 0}
.demo-result{padding:18px;border-left:6px solid var(--ink);background:rgba(5,4,3,.08)}
.demo-result b{font:700 11px/1 var(--mono);letter-spacing:.10em;text-transform:uppercase}
.demo-result p{margin:8px 0 0;color:#51493f;font-size:16px;line-height:1.35}
.start-finish-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-top:22px}
.start-footer{border-top-color:rgba(255,250,240,.18);background:#090807;color:var(--bone)}
.start-footer .footer-inner{opacity:.62}
@media (max-width:1050px){
  .start-layout{grid-template-columns:1fr;max-width:900px}
  .start-card{position:relative;top:auto}
  .start-principles span{min-height:125px}
}
@media (max-width:720px){
  .start-header .nav-links a:not(.cta-mini){display:none}
  .start-layout{width:100%;padding:34px 0 80px;gap:42px}
  .start-card{order:1}
  .start-copy{order:2;padding:0 20px}
  .start-copy h1{font-size:clamp(46px,15vw,72px)}
  .start-lead{font-size:20px}
  .start-steps{margin-top:38px}
  .start-steps li{grid-template-columns:48px 1fr;min-height:82px}
  .start-steps li span{grid-template-columns:1fr;gap:6px;font-size:16px}
  .start-principles{grid-template-columns:1fr}
  .start-principles span{min-height:0}
  .start-card{border-left:0;border-right:0;box-shadow:none}
  .start-demo-note{display:grid;gap:5px}
  .start-demo-note span{text-align:left}
  .selected-plan{grid-template-columns:1fr;padding:24px 20px 52px}
  .selected-plan-price{text-align:left}
  .selected-plan > a{left:20px;right:auto;bottom:20px}
  .start-form-wrap,.start-code-step{padding:28px 20px 32px}
  .start-finish-actions{grid-template-columns:1fr}
}