:root { --blue-950:#102653; --blue-900:#19356d; --blue-800:#25387e; --blue-600:#3265a1; --blue-400:#5a96d0; --sky:#eaf3ff; --ink:#12213c; --muted:#54627a; --line:#d8e3f0; --white:#fff; --paper:#f8fbff; --radius:1.15rem; --cut-radius:.8rem; --hexagon:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%); --shadow:0 18px 46px rgba(28,57,108,.12); --max:72rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--white); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.6; margin:0; }
img { display:block; max-width:100%; }
a { color:var(--blue-800); }
a:hover { color:var(--blue-600); }
button,input,textarea { font:inherit; }
.skip-link { background:var(--blue-950); color:#fff; left:1rem; padding:.7rem 1rem; position:fixed; top:-5rem; z-index:100; }
.skip-link:focus { top:1rem; }
.container { margin:0 auto; max-width:var(--max); padding:0 1.5rem; }
.site-header { background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30; }
.nav-wrap { align-items:center; display:flex; min-height:4.8rem; }
.brand { align-items:center; color:var(--blue-900); display:flex; text-decoration:none; }
.brand img { height:2.4rem; width:auto; }
.brand:hover { color:var(--blue-900); }
.primary-nav { align-items:center; display:flex; gap:1.3rem; margin-left:auto; }
.primary-nav a { color:var(--ink); font-size:.91rem; font-weight:700; text-decoration:none; }
.primary-nav a:hover,.primary-nav a[aria-current="page"] { color:var(--blue-600); }
.nav-tools { align-items:center; display:flex; gap:.65rem; margin-left:1.25rem; }
.language { align-items:center; background:var(--white); color:var(--blue-800); display:inline-flex; font-size:.78rem; font-weight:800; height:2.35rem; justify-content:center; padding:0; position:relative; text-decoration:none; width:2.7rem; }
.language::before { border:1px solid var(--line); clip-path:var(--hexagon); content:""; inset:0; position:absolute; }
.language:hover { background:var(--sky); text-decoration:none; }
.language:focus-visible { outline:3px solid rgba(90,150,208,.45); outline-offset:3px; }
.menu-toggle { background:transparent; border:1px solid var(--line); border-radius:0 var(--cut-radius) 0 var(--cut-radius); color:var(--blue-900); cursor:pointer; display:none; font-weight:800; padding:.42rem .7rem; }
.eyebrow { color:var(--blue-600); font-size:.78rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.hero { background:linear-gradient(135deg,var(--blue-950),var(--blue-800)); color:#fff; overflow:hidden; padding:5.8rem 0; position:relative; }
.hero::before { background:rgba(167,201,242,.12); clip-path:var(--hexagon); content:""; height:38rem; position:absolute; right:-6.5rem; top:-8rem; transform:translate3d(0,var(--parallax-large-y,0),0); width:38rem; will-change:transform; }
.hero::after { background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,1 93.3,25 93.3,75 50,99 6.7,75 6.7,25' fill='none' stroke='%23ffffff' stroke-opacity='.28' stroke-width='.5'/%3E%3C/svg%3E"); content:""; height:38rem; position:absolute; right:-6.5rem; top:-8rem; transform:translate3d(0,var(--parallax-large-y,0),0); width:38rem; will-change:transform; }
.hero-grid { align-items:center; display:grid; gap:3rem; grid-template-columns:1.15fr .85fr; position:relative; z-index:1; }
.hero .eyebrow { color:#a7c9f2; }
h1,h2,h3 { color:var(--blue-900); letter-spacing:-.035em; line-height:1.13; margin:0; }
h1 { color:#fff; font-size:clamp(2.55rem,5vw,4.45rem); max-width:11ch; }
h2 { font-size:clamp(1.8rem,3.5vw,2.8rem); }
h3 { font-size:1.2rem; }
.lead { color:rgba(255,255,255,.86); font-size:1.15rem; max-width:40rem; }
.hero-art { justify-self:center; max-width:18rem; padding:1rem; position:relative; transform:translate3d(-2.5rem,var(--parallax-logo-object-y,0),0); will-change:transform; }
.hero-art::before { aspect-ratio:1; background:center/contain no-repeat url("/assets/hero-inner-corner.svg"); content:""; filter:drop-shadow(0 1.15rem 1.25rem rgba(5,20,57,.38)); left:50%; opacity:.4; position:absolute; top:50%; transform:translate(-50%,-50%); width:calc(120% + 3.36rem); }
.hero-art::after { aspect-ratio:1; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,1 93.3,25 93.3,75 50,99 6.7,75 6.7,25' fill='none' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/svg%3E"); content:""; left:50%; pointer-events:none; position:absolute; top:50%; transform:translate(-50%,-50%); width:calc(120% + 3.36rem); z-index:2; }
.hero-art img { filter:drop-shadow(0 1rem .9rem rgba(5,20,57,.33)); position:relative; width:100%; z-index:1; }
.actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.75rem; }
.button { border:1px solid transparent; border-radius:0 var(--cut-radius) 0 var(--cut-radius); display:inline-flex; font-weight:800; justify-content:center; padding:.75rem 1.1rem; text-decoration:none; transition:transform .15s,box-shadow .15s; }
.button:hover { text-decoration:none; transform:translateY(-2px); }
.button.primary { background:#fff; color:var(--blue-900); box-shadow:0 8px 18px rgba(0,0,0,.18); }
.button.secondary { border-color:rgba(255,255,255,.7); color:#fff; }
.button.secondary:hover { color:#fff; }
.button.blue { background:var(--blue-800); color:#fff; }
.button.blue:hover { color:#fff; }
.button.outline { border-color:var(--blue-600); color:var(--blue-800); }
.section { padding:5.5rem 0; }
.section.tint { background:var(--paper); }
.section-head { margin-bottom:2.5rem; max-width:44rem; }
.section-head p,.card p,.feature p,.prose p,.contact-detail p { color:var(--muted); }
.grid { display:grid; gap:1.25rem; }
.grid.three { grid-template-columns:repeat(3,1fr); }
.grid.two { grid-template-columns:repeat(2,1fr); }
.card { background:#fff; border:1px solid var(--line); border-radius:0 var(--radius) 0 var(--radius); padding:1.55rem; }
.card.emphasis { box-shadow:var(--shadow); }
.icon { align-items:center; background:var(--sky); clip-path:var(--hexagon); color:var(--blue-800); display:inline-flex; font-weight:900; height:2.8rem; justify-content:center; margin-bottom:1rem; width:3.2rem; }
.icon.product-icon { padding:.3rem; }
.icon.product-icon img { height:100%; object-fit:contain; width:100%; }
main > .page-hero + .section:has(.section-head) .grid.two > .card.emphasis::before { background:var(--sky) center/1.8rem no-repeat; clip-path:var(--hexagon); content:""; display:block; height:2.8rem; margin-bottom:1rem; width:3.2rem; }
main > .page-hero + .section:has(.section-head) .grid.two > .card.emphasis:nth-child(1)::before { background-image:url("/assets/icon-process.svg"); }
main > .page-hero + .section:has(.section-head) .grid.two > .card.emphasis:nth-child(2)::before { background-image:url("/assets/icon-integration.svg"); }
main > .page-hero + .section:has(.section-head) .grid.two > .card.emphasis:nth-child(3)::before { background-image:url("/assets/icon-development.svg"); }
main > .page-hero + .section:has(.section-head) .grid.two > .card.emphasis:nth-child(4)::before { background-image:url("/assets/icon-consultancy.svg"); }
.card h3 { margin-bottom:.55rem; }
.link-arrow { font-weight:800; text-decoration:none; }
.band { background:var(--blue-900); color:#fff; overflow:hidden; padding:4.5rem 0; position:relative; }
.band::after { background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,1 93.3,25 93.3,75 50,99 6.7,75 6.7,25' fill='none' stroke='%23ffffff' stroke-opacity='.18' stroke-width='.55'/%3E%3C/svg%3E"); content:""; height:24rem; position:absolute; right:-7rem; top:50%; transform:translateY(-50%); width:27rem; }
.band .container { position:relative; z-index:1; }
.band h2 { color:#fff; }
.band p { color:rgba(255,255,255,.82); max-width:45rem; }
.page-hero { background:linear-gradient(120deg,var(--sky),#fff); border-bottom:1px solid var(--line); overflow:hidden; padding:4.5rem 0; position:relative; }
.page-hero::before { background:rgba(90,150,208,.08); clip-path:var(--hexagon); content:""; height:29rem; position:absolute; right:-8rem; top:-10rem; width:29rem; }
.page-hero::after { background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,1 93.3,25 93.3,75 50,99 6.7,75 6.7,25' fill='none' stroke='%235a96d0' stroke-opacity='.35' stroke-width='.6'/%3E%3C/svg%3E"); content:""; height:29rem; position:absolute; right:-8rem; top:-10rem; width:29rem; }
.page-hero .container { position:relative; z-index:1; }
main > .page-hero:has(+ .section .grid.two > .card.emphasis:nth-child(4)) { background-image:linear-gradient(90deg,var(--sky) 0%,var(--sky) 42%,rgba(232,243,255,.86) 51%,rgba(232,243,255,.08) 100%),url("/assets/logistics-planner.png"); background-position:center,right center; background-repeat:no-repeat; background-size:cover,50% 100%; }
main > .page-hero:has(+ .section .grid.two > .card.emphasis:nth-child(4)) .container > * { max-width:30rem; }
main > .page-hero:has(+ .section .case-list) { background-image:linear-gradient(90deg,var(--sky) 0%,var(--sky) 42%,rgba(232,243,255,.86) 51%,rgba(232,243,255,.08) 100%),url("/assets/weighbridge-registration.png"); background-position:center,right center; background-repeat:no-repeat; background-size:cover,50% 100%; }
main > .page-hero:has(+ .section .case-list) .container > * { max-width:30rem; }
.about-hero { align-items:center; display:grid; gap:2.5rem; grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr); }
.about-office { margin:0; }
.about-office img { border:1px solid var(--line); border-radius:0 var(--radius) 0 var(--radius); box-shadow:var(--shadow); display:block; height:100%; object-fit:cover; width:100%; }
.product-brand { align-items:center; display:inline-flex; margin:0 0 1.3rem; text-decoration:none; }
.product-brand:hover { text-decoration:none; }
.product-brand-syncbox { color:var(--blue-900); font-size:1.8rem; font-weight:800; gap:.8rem; }
.product-brand-syncbox img { height:3.5rem; width:auto; }
.product-brand-docbox img { height:4rem; width:auto; }
.page-hero h1 { color:var(--blue-900); font-size:clamp(2.5rem,5vw,4rem); max-width:16ch; }
.page-hero p { color:var(--muted); font-size:1.1rem; max-width:42rem; }
.split { align-items:start; display:grid; gap:3rem; grid-template-columns:1fr 1fr; }
.product-aside { display:grid; gap:1.25rem; }
.product-site-card { align-items:center; background:#fff; border:1px solid var(--line); border-radius:0 var(--radius) 0 var(--radius); box-shadow:var(--shadow); color:var(--blue-900); display:grid; font-weight:800; gap:1rem; grid-template-columns:auto 1fr auto; padding:1rem 1.2rem; text-decoration:none; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.product-site-card:hover { border-color:var(--blue-400); box-shadow:0 14px 28px rgba(37,56,126,.16); text-decoration:none; transform:translateY(-2px); }
.product-site-card:focus-visible { outline:3px solid rgba(90,150,208,.45); outline-offset:3px; }
.product-site-card img { height:2.5rem; max-width:8.5rem; object-fit:contain; width:auto; }
.product-site-card span:last-child { color:var(--blue-600); font-size:1.35rem; line-height:1; }
.syncbox-diagram,.docbox-diagram { align-items:stretch; display:grid; gap:1rem; grid-template-columns:1fr auto 1fr auto 1fr; }
.syncbox-step,.docbox-step { background:#fff; border:1px solid var(--line); border-radius:var(--radius); display:grid; gap:.45rem; padding:1.35rem; }
.syncbox-step strong,.docbox-step strong { color:var(--blue-900); font-size:1.12rem; }
.syncbox-step span,.docbox-step span { color:var(--muted); font-size:.92rem; }
.syncbox-step.is-core,.docbox-step.is-core { background:linear-gradient(135deg,var(--blue-900),var(--blue-600)); border-color:var(--blue-800); }
.syncbox-step.is-core strong,.syncbox-step.is-core span,.docbox-step.is-core strong,.docbox-step.is-core span { color:#fff; }
.syncbox-arrow,.docbox-arrow { align-self:center; color:var(--blue-600); font-size:2rem; font-weight:800; }
.syncbox-diagram-note,.docbox-diagram-note { color:var(--muted); margin:1.3rem 0 0; max-width:44rem; }
.checklist { list-style:none; margin:1.3rem 0 0; padding:0; }
.checklist li { margin:.75rem 0; padding-left:1.8rem; position:relative; }
.checklist li::before { color:var(--blue-600); content:"✓"; font-weight:900; left:0; position:absolute; }
.case-number { color:var(--blue-400); font-size:.78rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.case-list { display:grid; gap:1.5rem; }
.case-card { display:grid; grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr); overflow:hidden; padding:0; }
.case-card.is-reversed .case-visual { order:2; }
.case-content { align-content:center; display:grid; padding:2.35rem; }
.product-logo { height:2.65rem; margin:0 0 .7rem; width:auto; }
.case-card:first-child .case-content::before { background:center/contain no-repeat url("/assets/power-automate.svg"); content:""; display:block; height:2.65rem; margin:0 0 .7rem; width:2.65rem; }
.case-card:nth-child(3) .case-content::before { background:center/contain no-repeat url("/assets/ocr-sql.svg"); content:""; display:block; height:3.25rem; margin:0 0 .7rem; width:11rem; }
.case-content h3 { font-size:clamp(1.45rem,2.4vw,2rem); margin:.35rem 0 .7rem; }
.case-visual { align-items:center; background:linear-gradient(145deg,#e8f3ff,#cfe2f8); display:flex; justify-content:center; min-height:17rem; overflow:hidden; padding:1.6rem; }
.case-visual.flow { background:linear-gradient(145deg,#17336d,#3265a1); }
.case-visual.bi { background:linear-gradient(145deg,#e9f5ff,#d8ecfa); }
.mock-window { background:#fff; border:1px solid rgba(37,56,126,.13); border-radius:.7rem; box-shadow:0 18px 35px rgba(28,57,108,.2); overflow:hidden; width:min(100%,24rem); }
.mock-toolbar { align-items:center; background:#f7faff; border-bottom:1px solid #dce8f5; display:flex; gap:.35rem; padding:.55rem .7rem; }
.mock-toolbar::before { background:#5a96d0; border-radius:50%; content:""; height:.48rem; width:.48rem; box-shadow:.72rem 0 0 #9bbfe5,1.44rem 0 0 #d2e3f4; }
.mock-toolbar span { color:#65738a; font-size:.63rem; font-weight:800; margin-left:auto; }
.mock-body { padding:1rem; }
.mock-title { background:#263e82; border-radius:.2rem; height:.58rem; margin-bottom:.85rem; width:48%; }
.mock-line { background:#d9e6f4; border-radius:99rem; height:.45rem; margin:.55rem 0; }
.mock-line.short { width:48%; }
.mock-line.medium { width:70%; }
.mock-list { display:grid; gap:.55rem; margin-top:.9rem; }
.mock-row { align-items:center; border:1px solid #e2ebf4; border-radius:.35rem; display:grid; gap:.5rem; grid-template-columns:.8rem 1fr 2.5rem; padding:.5rem; }
.mock-row::before { background:#5a96d0; border-radius:.2rem; content:""; height:.8rem; }
.mock-row::after { background:#dce8f5; border-radius:99rem; content:""; height:.36rem; }
.mock-form-grid { display:grid; gap:.65rem; grid-template-columns:1fr 1fr; margin-top:.9rem; }
.mock-field { border:1px solid #d5e2ef; border-radius:.3rem; height:1.9rem; }
.mock-field.full { grid-column:1 / -1; height:3.3rem; }
.mock-submit { background:#3265a1; border-radius:.3rem; height:1.85rem; margin-top:.8rem; width:39%; }
.mock-flow { align-items:center; display:grid; gap:.7rem; grid-template-columns:1fr auto 1fr auto 1fr; width:min(100%,24rem); }
.flow-node { background:#fff; border-radius:.6rem; box-shadow:0 10px 22px rgba(0,0,0,.18); min-height:5rem; padding:.7rem; }
.flow-node b { background:#5a96d0; border-radius:99rem; display:block; height:.43rem; margin-bottom:.65rem; width:45%; }
.flow-node span { background:#dce8f5; border-radius:99rem; display:block; height:.36rem; margin:.4rem 0; }
.flow-arrow { color:#d3e8ff; font-size:1.35rem; font-weight:900; }
.mock-dashboard { background:#fff; border:1px solid rgba(37,56,126,.13); border-radius:.7rem; box-shadow:0 18px 35px rgba(28,57,108,.18); padding:1rem; width:min(100%,24rem); }
.mock-kpis { display:grid; gap:.55rem; grid-template-columns:repeat(3,1fr); }
.mock-kpi { background:#eef6ff; border-radius:.35rem; padding:.55rem; }
.mock-kpi b { background:#3265a1; border-radius:99rem; display:block; height:.45rem; margin:.12rem 0 .45rem; width:63%; }
.mock-kpi span { background:#b9d3ec; border-radius:99rem; display:block; height:.3rem; width:85%; }
.mock-chart { align-items:end; border-bottom:1px solid #d4e1ef; display:flex; gap:.65rem; height:8rem; margin-top:1.15rem; padding:0 .45rem; }
.mock-bar { background:linear-gradient(#5a96d0,#25387e); border-radius:.25rem .25rem 0 0; flex:1; }
.mock-bar:nth-child(1) { height:42%; }.mock-bar:nth-child(2) { height:68%; }.mock-bar:nth-child(3) { height:54%; }.mock-bar:nth-child(4) { height:89%; }.mock-bar:nth-child(5) { height:64%; }
.quote { border-left:4px solid var(--blue-400); color:var(--blue-900); font-size:1.25rem; font-weight:700; margin:1rem 0 0; padding-left:1.2rem; }
.contact-grid { align-items:start; display:grid; gap:2rem; grid-template-columns:.8fr 1.2fr; }
.contact-card { max-width:32rem; }
.contact-detail { border-bottom:1px solid var(--line); padding:1rem 0; }
.contact-detail strong { display:block; color:var(--blue-900); }
.freshdesk-embed { background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; padding:1.25rem; }
.freshdesk-embed iframe { border:0; display:block; width:100%; }
.form-card { background:#fff; border:1px solid var(--line); border-radius:0 var(--radius) 0 var(--radius); box-shadow:var(--shadow); padding:1.75rem; }
.field-grid { display:grid; gap:1rem; grid-template-columns:1fr 1fr; }
label { color:var(--blue-900); display:block; font-size:.91rem; font-weight:800; margin:0 0 .35rem; }
input,textarea { border:1px solid #afc0d6; border-radius:.45rem; color:var(--ink); padding:.7rem; width:100%; }
input:focus,textarea:focus { border-color:var(--blue-600); box-shadow:0 0 0 3px rgba(90,150,208,.25); outline:0; }
textarea { min-height:8rem; resize:vertical; }
.form-note,.status { color:var(--muted); font-size:.88rem; }
.status { background:var(--sky); border-left:4px solid var(--blue-600); margin-top:1rem; padding:.8rem 1rem; }
.status[hidden] { display:none; }
.status.is-error { background:#fff3f2; border-left-color:#b63c36; color:#7b251f; }
.contact-form { display:grid; gap:1rem; }
.contact-form .field-grid { text-align:left; }
.contact-form > label,.contact-form .field-grid > label { display:grid; gap:.45rem; margin:0; }
.contact-form input,.contact-form textarea,.contact-form select { box-sizing:border-box; display:block; font:inherit; font-weight:400; }
.contact-form select { background:#fff; border:1px solid #afc0d6; border-radius:.45rem; color:var(--ink); padding:.7rem; width:100%; }
.contact-form [data-turnstile] { min-height:65px; width:100%; }
.contact-form button[disabled] { cursor:not-allowed; opacity:.6; }
.contact-form .honeypot { height:0; overflow:hidden; position:absolute; width:0; }
.vacancy-meta { color:var(--blue-600); font-weight:800; }
.site-footer { background:var(--blue-950); color:rgba(255,255,255,.74); overflow:hidden; padding:3rem 0 2rem; position:relative; }
.site-footer::before { background:left center/auto 100% no-repeat url("/assets/footer-hex-pattern.svg?v=scattered-2"); content:""; inset:0; pointer-events:none; position:absolute; }
.site-footer .container { position:relative; z-index:1; }
.footer-grid { display:grid; gap:2rem; grid-template-columns:1.4fr 1fr 1fr; }
.site-footer h2 { color:#fff; font-size:1rem; letter-spacing:0; }
.site-footer a { color:#fff; text-decoration:none; }
.site-footer a:hover { text-decoration:underline; }
.site-footer .brand { background:#fff; border-radius:.35rem; padding:.25rem .45rem; width:max-content; }
.site-footer .brand img { height:2rem; }
.footer-links { display:grid; gap:.45rem; }
.copyright { border-top:1px solid rgba(255,255,255,.18); font-size:.85rem; margin-top:2rem; padding-top:1.25rem; }
.not-found { align-items:center; display:flex; min-height:65vh; }
.not-found h1 { color:var(--blue-900); }
@media (max-width:1100px) { .primary-nav { background:#fff; border-bottom:1px solid var(--line); display:none; left:0; padding:1rem 1.5rem 1.3rem; position:absolute; right:0; top:4.8rem; } .primary-nav.open { display:grid; gap:1rem; } .nav-tools { margin-left:auto; } .menu-toggle { align-items:center; display:inline-flex; font-size:0; height:2.65rem; justify-content:center; margin-right:.75rem; order:-1; padding:0; width:2.65rem; } .menu-toggle::before { content:"☰"; font-size:1.35rem; line-height:1; } .hero-grid,.about-hero,.split,.contact-grid,.case-card { grid-template-columns:1fr; } .hero-art { display:none; } .grid.three { grid-template-columns:repeat(2,1fr); } .case-card.is-reversed .case-visual { order:0; } .case-content { padding:1.75rem; } }
@media (max-width:700px) { main > .page-hero:has(+ .section .grid.two > .card.emphasis:nth-child(4)) { background-image:linear-gradient(120deg,var(--sky),#fff); background-position:center; background-size:cover; } }
@media (max-width:700px) { main > .page-hero:has(+ .section .case-list) { background-image:linear-gradient(120deg,var(--sky),#fff); background-position:center; background-size:cover; } }
@media (max-width:700px) { .syncbox-diagram,.docbox-diagram { grid-template-columns:1fr; } .syncbox-arrow,.docbox-arrow { justify-self:center; transform:rotate(90deg); } }
@media (max-width:600px) { .container { padding:0 1.1rem; } .section { padding:4rem 0; } .hero { padding:4.3rem 0; } .grid.two,.grid.three,.field-grid,.footer-grid { grid-template-columns:1fr; } .freshdesk-embed { padding:.75rem; } .language { padding:.28rem .45rem; } .brand { font-size:.92rem; } }