:root{--ink:#0f172a;--blue:#2563eb;--blue-bright:#3b82f6;--green:#10b981;--mist:#f8fafc;--white:#fff;--slate:#475569;--muted:#64748b;--border:#e2e8f0;--pale:#eff6ff;--navy:#071126;--radius:18px;--shadow:0 18px 45px rgba(15,23,42,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:fixed;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 14px;z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.8)}.nav{height:76px;display:flex;align-items:center;gap:24px}.logo img{width:166px;height:auto}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.91rem;font-weight:650}.nav-links a{color:#334155}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--blue)}.nav-actions{display:flex;gap:10px}.menu-button{display:none;margin-left:auto;border:0;background:transparent;padding:10px;border-radius:10px}.menu-button svg{width:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font-weight:750;line-height:1.2;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 24px rgba(37,99,235,.22)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;color:var(--ink);border-color:var(--border)}.hero{padding:82px 0 72px;overflow:hidden;background:radial-gradient(circle at 82% 20%,#dbeafe 0,transparent 30%),linear-gradient(180deg,#fff,var(--mist))}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:var(--green)}h1,h2,h3{margin:0 0 .55em;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,5.7rem);max-width:780px}h2{font-size:clamp(2rem,4vw,3.55rem)}h3{font-size:1.22rem;letter-spacing:-.015em}.lead{font-size:clamp(1.08rem,1.6vw,1.28rem);color:var(--slate);max-width:680px}.hero-actions,.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-line{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:var(--slate);font-size:.9rem}.trust-line span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.system-map{position:relative;padding:24px;background:var(--navy);border-radius:28px;box-shadow:0 30px 80px rgba(15,23,42,.2);color:#fff}.system-map:before{content:"CONNECTED BUSINESS FLOW";display:block;font-size:.7rem;letter-spacing:.16em;color:#93c5fd;margin-bottom:18px}.flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.flow-item{position:relative;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06);font-weight:700}.flow-item i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(59,130,246,.2);color:#bfdbfe;font-style:normal;font-size:.75rem}.flow-item:not(:nth-last-child(-n+2)):after{content:"";position:absolute;left:27px;bottom:-11px;width:2px;height:11px;background:var(--green)}.section{padding:92px 0}.section-soft{background:var(--mist)}.section-dark{background:var(--navy);color:#fff}.section-dark .lead,.section-dark .muted{color:#cbd5e1}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-head>*{max-width:680px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.card:hover{border-color:#bfdbfe;box-shadow:var(--shadow)}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--pale);color:var(--blue);font-weight:850;margin-bottom:22px}.card p,.muted{color:var(--slate)}.tag{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.tag.future{background:#f1f5f9;color:#475569}.text-link{color:var(--blue);font-weight:750}.problem-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.friction{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friction span{padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:12px;color:#334155}.friction span:before{content:"×";color:#ef4444;font-weight:900;margin-right:9px}.steps{counter-reset:step}.step{position:relative;padding:27px 24px 24px;border-top:1px solid rgba(255,255,255,.17)}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:#60a5fa;font-size:.75rem;font-weight:900;letter-spacing:.15em;margin-bottom:32px}.step p{color:#cbd5e1}.band{padding:42px 0;background:var(--blue);color:#fff}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:0}.page-hero{padding:70px 0 58px;background:linear-gradient(135deg,var(--navy),#102753);color:#fff}.page-hero .lead{color:#cbd5e1}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem)}.breadcrumb{font-size:.85rem;color:#93c5fd;margin-bottom:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--border)}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.quote{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.25;letter-spacing:-.03em}.price-card strong{display:block;font-size:1.45rem}.notice{padding:17px 19px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#854d0e}.form-shell{max-width:880px;margin:auto}.form-section{margin-bottom:22px;padding:28px;border:1px solid var(--border);border-radius:18px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:700;font-size:.9rem}.optional{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px;border-color:var(--blue)}.form-status{margin-top:16px;padding:14px;border-radius:10px;display:none}.form-status.show{display:block;background:var(--pale);color:#1e40af}.upload{padding:30px;text-align:center;border:2px dashed #cbd5e1;border-radius:12px;color:var(--slate)}.legal{max-width:800px}.legal h2{font-size:1.55rem;margin-top:2em}.draft{padding:14px 18px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:12px;font-weight:700}.site-footer{background:#050c1a;color:#cbd5e1;padding:68px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-logo{filter:brightness(0) invert(1);width:155px}.footer-col h3{font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.1em}.footer-col a{display:block;padding:4px 0;color:#94a3b8}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:22px;font-size:.84rem;color:#64748b}.kicker{font-weight:800;color:var(--blue)}
@media(max-width:980px){.menu-button{display:block}.nav-links,.nav-actions{display:none}.nav.open{height:auto;flex-wrap:wrap;padding:16px 0}.nav.open .nav-links,.nav.open .nav-actions{display:flex;width:100%;flex-direction:column;align-items:stretch}.nav.open .nav-links{gap:0}.nav.open .nav-links a{padding:10px 0}.hero-grid,.problem-grid,.split{grid-template-columns:1fr}.hero-grid{gap:45px}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.section-head{display:block}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero{padding:56px 0}.section{padding:68px 0}h1{font-size:3rem}.grid-3,.grid-4,.flow,.friction,.form-grid,.footer-grid{grid-template-columns:1fr}.band-inner{align-items:flex-start;flex-direction:column}.form-section{padding:20px}.flow-item:not(:nth-last-child(-n+2)):after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.workflow{display:grid;gap:10px}.workflow-node{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink)}.workflow-node span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:var(--pale);color:var(--blue);font-size:.74rem;font-weight:900}.system-map .workflow-node{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);color:#fff}
@media(max-width:1280px) and (min-width:981px){.menu-button{display:block}.nav-links,.nav-actions{display:none}.nav.open{height:auto;flex-wrap:wrap;padding:16px 0}.nav.open .nav-links,.nav.open .nav-actions{display:flex;width:100%;flex-direction:column;align-items:stretch}.nav.open .nav-links{gap:0}.nav.open .nav-links a{padding:10px 0}}
.grid-2{grid-template-columns:repeat(2,1fr)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.process-grid article{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.process-grid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:22px;border-radius:9px;background:var(--pale);color:var(--blue);font-size:.8rem;font-weight:900}.process-grid article p{color:var(--slate)}.process-grid-wide article{min-height:220px}
.automation-examples .card:hover{box-shadow:none}.automation-examples h2{font-size:1.65rem}.pricing-grid .price-card{display:flex;flex-direction:column}.pricing-grid .price-card strong{color:var(--blue);margin:.35rem 0 .65rem}.pricing-grid .price-card p{margin-top:auto}
.form-consent{color:var(--slate);font-size:.9rem;max-width:720px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status.pending{background:var(--pale);color:#1e40af}.form-status.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.form-status.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.btn:disabled{cursor:wait;opacity:.65;transform:none}
.enquiry-confirmation[hidden]{display:none}.enquiry-confirmation{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,64px);text-align:center;background:#fff;border:1px solid #a7f3d0;border-radius:24px;box-shadow:var(--shadow)}.confirmation-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:#ecfdf5;color:#047857;font-size:2.2rem;font-weight:900}.enquiry-confirmation h2{margin-top:12px}.enquiry-confirmation .lead{margin:0 auto 12px}.confirmation-timescale{font-weight:800;color:#065f46}.confirmation-reference{display:flex;flex-direction:column;gap:6px;max-width:480px;margin:30px auto;padding:22px;background:var(--navy);color:#fff;border-radius:16px}.confirmation-reference span{font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe}.confirmation-reference strong{font-size:clamp(1.45rem,4vw,2.15rem);letter-spacing:.08em;overflow-wrap:anywhere}.enquiry-confirmation>.btn{margin-top:16px}
@media(max-width:980px){.grid-2,.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grid-2,.process-grid{grid-template-columns:1fr}.process-grid-wide article{min-height:0}.page-hero .cta-row .btn{width:100%}.hero-actions .btn{width:100%}}