@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#333;line-height:1.6;background:#fff}img{max-width:100%;height:auto;display:block}a{color:#2185d0;text-decoration:none;transition:color .2s}a:hover{color:#1a69a4}h1,h2,h3,h4,h5,h6{color:#1a1a2e;line-height:1.3;font-weight:700}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}h4{font-size:1.125rem}p{margin-bottom:16px;color:#666}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.container-narrow{max-width:900px;margin:0 auto;padding:0 24px}.section{padding:96px 0}@media(max-width:768px){.section{padding:64px 0}}.section--gray{background:#f8f9fa}.section--dark{background:#1a1a2e;color:#fff}.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}.section--dark p{color:#fffc}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-header h2{margin-bottom:16px}.section-header p{font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:8px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none;gap:8px}.btn:hover{transform:translateY(-1px)}.btn--primary{background:#2185d0;color:#fff}.btn--primary:hover{background:#1a69a4;color:#fff}.btn--large{padding:18px 40px;font-size:18px}.btn--secondary{background:transparent;color:#2185d0;border:2px solid #2185d0}.btn--secondary:hover{background:#2185d0;color:#fff}.btn--white{background:#fff;color:#2185d0}.btn--white:hover{background:#f8f9fa;color:#1a69a4}.btn--ghost{background:transparent;color:#fff;border:2px solid #ffffff}.btn--ghost:hover{background:#fff;color:#2185d0}.text-center{text-align:center}.text-left{text-align:left}.mt-sm{margin-top:16px}.mt-md{margin-top:24px}.mt-lg{margin-top:40px}.mb-sm{margin-bottom:16px}.mb-md{margin-bottom:24px}.mb-lg{margin-bottom:40px}.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:box-shadow .3s,transform .3s}.card:hover{box-shadow:0 4px 24px #0000001f;transform:translateY(-2px)}.card__img{width:100%;aspect-ratio:16/10;object-fit:cover}.card__body{padding:24px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.badge--green{background:#21ba451a;color:#21ba45}.badge--blue{background:#2185d01a;color:#2185d0}.icon-placeholder{width:64px;height:64px;border-radius:16px;background:#e8f4fd;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px}.stars{color:#fbbd08;font-size:18px;letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e0e1e3;padding:0 24px}.nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav__logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;color:#1a1a2e;text-decoration:none}.nav__logo img{height:36px;width:auto}.nav__logo:hover{color:#1a1a2e}.nav__links{display:flex;align-items:center;gap:24px;list-style:none}@media(max-width:1024px){.nav__links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#fff;padding:24px;border-bottom:1px solid #e0e1e3;box-shadow:0 4px 12px #0000001a;gap:16px}.nav__links.is-open{display:flex}}.nav__link{font-size:14px;font-weight:500;color:#666;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;transition:all .2s}.nav__link:hover,.nav__link.is-active{color:#2185d0;border-bottom-color:#2185d0}.nav__cta{font-size:14px;padding:10px 20px}.nav__toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:4px}@media(max-width:1024px){.nav__toggle{display:block}}.hero{position:relative;background:linear-gradient(135deg,#1a1a2e,#2d2d5e);color:#fff;padding:96px 0;overflow:hidden}.hero--tall{padding:120px 0 96px}@media(max-width:768px){.hero--tall{padding:64px 0}}.hero__inner{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.hero__content{max-width:700px}.hero__eyebrow{display:inline-block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#ffffffb3;margin-bottom:16px}.hero h1{color:#fff;margin-bottom:24px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.2}.hero__subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffd9;margin-bottom:40px;line-height:1.6;max-width:600px}.hero__actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero__note{font-size:14px;color:#fff9;margin-top:16px}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;border-radius:50%;background:#2185d01a;z-index:1}.hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;border-radius:50%;background:#21ba4514;z-index:1}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:1024px){.hero-split{grid-template-columns:1fr;gap:40px}}.hero-split__mockup{position:relative}@media(max-width:1024px){.hero-split__mockup{order:-1}}.hero-split__device{width:100%;border-radius:12px;box-shadow:0 20px 60px #0000004d}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.pillars{grid-template-columns:1fr}}.pillar{text-align:center;padding:40px 24px;border-radius:12px;background:#fff;box-shadow:0 2px 12px #00000014;transition:all .3s}.pillar:hover{box-shadow:0 4px 24px #0000001f;transform:translateY(-4px)}.pillar__icon{width:80px;height:80px;border-radius:20px;background:#e8f4fd;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px}.pillar h3{margin-bottom:16px}.pillar p{font-size:14px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}@media(max-width:768px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps{grid-template-columns:1fr}}.step{text-align:center;padding:24px;position:relative}.step__number{width:48px;height:48px;border-radius:50%;background:#2185d0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 16px}.step__screenshot{width:100%;aspect-ratio:4/3;background:#f0f1f3;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.step h4{margin-bottom:8px}.step p{font-size:14px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.testimonials-grid{grid-template-columns:1fr}}.testimonial{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014}.testimonial__stars{color:#fbbd08;font-size:16px;letter-spacing:2px;margin-bottom:16px}.testimonial__quote{font-size:16px;line-height:1.7;color:#333;margin-bottom:24px;font-style:italic}.testimonial__author{display:flex;align-items:center;gap:16px}.testimonial__avatar{width:48px;height:48px;border-radius:50%;background:#e8f4fd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2185d0;flex-shrink:0}.testimonial__name{font-weight:600;color:#1a1a2e;font-size:14px}.testimonial__detail{font-size:12px;color:#666}.testimonial__site{font-size:12px;color:#2185d0}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-card{border-radius:12px;background:#fff;box-shadow:0 2px 12px #00000014;overflow:hidden}.pricing-card--featured{box-shadow:0 4px 24px #2185d033;border:2px solid #2185d0;position:relative}.pricing-card__badge{background:#2185d0;color:#fff;text-align:center;padding:8px;font-size:14px;font-weight:600}.pricing-card__header{padding:24px;text-align:center;border-bottom:1px solid #f0f1f3}.pricing-card__name{font-size:18px;font-weight:700;margin-bottom:8px}.pricing-card__price{font-size:2.5rem;font-weight:800;color:#1a1a2e}.pricing-card__price small{font-size:1rem;font-weight:400;color:#666}.pricing-card__period{font-size:14px;color:#666}.pricing-card__body{padding:24px}.pricing-card__features{list-style:none;display:flex;flex-direction:column;gap:8px}.pricing-card__features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#333}.pricing-card__features li:before{content:"✓";color:#21ba45;font-weight:700;flex-shrink:0;margin-top:1px}.pricing-card__footer{padding:0 24px 24px}.pricing-card__footer .btn{width:100%}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}.pricing-toggle__label{font-size:14px;font-weight:500;color:#666;cursor:pointer}.pricing-toggle__label.is-active{color:#1a1a2e;font-weight:600}.pricing-toggle__switch{width:48px;height:26px;border-radius:13px;background:#2185d0;position:relative;cursor:pointer;border:none}.pricing-toggle__switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.pricing-toggle__switch.is-annual:after{transform:translate(22px)}.pricing-toggle__save{font-size:12px;font-weight:600;color:#21ba45;background:#21ba451a;padding:2px 8px;border-radius:10px}.faq{max-width:900px;margin:0 auto}.faq-item{border-bottom:1px solid #e0e1e3}.faq-item__question{width:100%;background:none;border:none;text-align:left;padding:24px 0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;color:#1a1a2e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item__question:after{content:"+";font-size:1.5rem;color:#2185d0;flex-shrink:0;transition:transform .2s}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item__answer p{padding-bottom:24px;line-height:1.7}.faq-item.is-open .faq-item__question:after{content:"−"}.faq-item.is-open .faq-item__answer{max-height:500px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0}@media(max-width:768px){.feature-row{grid-template-columns:1fr;gap:40px}}.feature-row--reverse .feature-row__visual{order:-1}@media(max-width:768px){.feature-row--reverse .feature-row__visual{order:0}}.feature-row__text h3{margin-bottom:16px}.feature-row__text p{margin-bottom:24px}.feature-row__text ul{list-style:none;display:flex;flex-direction:column;gap:8px}.feature-row__text ul li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#333}.feature-row__text ul li:before{content:"✓";color:#21ba45;font-weight:700;flex-shrink:0}.feature-row__visual{background:#f0f1f3;border-radius:12px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.comparison-table{width:100%;border-collapse:collapse;font-size:14px}@media(max-width:768px){.comparison-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.comparison-table th,.comparison-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #e0e1e3}.comparison-table th{background:#f8f9fa;font-weight:600;color:#1a1a2e;position:sticky;top:64px;z-index:10}.comparison-table td:first-child,.comparison-table th:first-child{text-align:left;font-weight:500}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2){background:#2185d00a;font-weight:600}.comparison-table .check{color:#21ba45;font-weight:700}.comparison-table .cross{color:#ccc}.comparison-table .partial{color:#f2711c}.example-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #00000014;transition:all .3s}.example-card:hover{box-shadow:0 4px 24px #0000001f;transform:translateY(-4px)}.example-card__img{width:100%;aspect-ratio:16/10;background:#f0f1f3;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;object-fit:cover}.example-card__body{padding:16px 24px}.example-card__name{font-weight:600;color:#1a1a2e;font-size:16px}.example-card__meta{font-size:12px;color:#666;margin-top:4px}.example-card__link{font-size:14px;font-weight:500;margin-top:8px;display:inline-block}.filter-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.filter-tab{padding:8px 20px;border-radius:20px;border:1px solid #e0e1e3;background:#fff;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#666}.filter-tab:hover,.filter-tab.is-active{background:#2185d0;color:#fff;border-color:#2185d0}.cta-banner{background:linear-gradient(135deg,#2185d0,#1a69a4);color:#fff;text-align:center;padding:64px 0;border-radius:12px;margin:0 24px}.cta-banner h2{color:#fff;margin-bottom:16px}.cta-banner p{color:#ffffffd9;font-size:18px;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.cta-banner .btn{margin-top:16px}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:#e8f4fd}.timeline-item{position:relative;margin-bottom:40px;padding-left:24px}.timeline-item:before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:#2185d0;border:3px solid #ffffff;box-shadow:0 0 0 2px #2185d0}.timeline-item__year{font-size:14px;font-weight:700;color:#2185d0;margin-bottom:4px}.timeline-item h4{margin-bottom:8px}.timeline-item p{font-size:14px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat__number{font-size:2.5rem;font-weight:800;color:#2185d0;line-height:1;margin-bottom:8px}.stat__label{font-size:14px;color:#666;font-weight:500}.footer{background:#1a1a2e;color:#ffffffb3;padding:64px 0 40px}.footer__inner{max-width:1200px;margin:0 auto;padding:0 24px}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}.footer__brand p{color:#fff9;font-size:14px;line-height:1.7}.footer__logo{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:16px;display:block}.footer__heading{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer__links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer__links a{color:#fff9;font-size:14px;transition:color .2s}.footer__links a:hover{color:#fff}.footer__bottom{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:14px}@media(max-width:768px){.footer__bottom{flex-direction:column;gap:16px;text-align:center}}