:root{--ink:#202428;--ivory:#f7f5f0;--bronze:#b58a55;--line:#dedbd5;--muted:#697076}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.75 'DM Sans',Arial,sans-serif}h1,h2,h3,.logo{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.2vw,68px);line-height:1.13;letter-spacing:-2.6px;font-weight:600}h2{font-size:clamp(32px,3.2vw,48px);line-height:1.22;letter-spacing:-1.8px;font-weight:600;margin-bottom:25px}h3{font-size:21px;line-height:1.4;letter-spacing:-.5px}p{color:#62686d;margin-bottom:22px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}a,button{transition:background .2s,color .2s,transform .2s}a:hover{color:var(--bronze)}button{cursor:pointer}img{max-width:100%;display:block;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--bronze);outline-offset:5px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ivory);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.logo svg{width:43px;height:42px;color:var(--bronze)}.bronze{color:var(--bronze)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 24px;background:var(--bronze);color:#171b1e;border:1px solid var(--bronze);font-weight:700;font-size:13px;line-height:1.6}.button span{font-size:20px;line-height:1}.button:hover{background:#9d7445;color:white;transform:translateY(-2px)}nav .button{padding:12px 20px}.outline{background:transparent;border-color:#a9a7a1}.text-button{background:transparent;color:inherit;border-color:transparent;padding-left:0}.text-button:hover{background:transparent;color:var(--bronze)}.menu{display:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase;color:var(--bronze);margin-bottom:24px;line-height:1.6}.hero{background:var(--ink);color:var(--ivory);display:grid;grid-template-columns:51% 49%;position:relative;min-height:700px}.hero-copy{padding:67px 7% 35px 10%;z-index:2}.hero h1{font-size:clamp(38px,4vw,64px);max-width:690px}.hero h1>span{color:#c6b69d}.hero-copy>p:not(.eyebrow){max-width:490px;color:#bcc0c1;font-size:15px}.hero .actions{gap:18px;flex-wrap:wrap}.hero .button{font-size:12px;padding:16px}.hero .hero-note{font-size:11px!important;margin:28px 0 0}.hero-photo{position:relative;min-height:600px;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;object-position:64% center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,36,40,.23),transparent 45%,transparent 70%,rgba(32,36,40,.1))}.photo-label{position:absolute;z-index:2;bottom:38px;left:35px;color:white;padding-left:18px;border-left:2px solid var(--bronze);text-shadow:0 1px 10px #000}.photo-label span{font-size:9px;letter-spacing:1.6px;display:block}.photo-label b{font-size:13px;font-weight:500}.hero-bottom{grid-column:1/-1;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:20px 5%;font-size:10px;letter-spacing:1.3px}.hero-bottom a{letter-spacing:0;color:#bfc1bf}.trust-bar{display:flex;justify-content:space-around;padding:23px 5%;border-bottom:1px solid var(--line);font-size:11px;color:#6a6b67}.trust-bar span:before{content:'✓';margin-right:10px;color:var(--bronze)}.section{padding:105px 7%;scroll-margin-top:0}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.intro{margin-bottom:50px}.intro h2{margin:0}.intro>p{margin:35px 0 0;max-width:440px}.muted{color:#858884}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.problems{gap:0;border-top:1px solid var(--line)}.problems article{padding:30px 30px 0 0}.problems article+article{border-left:1px solid var(--line);padding-left:30px}.number{color:var(--bronze);font-size:12px;display:block;margin-bottom:34px}.problems p{font-size:14px}.closing{text-align:center;margin:45px 0 0;color:var(--ink);font-size:18px}.showcase{background:#eceae4;padding-bottom:75px;overflow:hidden}.center{text-align:center}.center>p{max-width:660px;margin-left:auto;margin-right:auto}.devices{max-width:1050px;height:550px;position:relative;margin:48px auto 15px;display:flex;align-items:center;justify-content:center}.laptop{width:88%;filter:drop-shadow(0 30px 20px #20242825);transform:perspective(1400px) rotateY(-5deg)}.screen{aspect-ratio:1.65;background:#151719;border:12px solid #25272a;border-radius:16px 16px 3px 3px;overflow:hidden;position:relative}.screen iframe{width:1440px;height:870px;border:0;transform:scale(.58);transform-origin:top left;pointer-events:none;background:white}.keyboard{height:18px;background:linear-gradient(#b5b8b8,#e7e7e7 40%,#999c9b);border-radius:0 0 50% 50%;width:109%;margin-left:-4.5%;position:relative}.keyboard:after{content:'';height:5px;width:18%;position:absolute;left:41%;background:#939695;border-radius:0 0 8px 8px}.phone{width:177px;height:363px;border:7px solid #242629;border-radius:27px;overflow:hidden;position:absolute;right:1%;bottom:0;background:var(--ivory);box-shadow:10px 20px 35px #0005;transform:rotate(5deg)}.phone:after{content:'';position:absolute;top:2px;left:52px;width:58px;height:10px;background:#242629;border-radius:0 0 9px 9px}.phone iframe{width:390px;height:820px;border:0;transform:scale(.42);transform-origin:top left;pointer-events:none}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding-top:35px;border-top:1px solid #cbc9c2;gap:30px}.showcase-bottom h3{margin:10px 0}.showcase-bottom .eyebrow{font-size:9px}.small{font-size:12px}.actions{display:flex;gap:12px;align-items:center}.approach{background:var(--ink);color:var(--ivory);display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding-top:115px;padding-bottom:115px}.approach h2{font-size:clamp(37px,3.8vw,58px)}.approach-copy{padding-top:40px}.approach p{color:#b4b6b6;font-size:14px}.approach .large{font-size:24px;color:white}blockquote{margin:30px 0 0;border-left:2px solid var(--bronze);padding-left:24px;font-size:18px;line-height:1.65}.services{display:grid;grid-template-columns:1fr 1fr;gap:0}.services article{display:flex;gap:25px;border-top:1px solid var(--line);padding:35px 35px 20px 0}.services article:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.services p{font-size:14px}.service-icon{font-size:34px;color:var(--bronze);line-height:1.1;width:35px;flex-shrink:0}.experience{background:#eae8e1;display:grid;grid-template-columns:1fr 1fr;gap:12%}.experience-list>p{padding:17px 0;border-bottom:1px solid #ceccc5;color:var(--ink)}.experience-list span{color:var(--bronze);padding-right:18px;font-size:11px}.experience-list>.small{border:0;color:#777d7d;line-height:1.8}.pricing{margin-top:65px;align-items:stretch;gap:20px}.price-card{border:1px solid #d8d5ce;padding:35px 28px;position:relative;display:flex;flex-direction:column;background:#fbfaf7}.price-card.popular{background:var(--ink);color:white;border-color:var(--bronze);box-shadow:0 18px 40px #20242814}.price-card .eyebrow{margin-bottom:16px}.price-card p{font-size:13px}.price-card.popular p{color:#c8cbc9}.price-card .price{font-size:46px;line-height:1.2;font-family:Manrope,sans-serif;font-weight:600;color:inherit;margin:0;letter-spacing:-2px}.price span{font:12px 'DM Sans',sans-serif;letter-spacing:0;color:#858884}.price-card .setup{font-size:11px;margin:10px 0 28px}.price-card h3{font-size:18px;min-height:50px}.price-card ul{list-style:none;padding:22px 0;margin:0 0 20px;border-top:1px solid #a0a09d40;font-size:12px;flex:1}.price-card li{position:relative;padding:6px 0 6px 23px}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--bronze)}.badge{position:absolute;top:-24px;left:-1px;right:-1px;height:24px;background:var(--bronze);color:var(--ink);text-align:center;font-size:9px;letter-spacing:1.5px;font-weight:700;line-height:24px}.price-card .button{padding:14px 18px}.pricing-note{text-align:center;margin:28px 0;font-size:12px}.promises{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin-bottom:24px;font-size:13px}.promises p{font-size:12px;margin:8px 0 0}.process{background:#eeece6}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #cbc6bd;padding-top:25px}.steps article>span{font-size:27px;color:var(--bronze);display:block;margin-bottom:20px}.steps h3{font-size:18px}.steps p{font-size:13px}.video-placeholder{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;margin-top:55px;background:var(--ivory)}.video-placeholder>div:last-child{padding:30px 35px 30px 0}.video-art{position:relative;height:290px}.video-art img{width:100%;height:100%}.video-label{position:absolute;bottom:18px;left:18px;background:var(--ink);color:#fff;padding:8px 13px;font-size:9px;letter-spacing:1px}.video-placeholder h3{font-size:28px}.video-placeholder p{font-size:13px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{color:var(--bronze);font-size:24px;font-weight:400;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;margin:18px 30px 0 0}.contact{background:var(--ink);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2{font-size:clamp(37px,4vw,58px)}.contact>div>p{color:#b8bcbb;font-size:14px}.contact-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;margin:30px 0;color:#d6d7d3}.contact-image{height:220px;width:100%;object-position:center 65%}form{padding:35px;background:var(--ivory);color:var(--ink)}.form-heading h3{font-size:23px;margin-bottom:6px}.form-heading p{font-size:12px}label{display:block;font-size:11px;font-weight:600;margin-bottom:16px;line-height:1.6}label>span:first-of-type{color:var(--bronze)}input,select,textarea{width:100%;display:block;margin-top:7px;border:1px solid #d7d4cc;padding:10px 12px;background:#fffefb;color:var(--ink);border-radius:0;font-size:13px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;gap:10px;font-weight:400}.check input{width:15px;height:15px;margin:2px 0;flex-shrink:0;accent-color:var(--bronze)}.check>span{color:#666!important}.check a{text-decoration:underline}.contact form .button{width:100%;font-size:12px}.contact form>p.small{margin:12px 0;text-align:center;font-size:10px}.integration-note{font-size:10px;padding-top:15px;border-top:1px solid var(--line);margin:0}.form-status{font-size:12px;margin-top:12px;color:#7c3e27}.form-status:empty{display:none}footer{background:#181c1f;color:#b6b9b8;padding:55px 7% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;font-size:12px}footer .logo{color:white;font-size:21px}footer p{font-size:12px;line-height:1.8;margin:18px 0;color:#959b9e}footer>div>a:not(.logo){display:block;padding:5px 0}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:23px;display:flex;justify-content:space-between;font-size:10px;color:#7d8587}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.legal{max-width:900px;min-height:65vh}.legal h1{font-size:50px}.demo-banner{background:#d9c6a5;color:#343b34;font-size:10px;letter-spacing:.5px;text-align:center;padding:7px 15px}.demo-banner a{text-decoration:underline;font-weight:700}.demo-banner span{padding-left:25px}.demo-header{height:88px}.oak-logo{font-family:Georgia,serif;font-size:23px;line-height:1.1;letter-spacing:3px;color:#263c32;text-align:center;white-space:nowrap}.oak-logo span{color:var(--bronze)}.oak-logo small{display:block;font-family:Arial;font-size:8px;letter-spacing:6px;margin-top:8px}.demo-header .button,.demo-contact .button{background:#2a4036;color:white;border-color:#2a4036}.demo-hero{height:650px;position:relative;color:white}.demo-hero>img{width:100%;height:100%;object-position:center 58%}.demo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d201bd9,transparent 95%)}.demo-hero>div{position:absolute;z-index:1;top:100px;left:7%;max-width:690px}.demo-hero h1{font-family:Georgia,serif;font-size:64px;font-weight:400;letter-spacing:-2px;line-height:1.15}.demo-hero h1 em{font-weight:400;color:#e0c8a0}.demo-hero p{max-width:510px;color:#e3e6df;font-size:14px}.demo-hero .eyebrow{color:#ddc294;font-size:9px}.demo-hero .button{background:#d3b481;border-color:#d3b481}.demo-scroll{display:block;margin-top:45px;font-size:8px;letter-spacing:2px}.demo-header+main h2,.demo-header+main h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}.gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.gate-grid article{background:#eeece5}.gate-grid img{height:290px;width:100%}.gate-grid article>div{padding:26px}.gate-grid .eyebrow{font-size:9px;margin-bottom:10px}.gate-grid h3{font-size:27px}.gate-grid p{font-size:14px}.gate-grid a{font-size:12px;border-bottom:1px solid var(--bronze);padding-bottom:5px}.demo-work{background:#eae8e0}.filters{display:flex;gap:12px;margin-bottom:30px}.filters button{background:transparent;border:1px solid #c8c9c0;padding:10px 20px;font-size:12px}.filters button.active{background:#2a4036;color:white;border-color:#2a4036}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project{padding:0;border:0;text-align:left;background:transparent;color:var(--ink)}.project[hidden]{display:none}.project img{height:310px;width:100%;transition:filter .3s}.project:hover img{filter:brightness(.85)}.project>span{display:block;font:24px Georgia,serif;padding-top:18px}.project small{display:block;font:8px Arial;letter-spacing:1.5px;margin-top:10px;color:#7b7c73}.demo-about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.demo-about>img{width:100%;height:460px}.demo-about p{font-size:14px}.demo-contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#263c32;color:var(--ivory)}.demo-contact p{color:#c2ccc1;font-size:14px}.demo-contact form{background:#f5f3ec}.demo-contact .demo-notice{padding:20px;border:1px solid #8b9b8466;font-size:12px;margin-top:40px}.demo-contact>div>a{font-size:13px;color:#ddc294}dialog{border:0;padding:35px;max-width:90vw;max-height:95vh;background:var(--ivory)}dialog::backdrop{background:#000b}dialog>img{max-height:73vh;max-width:80vw}dialog>p{margin:15px 0 0;font-size:13px}.close-dialog{position:absolute;right:5px;top:0;background:transparent;border:0;font-size:25px}.embed-mode .demo-banner{display:none}.embed-mode header{position:relative}.embed-mode .demo-hero{height:650px}.embed-mode .demo-header+main .section{padding-top:70px}.embed-mode footer{display:none}
@media(min-width:1550px){.hero-copy{padding-top:90px;padding-bottom:70px}.hero{min-height:790px}.devices{height:580px}}
@media(max-width:1150px){nav{gap:16px;font-size:11px}.logo{font-size:20px}.hero-copy{padding:55px 8%}.hero h1{font-size:46px}.hero .actions{display:block}.hero .text-button{margin-top:10px}.hero-note{margin-top:10px!important}.section{padding:80px 6%}.showcase-bottom{align-items:flex-start}.showcase-bottom .actions{flex-direction:column;align-items:stretch}.devices{height:460px}.screen iframe{transform:scale(.48)}.price-card{padding:30px 20px}.contact{gap:5%}form{padding:25px}.split{gap:6%}.hero-bottom{padding:16px 5%}}
@media(max-width:820px){header{height:78px;padding:0 5%}.logo{font-size:21px}.logo svg{width:34px}.menu{display:block;background:none;border:0;font-size:23px;color:var(--ink);padding:10px}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px 6%;background:var(--ivory);box-shadow:0 15px 20px #0001;font-size:14px}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:50px 6% 38px}.hero h1{font-size:clamp(39px,7vw,58px);max-width:650px;letter-spacing:-1.8px}.hero-copy>p:not(.eyebrow){max-width:580px}.hero .actions{display:flex}.hero-photo{height:430px;min-height:0}.hero-photo>img{object-position:center 60%}.hero-bottom{font-size:8px;gap:20px}.trust-bar{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px}.section{padding:65px 6%}.split,.approach,.experience,.faq,.contact,.demo-contact,.demo-about{grid-template-columns:1fr;gap:30px}.intro>p{margin-top:0}.three{gap:14px}.problems article{padding-right:16px}.problems article+article{padding-left:16px}.problems h3{font-size:18px}.problems p{font-size:12px}.closing{font-size:16px}.devices{height:360px}.screen{border-width:8px}.screen iframe{transform:scale(.36)}.phone{width:135px;height:283px;border-width:6px;border-radius:23px}.phone iframe{transform:scale(.32)}.phone:after{left:35px}.showcase-bottom{flex-direction:column}.showcase-bottom .actions{flex-direction:row}.approach-copy{padding-top:0}.approach h2{max-width:650px}.services article{gap:15px;padding-right:20px}.services article:nth-child(even){padding-left:20px}.services h3{font-size:19px}.pricing{grid-template-columns:1fr;gap:45px;max-width:550px;margin:55px auto 0}.price-card{padding:32px}.price-card h3{min-height:0}.promises{grid-template-columns:1fr;gap:25px}.four{grid-template-columns:1fr 1fr}.video-placeholder{gap:25px}.video-placeholder>div:last-child{padding-right:20px}.video-placeholder h3{font-size:23px}.contact>div{max-width:650px}.contact-image{height:280px}.faq{gap:20px}footer{grid-template-columns:2fr 1fr 1fr;padding:40px 6% 25px;gap:20px}.demo-hero h1{font-size:53px}.demo-hero>div{top:85px;left:6%;right:6%}.demo-hero{height:610px}.gate-grid img{height:230px}.project img{height:240px}.demo-about>img{height:350px}.demo-contact .demo-notice{margin-top:25px}}
@media(max-width:520px){h2{font-size:33px;letter-spacing:-1.2px}.hero h1{font-size:40px}.hero .actions{align-items:flex-start;flex-direction:column;gap:0}.hero .text-button{margin-top:10px}.hero-photo{height:310px}.photo-label{left:23px;bottom:23px}.photo-label b{font-size:11px}.hero-bottom>span{max-width:160px}.three.problems{grid-template-columns:1fr}.problems article,.problems article+article{padding:25px 0 8px;border-left:0;border-bottom:1px solid var(--line)}.number{margin-bottom:18px}.problems h3{font-size:21px}.problems p{font-size:14px}.center{text-align:left}.eyebrow{font-size:9px;letter-spacing:1.7px}.devices{height:270px;margin-top:30px;width:108%;margin-left:-4%}.laptop{width:88%}.screen{border-width:5px;border-radius:8px}.screen iframe{transform:scale(.225)}.keyboard{height:10px}.phone{width:89px;height:183px;border:4px solid #242629;border-radius:15px;bottom:10px;right:1%}.phone iframe{transform:scale(.208)}.phone:after{left:23px;width:35px;height:5px}.showcase-bottom{margin-top:20px}.showcase-bottom .actions{flex-direction:column;align-items:stretch;width:100%}.approach h2{font-size:39px}.services{grid-template-columns:1fr}.services article,.services article:nth-child(even){padding:28px 0 12px;border-left:0}.four{grid-template-columns:1fr;gap:12px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:0 12px}.steps article>span{grid-row:span 2}.steps p{grid-column:2}.steps h3{margin-bottom:15px}.video-placeholder{grid-template-columns:1fr;gap:0}.video-placeholder>div:last-child{padding:25px}.video-art{height:230px}.contact-benefits{font-size:11px}.contact-image{height:220px}.form-grid{grid-template-columns:1fr}.contact form,.demo-contact form{padding:24px 20px}.form-heading h3{font-size:22px}.contact form .button{font-size:11px;padding:15px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.footer-bottom>span{display:block}.demo-banner{font-size:8px}.demo-banner span{display:none}.demo-hero{height:570px}.demo-hero>div{top:65px}.demo-hero h1{font-size:44px;letter-spacing:-1px}.demo-hero>img{object-position:60% center}.demo-hero p{font-size:13px}.demo-scroll{margin-top:35px}.demo-header{height:78px}.oak-logo{font-size:20px}.gate-grid,.project-grid{grid-template-columns:1fr}.gate-grid{gap:25px}.gate-grid img{height:250px}.project img{height:270px}.demo-about>img{height:300px}.demo-contact h2{font-size:36px}.filters{gap:8px}.filters button{font-size:10px;padding:9px 15px}.demo-contact>div>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-photo>img{object-position:100% center}

.hero-bottom>span{font-size:14px;font-weight:600;max-width:none}


.contact-image{height:auto;aspect-ratio:3/2;object-position:center}


/* Subtle corner treatment */
.button,.filters button{border-radius:4px}
img{border-radius:4px}
.hero-photo,.video-art{border-radius:4px;overflow:hidden}


.hero-photo>.hero-gate-image{object-position:center}


.form-trap{display:none!important}.form-status.is-success{color:#285c3d}.button:disabled{opacity:.65;cursor:wait;transform:none}