.template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:42px 0 24px}.template-filters{margin:0}.template-count{color:#667383;font-size:13px;white-space:nowrap}.template-count strong{color:var(--ink);font-size:18px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog-card{min-width:0;border-radius:24px;background:#fff;padding:9px;box-shadow:0 14px 42px rgba(7,17,31,.075);transition:transform .28s ease,box-shadow .28s ease}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(7,17,31,.13)}.tc-shell{--tc-bg:#07111f;--tc-ink:#fff;--tc-accent:#31dff5;--tc-soft:rgba(255,255,255,.72);position:relative;height:420px;overflow:hidden;border-radius:17px;background:var(--tc-bg);color:var(--tc-ink)}.tc-photo{position:absolute;background-image:var(--sheet);background-size:400% 400%;background-position:var(--px) var(--py);background-repeat:no-repeat}.tc-copy{position:absolute;z-index:3}.tc-copy small{display:block;color:var(--tc-accent);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.tc-copy h3{font:600 24px/1.02 var(--font-sans);letter-spacing:-.04em;margin:8px 0 5px}.tc-copy p{margin:0;color:var(--tc-soft);font-size:11px;line-height:1.5}.tc-copy p span{opacity:.8}.tc-actions{display:flex;gap:6px;margin-top:14px}.tc-actions span{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--tc-ink) 24%,transparent);border-radius:9px;padding:8px 4px;text-align:center;font-size:8px;font-weight:700}.tc-accent{position:absolute;z-index:2;background:var(--tc-accent)}
.palette-0 .tc-shell{--tc-bg:#081321;--tc-ink:#fff;--tc-accent:#39e0f2;--tc-soft:#b8c3d0}.palette-1 .tc-shell{--tc-bg:#ece4d8;--tc-ink:#211b18;--tc-accent:#8d4d32;--tc-soft:#635951}.palette-2 .tc-shell{--tc-bg:#142f66;--tc-ink:#fff;--tc-accent:#8fb4ff;--tc-soft:#c5d4ef}.palette-3 .tc-shell{--tc-bg:#111;--tc-ink:#f5f2ec;--tc-accent:#d7b56d;--tc-soft:#bdb8ae}.palette-4 .tc-shell{--tc-bg:#e9f0eb;--tc-ink:#18362e;--tc-accent:#3d8b70;--tc-soft:#577269}.palette-5 .tc-shell{--tc-bg:#f1e8ef;--tc-ink:#4a263d;--tc-accent:#b9467d;--tc-soft:#7b5a6d}.palette-6 .tc-shell{--tc-bg:#20153d;--tc-ink:#fff;--tc-accent:#9d7dff;--tc-soft:#cabfe4}.palette-7 .tc-shell{--tc-bg:#f0eee7;--tc-ink:#202226;--tc-accent:#e25935;--tc-soft:#666769}.palette-8 .tc-shell{--tc-bg:#032f36;--tc-ink:#f5ffff;--tc-accent:#58e0c2;--tc-soft:#b3d4d1}.palette-9 .tc-shell{--tc-bg:#4a171c;--tc-ink:#fff8ed;--tc-accent:#ffb85c;--tc-soft:#dfc3b9}
.layout-full .tc-photo{inset:0}.layout-full .tc-shell:after,.layout-diagonal .tc-shell:after,.layout-portfolio .tc-shell:after{content:"";position:absolute;z-index:1;inset:30% 0 0;background:linear-gradient(transparent,var(--tc-bg) 90%)}.layout-full .tc-copy{left:20px;right:20px;bottom:18px}.layout-full .tc-accent{left:20px;top:20px;width:42px;height:3px}.layout-split .tc-photo{left:0;right:0;top:0;height:54%}.layout-split .tc-copy{left:22px;right:22px;bottom:20px}.layout-split .tc-accent{left:0;right:0;top:54%;height:5px}.layout-side .tc-photo{left:0;top:0;bottom:0;width:47%}.layout-side .tc-copy{left:52%;right:16px;top:50%;transform:translateY(-50%)}.layout-side .tc-copy h3{font-size:28px}.layout-side .tc-actions{flex-direction:column}.layout-side .tc-accent{left:47%;top:0;bottom:0;width:5px}.layout-circle .tc-photo{width:188px;height:188px;border-radius:50%;left:50%;top:28px;transform:translateX(-50%);box-shadow:0 0 0 8px color-mix(in srgb,var(--tc-accent) 35%,transparent)}.layout-circle .tc-copy{left:22px;right:22px;bottom:20px;text-align:center}.layout-circle .tc-accent{display:none}.layout-banner .tc-photo{left:17px;right:17px;top:17px;height:185px;border-radius:14px}.layout-banner .tc-copy{left:22px;right:22px;bottom:20px}.layout-banner .tc-accent{right:0;top:220px;width:54px;height:4px}.layout-editorial .tc-photo{right:0;top:0;width:67%;height:100%}.layout-editorial .tc-shell:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--tc-bg) 8%,color-mix(in srgb,var(--tc-bg) 93%,transparent) 36%,transparent 78%)}.layout-editorial .tc-copy{left:22px;right:24%;bottom:24px}.layout-editorial .tc-copy h3{font-family:var(--font-serif);font-style:italic;font-size:31px}.layout-editorial .tc-actions{display:none}.layout-editorial .tc-accent{left:22px;top:26px;width:2px;height:70px}.layout-minimal .tc-photo{right:18px;top:18px;width:56%;height:52%;border-radius:5px}.layout-minimal .tc-copy{left:22px;right:22px;bottom:22px}.layout-minimal .tc-copy h3{font-size:30px}.layout-minimal .tc-accent{left:22px;top:33px;width:27%;height:2px}.layout-diagonal .tc-photo{inset:0 0 24% 0;clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.layout-diagonal .tc-copy{left:21px;right:21px;bottom:18px}.layout-diagonal .tc-accent{right:18px;top:18px;width:12px;height:90px}.layout-compact .tc-photo{left:18px;right:18px;top:18px;height:145px;border-radius:70px 14px 70px 14px}.layout-compact .tc-copy{left:24px;right:24px;bottom:24px}.layout-compact .tc-copy h3{font-size:27px}.layout-compact .tc-accent{left:24px;top:184px;width:56px;height:4px}.layout-portfolio .tc-photo{inset:0 24% 0 0}.layout-portfolio .tc-shell:after{inset:20% 0 0;background:linear-gradient(transparent,var(--tc-bg))}.layout-portfolio .tc-copy{left:20px;right:26%;bottom:20px}.layout-portfolio .tc-accent{right:0;top:0;bottom:0;width:24%}.layout-portfolio .tc-actions span:last-child{background:var(--tc-accent);color:var(--tc-bg);border-color:transparent}
.template-studio-demo{margin-top:68px;border-radius:30px;padding:44px;background:#0a1422;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.studio-copy .eyebrow{color:#8fa0b2}.studio-copy h3{font:500 clamp(34px,4vw,54px)/1.02 var(--font-sans);letter-spacing:-.045em;margin:22px 0 16px}.studio-copy h3 em{font-family:var(--font-serif);font-weight:500;color:#aebdce}.studio-copy>p{color:#9eabba;line-height:1.7}.studio-controls{display:grid;gap:18px;margin-top:30px}.control-group>span{display:block;color:#dfe7ef;font-size:11px;font-weight:600;margin-bottom:9px}.studio-swatches,.photo-size-controls,.field-controls{display:flex;flex-wrap:wrap;gap:8px}.studio-swatches button{width:31px;height:31px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:var(--swatch);cursor:pointer}.studio-swatches button.active{box-shadow:0 0 0 3px #0a1422,0 0 0 5px var(--cyan)}.photo-size-controls button,.field-controls button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#dce5ed;padding:8px 12px;font:600 11px var(--font-sans);cursor:pointer}.photo-size-controls button.active,.field-controls button.active{background:var(--cyan);color:#07111f;border-color:var(--cyan)}.studio-preview-wrap{display:grid;place-items:center}.builder-preview{--bp-bg:#f0eee7;--bp-ink:#17191d;--bp-accent:#e25935;width:min(100%,390px);min-height:540px;border-radius:28px;background:var(--bp-bg);color:var(--bp-ink);padding:18px;box-shadow:0 34px 70px rgba(0,0,0,.32);transition:.3s}.builder-photo{height:245px;border-radius:20px;background-image:url(images/template-people-technology-v1.webp);background-size:400% 400%;background-position:100% 100%;transition:.3s}.builder-preview.photo-compact .builder-photo{height:150px}.builder-preview.photo-circle .builder-photo{width:165px;height:165px;border-radius:50%;margin:10px auto}.builder-body{padding:24px 8px 8px}.builder-logo{display:inline-flex;align-items:center;justify-content:center;width:54px;height:30px;border-radius:8px;background:var(--bp-accent);color:var(--bp-bg);font-size:10px;font-weight:800;letter-spacing:.12em}.builder-body h4{font:600 30px/1 var(--font-sans);letter-spacing:-.04em;margin:20px 0 6px}.builder-body>p{margin:0;opacity:.65}.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.builder-field{border:1px solid color-mix(in srgb,var(--bp-ink) 15%,transparent);border-radius:11px;padding:11px;font-size:10px}.builder-field b{display:block;margin-bottom:3px}.builder-field[hidden],.builder-logo[hidden]{display:none}.builder-save{width:100%;border:0;border-radius:12px;background:var(--bp-accent);color:var(--bp-bg);padding:14px;margin-top:14px;font-weight:700}.capability-card>svg{display:none}.capability-card:before{content:"";display:block;width:64px;height:64px;margin:-4px 0 18px;background-image:url(images/capability-icons-premium-v1.webp);background-size:300% 300%;background-position:var(--ix) var(--iy);background-repeat:no-repeat;filter:drop-shadow(0 8px 16px rgba(0,149,255,.18))}.capability-card:nth-child(1){--ix:0%;--iy:0%}.capability-card:nth-child(2){--ix:50%;--iy:0%}.capability-card:nth-child(3){--ix:100%;--iy:0%}.capability-card:nth-child(4){--ix:0%;--iy:50%}.capability-card:nth-child(5){--ix:50%;--iy:50%}.capability-card:nth-child(6){--ix:100%;--iy:50%}.capability-card:nth-child(7){--ix:0%;--iy:100%}.capability-card:nth-child(8){--ix:50%;--iy:100%}.capability-card:nth-child(9){--ix:100%;--iy:100%}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-studio-demo{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.template-toolbar{align-items:flex-start;flex-direction:column}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-studio-demo{grid-template-columns:1fr;padding:30px}.studio-preview-wrap{order:-1}}
@media(max-width:560px){.template-grid{grid-template-columns:1fr}.tc-shell{height:500px}.template-studio-demo{margin-left:-4px;margin-right:-4px;padding:24px 18px}.builder-preview{min-height:500px}.capability-card:before{width:58px;height:58px}}