﻿@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp 1s cubic-bezier(.165,.84,.44,1) forwards}.fade-in-up{opacity:0;animation:fadeInUp 1s cubic-bezier(.165,.84,.44,1) .2s forwards}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1d1d1f;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-section{max-width:980px;margin:0 auto;padding:50px 20px 80px;text-align:center;box-sizing:border-box}.hero-section div{display:flex;align-items:center;justify-content:center;font-size:30px;margin-top:20px}.hero-section div img{width:25px;margin-right:10px}.hero-section h1{font-size:56px;line-height:1.07143;font-weight:700;letter-spacing:-.005em;margin-bottom:20px;margin-top:5px;color:#1d1d1f}@media(max-width:768px){.hero-section h1{font-size:40px}}.hero-section p{font-size:24px;line-height:1.4;font-weight:400;color:#86868b;max-width:700px;margin:0 auto}@media(max-width:768px){.hero-section p{font-size:20px}}.features-container{background-color:#f5f5f7}.features-container.shade-bg{background-color:unset}.features-container:last-child{padding-bottom:100px}section{display:grid;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto 20px;box-sizing:border-box;border-radius:20px;padding:60px;grid-template-columns:500px 1fr;grid-template-areas:'image title' 'image text'}@media(max-width:1068px){section{flex-direction:column!important;gap:40px;margin-bottom:40px;text-align:center}}.features-container.shade-bg section{grid-template-columns:1fr 500px;grid-template-areas:'title image' 'text image'}.features-container.shade-bg section .image-compare.sample-compare{justify-self:flex-end}.title-section{grid-area:title}.image-compare{grid-area:image}.text-section{grid-area:text}.image-compare.sample-compare{flex:0 0 55%;width:100%;max-width:400px;height:auto;aspect-ratio:1/1;border-radius:28px;overflow:hidden;margin:0;box-shadow:0 20px 40px rgba(0,0,0,.1);transition:transform .3s ease;position:relative}.image-compare.sample-compare:hover{transform:scale(1.02)}.image-compare.sample-compare img{width:100%;height:100%;object-fit:cover}.editorial section{max-width:1400px;grid-template-columns:590px 1fr;gap:50px}.editorial .image-compare.sample-compare{max-width:600px}.info-section{flex:1;display:flex;flex-direction:column;justify-content:center}@media(max-width:1068px){.info-section{align-items:center}}.info-section .icon-container{margin-bottom:20px;text-align:center}.info-section .icon-container .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#000;border-radius:12px}.info-section .icon-container .material-symbols-outlined img{width:24px;height:24px}.info-section h2{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:0;margin:0 0 8px;color:#1d1d1f;text-align:center}@media(max-width:768px){.info-section h2{font-size:32px}}.info-section h3{font-size:24px;line-height:1.2;font-weight:600;margin:0 0 16px;color:#0071e3;text-align:center}@media(max-width:768px){.info-section h3{font-size:20px}}.info-section p{font-size:19px;line-height:1.4211;font-weight:400;color:#86868b;margin:0 0 30px;text-align:center}@media(max-width:1068px){.info-section p{padding:0 20px}}.action-button{display:inline-block;text-align:center;white-space:nowrap;font-size:17px;line-height:1.17648;font-weight:400;letter-spacing:-.022em;min-width:28px;width:200px;margin:auto;padding:18px 31px;border-radius:980px;background:#000;color:#fff;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.action-button:hover{background:#262626;transform:scale(1.02);color:#fff;text-decoration:none}.action-button:active{transform:scale(.98)}.one-column{display:flex;flex-direction:column;align-items:center;max-width:800px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px}@media(max-width:1068px){.two-column{grid-template-columns:1fr;gap:30px}}.two-column .feature-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;background-color:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.two-column .feature-block:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.12)}@media(max-width:768px){.two-column .feature-block{padding:30px 20px}}.two-column .feature-block .icon-container{margin-bottom:20px}.two-column .feature-block .icon-container .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#000;border-radius:12px}.two-column .feature-block .icon-container .material-symbols-outlined img{width:24px;height:24px}.two-column .feature-block h3{font-size:24px;line-height:1.2;font-weight:600;margin:0 0 16px;color:#1d1d1f}@media(max-width:768px){.two-column .feature-block h3{font-size:20px}}.two-column .feature-block p{font-size:17px;line-height:1.47059;font-weight:400;color:#86868b;margin:0 0 30px;flex-grow:1}@media(max-width:768px){.two-column .feature-block p{font-size:16px}}.two-column .feature-block .action-button{margin-top:auto}@media(max-width:1500px){section{border-radius:0}.info-section{align-items:center}.info-section h2,.info-section p{text-align:center}.section-sub-row{flex-direction:column;width:auto}.section-sub-row section{grid-template-columns:500px 1fr;grid-template-areas:'image title' 'image text'}.section-sub-row .image-compare{margin:0}.section-sub-row .info-section .info-section-row{flex-direction:column}.section-sub-row .text-section{height:330px;display:flex;justify-content:flex-start}}@media(max-width:1100px){.editorial section{padding:30px 10px;grid-template-columns:1fr}.image-compare.sample-compare{max-width:600px}section{grid-template-columns:1fr;grid-template-areas:'title' 'image' 'text';padding:30px 10px;gap:20px}.features-container.shade-bg section{grid-template-columns:1fr;grid-template-areas:'title' 'image' 'text'}.features-container.shade-bg section .image-compare.sample-compare{justify-self:unset}.image-compare.sample-compare{margin:auto}}@media(max-width:900px){.hero-section{padding:20px 20px 60px}}