.templates-page{overflow-x:hidden}
.templates-hero{padding-top:150px;min-height:860px;display:flex;align-items:center}
.templates-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
.templates-hero-copy h1{font-size:clamp(48px,5.6vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px;max-width:780px}
.templates-hero-copy h1 span{background:linear-gradient(135deg,#0f6fff,#7c4dff 60%,#00a7b7);-webkit-background-clip:text;background-clip:text;color:transparent}
.templates-hero-copy>p{font-size:17px;line-height:1.85;color:var(--muted);max-width:670px}
.template-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.template-counts>div{padding:16px 15px;border-radius:20px;display:grid;gap:4px;text-align:center}
.template-counts strong{font-size:24px;letter-spacing:-.04em}.template-counts span{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.templates-hero-preview{position:relative}.preview-console{border-radius:30px;padding:18px;box-shadow:0 30px 80px rgba(42,67,101,.16)}
.preview-console-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:3px 3px 16px}.preview-console-top>span{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.preview-console-top svg{width:17px}
.preview-mode{display:flex;padding:4px;border-radius:14px;background:rgba(227,235,244,.72);box-shadow:inset 4px 4px 9px rgba(174,191,211,.34),inset -4px -4px 9px rgba(255,255,255,.86)}
.preview-mode button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;padding:8px 10px;border-radius:10px;display:flex;gap:6px;align-items:center;cursor:pointer}.preview-mode button svg{width:14px}.preview-mode button.active{background:rgba(255,255,255,.78);color:var(--text);box-shadow:0 5px 13px rgba(91,112,137,.12)}
.preview-canvas{min-height:540px;border-radius:23px;background:linear-gradient(145deg,rgba(218,228,239,.74),rgba(248,251,254,.82));box-shadow:inset 9px 9px 22px rgba(169,187,207,.28),inset -9px -9px 22px rgba(255,255,255,.9);display:grid;place-items:center;padding:26px;transition:.28s ease}
.demo-paper{width:370px;min-height:492px;background:#fff;border-radius:4px;padding:18px 19px 13px;color:#172033;box-shadow:0 22px 50px rgba(54,72,97,.18);transition:.3s ease;transform-origin:center top}
.preview-canvas.is-mobile .demo-paper{width:245px;min-height:425px;transform:scale(.92)}
.demo-masthead{border-top:4px solid #172033;border-bottom:2px solid #172033;padding:9px 0;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.demo-masthead span{width:30px;height:30px;border-radius:7px;background:#172033;color:#fff;display:grid;place-items:center;font-weight:900}.demo-masthead strong{font-family:Georgia,serif;font-size:21px;letter-spacing:.04em}.demo-masthead small{font-size:6px;line-height:1.4;text-align:right;max-width:80px}.demo-subhead{font-size:8px;font-weight:900;letter-spacing:.18em;padding:7px 0 5px;border-bottom:1px solid #253047}
.demo-layout-row{display:flex;gap:7px;padding-top:8px}.demo-layout-row.row-8-4>.demo-story:first-child{flex:2}.demo-layout-row.row-8-4>.demo-story:last-child{flex:1}.demo-layout-row.row-4-4-4>.demo-story{flex:1}.demo-story{min-height:112px;border-bottom:1px solid #d8dde5;padding-bottom:7px}.demo-story span{height:54px;background:linear-gradient(135deg,#c6d7e6,#edf3f8);display:block;margin-bottom:7px}.demo-story b{height:7px;background:#1c2739;display:block;width:88%;margin-bottom:5px}.demo-story i{height:3px;background:#cbd3dd;display:block;margin:4px 0}.demo-story.photo span{height:75px}.demo-footer{display:flex;justify-content:space-between;border-top:1px solid #273246;margin-top:10px;padding-top:6px;font-size:6px}.preview-note{display:flex;gap:9px;align-items:center;padding:15px 4px 3px;color:var(--muted);font-size:12px;font-weight:600}.preview-note svg{width:16px;color:var(--primary)}
.template-library-section{padding-top:90px}.template-filter{display:flex;gap:7px;flex-wrap:wrap;padding:8px;margin:34px auto 40px;max-width:max-content;border-radius:20px}.filter-btn{border:0;background:transparent;padding:11px 14px;border-radius:14px;color:var(--muted);font:inherit;font-weight:800;font-size:12px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:.2s ease}.filter-btn svg{width:16px}.filter-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary),#7c4dff);box-shadow:0 9px 18px rgba(82,92,244,.24)}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.template-card{border-radius:25px;padding:14px;display:flex;flex-direction:column;min-height:382px;transition:transform .25s ease,box-shadow .25s ease}.template-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(57,77,104,.14)}.template-card.is-hidden{display:none}.template-card-head,.template-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.template-card-head{padding:2px 4px 12px}.template-card-head span{font-size:11px;font-weight:900;color:var(--text);letter-spacing:.08em}.template-card-head em{font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:rgba(80,99,255,.09);padding:6px 8px;border-radius:999px}
.template-art,.layout-art{min-height:175px;border-radius:18px;background:linear-gradient(145deg,rgba(222,231,241,.78),rgba(250,252,255,.87));box-shadow:inset 7px 7px 16px rgba(171,188,207,.26),inset -7px -7px 16px rgba(255,255,255,.9);display:grid;place-items:center;padding:17px}.paper-mini{width:94%;background:#fff;color:#172033;min-height:80px;box-shadow:0 12px 24px rgba(52,69,91,.13);padding:10px;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.front-logo{width:31px;height:31px;border:2px solid #18243a;display:grid;place-items:center;font-weight:900}.front-title{display:grid;gap:1px;flex:1}.front-title strong{font-family:Georgia,serif;font-size:16px;letter-spacing:.03em}.front-title small{font-size:6px;color:#697487}.front-meta{font-size:6px;text-align:right;font-weight:800}.header-center .paper-mini{justify-content:center;text-align:center}.header-center .front-logo{position:absolute;left:12px}.header-center .front-meta{position:absolute;right:12px}.header-photo .paper-mini:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#26344b,#7b8ca3)}.header-split .paper-mini{border-left:5px solid #23304a}.second-brand{display:flex;gap:7px;align-items:center}.second-brand span{width:22px;height:22px;border-radius:50%;background:#172033;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.second-brand strong{font:700 11px Georgia,serif}.second-meta{margin-left:auto;font-size:6px;font-weight:800}.second-ribbon .paper-mini{background:linear-gradient(90deg,#172033 0 44%,#fff 44%);color:#fff}.second-ribbon .second-meta{color:#172033}.second-compact .paper-mini{min-height:57px;border-bottom:2px solid #172033}.sub-label{font-size:10px;letter-spacing:.12em}.sub-rule{height:2px;background:#27344a;flex:1}.paper-mini>small{font-size:6px}.sub-bar .paper-mini{background:#172033;color:#fff}.sub-bar .sub-rule{background:#fff}.sub-line .paper-mini{border-left:4px solid #4b65ff}.sub-date .paper-mini{border-top:1px solid #172033;border-bottom:1px solid #172033}.foot-left,.foot-center{font-size:6px}.paper-mini>strong:last-child{margin-left:auto;font-size:11px}.footer-contact .paper-mini{border-top:3px double #172033}.footer-legal .paper-mini{min-height:100px;align-items:flex-end}.footer-legal .foot-center{max-width:55%}
.template-card-body{padding:17px 5px 14px;flex:1}.template-card-body h3{font-size:18px;letter-spacing:-.025em;margin:0 0 7px}.template-card-body p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.template-card-foot{border-top:1px solid rgba(128,148,171,.14);padding:11px 4px 1px}.template-card-foot>span{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px;font-weight:700}.template-card-foot>span svg{width:14px}.preview-template-btn{border:0;background:transparent;font:inherit;font-size:11px;font-weight:900;color:var(--primary);display:flex;gap:5px;align-items:center;cursor:pointer}.preview-template-btn svg{width:14px}.filter-empty{padding:28px;text-align:center;border-radius:22px;margin-top:20px}.filter-empty svg{width:28px;color:var(--muted);margin-bottom:8px}
.layout-paper{width:91%;min-height:145px;background:#fff;box-shadow:0 12px 24px rgba(52,69,91,.13);padding:9px;display:flex;flex-direction:column}.layout-paper-head{height:13px;border-top:3px solid #172033;border-bottom:1px solid #172033;margin-bottom:7px}.layout-slots{display:flex;gap:4px;min-height:76px}.layout-slots>span{flex-grow:var(--grow);flex-basis:0;border:1px solid #d7dde6;padding:4px;display:flex;flex-direction:column;gap:3px}.layout-slots i{height:25px;background:#e0e7ef}.layout-slots b{height:3px;background:#344159;display:block}.layout-lower{display:flex;gap:4px;margin-top:5px;flex:1}.layout-lower span{flex:1;background:#edf1f5;border:1px solid #e1e7ee}.layout-paper-foot{height:5px;border-top:1px solid #172033;margin-top:6px}
.editable-section{padding-top:80px}.editable-grid{display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center}.editable-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 18px}.editable-copy>p{font-size:16px;color:var(--muted);line-height:1.8}.editable-list{display:grid;gap:12px;margin-top:28px}.editable-list>div{display:flex;gap:13px;align-items:flex-start;padding:15px;border-radius:18px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.68)}.editable-list>div>svg{width:20px;color:var(--primary);margin-top:2px}.editable-list span{display:grid;gap:3px}.editable-list strong{font-size:13px}.editable-list small{font-size:11px;color:var(--muted);line-height:1.55}
.editable-panel{padding:22px;border-radius:28px}.editable-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(133,153,177,.16)}.editable-panel-head span{display:flex;align-items:center;gap:8px;font-weight:900}.editable-panel-head svg{width:18px}.editable-panel-head em{font-style:normal;color:var(--primary);font-size:11px;font-weight:900}.property-field{display:grid;gap:7px;margin-top:15px}.property-field label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.property-field>div{min-height:44px;border-radius:13px;background:rgba(237,243,249,.74);box-shadow:inset 3px 3px 7px rgba(177,193,211,.25),inset -3px -3px 7px rgba(255,255,255,.9);padding:12px 13px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.property-field svg{width:15px;color:var(--muted)}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-property{justify-content:flex-start!important;gap:9px!important}.upload-property span{width:30px;height:30px;border-radius:9px;background:rgba(84,105,255,.1);display:grid;place-items:center}.upload-property span svg{color:var(--primary)}.property-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}
.template-roadmap{padding:34px;border-radius:30px}.roadmap-copy{max-width:790px}.roadmap-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:11px 0 13px}.roadmap-copy p{color:var(--muted);line-height:1.75}.roadmap-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:center;margin-top:34px}.roadmap-flow>div{padding:18px;border-radius:19px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.68);display:grid;gap:4px}.roadmap-flow>div span{font-size:10px;color:var(--primary);font-weight:900}.roadmap-flow>div strong{font-size:13px}.roadmap-flow>div small{font-size:10px;color:var(--muted);line-height:1.45}.roadmap-flow>svg{width:18px;color:var(--muted)}
.template-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:20px}.template-modal.open{display:grid}.template-modal-backdrop{position:absolute;inset:0;background:rgba(23,32,51,.35);backdrop-filter:blur(12px)}.template-modal-card{position:relative;width:min(680px,100%);padding:28px;border-radius:30px;z-index:1;box-shadow:0 40px 100px rgba(19,32,52,.3)}.template-modal-card h3{font-size:28px;margin:8px 0}.template-modal-card>p{color:var(--muted);line-height:1.65;font-size:13px}.modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.65);display:grid;place-items:center;cursor:pointer;color:var(--text)}.modal-close svg{width:18px}.modal-paper{margin-top:22px;background:#fff;color:#172033;border-radius:4px;padding:20px;box-shadow:0 18px 45px rgba(39,56,79,.14)}.modal-masthead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-top:4px solid #172033;border-bottom:2px solid #172033;padding:8px 0}.modal-masthead span{width:32px;height:32px;background:#172033;color:#fff;display:grid;place-items:center;font-weight:900}.modal-masthead strong{font:700 22px Georgia,serif}.modal-masthead small{font-size:7px}.modal-columns{display:grid;grid-template-columns:1.7fr 1fr;gap:8px;padding:12px 0}.modal-columns>div{min-height:170px;border-bottom:1px solid #d9dee6}.modal-columns span{height:74px;background:#dfe7ef;display:block;margin-bottom:8px}.modal-columns b{height:8px;background:#172033;display:block;width:90%;margin-bottom:7px}.modal-columns i{height:4px;background:#d5dce5;display:block;margin:5px 0}.modal-footer{border-top:1px solid #172033;padding-top:7px;font-size:7px;text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
@media(max-width:1100px){.templates-hero-grid,.editable-grid{grid-template-columns:1fr;gap:46px}.templates-hero-copy{text-align:center}.templates-hero-copy>p{margin-inline:auto}.templates-hero-copy .hero-actions{justify-content:center}.template-counts{max-width:680px;margin-inline:auto;margin-top:32px}.templates-hero-preview{max-width:760px;width:100%;margin:auto}.template-grid{grid-template-columns:repeat(2,1fr)}.roadmap-flow{grid-template-columns:1fr 1fr}.roadmap-flow>svg{display:none}}
@media(max-width:780px){.templates-hero{padding-top:120px;min-height:auto}.templates-hero-copy h1{font-size:clamp(41px,11vw,59px)}.template-counts{grid-template-columns:repeat(2,1fr)}.preview-canvas{min-height:460px;padding:18px}.demo-paper{width:310px;transform:scale(.95)}.template-filter{max-width:none;display:grid;grid-template-columns:repeat(2,1fr)}.filter-btn{justify-content:center}.template-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.template-card{min-height:auto}.editable-grid{gap:36px}.roadmap-flow{grid-template-columns:1fr}.property-grid{grid-template-columns:1fr}.template-modal-card{padding:24px 18px}.modal-masthead strong{font-size:17px}}
@media(max-width:520px){.preview-console{padding:12px}.preview-console-top{align-items:flex-start;flex-direction:column}.preview-mode{width:100%}.preview-mode button{flex:1;justify-content:center}.preview-canvas{min-height:390px;padding:10px}.demo-paper{width:250px;min-height:390px;transform:scale(.9)}.templates-hero-copy .hero-actions{display:grid}.template-filter{grid-template-columns:1fr 1fr;padding:6px}.filter-btn{padding:10px 8px;font-size:10px}.template-art,.layout-art{min-height:155px}.editable-panel{padding:17px}.property-actions{display:grid;grid-template-columns:1fr 1fr}.property-actions .btn{width:100%}.template-roadmap{padding:25px 18px}.modal-columns{grid-template-columns:1fr}.modal-columns>div:last-child{min-height:90px}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions .btn{width:100%}}