:root{--ink:#172d2c;--muted:#637271;--green:#123b3a;--green-2:#1b4b48;--mint:#dcebe5;--cream:#f7f5ef;--white:#fff;--accent:#ee765b;--accent-dark:#dc6349;--line:#dfe5e1;--shadow:0 24px 70px rgba(18,59,58,.11);--radius:22px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{margin-bottom:24px;font-size:clamp(3.15rem,6vw,5.65rem);font-weight:750}h2{margin-bottom:22px;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:720}h3{margin-bottom:12px;font-size:1.28rem}p{color:var(--muted)}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.section{position:relative;overflow:hidden;padding:112px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 16px;color:#fff;background:var(--green);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;top:0;left:0;z-index:100;width:100%;border-bottom:1px solid rgba(18,59,58,.09)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;flex:0 0 auto}.logo img{display:block;width:auto;height:48px}.site-nav{display:flex;align-items:center;gap:30px}.site-nav>a:not(.button){color:#3f5553;font-size:.92rem;font-weight:600}.site-nav>a:not(.button):hover{color:var(--accent)}.menu-toggle{display:none;padding:8px;background:transparent;border:0}.button{display:inline-flex;min-height:54px;padding:0 24px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--accent);border-radius:8px;color:#fff;background:var(--accent);box-shadow:0 12px 28px rgba(238,118,91,.2);cursor:pointer;font-weight:700;transition:180ms ease}.button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px)}.button-small{min-height:43px;padding:0 18px;border-radius:7px;font-size:.86rem}.button-secondary{color:var(--green);background:transparent;border-color:#b9c9c5;box-shadow:none}.button-secondary:hover{color:#fff;background:var(--green);border-color:var(--green)}.button-row{display:flex;flex-wrap:wrap;gap:14px}
.hero{min-height:820px;padding-top:180px;padding-bottom:100px;background:var(--cream)}.hero:before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(#809490 .65px,transparent .65px);background-size:18px 18px;mask-image:linear-gradient(to right,#000,transparent 44%)}.hero-glow{position:absolute;top:80px;right:-230px;width:650px;height:650px;border-radius:50%;background:rgba(205,227,217,.72)}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:68px}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:27px;height:2px;background:var(--accent)}.eyebrow.light{color:#c9dfd9}.hero h1 em{position:relative;color:var(--green);font-family:Georgia,serif;font-weight:500}.hero h1 em:after{content:"";position:absolute;left:3%;right:-2%;bottom:-3px;height:8px;background:var(--accent);border-radius:80% 20% 70% 30%;opacity:.7;transform:rotate(-1deg)}.hero-lead{max-width:660px;margin-bottom:34px;font-size:1.18rem;line-height:1.7}.trust-line{display:flex;align-items:center;gap:10px;margin:26px 0 0;font-size:.84rem;font-weight:550}.trust-check{display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:50%;color:var(--green);background:var(--mint);font-size:.78rem;font-weight:900}
.hero-visual{position:relative;padding:25px 0 35px}.browser-card{position:relative;z-index:2;overflow:hidden;border:8px solid #fff;border-radius:18px;background:#fff;box-shadow:0 32px 75px rgba(18,59,58,.21);transform:rotate(1.25deg)}.browser-top{display:flex;height:36px;padding:0 12px;align-items:center;background:#edf1ee}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#b7c3bf}.browser-address{width:42%;margin:auto;padding:3px 8px;border-radius:4px;color:#8a9996;background:#fff;font-size:.47rem;text-align:center}.mock-site{position:relative;min-height:410px;overflow:hidden;padding:25px 28px;background:#e8eee9}.mock-nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.mock-logo{display:flex;align-items:center;gap:6px;color:#183f3c;font-size:.58rem;font-weight:800;letter-spacing:.12em}.mock-logo span{width:17px;height:17px;border:5px solid var(--accent);border-radius:50%}.mock-links{display:flex;gap:9px;align-items:center}.mock-links i{width:20px;height:2px;background:#9bad9f}.mock-links b,.mock-buttons b{padding:7px 11px;border-radius:4px;color:#fff;background:var(--accent);font-size:.45rem}.mock-content{position:relative;z-index:3;max-width:55%;padding-top:66px}.mock-label{color:var(--accent-dark);font-size:.47rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mock-content h2{margin:11px 0 12px;color:var(--green);font-family:Georgia,serif;font-size:2.35rem;font-weight:500}.mock-content p{color:#667d77;font-size:.61rem;line-height:1.55}.mock-buttons{display:flex;align-items:center;gap:16px;margin-top:18px}.mock-buttons span{color:var(--green);font-size:.5rem;font-weight:700;text-decoration:underline}.mock-art{position:absolute;right:-26px;bottom:-54px;width:57%;height:90%;border-radius:50% 0 0 0;background:#b8cec0}.art-circle{position:absolute;right:48px;top:45px;width:145px;height:220px;border-radius:48% 48% 20px 20px;background:#79968a;transform:rotate(9deg)}.art-circle:after{content:"";position:absolute;top:-16px;left:28px;width:88px;height:70px;border-radius:50%;background:#526e65}.art-card{position:absolute;left:-42px;bottom:85px;display:flex;width:132px;padding:11px;flex-direction:column;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(18,59,58,.14)}.art-card span{color:#f1ae4c;font-size:.5rem}.art-card strong{margin-top:3px;color:var(--green);font-size:.58rem}.art-card small{color:#899995;font-size:.45rem}.result-card{position:absolute;z-index:4;right:-19px;bottom:3px;display:flex;padding:15px 18px;align-items:center;gap:12px;border:1px solid #dce5e1;border-radius:12px;background:#fff;box-shadow:0 15px 35px rgba(18,59,58,.16)}.result-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--green);background:var(--mint);font-weight:900}.result-card div{display:flex;flex-direction:column}.result-card strong{font-size:.74rem}.result-card small{color:#899692;font-size:.58rem}.accent-squiggle{position:absolute;right:-45px;top:5px;width:105px;height:70px;border-top:3px solid var(--accent);border-radius:50%;transform:rotate(30deg)}
.section-heading{max-width:700px;margin-bottom:54px}.section-heading p{max-width:620px;margin-bottom:0;font-size:1.05rem}.centered{margin-inline:auto;text-align:center}.centered .eyebrow{justify-content:center}.centered p{margin-inline:auto}.split-heading{display:grid;max-width:none;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.split-heading h2{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{padding:34px 30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:180ms}.info-card:hover{border-color:#c8d8d2;box-shadow:var(--shadow);transform:translateY(-4px)}.info-card p{margin-bottom:0;font-size:.94rem}.icon-box{display:grid;width:52px;height:52px;margin-bottom:28px;place-items:center;border-radius:14px;color:var(--accent);background:#fff0eb;font-size:1.45rem;font-weight:800}
.services-section{color:#fff;background:var(--green)}.services-section .split-heading p{color:#b9cfca}.service-card{position:relative;padding:38px 32px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:var(--green-2)}.service-card.featured{border-color:var(--accent);background:#fff;color:var(--ink);transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.14)}.service-card:not(.featured) p{color:#b9cfca}.service-number{margin-bottom:30px;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.14em}.service-card h3{font-size:1.55rem}.service-card p{min-height:96px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.92rem}.service-card.featured p{border-color:var(--line)}.popular-tag{position:absolute;top:20px;right:20px;padding:5px 10px;border-radius:20px;color:var(--accent-dark);background:#fff0eb;font-size:.65rem;font-weight:800;text-transform:uppercase}.check-list{display:grid;gap:11px;padding:5px 0 0;list-style:none}.check-list li{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600}.check-list li:before{content:"✓";color:var(--accent);font-weight:900}
.demo-first-section{background:#edf3ef}.demo-first-section:before{content:"";position:absolute;left:-130px;top:-130px;width:360px;height:360px;border:1px solid #cbdcd4;border-radius:50%;box-shadow:0 0 0 45px #e2ece6,0 0 0 46px #cbdcd4}.demo-first-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.demo-copy{position:relative}.demo-copy p{margin-bottom:30px;font-size:1.05rem}.concept-steps{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}.concept-steps:before{content:"";position:absolute;top:60px;bottom:60px;left:52px;width:1px;background:#bccfc7}.concept-steps li{position:relative;display:flex;padding:25px 28px;align-items:center;gap:24px;border:1px solid #d5e1dc;border-radius:16px;background:rgba(255,255,255,.83)}.concept-steps li>span{display:grid;z-index:1;width:48px;height:48px;flex:none;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:.72rem;font-weight:800}.concept-steps h3{margin-bottom:5px;font-size:1.1rem}.concept-steps p{margin:0;font-size:.87rem}
.process-section{background:var(--cream)}.process-list{display:grid;margin:75px 0 0;padding:0;grid-template-columns:repeat(5,1fr);list-style:none}.process-list li{position:relative;display:flex;padding:0 22px;flex-direction:column;text-align:center}.process-list li:not(:last-child):after{content:"";position:absolute;top:25px;left:calc(50% + 34px);width:calc(100% - 68px);height:1px;background:#bdccc6}.process-list li>span{display:grid;z-index:1;width:52px;height:52px;margin:0 auto 24px;place-items:center;border:1px solid #b8c9c2;border-radius:50%;color:var(--green);background:var(--cream);font-size:.7rem;font-weight:800}.process-list li:hover>span{color:#fff;background:var(--accent);border-color:var(--accent)}.process-list strong{margin-bottom:8px;font-size:.94rem}.process-list small{color:var(--muted);font-size:.78rem;line-height:1.55}
.demo-card h3{margin:22px 0 7px}.demo-card>p{font-size:.9rem}.demo-preview{position:relative;height:295px;overflow:hidden;padding:35px 25px 0;border-radius:var(--radius);background:#eadbd5}.demo-preview.restaurant{background:#d8c8ad}.demo-preview.trades{background:#cbd9dd}.preview-pill{position:absolute;z-index:3;top:15px;right:15px;padding:5px 9px;border-radius:30px;color:#fff;background:rgba(23,45,44,.78);font-size:.58rem;font-weight:750;text-transform:uppercase}.preview-window{height:285px;padding:22px;border:6px solid rgba(255,255,255,.8);border-radius:12px 12px 0 0;background:#f9f2ef;box-shadow:0 18px 45px rgba(30,44,42,.16);transform:rotate(-2deg)}.restaurant .preview-window{color:#f6eadb;background:#3d382e;transform:rotate(1.5deg)}.trades .preview-window{background:#f4f7f8;transform:rotate(-1deg)}.preview-window i{display:block;width:100%;height:8px;margin-bottom:30px;border-bottom:1px solid currentColor;opacity:.2}.preview-window b{color:var(--accent-dark);font-size:.58rem;letter-spacing:.16em}.restaurant .preview-window b{color:#e6ad65}.preview-window h3{max-width:190px;margin-top:30px;font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.preview-window u{display:block;width:65px;height:18px;margin-top:28px;border-radius:3px;background:var(--accent);text-decoration:none}.restaurant .preview-window u{background:#b67c43}.trades .preview-window u{background:#2b6e82}
.why-section{color:#fff;background:#18302f}.why-section:after{content:"";position:absolute;right:-130px;bottom:-200px;width:500px;height:500px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025)}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.why-copy p{color:#afc2be;font-size:1.03rem}.why-points{display:grid;position:relative;z-index:1;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12)}.why-points article{display:flex;min-height:190px;padding:30px;gap:17px;background:#18302f}.why-points article>span{color:var(--accent);font-size:.67rem;font-weight:800}.why-points h3{margin-bottom:8px;color:#fff;font-size:1.06rem}.why-points p{margin:0;color:#9db2ad;font-size:.84rem}
.contact-section{background:var(--green);color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.contact-copy p{color:#b8ceca;font-size:1.05rem}.email-link{display:flex;margin-top:40px;align-items:center;gap:14px}.email-link>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--accent)}.email-link div{display:flex;flex-direction:column}.email-link small{color:#8fa9a4;font-size:.7rem}.email-link strong{font-size:.88rem}.contact-note{max-width:370px;margin-top:36px;padding-top:25px;border-top:1px solid rgba(255,255,255,.13);font-size:.8rem!important}.contact-form{padding:40px;border-radius:var(--radius);color:var(--ink);background:#fff;box-shadow:0 25px 60px rgba(0,0,0,.16)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;margin-bottom:16px;font-size:.76rem;font-weight:750}.contact-form label>span{color:#9aa5a2;font-weight:500}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #dce3e0;border-radius:7px;outline:0;color:var(--ink);background:#fbfcfb;font-size:.88rem}.contact-form input{height:48px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #fff0eb}.contact-form textarea{resize:vertical;min-height:120px}.contact-form ::placeholder{color:#a8b1ae}.form-button{width:100%;border:0}.form-note{margin:12px 0 0;text-align:center;font-size:.66rem}.hidden-field{display:none}
.site-footer{padding:30px 0;border-top:1px solid #dfe5e1;background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{margin:0;font-size:.73rem}.footer-logo img{height:40px}.mobile-contact{display:none}.thank-you-page{display:grid;min-height:100vh;padding:30px;place-items:center;background:var(--cream)}.thank-you-card{width:min(100%,620px);padding:56px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);text-align:center}.thank-you-card .logo{justify-content:center;margin-bottom:52px}.thank-you-card .logo img{height:52px}.thank-you-icon{display:grid;width:60px;height:60px;margin:0 auto 25px;place-items:center;border-radius:50%;color:var(--green);background:var(--mint);font-size:1.5rem;font-weight:900}.thank-you-card h1{margin-bottom:18px;font-size:clamp(2.4rem,7vw,4rem)}.thank-you-card p{max-width:450px;margin:0 auto 30px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}
@media(max-width:1000px){.site-nav{gap:18px}.site-nav .button{display:none}.hero-grid{grid-template-columns:1fr .88fr;gap:34px}.mock-site{min-height:350px}.mock-content h2{font-size:1.8rem}.demo-first-grid,.why-grid,.contact-grid{gap:55px}.process-list li{padding-inline:10px}}
@media(max-width:800px){.container{width:min(calc(100% - 36px),var(--container))}.section{padding:84px 0}.menu-toggle{display:grid;z-index:102;gap:5px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--green);transition:.2s}.menu-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(3){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(4){transform:translateY(-7px) rotate(-45deg)}.site-nav{position:fixed;inset:0;display:flex;padding:110px 28px 40px;flex-direction:column;align-items:flex-start;gap:25px;background:var(--cream);transform:translateX(100%);transition:.25s}.site-nav.open{transform:translateX(0)}.site-nav>a:not(.button){font-size:1.5rem}.site-nav .button{display:inline-flex;margin-top:12px}.hero{min-height:auto;padding-top:145px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-visual{width:min(100%,570px);margin:22px auto 0}.card-grid{grid-template-columns:1fr}.problem-grid{grid-template-columns:repeat(3,1fr)}.info-card{padding:25px 20px}.service-card.featured{transform:none}.split-heading{grid-template-columns:1fr;gap:25px}.demo-first-grid,.why-grid,.contact-grid{grid-template-columns:1fr}.demo-first-grid,.why-grid{gap:55px}.process-list{grid-template-columns:1fr;gap:0;margin-top:45px}.process-list li{min-height:110px;padding:0 0 25px 80px;text-align:left}.process-list li>span{position:absolute;left:0;margin:0}.process-list li:not(:last-child):after{top:52px;bottom:0;left:26px;width:1px;height:auto}.why-points article{min-height:160px}.contact-copy{max-width:570px}}
@media(max-width:600px){body{padding-bottom:64px}.container{width:min(calc(100% - 30px),var(--container))}.section{padding:72px 0}.header-inner{height:76px}h1{font-size:clamp(2.75rem,13vw,3.65rem)}h2{font-size:2.25rem}.hero{padding-top:126px;padding-bottom:70px}.hero-lead{font-size:1.04rem}.button-row .button{width:100%}.trust-line{align-items:flex-start}.browser-card{border-width:5px;border-radius:13px;transform:none}.mock-site{min-height:305px;padding:20px}.mock-links i{display:none}.mock-content{max-width:62%;padding-top:42px}.mock-content h2{font-size:1.65rem}.mock-art{right:-55px}.art-card{display:none}.result-card{right:8px;bottom:-2px}.problem-grid{grid-template-columns:1fr}.info-card{display:grid;grid-template-columns:auto 1fr;gap:0 18px}.info-card .icon-box{grid-row:1/3;margin:0}.info-card h3{align-self:end}.info-card p{grid-column:2}.service-card{padding:32px 25px}.service-card p{min-height:auto}.concept-steps li{padding:20px 18px;gap:15px}.concept-steps:before{left:42px}.demo-preview{height:255px}.why-points{grid-template-columns:1fr}.why-points article{min-height:auto;padding:26px 10px}.contact-grid{gap:45px}.contact-form{padding:27px 20px}.form-row{grid-template-columns:1fr;gap:0}.email-link strong{font-size:.75rem;overflow-wrap:anywhere}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px}.footer-inner>p:nth-child(2){display:none}.mobile-contact{position:fixed;z-index:90;left:10px;right:10px;bottom:8px;display:flex;height:50px;padding:0 20px;align-items:center;justify-content:space-between;border-radius:8px;color:#fff;background:var(--accent);box-shadow:0 8px 25px rgba(25,45,43,.25);font-size:.9rem;font-weight:750}.thank-you-card{padding:38px 22px}}

/* Premium editorial refinement */
:root{
  --ink:#1f2924;
  --muted:#667069;
  --green:#22352d;
  --green-2:#2c4037;
  --mint:#dfe6dc;
  --cream:#f3f0e8;
  --accent:#b96745;
  --accent-dark:#9f5335;
  --line:#d5d2c8;
  --shadow:0 28px 80px rgba(31,41,36,.13);
  --radius:3px
}
body{background:#f8f6f0}
h1,h2{font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;font-weight:500;letter-spacing:-.045em}
h3{letter-spacing:-.025em}
.site-header{border-color:rgba(31,41,36,.16)}
.header-inner{height:94px}
.logo img{height:46px}
.site-nav{gap:34px}.site-nav>a:not(.button){font-size:.78rem;letter-spacing:.055em;text-transform:uppercase}
.button{min-height:52px;border-radius:1px;background:var(--green);border-color:var(--green);box-shadow:none;font-size:.84rem;letter-spacing:.02em}
.button:hover{background:var(--accent);border-color:var(--accent)}
.button-small{min-height:42px;background:transparent;color:var(--green);border-color:var(--green)}
.button-secondary{border:0;border-bottom:1px solid #a7aea9;padding-inline:4px;border-radius:0;color:var(--green);background:transparent}
.button-secondary:hover{color:var(--accent);background:transparent;border-color:var(--accent);transform:none}
.hero{min-height:880px;padding-top:196px;background:#f3f0e8}
.hero:before{opacity:.13;background-size:24px 24px;mask-image:linear-gradient(100deg,#000,transparent 58%)}
.hero:after{content:"01";position:absolute;left:max(24px,calc((100vw - var(--container))/2));bottom:38px;color:rgba(31,41,36,.32);font-family:Georgia,serif;font-size:.72rem;letter-spacing:.18em}
.hero-glow{right:-90px;top:94px;width:44vw;height:650px;border-radius:48% 0 0 48%;background:#d9dfd5}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:84px}
.hero h1{font-size:clamp(3.65rem,6.4vw,6.15rem);line-height:.94}
.hero h1 em{color:var(--accent);font-weight:400}.hero h1 em:after{display:none}
.hero-lead{max-width:590px;font-size:1.06rem;line-height:1.8}
.eyebrow{font-size:.66rem;letter-spacing:.2em}.eyebrow span{width:38px;height:1px}
.trust-line{font-size:.76rem}.trust-check{width:20px;height:20px;border:1px solid #b8c3ba;background:transparent}
.hero-meta{display:flex;align-items:center;gap:12px;margin-top:30px;color:#7c837e;font-size:.61rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hero-meta i{width:26px;height:1px;background:#b9b8b1}
.browser-card{border-width:1px;border-color:rgba(31,41,36,.2);border-radius:2px;box-shadow:18px 30px 65px rgba(31,41,36,.2);transform:rotate(0)}
.browser-top{height:30px;border-bottom:1px solid #d7dbd7;background:#e8e9e4}
.mock-site{min-height:435px;background:#e5e7df}
.result-card{right:-28px;bottom:-14px;border-radius:1px;border-color:#c8cdc6;box-shadow:12px 16px 40px rgba(31,41,36,.14)}
.result-icon{border-radius:50%;background:#ebe7dc}
.accent-squiggle{display:none}
.section{padding:132px 0}
.section-heading{margin-bottom:68px}
.section-heading p{font-size:.94rem;line-height:1.8}
.centered{max-width:820px}.centered h2{font-size:clamp(2.7rem,4.5vw,4.6rem)}
.problem-section{background:#f8f6f0}
.problem-grid{gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.info-card{position:relative;padding:44px 34px 48px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.info-card:last-child{border-right:0}.info-card:hover{border-color:var(--line);box-shadow:none;transform:none;background:#f1eee6}
.icon-box{width:auto;height:auto;margin-bottom:52px;display:block;border-radius:0;color:var(--accent);background:transparent;font-family:Georgia,serif;font-size:.8rem}
.info-card:nth-child(1) .icon-box:after{content:" / 01"}.info-card:nth-child(2) .icon-box:after{content:" / 02"}.info-card:nth-child(3) .icon-box:after{content:" / 03"}
.info-card h3{font-size:1.12rem;text-transform:uppercase;letter-spacing:.045em}
.services-section{color:var(--ink);background:#dedfd7}
.services-section .eyebrow.light{color:var(--green)}.services-section .split-heading p{color:var(--muted)}
.service-grid{gap:14px;align-items:start}
.service-card{min-height:520px;padding:42px 34px;border:1px solid rgba(31,41,36,.2);border-radius:1px;color:var(--ink);background:rgba(248,246,240,.65)}
.service-card:not(.featured) p{color:var(--muted)}
.service-card.featured{margin-top:36px;border-color:var(--green);color:#f5f1e8;background:var(--green);box-shadow:none;transform:none}
.service-card.featured p{color:#bac4bd;border-color:rgba(255,255,255,.15)}
.service-card h3{font-family:"Iowan Old Style","Baskerville",serif;font-size:1.75rem;font-weight:500}
.service-card p{min-height:114px;border-color:rgba(31,41,36,.14)}
.popular-tag{top:24px;padding:0;color:#d7b09f;background:transparent;font-size:.58rem;letter-spacing:.14em}
.check-list{gap:13px}.check-list li{font-size:.79rem;font-weight:600}.check-list li:before{font-size:.7rem}
.demo-first-section{color:#f4f0e7;background:#26352e}
.demo-first-section:before{left:auto;right:-170px;top:-190px;border-color:rgba(255,255,255,.08);box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 56px rgba(255,255,255,.07)}
.demo-first-section .eyebrow{color:#cbd3cd}.demo-first-section .demo-copy p{color:#b7c2ba}
.demo-first-section .button{color:var(--green);background:#eee9de;border-color:#eee9de}
.concept-steps:before{background:rgba(255,255,255,.2)}
.concept-steps li{border:0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
.concept-steps li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.concept-steps li>span{border:1px solid rgba(255,255,255,.26);color:#d7b09f;background:transparent}
.concept-steps p{color:#aeb9b1}
.process-section{background:#f3f0e8}
.process-list li>span{width:58px;height:58px;border-radius:0;border:0;color:var(--accent);background:transparent;font-family:Georgia,serif;font-size:1.45rem;font-weight:400}
.process-list li:not(:last-child):after{top:29px;background:#c6c4bc}
.process-list li:hover>span{color:var(--accent);background:transparent}
.process-list strong{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}
.demos-section{padding-top:112px;background:#ebe7de}
.demos-section .section-heading{margin-bottom:52px}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 24px}
.demo-card-featured{grid-column:1 / -1}
.demo-preview{position:relative;height:auto;aspect-ratio:1672 / 941;overflow:hidden;padding:0;border:1px solid rgba(31,41,36,.16);border-radius:1px;filter:saturate(.88);background:var(--line)}
.demo-preview:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.demo-preview img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .8s ease}
.demo-card:hover .demo-preview img{transform:scale(1.018);filter:saturate(1.06)}
.preview-pill,.preview-index{position:absolute;z-index:2;top:18px;padding:7px 11px;color:#fff;background:var(--green);font-size:.5rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.preview-pill{right:18px}.preview-index{left:18px;color:var(--green);background:rgba(248,246,240,.92)}
.preview-window{border-width:1px;border-radius:1px;box-shadow:12px 16px 35px rgba(30,44,42,.13)}
.demo-card-copy{display:flex;margin-top:24px;align-items:flex-end;justify-content:space-between;gap:30px}
.demo-card-copy h3{margin-bottom:7px;font-family:"Iowan Old Style","Baskerville",serif;font-size:1.5rem;font-weight:500}
.demo-card-copy p{max-width:560px;margin:0;font-size:.88rem}
.demo-card-featured .demo-card-copy{margin-top:28px}
.demo-card-featured .demo-card-copy h3{font-size:1.85rem}
.demo-link{flex:none;padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color .2s,border-color .2s}
.demo-link:hover{color:var(--accent);border-color:var(--accent)}
.why-section{color:var(--ink);background:#d8d6cc}
.why-section:after{border-color:rgba(31,41,36,.1);box-shadow:0 0 0 70px rgba(31,41,36,.025)}
.why-section .eyebrow.light{color:var(--green)}.why-copy p{color:var(--muted)}
.why-points{gap:0;background:rgba(31,41,36,.18)}
.why-points article{min-height:210px;border:0;background:#d8d6cc}
.why-points h3{color:var(--ink);font-family:"Iowan Old Style","Baskerville",serif;font-size:1.35rem;font-weight:500}
.why-points p{color:var(--muted)}
.contact-section{background:#1f2d27}
.contact-form{border-radius:1px;box-shadow:16px 20px 60px rgba(0,0,0,.18);background:#f4f1e9}
.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #c9c8c0;border-radius:0;background:transparent}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:none}
.email-link>span{border-radius:50%}.form-button{color:var(--green);background:#d9d1c3;border-color:#d9d1c3}
.site-footer{background:#f3f0e8}.footer-logo img{height:40px}
.thank-you-card{border-radius:1px;background:#f8f6f0}
.service-reassurance{max-width:620px;margin:44px 0 0;padding-left:24px;border-left:1px solid var(--accent);color:#4f5b54;font-family:"Iowan Old Style","Baskerville",serif;font-size:1.25rem;line-height:1.5}
.inclusions-section{color:var(--ink);background:#f8f6f0}
.inclusions-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:110px;align-items:start}
.inclusions-intro{position:sticky;top:120px}
.inclusions-intro h2{font-size:clamp(2.8rem,4.2vw,4.4rem)}
.inclusions-intro>p{max-width:430px;font-size:.94rem;line-height:1.8}
.text-link{display:inline-flex;margin-top:18px;padding-bottom:5px;align-items:center;gap:20px;border-bottom:1px solid var(--ink);font-size:.71rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.text-link span{color:var(--accent);font-size:1rem}
.inclusions-list{display:grid;margin:0;padding:0;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);list-style:none}
.inclusions-list li{display:grid;min-height:172px;padding:30px 28px;grid-template-columns:34px 1fr;align-content:start;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.inclusions-list li:nth-child(even){border-right:0}
.inclusions-list li>span{grid-row:1 / 3;color:var(--accent);font-family:Georgia,serif;font-size:.7rem}
.inclusions-list strong{font-family:"Iowan Old Style","Baskerville",serif;font-size:1.3rem;font-weight:500}
.inclusions-list small{max-width:260px;margin-top:10px;color:var(--muted);font-size:.76rem;line-height:1.55}
.inclusions-cta{display:flex;margin-top:80px;padding:34px 0;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.inclusions-cta p{margin:0;font-family:"Iowan Old Style","Baskerville",serif;font-size:1.35rem}
.inclusions-cta p span{color:var(--accent)}
.inclusions-cta .button{flex:none}
.contact-form{scroll-margin-top:24px}
.custom-select{position:relative;flex:none}.custom-select-native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.custom-select-trigger{display:inline-flex;min-height:40px;padding:0 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(31,41,36,.28);border-radius:999px;color:var(--green);background:rgba(248,246,240,.74);cursor:pointer;font-size:.68rem;font-weight:750;letter-spacing:.065em;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.custom-select-trigger:hover{border-color:var(--accent);background:#f8eee9}.custom-select-trigger:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(185,103,69,.18)}.custom-select-chevron{width:10px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .18s ease}.custom-select.is-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-panel{position:absolute;z-index:110;top:calc(100% + 8px);right:0;display:grid;min-width:100%;margin:0;padding:6px;gap:2px;border:1px solid rgba(31,41,36,.14);border-radius:var(--radius);color:var(--ink);background:#f8f6f0;box-shadow:0 16px 36px rgba(31,41,36,.16);list-style:none;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease-out,transform .18s ease-out}.custom-select.is-open .custom-select-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-select-option{display:flex;padding:9px 10px;align-items:center;justify-content:space-between;gap:20px;border-radius:calc(var(--radius) - 1px);cursor:pointer;font-size:.76rem;line-height:1.35;transition:background .15s ease,color .15s ease}.custom-select-option:hover,.custom-select-option:focus{outline:0;background:#f4e4dd}.custom-select-option[aria-selected=true]{color:var(--accent-dark);font-weight:750}.custom-select-check{visibility:hidden;color:var(--accent);font-size:.95rem;font-weight:800}.custom-select-option[aria-selected=true] .custom-select-check{visibility:visible}.custom-select-language{margin-left:2px}.custom-select-language .custom-select-trigger{min-width:104px}.custom-select-form{display:block;margin-top:6px}.custom-select-form .custom-select-trigger{width:100%;min-height:48px;border:0;border-bottom:1px solid #c9c8c0;border-radius:0;color:var(--ink);background:transparent;font-size:.78rem;letter-spacing:0;text-align:left;text-transform:none}.custom-select-form .custom-select-trigger:hover{background:#f5eee6}.custom-select-form .custom-select-panel{right:auto;left:0;width:100%;border-radius:var(--radius)}

@media(max-width:1050px){
  .header-inner{height:80px}
  .menu-toggle{display:grid;z-index:102;gap:5px}
  .menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--green);transition:.2s}
  .menu-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(3){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(4){transform:translateY(-7px) rotate(-45deg)}
  .site-nav{position:fixed;inset:0;display:flex;padding:110px 28px 40px;flex-direction:column;align-items:flex-start;gap:25px;background:var(--cream);transform:translateX(100%);transition:.25s}
  .site-nav.open{transform:translateX(0)}
  .site-nav>a:not(.button){font-size:1.5rem}
  .custom-select-language{margin:4px 0 0}.custom-select-language .custom-select-trigger{min-width:150px;min-height:48px;font-size:.78rem}
  .site-nav .button{display:inline-flex;margin-top:12px}
}

@media(max-width:800px){
  .header-inner{height:80px}
  .logo img{height:42px}
  .hero{padding-top:145px}.hero-grid{grid-template-columns:1fr;gap:56px}.hero-glow{right:-40%;top:80px;width:100%;height:620px}
  .problem-grid{border-bottom:0}.info-card{border-right:0;border-bottom:1px solid var(--line)}
  .service-card,.service-card.featured{min-height:auto;margin-top:0}
  .demo-grid{grid-template-columns:1fr;gap:44px}.demo-card-featured{grid-column:auto}
  .inclusions-grid{grid-template-columns:1fr;gap:60px}
  .inclusions-intro{position:static}
  .why-grid{grid-template-columns:1fr}
  .why-points article{background:#d8d6cc}
}
@media(max-width:600px){
  .section{padding:88px 0}
  .logo img{height:38px}
  h1{font-size:clamp(3.2rem,15vw,4.2rem)}h2{font-size:2.65rem}
  .hero{padding-top:135px;padding-bottom:86px}.hero h1{font-size:clamp(3.2rem,15vw,4.3rem);line-height:.94}
  .hero-glow{top:72px;height:650px}.hero-meta{margin-bottom:5px}
  .button-row .button-secondary{width:auto;margin-left:4px}
  .browser-card{border-width:1px}.result-card{right:-4px}
  .info-card{display:block;padding:34px 10px}.info-card .icon-box{margin-bottom:28px}.info-card p{grid-column:auto}
  .service-card{padding:34px 25px}.service-card p{min-height:auto}
  .demos-section{padding-top:78px}.demos-section .section-heading{margin-bottom:38px}
  .preview-pill,.preview-index{top:10px;padding:5px 7px;font-size:.42rem}.preview-pill{right:10px}.preview-index{left:10px}
  .demo-card-copy,.demo-card-featured .demo-card-copy{margin-top:18px;align-items:flex-start;flex-direction:column;gap:16px}
  .demo-card-featured .demo-card-copy h3{font-size:1.5rem}
  .service-reassurance{margin-top:34px;font-size:1.1rem}
  .inclusions-list{grid-template-columns:1fr}
  .inclusions-list li,.inclusions-list li:nth-child(even){min-height:145px;padding:26px 8px;border-right:0}
  .inclusions-cta{margin-top:55px;padding:30px 0;align-items:flex-start;flex-direction:column}
  .inclusions-cta .button{width:100%}
  .concept-steps li{padding-inline:0}.concept-steps:before{left:24px}
  .why-points article{padding-inline:0}
  .mobile-contact{left:0;right:0;bottom:0;border-radius:0;background:var(--accent)}
}

/* Keep the decorative rule separate from translated eyebrow text. */
.eyebrow > span:first-child{width:38px;height:1px;flex:none;background:var(--accent)}

/* Section titles already carry the language-specific message. */
.eyebrow{display:none!important}