.styles-showcase{display:grid;gap:18px}.examples-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.examples-proof span{min-height:76px;padding:15px 16px;display:grid;align-content:center;gap:4px;border:1px solid rgba(240,213,141,.12);border-radius:17px;background:rgba(240,213,141,.025);color:var(--muted);font-size:11px;line-height:1.42}.examples-proof strong{color:var(--text);font-size:13px}.template-intro{margin:0;padding:18px 20px;border-left:2px solid var(--gold-2);border-radius:0 16px 16px 0;background:rgba(240,213,141,.045);color:var(--muted);font-size:13px;line-height:1.62}.template-intro strong{color:var(--text)}
.style-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.style-picker a{position:relative;min-height:122px;padding:16px;display:grid;align-content:center;gap:6px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;text-decoration:none;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.style-picker a:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--picker-accent)}.style-picker a:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.16)}.style-picker a:focus-visible,.template-card:focus-visible,.custom-style-note a:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.style-picker a:active,.template-card:active{transform:translateY(0) scale(.995)}.style-picker small{color:var(--picker-muted);font-size:8.5px;font-weight:800;letter-spacing:.14em}.style-picker strong{font-size:17px;line-height:1.16;text-wrap:balance}.style-picker span{color:var(--picker-muted);font-size:10px;line-height:1.38;text-wrap:pretty}.picker-premium{--picker-accent:#d6b55f;--picker-muted:#b9a97f;background:linear-gradient(145deg,#17140e,#0d0c0a);color:#f7efd9}.picker-product{--picker-accent:#63e5c7;--picker-muted:#91aca6;background:linear-gradient(145deg,#111922,#0b1016);color:#edf9f6}.picker-editorial{--picker-accent:#b75e3e;--picker-muted:#705e54;background:linear-gradient(145deg,#f1e7d8,#dfd0bc);color:#211812}.picker-business{--picker-accent:#2e765e;--picker-muted:#557065;background:linear-gradient(145deg,#f5f5ef,#e2e8df);color:#17241f}
.style-compare{margin-top:4px;padding:24px;border:1px solid rgba(240,213,141,.12);border-radius:22px;background:rgba(255,255,255,.018)}.style-compare-head{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:34px;align-items:end;margin-bottom:18px}.style-compare-head small{color:var(--gold-muted);font-size:9px;font-weight:800;letter-spacing:.15em}.style-compare-head h2{margin:6px 0 0;font-size:clamp(27px,3vw,40px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.style-compare-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.58;text-wrap:pretty}.style-compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-compare-grid article{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.018)}.style-compare-grid article:nth-child(1){border-top-color:#d6b55f}.style-compare-grid article:nth-child(2){border-top-color:#63e5c7}.style-compare-grid article:nth-child(3){border-top-color:#b75e3e}.style-compare-grid article:nth-child(4){border-top-color:#2e765e}.compare-index{display:block;margin-bottom:18px;color:var(--muted-2);font-size:9px;letter-spacing:.13em}.style-compare-grid strong{display:block;font-size:15px}.style-compare-grid dl{margin:12px 0 0}.style-compare-grid dl div{padding:7px 0;display:grid;grid-template-columns:62px 1fr;gap:8px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;line-height:1.35}.style-compare-grid dt{color:var(--muted-2)}.style-compare-grid dd{margin:0;color:var(--muted)}
.full-site-grid{margin-top:4px}.template-card{scroll-margin-top:110px}.full-site-grid .template-card{grid-template-rows:310px auto;overflow:hidden}.template-preview{position:relative;isolation:isolate;overflow:hidden}.preview-chip{position:absolute;right:15px;top:15px;z-index:10;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,8,8,.55);backdrop-filter:blur(8px);color:#f7f0dd;font-size:7.5px;font-weight:800;letter-spacing:.11em}.template-copy h2{text-wrap:balance}.template-copy p{text-wrap:pretty}.template-structure{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;color:#8c857b;font-size:9.5px;line-height:1.38}.template-structure i{width:3px;height:3px;border-radius:50%;background:#a38243}.template-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.template-tags span{padding:6px 8px;border:1px solid rgba(240,213,141,.12);border-radius:999px;background:rgba(240,213,141,.035);color:#aaa093;font-size:9px}.template-go{margin-top:15px!important}
.premium-scene{background:radial-gradient(circle at 78% 20%,rgba(218,181,95,.25),transparent 23%),linear-gradient(140deg,#15130f,#080807);color:#f2e7ca}.premium-scene:after{content:"";position:absolute;inset:9%;border:1px solid rgba(214,181,95,.28);border-radius:2px}.premium-scene-rule{position:absolute;left:12%;top:18%;width:28%;height:1px;background:#d6b55f}.premium-scene>b{position:absolute;left:12%;top:23%;font-family:Georgia,serif;font-size:11px;font-weight:400;letter-spacing:.28em}.premium-scene>strong{position:absolute;left:12%;bottom:17%;font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:.9;letter-spacing:-.045em}.premium-scene>small{position:absolute;right:12%;bottom:14%;font-size:8px;letter-spacing:.14em;color:#b8a77c}
.product-scene{background:linear-gradient(150deg,#0b1118,#071018);color:#e8fff9}.product-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,229,199,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,229,199,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent)}.product-window{position:absolute;inset:16% 9% 12%;padding:12px;border:1px solid rgba(99,229,199,.25);border-radius:18px;background:rgba(12,22,28,.88);box-shadow:0 22px 80px rgba(0,0,0,.28)}.product-window-bar{height:30px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.08)}.product-window-bar i{width:6px;height:6px;border-radius:50%;background:#63e5c7}.product-window-bar i:nth-child(2){opacity:.55}.product-window-bar i:nth-child(3){opacity:.25}.product-window-bar span{margin-left:auto;color:#7eaaa1;font-size:7px;letter-spacing:.11em}.product-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.product-metrics b{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#101b23;font-size:30px;line-height:1}.product-metrics small{display:block;margin-top:7px;color:#7f9c97;font-size:7px;font-weight:600;letter-spacing:.1em}.product-line{display:grid;gap:7px;margin-top:12px}.product-line span{height:7px;border-radius:999px;background:linear-gradient(90deg,#63e5c7 0 42%,rgba(99,229,199,.12) 42%)}.product-line span:nth-child(2){background:linear-gradient(90deg,#63e5c7 0 66%,rgba(99,229,199,.12) 66%)}.product-line span:nth-child(3){background:linear-gradient(90deg,#63e5c7 0 28%,rgba(99,229,199,.12) 28%)}
.editorial-scene{background:#eadfce;color:#241a14}.editorial-scene:before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:#b75e3e}.editorial-number{position:absolute;left:4%;bottom:-12%;font-family:Georgia,serif;font-size:190px;line-height:1;color:rgba(255,244,228,.24)}.editorial-cover{position:absolute;left:40%;right:8%;top:13%;bottom:12%;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid rgba(36,26,20,.3);border-bottom:1px solid rgba(36,26,20,.3);padding:14px 0}.editorial-cover small{font-size:8px;font-weight:800;letter-spacing:.16em}.editorial-cover strong{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:.92;letter-spacing:-.04em}.editorial-cover span{font-family:Georgia,serif;font-size:11px;font-style:italic;color:#665244}.editorial-scene .preview-chip{border-color:rgba(36,26,20,.16);background:rgba(245,235,220,.72);color:#402c22}
.business-scene{background:#e9eee9;color:#17241f}.business-board{position:absolute;inset:11% 7%;display:grid;grid-template-rows:auto 1fr auto;padding:18px;border:1px solid rgba(23,36,31,.13);border-radius:20px;background:#f8faf5;box-shadow:0 24px 55px rgba(31,55,45,.12)}.business-board header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(23,36,31,.1)}.business-board header b{font-size:10px;letter-spacing:.16em}.business-board header span{font-size:7px;color:#63736c}.business-board-copy{align-self:center}.business-board-copy small{color:#2e765e;font-size:8px;font-weight:800;letter-spacing:.14em}.business-board-copy strong{display:block;margin-top:8px;font-size:34px;line-height:.92;letter-spacing:-.045em}.business-board-action{justify-self:start;padding:9px 11px;border-radius:8px;background:#1d513f;color:#eff7f1;font-size:8px;font-weight:800}.business-scene .preview-chip{border-color:rgba(23,36,31,.12);background:rgba(248,250,245,.78);color:#29453a}
.style-card-premium .template-tags span{border-color:rgba(214,181,95,.2);background:rgba(214,181,95,.06)}.style-card-product .template-tags span{border-color:rgba(99,229,199,.17);background:rgba(99,229,199,.05)}.style-card-editorial .template-tags span{border-color:rgba(183,94,62,.17);background:rgba(183,94,62,.04)}.style-card-business .template-tags span{border-color:rgba(46,118,94,.18);background:rgba(46,118,94,.05)}
.custom-style-note{margin-top:2px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px dashed rgba(240,213,141,.22);border-radius:22px;background:linear-gradient(120deg,rgba(240,213,141,.055),rgba(255,255,255,.01))}.custom-style-note small{color:var(--gold-muted);font-size:9px;font-weight:800;letter-spacing:.15em}.custom-style-note h2{margin:6px 0 7px;font-size:25px;line-height:1.05;letter-spacing:-.03em}.custom-style-note p{max-width:700px;margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.custom-style-note .contact-pill{text-decoration:none}
html[data-theme="light"] .examples-proof span,html[data-theme="light"] .style-compare,html[data-theme="light"] .style-compare-grid article{border-color:rgba(69,50,22,.12);background:rgba(255,255,255,.42)}html[data-theme="light"] .template-intro{background:rgba(137,101,43,.055)}html[data-theme="light"] .style-compare-grid dl div{border-color:rgba(69,50,22,.09)}html[data-theme="light"] .template-tags span{color:#6e6254}html[data-theme="light"] .custom-style-note{border-color:rgba(115,83,32,.25);background:rgba(255,255,255,.32)}
@media(max-width:1000px){.style-compare-grid{grid-template-columns:1fr 1fr}.style-picker{grid-template-columns:1fr 1fr}.full-site-grid .template-card{grid-template-rows:280px auto}}
@media(max-width:760px){.styles-showcase{gap:14px}.examples-proof{grid-template-columns:1fr;gap:7px}.examples-proof span{min-height:0;padding:12px 14px}.template-intro{padding:15px 16px;font-size:12px}.style-picker{grid-template-columns:1fr 1fr;gap:7px}.style-picker a{min-height:104px;padding:13px;align-content:start}.style-picker small{font-size:8px}.style-picker strong{font-size:15px}.style-picker span{font-size:9px}.style-compare{padding:18px 15px}.style-compare-head{grid-template-columns:1fr;gap:8px;margin-bottom:14px}.style-compare-head h2{font-size:28px}.style-compare-head p{font-size:11.5px}.style-compare-grid{grid-template-columns:1fr 1fr;gap:6px}.style-compare-grid article{padding:12px}.style-compare-grid dl div{grid-template-columns:52px 1fr;font-size:9.2px}.compare-index{margin-bottom:12px}.full-site-grid .template-card{grid-template-rows:228px auto}.premium-scene>strong{font-size:31px}.premium-scene>small{display:none}.product-window{inset:15% 7% 10%}.product-metrics b{font-size:23px}.editorial-cover strong{font-size:29px}.editorial-number{font-size:135px}.business-board{inset:10% 6%;padding:14px}.business-board-copy strong{font-size:28px}.template-structure{font-size:8.8px}.preview-chip{right:11px;top:11px;padding:6px 8px}.template-tags{gap:5px}.template-tags span{font-size:8.5px}.custom-style-note{grid-template-columns:1fr;gap:14px;padding:19px}.custom-style-note h2{font-size:23px}}
@media(max-width:430px){.style-picker{grid-template-columns:1fr}.style-picker a{min-height:82px}.style-compare-grid{grid-template-columns:1fr}.style-compare-grid article{display:grid;grid-template-columns:28px 1fr;gap:0 8px}.style-compare-grid .compare-index{grid-row:1/3;margin:2px 0 0}.style-compare-grid dl{grid-column:2}.full-site-grid .template-card{grid-template-rows:210px auto}.editorial-cover{left:36%;right:6%}.editorial-cover strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.style-picker a{transition:none}.style-picker a:hover,.style-picker a:active,.template-card:active{transform:none}}