:root{--paper:#f2efe8;--ink:#111;--blue:#1f4fff;--orange:#ff5a1f;--green:#18775a;--muted:#68625a;--white:#faf8f2;--yellow:#f2d75c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 24px),1220px);margin:auto;padding:18px 0 44px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:11px 0;font:700 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}.top a{border:1px solid var(--ink);padding:8px 10px}.top a:hover{background:var(--ink);color:var(--paper)}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;padding:34px 0 28px;border-bottom:2px solid var(--ink)}.hero h1{font-size:clamp(3.2rem,8vw,7.5rem);line-height:.79;letter-spacing:-.075em;margin:0;text-transform:uppercase}.hero h1 span{display:block;color:var(--blue)}.side{border-left:2px solid var(--ink);padding-left:20px;line-height:1.58}.kicker{font:700 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.stamp{margin-top:14px;font:700 10px "Courier New",monospace;text-transform:uppercase;color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(6,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:18px}.quick>div{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:12px;min-height:95px}.quick small{display:block;font:700 9px "Courier New",monospace;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.quick strong{font-size:.95rem;line-height:1.25}.section{padding:30px 0;border-bottom:2px solid var(--ink)}.section-title{display:grid;grid-template-columns:95px 1fr;gap:18px;margin-bottom:18px}.section-title .n{font:700 13px "Courier New",monospace;color:var(--muted)}.section-title h2{font-size:clamp(2.1rem,5vw,4.5rem);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;margin:0}.lead{max-width:920px;font-size:1.08rem;line-height:1.65}.routes{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--ink)}.route{padding:20px;min-height:300px}.route:nth-child(even){border-left:1px solid var(--ink)}.route:nth-child(n+3){border-top:1px solid var(--ink)}.route.sites{background:#e4ebff}.route.wix{background:#fff0db}.route.blog{background:#e5f0e9}.route.code{background:#111;color:#f2efe8}.route h3{font-size:2rem;letter-spacing:-.045em;margin:8px 0 10px}.route p,.route li{line-height:1.55}.route ul{padding-left:18px}.route.code p,.route.code li{color:#eee}.btn{display:inline-block;border:2px solid currentColor;padding:8px 10px;margin:6px 4px 0 0;font-weight:900;text-transform:uppercase;font-size:.78rem}.route:not(.code) .btn:hover{background:var(--ink);color:var(--paper)}.route.code .btn:hover{background:var(--paper);color:var(--ink)}.compare{width:100%;border-collapse:collapse;border:2px solid var(--ink);background:var(--white)}.compare th,.compare td{border:1px solid var(--ink);padding:11px;text-align:left;vertical-align:top;line-height:1.45}.compare th{background:var(--ink);color:var(--paper);font:700 10px "Courier New",monospace;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink)}.step{padding:17px;min-height:200px}.step+.step{border-left:1px solid var(--ink)}.step strong{display:block;font-size:1.15rem;margin:8px 0}.step p{line-height:1.5;margin:0;color:#403b35}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink)}.tool{padding:18px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);min-height:265px;background:var(--white)}.tool h3{font-size:1.8rem;letter-spacing:-.045em;margin:8px 0 10px}.tool p{line-height:1.52;color:#403b35}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--ink);margin-top:18px}.pipe{padding:16px;min-height:180px}.pipe+.pipe{border-left:1px solid var(--ink)}.pipe strong{display:block;font-size:1.08rem;margin:8px 0}.pipe p{line-height:1.48;color:#403b35;margin:0}.prompt{background:#111;color:#f2efe8;padding:18px;margin-top:18px;font-family:"Courier New",monospace;font-size:.87rem;line-height:1.55;white-space:pre-wrap}.note{margin-top:18px;border-left:10px solid var(--orange);padding:15px 17px;background:#fff0e8;line-height:1.58}.good{margin-top:18px;border-left:10px solid var(--green);padding:15px 17px;background:#e5f0e9;line-height:1.58}.sources{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.source{border:1px solid var(--ink);padding:12px;background:var(--white)}.source strong{display:block;margin-bottom:5px}.source p{margin:0 0 8px;line-height:1.45;color:#403b35}.source a{display:inline-block;border:1px solid var(--ink);padding:6px 8px;font:700 10px "Courier New",monospace;text-transform:uppercase}.footer{padding:18px 0 8px;font:700 10px "Courier New",monospace;text-transform:uppercase;color:var(--muted)}@media(max-width:950px){.hero{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--ink);padding:16px 0 0}.quick{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(3){border-left:0;border-top:1px solid var(--ink)}.step:nth-child(4){border-top:1px solid var(--ink)}.toolgrid{grid-template-columns:1fr 1fr}.pipeline{grid-template-columns:1fr}.pipe+.pipe{border-left:0;border-top:1px solid var(--ink)}}@media(max-width:620px){.top{align-items:flex-start;flex-direction:column}.hero h1{font-size:3.6rem}.quick,.routes,.steps,.toolgrid,.sources{grid-template-columns:1fr}.route:nth-child(even),.step+.step{border-left:0}.route+.route,.step+.step{border-top:1px solid var(--ink)}.section-title{grid-template-columns:1fr}.compare{font-size:.84rem}}