*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#071a33;background:#fff}.container{width:min(1180px,calc(100% - 36px));margin:auto}.skip{position:fixed;left:12px;top:-50px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,26,51,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;flex-direction:column;text-decoration:none;color:white;line-height:.9}.brand-main{font-size:23px;font-weight:950;letter-spacing:-1.1px}.brand-main span{color:#efbd4d}.brand small{font-size:8px;letter-spacing:3px;margin-top:6px;color:#b9c7d7}.nav nav{margin-left:auto;display:flex;gap:24px;align-items:center}.nav nav a{color:#d7e1ec;text-decoration:none;font-size:13px;font-weight:750}.nav nav a:hover{color:#fff}.nav-cta{background:#efbd4d!important;color:#071a33!important;padding:10px 15px;border-radius:10px}.menu-btn{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:25px}.hero{min-height:670px;background:#071a33;color:white;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:2}.hero-orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.32}.orb-a{width:520px;height:520px;background:radial-gradient(circle,#1677bd,transparent 65%);right:-170px;top:-140px}.orb-b{width:420px;height:420px;background:radial-gradient(circle,#b17a1a,transparent 68%);left:-160px;bottom:-210px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#efbd4d;margin:0 0 13px}.eyebrow.dark{color:#a36c10}.hero h1{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-3.5px;margin:0 0 24px}.hero h1 span{color:#6bb8f1}.lead{color:#c4d2e2;line-height:1.75;font-size:16px;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;font-weight:900;text-decoration:none;border:1px solid transparent;cursor:pointer;font:inherit;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.primary{background:#efbd4d;color:#071a33}.secondary{background:transparent;border-color:#49627c;color:inherit}.hero .secondary{color:#fff}.full{width:100%}.trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#9fb0c2;font-size:11px;font-weight:800}.trust-row i{width:3px;height:3px;border-radius:50%;background:#efbd4d}.browser{background:#e8eef4;padding:9px;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.browser-top{height:34px;background:#d4dde6;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:6px;padding:0 12px;color:#647588;font-size:10px}.browser-top b{width:8px;height:8px;border-radius:50%;background:#9bacbc}.browser-top span{margin:auto}.browser-body{background:white;min-height:370px;border-radius:0 0 12px 12px;padding:18px;color:#071a33}.mock-nav{height:15px;width:55%;background:#dfe7ef;border-radius:20px;margin-bottom:40px}.mock-hero{background:linear-gradient(135deg,#071a33,#16577f);min-height:180px;border-radius:15px;padding:25px;color:white}.mock-hero small{color:#efbd4d;font-weight:900}.mock-hero strong{display:block;font-size:27px;line-height:1.05;margin:14px 0}.mock-hero button{background:#efbd4d;border:0;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mock-cards i{height:80px;background:#eef3f7;border-radius:11px}.hero-visual{position:relative}.float-card{position:absolute;background:#fff;color:#123c67;padding:10px 13px;border-radius:11px;font-size:10px;font-weight:850;box-shadow:0 10px 28px rgba(0,0,0,.2)}.f1{left:-20px;bottom:46px}.f2{right:-15px;top:65px}.intro-strip{background:#f2f6f9;border-bottom:1px solid #e1e8ee}.intro-grid{display:grid;grid-template-columns:repeat(4,1fr)}.intro-grid div{padding:22px;border-right:1px solid #dde6ed}.intro-grid div:last-child{border-right:0}.intro-grid strong{display:block;font-size:13px;margin-bottom:4px}.intro-grid span{font-size:11px;color:#6e7f91}.section{padding:90px 0}.catalog-section{background:#fff}.section-head{max-width:760px}.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-size:clamp(32px,4vw,49px);letter-spacing:-2px;margin:6px 0 12px}.section-head p{color:#66778a;line-height:1.6}.catalog-tools{margin:35px 0 28px}.search-box{max-width:560px;margin:0 auto 18px;display:flex;align-items:center;background:#f5f8fa;border:1px solid #dce5ed;border-radius:14px;padding:0 15px}.search-box span{font-size:24px;color:#72869a}.search-box input{width:100%;border:0;background:transparent;padding:14px 10px;outline:none;font:inherit;color:#071a33}.filters{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.filter{border:1px solid #dbe4ec;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:850;color:#5c6e81;cursor:pointer}.filter.active,.filter:hover{background:#071a33;color:#fff;border-color:#071a33}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{border:1px solid #dfe7ee;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(7,26,51,.07);display:flex;flex-direction:column;transition:.25s ease}.template-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(7,26,51,.12)}.template-preview{min-height:220px;background:#071a33;position:relative;padding:20px;overflow:hidden}.template-preview:after{content:"";position:absolute;width:220px;height:220px;border:2px solid var(--accent);border-radius:50%;right:-70px;top:-70px;opacity:.55}.template-number{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1px}.mini-browser{background:#fff;border-radius:12px;padding:8px;margin-top:16px;box-shadow:0 10px 28px rgba(0,0,0,.22);position:relative;z-index:2}.mini-top{height:14px;border-radius:6px;background:#e5ebf0;margin-bottom:8px}.mini-hero{height:78px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#0d3458);padding:11px;color:white}.mini-hero b{font-size:12px}.mini-hero i{display:block;width:60%;height:5px;background:rgba(255,255,255,.65);border-radius:3px;margin-top:8px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.mini-grid span{height:34px;border-radius:6px;background:#eef3f6}.template-icon{position:absolute;right:18px;bottom:15px;color:var(--accent);font-weight:950;font-size:23px;letter-spacing:-1px;z-index:3}.template-body{padding:20px;display:flex;flex-direction:column;flex:1}.template-body small{font-size:9px;color:#9a6c20;font-weight:900;text-transform:uppercase}.template-body h3{font-size:21px;margin:6px 0 7px}.template-body>p{color:#65778a;font-size:12px;line-height:1.5;margin:0 0 14px}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.tag-row span{font-size:9px;background:#f2f6f9;padding:5px 7px;border-radius:7px;color:#5c7084}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.card-btn{min-height:39px;border-radius:10px;border:1px solid #d7e1ea;background:white;color:#123c67;font-weight:850;font-size:11px;cursor:pointer}.card-btn.primary-card{background:#071a33;color:white;border-color:#071a33}.no-results{text-align:center;color:#708195;padding:50px}.plans-section{background:#071a33;color:white}.plans-section .section-head p{color:#b8c7d8}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.plan-card{background:#0c2848;border:1px solid #294663;border-radius:18px;padding:24px}.plan-card.featured{border-color:#efbd4d;box-shadow:0 0 0 1px #efbd4d inset}.plan-card small{color:#9cb0c5;font-weight:800}.plan-card h3{font-size:27px;margin:7px 0}.plan-card strong{font-size:30px;color:#efbd4d}.plan-card p{font-size:12px;color:#b9c9d8}.plan-card ul{list-style:none;padding:0;margin:18px 0 0}.plan-card li{font-size:11px;color:#d2deea;padding:6px 0}.plan-card li:before{content:"✓";color:#efbd4d;margin-right:8px}.plan-note{text-align:center;color:#9eb1c5;font-size:11px;margin-top:20px}.process-section{background:#f6f8fa}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:35px}.process article{background:#fff;border:1px solid #dfe7ed;border-radius:16px;padding:20px}.process span{font-size:27px;font-weight:950;color:#d8e2ea}.process h3{margin:10px 0 6px}.process p{font-size:11px;line-height:1.6;color:#697b8d}.faq-section{background:white}.faq-wrap{max-width:900px}.faq{display:grid;gap:9px;margin-top:30px}.faq details{border:1px solid #dfe6ed;border-radius:14px;padding:0 18px;background:#fff}.faq summary{cursor:pointer;font-weight:850;padding:16px 35px 16px 0;position:relative}.faq summary:after{content:"+";position:absolute;right:0}.faq details[open] summary:after{content:"−"}.faq p{font-size:12px;color:#68798b;line-height:1.65;margin:0 0 17px}.contact-section{background:linear-gradient(145deg,#08203c,#0c365d);color:white}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.contact-grid h2{font-size:48px;letter-spacing:-2px;margin:7px 0}.contact-grid>div>p{color:#b8c8d8;line-height:1.7}.big-contact{display:inline-flex;flex-direction:column;text-decoration:none;color:white;background:rgba(255,255,255,.07);padding:15px 19px;border:1px solid rgba(255,255,255,.14);border-radius:13px}.big-contact small{font-size:10px;color:#aebed0}.big-contact strong{font-size:23px;margin-top:4px}.contact-card{background:#fff;color:#071a33;border-radius:20px;padding:24px}.contact-card h3{margin-top:0}.contact-card label,.modal-plan-label{display:block;font-size:11px;font-weight:850;margin:12px 0}.contact-card input,.contact-card textarea,.contact-card select,.modal-plan-label select{display:block;width:100%;margin-top:6px;border:1px solid #d8e2ea;border-radius:10px;padding:11px;font:inherit;outline:none}.contact-card textarea{resize:vertical}footer{background:#051426;color:#aebdcd;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid strong{color:white}.footer-grid a{color:#aebdcd;text-decoration:none;font-size:12px}.footer-grid p{font-size:12px;max-width:300px}.copyright{border-top:1px solid #203349;margin-top:30px;padding-top:18px;font-size:10px}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:40;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#1fc866;color:white;text-decoration:none;font-weight:950;box-shadow:0 10px 25px rgba(0,0,0,.22)}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,12,24,.76);backdrop-filter:blur(7px)}.modal-shell{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1040px,calc(100% - 30px));max-height:92vh;overflow:auto;background:white;border-radius:22px;display:grid;grid-template-columns:.95fr 1.05fr;box-shadow:0 35px 100px rgba(0,0,0,.4)}.modal-close{position:absolute;right:13px;top:13px;z-index:5;width:38px;height:38px;border-radius:50%;border:0;background:#071a33;color:white;font-size:24px;cursor:pointer}.modal-preview{min-height:560px;background:#071a33;display:flex;align-items:center;justify-content:center;padding:38px}.preview-browser{width:100%;background:#edf2f6;border-radius:16px;padding:9px;box-shadow:0 25px 60px rgba(0,0,0,.3)}.preview-window{background:white;border-radius:10px;overflow:hidden}.preview-nav{height:40px;background:#fff;border-bottom:1px solid #e4eaf0}.preview-hero{min-height:240px;padding:38px;background:linear-gradient(135deg,var(--accent),#0b3158);color:white;display:flex;flex-direction:column;justify-content:center}.preview-hero small{font-weight:900}.preview-hero strong{font-size:35px;line-height:1.03;margin:10px 0}.preview-hero span{width:120px;background:white;color:#071a33;padding:9px;text-align:center;border-radius:8px;font-size:9px;font-weight:900}.preview-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.preview-blocks i{height:85px;background:#edf3f7;border-radius:10px}.modal-info{padding:42px 38px}.modal-info h2{font-size:35px;letter-spacing:-1.4px;margin:6px 0}.modal-info>p{color:#697a8c;line-height:1.55}.modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal-columns h4{margin-bottom:7px}.modal-columns ul{padding-left:18px;margin-top:0}.modal-columns li{font-size:11px;color:#627487;margin:5px 0}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-actions .secondary{color:#123c67}.modal-demo-note{font-size:9px!important;color:#8a98a7!important;margin-top:10px}.reveal{opacity:0;transform:translateY(18px);filter:blur(5px);transition:opacity .6s ease,transform .6s ease,filter .6s ease}.reveal.in{opacity:1;transform:none;filter:none}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:650px}.template-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.modal-shell{grid-template-columns:1fr}.modal-preview{min-height:370px}.footer-grid{grid-template-columns:1fr 1fr}.nav nav{display:none}.nav nav.open{display:flex;position:absolute;left:18px;right:18px;top:70px;background:#09203a;border:1px solid #27435f;border-radius:14px;padding:15px;flex-direction:column;align-items:stretch}.menu-btn{display:block}}@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.hero{padding:70px 0}.hero h1{font-size:46px}.template-grid{grid-template-columns:1fr}.intro-grid{grid-template-columns:1fr}.intro-grid div{border-right:0;border-bottom:1px solid #dde6ed}.filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter{white-space:nowrap}.process{grid-template-columns:1fr}.contact-grid h2{font-size:38px}.footer-grid{grid-template-columns:1fr}.modal-shell{width:calc(100% - 18px)}.modal-info{padding:28px 18px}.modal-preview{padding:20px;min-height:300px}.modal-columns{grid-template-columns:1fr}.modal-actions{flex-direction:column}.browser{transform:none}.float-card{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none;transition:none}.btn,.template-card{transition:none}}
/* v2 integrated catalog — no template-specific Customize CTA */
.card-actions.single-action{grid-template-columns:1fr}
.catalog-contact{
display:flex;
align-items:center;
justify-content:space-between;
gap:38px;
}
.catalog-contact>div:first-child{max-width:700px}
.catalog-contact h2{font-size:48px;letter-spacing:-2px;margin:7px 0}
.catalog-contact p{color:#b8c8d8;line-height:1.7}
.catalog-contact-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.catalog-contact .secondary{color:#fff}
@media(max-width:760px){
.catalog-contact{align-items:flex-start;flex-direction:column}
.catalog-contact-actions{width:100%;flex-direction:column}
.catalog-contact-actions .btn{width:100%}
.catalog-contact h2{font-size:38px}
}
/* V19 — Full Demo visibility fix
Utility/button display rules must never override the native hidden state. */
[hidden]{
display:none!important;
}
#modal-demo.is-unavailable{
display:none!important;
}
/* V22 — Real demo screenshot catalog */
.template-preview.real-preview{
min-height:220px;
padding:0;
background:#071a33;
isolation:isolate;
}
.template-preview.real-preview:after{display:none}
.real-preview>img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:top center;
display:block;
transition:transform .45s ease,filter .35s ease;
}
.template-card:hover .real-preview>img{transform:scale(1.025);filter:saturate(1.04)}
.preview-shade{
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(180deg,rgba(4,17,33,.48) 0%,rgba(4,17,33,.03) 44%,rgba(4,17,33,.68) 100%);
pointer-events:none;
}
.real-preview .template-number{
position:absolute;
z-index:2;
top:14px;
left:14px;
padding:6px 8px;
border-radius:8px;
color:#fff;
background:rgba(7,26,51,.78);
border:1px solid rgba(255,255,255,.18);
backdrop-filter:blur(8px);
}
.actual-demo-badge{
position:absolute;
z-index:2;
right:14px;
bottom:14px;
padding:6px 8px;
border-radius:8px;
font-size:9px;
letter-spacing:1px;
font-weight:950;
color:#071a33;
background:#efbd4d;
box-shadow:0 7px 20px rgba(0,0,0,.18);
}
.modal-preview{
overflow:hidden;
}
.actual-preview-frame{
width:100%;
border-radius:16px;
overflow:hidden;
background:#eaf0f5;
padding:9px;
box-shadow:0 26px 62px rgba(0,0,0,.3);
}
.actual-preview-top{
height:31px;
border-radius:9px 9px 0 0;
background:#d7e0e7;
display:flex;
align-items:center;
gap:6px;
padding:0 10px;
color:#607286;
font-size:9px;
font-weight:800;
}
.actual-preview-top i{
width:7px;
height:7px;
border-radius:50%;
background:#9aabb9;
}
.actual-preview-top span{margin-left:auto;margin-right:auto}
.actual-preview-frame>img{
display:block;
width:100%;
aspect-ratio:16/10;
object-fit:cover;
object-position:top center;
border-radius:0 0 9px 9px;
background:#071a33;
}
@media(max-width:640px){
.template-preview.real-preview{min-height:210px}
.actual-demo-badge{right:10px;bottom:10px}
.real-preview .template-number{top:10px;left:10px}
}
/* V24 — 24 live demo catalog */
.template-preview.live-preview{
position:relative;padding:0;overflow:hidden;background:#eef3f7;
aspect-ratio:16/10;min-height:0;isolation:isolate;
}
.template-preview.live-preview:after{display:none}
.demo-mini-frame,.modal-live-preview iframe{
position:absolute;left:0;top:0;width:1440px;height:900px;border:0;
transform-origin:top left;background:#fff;pointer-events:none;
}
.live-preview .preview-shade{
position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(180deg,rgba(4,17,33,.42),rgba(4,17,33,0) 42%,rgba(4,17,33,.6));
}
.live-preview .template-number{position:absolute;z-index:3;top:14px;left:14px;padding:6px 8px;border-radius:8px;color:#fff;background:rgba(7,26,51,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.actual-demo-badge{z-index:3}
.modal-live-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 26px 62px rgba(0,0,0,.3)}
.modal-live-label{position:absolute;right:10px;bottom:10px;z-index:3;background:#efbd4d;color:#071a33;padding:7px 9px;border-radius:8px;font-size:9px;font-weight:950;letter-spacing:.8px}
.modal-preview{min-height:auto;padding:28px}
@media(max-width:640px){.modal-preview{padding:14px}.live-preview .template-number{top:10px;left:10px}}
/* V37 offer pricing */
.ready-regular-price{display:block;color:#8395a8;font-size:13px;font-weight:800;margin:8px 0 2px;text-decoration-thickness:2px}
.ready-offer-chip{display:inline-block;margin:8px 0 2px;padding:5px 8px;border-radius:999px;background:#efbd4d;color:#071a33;font-size:9px;font-weight:950;letter-spacing:.4px}
.plan-note del{color:#7f91a5}.plan-note b,.plan-note strong{color:#efbd4d}