*{box-sizing:border-box}.market-hero{padding:72px max(5vw,24px) 34px;max-width:1500px;margin:auto}.market-hero h1{font-size:clamp(42px,6vw,78px);line-height:1;margin:12px 0}.market-hero .lead{max-width:900px}.market-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.market-stat{padding:18px;border:1px solid #ffffff12;background:#0d141b;border-radius:16px}.market-stat b{display:block;font-size:30px;color:#4de6ad}.market-stat span{color:#8e9aa3}.market-shell{max-width:1500px;margin:auto;padding:24px max(5vw,24px) 80px}.market-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.market-nav a{padding:10px 14px;border:1px solid #ffffff16;border-radius:999px;background:#0d141b;color:#cbd5dc}.market-nav a.active{background:#4de6ad;color:#04100c;border-color:#4de6ad;font-weight:800}.market-section{margin:46px 0}.market-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.market-head h2{font-size:clamp(30px,4vw,48px);margin:0}.market-head p{color:#8f9ca5;max-width:680px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.market-card{display:flex;flex-direction:column;min-height:330px;padding:18px;background:#0d141b;border:1px solid #ffffff12;border-radius:18px;overflow:hidden;position:relative}.market-card:hover{border-color:#4de6ad55;transform:translateY(-2px)}.market-card h3{font-size:20px;margin:12px 0 8px}.market-card p{color:#91a0aa}.market-card .meta{font-size:12px;color:#76848d}.market-card .actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.market-card .actions a{padding:9px 11px;border-radius:9px;border:1px solid #ffffff18;font-weight:750}.market-card .actions a:first-child{background:#4de6ad;color:#04100c;border-color:#4de6ad}.visual-card{height:142px;border-radius:13px;background:radial-gradient(circle at 80% 20%,#4de6ad33,transparent 36%),linear-gradient(145deg,#17242c,#0a1117);padding:15px;display:flex;flex-direction:column;justify-content:space-between}.visual-card .mini-nav{display:flex;gap:5px}.visual-card i{display:block;height:7px;border-radius:8px;background:#ffffff24}.visual-card i:nth-child(1){width:34%}.visual-card i:nth-child(2){width:20%}.visual-card i:nth-child(3){width:26%}.visual-card strong{font-size:28px}.visual-card small{color:#91a0aa}.filters{display:grid;grid-template-columns:2fr repeat(5,minmax(130px,1fr));gap:10px;margin:20px 0}.filters input,.filters select{width:100%;padding:12px 13px;border:1px solid #ffffff16;border-radius:10px;background:#0d141b;color:#eaf0f4}.filter-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 18px;color:#82909a}.load-more{display:block;margin:28px auto 0;padding:12px 18px;border:1px solid #4de6ad66;background:#4de6ad12;color:#4de6ad;border-radius:10px;font-weight:800;cursor:pointer}.preview-shell{max-width:1540px;margin:auto;padding:24px max(3vw,18px) 70px}.preview-toolbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#081018ee;backdrop-filter:blur(14px);border:1px solid #ffffff12;border-radius:14px;margin-bottom:14px}.preview-toolbar .spacer{flex:1}.preview-toolbar button,.preview-toolbar a{padding:9px 12px;border:1px solid #ffffff18;border-radius:9px;background:#101820;color:#dfe8ed;cursor:pointer}.preview-toolbar .primary-action{background:#4de6ad;color:#04100c;border-color:#4de6ad;font-weight:850}.preview-stage{margin:auto;transition:max-width .25s}.preview-stage.mobile{max-width:430px}.site-demo{min-height:760px;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;background:var(--demo-bg,#f7f8fa);color:var(--demo-text,#101418);box-shadow:0 30px 100px #0006}.site-demo *{box-sizing:border-box}.demo-site-nav{display:flex;align-items:center;gap:22px;padding:18px clamp(18px,4vw,52px);background:color-mix(in srgb,var(--demo-bg) 90%,transparent);border-bottom:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent)}.demo-site-nav strong{font-size:19px}.demo-site-nav .links{display:flex;gap:18px;margin-left:auto;font-size:13px}.demo-site-nav .nav-cta{padding:9px 13px;background:var(--demo-accent);color:var(--demo-accent-text,#fff);border-radius:999px;font-weight:800}.demo-hero{padding:clamp(50px,8vw,110px) clamp(22px,6vw,88px);display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.demo-hero.center{display:block;text-align:center;max-width:1100px;margin:auto}.demo-hero h1{font-size:clamp(42px,6vw,82px);line-height:.98;margin:12px 0}.demo-hero p{font-size:17px;opacity:.72;max-width:650px}.demo-hero.center p{margin-left:auto;margin-right:auto}.demo-site-btn{display:inline-flex;padding:12px 18px;background:var(--demo-accent);color:var(--demo-accent-text,#fff);border-radius:10px;font-weight:850;margin:12px 8px 0 0}.demo-visual{min-height:330px;border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 28%,#fff),color-mix(in srgb,var(--demo-accent) 9%,#111));display:grid;place-items:center;padding:24px}.demo-visual .window{width:82%;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--demo-bg) 92%,transparent);box-shadow:0 18px 60px #0002}.demo-visual .window i{display:block;height:10px;border-radius:99px;background:color-mix(in srgb,var(--demo-text) 13%,transparent);margin:10px 0}.demo-visual .window i:nth-child(2){width:65%}.demo-visual .window i:nth-child(3){width:82%}.demo-band{padding:26px clamp(22px,6vw,88px);background:var(--demo-accent);color:var(--demo-accent-text,#fff);display:flex;gap:25px;justify-content:space-around;text-align:center}.demo-band b{display:block;font-size:26px}.demo-section{padding:70px clamp(22px,6vw,88px)}.demo-section h2{font-size:clamp(30px,4vw,50px);margin:0 0 24px}.demo-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-service{padding:22px;border:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);border-radius:18px;background:color-mix(in srgb,var(--demo-bg) 94%,var(--demo-accent) 6%)}.demo-service b{font-size:18px}.demo-service p{opacity:.67}.demo-proof{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-quote{padding:28px;border-radius:18px;background:color-mix(in srgb,var(--demo-accent) 9%,var(--demo-bg));font-size:20px}.demo-form{display:grid;gap:10px;padding:24px;border-radius:18px;border:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent)}.demo-form input,.demo-form select{padding:12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--demo-text) 15%,transparent);background:var(--demo-bg);color:var(--demo-text)}.demo-footer-site{padding:34px clamp(22px,6vw,88px);border-top:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);opacity:.75}.site-demo[data-variant="3"],.site-demo[data-variant="10"],.site-demo[data-variant="20"]{--demo-bg:#090c11;--demo-text:#f4f6f8}.site-demo[data-variant="3"] .demo-hero,.site-demo[data-variant="13"] .demo-hero{grid-template-columns:.8fr 1.2fr}.site-demo[data-variant="6"] .demo-hero h1{font-size:clamp(52px,8vw,100px);text-transform:uppercase}.site-demo[data-variant="11"]{--demo-bg:#fffdf8}.site-demo[data-variant="12"] .demo-hero h1{font-family:Georgia,serif}.site-demo[data-variant="16"] .demo-services{grid-template-columns:repeat(2,1fr)}.site-demo[data-variant="18"] .demo-form{box-shadow:0 18px 55px color-mix(in srgb,var(--demo-accent) 18%,transparent)}.site-demo[data-variant="19"] .demo-site-btn{border-radius:999px}.sample-app{background:#0a1118;border:1px solid #ffffff12;border-radius:18px;overflow:hidden}.sample-app-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #ffffff12}.sample-app-head strong{font-size:18px}.sample-app-head span{margin-left:auto;color:#7f8f99}.sample-body{padding:20px}.sample-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sample-tools input,.sample-tools select,.sample-tools button{padding:10px 12px;border-radius:9px;border:1px solid #ffffff16;background:#101a23;color:#eaf0f4}.sample-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-item{padding:16px;border:1px solid #ffffff12;background:#0d1720;border-radius:14px}.sample-item b{display:block}.sample-item small{color:#82919b}.api-console{font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;padding:18px;background:#030609;color:#9ee7ca;min-height:260px;border-radius:14px;white-space:pre-wrap;overflow:auto}.demo-form-inline{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.demo-form-inline input{flex:1;min-width:180px;padding:11px;border-radius:9px;border:1px solid #ffffff16;background:#101a23;color:#fff}.demo-form-inline button{padding:11px 14px;border:0;border-radius:9px;background:#4de6ad;color:#04100c;font-weight:800}@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.market-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.filters{grid-template-columns:1fr 1fr 1fr}}@media(max-width:780px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.demo-hero,.demo-proof{grid-template-columns:1fr}.demo-services{grid-template-columns:1fr}.demo-site-nav .links{display:none}.sample-list{grid-template-columns:1fr 1fr}}@media(max-width:520px){.catalog-grid,.market-stats,.filters,.sample-list{grid-template-columns:1fr}.market-hero,.market-shell{padding-left:16px;padding-right:16px}.preview-shell{padding-left:8px;padding-right:8px}.demo-band{display:grid;grid-template-columns:1fr 1fr}.preview-toolbar .spacer{display:none;width:0}.preview-toolbar{gap:6px}.preview-toolbar button,.preview-toolbar a{padding:8px 9px;font-size:12px}}
.demo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.demo-gallery>div{min-height:180px;border-radius:18px;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 24%,var(--demo-bg)),color-mix(in srgb,var(--demo-text) 7%,var(--demo-bg)));display:flex;flex-direction:column;justify-content:space-between}.demo-gallery span{font-size:42px}.chat-preview .window p{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--demo-text) 8%,transparent)}.chat-preview .window .chat-reply{margin-left:16%;background:color-mix(in srgb,var(--demo-accent) 22%,transparent)}.flagship-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.site-demo[data-variant="1"] .demo-hero{max-width:1180px;margin:auto}.site-demo[data-variant="2"] .demo-hero>div:first-child{padding:26px;border-left:4px solid var(--demo-accent)}.site-demo[data-variant="4"] .demo-visual{transform:rotate(1deg)}.site-demo[data-variant="5"] .demo-site-nav{border-bottom:3px solid var(--demo-accent)}.site-demo[data-variant="7"] .demo-band{background:color-mix(in srgb,var(--demo-accent) 85%,#111)}.site-demo[data-variant="8"] .demo-hero{grid-template-columns:.85fr 1.15fr}.site-demo[data-variant="9"] .demo-site-btn{box-shadow:0 10px 35px color-mix(in srgb,var(--demo-accent) 35%,transparent)}.site-demo[data-variant="15"] .demo-hero{background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--demo-accent) 24%,transparent),transparent 35%)}.site-demo[data-variant="17"] .demo-site-nav{padding-top:24px;padding-bottom:24px}.site-demo[data-variant="20"] .demo-hero{min-height:620px}.site-demo[data-variant="20"] .demo-hero h1{font-size:clamp(56px,8vw,104px)}@media(max-width:780px){.demo-gallery,.flagship-section{grid-template-columns:1fr}}
/* XEND-GSC-INDEXING-001: server-rendered guide + directory sections */
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.guide-grid article{padding:20px;border:1px solid #ffffff12;border-radius:16px;background:#0d141b}.guide-grid h3{margin:0 0 8px;font-size:19px}.guide-grid p{color:#a3b0b8;margin:0}.guide-grid a,.catalog-guide .catalog-note a,.template-directory a{color:#4de6ad}.catalog-guide .catalog-note{margin:0 0 36px}.industry-links{display:flex;flex-wrap:wrap;gap:10px}.industry-links a{padding:9px 13px;border:1px solid #ffffff18;border-radius:999px;background:#0d141b;color:#d6e0e6;font-weight:650}.industry-links a:hover{border-color:#4de6ad;color:#4de6ad}.dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dir-group{padding:18px;border:1px solid #ffffff12;border-radius:16px;background:#0d141b}.dir-group h3{margin:0 0 10px;font-size:17px}.dir-group ul{list-style:none;padding:0;margin:0}.dir-group li{margin:0 0 10px;color:#91a0aa;font-size:14px;line-height:1.45}.dir-group li>a:first-child{font-weight:750;color:#eaf0f4}.dir-group li span{display:block}@media(max-width:900px){.guide-grid,.dir-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.guide-grid,.dir-grid{grid-template-columns:1fr}}