:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #17a2b8;--secondary-color: #6c757d;--tertiary-color: #5f9ea0;--dark-color: #2f4f4f;--accent-color: #ffffff;--background-color: #f8f9fa;--text-color: #212529;--body-text: #212529;--neutral-gray: #eaf7f9;--sidebar-gray: #f3fbfc}.palette-1{--primary-color: #007bff;--secondary-color: #6c757d;--tertiary-color: #5a6268;--dark-color: #1f2933;--accent-color: #ffffff;--background-color: #f8f9fa;--text-color: #212529;--body-text: #212529;--neutral-gray: #e9ecef;--sidebar-gray: #f1f3f5}.palette-2{--primary-color: #28a745;--secondary-color: #6c757d;--tertiary-color: #40916c;--dark-color: #1b4332;--accent-color: #ffffff;--background-color: #f8f9fa;--text-color: #212529;--body-text: #212529;--neutral-gray: #e9f5ee;--sidebar-gray: #f3fbf6}.palette-3{--primary-color: #6f42c1;--secondary-color: #e9ecef;--tertiary-color: #9d4edd;--dark-color: #2b2d42;--accent-color: #ffd700;--background-color: #343a40;--text-color: #ffffff;--body-text: #ffffff;--neutral-gray: #495057;--sidebar-gray: #3b3f45}.palette-4{--primary-color: #dc3545;--secondary-color: #343a40;--tertiary-color: #e76f51;--dark-color: #2d1e2f;--accent-color: #ffffff;--background-color: #f8f9fa;--text-color: #212529;--body-text: #212529;--neutral-gray: #f1eded;--sidebar-gray: #f7eaea}.palette-5{--primary-color: #17a2b8;--secondary-color: #6c757d;--tertiary-color: #5f9ea0;--dark-color: #2f4f4f;--accent-color: #ffffff;--background-color: #f8f9fa;--text-color: #212529;--body-text: #212529;--neutral-gray: #eaf7f9;--sidebar-gray: #f3fbfc}.header{background-color:#000;color:var(--accent-color);padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;position:relative}.header .logo{font-size:1.5rem;margin:0;color:#fff}.nav{display:flex;gap:1rem}.menu-toggle{display:none;background:none;border:none;border-radius:0;font-size:inherit;line-height:1;color:inherit;cursor:pointer;padding:.5rem}.menu-toggle .hamburger{display:block;width:24px;height:2px;background-color:var(--accent-color);position:relative}.menu-toggle .hamburger:before,.menu-toggle .hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--accent-color);left:0}.menu-toggle .hamburger:before{top:-8px}.menu-toggle .hamburger:after{top:8px}@media(max-width:768px){.menu-toggle{display:block}.nav{position:absolute;top:100%;right:0;background-color:var(--dark-color);flex-direction:column;width:200px;transform:translate(100%);transition:transform .3s ease;border-radius:0 0 0 4px;overflow:hidden;z-index:300}.nav.open{transform:translate(0)}.nav-link{padding:1rem;border-bottom:1px solid var(--secondary-color)}}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease,background-color .3s ease;padding:.5rem 1rem;border-radius:4px}.nav-link:hover{background-color:var(--tertiary-color);color:var(--dark-color)}.nav-link.active{background-color:var(--accent-color);color:#000;font-weight:700}.design-2 .header-container{justify-content:center}.design-2 .logo{position:absolute;left:50%;transform:translate(-50%)}@media(max-width:768px){.design-2 .header-container{justify-content:space-between}.design-2 .logo{position:static;left:auto;transform:none;margin-right:auto}}.design-3 .nav-link.active{border-bottom:none;background-color:var(--secondary-color);padding:.5rem 1rem;border-radius:4px}.design-4 .header{background-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.design-5 .header{position:sticky;top:0;z-index:100}.wip-container{max-width:800px;width:100%;margin:2rem auto;padding:2rem;background-color:var(--background-color);color:var(--body-text, var(--text-color));border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box}.wip-container h1{text-align:center;margin-bottom:2rem}.selector{display:flex;flex-direction:column;gap:2rem}.top-selectors{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"palette design" "font    .";gap:1rem;align-items:start}.sample-text{text-align:left;padding:1rem;background-color:var(--background-color);color:var(--body-text, var(--text-color));border-radius:4px;transition:all .3s ease}.sample-text.layout-1{text-align:center}.sample-text.layout-12,.sample-text.layout-2{text-align:left}.sample-intro{margin:0 0 .85rem;opacity:.9}.centered-preview{max-width:640px;margin:0 auto}.split-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.split-columns__panel{border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);background:color-mix(in srgb,var(--neutral-gray) 55%,var(--background-color));border-radius:8px;padding:.9rem}.split-columns__panel h4{margin:0 0 .45rem}.split-columns__list{margin:0;padding-left:1rem;list-style:disc}.split-columns__list li{margin:.3rem 0}.sample-text.layout-4{display:block}.cards-grid{display:flex;flex-direction:column;gap:.75rem}.cards-grid__intro{margin:0}.cards-grid__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.cards-grid__card{border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);background:color-mix(in srgb,var(--neutral-gray) 60%,var(--background-color));padding:1rem;border-radius:8px}.cards-grid__card h4{margin:0 0 .45rem}.cards-grid__card p{margin:0 0 .6rem}.cards-grid__badge{display:inline-block;margin:0 0 .5rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;background-color:var(--primary-color);color:var(--accent-color)}.cards-grid__list{margin:0 0 .75rem;padding:0 0 0 1rem;list-style:disc}.cards-grid__list li{margin:.25rem 0}.cards-grid__meta{margin:0;font-size:.92rem;font-weight:600;opacity:.9}.cards-grid__card--cta{background:linear-gradient(140deg,color-mix(in srgb,var(--primary-color) 18%,var(--background-color)),color-mix(in srgb,var(--secondary-color) 22%,var(--background-color)));border-color:color-mix(in srgb,var(--secondary-color) 30%,transparent)}.sample-table{width:min(100%,42rem);border-collapse:collapse;margin-top:.75rem;margin-left:auto;margin-right:auto;table-layout:fixed}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.table-scroll .sample-table{margin-top:0}.table-scroll--wide .sample-table{width:min(100%,52rem)}.sample-table th,.sample-table td{border:1px solid rgba(0,0,0,.08);padding:.5rem .75rem;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:normal;width:50%}.sample-table thead th{background-color:#0000000a}.sample-table.three-col th,.sample-table.three-col td{text-align:left;width:33.333%}.hero{position:relative;overflow:hidden;border-radius:6px;min-height:220px}.hero--fullwidth{border-radius:0;min-height:320px}.hero--fullwidth .hero__content{width:min(90%,800px);margin-left:auto;margin-right:auto;box-sizing:border-box}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(.95)}.hero__overlay{position:absolute;inset:0;background:linear-gradient(#00000073,#00000059);z-index:10}.hero__content{position:relative;z-index:20;padding:2rem;color:var(--hero-text-color, #ffffff);text-shadow:var(--hero-text-shadow, 0 1px 2px rgba(0, 0, 0, .65))}.hero__content h1{margin:0 0 .5rem;font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.2;color:#fff;-webkit-text-stroke:.5px #4a4a4a;paint-order:stroke fill;text-shadow:0 1px 2px rgba(0,0,0,.45)}.font-2 .hero__content h1{color:#fff}.hero__content p{margin:.2rem 0 0;display:block;max-width:40ch;padding:.45rem .6rem;border-radius:6px;background:var(--hero-body-bg, rgba(0, 0, 0, .3));backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);color:var(--hero-text-color);font-weight:650;font-size:1.2rem;line-height:1.45;text-shadow:var(--hero-text-shadow, 0 1px 2px rgba(0, 0, 0, .65))}.hero__content .hero__cta{display:inline-block;width:max-content;max-width:100%;margin-top:1rem;padding:.6rem 1rem;background-color:var(--accent-color);color:var(--text-color);border:2px solid var(--primary-color);border-radius:6px;text-decoration:none;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.hero__content .hero__cta:hover{background-color:var(--primary-color);color:var(--accent-color);border-color:var(--primary-color)}.hero__content h2,.hero__content h3,.hero__content h4,.hero__content h5,.hero__content h6{color:inherit}.sample-text.layout-14{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;padding:0;background:transparent}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:.75rem}.testimonial-grid .card{padding:1rem;border-radius:6px;background:color-mix(in srgb,var(--neutral-gray) 60%,var(--background-color));border:1px solid color-mix(in srgb,var(--secondary-color) 20%,transparent)}.testimonial-grid .card p{margin:.5rem 0 0;opacity:.9}.feature-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.image-layout{display:flex;flex-direction:column;gap:.75rem}.image-layout--single{max-width:42rem;margin:0 auto}.image-grid{display:grid;gap:.75rem}.image-grid--two,.image-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tile{display:block;position:relative;overflow:hidden;border-radius:8px;border:1px solid color-mix(in srgb,var(--secondary-color) 18%,transparent);background:color-mix(in srgb,var(--neutral-gray) 50%,var(--background-color))}.image-tile img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover}.image-tile.is-link{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.image-tile.is-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.image-tile__corner{position:absolute;right:1rem;bottom:1rem;display:inline-block;max-width:calc(100% - 2rem);padding:.45rem .6rem;border-radius:6px;background:var(--hero-body-bg, rgba(0, 0, 0, .3));backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);color:var(--hero-text-color, #ffffff);font-weight:650;font-size:1rem;line-height:1.4;text-shadow:var(--hero-text-shadow, 0 1px 2px rgba(0, 0, 0, .65));pointer-events:none}.faq-accordion__items{display:flex;flex-direction:column;gap:.6rem}.faq-accordion__item{border:1px solid color-mix(in srgb,var(--primary-color) 20%,transparent);border-radius:8px;background:color-mix(in srgb,var(--neutral-gray) 55%,var(--background-color));overflow:hidden}.faq-accordion__trigger{width:100%;border:none;border-radius:0;background:transparent;color:var(--body-text, var(--text-color));padding:.8rem .9rem;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-accordion__icon{font-size:1.2rem;line-height:1;font-weight:700}.faq-accordion__item.open .faq-accordion__trigger{background:color-mix(in srgb,var(--primary-color) 12%,transparent)}.faq-accordion__content{padding:0 .9rem .85rem}.faq-accordion__content p{margin:1rem 0 0}.sample-text.layout-5{position:relative;padding-left:0;min-height:0;overflow:visible}.sample-text.layout-5 h3,.sample-text.layout-5 h4,.sample-text.layout-5 p,.sample-text.layout-5 ul,.sample-text.layout-5 li{position:relative;z-index:20}.sample-text.layout-6{position:relative;padding-right:0;min-height:0;overflow:visible}.sample-text.layout-6 h3,.sample-text.layout-6 h4,.sample-text.layout-6 p,.sample-text.layout-6 ul,.sample-text.layout-6 li{position:relative;z-index:20}.sidebar-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1rem;position:relative;z-index:20}.sample-text.layout-6 .sidebar-layout{grid-template-columns:minmax(0,1fr) 190px}.sidebar{padding:.55rem .65rem;border-radius:6px;background:color-mix(in srgb,var(--secondary-color) 10%,var(--background-color));border:1px solid color-mix(in srgb,var(--secondary-color) 18%,transparent)}.sidebar h4{margin:0 0 .45rem}.sidebar-links{margin:0;padding:0 0 0 1rem;list-style:disc}.sidebar-links li{margin:.3rem 0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.main p:last-child{margin-bottom:0}@media(max-width:760px){.split-columns,.sidebar-layout,.sample-text.layout-6 .sidebar-layout{grid-template-columns:1fr}}@media(max-width:1024px){.wip-container{padding:1.5rem}.sidebar-layout{grid-template-columns:160px minmax(0,1fr)}.sample-text.layout-6 .sidebar-layout{grid-template-columns:minmax(0,1fr) 160px}.hero__content{padding:1.5rem}}@media(max-width:900px){.top-selectors{grid-template-columns:1fr;grid-template-areas:"palette" "design" "font"}}@media(max-width:760px){.wip-container{margin:1rem auto;padding:1rem}.sample-text{padding:1em}.sample-text.layout-1{text-align:left}.centered-preview{max-width:none;margin:0;text-align:left}.hero{min-height:180px}.hero--fullwidth{min-height:240px}.hero__content{padding:1.1rem}.hero__content h1{font-size:clamp(1.3rem,6vw,1.85rem)}.hero__content p{font-size:1rem}.table-scroll{margin:.5rem -.15rem 0;padding:0 .15rem}.sample-table th,.sample-table td{padding:.45rem .55rem;font-size:.92rem}.sample-text p{white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.image-grid--two,.image-grid--four{grid-template-columns:1fr}.layout-selector{grid-template-columns:1fr;padding:.85rem}}.layout-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);background:color-mix(in srgb,var(--neutral-gray) 40%,var(--background-color));border-radius:8px;padding:1rem}.layout-selector h2{grid-column:1 / -1;margin:0 0 .3rem;color:var(--primary-color)}.layout-selector .layout-btn{width:100%;margin:0;border:2px solid var(--primary-color);padding:.75rem}.font-btn,.layout-btn{padding:.5rem 1rem;background-color:var(--accent-color);color:var(--text-color);border:1px solid var(--dark-color);border-radius:4px;cursor:pointer;transition:background-color .3s ease}.font-btn.active,.layout-btn.active{background-color:var(--primary-color);color:var(--accent-color)}.palette-selector,.design-selector{flex:1;min-width:180px;margin:0}.palette-selector{grid-area:palette}.design-selector{grid-area:design}.palette-selector h2,.design-selector h2{margin-bottom:1rem;color:var(--primary-color)}.font-selector{grid-area:font;display:flex;flex-direction:column;margin:0}.font-selector h2{margin-bottom:1rem;color:var(--primary-color)}.palette-btn,.design-btn,.font-btn{display:block;width:100%;margin:.5rem 0;padding:.75rem;background-color:var(--accent-color);color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.palette-btn:hover,.design-btn:hover,.font-btn:hover,.palette-btn.active,.design-btn.active,.font-btn.active{background-color:var(--primary-color);color:var(--accent-color)}.sample-text.layout-14 .hero--fullwidth .hero__content .hero__cta{display:inline-block;width:max-content;max-width:100%;margin-top:1rem}.services-page{display:flex;flex-direction:column;gap:1.2rem}.services-page__hero{padding:0;overflow:hidden}.services-page__section{border:none;box-shadow:none}.services-page__section h2{margin:0 0 .65rem}.services-page__section p{max-width:72ch}.services-page__section .feature-list,.services-page__section .testimonial-grid,.services-page__section .faq-accordion__items{margin-top:.5rem}@media(max-width:760px){.services-page{gap:1em}}#root{max-width:1200px;margin:0 auto;padding:0;font-family:Arial,sans-serif}.App{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color);color:var(--body-text, var(--text-color))}.font-2{--header-font: "Roboto", sans-serif;--body-font: "Open Sans", sans-serif;--text-color: #000000;--body-text: #000000}.font-2 #root,.font-2 .App,.font-2 body,.font-2 .page-content{font-family:var(--body-font, Arial, sans-serif)}.font-2 h1,.font-2 h2,.font-2 h3,.font-2 h4,.font-2 h5,.font-2 h6{font-family:var(--header-font, inherit);color:var(--primary-color)}main{flex:1;padding:2rem;text-align:center;color:var(--body-text, var(--text-color))}h1{color:var(--accent-color);margin-bottom:1rem}p{line-height:1.6;color:var(--body-text, var(--text-color))}ul{list-style-type:none;padding:0}li{margin:.5rem 0}.page-content{max-width:800px;width:90%;margin:0 auto;text-align:left;box-sizing:border-box}#root{width:100%;padding:0 1rem}.design-1 .App{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}@media(max-width:760px){#root{padding:0}main{padding:1em}.page-content{width:100%;max-width:none}}