:root{--lp-cream: #fdf6ee;--lp-white: #ffffff;--lp-light: #f5efe7;--lp-primary: #2d6a4f;--lp-primary-hover: #245a42;--lp-accent: #c17849;--lp-text: #3d2c1e;--lp-muted: #8b7355;--lp-border: #e0d5c7;--lp-danger: #c0392b;--lp-success-bg: #d4edda;--lp-success-text: #155724;--lp-warning-bg: #fef3cd;--lp-font: "DM Sans", system-ui, -apple-system, sans-serif;--lp-radius-pill: 999px;--lp-radius-card: 20px;--lp-radius-input: 14px;--lp-border-width: 3px;--lp-max-width: 1200px;--lp-ease-out: cubic-bezier(.16, 1, .3, 1)}.landing-page{font-family:var(--lp-font);color:var(--lp-text);background:var(--lp-cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.lp-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--lp-ease-out),transform .6s var(--lp-ease-out)}.lp-reveal.revealed{opacity:1;transform:translateY(0)}.lp-reveal-delay-1{transition-delay:.1s}.lp-reveal-delay-2{transition-delay:.2s}.lp-reveal-delay-3{transition-delay:.3s}.lp-reveal-delay-4{transition-delay:.4s}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--lp-font);font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.lp-btn:active{transform:scale(.98)}.lp-btn--sm{padding:10px 20px;font-size:14px;border-radius:var(--lp-radius-pill)}.lp-btn--lg{padding:14px 28px;font-size:16px;border-radius:var(--lp-radius-pill)}.lp-btn--primary{background:var(--lp-primary);color:#fff}.lp-btn--primary:hover{background:var(--lp-primary-hover)}.lp-btn--secondary{background:transparent;color:var(--lp-accent);border:var(--lp-border-width) solid var(--lp-accent)}.lp-btn--secondary:hover{background:#c1784914}.lp-btn--ghost{background:transparent;color:var(--lp-text);border:var(--lp-border-width) solid var(--lp-border);border-radius:var(--lp-radius-pill)}.lp-btn--ghost:hover{background:var(--lp-light)}.lp-btn--brass{background:var(--lp-accent);color:#fff;border-radius:var(--lp-radius-pill)}.lp-btn--brass:hover{background:#a8633c}.lp-btn--ghost-dark{background:transparent;color:var(--lp-text);border:var(--lp-border-width) solid var(--lp-border);border-radius:var(--lp-radius-pill)}.lp-btn--ghost-dark:hover{background:var(--lp-light)}.lp-section-label{font-size:13px;font-weight:600;color:var(--lp-accent);letter-spacing:1px;text-transform:uppercase}.lp-section-heading{font-family:var(--lp-font);font-weight:700;color:var(--lp-text);line-height:1.2;letter-spacing:-.5px}.lp-section-heading--lg{font-size:36px}.lp-section-heading--xl{font-size:42px;letter-spacing:-1px;line-height:1.15}.lp-section-heading em{font-style:normal}.lp-brass-divider{width:60px;height:3px;background:var(--lp-accent);border-radius:2px}.lp-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .3s,box-shadow .3s}.lp-header--transparent{background:transparent}.lp-header--solid{background:var(--lp-cream);box-shadow:0 1px 0 var(--lp-border)}.lp-header__inner{max-width:var(--lp-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 80px}.lp-header__logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:700;color:var(--lp-text)}.lp-header__logo-img{width:36px;height:36px;border-radius:8px}.lp-header__nav{display:flex;align-items:center;gap:32px}.lp-header__nav a{font-size:15px;font-weight:500;color:var(--lp-muted);text-decoration:none;transition:color .2s}.lp-header__nav a:hover{color:var(--lp-text)}.lp-header__cta{display:flex;align-items:center;gap:12px}.lp-header__login{background:transparent;border:none;font-family:var(--lp-font);font-size:15px;font-weight:500;color:var(--lp-muted);cursor:pointer;padding:8px 16px}.lp-header__login:hover{color:var(--lp-text)}.lp-header__mobile-toggle{display:none;background:none;border:none;font-size:24px;color:var(--lp-text);cursor:pointer;padding:8px}.lp-mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--lp-cream);flex-direction:column;align-items:center;justify-content:center;gap:32px;font-size:20px}.lp-mobile-menu--open{display:flex}.lp-mobile-menu a{color:var(--lp-text);text-decoration:none;font-weight:600}.lp-mobile-menu__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:var(--lp-text);cursor:pointer;padding:8px}.lp-hero{padding:120px 80px 64px;background:var(--lp-cream)}.lp-hero__inner{max-width:var(--lp-max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.lp-hero__content{display:flex;flex-direction:column;gap:24px}.lp-hero__badge{display:inline-flex;align-items:center;gap:8px;background:#e8f5e9;color:var(--lp-primary);padding:6px 14px;border-radius:var(--lp-radius-pill);font-size:13px;font-weight:600}.lp-hero__badge-dot{width:8px;height:8px;background:var(--lp-primary);border-radius:50%;animation:lp-pulse 2s infinite}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.4}}.lp-hero__heading{font-family:var(--lp-font);font-size:42px;font-weight:700;color:var(--lp-text);line-height:1.15;letter-spacing:-1px}.lp-hero__heading em{font-style:normal}.lp-hero__sub{font-size:18px;color:var(--lp-muted);line-height:1.6}.lp-hero__actions{display:flex;gap:16px;align-items:center}.lp-hero__no-cc{font-size:14px;color:var(--lp-muted)}.lp-hero__trades{display:flex;flex-direction:column;gap:8px}.lp-hero__trades-label{font-size:12px;font-weight:600;color:var(--lp-muted);text-transform:uppercase;letter-spacing:1px}.lp-hero__trades-list{display:flex;flex-wrap:wrap;gap:8px}.lp-hero__trade-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--lp-white);border:2px solid var(--lp-border);border-radius:var(--lp-radius-pill);font-family:var(--lp-font);font-size:14px;font-weight:500;color:var(--lp-text);cursor:pointer;transition:all .2s}.lp-hero__trade-chip:hover{border-color:var(--lp-primary);background:#e8f5e9}.lp-hero__trade-icon{font-size:16px}.lp-hero__trust{display:flex;flex-wrap:wrap;gap:6px}.lp-hero__trust-item{font-size:13px;color:var(--lp-muted)}.lp-hero__trust-item:before{content:"✓";color:var(--lp-primary);font-weight:600}.lp-hero__mockup{width:100%}.lp-browser{border:var(--lp-border-width) solid var(--lp-border);border-radius:var(--lp-radius-card);overflow:hidden;background:var(--lp-white)}.lp-browser__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--lp-light);border-bottom:2px solid var(--lp-border)}.lp-browser__dot{width:12px;height:12px;border-radius:50%}.lp-browser__dot--red{background:#ff5f56}.lp-browser__dot--yellow{background:#ffbd2e}.lp-browser__dot--green{background:#27c93f}.lp-browser__url{flex:1;background:var(--lp-white);border:2px solid var(--lp-border);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--lp-muted);margin-left:8px}.lp-browser__body{min-height:300px}.lp-mini-site{font-family:var(--lp-font);font-size:12px}.lp-mini-site__hero{background:linear-gradient(135deg,#1a3a2a,#2d5a42);color:#fff;padding:24px 20px}.lp-mini-site__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lp-mini-site__logo{font-weight:800;font-size:11px}.lp-mini-site__nav-links{display:flex;gap:12px}.lp-mini-site__nav-link{font-size:8px;opacity:.8}.lp-mini-site__badge{display:inline-flex;align-items:center;gap:4px;font-size:7px;opacity:.7;margin-bottom:8px}.lp-mini-site__badge-icon{color:#fbbf24}.lp-mini-site__h1{font-size:16px;font-weight:800;line-height:1.2;margin-bottom:6px}.lp-mini-site__sub{font-size:8px;opacity:.85;line-height:1.4;margin-bottom:12px}.lp-mini-site__cta-row{display:flex;gap:8px}.lp-mini-site__cta{padding:6px 12px;border-radius:4px;font-size:8px;font-weight:700}.lp-mini-site__cta--primary{background:#dc2626;color:#fff}.lp-mini-site__cta--secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.lp-mini-site__services{padding:16px 20px;background:var(--lp-white)}.lp-mini-site__services-label{font-size:10px;font-weight:700;color:var(--lp-text);margin-bottom:10px}.lp-mini-site__services-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.lp-mini-site__service-card{padding:10px;background:#f8f8f8;border-radius:8px;text-align:center}.lp-mini-site__service-icon{font-size:16px;margin-bottom:4px}.lp-mini-site__service-name{font-size:8px;font-weight:700;color:var(--lp-text);margin-bottom:2px}.lp-mini-site__service-desc{font-size:6px;color:var(--lp-muted);line-height:1.3}.lp-how{background:var(--lp-white);padding:64px 80px}.lp-how__header{max-width:var(--lp-max-width);margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lp-how__header .lp-section-heading{max-width:700px}.lp-how__grid{max-width:var(--lp-max-width);margin:0 auto;display:flex;align-items:flex-start;justify-content:center;gap:24px}.lp-how__step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:32px 24px}.lp-how__step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--lp-primary);color:#fff;border-radius:50%;font-size:18px;font-weight:700}.lp-how__step-title{font-size:20px;font-weight:700;color:var(--lp-text);margin:0}.lp-how__step-desc{font-size:15px;color:var(--lp-muted);line-height:1.5}.lp-how__step-time{font-size:13px;font-weight:600;color:var(--lp-accent)}.lp-how__connector{display:flex;align-items:center;justify-content:center;padding-top:40px;font-size:24px;color:var(--lp-border)}.lp-how__cta{max-width:var(--lp-max-width);margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px}.lp-how__cta-note{font-size:13px;color:var(--lp-muted)}.lp-showcase{background:var(--lp-cream);padding:64px 80px}.lp-showcase__header{max-width:var(--lp-max-width);margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lp-showcase__subtitle{font-size:16px;color:var(--lp-muted);line-height:1.5;max-width:600px}.lp-showcase__grid{max-width:var(--lp-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-showcase__card{background:var(--lp-white);border:2px solid var(--lp-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.lp-showcase__card-preview{border-bottom:2px solid var(--lp-border)}.lp-showcase__card-browser{overflow:hidden}.lp-showcase__card-chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--lp-light);border-bottom:1px solid var(--lp-border)}.lp-showcase__card-dot{width:8px;height:8px;border-radius:50%}.lp-showcase__card-content{min-height:200px}.lp-showcase-preview{font-size:10px}.lp-showcase-preview__hero{background:linear-gradient(135deg,#1a3a2a,#2d5a42);color:#fff;padding:16px}.lp-showcase-preview__badge{font-size:7px;opacity:.7;margin-bottom:6px}.lp-showcase-preview__h1{font-size:13px;font-weight:800;line-height:1.2;margin-bottom:4px}.lp-showcase-preview__sub{font-size:7px;opacity:.85;line-height:1.3}.lp-showcase-preview__body{padding:12px;display:flex;gap:8px;background:var(--lp-white)}.lp-showcase-preview__svc{flex:1;text-align:center;padding:8px;background:#f8f8f8;border-radius:6px}.lp-showcase-preview__svc-icon{font-size:14px;margin-bottom:2px}.lp-showcase-preview__svc-name{font-size:7px;font-weight:700;color:var(--lp-text)}.lp-showcase__card-info{padding:20px;display:flex;flex-direction:column;gap:6px}.lp-showcase__card-type{font-size:12px;font-weight:600;color:var(--lp-accent);text-transform:uppercase;letter-spacing:.5px}.lp-showcase__card-name{font-size:18px;font-weight:700;color:var(--lp-text)}.lp-showcase__card-desc{font-size:14px;color:var(--lp-muted);line-height:1.5}.lp-showcase__card-cta{margin-top:8px;align-self:flex-start}.lp-compare{background:var(--lp-white);padding:64px 80px}.lp-compare__header{max-width:var(--lp-max-width);margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lp-compare__header .lp-section-heading{max-width:700px}.lp-compare__subtitle{font-size:16px;color:var(--lp-muted)}.lp-compare__grid{max-width:var(--lp-max-width);margin:0 auto;border:2px solid var(--lp-border);border-radius:16px;overflow:hidden}.lp-compare__row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:0}.lp-compare__row--header{background:var(--lp-light)}.lp-compare__row:not(.lp-compare__row--header):nth-child(odd){background:var(--lp-light)}.lp-compare__row:not(.lp-compare__row--header):nth-child(2n){background:var(--lp-white)}.lp-compare__cell{padding:12px 20px;font-size:14px;color:var(--lp-text);display:flex;align-items:center;gap:8px}.lp-compare__cell--feature{font-weight:600}.lp-compare__row--header .lp-compare__cell{font-weight:700;font-size:14px;padding:14px 20px}.lp-compare__cell-label{display:none}.lp-compare__x{color:var(--lp-danger);font-weight:700;font-size:14px}.lp-compare__check{color:var(--lp-primary);font-weight:700;font-size:16px}.lp-compare__cell--us{color:var(--lp-primary);font-weight:600}.lp-compare__cta{max-width:var(--lp-max-width);margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px}.lp-compare__cta-text{font-size:18px;font-weight:600;color:var(--lp-text)}.lp-compare__cta-note{font-size:13px;color:var(--lp-muted)}.lp-proof{background:var(--lp-cream);padding:64px 80px;display:flex;flex-direction:column;align-items:center;gap:48px}.lp-proof__stats{max-width:var(--lp-max-width);width:100%;display:flex;justify-content:center;gap:80px}.lp-proof__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.lp-proof__stat-value{font-size:48px;font-weight:700;color:var(--lp-primary)}.lp-proof__stat-value span{font-size:28px}.lp-proof__stat-label{font-size:14px;color:var(--lp-muted);font-weight:500}.lp-proof__beta{width:100%;display:flex;justify-content:center}.lp-proof__beta-inner{max-width:800px;background:var(--lp-white);border:2px solid var(--lp-border);border-radius:24px;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.lp-proof__beta-desc{font-size:16px;color:var(--lp-muted);line-height:1.5;max-width:600px}.lp-proof__beta-offer{background:var(--lp-warning-bg);padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;color:var(--lp-text)}.lp-proof__beta-note{font-size:13px;color:var(--lp-muted)}.lp-proof__badges{max-width:var(--lp-max-width);width:100%;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.lp-proof__badge{padding:8px 16px;border:1px solid var(--lp-border);border-radius:var(--lp-radius-pill);font-size:13px;font-weight:500;color:var(--lp-muted)}.lp-pricing{background:var(--lp-white);padding:64px 80px}.lp-pricing__header{max-width:var(--lp-max-width);margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lp-pricing__subtitle{font-size:16px;color:var(--lp-muted)}.lp-pricing__grid{max-width:var(--lp-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lp-pricing__card{background:var(--lp-white);border:2px solid var(--lp-border);border-radius:var(--lp-radius-card);padding:28px 24px;display:flex;flex-direction:column;gap:16px;position:relative}.lp-pricing__card--featured{border-color:var(--lp-accent);border-width:3px}.lp-pricing__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--lp-accent);color:#fff;padding:4px 16px;border-radius:var(--lp-radius-pill);font-size:12px;font-weight:700;white-space:nowrap}.lp-pricing__card-name{font-size:18px;font-weight:700;color:var(--lp-text)}.lp-pricing__card-price{font-size:36px;font-weight:700;color:var(--lp-text)}.lp-pricing__card-period{font-size:16px;font-weight:400;color:var(--lp-muted)}.lp-pricing__card-period-sub{font-size:14px;color:var(--lp-muted);margin-top:-12px}.lp-pricing__card-desc{font-size:14px;color:var(--lp-muted)}.lp-pricing__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.lp-pricing__features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--lp-text);line-height:1.4}.lp-pricing__check{color:var(--lp-primary);font-weight:700;font-size:14px;flex-shrink:0}.lp-pricing__card-btn{width:100%}.lp-pricing__no-cc{text-align:center;font-size:12px;color:var(--lp-muted)}.lp-faq{background:var(--lp-cream);padding:64px 80px}.lp-faq__header{max-width:var(--lp-max-width);margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lp-faq__list{max-width:800px;margin:0 auto;border:2px solid var(--lp-border);border-radius:16px;overflow:hidden}.lp-faq__item{border-bottom:1px solid var(--lp-border)}.lp-faq__item:last-child{border-bottom:none}.lp-faq__item:nth-child(odd){background:var(--lp-white)}.lp-faq__item:nth-child(2n){background:var(--lp-light)}.lp-faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:none;border:none;font-family:var(--lp-font);font-size:15px;font-weight:600;color:var(--lp-text);text-align:left;cursor:pointer}.lp-faq__question:hover{color:var(--lp-primary)}.lp-faq__icon{font-size:20px;color:var(--lp-muted);transition:transform .2s;flex-shrink:0}.lp-faq__icon--open{transform:rotate(45deg)}.lp-faq__answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.lp-faq__answer--open{max-height:300px}.lp-faq__answer p{padding:0 20px 16px;font-size:14px;color:var(--lp-muted);line-height:1.6}.lp-final-cta{background:var(--lp-cream);padding:80px}.lp-final-cta__inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.lp-final-cta__sub{font-size:18px;color:var(--lp-muted);line-height:1.5}.lp-final-cta__actions{display:flex;gap:16px;align-items:center}.lp-final-cta__note{font-size:14px;color:var(--lp-muted)}.lp-footer{background:#2d2d2d;padding:48px 80px}.lp-footer__inner{max-width:var(--lp-max-width);margin:0 auto;display:flex;flex-direction:column;gap:32px}.lp-footer__top{display:flex;justify-content:space-between;gap:48px}.lp-footer__brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.lp-footer__desc{font-size:14px;color:#aaa;line-height:1.5;max-width:400px}.lp-footer__trades{font-size:12px;color:#888;margin-top:8px}.lp-footer__links{display:flex;flex-direction:column;gap:12px}.lp-footer__link{font-size:14px;color:#aaa;text-decoration:none;transition:color .2s}.lp-footer__link:hover{color:#fff}.lp-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid #444;font-size:12px;color:#888}.lp-footer__legal{display:flex;gap:16px}.lp-footer__legal a{color:#888;text-decoration:none}.lp-footer__legal a:hover{color:#aaa}.lp-sticky-cta{display:none}@media (max-width: 1024px){.lp-pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.lp-header__inner{padding:12px 16px}.lp-header__nav,.lp-header__cta{display:none}.lp-header__mobile-toggle{display:block}.lp-hero{padding:80px 16px 40px}.lp-hero__inner{grid-template-columns:1fr;gap:32px}.lp-hero__heading{font-size:32px}.lp-hero__actions{flex-direction:column;align-items:stretch}.lp-hero__mockup{order:-1}.lp-how{padding:40px 16px}.lp-how__grid{flex-direction:column}.lp-how__connector{display:none}.lp-how__step{padding:24px 16px}.lp-showcase{padding:40px 16px}.lp-showcase__grid{grid-template-columns:1fr}.lp-compare{padding:40px 16px}.lp-compare__row{grid-template-columns:1fr}.lp-compare__row--header{display:none}.lp-compare__cell-label{display:block;font-weight:600;font-size:11px;color:var(--lp-muted);text-transform:uppercase}.lp-compare__cell--feature{background:var(--lp-light);font-size:15px}.lp-proof{padding:40px 16px}.lp-proof__stats{gap:32px}.lp-proof__stat-value{font-size:36px}.lp-proof__beta-inner{padding:32px 20px}.lp-pricing{padding:40px 16px}.lp-pricing__grid{grid-template-columns:1fr}.lp-faq,.lp-final-cta{padding:40px 16px}.lp-final-cta__inner .lp-section-heading{font-size:28px}.lp-final-cta__actions{flex-direction:column}.lp-footer{padding:32px 16px}.lp-footer__top{flex-direction:column;gap:24px}.lp-footer__bottom{flex-direction:column;gap:12px;text-align:center}.lp-sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--lp-white);border-top:2px solid var(--lp-border);z-index:100;justify-content:center}.lp-sticky-cta .lp-btn{width:100%}.lp-section-heading--lg,.lp-section-heading--xl{font-size:28px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#3d2c1e;background:#fdf6ee;min-height:100vh}#root{min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 32px;width:100%;box-sizing:border-box}.page{padding-top:24px;padding-bottom:24px}h1{font-size:1.75rem;font-weight:700;margin-bottom:16px;color:#3d2c1e}h2{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#3d2c1e}h3{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#3d2c1e}input,button,select,textarea{font-family:inherit;font-size:1rem}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number]{width:100%;padding:12px 16px;border:3px solid #e0d5c7;border-radius:14px;min-height:44px;background:#fff;color:#3d2c1e;transition:border-color .2s}input:focus{border-color:#2d6a4f;outline:none}button{cursor:pointer;padding:12px 24px;border:none;border-radius:999px;font-weight:600;min-height:44px;min-width:44px;transition:background .2s,transform .1s}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #2d6a4f;outline-offset:2px}.btn-primary{background:#2d6a4f;color:#fff}.btn-primary:hover{background:#245a42}.btn-secondary{background:transparent;color:#c17849;border:3px solid #c17849}.btn-secondary:hover{background:#c1784914}.btn-danger{background:#c0392b;color:#fff}.btn-danger:hover{background:#a93226}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#3d2c1e;font-size:.9rem}.error-message{color:#c0392b;font-size:.875rem;margin-top:4px;margin-bottom:16px}.card{background:#fff;border-radius:20px;padding:24px;border:3px solid #e0d5c7;margin-bottom:16px}.nav{background:#fff;padding:12px 0;border-bottom:3px solid #e0d5c7;margin-bottom:24px}.nav .container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav a{text-decoration:none;color:#2d6a4f;font-weight:600;padding:8px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;transition:background .2s}.nav a:hover{background:#2d6a4f14}.nav a.active{background:#2d6a4f1a;color:#1b4332}.nav-tabs{display:flex;gap:4px;border-bottom:3px solid #e0d5c7;padding-bottom:0;margin-bottom:24px}.nav-tabs button{background:none;border:none;border-bottom:3px solid transparent;border-radius:0;padding:12px 20px;font-weight:600;color:#8b7355;margin-bottom:-3px;transition:color .2s,border-color .2s}.nav-tabs button:hover{color:#3d2c1e}.nav-tabs button.active{color:#2d6a4f;border-bottom-color:#2d6a4f}.status-badge{display:inline-block;padding:6px 16px;border-radius:999px;font-size:.875rem;font-weight:600}.status-generating{background:#fef3cd;color:#856404}.status-ready{background:#d4edda;color:#155724}.status-live{background:#d1ecf1;color:#0c5460}.progress-list{list-style:none}.progress-list li{padding:8px 0;border-bottom:1px solid #e0d5c7}.chat-container{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;padding-bottom:80px}.chat-message-ai{align-self:flex-start;background:#fdf6ee;border:2px solid #e0d5c7;border-radius:20px 20px 20px 4px;padding:14px 18px;max-width:80%;font-size:1rem;line-height:1.5}.chat-message-user{align-self:flex-end;background:#2d6a4f;color:#fff;border-radius:20px 20px 4px;padding:14px 18px;max-width:80%;font-size:1rem;line-height:1.5}.chat-input{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:#fff;border-top:3px solid #e0d5c7;display:flex;gap:8px;z-index:100}.chat-input input{flex:1;border:3px solid #e0d5c7;border-radius:999px;padding:12px 20px;font-size:1rem;background:#fdf6ee}.chat-input input:focus{border-color:#2d6a4f;outline:none}.chat-input button{background:#2d6a4f;color:#fff;border-radius:999px;padding:12px 24px;font-weight:600}.typing-indicator{display:flex;gap:6px;padding:14px 18px;align-self:flex-start}.typing-indicator span{width:8px;height:8px;background:#c17849;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:80%;margin-top:8px}.chat-option-button{padding:10px 14px;background:#fff;border:2px solid #e0d5c7;border-radius:14px;cursor:pointer;text-align:left;font-size:.95rem;font-weight:500;color:#3d2c1e;transition:all .2s;display:flex;align-items:center;gap:8px}.chat-option-button:hover{border-color:#c17849;background:#fef9f4;transform:translateY(-1px)}.browser-frame{border:3px solid #e0d5c7;border-radius:20px;overflow:hidden;background:#fff}.browser-chrome{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5efe7;border-bottom:2px solid #e0d5c7}.browser-chrome .dot{width:12px;height:12px;border-radius:50%}.browser-chrome .dot-red{background:#ff5f56}.browser-chrome .dot-yellow{background:#ffbd2e}.browser-chrome .dot-green{background:#27c93f}.browser-chrome .url-bar{flex:1;background:#fff;border:2px solid #e0d5c7;border-radius:8px;padding:6px 12px;font-size:.8rem;color:#8b7355;margin-left:8px}.browser-body{min-height:300px;padding:0}.bottom-nav{display:none}.copy-button{background:#f5efe7;border:2px solid #e0d5c7;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;color:#3d2c1e;cursor:pointer;transition:background .2s}.copy-button:hover{background:#ebe3d7}.linking-code{display:flex;gap:8px;justify-content:center}.linking-code span{display:flex;align-items:center;justify-content:center;width:48px;height:56px;background:#fdf6ee;border:3px solid #e0d5c7;border-radius:14px;font-size:1.5rem;font-weight:700;color:#3d2c1e}@media (max-width: 767px){html{font-size:16px}h1{font-size:1.5rem}.container{padding:0 12px;min-width:320px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid #e0d5c7;padding:8px 16px;justify-content:space-around;z-index:100}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#8b7355;font-size:.75rem;font-weight:600;padding:8px;border-radius:12px;min-width:44px;min-height:44px}.bottom-nav a.active{color:#2d6a4f}}@media (min-width: 1920px){.container{max-width:1400px}}