:root{--black:#08090a;--ink:#101112;--graphite:#202225;--silver:#d8dadd;--silver2:#777b80;--gold:#d2ae68;--gold2:#775a2c;--cream:#f1eee7;--line:rgba(255,255,255,.15);--brushed-gold:repeating-linear-gradient(92deg,#765723 0,#b98d47 1px,#e8cc91 2px,#9b7438 3px,#d9b670 5px);--brushed-silver:repeating-linear-gradient(92deg,#5f6468 0,#dfe2e3 1px,#8b9094 2px,#f1f2f1 3px,#74797d 5px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font:400 16px/1.6 "DM Sans",sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%}.brand{display:flex;align-items:center;gap:13px;font:600 .82rem/1 "Manrope",sans-serif;letter-spacing:.18em}.brand em{font-style:normal;color:var(--gold)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font-size:.9rem}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.88rem}.site-header nav>a:not(.nav-cta){color:#b9b9ba}.site-header nav>a:hover{color:white}.nav-cta{border:1px solid #686868;padding:11px 18px}.menu-button{display:none;color:white;background:none;border:1px solid #555;padding:8px 12px}.hero{min-height:100vh;padding:170px 5vw 45px;position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;background:radial-gradient(circle at 77% 47%,#292721 0,#141414 23%,#090909 53%)}.hero-copy{max-width:850px;position:relative;z-index:2}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.19em;font-size:.7rem;color:#aaa}.eyebrow span{display:inline-block;width:27px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1{font:500 clamp(3.1rem,7vw,7.2rem)/.95 "Manrope",sans-serif;letter-spacing:-.065em;margin:28px 0 32px}.hero h1 strong{font-weight:400;background:linear-gradient(100deg,#8c8f91,#f3f3f2 44%,#9d8153 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{color:#b5b5b5;max-width:650px;font-size:clamp(1rem,1.5vw,1.22rem)}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:44px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 20px;min-width:240px;font-weight:600;font-size:.9rem;transition:.25s}.button span,.card-link span{font-size:1.15rem}.button-gold{background:linear-gradient(110deg,#a9864d,#e2c489,#9c7942);color:#101010}.button-gold:hover{filter:brightness(1.1);transform:translateY(-2px)}.text-link{font-size:.9rem;border-bottom:1px solid #555;padding-bottom:5px}.text-link span{color:var(--gold);margin-left:7px}.hero-object{position:relative;width:min(38vw,530px);aspect-ratio:1;justify-self:end;display:grid;place-items:center}.metal-disc{width:49%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,#f0f0ed,#77797a 22%,#202020 57%,#c7a66a 59%,#0c0c0c 63%);box-shadow:0 0 90px rgba(201,167,106,.15),inset 0 0 30px #000}.metal-disc span{text-transform:uppercase;font:500 .72rem/1.55 "Manrope";letter-spacing:.16em;text-align:center;color:#aaa}.metal-disc b{color:var(--gold);font-size:1rem}.orbit{position:absolute;border:1px solid #4e4d48;border-radius:50%;inset:5%}.orbit-two{inset:17%;border-color:#82725a;transform:rotate(35deg)}.data-chip{position:absolute;padding:10px 13px;background:rgba(19,19,19,.86);border:1px solid #494949;color:#aaa;font-size:.72rem;letter-spacing:.08em;backdrop-filter:blur(10px)}.data-chip span{color:var(--gold);margin-right:8px}.chip-one{top:20%;left:0}.chip-two{right:-2%;bottom:20%}.hero-foot{position:absolute;bottom:32px;left:5vw;right:5vw;display:flex;gap:16px;align-items:center;color:#737373;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.hero-foot i{height:1px;background:#333;flex:1}.statement,.systems,.tailored,.process{padding:120px 7vw}.statement{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid var(--line);background:var(--cream);color:var(--black)}.section-number{color:#716c62}.statement>div{max-width:950px}.statement h2,.section-head h2,.tailored h2,.contact h2{font:500 clamp(2.4rem,5vw,5.2rem)/1.03 "Manrope";letter-spacing:-.055em;margin:0}.statement h2 span{color:#9b7b43}.statement>div>p{max-width:650px;margin:40px 0 0 auto;color:#5f5b54;font-size:1.08rem}.systems{background:#111}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}.section-head h2{font-size:clamp(2.3rem,4vw,4.4rem);max-width:850px}.system-card{display:grid;grid-template-columns:.35fr 1.15fr 1.25fr 1.35fr .35fr;gap:36px;align-items:start;padding:48px 0;border-top:1px solid #393939}.system-card:last-child{border-bottom:1px solid #393939}.system-index{color:var(--gold);font-size:.75rem}.system-title p{margin:0 0 7px;color:#787878;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.system-title h3{font:500 2rem/1 "Manrope";letter-spacing:-.04em;margin:0}.system-title h3 span{color:var(--gold)}.system-desc{color:#b5b5b5;margin:0}.system-card ul{list-style:none;padding:0;margin:0;color:#9a9a9a;font-size:.9rem}.system-card li{padding:5px 0;border-bottom:1px solid #292929}.system-card li:before{content:"—";color:var(--gold);margin-right:8px}.card-link{background:none;color:white;border:0;border-bottom:1px solid #555;padding:0 0 6px;cursor:pointer;text-align:left}.tailored{background:linear-gradient(125deg,#b59359,#d5bc8c 45%,#8b6b3d);color:#111;display:grid;grid-template-columns:1fr 3fr;gap:55px}.tailored-label{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.tailored-label span{display:block;font-size:3rem;letter-spacing:-.05em;color:rgba(0,0,0,.28)}.tailored-copy h2 em{font-style:normal;color:#fff}.tailored-copy>p{font-size:1.08rem;max-width:650px;margin:36px 0 70px}.tailored-grid{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.25)}.tailored-grid>div{padding:28px 22px;border-left:1px solid rgba(0,0,0,.2)}.tailored-grid span{font-size:.7rem}.tailored-grid h3{font:600 1rem "Manrope";margin:30px 0 10px}.tailored-grid p{font-size:.86rem;line-height:1.45;margin:0;color:#493b29}.process{background:var(--cream);color:#111}.process>.section-number{margin-bottom:50px}.process-row{display:grid;grid-template-columns:.5fr 1fr 2fr;gap:30px;padding:34px 0;border-top:1px solid #b8b4aa}.process-row:last-child{border-bottom:1px solid #b8b4aa}.process-row>span{color:#a17e45;font-size:.8rem}.process-row h3{font:500 2rem "Manrope";margin:0}.process-row p{margin:5px 0 0;color:#646058;max-width:600px}.contact{text-align:center;padding:140px 5vw;background:radial-gradient(circle at 50% 40%,#292620,#111 45%,#090909)}.contact h2{margin:25px auto 30px}.contact>p:not(.eyebrow){color:#aaa;max-width:650px;margin:0 auto 42px}.button-light{background:#f1eee7;color:#111;margin:auto}.button-light:hover{background:white;transform:translateY(-2px)}footer{padding:36px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #252525;color:#686868;font-size:.75rem}dialog{max-width:600px;background:#151515;color:white;border:1px solid #615139;padding:50px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}dialog h2{font:500 2.8rem/1.1 "Manrope";margin:24px 0}dialog>p:not(.eyebrow){color:#aaa;margin-bottom:35px}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;color:#aaa;font-size:2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:72px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:25px 5vw;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:125px}.hero-object{position:absolute;right:-24vw;top:16%;width:70vw;opacity:.47}.hero-copy{max-width:85%}.hero h1{font-size:clamp(2.9rem,12vw,5rem)}.hero-foot{display:none}.statement,.tailored{grid-template-columns:1fr;gap:35px}.section-head{display:block}.section-head h2{margin-top:25px}.system-card{grid-template-columns:.2fr 1fr;gap:25px}.system-card .system-desc,.system-card ul,.system-card .card-link{grid-column:2}.tailored-grid{grid-column:1;grid-template-columns:1fr 1fr}.process-row{grid-template-columns:.2fr .8fr 1.5fr}}
@media(max-width:600px){.site-header{padding:0 20px}.site-header nav{padding-left:20px;padding-right:20px}.brand{font-size:.72rem}.hero{padding:120px 20px 50px;min-height:760px}.hero-copy{max-width:100%}.hero h1{font-size:3.2rem}.hero-object{width:88vw;right:-47vw;top:12%;opacity:.35}.lede{max-width:88%}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.statement,.systems,.tailored,.process{padding:80px 24px}.statement h2,.tailored h2,.contact h2{font-size:2.55rem}.system-card{grid-template-columns:1fr;padding:38px 0}.system-card>*{grid-column:1!important}.system-index{margin-bottom:-10px}.tailored-grid{grid-template-columns:1fr}.tailored-grid>div{border-left:0;border-top:1px solid rgba(0,0,0,.18);padding:24px 0}.process-row{grid-template-columns:.2fr 1fr}.process-row p{grid-column:2}.contact{padding:100px 24px}footer{padding:32px 24px;display:grid;gap:22px}dialog{width:calc(100% - 32px);padding:36px 25px}dialog h2{font-size:2.2rem}}

.demo-link{color:#dfc68e;font-weight:600}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* AG Workflow Solutions — extended content */
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111;padding:0 5vw}.proof-strip>div{padding:28px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column}.proof-strip>div:last-child{border-right:1px solid var(--line)}.proof-strip strong{font:500 1rem "Manrope";color:var(--gold)}.proof-strip span{color:#878787;font-size:.8rem}.about,.reviews{padding:120px 7vw}.about{background:#0d0d0d;display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:center;border-top:1px solid #282828}.about-signature{aspect-ratio:1;display:grid;place-items:center;position:relative;border:1px solid #363636;background:radial-gradient(circle at 40% 30%,#3f3f3d,#161616 50%,#080808)}.about-signature:before{content:"";position:absolute;inset:9%;border:1px solid #756546}.about-signature>span{font:500 clamp(5rem,12vw,11rem)/1 "Manrope";letter-spacing:-.12em;background:linear-gradient(125deg,#8c8f91,#f3f3f2 42%,#a27f47);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:-.1em}.about-signature small{position:absolute;bottom:12%;left:12%;text-transform:uppercase;letter-spacing:.15em;color:#777;font-size:.65rem}.about-copy h2{font:500 clamp(2.5rem,4vw,4.6rem)/1.03 "Manrope";letter-spacing:-.055em;margin:20px 0 40px}.about-copy>p{color:#a9a9a9;max-width:760px}.about-copy strong{color:white}.founder-name{margin-top:38px!important;color:var(--gold)!important;font-family:"Manrope"}.founder-name span{display:block;color:#707070;font:400 .72rem "DM Sans";text-transform:uppercase;letter-spacing:.15em}.reviews{background:#111}.reviews-head{display:grid;grid-template-columns:1fr 3fr;margin-bottom:60px}.reviews-head h2{font:500 clamp(2.4rem,4.6vw,4.9rem)/1.03 "Manrope";letter-spacing:-.055em;margin:0}.reviews-head h2 span{color:var(--gold)}.review-placeholder{display:grid;grid-template-columns:.4fr 2fr .7fr;gap:38px;align-items:start;border:1px solid #343434;padding:44px;background:linear-gradient(120deg,#171717,#101010)}.quote-mark{font:400 6rem/1 Georgia;color:var(--gold)}.review-placeholder h3{font:500 1.6rem "Manrope";margin:4px 0 14px}.review-placeholder p{color:#8e8e8e;margin:0;max-width:700px}.verified-label{color:#777;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;border:1px solid #3c3c3c;padding:9px 12px;text-align:center}.contact{padding:130px 7vw;background:radial-gradient(circle at 20% 35%,#292620,#111 48%,#090909);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;text-align:left}.contact h2{font:500 clamp(2.5rem,4.5vw,4.8rem)/1.04 "Manrope";letter-spacing:-.055em;margin:25px 0 30px}.contact-intro>p:not(.eyebrow){color:#aaa;max-width:610px}.contact-direct{margin-top:40px;border-top:1px solid #383838;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.85rem}.contact-direct span{color:#777}.contact-direct a{color:var(--gold)}.contact-form{border:1px solid #3b3b3b;background:rgba(12,12,12,.72);padding:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;color:#a5a5a5;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;background:#171717;border:1px solid #414141;border-radius:0;color:white;padding:13px 14px;font:400 1rem "DM Sans";text-transform:none;letter-spacing:0;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.contact-form textarea{resize:vertical}.contact-form .consent{display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;font-size:.8rem}.consent input{width:17px;height:17px;margin:0;accent-color:var(--gold)}.contact-form .button{border:0;cursor:pointer}.form-note{color:#777;font-size:.72rem;margin:14px 0 0}.brand-mark{font-size:.68rem}
@media(max-width:1100px){.site-header nav{gap:20px;font-size:.8rem}.contact{gap:4vw}.about{grid-template-columns:.8fr 1.4fr}}
@media(max-width:900px){.proof-strip{padding:0 24px}.about,.reviews{padding:90px 24px}.about{grid-template-columns:1fr 1.5fr;gap:5vw}.reviews-head{grid-template-columns:1fr}.reviews-head h2{margin-top:22px}.review-placeholder{grid-template-columns:.25fr 1.5fr}.verified-label{grid-column:2;width:max-content}.contact{grid-template-columns:1fr;padding:90px 24px}.contact-form{margin-top:20px}}
@media(max-width:600px){.proof-strip{grid-template-columns:1fr}.proof-strip>div{border-right:1px solid var(--line);padding:18px 16px}.about{grid-template-columns:1fr}.about-signature{max-width:320px;width:100%}.about-copy h2,.reviews-head h2{font-size:2.5rem}.review-placeholder{grid-template-columns:1fr;padding:28px 22px;gap:14px}.quote-mark{height:56px}.verified-label{grid-column:1}.contact{padding:80px 20px}.contact h2{font-size:2.7rem}.form-row{grid-template-columns:1fr}.contact-form{padding:25px 19px}.contact-direct{flex-direction:column}.site-header nav{max-height:calc(100vh - 72px);overflow:auto}}

/* Brushed-metal identity */
.brand{gap:14px}.brand-mark{position:relative;display:block;width:48px;height:38px;flex:0 0 auto;border:0;border-right:1px solid #8b6a35}.brand-mark b,.brand-mark i{position:absolute;font:700 1.75rem/.9 "Manrope",sans-serif;letter-spacing:-.15em;background:var(--brushed-silver);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark b{left:0;top:7px}.brand-mark i{font-style:normal;left:19px;top:7px;background-image:var(--brushed-gold);z-index:2}.brand-name{white-space:nowrap}.button-gold{background:var(--brushed-gold);box-shadow:inset 0 1px rgba(255,255,255,.38),0 12px 40px rgba(126,91,37,.12)}.hero h1 strong,.about-signature>span{background-image:var(--brushed-silver)}.metal-disc{background:radial-gradient(circle at 38% 30%,#f0f0ed,#77797a 22%,#202020 57%,#c7a66a 59%,#0c0c0c 63%),repeating-linear-gradient(92deg,transparent 0,rgba(255,255,255,.08) 1px,transparent 2px)}.tailored{background:var(--brushed-gold)}
.contact-home{display:block;text-align:center}.contact-home .contact-intro{max-width:980px;margin:auto}.contact-home .contact-intro>p:not(.eyebrow){margin:0 auto 38px;max-width:680px}.contact-home .button{margin:auto}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:9px;padding:11px 15px 11px 12px;border-radius:999px;background:#25d366;color:#07160c;font:700 .8rem "Manrope",sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.35);transition:.2s}.whatsapp-float:hover{transform:translateY(-3px);background:#39df78}.whatsapp-float svg{width:25px;height:25px;fill:currentColor}
.contact-page{background:radial-gradient(circle at 75% 18%,#2c2923 0,#111 34%,#08090a 66%)}.contact-page .site-header{position:relative}.contact-page-main{min-height:calc(100vh - 88px);padding:88px 7vw 110px}.contact-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start;max-width:1380px;margin:auto}.contact-page-copy h1{font:500 clamp(3.2rem,6vw,6.8rem)/.94 "Manrope",sans-serif;letter-spacing:-.065em;margin:28px 0 30px}.contact-page-copy h1 span{display:block;background:var(--brushed-silver);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-page-copy>p{color:#aaa;max-width:590px;font-size:1.08rem}.contact-options{margin-top:50px;border-top:1px solid #383838}.contact-option{display:flex;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #383838}.contact-option svg{width:25px;height:25px;fill:var(--gold)}.contact-option small{display:block;color:#777;text-transform:uppercase;letter-spacing:.13em}.contact-option strong{font:500 1rem "Manrope"}.contact-page .contact-form{margin-top:18px}.back-link{color:#aaa;font-size:.84rem}.back-link:hover{color:white}
.creative-services{padding:120px 7vw;background:#0b0c0d;display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;border-top:1px solid #2b2b2b}.creative-intro{position:sticky;top:80px;align-self:start}.creative-intro h2{font:500 clamp(2.5rem,4.5vw,5rem)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;margin:22px 0 30px}.creative-intro h2 span{color:var(--gold)}.creative-intro>p:not(.section-number){color:#9c9c9c;max-width:590px;margin-bottom:38px}.creative-grid{border-top:1px solid #3a3a3a}.creative-grid article{display:grid;grid-template-columns:.22fr 1fr;column-gap:24px;padding:35px 0;border-bottom:1px solid #3a3a3a}.creative-grid article>span{grid-row:1 / span 2;color:var(--gold);font-size:.75rem;padding-top:7px}.creative-grid h3{font:500 clamp(1.4rem,2vw,2rem)/1.15 "Manrope",sans-serif;margin:0 0 12px}.creative-grid p{color:#8f8f8f;margin:0;max-width:600px}
@media(max-width:900px){.contact-page-grid{grid-template-columns:1fr}.contact-page-main{padding:70px 24px 90px}.creative-services{grid-template-columns:1fr;padding:90px 24px}.creative-intro{position:static}.creative-grid{margin-top:5px}}
@media(max-width:600px){.brand-name{font-size:.67rem}.whatsapp-float{right:14px;bottom:14px}.whatsapp-float span{display:none}.whatsapp-float{padding:12px}.contact-page-main{padding:55px 20px 80px}.contact-page-copy h1{font-size:3.4rem}.creative-services{padding:80px 20px}.creative-intro h2{font-size:2.7rem}.creative-grid article{grid-template-columns:.16fr 1fr;column-gap:15px}}

/* Recognisable WhatsApp brand mark */
.whatsapp-float svg{fill:#fff}
.contact-option svg{fill:#25d366}
.contact-whatsapp-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border:2px solid #d9b46d;border-radius:50%;background:#25d366;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 3px rgba(217,180,109,.14)}
.contact-option .contact-whatsapp-icon svg{width:29px;height:29px;fill:#fff}
.contact-whatsapp:hover .contact-whatsapp-icon,.contact-whatsapp:focus-visible .contact-whatsapp-icon{background:#39df78;border-color:#edcc86;transform:translateY(-2px)}
.contact-whatsapp:focus-visible{outline:2px solid #edcc86;outline-offset:4px}

/* Clearer hero message and icon-only WhatsApp action */
.metal-disc span{position:relative;z-index:2;font-weight:700;font-size:.76rem;color:#fff;text-shadow:0 2px 8px #000,0 0 14px #000}.metal-disc b{color:#f0cb82;text-shadow:0 2px 8px #000}.whatsapp-float{display:grid;place-items:center;width:72px;height:72px;padding:0;border-radius:50%;box-shadow:0 14px 40px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.16)}.whatsapp-float:hover{transform:translateY(-4px) scale(1.04)}.whatsapp-float svg{width:40px;height:40px}@media(max-width:600px){.whatsapp-float{width:64px;height:64px;padding:0}.whatsapp-float svg{width:36px;height:36px}}

/* Refined brushed-metal finish */
:root{--brushed-gold:linear-gradient(105deg,#5f431e 0%,#9a7135 13%,#dfbd76 29%,#f2dda7 40%,#a77b39 55%,#d2aa61 70%,#7a5727 86%,#c69b53 100%);--brushed-silver:linear-gradient(105deg,#4e5255 0%,#8d9295 14%,#e8e9e7 31%,#ffffff 40%,#858a8d 55%,#d5d8d8 71%,#686d70 87%,#c4c7c7 100%)}.brand-mark{width:51px;border-right-color:#9a743a}.brand-mark b,.brand-mark i{font-family:"Manrope",sans-serif;font-size:1.68rem;font-weight:700;line-height:1;letter-spacing:-.12em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65))}.brand-mark b{left:1px;top:6px}.brand-mark i{left:22px;top:6px}.brand-mark:after{content:"";position:absolute;inset:4px 9px 4px 0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.045) 1px 2px);mix-blend-mode:soft-light}.button-gold,.tailored{background-image:var(--brushed-gold),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,rgba(0,0,0,.035) 1px 2px);background-blend-mode:overlay}.hero h1 strong,.about-signature>span{background-image:var(--brushed-silver),repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.045) 1px 2px);background-blend-mode:overlay}
.brand-logo-full{display:block;width:210px;height:66px;object-fit:contain;object-position:left center}.site-header .brand{min-width:210px}footer .brand-logo-full{width:190px;height:58px}@media(max-width:600px){.brand-logo-full{width:168px;height:52px}.site-header .brand{min-width:168px}}
.brand-logo-full{background:#050505;border:1px solid #252525;border-radius:10px;padding:7px 10px;box-shadow:0 6px 20px #0005;object-position:center}

/* 2026 brand refinement: brushed gold, copper and silver with restrained dark surfaces */
:root{--copper:#b96f47;--copper-dark:#64351f;--brushed-copper:linear-gradient(105deg,#5a2d1b 0%,#945333 14%,#dc9368 30%,#f0b28b 41%,#a55d39 56%,#d58358 72%,#6f3b25 88%,#bc744d 100%)}
.site-header{height:96px;padding-inline:4vw;background:linear-gradient(180deg,rgba(5,5,5,.94),rgba(5,5,5,.76));backdrop-filter:blur(14px)}
.site-header nav{gap:7px;padding:7px;border:1px solid rgba(190,120,78,.25);background:linear-gradient(110deg,rgba(92,47,29,.88),rgba(40,28,23,.9) 55%,rgba(105,57,35,.82));border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 35px rgba(0,0,0,.28);font-size:.92rem}
.site-header nav>a:not(.nav-cta){color:#f0e9e4;padding:10px 12px;border-radius:9px}.site-header nav>a:not(.nav-cta):hover{background:rgba(233,170,126,.13);color:#fff}.nav-cta{padding:10px 16px;border:1px solid #c6c8c8;background:linear-gradient(110deg,#5e6265,#e4e6e5 48%,#74797c);color:#0c0c0c;border-radius:9px;font-weight:700}
.hero{padding-top:182px;padding-bottom:112px;background:radial-gradient(circle at 77% 47%,#30261f 0,#161413 25%,#080909 56%)}
.hero h1 strong{background-image:linear-gradient(100deg,#777d80,#f6f7f5 38%,#d0a45e 67%,#b66d46 94%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,rgba(0,0,0,.05) 1px 2px)}
.button-gold{background-image:var(--brushed-copper),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.04) 1px 2px);color:#fff;text-shadow:0 1px #3f2015;box-shadow:inset 0 1px rgba(255,255,255,.28),0 12px 40px rgba(121,62,35,.18)}
.button-icon{display:grid!important;place-items:center;width:34px;height:26px;border:1px solid rgba(255,255,255,.38);border-radius:6px;font:700 .63rem "Manrope";letter-spacing:.08em;background:rgba(0,0,0,.16)}
.hero-foot{bottom:14px}.hero-foot span:nth-of-type(1),.hero-foot span:nth-of-type(4){color:#c5c7c8}.hero-foot span:nth-of-type(2){color:#d59a71}.hero-foot span:nth-of-type(3){color:#d5b978}
.proof-strip strong{background:linear-gradient(100deg,#d89569,#e7ca8a,#c7cbcc);-webkit-background-clip:text;background-clip:text;color:transparent}
.statement h2 span,.creative-intro h2 span,.reviews-head h2 span{background:linear-gradient(100deg,#d59168,#e3c583,#d4d7d7);-webkit-background-clip:text;background-clip:text;color:transparent}

.founder-lens{min-height:500px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid #3b302a;background:radial-gradient(circle at 72% 18%,rgba(192,119,74,.23),transparent 31%),linear-gradient(145deg,#252526,#0c0d0e 66%);box-shadow:inset 0 0 0 8px #0c0d0e,inset 0 0 0 9px #4a403a}
.founder-lens:before{content:"";position:absolute;width:290px;height:290px;right:-75px;top:-70px;border:1px solid rgba(216,181,116,.28);border-radius:50%;box-shadow:0 0 0 42px rgba(184,111,70,.05),0 0 0 84px rgba(205,208,207,.035)}
.founder-lens>p{position:absolute;top:42px;left:42px;margin:0;color:#b97750;font-size:.68rem;letter-spacing:.18em}.founder-lens blockquote{position:relative;margin:0 0 34px;font:500 clamp(1.55rem,2.5vw,2.4rem)/1.22 "Manrope";letter-spacing:-.035em;color:#efede8;max-width:620px}.lens-row{position:relative;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:14px 0;border-top:1px solid #3d3a37}.lens-row span{color:#b97750;font-size:.7rem}.lens-row strong{font:500 .92rem "Manrope";color:#aeb1b1}

.card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:145px;padding:11px 0;border-bottom:1px solid #6d4a37;font-weight:600}.card-link:hover{color:#efb48d;border-color:#d68a5c}.demo-action-icon{display:inline-grid!important;place-items:center;min-width:42px;height:25px;padding:0 7px;border:1px solid #9e6848;border-radius:5px;background:linear-gradient(120deg,#6e3c25,#b97049);color:#fff;font:700 .58rem "Manrope";letter-spacing:.08em}

.demo-showcase{padding:120px 0 100px;background:linear-gradient(180deg,#0a0b0c,#111214);border-top:1px solid #302d2b;border-bottom:1px solid #302d2b;overflow:hidden}.demo-showcase-head{padding:0 7vw 58px;display:grid;grid-template-columns:.7fr 2fr 1fr;gap:4vw;align-items:end}.demo-showcase-head h2{font:500 clamp(2.5rem,4.5vw,4.9rem)/1.03 "Manrope";letter-spacing:-.055em;margin:0}.demo-showcase-head h2 span{background:linear-gradient(100deg,#d78d60,#dec37e,#cfd2d2);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-showcase-head>p:last-child{color:#969696;margin:0}.demo-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.demo-track{display:flex;gap:24px;width:max-content;padding:12px 0;animation:demo-scroll 42s linear infinite}.demo-marquee:hover .demo-track{animation-play-state:paused}.demo-preview{width:min(560px,78vw);flex:none;border:1px solid #373331;background:#0a0a0a;box-shadow:0 18px 50px rgba(0,0,0,.36);transition:.3s}.demo-preview:hover{transform:translateY(-7px);border-color:#9e6848}.demo-preview img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}.demo-preview div{display:grid;grid-template-columns:1fr auto;gap:3px 20px;padding:20px 22px;border-top:1px solid #45362d}.demo-preview span{grid-column:1;color:#858585;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.demo-preview strong{grid-column:1;font:500 1.3rem "Manrope"}.demo-preview b{grid-column:2;grid-row:1 / span 2;align-self:center;color:#d99166;font-size:.75rem}@keyframes demo-scroll{to{transform:translateX(calc(-50% - 12px))}}

.google-review-card{margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:22px 25px;border:1px solid #383838;background:linear-gradient(110deg,#191919,#0d0d0d);transition:.25s}.google-review-card:hover{border-color:#816144;transform:translateY(-2px)}.google-word{font:600 1.4rem Arial,sans-serif;letter-spacing:-.08em}.google-word i{font-style:normal}.google-word i:nth-child(1),.google-word i:nth-child(4){color:#4285f4}.google-word i:nth-child(2),.google-word i:nth-child(6){color:#ea4335}.google-word i:nth-child(3){color:#fbbc05}.google-word i:nth-child(5){color:#34a853}.google-review-card>span:nth-child(2){display:flex;flex-direction:column}.google-review-card strong{color:#f7c948;letter-spacing:.12em}.google-review-card small{color:#858585;margin-top:3px}.google-review-card>b{color:#d09169;font-size:.78rem}.contact-review{margin:0 0 26px;padding:17px 18px;grid-template-columns:auto 1fr}.contact-review>b{display:none}

.tailored{background:radial-gradient(circle at 12% 20%,rgba(179,106,64,.16),transparent 26%),linear-gradient(135deg,#171717,#0b0c0d 68%);color:#f1eee7;border-top:1px solid #4a3428;border-bottom:1px solid #4a3428}.tailored-label{color:#c7865f}.tailored-label span{color:rgba(210,176,116,.25)}.tailored-copy h2 em{background:linear-gradient(100deg,#d98d61,#ddc17f,#ccd0d0);-webkit-background-clip:text;background-clip:text;color:transparent}.tailored-copy>p{color:#aaa}.tailored-grid{border-top-color:#4a433e}.tailored-grid>div{border-left-color:#3b3734}.tailored-grid h3{color:#f0eee8}.tailored-grid p{color:#8f8f8f}.tailored-grid span{color:#be7952}
.access-model{grid-column:1/-1;margin-top:70px;padding:42px;border:1px solid #473b34;background:linear-gradient(115deg,rgba(183,108,65,.08),rgba(203,206,205,.035));display:grid;grid-template-columns:.9fr 2fr;gap:5vw}.access-intro>span{color:#bf7a54;font-size:.67rem;letter-spacing:.17em}.access-intro h3{font:500 clamp(1.8rem,3vw,3.1rem)/1.05 "Manrope";letter-spacing:-.04em;margin:18px 0}.access-intro p{color:#8f8f8f}.access-roles{display:grid;grid-template-columns:1fr 1fr}.access-roles>div{padding:20px;border-left:1px solid #3c3936;border-top:1px solid #3c3936}.access-roles b{display:block;color:#c37b52;font-size:.68rem;margin-bottom:18px}.access-roles strong{display:block;font:500 1.05rem "Manrope"}.access-roles span{display:block;color:#878787;font-size:.82rem;margin-top:7px}

@media(max-width:1100px){.site-header nav{gap:3px;font-size:.8rem}.site-header nav>a:not(.nav-cta){padding:9px 8px}.demo-showcase-head{grid-template-columns:1fr 2fr}.demo-showcase-head>p:last-child{grid-column:2}.access-model{grid-template-columns:1fr}}
@media(max-width:900px){.site-header{height:76px}.site-header nav{border-radius:0;padding:22px 5vw;background:linear-gradient(135deg,#3d2419,#171311)}.site-header nav>a:not(.nav-cta){padding:10px 12px}.hero{padding-top:132px;padding-bottom:60px}.hero-foot{display:none}.demo-showcase-head{grid-template-columns:1fr;padding:0 24px 45px}.demo-showcase-head>p:last-child{grid-column:1}.access-model{padding:28px}.access-roles{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.founder-lens{min-height:430px;padding:28px}.founder-lens>p{left:28px;top:28px}.founder-lens blockquote{font-size:1.6rem}.demo-showcase{padding:82px 0 70px}.demo-preview{width:86vw}.demo-preview div{grid-template-columns:1fr;padding:16px}.demo-preview b{grid-column:1;grid-row:auto;margin-top:10px}.google-review-card{grid-template-columns:1fr;gap:10px}.google-review-card>b{justify-self:start}.access-model{padding:24px;margin-top:45px}.access-roles{grid-template-columns:1fr}.access-roles>div{border-left:0;padding-inline:0}.site-header{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.demo-track{animation:none}.demo-marquee{overflow-x:auto;mask-image:none}}
.visitflow-preview img{background:#050505;object-fit:contain;padding:10% 18%}

/* Sales-focused demo invitation and unmistakable demo cards */
.demo-invitation{margin:-46px 7vw 58px;padding:24px 28px;border:1px solid rgba(198,145,86,.38);background:linear-gradient(110deg,rgba(114,61,34,.2),rgba(211,177,111,.07),rgba(194,199,200,.05));display:grid;grid-template-columns:.7fr 1.6fr 1fr;gap:28px;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.demo-invitation span{font-size:.66rem;letter-spacing:.16em;color:#d49268}.demo-invitation strong{font:500 1.28rem/1.35 "Manrope",sans-serif;color:#f2eee8}.demo-invitation p{margin:0;color:#949494;font-size:.84rem;line-height:1.55}
.system-card{position:relative;overflow:hidden}.system-card:has(.demo-link):before{content:"CLICKABLE DEMO";position:absolute;right:18px;top:18px;padding:6px 9px;border:1px solid #86563d;background:#1b1210;color:#e29a70;font:700 .56rem "Manrope",sans-serif;letter-spacing:.12em;border-radius:4px}.demo-link{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 0;color:#f0c29f;touch-action:manipulation;-webkit-tap-highlight-color:rgba(226,154,112,.28)}.demo-link:hover .demo-action-icon{transform:translateX(3px);filter:brightness(1.15)}.demo-action-icon{pointer-events:none;transition:.2s}
.demo-preview{position:relative}.demo-preview:before{content:"DEMO · CLICK TO EXPLORE";position:absolute;top:14px;left:14px;z-index:2;padding:7px 9px;background:#070707e8;border:1px solid #a86a47;color:#f0ae83;font:700 .58rem "Manrope",sans-serif;letter-spacing:.1em;backdrop-filter:blur(5px)}
@media(max-width:900px){.demo-invitation{margin:-28px 24px 44px;grid-template-columns:1fr;gap:11px}.system-card:has(.demo-link):before{top:14px;right:14px}}
@media(max-width:600px){.demo-invitation{margin:-20px 20px 36px;padding:21px}.demo-invitation strong{font-size:1.08rem}.system-card:has(.demo-link):before{font-size:.49rem}.demo-preview:before{font-size:.5rem}}

/* Mobile viewport polish: keep the hero planet fully framed and prevent side overflow */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
@media(max-width:900px){
  .hero{overflow:hidden}
  .hero-object{width:58vw;right:4vw;top:15%;opacity:.4}
}
@media(max-width:600px){
  .hero{padding-top:112px;min-height:720px}
  .hero-object{width:43vw;right:-2vw;top:132px;opacity:.22;pointer-events:none}
  .hero-object .data-chip,.hero-object .metal-disc span{display:none}
  .hero h1{font-size:clamp(2.65rem,12.8vw,3.35rem);line-height:.98;margin-top:34px}
  .hero .eyebrow{max-width:82%;line-height:1.65}
  .lede{max-width:100%}
  .whatsapp-float{width:52px;height:52px;right:12px;bottom:12px}
  .whatsapp-float svg{width:29px;height:29px}
}

/* High-contrast metallic hero statement for dark and mobile screens. */
.hero h1 strong{
  background-image:linear-gradient(100deg,#d8dadd 0%,#ffffff 34%,#e7c58d 68%,#d78b61 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 12px rgba(0,0,0,.9));
}
@media(max-width:600px){
  .hero h1 strong{
    background-image:linear-gradient(105deg,#f2f3f3 0%,#ffffff 38%,#edcf9b 70%,#e49a70 100%);
    filter:drop-shadow(0 2px 10px #000);
  }
}

/* AG Workflow Customer Support */
.customer-support{position:fixed;right:22px;bottom:22px;z-index:1000;font-family:Arial,Helvetica,sans-serif;color:#17191a}.support-launcher{min-height:48px;border:1px solid #c59a52;border-radius:999px;background:linear-gradient(120deg,#0a0b0c,#25282a);color:#fff;padding:0 18px;display:flex;align-items:center;gap:9px;font-weight:800;box-shadow:0 14px 38px #0005;cursor:pointer}.support-launcher>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d9b46d;color:#111}.support-panel{position:absolute;right:0;bottom:60px;width:min(380px,calc(100vw - 28px));max-height:min(610px,calc(100vh - 110px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #b88945;border-radius:18px;background:#fff;box-shadow:0 26px 75px #0006}.support-panel[hidden]{display:none}.support-panel>header{padding:15px 16px;background:linear-gradient(120deg,#08090a,#242628);color:#fff;display:flex;align-items:center;justify-content:space-between}.support-panel>header>div{display:flex;align-items:center;gap:10px}.support-panel>header>div>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d9b46d;color:#111}.support-panel header span{display:grid;gap:3px}.support-panel header strong{font-size:14px}.support-panel header small{display:flex;align-items:center;gap:6px;color:#bcc2c4;font-size:11px}.support-panel header small i{width:7px;height:7px;border-radius:50%;background:#38bd7b;box-shadow:0 0 0 3px #38bd7b22}.support-panel>header button{border:0;background:#ffffff12;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.support-messages{min-height:210px;overflow:auto;padding:15px;background:#f3f4f4;display:flex;flex-direction:column;gap:11px}.support-message{display:flex;gap:8px;max-width:92%;align-items:flex-start}.support-message.user{align-self:flex-end;flex-direction:row-reverse}.support-message>span{width:29px;height:29px;flex:0 0 29px;border-radius:50%;display:grid;place-items:center;background:#111;color:#d9b46d;font-size:10px;font-weight:800}.support-message.user>span{background:#a87837;color:#fff}.support-message p{margin:0;padding:10px 12px;border:1px solid #dde0e1;border-radius:4px 13px 13px 13px;background:#fff;color:#1b1e20;font-size:13px;line-height:1.45;text-transform:none;letter-spacing:0}.support-message.user p{background:#1c2022;color:#fff;border-color:#1c2022;border-radius:13px 4px 13px 13px}.support-panel form{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:11px;border-top:1px solid #e1e3e4}.support-panel form input{min-width:0;border:1px solid #d3d7d8;border-radius:9px;padding:10px 11px;background:#fff;color:#17191a}.support-panel form button{border:0;border-radius:9px;background:#b4833f;color:#fff;font-size:20px;cursor:pointer}.human-support{margin:0 11px 9px;border:1px solid #d6bd94;border-radius:10px;background:#fff8ec;color:#2b2115;padding:10px 12px;display:flex;text-align:left;cursor:pointer}.human-support>span{display:grid;font-size:12px;font-weight:800}.human-support small{font-size:10px;color:#846a46;margin-top:2px}.support-note{margin:0;padding:0 13px 12px;color:#6c7376;font-size:10px;line-height:1.35;text-transform:none;letter-spacing:0}.support-showcase{margin:0 6vw 80px;padding:clamp(28px,5vw,62px);border:1px solid #8e6b3c;background:linear-gradient(135deg,#08090a,#202326);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.support-showcase h2{font-size:clamp(32px,4vw,62px);line-height:1;margin:12px 0 18px}.support-showcase h2 span{color:#d2aa66}.support-showcase p{color:#c3c7c8;line-height:1.6}.support-benefits{display:grid;gap:10px}.support-benefits div{padding:16px;border:1px solid #ffffff1f;background:#ffffff08;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.support-benefits b{color:#d2aa66}.support-benefits strong,.support-benefits small{display:block}.support-benefits small{color:#aeb4b6;margin-top:3px}
@media(max-width:700px){.customer-support{right:14px;bottom:14px}.support-launcher{min-height:46px;padding:0 14px}.support-panel{bottom:56px;max-height:calc(100vh - 90px)}.support-messages{min-height:190px}.support-showcase{margin:0 18px 55px;grid-template-columns:1fr;padding:26px}}

/* Bespoke colour choice: any palette can be matched to the client's brand. */
.colour-choice{grid-column:1/-1;margin-top:44px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(30px,6vw,80px);align-items:center;border:1px solid rgba(216,181,116,.35);background:radial-gradient(circle at 90% 15%,rgba(86,129,255,.15),transparent 25%),radial-gradient(circle at 75% 90%,rgba(226,72,139,.13),transparent 27%),linear-gradient(125deg,#161718,#0a0b0c 70%);box-shadow:inset 0 1px rgba(255,255,255,.08),0 25px 70px rgba(0,0,0,.22)}
.colour-choice-copy>span{display:block;margin-bottom:15px;color:#d8ae68;font-size:.66rem;font-weight:700;letter-spacing:.18em}.colour-choice h3{max-width:760px;margin:0 0 17px;font:500 clamp(1.8rem,3.2vw,3.35rem)/1.08 "Manrope",sans-serif;letter-spacing:-.045em}.colour-choice p{max-width:760px;margin:0;color:#a7aaac}.colour-choice-visual{display:grid;gap:22px}.colour-spectrum{height:118px;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:16px;transform:skewY(-3deg);box-shadow:0 20px 45px rgba(0,0,0,.35)}.colour-spectrum i:nth-child(1){background:#e74c3c}.colour-spectrum i:nth-child(2){background:#f39c12}.colour-spectrum i:nth-child(3){background:#f1c40f}.colour-spectrum i:nth-child(4){background:#2ecc71}.colour-spectrum i:nth-child(5){background:#18b7a0}.colour-spectrum i:nth-child(6){background:#3498db}.colour-spectrum i:nth-child(7){background:#7657d5}.colour-spectrum i:nth-child(8){background:#e84393}.colour-choice ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.colour-choice li{padding:10px 8px;border:1px solid #343638;background:#111214;color:#d9d9d7;text-align:center;font-size:.68rem;font-weight:600;letter-spacing:.04em}
@media(max-width:1100px){.colour-choice{grid-template-columns:1fr}}
@media(max-width:600px){.colour-choice{margin-top:30px;padding:23px}.colour-spectrum{height:82px}.colour-choice ul{grid-template-columns:1fr}.colour-choice li{text-align:left;padding-inline:12px}}

/* Keep both contact actions visible and prevent demo badges being clipped. */
.whatsapp-float{
  bottom:86px;
  z-index:1001;
  border:2px solid #d9b46d;
  background:#25d366;
  box-shadow:0 14px 40px rgba(0,0,0,.42),0 0 0 3px rgba(217,180,109,.14);
}
.whatsapp-float:hover{background:#39df78;border-color:#edcc86}
.system-card{overflow:visible}
.card-link{min-width:0;overflow:visible}
.demo-action-icon{
  position:relative;flex:0 0 42px;min-width:42px;width:42px;height:42px;
  padding:0;border:1px solid #d5a478;border-radius:50%;
  background:radial-gradient(circle at 30% 25%,#bf7952,#74412c 76%);
  box-shadow:0 3px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.24);
  color:transparent;font-size:0;overflow:hidden;
}
.demo-action-icon::after{
  content:"";position:absolute;top:50%;left:52%;transform:translate(-40%,-50%);
  width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;
  border-left:9px solid #fff7e9;
}
.demo-link:hover .demo-action-icon,.demo-link:focus-visible .demo-action-icon{
  transform:scale(1.07);filter:brightness(1.15);
  box-shadow:0 5px 18px rgba(194,119,77,.3),inset 0 1px 0 rgba(255,255,255,.3);
}
.demo-link:focus-visible{outline:2px solid #e1b47e;outline-offset:5px}
@media(max-width:700px){
  .whatsapp-float{right:14px;bottom:72px}
}

/* One complete action for each of the six demo cards. */
.system-card .demo-link{
  width:max-content;max-width:100%;min-height:52px;margin-top:14px;
  padding:5px 5px 5px 18px;gap:17px;
  border:1px solid #bb835c;border-radius:9px;
  background:linear-gradient(110deg,#2a1b16,#5b3323);
  color:#fff0dc;box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 20px rgba(0,0,0,.25);
  font:700 .9rem/1.25 "Manrope",sans-serif;
  text-align:left;transition:background .2s,border-color .2s,transform .2s;
}
.system-card .demo-link:hover,.system-card .demo-link:focus-visible{
  background:linear-gradient(110deg,#402318,#85482d);border-color:#f0bc87;
  color:white;transform:translateY(-2px);
}
.system-card .demo-link .demo-action-icon{
  flex:0 0 40px;width:40px;min-width:40px;height:40px;
  border-color:#e4b485;background:radial-gradient(circle at 30% 25%,#d18a58,#8c4b30 76%);
}
@media(max-width:600px){.system-card .demo-link{font-size:.85rem;gap:10px;padding-left:12px}}

/* Keep the whole rectangular demo action above decorative card layers. */
.system-card{isolation:isolate}
.system-card:before,.system-card:after{pointer-events:none}
.system-card .demo-link{position:relative;z-index:5;cursor:pointer;pointer-events:auto;-webkit-touch-callout:default}
.system-card .demo-link .demo-action-icon,.system-card .demo-link .demo-action-icon:after{pointer-events:none}

.founder-portrait-row{display:flex;align-items:center;gap:22px;margin-top:30px}
.founder-portrait-row img{display:block;width:170px;height:170px;flex:none;object-fit:cover;object-position:center 27%;border:1px solid #a68151;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.founder-portrait-row .founder-name{margin:0}
@media(max-width:600px){.founder-portrait-row img{width:120px;height:120px}.founder-portrait-row{gap:15px}}

/* Calm, user-controlled previews and a spread of independent colour samples. */
.demo-marquee{overflow-x:auto;overflow-y:hidden;mask-image:none;scroll-snap-type:x mandatory;scroll-padding-inline:7vw;scrollbar-color:#92714c #191919;padding-inline:7vw}
.demo-track{width:max-content;animation:none;padding-bottom:24px}
.demo-preview{scroll-snap-align:start}
.demo-preview img{object-fit:cover;object-position:top;padding:0;background:#101114}
.colour-choice{background:linear-gradient(125deg,#161718,#0a0b0c 70%)}
.colour-spectrum{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;border:0;border-radius:0;transform:none;box-shadow:none}
.colour-spectrum span{min-width:0;aspect-ratio:1.3;display:flex;align-items:end;padding:10px;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5)),var(--swatch);border:1px solid rgba(255,255,255,.23);border-radius:9px;color:#fff;font:600 .7rem "Manrope",sans-serif;box-shadow:0 10px 22px #0005}
@media(max-width:600px){.colour-spectrum{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.colour-spectrum span{aspect-ratio:.9;font-size:.55rem;padding:5px;overflow-wrap:anywhere}}
[hidden]{display:none!important}
/* Hero calls to action and the visual connection to the workflow orbit. */
.hero-actions .button-gold{min-height:60px;font-size:.79rem;letter-spacing:.09em;box-shadow:0 10px 38px rgba(182,133,68,.22)}
.hero-actions .button-icon{width:auto;min-width:48px;padding:0 7px;font-size:.62rem}
.hero-actions .text-link{display:inline-flex;align-items:center;gap:13px;min-height:52px;padding:10px 14px;border:1px solid #b88a4c;background:rgba(29,23,17,.85);color:#f6ddb0;font-weight:700;font-size:.79rem;letter-spacing:.07em;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.hero-actions .text-link:hover,.hero-actions .text-link:focus-visible{background:#60462b;color:#fff}
.hero-object .orbit-bridge{position:absolute;left:-23%;top:46%;width:35%;height:1px;background:linear-gradient(90deg,transparent,#d4ae70);transform:rotate(-16deg);box-shadow:0 0 14px #be9560}
.orbit-bridge span{position:absolute;top:-4px;width:9px;height:9px;border:1px solid #e7bd7c;background:#191919;border-radius:50%;box-shadow:0 0 12px #d5a967}
.orbit-bridge span:nth-child(1){left:12%}.orbit-bridge span:nth-child(2){left:48%}.orbit-bridge span:nth-child(3){right:0}
.hero-object .metal-disc{box-shadow:0 0 95px rgba(218,167,85,.29),inset 0 0 30px #000}
.founder-lens{justify-content:flex-start;padding-top:110px;gap:0}
.founder-lens blockquote{margin-bottom:auto}
.founder-lens .lens-row:first-of-type{margin-top:38px}
@media(max-width:900px){.hero-object .orbit-bridge{display:none}}
@media(max-width:600px){.founder-lens{padding-top:88px}.founder-lens blockquote{margin-bottom:24px}.hero-actions .button-gold{width:100%;max-width:360px}.hero-actions .text-link{font-size:.72rem}}

/* Connected workflow orbit: incoming channels, field team and supplier notifications. */
.hero-object{isolation:isolate}
.hero-object:before{content:"";position:absolute;inset:22%;border:1px dashed rgba(211,168,99,.42);border-radius:50%;transform:rotate(-12deg);pointer-events:none}
.hero-object .metal-disc{position:relative;z-index:2;width:43%;box-shadow:0 0 80px rgba(218,167,85,.24),inset 0 0 26px #000}
.hero-object .metal-disc span{font-size:clamp(.65rem,1vw,.83rem);line-height:1.6}
.workflow-node{position:absolute;z-index:3;min-width:132px;min-height:58px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #746043;border-radius:10px;background:linear-gradient(120deg,rgba(35,35,35,.98),rgba(10,11,12,.98));box-shadow:0 12px 30px #0009,0 0 18px #c18d431b;color:#f3eee4;font:600 .73rem/1.25 "Manrope",sans-serif}
.workflow-node:after{content:"";position:absolute;width:clamp(24px,4vw,56px);height:1px;background:linear-gradient(90deg,#d2ae68,transparent);top:50%;pointer-events:none}
.workflow-node small{display:block;color:#d4ae70;font-size:.64rem;margin-top:3px}
.node-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #9b7847;border-radius:7px;color:#e6c58c;font-size:1rem}
.node-accounts{left:-4%;top:9%}.node-email{left:-18%;top:43%}.node-whatsapp{left:0;bottom:8%}.node-crew{right:-10%;top:17%}.node-supplier{right:-14%;bottom:14%}
.node-accounts:after,.node-email:after,.node-whatsapp:after{left:100%}.node-crew:after,.node-supplier:after{right:100%;transform:rotate(180deg)}
.node-whatsapp .node-icon{color:#52d884;border-color:#328752}
@media(max-width:1100px) and (min-width:901px){.hero-object{width:39vw}.workflow-node{min-width:110px;font-size:.65rem;padding:7px}.node-email{left:-12%}.node-supplier{right:-7%}}
@media(max-width:900px){.hero-object{position:relative;right:auto;top:auto;justify-self:center;width:min(540px,86vw);margin:50px auto 10px;opacity:1}.hero-copy{max-width:100%}.hero{align-content:center;gap:0}.hero-object .orbit-bridge{display:none}}
@media(max-width:600px){.hero{min-height:0;padding:112px 20px 50px}.hero-object{width:100%;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:38px 0 0;pointer-events:auto;opacity:1}.hero-object .orbit,.hero-object:before{display:none}.hero-object .metal-disc{grid-column:1/-1;width:112px;height:112px;margin:0 auto 10px}.hero-object .metal-disc span{display:block;font-size:.64rem}.workflow-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-width:0;min-height:65px;width:100%;font-size:.7rem;padding:8px}.workflow-node:after{display:none}.workflow-node small{font-size:.58rem}.node-supplier{grid-column:1/-1}.hero h1{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){.hero-object,.workflow-node{animation:none}}

/* On phones, retain the desktop orbit and its connected channels. */
@media(max-width:600px){
  .hero-object{position:relative;display:grid;place-items:center;width:min(100%,390px);height:390px;aspect-ratio:auto;margin:34px auto 0;gap:0}
  .hero-object .orbit{display:block;inset:12% 16%;border-color:rgba(200,163,102,.52)}
  .hero-object .orbit-two{inset:23% 27%;border-color:rgba(204,171,111,.7)}
  .hero-object:before{display:block;inset:29% 33%}
  .hero-object .metal-disc{grid-column:auto;width:138px;height:138px;margin:0;z-index:2}
  .hero-object .metal-disc{position:absolute;left:45%;top:49%;transform:translate(-50%,-50%)}
  .hero-object .metal-disc span{font-size:.7rem}
  .workflow-node{position:absolute;width:132px;min-height:52px;padding:6px 8px;font-size:.66rem;line-height:1.2;z-index:3}
  .workflow-node small{font-size:.56rem}
  .workflow-node:after{display:block;width:25px}
  .node-accounts{left:0;top:4%}.node-email{right:0;left:auto;top:4%}
  .node-whatsapp{left:0;top:72%;bottom:auto}.node-crew{right:0;top:72%}
  .node-supplier{right:50%;bottom:0;top:auto;transform:translateX(50%);width:166px}
  .node-accounts:after,.node-whatsapp:after{left:100%;right:auto;transform:rotate(30deg)}
  .node-email:after,.node-crew:after{right:100%;left:auto;transform:rotate(-30deg)}
  .node-supplier:after{right:50%;top:-13px;transform:rotate(90deg)}
}

/* Four compact visual pillars beneath the hero. */
.mobile-orbit-connectors{display:none}
@media(max-width:600px){
  .mobile-orbit-connectors{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none;fill:none;stroke:#c7a16b;stroke-width:.28;vector-effect:non-scaling-stroke}
  .workflow-node:after{display:none}
  .hero-object .workflow-node{width:38%;min-width:0}
  .hero-object .node-whatsapp,.hero-object .node-crew{top:67%}
  .hero-object .node-supplier{width:48%}
}
@media(max-width:600px){
  .hero-object{width:min(100%,390px);height:320px;margin:24px auto 0}
  .hero-object .orbit{inset:25% 8%;transform:none}
  .hero-object .orbit-two{inset:30% 22%;transform:none}
  .hero-object:before{inset:33% 27%;transform:none}
  .hero-object .metal-disc{left:50%;top:50%;width:122px;height:122px}
  .node-accounts,.node-email{top:0}
  .node-whatsapp,.node-crew{top:64%}
  .node-supplier{bottom:0}
}
.hero-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;letter-spacing:.1em;color:#d7c7ab}
.hero-pillar{display:flex;align-items:center;gap:12px;min-height:65px;padding:10px 15px;border:1px solid #594735;background:linear-gradient(120deg,#1b1a19,#0c0d0e);border-radius:7px;font-size:.68rem;box-shadow:inset 0 1px #ffffff14}
.hero-pillar svg{width:64px;height:34px;flex:0 0 64px;fill:none;stroke:#cca56a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-pillar svg circle{fill:#161719}
@media(max-width:1100px){.hero-pillar{padding:8px;gap:5px}.hero-pillar svg{width:48px;flex-basis:48px}}
@media(max-width:900px){.hero-foot{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1;gap:8px;margin-top:24px}.hero-pillar{flex-direction:column;justify-content:center;text-align:center}}
@media(max-width:600px){.hero-foot{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.hero-pillar{flex-direction:row;min-height:57px;justify-content:flex-start;padding:7px 9px;font-size:.6rem}.hero-pillar svg{width:44px;flex-basis:44px}}
/* Continuous desktop showcase, moving from left to right. Keep mobile swipeable. */
@media(min-width:601px) and (prefers-reduced-motion:no-preference){
  .demo-marquee{overflow:hidden;scroll-snap-type:none;padding-inline:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
  .demo-track{animation:demo-scroll-right 52s linear infinite;padding-bottom:12px}
  .demo-marquee:hover .demo-track,.demo-marquee:focus-within .demo-track{animation-play-state:paused}
  @keyframes demo-scroll-right{from{transform:translateX(calc(-50% - 12px))}to{transform:translateX(0)}}
}
@media(max-width:600px){.demo-preview-copy{display:none}}
@media(prefers-reduced-motion:reduce){.demo-preview-copy{display:none}}

/* Founder principles are informational list items, not interactive controls. */
.lens-steps{list-style:none;margin:38px 0 0;padding:0;position:relative}
.lens-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid #3d3a37;cursor:default}
.lens-number{color:#b97750;font-size:.875rem}
.lens-steps strong{display:block;font:500 1rem "Manrope",sans-serif;color:#e7e4df}
.lens-steps p{margin:6px 0 0;font-size:.875rem;line-height:1.5;color:#aeb1b1}
@media(max-width:600px){.lens-steps{margin-top:18px}.lens-steps li{grid-template-columns:38px minmax(0,1fr);gap:10px}.founder-lens{min-height:0;padding-bottom:30px}}
.lens-steps{margin-top:26px}
.lens-steps li{display:block;border:0;padding:18px 0}
.lens-steps li+li{margin-top:10px}
.lens-steps strong{color:#c58d68;font-size:1.1rem}
.lens-steps p{font-size:1rem;line-height:1.55}
@media(max-width:600px){.lens-steps{margin-top:12px}.lens-steps li{padding:16px 0}.lens-steps li+li{margin-top:8px}}
.contact-form .form-honey{display:none}.form-optional{text-transform:none;letter-spacing:0}.contact-form input[type=file]{font-size:.875rem;padding:10px}.form-error{color:#e9a49c;font-size:.875rem;margin:10px 0 0}

/* Service pages and clear paths from the homepage */
.service-links{padding:100px 7vw;background:#101112;border-top:1px solid #303030}.service-links h2{font:500 clamp(2.4rem,4vw,4rem)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:20px 0 36px}.service-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-links-grid a,.service-cards article{border:1px solid #484239;background:#191a1b;padding:30px;display:flex;flex-direction:column;gap:17px}.service-links-grid strong{font:500 1.35rem Manrope,sans-serif;color:#eee}.service-links-grid span,.service-cards p{color:#bbb;line-height:1.6}.service-links-grid b{color:#d9b979;margin-top:auto;font-size:.9rem}.service-page{background:#090a0b;color:#eee}.service-page .site-header{position:relative}.service-main{max-width:1120px;margin:auto;padding:90px 5vw 100px}.service-main h1{font:500 clamp(2.6rem,5vw,5.4rem)/1.05 Manrope,sans-serif;letter-spacing:-.055em;max-width:950px;margin:22px 0}.service-lede{font-size:1.18rem;line-height:1.7;color:#c8c8c8;max-width:850px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:60px 0 36px}.service-cards article{display:block}.service-cards h2{font:500 1.35rem Manrope,sans-serif;margin:0 0 18px}.service-cards p{margin:0}.service-note{color:#b8b8b8;line-height:1.7;max-width:850px}.service-cta{border-top:1px solid #555;margin-top:65px;padding-top:45px}.service-cta h2{font:500 clamp(1.8rem,3vw,2.8rem) Manrope,sans-serif}.service-cta p{color:#bbb;margin:15px 0 32px}.service-related{margin-top:75px;display:flex;flex-wrap:wrap;gap:14px}.service-related h2{width:100%;font-size:1.05rem;color:#aaa}.service-related a{border:1px solid #6f5b3e;padding:14px 19px;color:#e3c48a}.service-footer{display:flex;justify-content:space-between;padding:30px 7vw;border-top:1px solid #383838;color:#aaa}@media(max-width:800px){.service-links-grid,.service-cards{grid-template-columns:1fr}.service-links,.service-main{padding:70px 20px}.service-page .site-header nav{display:flex;gap:14px}.service-page .site-header nav a{font-size:.8rem}.service-footer{display:block}.service-footer a{display:block;margin-bottom:12px}}

/* Seventh demo: Job Flow leads both system lists. */
.system-featured{border-top:1px solid #aa8147;border-bottom-color:#aa8147;background:linear-gradient(120deg,#151310,#0b0c0d);padding-left:20px;padding-right:20px}.system-featured .system-title p{color:#dbb576}.jobflow-preview img{object-fit:contain;padding:65px;background:#090909}
@media(max-width:600px){.system-featured{padding-left:12px;padding-right:12px}.jobflow-preview img{padding:45px}}

/* Explicit sample-demo offering labels. */
.system-card:has(.demo-link):before{content:"SAMPLE DEMO"}.demo-preview:before{content:"SAMPLE DEMO · TRY IT YOURSELF"}

@media(max-width:700px){input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px}button{touch-action:manipulation}.record-sort select,.record-sort>button{min-height:44px}.record-sort label{min-width:0}}.record-sort[hidden]{display:none!important}