:root{--sw-forest: #1A3A2A;--sw-deep: #2D6A4F;--sw-mid: #40916C;--sw-accent: #52B788;--sw-pale: #74C69D;--sw-mint: #B7E4C7;--sw-frost: #D8F3DC;--sw-black: #111111;--sw-near-black: #1A1A1A;--sw-dark-gray: #555555;--sw-mid-gray: #666666;--sw-light-gray: #999999;--sw-border: #E0E0E0;--sw-light-bg: #F0F7F4;--sw-off-white: #F8F8F8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,sans-serif;color:var(--sw-near-black);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-subtitle{text-align:center;color:var(--sw-dark-gray);font-size:.9375rem;margin-bottom:2.5rem}.grid-logo{display:inline-grid;gap:3px}.grid-logo.g4{grid-template-columns:repeat(4,var(--cell-size, 10px))}.grid-logo .c{border-radius:calc(var(--cell-size, 10px) * .2);width:var(--cell-size, 10px);height:var(--cell-size, 10px)}.grid-logo.animated .c{opacity:0;animation:gridPop 3s ease-in-out infinite}@keyframes gridPop{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1.1)}15%{transform:scale(1)}70%{opacity:1;transform:scale(1)}85%{opacity:0;transform:scale(.8)}to{opacity:0;transform:scale(0)}}.nav{background:var(--sw-forest);padding:.875rem 2rem;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-text{font-weight:600;font-size:1.0625rem;letter-spacing:1.5px;color:#fff}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{font-size:.875rem;color:#fffc;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{background:var(--sw-accent)!important;color:#fff!important;font-size:.8125rem;padding:.5rem 1.25rem;border-radius:6px;font-weight:500;transition:background .2s}.nav-cta:hover{background:var(--sw-pale)!important}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:4px}.nav-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:1px}.btn-primary{display:inline-block;background:var(--sw-forest);color:#fff;font-size:.875rem;padding:.75rem 1.75rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:background .2s;font-family:DM Sans,sans-serif}.btn-primary:hover{background:var(--sw-deep)}.btn-ghost{display:inline-block;background:transparent;color:#fff;font-size:.875rem;padding:.75rem 1.75rem;border-radius:8px;font-weight:500;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.btn-ghost:hover{border-color:#fff;color:#fff}.btn-accent{display:inline-block;background:var(--sw-accent);color:var(--sw-forest);font-size:.875rem;padding:.75rem 2rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:background .2s;font-family:DM Sans,sans-serif}.btn-accent:hover{background:var(--sw-pale)}.btn-outline{display:inline-block;background:transparent;color:var(--sw-forest);font-size:.875rem;padding:.75rem 1.75rem;border-radius:8px;font-weight:500;border:1px solid #ccc;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.btn-outline:hover{border-color:var(--sw-forest)}.hero{background:#fff;padding:5rem 2rem;text-align:center}.hero-container{max-width:800px;margin:0 auto}.hero h1{font-size:2.75rem;font-weight:700;color:var(--sw-near-black);line-height:1.15;margin-bottom:1rem}.hero h1 em{font-style:normal;color:var(--sw-deep)}.hero-subtitle{font-size:1rem;color:var(--sw-mid-gray);max-width:440px;margin:0 auto 1.75rem;line-height:1.6}.hero-btns{display:flex;gap:.75rem;justify-content:center}.social{background:var(--sw-off-white);padding:1.75rem 2rem;text-align:center}.social p{font-size:.6875rem;color:var(--sw-light-gray);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.75rem}.social-logos{display:flex;gap:2.5rem;justify-content:center;align-items:center;font-size:.875rem;color:#bbb;font-weight:500;letter-spacing:1px;flex-wrap:wrap}.stats-bar{background:var(--sw-forest);padding:2rem 0}.stats-grid{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.stat-label{display:block;font-size:.75rem;color:var(--sw-pale);letter-spacing:.5px;margin-top:.25rem}.features{background:var(--sw-light-bg);padding:4rem 0}.features h2{text-align:center;font-size:1.75rem;font-weight:700;color:var(--sw-forest);margin-bottom:.5rem}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:780px;margin:0 auto}.feat-card{background:#fff;border-radius:12px;padding:1.5rem 1.25rem;border:1px solid #D0DDD6;transition:transform .2s}.feat-card:hover{transform:translateY(-2px)}.feat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9375rem;margin-bottom:.75rem;font-weight:700}.feat-card h3{font-size:.9375rem;font-weight:600;color:var(--sw-forest);margin-bottom:.375rem}.feat-card p{font-size:.8125rem;color:#777;line-height:1.5}.pricing{background:#fff;padding:4rem 0}.pricing h2{text-align:center;font-size:1.75rem;font-weight:700;color:var(--sw-near-black);margin-bottom:.375rem}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:720px;margin:0 auto}.price-card{border:1px solid var(--sw-border);border-radius:12px;padding:1.75rem 1.375rem;text-align:center;transition:transform .2s}.price-card:hover{transform:translateY(-2px)}.price-card.featured{border:2px solid var(--sw-deep);background:var(--sw-light-bg)}.pop-badge{background:var(--sw-deep);color:#fff;font-size:.625rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:.25rem .875rem;border-radius:20px;display:inline-block;margin-bottom:.625rem}.price-name{font-size:.9375rem;font-weight:600;color:var(--sw-forest);margin-bottom:.25rem}.price-amt{font-size:2.25rem;font-weight:700;color:var(--sw-near-black);margin-bottom:.25rem}.price-amt span{font-size:.9375rem;font-weight:400;color:var(--sw-light-gray)}.price-desc{font-size:.75rem;color:var(--sw-light-gray);margin-bottom:1rem}.price-feat{font-size:.8125rem;color:var(--sw-dark-gray);text-align:left;line-height:2}.price-btn{display:block;width:100%;margin-top:1.125rem;padding:.625rem;border-radius:8px;font-size:.8125rem;font-weight:600;text-align:center;border:none;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.price-btn-fill{background:var(--sw-forest);color:#fff}.price-btn-fill:hover{background:var(--sw-deep)}.price-btn-ghost{background:#fff;color:var(--sw-forest);border:1px solid #ccc}.price-btn-ghost:hover{border-color:var(--sw-forest)}.pricing-footer-note{text-align:center;font-size:.8125rem;color:var(--sw-mid-gray);margin-top:1.5rem}.pricing-footer-note a{color:var(--sw-deep);text-decoration:underline}.dark-cta{background:var(--sw-forest);padding:4rem 0;text-align:center}.dark-cta h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.dark-cta p{font-size:.9375rem;color:var(--sw-pale);max-width:460px;margin:0 auto 1.5rem;line-height:1.6}.dark-stats{display:flex;gap:2.5rem;justify-content:center;margin-top:2.25rem}.dark-stat .num{font-size:2rem;font-weight:700;color:#fff}.dark-stat .lbl{font-size:.75rem;color:var(--sw-pale);letter-spacing:.5px;margin-top:.25rem}.footer{background:var(--sw-black);padding:2.25rem 2rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo-text{font-size:.9375rem;font-weight:600;letter-spacing:1px;color:#fff}.footer-tagline{font-size:.75rem;color:var(--sw-dark-gray);margin-top:.5rem}.footer-col h4{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:.625rem}.footer-col a{display:block;font-size:.8125rem;color:var(--sw-dark-gray);line-height:2;transition:color .2s}.footer-col a:hover{color:var(--sw-pale)}.footer-bottom{font-size:.6875rem;color:#444;text-align:center;padding:1rem 2rem;background:#0a0a0a}.page-header{background:var(--sw-forest);color:#fff;padding:3.5rem 2rem 3rem;text-align:center}.page-header h1{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.page-header p{font-size:1rem;color:var(--sw-pale);max-width:500px;margin:0 auto}.pricing-page-section{background:#fff;padding:4rem 0}.pricing-page-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto 3rem}.pricing-page-card{border:1px solid var(--sw-border);border-radius:12px;padding:2rem 1.5rem;text-align:center}.pricing-page-card.featured{border:2px solid var(--sw-deep);background:var(--sw-light-bg)}.comparison-table{max-width:900px;margin:0 auto;width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:center;font-size:.875rem;border-bottom:1px solid #f0f0f0}.comparison-table th{font-weight:600;color:var(--sw-forest);background:var(--sw-light-bg)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:500;color:var(--sw-dark-gray)}.comparison-table td.featured-col{background:#2d6a4f0a}.check{color:var(--sw-accent);font-weight:700}.dash{color:#ccc}.info-section{padding:3rem 0}.info-section.alt{background:var(--sw-off-white)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;margin:0 auto}.info-block h3{font-size:1.25rem;font-weight:700;color:var(--sw-forest);margin-bottom:.75rem}.info-block p{font-size:.9375rem;color:var(--sw-mid-gray);line-height:1.7;margin-bottom:.75rem}.info-block ul{list-style:none;padding:0}.info-block li{font-size:.875rem;color:var(--sw-dark-gray);padding:.375rem 0 .375rem 1.25rem;position:relative}.info-block li:before{content:"";position:absolute;left:0;top:.7rem;width:6px;height:6px;background:var(--sw-accent);border-radius:50%}.faq-section{padding:4rem 0;background:#fff}.faq-section h2{text-align:center;font-size:1.75rem;font-weight:700;color:var(--sw-forest);margin-bottom:2rem}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid #eee}.faq-question{width:100%;background:none;border:none;padding:1.25rem 0;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;color:var(--sw-near-black);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--sw-light-gray);transition:transform .2s}.faq-item.open .faq-question:after{content:"-"}.faq-answer{display:none;padding-bottom:1.25rem;font-size:.875rem;color:var(--sw-mid-gray);line-height:1.7}.faq-item.open .faq-answer{display:block}.feature-category{padding:4rem 0}.feature-category:nth-child(2n){background:var(--sw-off-white)}.feature-category-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.feature-category-text h2{font-size:1.5rem;font-weight:700;color:var(--sw-forest);margin-bottom:.75rem}.feature-category-text p{font-size:.9375rem;color:var(--sw-mid-gray);line-height:1.7;margin-bottom:1rem}.feature-category-text ul{list-style:none;padding:0}.feature-category-text li{font-size:.875rem;color:var(--sw-dark-gray);padding:.4rem 0 .4rem 1.5rem;position:relative}.feature-category-text li:before{content:"";position:absolute;left:0;top:.75rem;width:8px;height:8px;background:var(--sw-accent);border-radius:50%}.feature-category-visual{background:var(--sw-light-bg);border:1px solid #D0DDD6;border-radius:12px;padding:2rem;text-align:center;display:flex;align-items:center;justify-content:center;min-height:200px}.feature-category-visual .placeholder-icon{font-size:3rem;color:var(--sw-mid)}.integration-section{padding:4rem 0;background:var(--sw-light-bg)}.integration-section h2{text-align:center;font-size:1.75rem;font-weight:700;color:var(--sw-forest);margin-bottom:.5rem}.integration-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:900px;margin:2rem auto 0}.integration-card{background:#fff;border:1px solid #D0DDD6;border-radius:12px;padding:1.5rem;text-align:center}.integration-card h3{font-size:1rem;font-weight:600;color:var(--sw-forest);margin-bottom:.5rem}.integration-card p{font-size:.8125rem;color:#777;line-height:1.5}.docs-layout{display:grid;grid-template-columns:220px 1fr;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px)}.docs-sidebar{background:var(--sw-off-white);padding:2rem 1.5rem;border-right:1px solid #eee;position:sticky;top:48px;height:calc(100vh - 48px);overflow-y:auto}.docs-sidebar h3{font-size:.6875rem;font-weight:600;color:var(--sw-light-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;margin-top:1.5rem}.docs-sidebar h3:first-child{margin-top:0}.docs-sidebar a{display:block;font-size:.8125rem;color:var(--sw-dark-gray);padding:.3rem 0;transition:color .2s}.docs-sidebar a:hover{color:var(--sw-forest)}.docs-sidebar a.active{color:var(--sw-forest);font-weight:600}.docs-content{padding:2.5rem 3rem;overflow-x:hidden;min-width:0}.docs-content table{max-width:100%;table-layout:auto}.docs-content .comparison-table td:last-child,.docs-content .comparison-table th:last-child{max-width:300px;word-wrap:break-word}.docs-content h1{font-size:1.75rem;font-weight:700;color:var(--sw-forest);margin-bottom:.75rem}.docs-content h2{font-size:1.25rem;font-weight:700;color:var(--sw-near-black);margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.docs-content h3{font-size:1rem;font-weight:600;color:var(--sw-forest);margin-top:1.5rem;margin-bottom:.5rem}.docs-content p{font-size:.9375rem;color:var(--sw-mid-gray);line-height:1.7;margin-bottom:1rem}.docs-content ol,.docs-content ul{margin-bottom:1rem;padding-left:1.5rem}.docs-content li{font-size:.9375rem;color:var(--sw-dark-gray);margin-bottom:.5rem;line-height:1.6}.docs-content code{background:#f0f0f0;padding:.15em .4em;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.85em;color:var(--sw-forest)}.docs-content .code-block code{background:none;padding:0;border-radius:0;color:#cdd6f4;font-size:.8125rem}.code-block{position:relative;background:#1e1e2e;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;overflow-x:auto}.code-block pre{margin:0;padding:0;background:none}.code-block code{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;color:#cdd6f4;line-height:1.7;white-space:pre}.copy-btn{position:absolute;top:.625rem;right:.625rem;background:#ffffff1a;color:#fff9;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.6875rem;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#fff3;color:#fff}.platform-tabs{display:flex;gap:0;border-bottom:2px solid #eee;margin-bottom:1.5rem}.platform-tab{padding:.625rem 1.25rem;font-size:.8125rem;font-weight:500;color:var(--sw-light-gray);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:DM Sans,sans-serif;transition:all .2s}.platform-tab.active{color:var(--sw-forest);border-bottom-color:var(--sw-forest)}.platform-tab:hover{color:var(--sw-dark-gray)}.platform-content{display:none}.platform-content.active{display:block}.api-endpoint{background:var(--sw-off-white);border:1px solid #eee;border-radius:8px;padding:1rem 1.25rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.api-method{font-size:.6875rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,monospace;white-space:nowrap}.api-method.get{background:#e6f1fb;color:#185fa5}.api-method.post{background:#e8f5ee;color:#2d6a4f}.api-method.put{background:#fff4e6;color:#854f0b}.api-method.delete{background:#faece7;color:#993c1d}.api-path{font-family:SF Mono,monospace;font-size:.8125rem;color:var(--sw-near-black)}.api-desc{font-size:.8125rem;color:var(--sw-light-gray);margin-left:auto}@media (max-width: 768px){.hero h1{font-size:2rem}.hero-btns{flex-direction:column;align-items:center}.nav-links{display:none}.nav-toggle{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--sw-forest);padding:1rem 2rem 1.5rem;gap:.75rem}.feat-grid,.price-grid,.pricing-page-tiers,.feature-category-inner,.info-grid{grid-template-columns:1fr}.dark-stats{flex-direction:column;gap:1rem}.stats-grid{gap:2rem}.social-logos{gap:1.5rem}.comparison-table{font-size:.75rem}.comparison-table th,.comparison-table td{padding:.5rem}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid #eee;padding:1rem 1.5rem}.docs-content{padding:1.5rem}.footer-inner{flex-direction:column}.integration-cards{grid-template-columns:1fr}.screenshot-tabs{gap:.5rem}.dash-sidebar{display:none}.dash-main{padding:1rem}.dash-stats{grid-template-columns:repeat(2,1fr)}.widget-mock-page{flex-direction:column}.widget-mock-site{padding:1rem}.demo-widget{max-width:100%}}.screenshots{background:#fff;padding:4rem 0}.screenshots h2{text-align:center;font-size:1.75rem;font-weight:700;color:var(--sw-near-black);margin-bottom:.375rem}.screenshot-tabs{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem}.screenshot-tab{padding:.5rem 1.25rem;border:1px solid var(--sw-border);border-radius:8px;background:#fff;font-size:.8125rem;font-weight:500;color:var(--sw-dark-gray);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .2s}.screenshot-tab.active{background:var(--sw-forest);color:#fff;border-color:var(--sw-forest)}.screenshot-tab:hover:not(.active){border-color:var(--sw-forest);color:var(--sw-forest)}.screenshot-panel{display:none}.screenshot-panel.active{display:block}.mockup-browser{max-width:960px;margin:0 auto;border:1px solid #D0DDD6;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00000014}.mockup-toolbar{background:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:.625rem 1rem;display:flex;align-items:center;gap:.75rem}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%;background:#ddd}.mockup-dots span:first-child{background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#28ca41}.mockup-url{flex:1;text-align:center;font-size:.75rem;color:#999;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.25rem .75rem}.mockup-body{background:#f3f4f6}.dash-mock{display:flex;min-height:360px}.dash-sidebar{width:180px;background:var(--sw-forest);padding:1.25rem 1rem;flex-shrink:0}.dash-sidebar-brand{font-size:.6875rem;font-weight:600;letter-spacing:1.5px;color:#fff;margin-bottom:.125rem}.dash-sidebar-sub{font-size:.625rem;color:var(--sw-pale);margin-bottom:1.5rem}.dash-sidebar-nav a{display:block;font-size:.75rem;color:#fff9;padding:.375rem .625rem;border-radius:6px;margin-bottom:.125rem;cursor:default}.dash-sidebar-nav a.active{background:#ffffff26;color:#fff;font-weight:500}.dash-main{flex:1;padding:1.5rem}.dash-title{font-size:1.125rem;font-weight:700;color:var(--sw-forest);margin-bottom:1rem}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.dash-stat{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.875rem .75rem}.dash-stat-val{display:block;font-size:1.25rem;font-weight:700;color:var(--sw-forest)}.dash-stat-lbl{display:block;font-size:.625rem;color:#999;margin-top:.125rem}.dash-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.dash-card h4{font-size:.8125rem;font-weight:600;color:var(--sw-forest);margin-bottom:.75rem}.dash-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-size:.75rem}.dash-row:last-child{border-bottom:none}.dash-time{color:#999;width:60px;flex-shrink:0}.dash-tour{color:var(--sw-near-black);flex:1;font-weight:500}.dash-badge{background:var(--sw-frost);color:var(--sw-deep);font-size:.625rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.dash-badge-full{background:#fff4e6;color:#854f0b}.widget-mock-page{display:flex;gap:2rem;align-items:flex-start}.widget-mock-site{flex:1;padding:1.5rem 0}.widget-mock-site h3{font-size:1.25rem;font-weight:700;color:var(--sw-near-black);margin-bottom:.5rem}.widget-mock-site p{font-size:.875rem;color:#777;line-height:1.6}.widget-mock{width:320px;flex-shrink:0;border:1px solid #e0e0e0;border-radius:12px;padding:1.25rem;background:#fff}.widget-mock-header{font-size:1rem;font-weight:700;color:var(--sw-forest);margin-bottom:1rem}.widget-mock-card{display:flex;gap:.75rem;align-items:center;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.5rem;cursor:default;transition:border-color .2s}.widget-mock-card-selected{border-color:var(--sw-accent);background:#52b7880a}.widget-mock-img{width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--sw-deep);font-weight:600;flex-shrink:0}.widget-mock-info{display:flex;flex-direction:column;gap:.125rem}.widget-mock-info strong{font-size:.8125rem;color:var(--sw-near-black)}.widget-mock-meta{font-size:.6875rem;color:#999}.widget-mock-cat{font-size:.5625rem;color:var(--sw-deep);background:var(--sw-frost);padding:.1rem .375rem;border-radius:3px;display:inline-block;width:fit-content;font-weight:600}.demo-section{background:var(--sw-light-bg);padding:4rem 0}.demo-section h2{text-align:center;font-size:1.75rem;font-weight:700;color:var(--sw-forest);margin-bottom:.375rem}.demo-wrapper{max-width:480px;margin:0 auto}.demo-caption{text-align:center;font-size:.75rem;color:var(--sw-light-gray);margin-top:1rem}.demo-widget{background:#fff;border:1px solid #D0DDD6;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000000f}.dw-step{display:none}.dw-step.active{display:block}.dw-heading{font-size:1.125rem;font-weight:700;color:var(--sw-forest);margin-bottom:1rem}.dw-back{background:none;border:none;font-size:.8125rem;color:var(--sw-mid-gray);cursor:pointer;padding:0;margin-bottom:.75rem;font-family:DM Sans,sans-serif}.dw-back:hover{color:var(--sw-forest)}.dw-product{display:flex;gap:.875rem;align-items:center;padding:.875rem;border:1px solid var(--sw-border);border-radius:10px;margin-bottom:.5rem;cursor:pointer;transition:all .15s}.dw-product:hover{border-color:var(--sw-accent);background:#52b78808}.dw-product-img{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;color:var(--sw-deep);font-weight:600;flex-shrink:0}.dw-product-info{display:flex;flex-direction:column;gap:.125rem}.dw-product-info strong{font-size:.875rem;color:var(--sw-near-black)}.dw-product-info span{font-size:.75rem;color:#999}.dw-selected-product,.dw-selected-date{font-size:.8125rem;color:var(--sw-mid-gray);margin-bottom:1rem}.dw-calendar{margin-top:.5rem}.dw-cal-header{text-align:center;font-size:.9375rem;font-weight:600;color:var(--sw-near-black);margin-bottom:.75rem}.dw-cal-days,.dw-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.dw-cal-days span{font-size:.625rem;font-weight:600;color:var(--sw-light-gray);padding:.25rem 0}.dw-cal-day{font-size:.8125rem;padding:.5rem 0;border-radius:6px;color:#ccc;cursor:default}.dw-cal-day.avail{background:var(--sw-frost);color:var(--sw-forest);cursor:pointer;font-weight:500}.dw-cal-day.avail:hover{background:var(--sw-mint)}.dw-cal-day.avail.limited{background:#fff4e6;color:#854f0b}.dw-cal-empty{visibility:hidden}.dw-slots{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dw-slot{display:flex;flex-direction:column;align-items:center;padding:.875rem;border:1px solid var(--sw-border);border-radius:8px;background:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;color:var(--sw-near-black);transition:all .15s}.dw-slot span{font-size:.6875rem;font-weight:400;color:var(--sw-light-gray);margin-top:.25rem}.dw-slot:hover{border-color:var(--sw-accent);background:var(--sw-frost)}.dw-summary{background:var(--sw-off-white);border-radius:8px;padding:1rem;margin-bottom:1rem;font-size:.8125rem;color:var(--sw-dark-gray);line-height:1.8}.dw-form label{display:block;font-size:.8125rem;font-weight:500;color:var(--sw-near-black);margin-bottom:.75rem}.dw-form input{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;border:1px solid var(--sw-border);border-radius:6px;font-size:.8125rem;font-family:DM Sans,sans-serif;box-sizing:border-box}.dw-form input:focus{outline:none;border-color:var(--sw-accent)}.dw-stripe-placeholder{background:var(--sw-off-white);border:1px dashed #ccc;border-radius:6px;padding:.75rem;text-align:center;font-size:.75rem;color:#aaa;margin-bottom:1rem}.dw-pay{width:100%;padding:.75rem;background:var(--sw-forest);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .2s}.dw-pay:hover{background:var(--sw-deep)}.dw-confirm{text-align:center}.dw-check{width:48px;height:48px;background:var(--sw-frost);color:var(--sw-accent);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.dw-confirm-details{background:var(--sw-off-white);border-radius:8px;padding:1rem;margin:1rem 0;font-size:.8125rem;color:var(--sw-dark-gray);text-align:left;line-height:1.8}.dw-confirm-email{font-size:.75rem;color:var(--sw-light-gray);margin-bottom:1rem}.dw-restart{padding:.625rem 1.5rem;background:var(--sw-forest);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .2s}.dw-restart:hover{background:var(--sw-deep)}