@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;700&family=Patrick+Hand&display=swap";:root{--paper: #f5f0e4;--paper-dark: #ece5d5;--ink: #333;--pencil: #666;--pencil-light: #aaa;--blue-pen: #1d4ed8;--blue-pen-light: #60a5fa;--red-pen: #b91c1c;--highlight-yellow: #fde68a;--highlight-green: #bbf7d0;--grid-line: rgba(100, 130, 180, .12);--max-width: 920px;--gutter: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Patrick Hand,cursive;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;font-size:22px;line-height:1.55;min-height:100vh}h1,h2,h3,h4{font-family:Architects Daughter,cursive;font-weight:400;line-height:1.3}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}#app:before{content:"CONCEPT";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-family:Architects Daughter,cursive;font-size:8rem;color:#00000007;pointer-events:none;z-index:9999;letter-spacing:20px;white-space:nowrap}.annotation{font-family:Caveat,cursive;color:var(--red-pen);font-size:1.15rem;display:inline-block}.annotation-blue{font-family:Caveat,cursive;color:var(--blue-pen);font-size:1.15rem;display:inline-block}.rotate-neg1{transform:rotate(-2deg)}.rotate-pos1{transform:rotate(2deg)}.rotate-neg2{transform:rotate(-3.5deg)}.rotate-pos2{transform:rotate(3.5deg)}.scribble-underline{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--red-pen);text-underline-offset:4px;text-decoration-thickness:1.5px}.marker-highlight{background:linear-gradient(180deg,transparent 55%,var(--highlight-yellow) 55%,var(--highlight-yellow) 90%,transparent 90%);padding:0 4px}.tape-top{position:relative}.tape-top:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-2deg);width:60px;height:16px;background:#c8bea080;border:1px solid rgba(180,170,140,.4);z-index:2}.coffee-stain{position:relative}.coffee-stain:after{content:"";position:absolute;top:-20px;right:-15px;width:65px;height:65px;border-radius:50%;border:2px solid rgba(160,120,70,.08);pointer-events:none;transform:rotate(15deg)}.doodle-arrow-down{text-align:center;font-family:Architects Daughter,cursive;color:var(--pencil-light);font-size:1.8rem;padding:8px 0;transform:rotate(3deg)}.margin-note{position:absolute;font-family:Caveat,cursive;font-size:.85rem;color:var(--red-pen);transform:rotate(-4deg);pointer-events:none;opacity:.8}.crossed-out{text-decoration:line-through;text-decoration-style:wavy;text-decoration-color:var(--red-pen);opacity:.5}wired-card{display:block;margin-bottom:16px;--wired-card-padding: 16px;background:var(--paper)}wired-button{font-family:Patrick Hand,cursive;font-size:1.2rem;cursor:pointer;--wired-button-padding: 10px 24px}wired-button[disabled]{opacity:.35;cursor:not-allowed}wired-input{font-family:Patrick Hand,cursive;font-size:1rem}.nav{padding:14px 0;border-bottom:2px dashed var(--pencil-light);position:sticky;top:0;background:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;z-index:100}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.logo{font-family:Architects Daughter,cursive;font-size:1.6rem;color:var(--ink);letter-spacing:1px}.logo-pencil{color:var(--pencil);margin-right:4px}.nav-tag{font-family:Caveat,cursive;color:var(--blue-pen);font-size:1.15rem;transform:rotate(-1deg);display:inline-block}.nav-draft{font-family:Caveat,cursive;color:var(--red-pen);font-size:.8rem;border:1px dashed var(--red-pen);padding:1px 8px;transform:rotate(-2deg);display:inline-block}.progress-bar{padding:20px 0 12px;border-bottom:1px dashed var(--pencil-light);margin-bottom:32px}.progress-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:center;gap:0}.progress-step{display:flex;align-items:center;gap:0}.progress-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--pencil-light);display:flex;align-items:center;justify-content:center;font-family:Architects Daughter,cursive;font-size:.85rem;color:var(--pencil-light);background:var(--paper);flex-shrink:0}.progress-circle.active{border-color:var(--blue-pen);color:var(--blue-pen);background:#dbeafe;border-width:2.5px}.progress-circle.done{border-color:var(--blue-pen);color:#fff;background:var(--blue-pen)}.progress-line{width:32px;height:2px;background:var(--pencil-light);flex-shrink:0}.progress-line.done{background:var(--blue-pen)}.progress-label{display:none}@media(min-width:640px){.progress-label{display:block;font-size:.78rem;color:var(--pencil);text-align:center;margin-top:4px;font-family:Caveat,cursive}.progress-label.active{color:var(--blue-pen)}.progress-step{flex-direction:column;align-items:center;gap:0}.progress-inner{gap:0}.progress-line{margin-top:-18px}}.hero{padding:72px 0 56px;text-align:center;position:relative}.hero-title{font-size:3.6rem;color:var(--ink);margin-bottom:20px;line-height:1.2}.hero-title-accent{color:var(--blue-pen);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:6px;text-decoration-thickness:2px}.hero-subtitle{font-size:1.35rem;color:var(--pencil);max-width:540px;margin:0 auto 32px}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-cta wired-button{font-size:1.5rem;--wired-button-padding: 14px 40px}.hero-price-note{font-family:Caveat,cursive;color:var(--red-pen);font-size:1.35rem;transform:rotate(-2.5deg);display:inline-block}.pillars{padding:40px 0}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.pillar-grid>wired-card:nth-child(1){transform:rotate(-.5deg)}.pillar-grid>wired-card:nth-child(2){transform:rotate(.3deg)}.pillar-grid>wired-card:nth-child(3){transform:rotate(-.7deg)}.pillar{padding:8px}.pillar h3{font-size:1.3rem;margin-bottom:8px;color:var(--ink)}.pillar p{color:var(--pencil);font-size:1rem;margin-bottom:10px}.how-it-works{padding:44px 0;position:relative}.how-it-works h2{font-size:2.4rem;text-align:center;margin-bottom:32px}.steps-preview{display:flex;align-items:flex-start;justify-content:center;gap:8px;flex-wrap:wrap}.step-preview{text-align:center;flex:1;min-width:180px;max-width:250px;padding:12px}.step-preview:nth-child(1){transform:rotate(.8deg)}.step-preview:nth-child(3){transform:rotate(-.6deg)}.step-preview:nth-child(5){transform:rotate(.4deg)}.step-number{width:48px;height:48px;border:2.5px solid var(--blue-pen);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Architects Daughter,cursive;font-size:1.4rem;color:var(--blue-pen);margin:0 auto 12px;background:#dbeafe}.step-preview h3{font-size:1.15rem;margin-bottom:6px}.step-preview p{font-size:.92rem;color:var(--pencil)}.step-arrow{font-size:2rem;color:var(--pencil-light);margin-top:20px;font-family:Caveat,cursive}@media(max-width:640px){.steps-preview{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg);margin:4px 0}}.pricing-preview{padding:44px 0}.pricing-preview h2{font-size:2.4rem;text-align:center;margin-bottom:24px}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:720px;margin:0 auto}.price-grid>wired-card:nth-child(odd){transform:rotate(-.4deg)}.price-grid>wired-card:nth-child(2n){transform:rotate(.3deg)}.price-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px}.price-item .price{font-family:Architects Daughter,cursive;font-size:1.2rem;color:var(--blue-pen)}.pricing-note{text-align:center;margin-top:20px}.italian-section{padding:44px 0}.italian-section>.container>wired-card{transform:rotate(-.3deg)}.italian-inner{padding:12px;position:relative}.italian-inner h2{font-size:1.8rem;margin-bottom:12px}.italian-inner p{font-size:1.05rem;color:var(--pencil);margin-bottom:8px;max-width:680px}.vacant-note{padding:20px 0}.vacant-note>.container>wired-card{transform:rotate(.4deg)}.note-inner{padding:8px}.note-inner h3{font-size:1.3rem;margin-bottom:8px}.note-inner p{color:var(--pencil)}.final-cta{padding:56px 0;text-align:center}.final-cta h2{font-size:2.4rem;margin-bottom:12px}.final-cta p{color:var(--pencil);margin-bottom:28px;font-size:1.1rem}.final-cta wired-button{font-size:1.5rem;--wired-button-padding: 14px 40px}.footer{padding:32px 0;border-top:2px dashed var(--pencil-light);text-align:center;color:var(--pencil)}.footer-small{font-size:.85rem;color:var(--pencil-light);margin-top:4px;font-family:Caveat,cursive}.step-page{max-width:var(--max-width);margin:0 auto;padding:28px var(--gutter) 60px}.step-header{text-align:center;margin-bottom:28px}.step-header h2{font-size:2.4rem;margin-bottom:8px}.step-subtitle{color:var(--pencil);font-size:1.05rem}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:28px}.selection-grid-2{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.selection-grid>.selectable-card:nth-child(1){transform:rotate(-.4deg)}.selection-grid>.selectable-card:nth-child(2){transform:rotate(.6deg)}.selection-grid>.selectable-card:nth-child(3){transform:rotate(-.3deg)}.selection-grid>.selectable-card:nth-child(4){transform:rotate(.5deg)}.selection-grid>.selectable-card:nth-child(5){transform:rotate(-.7deg)}.selection-grid>.selectable-card:nth-child(6){transform:rotate(.2deg)}.selectable-card{cursor:pointer;transition:transform .15s ease;position:relative}.selectable-card:hover{transform:rotate(0) translateY(-3px)!important}.selectable-card.selected{background:#dbeafe}.selectable-card.selected:after{content:"-- selected --";position:absolute;top:-12px;right:8px;font-family:Caveat,cursive;color:var(--blue-pen);font-size:.9rem;background:var(--paper);padding:0 6px}.card-inner{padding:8px}.card-inner h3{font-size:1.5rem;margin-bottom:6px}.card-price{font-family:Architects Daughter,cursive;color:var(--blue-pen);font-size:1.25rem}.card-desc{font-size:.92rem;color:var(--pencil);margin-top:6px}.card-features{list-style:none;margin-top:10px;padding:0}.card-features li{font-size:.9rem;color:var(--pencil);padding:2px 0 2px 20px;position:relative}.card-features li:before{content:"~";position:absolute;left:2px;color:var(--blue-pen);font-family:Architects Daughter,cursive;font-size:1rem}.card-badge{display:inline-block;font-family:Caveat,cursive;font-size:.9rem;color:var(--red-pen);border:1.5px dashed var(--red-pen);padding:1px 10px;border-radius:2px;margin-bottom:6px;transform:rotate(-2deg)}.step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:2px dashed var(--pencil-light)}.summary-card{padding:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--pencil-light)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--pencil)}.summary-value{font-family:Architects Daughter,cursive;font-size:1.1rem}.summary-total{font-size:1.4rem;color:var(--blue-pen);font-weight:700}.summary-total .summary-label{color:var(--ink);font-size:1.2rem}.whats-included{margin-top:24px}.whats-included h3{font-size:1.2rem;margin-bottom:10px}.included-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 20px;list-style:none;padding:0}.included-list li{font-size:.92rem;color:var(--pencil);padding:3px 0 3px 20px;position:relative}.included-list li:before{content:"~";position:absolute;left:2px;color:var(--blue-pen)}.payment-section{max-width:520px;margin:0 auto}.deposit-banner{text-align:center;margin-bottom:24px;padding:16px;background:#dbeafe;border:2.5px dashed var(--blue-pen);border-radius:4px;transform:rotate(-.5deg)}.deposit-amount{font-family:Architects Daughter,cursive;font-size:2.6rem;color:var(--blue-pen)}.deposit-label{font-size:.95rem;color:var(--pencil)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:4px;font-family:Caveat,cursive;color:var(--pencil);font-size:1.05rem}.form-group wired-input{width:100%;display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.terms-box{margin:24px 0;padding:12px;background:var(--paper-dark);border:1.5px dashed var(--pencil-light);border-radius:4px;transform:rotate(.3deg)}.terms-box p{font-size:.9rem;color:var(--pencil);margin-bottom:8px}.terms-check{display:flex;align-items:center;gap:8px;cursor:pointer}.cooloff-note{text-align:center;margin-top:16px}.date-section{text-align:center}.date-section wired-calendar{margin:0 auto 20px;display:inline-block;--wired-calendar-font-family: "Patrick Hand", cursive}.date-info{max-width:480px;margin:0 auto 24px;color:var(--pencil);font-size:.95rem}.selected-date{font-family:Architects Daughter,cursive;font-size:1.3rem;color:var(--blue-pen);margin:16px 0}.confirmation{text-align:center;padding-top:20px}.confirm-check{width:72px;height:72px;border:3px solid var(--blue-pen);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2.2rem;color:var(--blue-pen);font-family:Architects Daughter,cursive}.confirmation h2{font-size:2.2rem;margin-bottom:12px}.confirmation>p{color:var(--pencil);margin-bottom:24px;font-size:1.1rem}.next-steps{text-align:left;max-width:520px;margin:0 auto}.next-steps h3{font-size:1.3rem;margin-bottom:12px}.next-step-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.next-step-num{width:28px;height:28px;border:2px solid var(--blue-pen);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Architects Daughter,cursive;font-size:.9rem;color:var(--blue-pen);flex-shrink:0;margin-top:2px}.next-step-text h4{font-size:1.05rem;margin-bottom:2px}.next-step-text p{font-size:.92rem;color:var(--pencil)}.confirm-footer{margin-top:36px;padding-top:20px;border-top:2px dashed var(--pencil-light)}.sketch-divider{text-align:center;padding:16px 0;color:var(--pencil-light);font-family:Caveat,cursive;font-size:1.2rem;letter-spacing:6px}.sticky-note{background:var(--highlight-yellow);padding:10px 16px;transform:rotate(-1.5deg);display:inline-block;font-family:Caveat,cursive;font-size:1.25rem;box-shadow:2px 3px #0000001a;margin:8px 0;border-bottom:2px solid rgba(0,0,0,.06)}.sticky-note-blue{background:#bfdbfe;padding:10px 16px;transform:rotate(1deg);display:inline-block;font-family:Caveat,cursive;font-size:1rem;box-shadow:2px 3px #00000014;margin:8px 0}.sketch-bracket{border-left:3px solid var(--pencil-light);padding-left:12px;margin:12px 0;transform:rotate(-.3deg)}.rough-circle{border:2.5px dashed var(--blue-pen);border-radius:50% 45% 55% 48%;padding:8px 16px;display:inline-block;transform:rotate(-1deg)}@media(max-width:600px){.hero-title{font-size:2.6rem}.hero-subtitle{font-size:1.05rem}.selection-grid,.form-row{grid-template-columns:1fr}.step-header h2{font-size:2rem}#app:before{font-size:4rem}}