:root{--lime:#cefa1d;--ink:#101010;--muted:#656565}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--ink)}a,button,input,select,summary{touch-action:manipulation}button,input,select{font:inherit}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7e9b00;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--lime);padding:12px}.skip-link:focus{top:10px}.brand{display:inline-flex;align-items:center;gap:9px;color:white;font-size:29px;font-weight:800;letter-spacing:-1px}.brand:hover{color:var(--lime)}.brand-dot{color:var(--lime);margin-left:-10px}.top-bar{min-height:68px}header .top-bar ul li{padding-right:28px}header .login .btn{padding:18px 25px}header .login{display:block}.menu-toggle{display:none;background:none;color:white;border:1px solid #555;border-radius:8px;font-size:24px;padding:3px 12px}.hero-section.two{padding-top:145px;padding-bottom:120px}.hero-section.two .hero-text{padding-top:0;width:100%}.hero-section.two .hero-text h1{font-size:clamp(46px,4.7vw,76px);line-height:1.12;letter-spacing:-3px}.hero-section.two .hero-text>span{font-size:11px;font-weight:600;letter-spacing:2px;color:#b8b8b8}.hero-section.two .hero-text p{max-width:460px;font-size:17px;line-height:1.8;margin:26px 0 30px}.hero-section.two .hero-text .btnvideo{gap:24px}.hero-note{font-size:12px;color:#c1c1c1;line-height:1.6}.portfolio-hero{position:relative;padding:42px 0 42px 28px;isolation:isolate}.hero-section.two .portfolio-hero>img{width:100%;height:460px;object-fit:cover;object-position:center;border-radius:22px;transform:rotate(-5deg);border:5px solid #252525;box-shadow:0 30px 60px #0006}.preview-label{position:relative;z-index:2;font-size:10px;letter-spacing:2px;color:#ddd;margin:0 0 20px 20px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}.floating-label{position:absolute;left:0;bottom:12px;z-index:3;display:flex;align-items:center;gap:14px;padding:20px 24px;background:var(--lime);border-radius:14px;box-shadow:0 8px 25px #0002;font-size:15px;font-weight:700;transform:rotate(-3deg)}.floating-label>span{font-size:35px}.floating-label small{display:block;font-size:11px;font-weight:400;margin-top:3px}.vertical-label{position:absolute;right:-17px;top:210px;writing-mode:vertical-rl;color:#a6a6a6;font-size:9px;letter-spacing:3px}.audience-strip{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:35px;border-bottom:1px solid #e7e7e7;gap:25px}.audience-strip>span{font-size:10px;letter-spacing:1.4px;color:#777}.audience-strip p{font-size:16px;color:#222;margin:0}.audience-strip b{color:#8ea800;padding:0 22px}.gap{padding-top:100px;padding-bottom:100px}.heading{margin-bottom:45px}.heading>span{font-size:12px;letter-spacing:1.5px}.heading h2{font-size:clamp(32px,3.2vw,49px);line-height:1.2;letter-spacing:-1.8px}.heading>p{font-size:15px;margin-top:20px;color:var(--muted)}.heading>img{width:60px;height:auto;margin-bottom:14px}.filter-bar{display:flex;gap:10px;align-items:center;background:#f5f5f3;border-radius:16px;padding:16px}.filter-bar input[type=search],.filter-bar select{height:48px;width:100%;padding:0 15px;border:1px solid #e2e2e2;border-radius:8px;background:white;font-size:13px}.search-field{flex:1;position:relative}.search-field>span:last-child{position:absolute;right:16px;top:8px;font-size:24px}.search-field input{padding-right:40px!important}.filter-bar>label{margin:0}.popular-filter{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;padding:0 8px}.popular-filter input{accent-color:#6b8500}.filter-bar .btn{padding:16px 26px!important}.catalog-meta{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.catalog-meta p,.text-button{font-size:13px;color:var(--muted)}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.template-card{border:1px solid #e7e7e7;border-radius:15px;overflow:hidden;background:#fff;transition:transform .2s}.template-card:hover{transform:translateY(-5px)}.card-image{height:230px;background:#eeeeeb;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:top}.card-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;color:#5a5a5a;background:linear-gradient(130deg,#e5e8de,#f7f7f2);gap:12px;font-size:12px}.card-placeholder span{font-size:40px}.popular-badge{position:absolute;top:14px;left:14px;background:var(--lime);border-radius:40px;padding:6px 12px;font-size:11px;font-weight:700}.card-body{padding:22px}.card-category{font-size:10px;letter-spacing:1.1px;color:#777;text-transform:uppercase}.card-body h3{font-size:22px;margin:9px 0}.card-description{font-size:13px;line-height:1.7;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.card-tags span{font-size:10px;background:#f5f5f3;padding:3px 8px;border-radius:4px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.card-actions .btn{padding:14px 19px!important;font-size:12px}.card-actions a{font-size:12px;font-weight:600}.catalog-state{text-align:center;padding:55px 25px;border:1px dashed #ccc;border-radius:14px;background:#fafaf8}.catalog-state h3{font-size:22px;margin-bottom:10px}.catalog-state p{max-width:530px;margin:0 auto 18px;font-size:14px;line-height:1.7}.catalog-state .btn{font-size:13px;padding:15px 25px!important}#pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:35px;font-size:13px}#pagination button{padding:10px 20px;border:1px solid #ddd;border-radius:30px;background:white}#pagination button:disabled{cursor:default}.about-section{background:#f6f6f3}.about-visual{position:relative;padding:0 30px 35px 0}.about-visual img{height:510px;width:100%;object-fit:cover;border-radius:18px}.visual-caption{position:absolute;bottom:0;right:0;background:var(--lime);padding:22px;font-size:12px;line-height:1.7;transform:rotate(-4deg)}.visual-caption strong{font-size:16px}.about-section .heading{margin-bottom:30px}.ultra{gap:20px}.ultra h3{font-size:20px}.ultra p{font-size:14px;line-height:1.8}.feature-icon{font-size:26px;width:52px;height:52px;flex-shrink:0;background:#e6e6df;border-radius:50%;display:flex;align-items:center;justify-content:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #ccc;padding-top:24px}.steps article>span{font-size:11px;letter-spacing:1.5px;color:#697d08}.steps h3{font-size:24px;margin:20px 0 14px}.steps p{font-size:15px;line-height:1.8}.process-section{padding-bottom:35px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.faq-layout .heading{margin:0}.text-link{display:inline-block;margin-top:25px;font-size:14px;text-decoration:underline;text-underline-offset:6px}.faq-items details{border-bottom:1px solid #ddd;padding:21px 0}.faq-items details:first-child{border-top:1px solid #ddd}.faq-items summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faq-items summary::after{content:'+';position:absolute;right:0;font-size:23px;font-weight:400}.faq-items details[open] summary::after{content:'−'}.faq-items details p{font-size:14px;line-height:1.8;padding-top:15px;color:#666}.contact-banner{background:var(--lime);text-align:center;padding:75px 20px}.contact-banner .container>span{font-size:11px;letter-spacing:2px}.contact-banner h2{font-size:clamp(36px,4.5vw,62px);line-height:1.15;margin:20px 0 30px;letter-spacing:-2px}.contact-banner em{font-style:normal}.two .contact-banner .btn{background:#111;color:white}.site-footer{background:#111;padding:55px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:25px;padding-bottom:40px}.footer-top p{font-size:13px;color:#999;margin-top:16px}.footer-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-links a{color:#ccc;font-size:13px}.footer-bottom{border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;color:#888;font-size:11px}.footer-bottom a{color:#bbb}dialog{border:0;border-radius:22px;padding:40px;width:min(520px,calc(100% - 32px));max-height:90vh;overflow:auto;margin:auto;color:#111;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.close-dialog{position:absolute;top:10px;right:16px;border:0;background:none;font-size:30px;color:#555}.eyebrow{font-size:10px;letter-spacing:2px}dialog h2{font-size:32px;line-height:1.2;margin:17px 0}dialog p{font-size:14px;line-height:1.7}#selected-template{background:#f3f5eb;padding:12px;border-radius:8px;margin-bottom:20px}#order-form label{display:block;font-size:13px;font-weight:600;margin:16px 0}#order-form input{display:block;width:100%;height:48px;border:1px solid #ddd;border-radius:8px;padding:12px;margin-top:8px}#order-form .form-note{font-size:11px;color:#777;margin:20px 0}#order-form .btn{width:100%;margin-top:14px}.form-error{background:#fff0ed;border-radius:8px;padding:12px;font-size:13px;color:#9c2715}.success-mark{display:flex;width:60px;height:60px;align-items:center;justify-content:center;border-radius:50%;background:var(--lime);font-size:30px}#order-success .btn{margin-top:24px;padding:18px 25px}#finish-order{display:block;margin:22px auto 0}.noscript{padding:25px;background:#fff0ce;color:#333}
@media(min-width:1400px){.container{max-width:1240px}}
@media(max-width:1199px){header .top-bar nav ul{display:flex}header .top-bar ul li{padding-right:20px}.hero-section.two .hero-text h1{font-size:58px}.hero-section.two{padding-top:140px}.hero-section.two .portfolio-hero>img{height:420px}.hero-note{display:none}.audience-strip b{padding:0 12px}.filter-bar{flex-wrap:wrap}.search-field{min-width:230px}}
@media(max-width:991px){header .top-bar nav ul{display:none}header .top-bar nav.is-open ul{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:90px;left:20px;right:20px;background:#191919;border:1px solid #444;border-radius:12px;padding:15px}header .top-bar nav.is-open a{display:block;padding:12px}header .login{margin-left:auto;margin-right:15px}.menu-toggle{display:block}.hero-section.two{padding-top:140px;padding-bottom:90px}.hero-section.two .hero-text{max-width:620px}.hero-section.two .hero-text h1{font-size:60px}.hero-section.two .hero-text p{max-width:550px}.portfolio-hero{max-width:600px;margin:35px auto 0;padding-left:20px}.hero-section.two .portfolio-hero>img{height:410px}.audience-strip{flex-direction:column;gap:12px;text-align:center}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gap{padding-top:70px;padding-bottom:70px}.faq-layout{grid-template-columns:1fr;gap:35px}.steps{gap:25px}.footer-top{flex-direction:column}.about-visual{max-width:600px;margin:auto}.vertical-label{right:0}}
@media(max-width:575px){.container{padding-left:22px;padding-right:22px}header .login{display:none}.brand{font-size:25px}.hero-section.two{padding-top:120px;padding-bottom:75px}.hero-section.two .hero-text h1{font-size:49px;letter-spacing:-2px}.hero-section.two .hero-text>span{font-size:9px;letter-spacing:1px}.hero-section.two .hero-text p{font-size:15px}.hero-section.two .hero-text h1 span:before{bottom:5px}.hero-section.two .portfolio-hero>img{height:320px}.portfolio-hero{padding-left:10px}.floating-label{padding:13px 18px;font-size:13px}.vertical-label{display:none}.preview-label{font-size:8px;margin-left:0}.audience-strip p{font-size:13px;line-height:2}.audience-strip b{padding:0 5px}.heading h2{letter-spacing:-1px}.heading>span{font-size:10px}.template-grid{grid-template-columns:1fr}.filter-bar{padding:12px;gap:10px}.filter-bar>label{flex:1;min-width:120px}.filter-bar .search-field{flex-basis:100%}.filter-bar .popular-filter{min-width:100px}.filter-bar .btn{flex:1}.card-image{height:245px}.gap{padding-top:55px;padding-bottom:55px}.about-visual img{height:360px}.visual-caption strong{font-size:12px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:14px}.faq-items summary{font-size:14px}.footer-links{gap:18px}.footer-bottom{gap:12px;flex-wrap:wrap}dialog{padding:30px 22px}dialog h2{font-size:27px}.contact-banner{padding:60px 0}.contact-banner .container>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

header#stickyHeader{z-index:50} .menu-toggle{position:relative;z-index:51}