.fcdl{font-family:'DM Sans',sans-serif;color:#272727;-webkit-font-smoothing:antialiased}
.fcdl *{box-sizing:border-box}
.fcdl img{border-radius:0!important;max-width:100%;height:auto;box-shadow:none}
.fcdl h1,.fcdl h2,.fcdl h3,.fcdl p,.fcdl ol{margin:0;font-family:'DM Sans',sans-serif}
.fcdl a{text-decoration:none}
.fcdl-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.fcdl-eyebrow{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#B4561A}
/* HERO */
.fcdl-hero{background:#1F1F1F;color:#fff;overflow:hidden}
.fcdl-hero .fcdl-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center}
.fcdl-hero-txt{padding:88px 0 88px;display:flex;flex-direction:column;gap:22px;align-self:center}
.fcdl-pill{align-self:flex-start;font-size:14px;font-weight:600;color:#F5A46A;background:#2B2B2B;border:1px solid #3A3A3A;padding:6px 14px;border-radius:999px}
.fcdl-hero h1{font-size:50px;line-height:1.08;font-weight:700;letter-spacing:-.5px;color:#fff}
.fcdl-hero h1 span{color:#F5A46A;display:block}
.fcdl-lead{font-size:18px;line-height:1.6;color:#CFCFCF;max-width:540px}
.fcdl-stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.fcdl-stores a{display:inline-flex}
.fcdl-badge img{height:48px;width:auto;display:block}
.fcdl-web{height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;border:1px solid #A6A6A6;border-radius:8px;background:#000;color:#fff!important;font-size:15px;font-weight:600}
.fcdl-web:hover{border-color:#F5A46A}
.fcdl-qr{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:24px;border-top:1px solid #333}
.fcdl-qr img{width:88px;background:#fff;padding:6px;display:block}
.fcdl-qr p{font-size:15px;line-height:1.5;color:#BDBDBD;max-width:360px}
.fcdl-phone{display:flex;justify-content:center;align-self:center;padding:56px 0}
.fcdl-device{width:300px;background:#0E0E0E;border-radius:42px;padding:10px;box-shadow:0 0 0 1px #3A3A3A,0 30px 70px rgba(236,126,48,.18)}
.fcdl-screen{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:600/1025;background:#F2F2F7}
.fcdl-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fcdlfade 16s infinite both}
.fcdl-screen img:nth-child(1){animation-delay:0s}.fcdl-screen img:nth-child(2){animation-delay:4s}.fcdl-screen img:nth-child(3){animation-delay:8s}.fcdl-screen img:nth-child(4){animation-delay:12s}
@keyframes fcdlfade{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.fcdl-screen img{animation:none}.fcdl-screen img:first-child{opacity:1}}
.fcdl-ico:before,.fcdl-web:before,.fcdl-dl{content:'';display:block;background:center/contain no-repeat}
.fcdl-ico:before{width:24px;height:24px}
.fcdl-i0:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4561A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.fcdl-i1:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4561A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Cpath d='M8 19h7a3 3 0 0 0 0-6H9a3 3 0 0 1 0-6h7'/%3E%3C/svg%3E")}
.fcdl-i2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4561A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 8 3 8H3s3-1 3-8'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.fcdl-web:before{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}
.fcdl-dl{width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C5C5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")}
/* FEATURES */
.fcdl-feat{padding:96px 0 48px}
.fcdl-head{text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:40px}
.fcdl-head h2,.fcdl h2{font-size:40px;line-height:1.2;font-weight:600;color:#272727;max-width:760px}
.fcdl-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fcdl-card{border:1px solid #E8E8E8;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:12px;background:#fff}
.fcdl-ico{width:48px;height:48px;border-radius:10px;background:#FDEBDD;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.fcdl-card h3{font-size:20px;line-height:1.3;font-weight:600;color:#272727}
.fcdl-card p{font-size:16px;line-height:1.6;color:#5C5C5C}
/* WEB APP */
.fcdl-webapp{padding:48px 0}
.fcdl-box{background:#FDEBDD;border-radius:16px;padding:56px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:center}
.fcdl-box .fcdl-eyebrow{color:#8A3F0E}
.fcdl-box h2{margin:10px 0 14px;font-size:36px}
.fcdl-box p{font-size:17px;line-height:1.65;color:#4A4A4A}
.fcdl-ol{list-style:none;padding:0;margin:20px 0 28px!important;counter-reset:s;display:flex;flex-direction:column;gap:12px}
.fcdl-ol li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:#3A3A3A}
.fcdl-ol li:before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:#272727;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:-1px}
.fcdl-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 28px;border-radius:10px 0 10px 0;font-size:16px;font-weight:700;transition:background .15s,color .15s}
.fcdl-btn-dark{background:#272727;color:#fff!important}
.fcdl-btn-dark:hover{background:#EC7E30;color:#1E1E1E!important}
.fcdl-win{background:#fff;border:1px solid #F0D3BD;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(39,39,39,.10)}
.fcdl-win-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#F6F6F6;border-bottom:1px solid #ECECEC}
.fcdl-win-bar i{width:9px;height:9px;border-radius:50%;background:#D5D5D5;display:block}
.fcdl-url{flex:1;margin-left:8px;background:#fff;border:1px solid #E4E4E4;border-radius:999px;padding:4px 10px;font-size:12px;color:#5C5C5C;display:flex;justify-content:space-between;align-items:center}
.fcdl-win-body{padding:36px;display:flex;flex-direction:column;align-items:center;gap:12px}
.fcdl-win-body img{width:96px;display:block}
.fcdl-win-body span{font-size:14px;font-weight:600;color:#272727}
/* STEPS */
.fcdl-steps{padding:48px 0 88px}
.fcdl-step{padding:28px;border-top:3px solid #272727;display:flex;flex-direction:column;gap:10px}
.fcdl-step:last-child{border-top-color:#EC7E30}
.fcdl-num{font-size:14px;font-weight:700;color:#B4561A;letter-spacing:2px}
.fcdl-step h3{font-size:20px;font-weight:600;color:#272727}
.fcdl-step p{font-size:16px;line-height:1.6;color:#5C5C5C}
.fcdl-step a{color:#B4561A;text-decoration:underline}
/* CTA */
.fcdl-cta{background:#1F1F1F;padding:56px 0}
.fcdl-cta .fcdl-wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.fcdl-cta h2{color:#fff;font-size:32px}
.fcdl-cta p{color:#CFCFCF;font-size:17px;margin-top:8px}
.fcdl-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.fcdl-btn-acc{background:#EC7E30;color:#1E1E1E!important}
.fcdl-btn-acc:hover{background:#fff}
.fcdl-btn-out{border:2px solid #fff;color:#fff!important}
.fcdl-btn-out:hover{background:#fff;color:#272727!important}
@media (max-width:1024px){
.fcdl-hero .fcdl-wrap,.fcdl-box{grid-template-columns:1fr}
.fcdl-hero-txt{padding:56px 0 8px}
.fcdl-qr{display:none}
.fcdl-phone{padding:24px 0 56px}
.fcdl-device{width:250px}
.fcdl-grid3{grid-template-columns:1fr}
.fcdl-box{padding:32px 24px}
}
@media (max-width:767px){
.fcdl-wrap{padding:0 16px}
.fcdl-hero h1{font-size:36px}
.fcdl h2,.fcdl-head h2{font-size:28px}
.fcdl-box h2{font-size:26px}
.fcdl-cta h2{font-size:26px}
.fcdl-feat{padding:64px 0 32px}
.fcdl-badge img{height:44px}
.fcdl-web{height:44px}
}