:root{--bg:#030810;--panel:#071321;--panel2:#0a1828;--text:#f4f8ff;--muted:#9baabd;--blue:#09a8ff;--blue2:#006cff;--line:rgba(81,171,255,.22);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.section-dark{background:radial-gradient(circle at 70% 30%,rgba(0,110,255,.08),transparent 35%),var(--bg)}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:84px;display:flex;align-items:center;padding:0 clamp(24px,5vw,72px);gap:32px;background:linear-gradient(180deg,rgba(3,8,16,.92),rgba(3,8,16,.55),transparent);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;min-width:240px}.brand img{width:205px;height:auto;display:block;object-fit:contain}.main-nav{display:flex;justify-content:center;align-items:center;gap:30px;margin-left:auto}.main-nav a{font-size:13px;color:#d9e5f5;padding:31px 0;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:24px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.3s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-phone{border:1px solid rgba(24,174,255,.7);border-radius:999px;padding:11px 17px;font-size:13px;white-space:nowrap}.header-phone span{color:var(--blue)}.nav-toggle{display:none}.hero{min-height:820px;position:relative;overflow:hidden;display:flex;align-items:center;padding:140px clamp(24px,6.5vw,100px) 100px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,150,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(80,150,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,black,transparent 75%);opacity:.45}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,16,.98) 0%,rgba(3,8,16,.84) 28%,rgba(3,8,16,.28) 58%,rgba(3,8,16,.12) 100%),url('assets/perth-technology-hero.jpg') 68% center/cover no-repeat;opacity:.98}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,rgba(0,154,255,.18),transparent 28%),linear-gradient(180deg,rgba(3,8,16,.05),rgba(3,8,16,.16))}#network-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-copy{position:relative;z-index:3;width:min(650px)}.eyebrow{font-size:11px;letter-spacing:.22em;color:#16b5ff;font-weight:700;margin:0 0 18px}.hero h1{font-size:clamp(52px,6.7vw,98px);line-height:.91;letter-spacing:-.065em;margin:0 0 30px;font-weight:800;text-transform:uppercase}.hero h1 span{color:#fff}.hero h1 strong{color:var(--blue);font-weight:800}.hero-lead{max-width:570px;color:#c3d0df;font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:999px;padding:16px 23px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.button-primary{color:#fff;background:linear-gradient(120deg,#0ab6ff,#087cff);box-shadow:0 12px 40px rgba(0,143,255,.28)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 55px rgba(0,143,255,.4)}.text-link{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#dce8f7}.text-link span{color:var(--blue);margin-left:8px}.hero-orbit{display:none;position:absolute;z-index:3;width:570px;height:570px;right:8%;top:145px;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(10,176,255,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(67deg) rotateY(13deg);box-shadow:0 0 40px rgba(0,143,255,.18),inset 0 0 30px rgba(0,143,255,.1)}.orbit-a{width:420px;height:420px}.orbit-b{width:510px;height:220px;transform:translate(-50%,-50%) rotateX(71deg) rotateY(-18deg)}.orbit-c{width:300px;height:510px;transform:translate(-50%,-50%) rotateX(9deg) rotateY(67deg)}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 25%,#159fff,#0752a6 55%,#031324 70%);box-shadow:0 0 90px rgba(0,155,255,.5),inset 0 0 45px rgba(255,255,255,.14);border:1px solid rgba(112,213,255,.65)}.core span{font-size:42px;font-weight:900}.core small{font-size:9px;letter-spacing:.14em;line-height:1.5}.orbit-node{position:absolute;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;background:rgba(3,15,30,.75);border:1px solid #16b5ff;box-shadow:0 0 30px rgba(0,153,255,.45);animation:pulse 3s ease-in-out infinite}.node-phone{left:11%;top:39%}.node-cloud{right:12%;top:17%}.node-data{left:14%;bottom:17%}.node-team{right:13%;bottom:20%}.hero-meta{position:absolute;z-index:4;right:6%;bottom:54px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;color:#c8d7e9}.hero-meta i{display:block;width:55px;height:1px;background:var(--blue)}.scroll-cue{position:absolute;z-index:4;left:6.5%;bottom:40px;font-size:9px;letter-spacing:.2em;color:#718196}.scroll-cue span{display:inline-block;width:42px;height:1px;background:var(--blue);vertical-align:middle;margin-right:12px}.services{padding:125px clamp(24px,6vw,90px);display:grid;grid-template-columns:280px 1fr;gap:70px;max-width:1600px;margin:auto}.section-intro h2,.connected h2,.about h2,.contact h2{font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:0 0 24px;text-transform:uppercase}.section-intro h2 span,.connected h2 span,.contact h2 span{color:var(--blue)}.section-intro>p:last-child{color:var(--muted);line-height:1.7;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:310px;padding:25px;background:linear-gradient(145deg,rgba(12,28,47,.82),rgba(4,12,22,.8));border:1px solid var(--line);position:relative;overflow:hidden;transition:.35s;transform-style:preserve-3d}.service-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;background:radial-gradient(circle,rgba(0,157,255,.2),transparent 65%);transition:.4s}.service-card:hover{border-color:rgba(17,181,255,.7);box-shadow:0 20px 70px rgba(0,104,255,.15);transform:translateY(-7px)}.service-card:hover:before{transform:scale(1.5)}.service-number{position:absolute;right:20px;top:18px;color:#48647f;font-size:11px}.service-icon{font-size:40px;color:var(--blue);height:75px;display:flex;align-items:flex-end;text-shadow:0 0 25px rgba(0,167,255,.5)}.service-card h3{font-size:20px;line-height:1.1;margin:20px 0 12px}.service-card p{font-size:12px;line-height:1.6;color:#8fa1b5;margin:0;max-width:230px}.card-arrow{position:absolute;bottom:22px;left:25px;color:var(--blue);font-size:24px}.connected{padding:100px clamp(24px,6vw,90px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:center}.connected-copy>p:last-child{color:var(--muted);line-height:1.6}.connection-line{height:180px;display:flex;align-items:center;justify-content:space-between;position:relative}.connection-line:before,.connection-progress{content:"";position:absolute;left:3%;right:3%;height:2px;top:68px;background:linear-gradient(90deg,transparent,#078fff,transparent);box-shadow:0 0 20px rgba(0,158,255,.6)}.connection-progress{transform-origin:left;transform:scaleX(0);transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}.connection-node{position:relative;z-index:2;text-align:center}.connection-node b{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#061425;border:1px solid #09a8ff;box-shadow:0 0 25px rgba(0,150,255,.3);font-size:25px}.connection-node small{display:block;margin-top:14px;font-size:9px;letter-spacing:.18em;color:#9aabc0}.about{padding:120px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr 1fr .8fr;gap:70px;align-items:center}.about h2{font-size:clamp(52px,6vw,90px)}.about h2 span{color:var(--blue)}.about-copy{max-width:450px}.about-copy p{color:#b5c3d3;font-size:16px;line-height:1.8;margin-bottom:28px}.about-points{display:grid;gap:28px}.about-points div{border-left:1px solid var(--blue);padding-left:18px}.about-points b{display:block;font-size:12px;letter-spacing:.12em}.about-points span{display:block;color:#8294a9;font-size:12px;margin-top:5px}.perth-banner{min-height:470px;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px clamp(24px,6vw,90px)}.perth-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,16,.92) 0%,rgba(3,8,16,.6) 45%,rgba(3,8,16,.2)),url('https://images.unsplash.com/photo-1551918120-9739cb430c6d?auto=format&fit=crop&w=2200&q=85') center/cover;filter:saturate(.85)}.perth-copy{position:relative;z-index:2;max-width:540px}.perth-copy h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.05em;margin:0 0 22px}.perth-copy h2 span{color:var(--blue)}.perth-copy p:not(.eyebrow){color:#d1dcea;line-height:1.65}.perth-mark{position:absolute;z-index:2;right:7%;bottom:50px;color:rgba(255,255,255,.65);font-size:90px;font-weight:800;letter-spacing:-.08em}.contact{padding:120px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:60px}.contact h2{font-size:clamp(56px,6vw,86px)}.contact-line{display:flex;align-items:center;gap:18px;font-size:19px;margin:22px 0}.contact-line:first-letter{color:var(--blue)}.contact-line span{font-size:16px}.contact-services ul{padding:0;margin:0;list-style:none}.contact-services li{padding:12px 0;border-bottom:1px solid rgba(104,153,200,.15);color:#b9c6d6;font-size:13px}.contact-form{border:1px solid var(--line);background:linear-gradient(145deg,rgba(8,24,40,.88),rgba(4,12,21,.92));padding:28px}.contact-form h3{font-size:24px;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-size:10px;color:#7e93aa;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:7px;background:#061222;border:1px solid #153451;color:#fff;border-radius:5px;padding:13px 14px;outline:none;font:inherit;font-size:13px}.contact-form textarea{resize:vertical;min-height:125px}.contact-form select{appearance:auto}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,155,255,.08)}.contact-form>label{margin-top:14px}.contact-form .button{margin-top:18px}.form-note{font-size:10px;color:#647b92;line-height:1.5}.honeypot{position:absolute;left:-9999px}.site-footer{padding:42px clamp(24px,6vw,90px) 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:250px 1fr auto;gap:35px;align-items:center}.site-footer .brand img{width:190px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a,.footer-contact a{font-size:11px;color:#91a4ba}.footer-contact{display:flex;flex-direction:column;gap:9px;text-align:right}.footer-credentials{grid-column:1/-1;display:flex;flex-direction:column;flex-wrap:nowrap;gap:28px;margin-top:4px;padding-top:18px;border-top:1px solid rgba(80,120,160,.15);color:#7f8da1;font-size:11px;letter-spacing:.04em}.footer-credentials b{color:#cbd5e1;font-weight:600;margin-right:6px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(80,120,160,.15);padding-top:18px;margin-top:10px;display:flex;justify-content:space-between;color:#5f748b;font-size:10px}.footer-bottom a{color:#8da4ba}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 25px rgba(0,153,255,.35)}50%{transform:scale(1.08);box-shadow:0 0 45px rgba(0,153,255,.65)}}.cursor-glow{position:fixed;z-index:60;width:240px;height:240px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,153,255,.09),transparent 65%);transform:translate(-50%,-50%);mix-blend-mode:screen}@media(max-width:1100px){.main-nav{gap:18px}.hero-orbit{right:-4%;opacity:.85}.services{grid-template-columns:1fr}.section-intro{max-width:650px}.service-grid{grid-template-columns:repeat(2,1fr)}.connected{grid-template-columns:1fr}.about{grid-template-columns:1fr 1fr}.about-points{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.contact{grid-template-columns:1fr 1fr}.contact-form{grid-column:1/-1}.site-footer{grid-template-columns:1fr 1fr}.footer-contact{text-align:left}}@media(max-width:780px){.site-header{height:70px}.brand{min-width:0}.brand img{width:165px}.nav-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);color:#fff;border-radius:999px;padding:9px 14px}.main-nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:#071321;border:1px solid var(--line);padding:12px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px}.main-nav a:after{bottom:7px}.header-phone{display:none}.hero{min-height:850px;padding-top:150px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:clamp(48px,13vw,74px)}.hero-lead{font-size:14px}.hero-orbit{width:420px;height:420px;right:-90px;top:430px;opacity:.72}.core{width:125px;height:125px}.orbit-a{width:300px;height:300px}.orbit-b{width:370px;height:160px}.orbit-c{height:370px}.scroll-cue{display:none}.services,.connected,.about,.contact{padding:80px 20px}.service-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:35px}.about-points{grid-template-columns:1fr;grid-column:auto}.connection-line{overflow:hidden}.connection-node b{width:52px;height:52px}.connection-node small{font-size:7px}.perth-banner{min-height:520px;padding:70px 20px}.perth-mark{font-size:70px;right:20px}.contact{grid-template-columns:1fr}.contact-form{grid-column:auto}.form-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-contact{text-align:left}.footer-bottom{display:block}.footer-bottom a{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero-orbit,.orbit-node{animation:none}.cursor-glow{display:none}}

/* SEO service pages — keeps the premium visual language while adding useful content. */
.service-hero{min-height:680px;padding:150px clamp(24px,8vw,120px) 100px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.service-hero:after{content:"";position:absolute;width:560px;height:560px;right:-160px;top:80px;border-radius:50%;border:1px solid rgba(9,168,255,.18);box-shadow:0 0 100px rgba(0,120,255,.08),inset 0 0 100px rgba(0,120,255,.04)}
.service-hero .hero-copy{max-width:850px;position:relative;z-index:2}.service-hero h1{max-width:850px;font-size:clamp(54px,7vw,102px);line-height:.96;letter-spacing:-.055em;margin:12px 0 28px}.service-detail{padding:120px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr 1.2fr;gap:90px;border-bottom:1px solid var(--line)}.service-detail h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.05em;margin:0}.service-detail h2 span{color:var(--blue)}.service-detail-copy{max-width:700px}.service-detail-copy>p{color:#c0ccda;font-size:18px;line-height:1.8;margin:0 0 38px}.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:38px}.detail-points div{padding:20px;border:1px solid rgba(80,120,160,.18);background:rgba(7,19,33,.55)}.detail-points b{display:block;font-size:11px;letter-spacing:.12em}.detail-points span{display:block;color:#8294a9;font-size:12px;margin-top:7px}.seo-support{padding:100px clamp(24px,6vw,90px);border-top:1px solid var(--line)}.seo-support-copy{max-width:850px}.seo-support-copy h2{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.05em;margin:0 0 25px}.seo-support-copy h2 span{color:var(--blue)}.seo-support-copy p:not(.eyebrow){color:#b7c5d5;line-height:1.8;max-width:760px}
@media(max-width:780px){.service-hero{min-height:650px;padding-top:130px}.service-hero h1{font-size:clamp(46px,12vw,70px)}.service-detail{grid-template-columns:1fr;gap:45px;padding:80px 20px}.detail-points{grid-template-columns:1fr}.seo-support{padding:80px 20px}}