/* Content parity with argon.co.za — methodology, services and customer evidence. */
.method-section{background:#0c1919;color:#eef5ed;scroll-margin-top:88px}.method-section .section-index,.method-section .section-line>.mono{color:#9db8a6}.method-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.method-heading h2{color:#eef5ed;margin:0}.method-heading h2 em{color:#a8f4d8}.method-heading p{color:#afc2b6;max-width:430px;margin:0 0 5px}.method-figure{margin:58px 0 0}.method-desktop{display:block;width:100%;height:auto;overflow:visible}.method-guides{stroke:#385345;stroke-width:1}.loop-one{stroke:#a8f4d8}.loop-two{stroke:#78c6b3}.loop-three{stroke:#408e81}.method-stage-label{font:11px 'IBM Plex Mono',monospace;letter-spacing:1.5px;fill:#bed3c4}.method-loop-title{font:600 36px 'DM Sans',sans-serif;letter-spacing:-1.6px;fill:#f0f5ec}.method-loop-sub{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;fill:#8da798}.method-action{font:15px 'DM Sans',sans-serif;fill:#b3c8ba}.method-gates{fill:#0c1919;stroke:#c6e9cf;stroke-width:3}.method-gate-label{font:9px 'IBM Plex Mono',monospace;letter-spacing:.4px;fill:#d6e6d8}.method-gate-label tspan{font:12px 'DM Sans',sans-serif;fill:#9eb7a8;letter-spacing:0}.method-caption{border-top:1px solid #355043;margin-top:28px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:13px;color:#afc2b6}.method-caption .text-link{color:#a8f4d8}.evidence-section{background:#e7efeb}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.evidence-grid article{border-top:1px solid #9caf9e;padding-top:26px}.evidence-grid h3{font-size:24px;margin:0 0 18px}.evidence-grid blockquote{font-size:clamp(23px,2.4vw,32px);letter-spacing:-.035em;line-height:1.4;margin:0 0 24px;color:#17382a}.evidence-grid p{font-size:14px;color:#4d6155}.evidence-grid .source-name{font:11px 'IBM Plex Mono',monospace;color:#4c6556;line-height:1.8}.evidence-note{margin-top:35px;font-size:12px;color:#567060}.coverage-row{display:flex;justify-content:space-between;align-items:center;gap:26px;border-top:1px solid #ced8cc;padding:30px 0 0}.coverage-row p{margin:0;font-size:14px;max-width:640px;color:#4d6155}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-grid article{border-top:1px solid #bacbbd;padding:24px 0}.content-grid h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}.content-grid p{font-size:14px;color:#4d6155}.content-grid .mono{color:#567060;display:block;margin-bottom:18px}.content-block{margin-top:70px}.content-block h2{font-size:clamp(30px,3vw,44px)}.delivery-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:35px 0}.delivery-phases li{border-top:1px solid #bacbbd;padding-top:22px}.delivery-phases .mono{color:#567060}.delivery-phases h3{font-size:23px;margin:16px 0 12px}.delivery-phases p{font-size:14px;color:#4d6155}.original-note{font-size:12px;color:#617568;border-top:1px solid #ced8cc;padding-top:18px;line-height:1.7;margin-top:30px}.partner-names{display:flex;gap:28px;font-size:25px;font-weight:600;letter-spacing:-1px;margin:25px 0}.foot-contact{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;border-top:1px solid #ffffff1a;margin-top:45px;padding-top:30px;color:#aebfb4;font-size:12px;line-height:1.9}.foot-contact p{margin:0}.foot-contact a{color:#c4dfcd}.foot-contact .mono{display:block;color:#829b8b;margin-bottom:8px}.contact-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:35px 0 0;margin-top:45px;border-top:1px solid #c8d5c8}.contact-facts h3{font-size:20px}.contact-facts p{font-size:14px}.contact-facts a{color:#305a40}.source-link{font-size:12px;color:#3a6b48;text-decoration:underline;text-underline-offset:3px}.content-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}.content-links a{color:#365b42;border-bottom:1px solid #a5b9a7;padding-bottom:6px;font-size:13px}#implementation{scroll-margin-top:120px}.footgrid>div a{line-height:1.6}.footbase a{color:inherit;text-decoration:underline}.page-body .card p{color:#4d6155}
@media(max-width:900px){.method-heading{gap:35px}.method-caption{align-items:start}.content-grid,.delivery-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid{gap:35px}.foot-contact{gap:24px}.navlinks{gap:14px;font-size:11px}.navright .btn{font-size:11px;padding:13px}.contact-facts{gap:22px}}
@media(max-width:600px){.method-heading{grid-template-columns:1fr;gap:25px}.method-figure{margin-top:40px}.method-caption{flex-direction:column;gap:12px}.evidence-grid,.content-grid,.delivery-phases,.contact-facts{grid-template-columns:1fr}.evidence-grid{gap:38px}.coverage-row{align-items:start;flex-direction:column;gap:12px}.foot-contact{grid-template-columns:1fr;gap:22px}.content-block{margin-top:48px}.partner-names{font-size:23px}.contact-facts{margin-top:30px}.evidence-section .section-line{margin-bottom:32px}}

.method-activity-1{color:#a8f4d8}.method-activity-2{color:#78c6b3}.method-activity-3{color:#408e81}.method-activity .method-action{fill:currentColor}

.loop-one,.loop-two,.loop-three{stroke:url(#argon-loop-gradient)}.method-activity-1,.method-activity-2,.method-activity-3{color:#a8f4d8}.method-heading h2 em{color:#a8f4d8}.method-gates{stroke:#a8f4d8}

/* Follow the existing three arcs in order, then pause before repeating. */
.method-sequence-tracer{stroke-dasharray:3 297;animation:method-trace 18s linear infinite;pointer-events:none}
.method-activity{animation:method-step 18s ease-in-out infinite;animation-delay:var(--sequence-delay,0s)}
.method-stage-label>text,.method-loop-title>text{animation:method-stage 18s ease-in-out infinite}
.method-stage-label>text:nth-child(2),.method-loop-title>text:nth-child(2){animation-delay:5.5s}
.method-stage-label>text:nth-child(3),.method-loop-title>text:nth-child(3){animation-delay:11s}
.method-gates>circle{animation:method-gate 18s ease-in-out infinite;animation-delay:5.3s}
.method-gates>circle:nth-child(2){animation-delay:10.8s}
@keyframes method-trace{0%{stroke-dashoffset:3;opacity:0}2%{opacity:.75}90%{stroke-dashoffset:-300;opacity:.75}93%,100%{stroke-dashoffset:-300;opacity:0}}
@keyframes method-step{0%,8%,100%{opacity:.78}2%,5%{opacity:1;filter:drop-shadow(0 0 4px #a8f4d84d)}}
@keyframes method-stage{0%,30%,100%{opacity:.82}4%,24%{opacity:1}}
@keyframes method-gate{0%,9%,100%{fill:#0c1919}3%,6%{fill:#568e79}}
@media(prefers-reduced-motion:reduce){.method-sequence-tracer{display:none}.method-activity,.method-stage-label>text,.method-loop-title>text,.method-gates>circle{animation:none;opacity:1;filter:none}}

/* Keep the vanity number and its dialable equivalent together. */
.phone-number{display:inline-block;font-family:Tektur,sans-serif;font-size:32px;font-weight:700;line-height:1.45}.contact-facts .phone-number{font-size:28px}.phone-number>span{display:block;white-space:nowrap}.phone-number>span:first-child{font-family:Tektur,sans-serif;color:#087a49}.foot-contact .phone-number{font-size:22px}.foot-contact .phone-number>span:first-child{color:#21d081}

/* Keep direct contact details in the first screen of the contact page. */
.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:center;gap:clamp(32px,5vw,80px)}
.contact-hero .contact-hero-grid h1{font-size:clamp(40px,4.5vw,64px);max-width:850px}
.contact-hero-details{border-left:1px solid #a8f4d840;padding:24px 0 24px clamp(24px,3vw,48px)}
.contact-hero-details h3{color:#f4faf7;font-size:clamp(21px,2vw,28px);line-height:1.3;margin:0 0 22px}
.contact-hero-details p{margin:0;color:#c4d5cd}
.contact-hero-details .phone-number{font-size:clamp(25px,2.4vw,34px);color:#c4d5cd}
.contact-hero-details .phone-number>span:first-child{color:#a8f4d8}
.contact-hero-details a[href^="mailto:"]{display:inline-block;color:#a8f4d8;margin-top:18px;font-size:18px;text-underline-offset:5px}
.contact-hero-details a:hover{text-decoration:underline}
.contact-hero-details a:focus-visible{outline:2px solid #a8f4d8;outline-offset:6px}
.contact-intro{max-width:780px}
@media(max-width:800px){.contact-hero-grid{grid-template-columns:1fr;gap:32px}.contact-hero-details{border-left:0;border-top:1px solid #a8f4d840;padding:26px 0 0}.contact-hero-details h3{margin-bottom:14px}.contact-hero .contact-hero-grid h1{font-size:clamp(36px,7vw,56px)}}