a:hover{text-decoration:none !important;}
.hero{padding:5px 20px 70px;}
.hero-label{display:inline-block;background:#eaf1ff;color:#365a9c;font-size:13px;font-weight:700;padding:7px 14px;border-radius:20px;margin-bottom:18px}
.hero h1{font-size:30px;line-height:1.2;margin:0 auto 18px;color:#18233a;max-width:800px}
.hero p{max-width:680px;margin:0 auto;color:#566075}
.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 22px;border-radius:7px;font-size:15px;font-weight:700;transition:.2s}
.btn-primary{background:#355ca8;color:#fff}
.btn-primary:hover{background:#294b90;color:#fff;text-decoration:none !important;}
.btn-secondary{background:#fff;border:1px solid #ccd3df;color:#344054}
.btn-secondary:hover{background:#f8f9fb;text-decoration:none !important;}
.hero-features{display:flex;justify-content:center;gap:15px 30px;flex-wrap:wrap;margin-top:28px;color:#666;font-size:13px}
.check{color:#218c62;font-weight:700}
.section-head{text-align:center;margin-bottom:40px}
.section-head h2{margin:0 0 10px;color:#18233a;font-size:32px}
.section-head p{margin:auto;max-width:820px;color:#555}
.maker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.maker-card{border:1px solid #e1e5ec;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.maker-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(35,50,80,.1)}
.preview{height:180px;background:#f4f6fa;display:flex;align-items:center;justify-content:center;color:#a0a7b3;font-size:14px;border-bottom:1px solid #e8ebf0}
.preview img{width:100%;height:100%;object-fit:cover}
.card-content{padding:22px}
.card-content h3{margin:0 0 8px;font-size:19px;color:#1d2939}
.card-content p{font-size:14px;color:#667085;min-height:65px;margin:0 0 15px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.tag{background:#f2f4f7;color:#596273;padding:4px 8px;border-radius:4px;font-size:11px}
.card-link{font-weight:700;color:#355ca8;font-size:14px}
.shapes-section{padding: 20px 0;margin: 20px 0;}
.shape-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:13px}
.shape{background:#fff;border:1px solid #e0e4ea;border-radius:9px;padding:12px;text-align:center;transition:.2s}
.shape-image{aspect-ratio:1;background:#f3f5f8;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:40px;color:#a2a9b5}
.shape-name{font-size:12px;font-weight:600}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:center}
.step-number{width:52px;height:52px;margin:auto auto 15px;background:#edf2fc;color:#355ca8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px}
.step h3{margin:0 0 7px;font-size:18px}
.step p{margin:0;color:#555;font-size:14px}
.feature{padding-top:20px}
.feature-box{background:#182a4d;border-radius:16px;color:#fff;padding:50px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}
.feature-box h2{font-size:32px;margin:0 0 12px;color:#fff;}
.feature-box p{color:#cbd4e4;margin-bottom:24px}
.feature-preview{background:#fff;min-height:270px;border-radius:10px;color:#9099aa;display:flex;align-items:center;justify-content:center}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.use-card{padding:25px;border:1px solid #e3e6ec;border-radius:10px}
.use-icon{font-size:26px;margin-bottom:12px}
.use-card h3{font-size:17px;margin:0 0 8px}
.use-card p{margin:0;color:#70798a;font-size:13px}
.content-section{padding: 20px 0;margin: 20px 0;}
.content{margin:auto}
.content h2{color:#1d2939}
.content h3{margin-top:22px;color:#344054;font-size:18px;}
.content p{color:#606a7b}
footer{background:#172238;color:#b9c2d0;padding:45px 0}
.footer{display:flex;justify-content:space-between;gap:30px}
.footer-logo{color:#fff;font-size:20px;font-weight:700}
.footer-links{display:flex;gap:22px;font-size:13px}
@media(max-width:900px){.maker-grid{grid-template-columns:repeat(2,1fr)}
.shape-grid{grid-template-columns:repeat(4,1fr)}
.use-grid{grid-template-columns:repeat(2,1fr)}
.feature-box{grid-template-columns:1fr}}
@media(max-width:600px){.nav-links{display:none}
.hero{padding:55px 15px}
.hero h1{font-size:26px}
section{padding:55px 0}
.maker-grid,.steps,.use-grid{grid-template-columns:1fr}
.shape-grid{grid-template-columns:repeat(2,1fr)}
.feature-box{padding:30px 22px}
.footer{flex-direction:column}
.footer-links{flex-wrap:wrap}}

.dark{background:#0a2229;color:#e9f4f6;padding: 35px 10px;border-radius:10px;margin:40px 0;}
.dark .head p{color:#a9c3ca}
.wrap{max-width:1160px;margin:auto;padding:0 20px}
.head{max-width:60ch;margin-bottom:28px}
.head h2{font-size:26px;font-weight:700;color:#e9f4f6}
.head p{color:#93a9af;margin:10px 0 0}
.who{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.who h3{font-size:21px;margin-bottom:8px;color:#e9f4f6}
.who p{margin:0;color:#a9c3ca}
.who div{border-top:3px solid #f2874a;padding-top:16px}
.who div:nth-child(2){border-color:#2cc4d8}
.who div:nth-child(3){border-color:#4a6cf2}
.who div:nth-child(4){border-color:#e9f4f6}