:root{--ink:#101a36;--muted:#667085;--surface:#fff;--soft:#f5f6fb;--line:#e7e8ef;--purple:#6d3cf5;--pink:#f04471;--teal:#08a89a;--gold:#ffc947;--radius:24px;--shadow:0 18px 50px rgba(16,26,54,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,232,239,.8)}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center}.brand img{width:220px;height:auto}.nav-links{display:flex;gap:25px;margin-left:auto;align-items:center;font-weight:700;font-size:.93rem}.nav-links a:hover{color:var(--purple)}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:14px 21px;font-weight:800;cursor:pointer;transition:.2s}.button{background:linear-gradient(135deg,var(--purple),#8b5cf6);color:#fff;box-shadow:0 10px 24px rgba(109,60,245,.25)}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(109,60,245,.32)}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-small{padding:10px 15px;border-radius:11px;font-size:.88rem}.hero{overflow:hidden;background:radial-gradient(circle at 85% 10%,rgba(255,201,71,.45),transparent 25%),radial-gradient(circle at 5% 90%,rgba(8,182,166,.18),transparent 30%),linear-gradient(140deg,#f9f7ff,#fff 52%,#fff8ed);padding:80px 0 72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#f0ebff;color:#5c2fd0;border:1px solid #ded3ff;border-radius:999px;padding:8px 13px;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.95;letter-spacing:-.065em;margin:24px 0}.gradient-text{background:linear-gradient(90deg,var(--pink),var(--purple),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.17rem;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#475467;font-weight:700;font-size:.89rem}.trust-row span:before{content:'✓';color:var(--teal);margin-right:7px}.hero-art{position:relative;min-height:570px}.hero-art:before{content:'';position:absolute;inset:30px 0 0;border-radius:44px;background-image:linear-gradient(160deg,rgba(16,26,54,.12),rgba(109,60,245,.05)),url('/assets/hero-mzansi.webp');background-size:cover;background-position:center;box-shadow:var(--shadow);transform:rotate(2deg)}.floating-card{position:absolute;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:20px;padding:17px 19px;font-weight:800}.floating-card small{display:block;color:var(--muted);font-weight:600}.float-one{top:20px;left:-25px;transform:rotate(-4deg)}.float-two{right:-14px;bottom:30px;transform:rotate(3deg)}.section{padding:82px 0}.section-soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:10px 0}.section-copy{color:var(--muted);max-width:620px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{position:relative;min-height:210px;border-radius:26px;padding:26px;overflow:hidden;color:#fff;box-shadow:var(--shadow);transition:.25s}.category-card:hover{transform:translateY(-5px)}.category-card:after{content:'';position:absolute;width:170px;height:170px;border:30px solid rgba(255,255,255,.12);border-radius:50%;right:-50px;bottom:-70px}.category-card h3{font-size:1.45rem;margin:70px 0 3px}.category-card p{margin:0;color:rgba(255,255,255,.82)}.cat-birthdays{background:linear-gradient(135deg,#f04471,#8b2ed1)}.cat-memorials{background:linear-gradient(135deg,#475569,#111827)}.cat-church{background:linear-gradient(135deg,#2563eb,#172554)}.cat-business{background:linear-gradient(135deg,#059669,#064e3b)}.cat-community{background:linear-gradient(135deg,#ea580c,#7c2d12)}.cat-celebrations{background:linear-gradient(135deg,#7c3aed,#be185d)}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(16,26,54,.06);transition:.25s}.design-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.design-thumb{aspect-ratio:4/5;padding:30px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.design-thumb:before,.preview-canvas:before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:var(--accent);opacity:.22;right:-40px;top:-45px}.design-thumb:after,.preview-canvas:after{content:'';position:absolute;width:230px;height:230px;border:32px solid rgba(255,255,255,.08);border-radius:50%;left:-90px;bottom:-120px}.design-thumb>*{position:relative;z-index:1}.design-thumb small{font-size:.68rem;letter-spacing:.13em;font-weight:900;color:var(--accent)}.design-thumb strong{font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.05;margin:14px 0}.design-thumb span{font-size:.84rem;opacity:.82}.card-body{padding:20px}.card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem;font-weight:700}.card-body h3{margin:7px 0 4px}.price{color:var(--purple);font-weight:900}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{background:#fff;border:1px solid var(--line);padding:28px;border-radius:24px}.step-num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eee9ff;color:var(--purple);font-weight:900}.step h3{font-size:1.25rem;margin:20px 0 7px}.step p{color:var(--muted);margin:0}.cta{background:linear-gradient(135deg,#101a36,#302273 55%,#0f766e);color:#fff;border-radius:34px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.cta h2{margin:0 0 8px}.cta p{margin:0;color:#dce3f6}.page-hero{padding:64px 0 40px;background:linear-gradient(140deg,#f8f6ff,#fff)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.filter{border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-weight:750;background:#fff}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.personaliser{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.preview-wrap{position:sticky;top:110px}.preview-canvas{aspect-ratio:4/5;border-radius:30px;padding:52px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.preview-canvas>*{position:relative;z-index:1}.preview-photo{width:150px;height:150px;object-fit:cover;border-radius:50%;border:6px solid var(--accent);margin:0 auto 20px}.preview-eyebrow{color:var(--accent);font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem}.preview-title{font-size:clamp(2rem,5vw,3.8rem);line-height:.98;margin:18px 0;font-weight:900}.preview-subtitle{opacity:.83;font-size:1.05rem}.preview-details{margin:28px 0;padding:18px;border-radius:16px;background:rgba(0,0,0,.18);display:grid;gap:7px}.preview-message{opacity:.85}.preview-contact{margin-top:22px;color:var(--accent);font-weight:800}.form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 14px 35px rgba(16,26,54,.06)}.field{margin-bottom:18px}.field label{display:block;font-size:.85rem;font-weight:800;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d9dce6;border-radius:13px;padding:13px 14px;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(109,60,245,.1)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.package-grid{display:grid;gap:10px}.package-option{display:block;border:2px solid var(--line);border-radius:16px;padding:15px;cursor:pointer}.package-option:has(input:checked){border-color:var(--purple);background:#f8f6ff}.package-option input{width:auto;margin-right:8px}.package-option strong{display:flex;justify-content:space-between}.package-option small{display:block;color:var(--muted);margin:5px 0 0 25px}.checkline{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.88rem}.checkline input{margin-top:5px}.errors{background:#fff0f3;color:#a81239;border:1px solid #ffd0dc;border-radius:14px;padding:13px 16px;margin-bottom:18px}.status-card{max-width:760px;margin:60px auto;border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow)}.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff3cd;color:#7a5700;font-weight:800;font-size:.8rem}.status-pill.ready{background:#ddf8ef;color:#08745f}.downloads{display:grid;gap:10px;margin:24px 0}.download{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:15px}.content-page{max-width:850px;margin:auto}.content-page h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.05em}.content-page h2{margin-top:36px}.content-page p,.content-page li{color:#526078}.footer{background:#101a36;color:#fff;padding:60px 0 25px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer img{filter:brightness(0) invert(1);width:200px}.footer p,.footer a{color:#bdc6dc}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;color:#8f9ab3;font-size:.85rem}.admin-shell{min-height:100vh;background:#f3f5f9}.admin-nav{background:#101a36;color:#fff}.admin-nav .container{height:72px;display:flex;align-items:center;gap:25px}.admin-nav a{font-weight:700}.admin-nav form{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:19px;padding:21px}.metric span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.metric strong{display:block;font-size:1.75rem;margin-top:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:22px;overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{font-size:.75rem;text-transform:uppercase;color:var(--muted)}.empty{text-align:center;padding:45px;color:var(--muted)}.notice{background:#eefbf7;border:1px solid #b9eee1;color:#08745f;padding:13px 16px;border-radius:13px;margin-bottom:18px}.mobile-menu{display:none}
@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block;margin-left:auto}.hero{padding-top:48px}.hero-grid,.personaliser{grid-template-columns:1fr}.hero-art{min-height:440px}.preview-wrap{position:static}.category-grid,.design-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.container{width:min(100% - 24px,1180px)}.brand img{width:175px}.nav{height:70px}.hero h1{font-size:3.3rem}.hero-art{min-height:380px}.float-one{left:3px}.float-two{right:3px}.category-grid,.design-grid,.footer-grid,.metric-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column}.field-row{grid-template-columns:1fr}.form-card{padding:21px}.preview-canvas{padding:30px}.cta{padding:32px}.status-card{padding:24px;margin:30px auto}}

/* Storefront v3: deep catalogue and varied design directions */
.button-large{padding:17px 24px;border-radius:17px}.hero-v2{padding-bottom:0;background:radial-gradient(circle at 90% 5%,rgba(255,201,71,.5),transparent 28%),radial-gradient(circle at 4% 70%,rgba(8,168,154,.2),transparent 28%),linear-gradient(140deg,#f8f5ff 0,#fff 48%,#fff4e4 100%)}.hero-v2 .hero-grid{padding-bottom:58px}.hero-copy{position:relative;z-index:2}.hero-v2 h1{font-size:clamp(3.2rem,6.2vw,5.8rem)}.quick-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;font-weight:800}.quick-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--ink)}.quick-links a:hover{border-color:var(--purple);color:var(--purple)}.hero-art-v2:after{content:'';position:absolute;inset:75px -35px -10px 65px;border:1px solid rgba(109,60,245,.16);border-radius:46px;transform:rotate(-4deg);z-index:0}.hero-art-v2:before{z-index:1}.hero-art-v2 .floating-card,.hero-count{z-index:2}.hero-count{position:absolute;right:-18px;top:0;background:var(--ink);color:#fff;width:122px;height:122px;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 20px 40px rgba(16,26,54,.25);transform:rotate(7deg)}.hero-count strong{font-size:2.25rem;line-height:1}.hero-count span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}.proof-strip{position:relative;z-index:3;background:var(--ink);color:#fff;border-radius:28px 28px 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 34px;box-shadow:0 -12px 40px rgba(16,26,54,.12)}.proof-strip div{display:grid;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.proof-strip div:last-child{border:0}.proof-strip strong{font-size:1.35rem;color:var(--gold)}.proof-strip span{font-size:.72rem;color:#cbd3e5;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.category-section{background:linear-gradient(#fff,#fbfbfe)}.category-grid-v2{grid-template-columns:repeat(4,1fr)}.category-grid-v2 .category-card{min-height:230px}.category-count{position:relative;z-index:2;display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:6px 10px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.category-mark{position:absolute;inset:0}.category-mark i{position:absolute;display:block;border:2px solid rgba(255,255,255,.22)}.category-mark i:first-child{width:125px;height:125px;border-radius:50%;right:-24px;top:28px}.category-mark i:last-child{width:72px;height:72px;right:40px;bottom:-25px;transform:rotate(25deg)}.category-card h3,.category-card p{position:relative;z-index:2}.category-card h3{margin-top:78px}.category-tone-1{background:linear-gradient(145deg,#ec4899,#7c3aed)}.category-tone-2{background:linear-gradient(145deg,#f97316,#9f1239)}.category-tone-3{background:linear-gradient(145deg,#0ea5e9,#1e3a8a)}.category-tone-4{background:linear-gradient(145deg,#14b8a6,#064e3b)}.category-tone-5{background:linear-gradient(145deg,#64748b,#111827)}.category-tone-6{background:linear-gradient(145deg,#8b5cf6,#4c1d95)}.category-tone-7{background:linear-gradient(145deg,#d97706,#7c2d12)}.category-tone-8{background:linear-gradient(145deg,#e11d48,#831843)}
.section-ink{background:radial-gradient(circle at 15% 0,rgba(109,60,245,.32),transparent 28%),radial-gradient(circle at 95% 100%,rgba(8,168,154,.2),transparent 30%),var(--ink);color:#fff}.light-head .section-copy,.section-ink .card-meta{color:#bdc6dc}.eyebrow-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#d9ccff}.button-gold{background:var(--gold);color:var(--ink);box-shadow:0 12px 28px rgba(255,201,71,.22)}.showcase-grid,.catalogue-grid{grid-template-columns:repeat(4,1fr)}.showcase-grid .design-card{border-color:rgba(255,255,255,.13);background:#172242;color:#fff}.showcase-grid .card-body{background:#172242}.showcase-grid .price{color:#ffd66f}
.design-card{isolation:isolate}.design-thumb,.preview-canvas{background:linear-gradient(155deg,var(--base),var(--deep));isolation:isolate}.design-thumb:before,.design-thumb:after,.preview-canvas:before,.preview-canvas:after{display:none}.design-thumb{padding:24px}.design-thumb .art-shapes,.preview-canvas .art-shapes{position:absolute;inset:0;z-index:0;pointer-events:none}.design-thumb .art-shapes i,.preview-canvas .art-shapes i{position:absolute;display:block}.design-thumb>small,.design-thumb>strong,.design-thumb>span,.design-thumb>.template-number,.preview-canvas>:not(.art-shapes){position:relative;z-index:2}.template-number{position:absolute!important;right:13px;bottom:10px;font-size:.65rem;letter-spacing:.08em;opacity:.55}.design-card .card-meta:last-child span:first-child{max-width:82%;line-height:1.3}
.style-1 .art-shapes i:nth-child(1),.preview-canvas.style-1 .art-shapes i:nth-child(1){width:65%;aspect-ratio:1;border:28px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:50%;right:-30%;top:-17%}.style-1 .art-shapes i:nth-child(2),.preview-canvas.style-1 .art-shapes i:nth-child(2){width:42%;aspect-ratio:1;background:rgba(255,255,255,.08);border-radius:50%;left:-20%;bottom:-8%}.style-1 .art-shapes i:nth-child(3),.preview-canvas.style-1 .art-shapes i:nth-child(3){width:34%;height:3px;background:var(--accent);left:33%;top:22%}
.style-2 .design-thumb,.preview-canvas.style-2{background:linear-gradient(90deg,var(--deep) 0 12%,var(--base) 12% 88%,var(--deep) 88%)}.style-2 .art-shapes i:nth-child(1),.preview-canvas.style-2 .art-shapes i:nth-child(1){inset:8%;border:1px solid color-mix(in srgb,var(--accent) 75%,transparent)}.style-2 .art-shapes i:nth-child(2),.preview-canvas.style-2 .art-shapes i:nth-child(2){inset:11%;border:1px solid rgba(255,255,255,.35)}.style-2 .design-thumb strong{font-family:Georgia,serif;font-weight:700}.preview-canvas.style-2 .preview-title{font-family:Georgia,serif}
.style-3 .art-shapes i:nth-child(1),.preview-canvas.style-3 .art-shapes i:nth-child(1){width:76%;height:61%;border-radius:50% 50% 0 0;background:color-mix(in srgb,var(--accent) 18%,transparent);left:12%;bottom:-9%}.style-3 .art-shapes i:nth-child(2),.preview-canvas.style-3 .art-shapes i:nth-child(2){width:60%;height:52%;border-radius:50% 50% 0 0;border:2px solid rgba(255,255,255,.22);left:20%;bottom:-6%}.style-3 .art-shapes i:nth-child(3),.preview-canvas.style-3 .art-shapes i:nth-child(3){width:10px;height:10px;border-radius:50%;box-shadow:28px 8px var(--accent),-30px 20px rgba(255,255,255,.6),65px 45px rgba(255,255,255,.4);left:46%;top:14%;background:var(--accent)}
.style-4 .design-thumb,.preview-canvas.style-4{background:linear-gradient(135deg,var(--base) 0 47%,var(--accent) 47% 49%,var(--deep) 49%)}.style-4 .art-shapes i:nth-child(1),.preview-canvas.style-4 .art-shapes i:nth-child(1){width:200%;height:16%;left:-45%;top:8%;background:rgba(255,255,255,.08);transform:rotate(-32deg)}.style-4 .art-shapes i:nth-child(2),.preview-canvas.style-4 .art-shapes i:nth-child(2){width:200%;height:8%;left:-45%;bottom:8%;background:color-mix(in srgb,var(--accent) 28%,transparent);transform:rotate(-32deg)}
.style-5 .design-thumb,.preview-canvas.style-5{background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--accent) 38%,transparent) 0 6%,transparent 6.5%),radial-gradient(circle at 75% 80%,rgba(255,255,255,.13) 0 7%,transparent 7.5%),linear-gradient(155deg,var(--base),var(--deep));background-size:55px 55px,70px 70px,auto}.style-5 .art-shapes i:nth-child(1),.preview-canvas.style-5 .art-shapes i:nth-child(1){inset:6%;border:10px double rgba(255,255,255,.14)}
.style-6 .art-shapes i:nth-child(1),.preview-canvas.style-6 .art-shapes i:nth-child(1){width:110%;height:34%;left:-5%;top:-10%;border-radius:0 0 50% 50%;background:color-mix(in srgb,var(--accent) 24%,transparent)}.style-6 .art-shapes i:nth-child(2),.preview-canvas.style-6 .art-shapes i:nth-child(2){width:110%;height:28%;left:-5%;bottom:-12%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.1)}.style-6 .art-shapes i:nth-child(3),.preview-canvas.style-6 .art-shapes i:nth-child(3){width:46%;height:4px;background:var(--accent);left:27%;top:26%}
.style-7 .design-thumb,.preview-canvas.style-7{background:repeating-linear-gradient(115deg,transparent 0 24px,rgba(255,255,255,.035) 24px 48px),linear-gradient(155deg,var(--base),var(--deep))}.style-7 .art-shapes i:nth-child(1),.preview-canvas.style-7 .art-shapes i:nth-child(1){width:72%;aspect-ratio:1;border:2px solid var(--accent);transform:rotate(45deg);left:14%;top:13%;opacity:.28}.style-7 .art-shapes i:nth-child(2),.preview-canvas.style-7 .art-shapes i:nth-child(2){width:54%;aspect-ratio:1;border:1px solid #fff;transform:rotate(45deg);left:23%;top:22%;opacity:.2}
.style-8 .design-thumb,.preview-canvas.style-8{background:conic-gradient(from 210deg at 50% 36%,var(--deep),var(--base),color-mix(in srgb,var(--accent) 55%,var(--base)),var(--deep))}.style-8 .art-shapes i:nth-child(1),.preview-canvas.style-8 .art-shapes i:nth-child(1){width:74%;height:70%;left:13%;top:13%;border-radius:50%;background:rgba(0,0,0,.12);box-shadow:0 0 0 12px rgba(255,255,255,.07),0 0 0 26px color-mix(in srgb,var(--accent) 16%,transparent)}
.catalogue-hero{padding:78px 0;background:radial-gradient(circle at 85% 15%,rgba(255,201,71,.3),transparent 22%),linear-gradient(135deg,#f7f3ff,#fff 60%,#eefbf8)}.catalogue-hero-grid{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:50px}.catalogue-hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.95;letter-spacing:-.06em;margin:20px 0}.catalogue-orbit{width:260px;height:260px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.catalogue-orbit:before,.catalogue-orbit:after,.catalogue-orbit i{content:'';position:absolute;border-radius:50%;border:2px solid rgba(109,60,245,.22);inset:-18px}.catalogue-orbit:after{inset:-38px;border-color:rgba(8,168,154,.16)}.catalogue-orbit i:nth-child(1){width:38px;height:38px;inset:auto;top:-25px;right:20px;background:var(--gold);border:0}.catalogue-orbit i:nth-child(2){width:24px;height:24px;inset:auto;bottom:5px;left:-16px;background:var(--pink);border:0}.catalogue-orbit strong{font-size:5rem;line-height:.9;color:var(--gold)}.catalogue-orbit span{text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:.72rem;margin-top:10px}.catalogue-tools{position:sticky;top:82px;z-index:25;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:18px 0}.design-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:680px}.design-search input{border:1px solid #d9dce6;border-radius:14px;padding:14px 16px;outline:none}.design-search input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(109,60,245,.1)}.catalogue-tools .filters{margin:14px 0 0}.filter small{display:inline-grid;place-items:center;margin-left:4px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--soft);color:var(--muted)}.filter.active small{background:rgba(255,255,255,.15);color:#fff}.catalogue-results{padding-top:48px}.results-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.results-heading h2{margin-bottom:0}.results-heading p{color:var(--muted)}.empty-wide{grid-column:1/-1;background:var(--soft);border-radius:24px}.section-tight{padding-top:30px}.cta-v2{padding:58px}.cta-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:900}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.showcase-grid,.catalogue-grid{grid-template-columns:repeat(3,1fr)}.category-grid-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero-count{right:5px}.proof-strip{grid-template-columns:repeat(2,1fr);border-radius:22px}.proof-strip div:nth-child(2){border-right:0}.proof-strip div{padding:8px}.catalogue-hero-grid{grid-template-columns:1fr}.catalogue-orbit{display:none}.catalogue-tools{top:70px}.showcase-grid,.catalogue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.hero-v2 h1{font-size:3.15rem}.hero-v2 .hero-grid{padding-bottom:35px}.hero-art-v2{min-height:410px}.hero-count{width:92px;height:92px;right:0}.hero-count strong{font-size:1.7rem}.proof-strip{padding:17px 12px}.category-grid-v2{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid-v2 .category-card{min-height:165px;padding:16px}.category-card h3{margin-top:45px;font-size:1.04rem}.category-card p{font-size:.74rem}.category-count{font-size:.59rem}.showcase-grid,.catalogue-grid,.design-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.design-thumb{padding:13px}.design-thumb strong{font-size:1.05rem;margin:9px 0}.design-thumb span{font-size:.66rem}.design-thumb small{font-size:.56rem}.card-body{padding:12px}.card-body h3{font-size:.9rem}.card-meta{font-size:.68rem}.card-meta:last-child span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-ink{padding-left:2px;padding-right:2px}.catalogue-hero{padding:50px 0}.catalogue-hero h1{font-size:3rem}.catalogue-tools{position:relative;top:auto}.design-search{grid-template-columns:1fr}.catalogue-tools .filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.filter{white-space:nowrap}.results-heading{display:block}.cta-v2{padding:34px}.quick-links span{width:100%}}
@media(max-width:360px){.showcase-grid,.catalogue-grid,.design-grid{grid-template-columns:1fr!important}}
.site-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.site-package-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fafafe}.site-package-card small{color:var(--muted)}.site-template-grid{display:grid;gap:9px}.site-template-row{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:15px}.site-template-row:hover{border-color:var(--purple);background:#faf8ff}.site-template-row small{display:block;color:var(--muted);margin-top:3px}.site-swatch{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--swatch),var(--accent))}.site-badges{display:flex;gap:6px}.site-badges i{font-style:normal}.site-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.colour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.colour-grid input{height:52px;padding:5px}.sticky-actions{position:sticky;bottom:16px;margin-top:20px;background:#101a36;color:#fff;padding:15px 18px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.sticky-actions span{color:#cbd3e5}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.example-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(16,26,54,.06)}.example-image{aspect-ratio:4/5;background:#e9ecf2}.example-image img{display:block;width:100%;height:100%;object-fit:cover}.example-body{padding:19px}.example-body h2{font-size:1.35rem;margin:10px 0 4px}.example-body p{color:var(--muted);min-height:46px}.example-body dl{font-size:.82rem;display:grid;grid-template-columns:70px 1fr;gap:6px;margin:16px 0}.example-body dt{font-weight:800;color:var(--muted)}.example-body dd{margin:0}.example-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.example-actions a{color:var(--purple);font-weight:800;font-size:.82rem}
@media(max-width:900px){.admin-nav .container{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 0}.site-package-grid,.example-grid{grid-template-columns:repeat(2,1fr)}.site-editor-grid{grid-template-columns:1fr}}
@media(max-width:580px){.site-package-grid,.example-grid{grid-template-columns:1fr}.site-template-row{grid-template-columns:44px 1fr auto}.site-template-row .site-badges{display:none}.site-template-row>b{display:none}.colour-grid{grid-template-columns:1fr}.sticky-actions{align-items:flex-start;flex-direction:column}}
.audit-preview-banner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 18px;background:#fff3cd;color:#5c4500;border-bottom:2px solid #e7b900;font-size:.9rem}.audit-preview-banner strong{font-size:1rem}.audit-preview-banner form{margin:0}