:root { --ink:#f4f8fb; --muted:#9aafc0; --base:#050a11; --navy:#091421; --panel:#0d1a28; --line:rgba(136,179,202,.18); --teal:#2dd4bf; --cyan:#38bdf8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--base); color:var(--ink); font-family:var(--font-geist-sans),Arial,"Helvetica Neue",sans-serif; line-height:1.5; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.site-header { height:96px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(5,10,17,.86); backdrop-filter:blur(18px); position:absolute; top:0; left:0; right:0; z-index:20; }
.brand { font-size:34px; font-weight:800; letter-spacing:-1.8px; line-height:1; }
.brand span { color:var(--teal); }
nav { display:flex; align-items:center; gap:clamp(24px,3vw,48px); }
nav>a:not(.nav-cta) { font-size:15px; color:#dce7ed; position:relative; }
nav>a:not(.nav-cta)::after { content:""; position:absolute; height:2px; left:0; right:100%; bottom:-10px; background:var(--teal); transition:right .2s ease; }
nav>a:hover::after { right:0; }
.nav-cta { padding:15px 22px; border-radius:7px; background:linear-gradient(135deg,#18bba9,var(--teal)); color:#03100f; font-weight:700; }
.nav-cta span { margin-left:18px; }
.menu-button { display:none; }
.hero { min-height:900px; padding:190px clamp(24px,5vw,80px) 0; position:relative; overflow:hidden; background:radial-gradient(circle at 82% 38%,rgba(0,121,191,.12),transparent 32%),linear-gradient(135deg,#050a11,#07111d 64%,#06121e); }
.hero::after { content:""; position:absolute; inset:96px 0 auto; height:1px; background:linear-gradient(90deg,transparent,var(--line),transparent); }
.hero-content { width:min(720px,57vw); position:relative; z-index:2; }
.eyebrow,.section-label { text-transform:uppercase; letter-spacing:.19em; font-size:12px; font-weight:700; color:var(--teal); }
.eyebrow span { display:inline-block; width:28px; height:1px; background:var(--teal); vertical-align:middle; margin-right:12px; }
h1 { font-size:clamp(56px,6.1vw,92px); line-height:.98; letter-spacing:-.055em; margin:24px 0 28px; font-weight:800; }
h1 span { color:var(--teal); }
.hero-copy { font-size:clamp(18px,1.7vw,24px); line-height:1.55; max-width:690px; color:var(--muted); margin:0; }
.hero-actions { display:flex; gap:16px; margin-top:38px; }
.button { min-height:60px; padding:0 26px; display:inline-flex; align-items:center; justify-content:space-between; gap:42px; border:1px solid var(--cyan); border-radius:7px; font-weight:700; transition:transform .18s,box-shadow .18s,background .18s; cursor:pointer; }
.button:hover { transform:translateY(-2px); box-shadow:0 12px 36px rgba(45,212,191,.18); }
.button.primary { border:0; color:#03100f; background:linear-gradient(135deg,#22c6b2,#3addc9); }
.button.secondary { background:rgba(8,17,28,.55); }
.trust-line { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:42px; color:#b3c5d0; font-size:14px; }
.trust-line i { width:4px; height:4px; background:var(--teal); border-radius:50%; }
.australia { width:40px; height:30px; display:grid; place-items:center; border:1px solid var(--teal); border-radius:50% 45% 55% 38%; color:var(--teal); font-size:10px; font-weight:800; }
.signal-field { position:absolute; width:58%; height:77%; right:-4%; top:110px; opacity:.88; mask-image:linear-gradient(90deg,transparent 0,#000 26%,#000 82%,transparent); }
.signal-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(56,189,248,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.13) 1px,transparent 1px); background-size:58px 58px; transform:perspective(700px) rotateX(61deg) rotateZ(-12deg) scale(1.45); transform-origin:center bottom; box-shadow:inset 0 0 100px var(--base); animation:drift 14s ease-in-out infinite alternate; }
.signal-field::before,.signal-field::after { content:""; position:absolute; border:1px solid rgba(56,189,248,.28); border-radius:50%; width:520px; height:520px; right:14%; top:8%; box-shadow:0 0 70px rgba(56,189,248,.08),inset 0 0 70px rgba(56,189,248,.06); animation:ring-breathe 9s ease-in-out infinite; }
.signal-field::after { width:320px; height:320px; right:27%; top:21%; animation-duration:7s; animation-delay:-2.5s; }
.node { position:absolute; width:9px; height:9px; border-radius:50%; background:#c7f7ff; box-shadow:0 0 8px var(--cyan),0 0 28px var(--cyan); animation:pulse 3.5s ease-in-out infinite; }.n1{top:22%;right:21%}.n2{top:46%;right:44%;animation-delay:.7s}.n3{top:63%;right:16%;animation-delay:1.2s}.n4{top:35%;right:8%;animation-delay:1.8s}.n5{top:70%;right:45%;animation-delay:2.3s}
.hero-cards { position:absolute; z-index:3; bottom:0; left:clamp(24px,5vw,80px); right:clamp(24px,5vw,80px); display:grid; grid-template-columns:repeat(3,1fr); }
.hero-cards a { min-height:134px; display:flex; align-items:center; gap:22px; padding:28px; border:1px solid var(--line); background:rgba(7,16,26,.8); backdrop-filter:blur(16px); transition:background .2s,transform .2s; }
.hero-cards a:first-child { border-radius:16px 0 0; }.hero-cards a:last-child { border-radius:0 16px 0 0; }.hero-cards a:hover { background:#0d1d2b; transform:translateY(-4px); }
.mini-icon { width:52px; height:52px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--teal); color:var(--teal); border-radius:14px; font-size:12px; font-weight:800; letter-spacing:.08em; }
.hero-cards strong,.hero-cards small { display:block; }.hero-cards strong { margin-bottom:6px; }.hero-cards small { color:var(--muted); }
.section { padding:clamp(86px,9vw,150px) clamp(24px,7vw,112px); }
.intro { display:grid; grid-template-columns:1.15fr .85fr; gap:10vw; background:#f3f7f8; color:#091421; }
h2 { font-size:clamp(40px,4.6vw,68px); line-height:1.07; letter-spacing:-.045em; margin:18px 0 0; }
.intro .section-label,.services .section-label,.benefits .section-label { color:#078c80; }
.intro-copy { padding-top:48px; color:#4f6470; font-size:18px; }
.intro-copy p { margin:0 0 22px; }
.text-link { color:#087e76; font-weight:700; border-bottom:1px solid #8acdc6; padding-bottom:5px; }.text-link span{margin-left:18px}
.services { background:#e8eff1; color:#091421; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:66px; }
.section-heading>p { max-width:470px; color:#586c77; font-size:17px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #c5d3d8; border-left:1px solid #c5d3d8; }
.service-card { padding:38px; min-height:390px; border-right:1px solid #c5d3d8; border-bottom:1px solid #c5d3d8; background:rgba(255,255,255,.24); transition:background .2s,transform .2s; }
.service-card:hover { background:#fff; transform:translateY(-4px); box-shadow:0 20px 50px rgba(9,20,33,.08); z-index:1; }
.card-top { display:flex; justify-content:space-between; color:#65818f; font-size:12px; }.card-top i { font-style:normal; color:#078c80; font-size:22px; }
.service-card h3 { font-size:27px; letter-spacing:-.025em; margin:50px 0 15px; }.service-card p { color:#596d78; margin:0 0 24px; }
.service-card ul { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:7px; }.service-card li { padding:7px 11px; border:1px solid #bfd0d5; border-radius:20px; color:#526b77; font-size:12px; }
.outcomes { padding:0 clamp(24px,5vw,80px); background:#07101b; }
.outcomes-inner { padding:clamp(80px,9vw,140px) clamp(28px,7vw,100px); display:grid; grid-template-columns:1fr 1fr; gap:10vw; background:radial-gradient(circle at 8% 100%,rgba(45,212,191,.12),transparent 34%),#0a1724; border-left:1px solid var(--line); border-right:1px solid var(--line); }
.outcomes-copy>p:not(.section-label) { color:var(--muted); font-size:17px; max-width:540px; margin:28px 0 40px; }
.outcome-list article { display:grid; grid-template-columns:60px 1fr; gap:20px; padding:30px 0; border-bottom:1px solid var(--line); }.outcome-list article:first-child{border-top:1px solid var(--line)}.outcome-list span { color:var(--teal); font-size:12px; }.outcome-list h3 { margin:0 0 8px; font-size:24px; }.outcome-list p { margin:0; color:var(--muted); }
.benefits { background:#f3f7f8; color:#091421; }
.benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#c8d6da; border:1px solid #c8d6da; }.benefit-grid article { background:#f3f7f8; padding:35px; min-height:280px; }.benefit-grid span { color:#078c80; font-size:29px; font-weight:700; }.benefit-grid h3 { margin:70px 0 12px; font-size:21px; }.benefit-grid p { color:#5d7079; margin:0; }
.industry-band { padding:55px clamp(24px,7vw,112px); background:var(--teal); color:#03100f; }.industry-band>p { text-transform:uppercase; letter-spacing:.17em; font-size:11px; font-weight:800; }.industry-band>div { display:flex; flex-wrap:wrap; gap:12px 34px; margin-top:20px; }.industry-band span { font-size:clamp(17px,1.7vw,24px); font-weight:700; }
.contact { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; background:#050a11; }
.contact-copy>p:not(.section-label) { color:var(--muted); font-size:18px; max-width:530px; }.contact-details { display:grid; gap:24px; margin-top:55px; }.contact-details a,.contact-details span { font-size:18px; }.contact-details small { display:block; color:var(--teal); text-transform:uppercase; letter-spacing:.15em; font-size:10px; margin-bottom:7px; }
.contact-form { padding:45px; background:#0b1724; border:1px solid var(--line); border-radius:12px; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.contact-form label { display:block; color:#afc0c9; font-size:13px; margin-bottom:22px; }.contact-form input,.contact-form textarea { width:100%; color:#fff; background:transparent; border:0; border-bottom:1px solid #355063; outline:0; padding:13px 0; resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color:var(--teal); }.contact-form textarea { border:1px solid #355063; padding:14px; margin-top:10px; }.contact-form button { margin-top:5px; }.contact-form>small { display:block; color:#708998; margin-top:14px; }
footer { padding:64px clamp(24px,5vw,80px) 40px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; border-top:1px solid var(--line); color:var(--muted); }.footer-logo{display:inline-flex;width:154px}.footer-logo img{display:block;width:100%;height:auto}.footer-logo+p{margin:18px 0 30px;color:#c5d3db;font-size:16px}footer>div{display:flex;justify-content:center;gap:28px;margin-bottom:36px}footer>small{width:100%;border-top:1px solid var(--line);padding-top:25px}
@keyframes pulse{0%,100%{opacity:.95;transform:scale(1)}50%{opacity:.28;transform:scale(.62)}}@keyframes drift{to{transform:perspective(700px) rotateX(61deg) rotateZ(-10deg) scale(1.48) translate(8px,-5px)}}@keyframes ring-breathe{0%,100%{opacity:.58;transform:scale(.985)}50%{opacity:1;transform:scale(1.035);box-shadow:0 0 95px rgba(56,189,248,.15),inset 0 0 90px rgba(56,189,248,.1)}}
@media (max-width:1000px){.signal-field{width:70%;opacity:.4}.hero-content{width:78vw}.service-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.hero-cards small{display:none}}
@media (max-width:760px){.site-header{height:76px;position:fixed}.brand{font-size:28px}.menu-button{display:block;width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:transparent}.menu-button i{display:block;width:19px;height:1px;background:#fff;margin:6px auto}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:28px;background:#07111b;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:940px;padding-top:140px}.hero-content{width:100%}.signal-field{width:110%;height:55%;top:280px;right:-45%;opacity:.24}.hero-actions{flex-direction:column}.button{width:100%}.trust-line{gap:10px;font-size:12px}.hero-cards{grid-template-columns:1fr;position:absolute}.hero-cards a{min-height:76px;padding:15px 18px}.hero-cards a:nth-child(n+2){display:none}.hero-cards a:first-child{border-radius:12px 12px 0 0}.mini-icon{width:42px;height:42px}.intro,.outcomes-inner{grid-template-columns:1fr}.intro-copy{padding-top:0}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px;padding:30px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:210px}.benefit-grid h3{margin-top:35px}.field-row{grid-template-columns:1fr}.contact-form{padding:26px}.outcomes{padding:0}.outcomes-inner{border:0}.industry-band>div{gap:10px 20px}footer>div{flex-wrap:wrap}.footer-logo{width:136px}}
/* Shared refinement layer: dark signal / editorial spacing. */
:root { --muted:#adc0ce; --line:rgba(136,179,202,.2); }
.terminal-brand { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.terminal-brand>img { display:block; width:200px; height:auto; }
.terminal-brand span { position:relative; display:block; overflow:hidden; }
.header-symbol { width:48px; height:60px; }
.header-symbol img { position:absolute; width:180px; max-width:none; left:-62px; top:-45px; }
.header-wordmark { width:142px; height:36px; }
.header-wordmark img { position:absolute; width:262px; max-width:none; left:-56px; top:-155px; }
.terminal-footer.footer-logo { display:block; width:260px; height:auto; overflow:visible; }
.terminal-footer.footer-logo img { position:static; display:block; width:100%; height:auto; }
html { scroll-padding-top:110px; }
section[id],article[id] { scroll-margin-top:110px; }
:focus-visible { outline:2px solid var(--teal); outline-offset:6px; }
.skip-link { position:fixed; top:12px; left:20px; z-index:50; padding:14px 22px; background:var(--teal); color:var(--base); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
.site-header { height:84px; position:fixed; padding-inline:max(28px,calc((100vw - 1320px)/2)); }
.brand { font-size:32px; }
.nav-cta { border-radius:4px; padding:13px 20px; }
.hero { min-height:820px; padding:174px max(28px,calc((100vw - 1320px)/2)) 176px; }
.hero-content { width:min(760px,65vw); }
h1 { font-size:clamp(54px,6.3vw,90px); line-height:1.04; font-weight:700; letter-spacing:-.055em; }
.hero-copy { font-size:20px; max-width:590px; }
.eyebrow,.section-label { font-size:14px; letter-spacing:.14em; }
.hero-actions { margin-top:32px; }
.button { min-height:54px; border-radius:4px; gap:28px; }
.signal-field { right:-8%; top:80px; height:80%; opacity:.75; }
.hero-cards { left:max(28px,calc((100vw - 1320px)/2)); right:max(28px,calc((100vw - 1320px)/2)); }
.hero-cards a { min-height:110px; padding:24px; background:#0b1824e6; }
.hero-cards a:first-child { border-radius:6px 0 0; }
.hero-cards a:last-child { border-radius:0 6px 0 0; }
.hero-cards small { font-size:14px; }
.mini-icon { border-radius:6px; background:rgba(45,212,191,.05); font-size:14px; }
.section { padding:100px max(28px,calc((100vw - 1250px)/2)); }
h2 { font-size:clamp(36px,3.7vw,56px); line-height:1.12; font-weight:600; }
.intro { background:#0b1520; color:var(--ink); gap:7vw; border-block:1px solid var(--line); }
.intro-copy { padding-top:40px; color:var(--muted); }
.intro .section-label,.services .section-label,.benefits .section-label { color:var(--teal); }
.text-link { color:var(--teal); border-color:#27584f; }
.services { background:#070e17; color:var(--ink); }
.section-heading { margin-bottom:46px; }
.section-heading>p { color:var(--muted); }
.service-grid { gap:16px; border:0; }
.service-card { display:flex; flex-direction:column; position:relative; background:#0d1825; border:1px solid var(--line); border-radius:6px; padding:30px; min-height:400px; }
.service-card:hover,.service-card:focus-within { background:#102231; border-color:#318779; transform:translateY(-4px); box-shadow:0 16px 40px #0003; }
.card-top { color:#93adbd; font-size:14px; font-family:var(--font-geist-mono),monospace; }
.card-top i { color:var(--teal); }
.service-card h3 { margin:36px 0 16px; font-size:26px; line-height:1.2; }
.service-card p { color:var(--muted); }
.service-card ul { margin:0 0 24px; }
.service-card li { font-size:14px; color:#b7cedb; border-color:#2a4151; border-radius:4px; padding:5px 9px; }
.service-enquiry { display:flex; justify-content:space-between; gap:12px; padding-top:18px; border-top:1px solid var(--line); margin-top:auto; color:var(--teal); font-size:14px; }
.outcomes { padding:0; border-block:1px solid var(--line); }
.outcomes-inner { padding:100px max(28px,calc((100vw - 1250px)/2)); border:0; gap:7vw; }
.outcome-list article { padding:32px 0; }
.outcome-list span { font-size:14px; }
.benefits { color:var(--ink); background:#0a131e; }
.benefit-grid { border:0; background:transparent; gap:30px; }
.benefit-grid article { background:transparent; padding:24px 0; border-top:1px solid #37505e; min-height:240px; }
.benefit-grid span { color:var(--teal); }
.benefit-grid h3 { margin-top:36px; }
.benefit-grid p { color:var(--muted); }
.industry-band { background:#10242b; color:#d5e7ec; padding:38px max(28px,calc((100vw - 1250px)/2)); border-block:1px solid #25454e; }
.industry-band>p { color:var(--teal); font-size:14px; }
.industry-band span { font-size:17px; font-weight:500; }
.contact { gap:6vw; }
.contact-form { border-radius:6px; padding:36px; }
.contact-form label { font-size:14px; color:#c6d7e2; }
.contact-form input,.contact-form textarea { font-size:16px; }
.contact-form>small { color:#a0b7c6; font-size:14px; }
.contact-details small { font-size:12px; }
footer { background:#08111b; }
footer>small { font-size:13px; }
@media (min-width:1600px) { .hero { min-height:850px; } }
@media (max-width:1000px) { .site-header { padding-inline:28px; } nav { gap:20px; } .hero-content { width:85%; } .hero { min-height:820px; } .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .site-header { height:76px; padding-inline:24px; } .hero { min-height:0; padding:140px 24px 0; } .hero-content { width:100%; } h1 { font-size:clamp(48px,10vw,68px); } .hero-copy { font-size:18px; } .hero-cards { position:relative; left:auto; right:auto; margin-top:54px; grid-template-columns:1fr; } .hero-cards a { min-height:86px; } .hero-cards small { display:block; } .hero-cards a:nth-child(n+2) { display:flex; } .hero-cards a:first-child { border-radius:6px 6px 0 0; } .hero-cards a:last-child { border-radius:0; } .hero-actions { flex-direction:column; } .trust-line { font-size:14px; } .section,.outcomes-inner { padding:72px 24px; } .intro { gap:24px; } .intro-copy { padding:0; } .service-grid { grid-template-columns:1fr; } .service-card { min-height:0; padding:26px; } .section-heading { margin-bottom:32px; } .service-card h3 { margin-top:28px; } .contact-form { padding:24px; } .benefit-grid { gap:8px; } .benefit-grid article { min-height:0; padding-block:28px; } .industry-band { padding:32px 24px; } .eyebrow { font-size:12px; } .signal-field { top:120px; right:-50%; opacity:.25; } }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-grid,.signal-field::before,.signal-field::after,.node{animation:none}.button,.service-card,.hero-cards a{transition:none}.service-card:hover,.service-card:focus-within,.button:hover,.hero-cards a:hover{transform:none}}