:root{--ink:#17211b;--muted:#657068;--paper:#f5f1e8;--line:#17211b24;--lime:#d9ff62;--forest:#1e3527;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner{align-items:center;gap:44px;min-height:72px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.brand-mark{width:31px;height:31px;color:var(--lime);background:var(--ink);border-radius:50%;place-items:center;display:grid}.main-nav{color:#4c5750;gap:28px;font-size:14px;display:flex}.main-nav a:hover{color:var(--ink)}.header-inner>.button{margin-left:auto}.button{border:1px solid var(--ink);min-height:48px;color:var(--white);background:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #17211b26}.button-small{min-height:40px;padding:0 18px;font-size:13px}.button-light{border-color:var(--lime);color:var(--ink);background:var(--lime)}.hero{text-align:center;padding-top:112px}.eyebrow,.kicker{color:#516057;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{align-items:center;gap:9px;display:inline-flex}.eyebrow span{background:#49a266;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #49a26624}.hero h1{letter-spacing:-.065em;max-width:900px;margin:24px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,8vw,96px);font-weight:400;line-height:.95}.hero-copy{max-width:630px;color:var(--muted);margin:30px auto 0;font-size:18px;line-height:1.65}.hero-actions{justify-content:center;align-items:center;gap:28px;margin-top:34px;display:flex}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:14px;font-weight:800}.text-link span{margin-left:4px}.product-frame{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:18px 18px 0 0;margin-top:86px;overflow:hidden;box-shadow:0 30px 70px #2a342d24}.frame-toolbar{border-bottom:1px solid var(--line);background:#ede9df;align-items:center;gap:7px;height:48px;padding:0 16px;display:flex}.frame-dot{background:#c8c3b8;border-radius:50%;width:8px;height:8px}.frame-address{border:1px solid var(--line);color:#81877f;background:var(--white);text-align:center;border-radius:7px;width:230px;margin:auto;padding:6px 14px;font-size:10px}.frame-live{color:#388052;text-transform:uppercase;font-size:9px;font-weight:800}.frame-body{grid-template-columns:170px 1fr 190px;min-height:440px;display:grid}.frame-sidebar,.frame-settings{color:#788078;background:#f8f6f0;flex-direction:column;gap:12px;padding:22px;font-size:10px;display:flex}.frame-sidebar{border-right:1px solid var(--line)}.frame-settings{border-left:1px solid var(--line)}.frame-sidebar strong,.frame-settings strong{color:var(--ink);margin-bottom:8px;font-size:11px}.frame-sidebar span{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:10px}.frame-canvas{background:#dde8dc;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px clamp(30px,7vw,90px);display:flex}.canvas-label{letter-spacing:.18em;margin-bottom:20px;font-size:9px;font-weight:800}.canvas-title{letter-spacing:-.05em;max-width:500px;font-family:Georgia,serif;font-size:clamp(35px,5vw,62px);line-height:.98}.canvas-copy{background:#17211b2e;border-radius:20px;width:68%;height:7px;margin-top:28px}.canvas-copy.short{width:48%;margin-top:9px}.canvas-button{color:var(--white);background:var(--ink);border-radius:999px;margin-top:30px;padding:11px 18px;font-size:9px;font-weight:700}.settings-row{background:#ddd9cf;border-radius:10px;height:8px}.settings-color{background:#9cb69d;border-radius:5px;width:28px;height:28px}.feature-section{color:var(--white);background:var(--forest);padding:120px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:60px;display:flex}.section-heading .kicker{color:#b8c3ba}.section-heading h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.02}.feature-grid{border-top:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);margin-top:76px;display:grid}.feature-card{border-right:1px solid #ffffff2e;min-height:300px;padding:28px 34px 20px 0}.feature-card+.feature-card{padding-left:34px}.feature-card:last-child{border-right:0}.feature-card>span{color:var(--lime);font-size:11px;font-weight:800}.feature-card h3{margin:90px 0 14px;font-size:20px}.feature-card p{color:#b8c3ba;max-width:290px;margin:0;font-size:14px;line-height:1.7}.closing{color:var(--white);text-align:center;background:#25211c;border-radius:22px;margin-block:24px;padding:110px 30px}.closing .kicker{color:#bdb5aa}.closing h2{letter-spacing:-.05em;max-width:700px;margin:18px auto 32px;font-family:Georgia,serif;font-size:clamp(42px,6vw,74px);font-weight:400;line-height:1}.catalog{min-height:70vh;padding-block:100px 120px}.catalog-heading{max-width:830px}.catalog-heading h1,.not-found h1{letter-spacing:-.055em;margin:20px 0;font-family:Georgia,serif;font-size:clamp(48px,7vw,78px);font-weight:400;line-height:.98}.catalog-heading>p:last-child{max-width:580px;color:var(--muted);font-size:17px;line-height:1.65}.template-grid{grid-template-columns:repeat(2,1fr);gap:72px 24px;margin-top:80px;display:grid}.template-preview{aspect-ratio:4/3;border:1px solid var(--line);background:#dce8df;border-radius:14px;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.template-preview:hover{transform:translateY(-4px);box-shadow:0 20px 40px #17211b21}.template-preview:before{content:"";background:#fffdf8f0;border-radius:9px 9px 0 0;position:absolute;inset:8% 8% 0;box-shadow:0 14px 35px #17211b1f}.preview-2{background:#eadccf}.preview-3{background:#d9dce9}.preview-4{background:#e8e1bd}.preview-nav,.preview-title,.preview-copy,.preview-action{z-index:1;background:var(--ink);border-radius:20px;display:block;position:absolute;left:15%}.preview-nav{opacity:.16;width:70%;height:4px;top:15%}.preview-title{border-radius:4px;width:50%;height:11%;top:34%}.preview-copy{opacity:.24;width:42%;height:3%;top:49%}.preview-action{background:#9ebd72;width:18%;height:8%;top:59%}.template-details{justify-content:space-between;gap:20px;padding-top:18px;display:flex}.template-details h2{margin:0;font-size:18px}.template-details p{max-width:430px;color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.5}.template-details>span{color:#7e877f;flex:none;font-size:11px}.template-tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.template-tags span{border:1px solid var(--line);color:#5d6860;border-radius:999px;padding:5px 9px;font-size:10px}.empty-state{border:1px solid var(--line);background:var(--white);border-radius:18px;margin-top:70px;padding:60px}.empty-state>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.empty-state h2{letter-spacing:-.03em;margin:16px 0 8px;font-family:Georgia,serif;font-size:38px;font-weight:400}.empty-state p{color:var(--muted);margin:0 0 26px}.not-found{text-align:center;min-height:70vh;padding-block:130px}.not-found p:not(.kicker){color:var(--muted);margin:0 auto 30px}.site-footer{border-top:1px solid var(--line)}.footer-inner{color:#6c766f;justify-content:space-between;align-items:center;min-height:100px;font-size:12px;display:flex}.footer-inner div{gap:24px;display:flex}@media (max-width:780px){.shell{width:min(100% - 28px,1180px)}.main-nav{display:none}.hero{padding-top:76px}.hero h1{font-size:clamp(46px,15vw,72px)}.hero-actions{flex-direction:column;gap:20px}.product-frame{margin-top:64px}.frame-body{grid-template-columns:1fr;min-height:330px}.frame-sidebar,.frame-settings{display:none}.section-heading{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card+.feature-card{border-bottom:1px solid #ffffff2e;border-right:0;min-height:220px;padding:28px 0}.feature-card h3{margin-top:55px}.template-grid{grid-template-columns:1fr;gap:48px}.catalog{padding-top:70px}.empty-state{padding:34px 24px}}