
:root{--ink:#14130f;--gold:#c58b19;--gold2:#e8bd5b;--muted:#62615d;--paper:#fff;--cream:#faf8f3;--line:#e9e4da;--max:1220px;--shadow:0 18px 48px rgba(26,22,14,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.topline{background:#171612;color:#e9e2d4;font-size:11px}.topline .wrap{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topline a{color:#fff}
header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #eee9df}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:49px;height:53px;object-fit:contain}.brand b{display:block;font-size:20px;letter-spacing:-.8px;line-height:1.04}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2.8px;color:#8e774e;font-weight:750}.navlinks{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:650;color:#333}.navlinks a{padding:29px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:#9c6808;border-color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:12px}.phone{white-space:nowrap;border:1px solid #d7a640;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(100deg,#e4b34a,#bd7e0d);color:#16130c;border:1px solid #d09a2e;border-radius:28px;padding:13px 20px;font-size:13px;font-weight:820;box-shadow:0 8px 20px rgba(197,139,25,.18);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(197,139,25,.25)}.btn.ghost{background:#fff;border:1px solid #d9d3c7;color:#201e18;box-shadow:none}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:20px;padding:8px 12px}
.hero{position:relative;overflow:hidden;padding:50px 0 48px;background:radial-gradient(ellipse at 82% 2%,#f6ead0 0,transparent 32%),linear-gradient(105deg,#fff 0%,#fff 42%,#faf6ee 100%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:#fbf5e9;border:1px solid #ead9b4;color:#75520e;border-radius:25px;font-size:11px;font-weight:800;letter-spacing:.02em}.hero h1{font-size:clamp(42px,5.4vw,67px);line-height:1.01;letter-spacing:-3.3px;margin:21px 0 15px;max-width:620px}.gold{color:#b77b0d}.hero .lead{max-width:550px;margin:0;color:#5d5a53;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 22px}.trust{display:flex;flex-wrap:wrap;gap:10px 20px;color:#444139;font-size:11px;font-weight:750}.trust span:before{content:"✦";color:var(--gold);font-size:15px;margin-right:7px}.hero-art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;border:1px solid #eae4d8;box-shadow:var(--shadow);background:#f8f5ee}
.statstrip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0}.stat{padding:4px 20px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat b{display:block;font-size:15px}.stat span{font-size:11px;color:var(--muted)}
section{padding:72px 0}.section.alt{background:var(--cream)}.section-head{max-width:720px;text-align:center;margin:0 auto 36px}.kicker{font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#a56d08}.section-head h2,.split-copy h2{margin:10px 0 12px;font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-1.8px}.section-head p,.split-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.visual-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}.visual-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.visual-card img{width:100%;height:185px;object-fit:cover;background:#f7f4ed}.visual-card .body{padding:18px 20px 21px}.visual-card h3{font-size:16px;margin:0 0 6px;letter-spacing:-.3px}.visual-card p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.65}.text-link{font-size:11px;font-weight:850;color:#9d690a}.split{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.split-art{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);border-radius:20px;background:#f7f4ed;box-shadow:var(--shadow)}.bullets{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.bullets div{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:720}.tick{color:#a66e09;font-size:16px;line-height:1}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tile{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff}.tile .num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#faf1df;color:#98640a;font-size:11px;font-weight:900}.tile h3{font-size:14px;margin:12px 0 5px}.tile p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.processline{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.stage{padding:17px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:120px}.stage b{font-size:10px;color:#a26c0b}.stage h3{font-size:13px;margin:8px 0 5px}.stage p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution{border:1px solid var(--line);padding:19px;border-radius:16px;background:#fff;display:flex;gap:13px}.solution .number{font-size:12px;font-weight:900;color:#a66f0b}.solution h3{margin:0 0 4px;font-size:14px}.solution p{margin:0;color:var(--muted);font-size:11px}
.faqs{max-width:850px;margin:auto}.faqs details{border-bottom:1px solid var(--line);padding:17px 0}.faqs summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:800}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";color:#a46d0a;font-size:21px}.faqs details[open] summary:after{content:"−"}.faqs details p{margin:10px 30px 0 0;color:var(--muted);font-size:12px;line-height:1.75}
.cta{background:linear-gradient(110deg,#171612,#2a2417 62%,#76500d);color:#fff;border-radius:21px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:300px;height:300px;right:20%;top:-220px;border:1px solid #ffffff2a;border-radius:50%;box-shadow:0 0 0 45px #ffffff0b,0 0 0 90px #ffffff08}.cta>*{position:relative;z-index:1}.cta h2{font-size:clamp(25px,3.5vw,38px);margin:0 0 5px;letter-spacing:-1px}.cta p{margin:0;color:#d7d0c1;font-size:13px}.cta .btn{background:#e6b348}
footer{background:#12110e;color:#fff;padding:38px 0 20px}.footgrid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:36px;align-items:start}.footbrand{display:flex;align-items:center;gap:10px}.footbrand img{width:50px;height:54px;object-fit:contain}.footbrand b{font-size:19px}.footbrand small{display:block;color:#baa77d;font-size:9px;letter-spacing:2px}.foot p{color:#bcb5a7;font-size:12px;line-height:1.8}.footlinks{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;font-size:11px;color:#e1dacb}.footlinks a:hover{color:#e8bd5b}.footbottom{border-top:1px solid #ffffff22;margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:#a69e90;font-size:10px}
.page-hero{padding:46px 0 42px;background:radial-gradient(ellipse at 82% 4%,#f7edd8,transparent 38%),#fff}.crumb{font-size:11px;color:#8c867a;margin-bottom:14px}.crumb a{color:#9a680d}.page-title{font-size:clamp(38px,4.7vw,58px);letter-spacing:-2.4px;line-height:1.04;margin:17px 0 13px}.page-subtitle{color:var(--gold);font-weight:800;font-size:15px;margin-bottom:9px}.page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.page-art{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:#faf7ef}
.featureband{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.feature b{display:block;font-size:13px;margin-bottom:5px}.feature span{font-size:11px;color:var(--muted)}
.contactpanel{max-width:790px;margin:30px auto 0;border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contactpanel small{display:block;color:#97876a;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.contactpanel b{font-size:13px}.contactpanel a:hover{color:#9d680b}
@media(max-width:1040px){.navlinks{gap:12px;font-size:12px}.phone{display:none}.hero-grid,.page-hero-grid{gap:26px}.processline{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.topline .wrap{justify-content:center}.topline .right{display:none}.nav{height:68px}.brand img{width:42px;height:46px}.brand b{font-size:18px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:12px 22px 20px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0000000d;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:11px 0;border-bottom:1px solid #f2eee7}.nav-actions>.btn{display:none}.hero{padding:38px 0}.hero-grid,.page-hero-grid,.split{grid-template-columns:1fr;gap:23px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art,.page-art{aspect-ratio:4/3}.stats{grid-template-columns:1fr 1fr;gap:13px}.stat{padding:7px 10px;border-right:0;border-bottom:1px solid var(--line)}section{padding:52px 0}.grid3,.tiles,.solution-grid{grid-template-columns:1fr 1fr}.visual-card img{height:170px}.split{gap:26px}.split-art{order:0}.processline{grid-template-columns:1fr 1fr}.cta{padding:27px;align-items:flex-start;flex-direction:column}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.footbottom{flex-direction:column}.contactpanel{grid-template-columns:1fr}.featureband{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.grid3,.tiles,.solution-grid,.featureband{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.processline{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr}.footgrid>div:first-child{grid-column:auto}.contactpanel{padding:20px}}

/* Real photographic media: natural cover crops with fixed aspect ratios. */
.visual-card img,.hero-art,.page-art,.split-art{object-fit:cover;object-position:center;background:#f4f1ea}.visual-card img{aspect-ratio:16/10}.hero-art,.page-art,.split-art{aspect-ratio:3/2}


/* Responsive refinement: desktop, tablet and mobile */
:root { --content-gutter: clamp(18px, 3.5vw, 48px); }
html { scroll-padding-top: 100px; }
body { overflow-x: hidden; }
.wrap { width: min(var(--max), calc(100% - (var(--content-gutter) * 2))); }
main, section, .wrap, .hero-grid, .page-hero-grid, .split, .grid3, .tiles,
.solution-grid, .footgrid, .contactpanel { min-width: 0; }
img { height: auto; }
.hero-art, .page-art, .split-art { width: 100%; aspect-ratio: 3 / 2; }
.visual-card { display: flex; flex-direction: column; min-width: 0; }
.visual-card .body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.visual-card .text-link { margin-top: auto; padding-top: 10px; }
.btn, .phone { min-height: 44px; }
a, button, summary { touch-action: manipulation; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid rgba(197,139,25,.55);
  outline-offset: 3px;
}
.page-title, .hero h1, h2, h3, p { overflow-wrap: anywhere; }
.processline { align-items: stretch; }
.stage { height: 100%; }
.stat { min-width: 0; }
.contactpanel > div { min-width: 0; overflow-wrap: anywhere; }
.footlinks a { padding: 3px 0; }
@media (max-width: 1100px) {
  .nav { gap: 14px; }
  .navlinks { gap: 12px; font-size: 12px; }
  .phone { display: none; }
}
@media (max-width: 980px) {
  .navlinks {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 78px;
    padding: 12px max(24px, calc((100vw - var(--max)) / 2)) 20px;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 16px 28px rgba(0,0,0,.08);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .navlinks.open { display: flex; }
  .navlinks a { padding: 12px 0; border-bottom: 1px solid #f0ece4; }
  .menu { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
  .grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solution-grid, .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .processline { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hero-grid, .page-hero-grid { gap: 28px; }
  .split { gap: 32px; }
}
@media (max-width: 760px) {
  :root { --content-gutter: 17px; }
  html { scroll-padding-top: 78px; }
  .topline .wrap { min-height: 30px; font-size: 10px; }
  .nav { height: 68px; }
  .navlinks { top: 68px; }
  .brand img { width: 42px; height: 46px; }
  .brand b { font-size: 18px; }
  .nav-actions > .btn { display: none; }
  .hero { padding: 34px 0 30px; }
  .hero-grid, .page-hero-grid, .split { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .hero h1 { font-size: clamp(38px, 10vw, 48px); letter-spacing: -2px; }
  .page-title { font-size: clamp(34px, 9vw, 46px); letter-spacing: -1.6px; }
  .hero .lead, .page-hero .lead { font-size: 15px !important; line-height: 1.7 !important; }
  .hero-art, .page-art { aspect-ratio: 4 / 3; border-radius: 16px; }
  .split-art { aspect-ratio: 4 / 3; border-radius: 16px; }
  .hero-actions { gap: 10px; }
  .hero-actions .btn { flex: 1 1 100%; width: 100%; }
  .trust { gap: 8px 14px; line-height: 1.5; }
  section { padding: 48px 0; }
  .section-head { margin-bottom: 26px; text-align: left; }
  .section-head h2, .split-copy h2 { font-size: clamp(27px, 7vw, 36px); letter-spacing: -1.2px; }
  .section-head p, .split-copy p { font-size: 13px; line-height: 1.7; }
  .grid3, .solution-grid, .tiles { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .visual-card { border-radius: 14px; }
  .visual-card img { height: auto; aspect-ratio: 4 / 3; }
  .visual-card .body { padding: 14px; }
  .visual-card h3 { font-size: 14px; }
  .visual-card p { font-size: 11px; }
  .tile { padding: 15px; }
  .tile h3 { font-size: 13px; }
  .tile p { font-size: 11px; }
  .solution { padding: 15px; }
  .solution h3 { font-size: 13px; }
  .solution p { font-size: 11px; line-height: 1.55; }
  .processline { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .stage { min-height: 106px; padding: 14px 12px; }
  .stats { grid-template-columns: repeat(2, minmax(0,1fr)); padding: 14px 0; }
  .stat { padding: 9px 8px; }
  .stat b { font-size: 13px; }
  .stat span { font-size: 10px; }
  .cta { padding: 25px 22px; gap: 18px; border-radius: 16px; }
  .cta h2 { font-size: 27px; }
  .footgrid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px 18px; }
  .footgrid > div:first-child { grid-column: 1 / -1; }
  .footlinks { gap: 8px 12px; }
  .footbottom { flex-direction: column; gap: 7px; }
  .contactpanel { grid-template-columns: minmax(0,1fr); padding: 20px; }
}
@media (max-width: 420px) {
  .grid3, .solution-grid, .tiles, .featureband { grid-template-columns: minmax(0,1fr); }
  .hero h1 { font-size: 37px; }
  .page-title { font-size: 33px; }
  .visual-card img { aspect-ratio: 16 / 10; }
  .processline { grid-template-columns: minmax(0,1fr); }
  .footgrid { grid-template-columns: minmax(0,1fr); }
  .footgrid > div:first-child { grid-column: auto; }
  .contactpanel { padding: 17px; }
  .cta .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Wix-hosted enquiry and demo forms */
.form-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.form-aside{border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,#1b1913,#302719);color:#fff;padding:28px;position:sticky;top:118px}
.form-aside .kicker{color:#e7bd66}.form-aside h2{font-size:28px;line-height:1.12;letter-spacing:-1px;margin:10px 0 12px}.form-aside p{font-size:13px;color:#d4cbb8;line-height:1.75}
.form-aside-list{display:grid;gap:13px;margin:22px 0}.form-aside-item{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#f1eadc}.form-aside-item b{display:block;color:#fff;font-size:12px}.form-aside-item small{display:block;color:#c7bda8;font-size:11px;margin-top:2px}
.form-contact-links{display:grid;gap:10px;border-top:1px solid #ffffff2a;padding-top:18px}.form-contact-links a{font-size:12px;color:#f0d08b;font-weight:750;overflow-wrap:anywhere}
.form-panel{border:1px solid var(--line);border-radius:22px;background:#fff;padding:clamp(14px,2vw,24px);box-shadow:0 18px 48px rgba(26,22,14,.07);min-width:0}
.form-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:4px 4px 16px}.form-panel-head h2{font-size:23px;line-height:1.15;letter-spacing:-.7px;margin:0 0 5px}.form-panel-head p{margin:0;color:var(--muted);font-size:12px}
.form-secure{display:inline-flex;align-items:center;gap:6px;border:1px solid #e8e2d6;background:#fbf9f5;border-radius:30px;padding:7px 10px;font-size:10px;color:#766a53;white-space:nowrap}
.wix-form-frame{width:100%;height:920px;border:0;border-radius:14px;background:#fff;display:block}
.wix-form-frame.demo{height:1120px}
.form-fallback{margin:10px 4px 0;padding:12px 14px;border-radius:12px;background:#faf8f3;color:#706b61;font-size:11px;line-height:1.6}
.form-fallback a{color:#946308;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.form-note{font-size:11px;color:var(--muted);line-height:1.65;margin:13px 5px 2px}
.demo-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}
.demo-benefit{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.demo-benefit b{display:block;font-size:12px;margin-bottom:5px}
.demo-benefit span{font-size:11px;color:var(--muted);line-height:1.6}
@media(max-width:900px){.form-layout{grid-template-columns:1fr}.form-aside{position:static}.form-aside-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.form-layout{gap:16px}.form-aside{padding:22px;border-radius:16px}.form-aside-list{grid-template-columns:1fr 1fr}.form-panel{padding:12px;border-radius:16px}.form-panel-head{flex-direction:column;gap:8px}.wix-form-frame{height:1060px}.wix-form-frame.demo{height:1290px}.demo-benefits{grid-template-columns:1fr}.form-secure{white-space:normal}}
@media(max-width:420px){.form-aside-list{grid-template-columns:1fr}.wix-form-frame{height:1180px}.wix-form-frame.demo{height:1420px}}

/* Final form experience polish */
.form-panel{background:linear-gradient(180deg,#fff 0%,#fffdfa 100%)}
.form-panel-head{padding-bottom:14px;border-bottom:1px solid #f0ece3}
.form-secure{color:#75530f;background:#fbf4e7;border-color:#efe0bc}
.form-fallback a:hover{color:#6f4a06}
.form-contact-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.demo-benefit{transition:transform .18s ease,box-shadow .18s ease}
.demo-benefit:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(26,22,14,.06)}
@media(max-width:760px){.form-panel-head h2{font-size:21px}.form-aside h2{font-size:25px}}
