@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fff;font-family:DM Sans,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.site-nav{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.site-nav .brand{align-items:center;gap:8px;font-family:Playfair Display,serif;font-size:20px;font-weight:400;display:flex}.site-nav .brand-icon{border-radius:50%;width:28px;height:28px}.site-nav .nav-links{align-items:center;gap:20px;display:flex}.site-nav .nav-links a{letter-spacing:.1em;text-transform:uppercase;color:#888;font-size:12px}.site-nav .nav-links a:hover{color:#1a1a1a}.site-nav .nav-links-hint{color:#aaa;font-size:12px}.google-signin-bar{background:#f8f8f8;border-bottom:1px solid #f0f0f0;justify-content:center;padding:10px 24px;display:flex}.google-signin-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:box-shadow .2s;display:inline-flex}.google-signin-btn:hover{box-shadow:0 1px 4px #0000001a}.btn-primary{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#1a1a1a;border:none;border-radius:8px;padding:13px 32px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.btn-primary:hover{background:#333}.btn-outline{color:#1a1a1a;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #ddd;border-radius:8px;padding:12px 28px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.btn-outline:hover{border-color:#1a1a1a}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#aaa;font-size:11px}.heading-serif{font-family:Playfair Display,serif;font-weight:400}.site-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 24px;display:flex}.site-footer span{color:#aaa;font-size:11px}.footer-links{gap:16px;display:flex}.footer-links a{letter-spacing:.1em;text-transform:uppercase;color:#888;font-size:11px}.footer-links a:hover{color:#1a1a1a}.legal-page{flex:1;padding:3rem 2rem}.legal-container{max-width:640px;margin:0 auto}.legal-container h1{margin-bottom:.5rem;font-size:28px}.legal-updated{color:#aaa;margin-bottom:2rem;font-size:12px}.legal-intro{color:#666;margin-bottom:2rem;font-size:14px;line-height:1.8}.legal-section{margin-bottom:2rem}.legal-section h2{color:#1a1a1a;margin-bottom:.75rem;font-size:16px}.legal-section h3{color:#1a1a1a;margin:1rem 0 .25rem;font-size:14px}.legal-section p{color:#666;font-size:14px;line-height:1.8}.legal-section ul{color:#666;padding-left:1.5rem;font-size:14px;line-height:1.8}.legal-contact{font-weight:500;color:#1a1a1a!important}.legal-table{border-collapse:collapse;width:100%;font-size:14px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f0f0f0;padding:12px 16px}.legal-table th{color:#1a1a1a;width:30%;font-weight:500}.legal-table td{color:#666;line-height:1.6}.legal-back{border-top:1px solid #f0f0f0;margin-top:2rem;padding-top:1rem}.legal-back a{color:#888;font-size:13px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:#888;font-size:11px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;outline:none;padding:10px 14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a1a1a}.form-error{color:#d32f2f;margin-top:4px;font-size:13px}.lp-hero{border-bottom:1px solid #f0f0f0;grid-template-columns:1fr 1fr;min-height:480px;display:grid}.lp-hero-visual{background:#f8f8f8;justify-content:center;align-items:center;padding:3rem;display:flex}.lp-hero-visual .mockup{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:320px;padding:1.5rem;box-shadow:0 8px 32px #00000014}.lp-hero-visual .mockup-name{margin-bottom:4px;font-family:Playfair Display,serif;font-size:28px}.lp-hero-visual .mockup-sub{color:#aaa;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.lp-hero-visual .mockup-bar{border-top:1px solid #f0f0f0;justify-content:center;gap:24px;margin-top:1rem;padding-top:1rem;display:flex}.lp-hero-visual .mockup-stat{text-align:center}.lp-hero-visual .mockup-stat-val{font-family:Playfair Display,serif;font-size:20px}.lp-hero-visual .mockup-stat-key{letter-spacing:.1em;text-transform:uppercase;color:#aaa;font-size:9px}.lp-hero-content{border-left:1px solid #f0f0f0;flex-direction:column;justify-content:center;gap:1.5rem;padding:3rem;display:flex}.lp-hero-content h1{font-family:Playfair Display,serif;font-size:48px;font-weight:400;line-height:1.1}.lp-hero-content h1 em{font-style:italic}.lp-hero-content p{color:#666;max-width:360px;font-size:15px;font-weight:300;line-height:1.8}.lp-hero-content .cta-row{align-items:center;gap:12px;display:flex}.lp-hero-content .price-note{color:#aaa;font-size:12px}.lp-showcase{border-bottom:1px solid #f0f0f0;padding:2rem}.lp-showcase-head{justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;display:flex}.lp-showcase-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lp-pet-card{color:inherit;border:1px solid #f0f0f0;border-radius:10px;text-decoration:none;transition:box-shadow .2s;overflow:hidden}.lp-pet-card:hover{box-shadow:0 4px 16px #00000014}.lp-pet-photo{aspect-ratio:4/3;background:#f8f8f8;overflow:hidden}.lp-pet-photo img{object-fit:cover;width:100%;height:100%}.lp-pet-info{padding:10px 12px}.lp-pet-name{font-family:Playfair Display,serif;font-size:16px;font-weight:400}.lp-pet-breed{color:#aaa;letter-spacing:.05em;font-size:11px}.lp-features{border-bottom:1px solid #f0f0f0;grid-template-columns:repeat(3,1fr);display:grid}.lp-feature{border-right:1px solid #f0f0f0;padding:2rem 1.5rem}.lp-feature:last-child{border-right:none}.lp-feature h3{margin-bottom:8px;font-family:Playfair Display,serif;font-size:18px;font-weight:400}.lp-feature p{color:#666;font-size:13px;font-weight:300;line-height:1.7}.lp-cta{text-align:center;background:#f8f8f8;padding:4rem 2rem}.lp-cta h2{margin:1rem 0;font-family:Playfair Display,serif;font-size:32px;font-weight:400;line-height:1.2}.lp-cta h2 em{font-style:italic}.lp-cta p{color:#666;margin-bottom:.5rem;font-size:14px;font-weight:300;line-height:1.7}.lp-cta .price-line{color:#aaa;margin-bottom:2rem;font-size:13px}.lp-cta .price-line strong{color:#1a1a1a;font-weight:500}.lp-cta .note{color:#aaa;margin-top:1rem;font-size:11px}.auth-page{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{width:100%;max-width:380px}.auth-card h1{margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:32px;font-weight:400}.auth-card .auth-sub{color:#888;margin-bottom:2rem;font-size:14px}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card .btn-primary{text-align:center;width:100%;margin-top:.5rem}.auth-card .auth-switch{text-align:center;color:#888;margin-top:1.5rem;font-size:13px}.auth-card .auth-switch a{color:#1a1a1a;font-weight:500}.start-page{flex-direction:column;flex:1;align-items:center;padding:3rem 2rem;display:flex}.start-page .steps-bar{gap:8px;margin-bottom:2rem;display:flex}.start-page .step-dot{background:#e0e0e0;border-radius:2px;width:32px;height:4px}.start-page .step-dot.active{background:#1a1a1a}.start-card{width:100%;max-width:480px}.start-card h2{margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:26px;font-weight:400}.start-card .start-sub{color:#888;margin-bottom:2rem;font-size:14px}.start-card form{flex-direction:column;gap:1rem;display:flex}.start-card .btn-row{gap:12px;margin-top:1rem;display:flex}.start-card .btn-row .btn-primary,.start-card .btn-row .btn-outline{text-align:center;flex:1}.tags-container{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .2s}.tag-chip.selected{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.upload-area{text-align:center;cursor:pointer;border:2px dashed #ddd;border-radius:8px;padding:2rem;transition:border-color .2s}.upload-area:hover{border-color:#aaa}.upload-area p{color:#888;font-size:13px}.upload-area .upload-hint{color:#bbb;margin-top:4px;font-size:11px}.upload-preview{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:1rem;display:grid}.upload-preview img,.upload-preview video{aspect-ratio:1;object-fit:cover;background:#f8f8f8;border-radius:6px;width:100%}.domain-preview{text-align:center;background:#f8f8f8;border-radius:8px;margin-top:.5rem;padding:1rem;font-size:15px}.domain-preview strong{color:#1a1a1a}.domain-preview span{color:#aaa}.complete-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.complete-screen h1{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:36px;font-weight:400}.complete-screen .complete-sub{color:#888;margin-bottom:2rem;font-size:14px}.complete-screen .site-url{cursor:pointer;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;margin-bottom:.5rem;padding:12px 20px;font-size:15px;font-weight:500;display:inline-flex}.complete-screen .site-url:hover{background:#f0f0f0}.complete-screen .copy-hint{color:#aaa;margin-bottom:2rem;font-size:11px}.dash-loading,.dash-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.dash-empty p{color:#888;margin-bottom:.5rem;font-size:14px}.dash{width:100%;max-width:640px;margin:0 auto;padding:2rem}.dash-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.dash-url{cursor:pointer;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;gap:12px;padding:10px 16px;display:flex}.dash-url:hover{background:#f0f0f0}.dash-url-text{font-size:14px;font-weight:500}.dash-status{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.dash-status-ready{color:#1e7e34;background:#e6f4ea}.dash-status-provisioning{color:#e65100;background:#fff3e0}.dash-status-pending{color:#888;background:#f0f0f0}.dash-status-msg{color:#888;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:2rem;padding:12px 16px;font-size:13px;line-height:1.6}.dash-url-copy{letter-spacing:.1em;text-transform:uppercase;color:#888;margin-left:auto;font-size:11px}.dash-section{border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem}.dash-section:last-child{border-bottom:none}.dash-section-head{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.dash-media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.dash-media-item{aspect-ratio:1;background:#f8f8f8;border-radius:8px;position:relative;overflow:hidden}.dash-media-item img,.dash-media-item video{object-fit:cover;width:100%;height:100%}.dash-media-video{aspect-ratio:16/9;grid-column:span 2}.dash-media-delete{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.dash-media-item:hover .dash-media-delete{opacity:1}.dash-media-add{aspect-ratio:1;color:#888;cursor:pointer;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:border-color .2s;display:flex}.dash-media-add:hover{border-color:#aaa}.dash-form{flex-direction:column;gap:1rem;display:flex}.dash-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dash-form .btn-primary{align-self:flex-start}.btn-publish{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;width:100%;padding:16px 32px;font-size:16px;font-weight:600}.btn-publish:hover{background:#333}.btn-publish:disabled{opacity:.6;cursor:default}.btn-ai-bio{letter-spacing:.08em;text-transform:uppercase;color:#888;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;padding:4px 10px;font-size:11px}.btn-ai-bio:hover{color:#1a1a1a;border-color:#1a1a1a}.dash-buy-btn{color:#666;cursor:pointer;text-align:center;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;margin-top:10px;padding:8px 16px;font-size:12px;display:block}.dash-buy-btn:hover{color:#1a1a1a;border-color:#1a1a1a}.dash-upgrades{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dash-upgrade-card{text-align:center;background:#f8f8f8;border-radius:8px;padding:1rem}.dash-upgrade-title{margin-bottom:4px;font-family:Playfair Display,serif;font-size:16px}.dash-upgrade-desc{color:#888;margin-bottom:12px;font-size:12px}@media (width<=768px){.lp-hero{grid-template-columns:1fr}.lp-hero-visual{min-height:280px}.lp-hero-content{border-top:1px solid #f0f0f0;border-left:none}.lp-hero-content h1{font-size:36px}.lp-features{grid-template-columns:1fr}.lp-feature{border-bottom:1px solid #f0f0f0;border-right:none}.lp-showcase-grid{grid-template-columns:repeat(2,1fr)}.dash-form-row{grid-template-columns:1fr}.dash-header{flex-direction:column;align-items:stretch}}
