@import "tailwindcss";

:root { --ink:#25342e; --forest:#2f4a3d; --sage:#dfe6d7; --cream:#f7f3ea; --paper:#fffdf8; --clay:#c97a55; --line:#d9ddcf; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:78px; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(255,253,248,.94); position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; }
.header-logo { display:block; width:168px; height:48px; object-fit:contain; object-position:left center; }
nav { display:flex; gap:30px; font-size:13px; color:#536158; }
nav a:hover { color:var(--clay); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; background:var(--forest); color:white; padding:15px 20px; border-radius:6px; border:1px solid var(--forest); font-weight:700; font-size:13px; cursor:pointer; }
.button:hover { background:#22372e; }
.button-small { padding:11px 16px; }
.hero { min-height:690px; padding:76px 5vw 84px; display:grid; grid-template-columns:.92fr 1.08fr; gap:5vw; align-items:center; background:linear-gradient(110deg,var(--cream) 0%,#fffdf8 66%); overflow:hidden; }
.hero-copy { max-width:620px; }
.eyebrow { margin:0 0 18px; color:var(--clay); font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { font-family:Georgia,serif; font-size:clamp(54px,6vw,90px); line-height:.98; letter-spacing:-4px; font-weight:400; margin-bottom:28px; }
h1 em { color:var(--clay); font-weight:400; }
.hero-lead { max-width:580px; font-family:Georgia,serif; font-size:20px; line-height:1.55; color:#526059; }
.hero-actions { display:flex; align-items:center; gap:28px; margin:34px 0; }
.text-link { border-bottom:1px solid var(--ink); font-weight:700; font-size:13px; padding-bottom:4px; }
.trust-row { display:flex; flex-wrap:wrap; gap:18px; padding-top:20px; border-top:1px solid var(--line); font-size:11px; color:#647068; }
.dashboard-shell { background:#f9f8f3; border:1px solid #cfd6ca; box-shadow:0 28px 70px rgba(45,64,54,.18); border-radius:14px; overflow:hidden; transform:rotate(1deg); }
.dashboard-top { padding:15px 18px; background:white; border-bottom:1px solid #e6e8e0; display:flex; justify-content:space-between; align-items:center; font-size:10px; }
.mini-brand { font-weight:800; }.mini-brand span { display:inline-grid; place-items:center; width:22px; height:22px; background:var(--forest); color:white; border-radius:50%; margin-right:6px; }
.status-dot { color:#56725f; }.status-dot:before { content:""; width:6px; height:6px; border-radius:50%; background:#5b9b68; display:inline-block; margin-right:5px; }
.dashboard-body { display:grid; grid-template-columns:120px 1fr; min-height:390px; }
.dashboard-body aside { padding:26px 16px; border-right:1px solid #e0e3db; display:flex; flex-direction:column; gap:22px; font-size:9px; color:#7a827c; }.dashboard-body aside b { background:var(--sage); color:var(--forest); margin:-8px; padding:10px; border-radius:5px; }
.dashboard-content { padding:28px 24px; }.dash-heading { display:flex; justify-content:space-between; align-items:center; }.dash-heading small { color:#8a928c; }.dash-heading h3 { font-family:Georgia,serif; margin:4px 0 0; font-size:22px; }.dash-heading button { background:var(--clay); color:white; border:0; border-radius:5px; padding:9px 12px; font-size:9px; }
.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:22px 0; }.metric-grid>div { background:white; border:1px solid #e3e5df; padding:14px; border-radius:7px; display:flex; flex-direction:column; gap:8px; }.metric-grid small { font-size:8px; color:#777; }.metric-grid strong { font-family:Georgia,serif; font-size:20px; }.metric-grid span { font-size:7px; color:#718274; }
.order-card { background:white; border:1px solid #e3e5df; border-radius:7px; padding:16px; }.order-title,.order-row { display:grid; grid-template-columns:.7fr 1.5fr 1fr .8fr; gap:8px; align-items:center; }.order-title { display:flex; justify-content:space-between; padding-bottom:12px; font-size:9px; }.order-title span { color:var(--clay); }.order-row { border-top:1px solid #eee; padding:11px 0; font-size:8px; }.order-row b { font-weight:500; }.order-row strong { text-align:right; }.order-row i { font-style:normal; border-radius:10px; padding:4px 6px; text-align:center; }.paid { background:#e4f0e4;color:#39704a; }.pending { background:#fff0da;color:#a66d22; }.ready { background:#e7ebf3;color:#536686; }
.clarity-strip { background:var(--forest); color:white; padding:30px 5vw; display:grid; grid-template-columns:auto 1fr auto; gap:30px; align-items:center; }.clarity-strip p,.clarity-strip strong { margin:0; font-family:Georgia,serif; }.clarity-strip div { display:flex; gap:10px; flex-wrap:wrap; }.clarity-strip span { border:1px solid #708177; color:#dce4dc; padding:8px 12px; border-radius:30px; font-size:11px; }
.section { padding:105px 5vw; }.section-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:10vw; align-items:end; margin-bottom:55px; }.section-heading h2,.price-intro h2,.care-section h2,.enquiry-copy h2,.catalogue-intro h2 { font-family:Georgia,serif; font-size:clamp(36px,4vw,58px); line-height:1.06; letter-spacing:-2px; font-weight:400; margin-bottom:0; }.section-heading>p,.price-intro>p,.catalogue-intro>p,.enquiry-copy>p { color:#69736c; line-height:1.75; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.feature-card { min-height:220px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.feature-number { font-family:Georgia,serif; color:var(--clay); font-size:12px; }.feature-card h3 { margin:50px 0 12px; font-family:Georgia,serif; font-size:23px; font-weight:400; }.feature-card p { color:#6c756f; line-height:1.6; font-size:13px; }
.catalogue-section { padding:105px 5vw; background:var(--forest); color:white; display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; }.eyebrow.light { color:#dca183; }.catalogue-intro>p { color:#ccd5ce; }.button-light { background:var(--paper); border-color:var(--paper); color:var(--forest); margin-top:20px; }.catalogue-list { display:grid; gap:14px; }.catalogue-card { border:1px solid #63756b; padding:25px; border-radius:8px; background:#354f43; }.catalogue-card.featured { background:var(--paper); color:var(--ink); }.catalogue-label { display:flex; justify-content:space-between; color:#b9c5bc; }.featured .catalogue-label { color:#79857d; }.catalogue-label small { text-transform:uppercase; font-size:8px; letter-spacing:1px; }.catalogue-card h3 { font-family:Georgia,serif; font-size:25px; font-weight:400; margin:22px 0 8px; }.catalogue-card p { color:#c6d0c9; line-height:1.5; font-size:12px; }.featured p { color:#6c756f; }.catalogue-card ul { display:flex; list-style:none; padding:0; gap:8px; flex-wrap:wrap; }.catalogue-card li { background:var(--sage); color:var(--forest); padding:6px 9px; border-radius:20px; font-size:9px; }.catalogue-link { display:block; margin-top:20px; color:var(--clay); font-weight:700; font-size:12px; }
.pricing-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; background:var(--cream); }.price-intro { padding-top:38px; }.price-intro h2 { margin-bottom:25px; }.main-price-card { background:white; border:1px solid var(--line); box-shadow:12px 12px 0 var(--sage); padding:36px; }.price-card-top { display:flex; justify-content:space-between; text-transform:uppercase; letter-spacing:1px; font-weight:800; font-size:10px; }.price-card-top small { background:var(--sage); padding:6px 8px; border-radius:12px; }.price { display:flex; align-items:baseline; gap:10px; padding:30px 0; border-bottom:1px solid var(--line); }.price small { text-transform:uppercase; font-size:9px; }.price strong { font-family:Georgia,serif; font-size:48px; font-weight:400; }.price span { color:#778078; font-size:10px; }.main-price-card ul { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:24px 0 24px 20px; font-size:12px; }.main-price-card li::marker { color:var(--clay); }.scope-note { background:#f4f1e9; padding:14px; font-size:10px; line-height:1.6; color:#6d756f; }.full { width:100%; }
.care-section { padding:80px 5vw; display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:20px; align-items:stretch; }.care-section>div { padding-right:5vw; }.care-section article { border:1px solid var(--line); padding:28px; position:relative; }.care-section article small { text-transform:uppercase; letter-spacing:1px; font-weight:800; }.care-section article strong { display:block; font-family:Georgia,serif; font-size:33px; margin:36px 0 15px; }.care-section article strong span { font:10px Arial; color:#747e77; }.care-section article p { color:#6c756f; font-size:12px; line-height:1.6; }.standard { background:var(--forest); color:white; }.standard p,.standard strong span { color:#ccd5ce!important; }.popular { position:absolute; right:18px; top:-10px; background:var(--clay); color:white; font-size:8px; padding:6px 8px; text-transform:uppercase; }.care-note { grid-column:2/4; font-size:9px; color:#7b837e; margin:0; }
.process-section { background:#f4f0e7; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #cfd4c8; }.process-grid article { padding:26px 26px 20px 0; border-right:1px solid #cfd4c8; margin-right:24px; }.process-grid span { color:var(--clay); font-family:Georgia,serif; }.process-grid h3 { margin:45px 0 12px; font-family:Georgia,serif; font-size:22px; font-weight:400; }.process-grid p { color:#69736c; font-size:12px; line-height:1.6; }.provided-note { margin-top:50px; background:white; border:1px solid var(--line); padding:20px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.provided-note b { margin-right:auto; font-family:Georgia,serif; }.provided-note span { background:var(--sage); padding:7px 10px; border-radius:20px; font-size:10px; }
.enquiry-section { background:#243b31; color:white; padding:105px 8vw; display:grid; grid-template-columns:1fr 1fr; gap:9vw; }.enquiry-copy>p { color:#ccd5ce; }.enquiry-promise { display:flex; gap:15px; margin-top:28px; }.enquiry-promise span { color:#dca183; font-family:Georgia,serif; }.enquiry-promise p { font-size:12px; line-height:1.6; color:#cbd3cd; }.enquiry-promise b { color:white; }.enquiry-form { background:var(--paper); color:var(--ink); padding:32px; border-radius:8px; display:grid; gap:17px; }.enquiry-form label { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.8px; }.enquiry-form input,.enquiry-form textarea { width:100%; margin-top:7px; border:1px solid var(--line); background:white; padding:13px; border-radius:4px; font:12px Arial; outline:none; }.enquiry-form input:focus,.enquiry-form textarea:focus { border-color:var(--clay); }.enquiry-form small { text-align:center; color:#7c857e; font-size:9px; line-height:1.5; }.enquiry-form small a { color:var(--forest); font-weight:700; }.enquiry-form .website-field { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
footer { padding:30px 5vw; display:flex; align-items:center; justify-content:space-between; gap:25px; font-size:10px; color:#738078; }footer p { margin:0; }.footer-brand { color:var(--ink); }.footer-logo { display:block; width:150px; height:44px; object-fit:contain; object-position:left center; }
@media(max-width:900px){ nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.dashboard-shell{transform:none}.clarity-strip{grid-template-columns:1fr}.section-heading,.catalogue-section,.pricing-section,.enquiry-section{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.care-section{grid-template-columns:1fr 1fr}.care-section>div{grid-column:1/3}.care-note{grid-column:1/3}.process-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:600px){.site-header{height:66px}.site-header>.button{display:none}.header-logo{width:145px;height:42px}.hero{padding:48px 5vw 60px;min-height:auto}h1{font-size:54px;letter-spacing:-3px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{flex-direction:column;gap:8px}.dashboard-body{grid-template-columns:1fr}.dashboard-body aside{display:none}.metric-grid{grid-template-columns:1fr}.order-row{grid-template-columns:.7fr 1.4fr 1fr}.order-row strong{display:none}.section{padding:75px 5vw}.section-heading{gap:25px}.feature-grid{grid-template-columns:1fr}.catalogue-section{padding:75px 5vw}.pricing-section{gap:35px}.main-price-card{padding:24px;box-shadow:7px 7px 0 var(--sage)}.price strong{font-size:40px}.main-price-card ul{grid-template-columns:1fr}.care-section{grid-template-columns:1fr;padding:70px 5vw}.care-section>div,.care-note{grid-column:auto}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid #cfd4c8}.enquiry-section{padding:75px 5vw}.enquiry-form{padding:22px}footer{flex-direction:column;align-items:flex-start}}