{"id":300,"date":"2026-09-12T12:14:25","date_gmt":"2026-09-12T12:14:25","guid":{"rendered":"https:\/\/runnn.com.neonsnow.com.au\/?page_id=300"},"modified":"2026-09-12T13:34:00","modified_gmt":"2026-09-12T13:34:00","slug":"the-system","status":"publish","type":"page","link":"https:\/\/runnn.com.neonsnow.com.au\/?page_id=300","title":{"rendered":"The System"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"300\" class=\"elementor elementor-300\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1699db e-con-full e-flex e-con e-parent\" data-id=\"b1699db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32556c4 elementor-widget elementor-widget-html\" data-id=\"32556c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   RUNNN \u2014 THE SYSTEM\r\n   Bespoke full-width inner page for page_id=300\r\n   Brandbook-refined edition: official palette\/type names, halftone\r\n   graphic language, selective fixed-background parallax and unique\r\n   body imagery intentionally different from the homepage.\r\n   ========================================================== *\/\r\n\r\n.rnnsys{\r\n    --black:#030203;\r\n    --black2:#0b0a0b;\r\n    --black3:#141214;\r\n    --white:#fff;\r\n    --paper:#efefec;\r\n    --grey:#58595B;\r\n    --red:#D53127;\r\n    --red2:#ef4136;\r\n    --orange:#E85C2F;\r\n    --deep:#741012;\r\n    --display:\"Quicksilver Italic\",\"Arial Narrow\",\"Helvetica Neue Condensed\",Impact,sans-serif;\r\n    --body:\"Milliard Light\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n    --mono:\"BITBLOX MONOSPACED\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;\r\n    --nav-height:72px;\r\n\r\n    position:relative;\r\n    left:50%;\r\n    width:100vw;\r\n    max-width:none!important;\r\n    margin-left:-50vw;\r\n    overflow:hidden;\r\n    background:var(--black);\r\n    color:var(--white);\r\n    font-family:var(--body);\r\n}\r\n\r\n.rnnsys *,\r\n.rnnsys *::before,\r\n.rnnsys *::after{box-sizing:border-box;}\r\n\r\n.rnnsys img{display:block;max-width:100%;}\r\n.rnnsys a{color:inherit;text-decoration:none;}\r\n.rnnsys button,.rnnsys input{font:inherit;}\r\n\r\nhtml{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#D53127 #080808;}\r\nbody::-webkit-scrollbar{width:10px;}\r\nbody::-webkit-scrollbar-track{background:#080808;}\r\nbody::-webkit-scrollbar-thumb{background:#D53127;border-radius:20px;border:2px solid #080808;}\r\nbody::-webkit-scrollbar-thumb:hover{background:#ef4136;}\r\n\r\n\/* ==========================================================\r\n   SHARED TYPE + BUTTONS\r\n   ========================================================== *\/\r\n\r\n.rnnsys-kicker{\r\n    font-family:var(--mono);\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.19em;\r\n    line-height:1.4;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.rnnsys-display{\r\n    margin:0;\r\n    font-family:var(--display);\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.055em;\r\n    line-height:.82;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.rnnsys-copy{\r\n    margin:0;\r\n    max-width:660px;\r\n    font-size:clamp(16px,1.18vw,20px);\r\n    line-height:1.65;\r\n}\r\n\r\n.rnnsys-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:56px;\r\n    padding:0 25px;\r\n    border:1px solid rgba(255,255,255,.34);\r\n    font-family:var(--mono);\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n    transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;\r\n}\r\n\r\n.rnnsys-btn:hover{background:#fff;border-color:#fff;color:#030203;transform:translateY(-2px);}\r\n.rnnsys-btn-red{background:var(--red);border-color:var(--red);color:#fff;}\r\n.rnnsys-btn-red:hover{background:#fff;border-color:#fff;color:#030203;}\r\n\r\n\/* ==========================================================\r\n   HEADER \u2014 matches current homepage navigation\r\n   Only Learn and Shop have dropdowns. Cart is the red CTA.\r\n   ========================================================== *\/\r\n\r\n.rnn26-header{\r\n    position:absolute;\r\n    z-index:1000;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:var(--nav-height);\r\n    display:grid;\r\n    grid-template-columns:1fr auto 1fr;\r\n    align-items:center;\r\n    padding:0 4vw;\r\n    background:rgba(3,2,3,.12);\r\n    border-bottom:1px solid rgba(255,255,255,.07);\r\n    backdrop-filter:blur(4px);\r\n    -webkit-backdrop-filter:blur(4px);\r\n    transition:background .32s ease,backdrop-filter .32s ease,border-color .32s ease;\r\n}\r\n\r\n.rnn26-header:hover,.rnn26-header:focus-within{\r\n    background:rgba(3,2,3,.97);\r\n    border-bottom-color:rgba(255,255,255,.12);\r\n    backdrop-filter:blur(15px);\r\n    -webkit-backdrop-filter:blur(15px);\r\n}\r\n\r\n.rnn26-header-logo{justify-self:start;}\r\n.rnn26-header-logo img{width:165px;height:auto;}\r\n\r\n.rnn26-header-nav{display:flex;align-items:center;justify-content:center;gap:35px;height:100%;}\r\n.rnn26-header-nav a,.rnn26-header-actions a{\r\n    position:relative;\r\n    font-family:var(--mono);\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:.15em;\r\n    text-transform:uppercase;\r\n    opacity:.78;\r\n    transition:opacity .2s ease,color .2s ease,background .2s ease;\r\n}\r\n.rnn26-header-nav a:hover,.rnn26-header-actions a:hover{opacity:1;}\r\n\r\n.rnn26-nav-link::after,.rnn26-nav-trigger::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:-8px;\r\n    width:100%;\r\n    height:2px;\r\n    background:var(--red);\r\n    transform:scaleX(0);\r\n    transform-origin:left;\r\n    transition:transform .25s ease;\r\n}\r\n.rnn26-nav-link:hover::after,.rnn26-nav-link:focus-visible::after,\r\n.rnn26-nav-menu:hover>.rnn26-nav-trigger::after,.rnn26-nav-menu:focus-within>.rnn26-nav-trigger::after,\r\n.rnn26-nav-link.is-current::after{transform:scaleX(1);}\r\n.rnn26-nav-link.is-current{opacity:1;}\r\n\r\n.rnn26-nav-menu{position:relative;display:flex;align-items:center;height:100%;}\r\n.rnn26-nav-trigger{display:inline-flex;align-items:center;gap:7px;}\r\n.rnn26-nav-chevron{font-size:8px;opacity:.7;transition:transform .25s ease;}\r\n.rnn26-nav-menu:hover .rnn26-nav-chevron,.rnn26-nav-menu:focus-within .rnn26-nav-chevron{transform:rotate(180deg);}\r\n\r\n.rnn26-nav-dropdown{\r\n    position:absolute;\r\n    z-index:1200;\r\n    top:calc(100% - 1px);\r\n    left:50%;\r\n    padding-top:18px;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transform:translate3d(-50%,12px,0);\r\n    transition:opacity .2s ease,visibility .2s ease,transform .28s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rnn26-nav-menu:hover .rnn26-nav-dropdown,.rnn26-nav-menu:focus-within .rnn26-nav-dropdown{\r\n    opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0);\r\n}\r\n.rnn26-nav-dropdown-inner{\r\n    padding:18px;\r\n    background:rgba(3,2,3,.985);\r\n    border:1px solid rgba(255,255,255,.13);\r\n    box-shadow:0 28px 74px rgba(0,0,0,.50);\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n}\r\n.rnn26-nav-dropdown--learn{width:500px;}\r\n.rnn26-nav-dropdown--shop{width:520px;}\r\n.rnn26-nav-dropdown-kicker{\r\n    margin-bottom:13px;\r\n    color:var(--red);\r\n    font-family:var(--mono);\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n}\r\n.rnn26-nav-dropdown-list{display:grid;grid-template-columns:1fr;gap:2px;}\r\n.rnn26-nav-dropdown--shop .rnn26-nav-dropdown-list{grid-template-columns:1fr 1fr;}\r\n.rnn26-header-nav .rnn26-nav-dropdown-item{\r\n    display:block;\r\n    min-height:68px;\r\n    padding:13px 14px;\r\n    background:rgba(255,255,255,.025);\r\n    border:1px solid transparent;\r\n    opacity:1;\r\n    transition:background .2s ease,border-color .2s ease,transform .2s ease;\r\n}\r\n.rnn26-header-nav .rnn26-nav-dropdown-item:hover{\r\n    background:rgba(255,255,255,.075);\r\n    border-color:rgba(255,255,255,.09);\r\n    transform:translateY(-1px);\r\n}\r\n.rnn26-nav-dropdown-meta{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:var(--red);\r\n    font-family:var(--mono);\r\n    font-size:7px;\r\n    font-weight:800;\r\n    letter-spacing:.15em;\r\n    text-transform:uppercase;\r\n}\r\n.rnn26-nav-dropdown-name{\r\n    display:block;\r\n    color:#fff;\r\n    font-family:var(--display);\r\n    font-size:21px;\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.035em;\r\n    line-height:.95;\r\n    text-transform:uppercase;\r\n}\r\n.rnn26-nav-dropdown-all{\r\n    display:flex!important;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    margin-top:9px;\r\n    padding:16px 15px;\r\n    background:var(--red);\r\n    color:#fff!important;\r\n    opacity:1!important;\r\n}\r\n.rnn26-nav-dropdown-all:hover{background:#fff;color:#030203!important;}\r\n\r\n.rnn26-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;}\r\n.rnn26-header-cart{\r\n    display:inline-flex!important;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:40px;\r\n    padding:0 20px!important;\r\n    background:var(--red);\r\n    color:#fff!important;\r\n    opacity:1!important;\r\n}\r\n.rnn26-header-cart:hover{background:#fff!important;color:#030203!important;}\r\n\r\n\/* ==========================================================\r\n   SYSTEM HERO\r\n   Unique photography: 15-copy-scaled.jpg\r\n   ========================================================== *\/\r\n\r\n.rnnsys-hero{\r\n    position:relative;\r\n    min-height:100svh;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    padding:calc(var(--nav-height) + 72px) 4vw 7vh;\r\n    overflow:hidden;\r\n    background:\r\n        linear-gradient(90deg,rgba(3,2,3,.94) 0%,rgba(3,2,3,.60) 43%,rgba(3,2,3,.15) 78%),\r\n        linear-gradient(0deg,rgba(3,2,3,.72) 0%,transparent 45%),\r\n        url(\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/15-copy-scaled.jpg\") center center\/cover fixed;\r\n}\r\n.rnnsys-hero::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background-image:radial-gradient(circle,rgba(255,255,255,.14) 1.1px,transparent 1.1px);\r\n    background-size:12px 12px;\r\n    mask-image:linear-gradient(110deg,transparent 22%,#000 78%);\r\n    -webkit-mask-image:linear-gradient(110deg,transparent 22%,#000 78%);\r\n    opacity:.35;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-hero::after{\r\n    content:\"01 \u2192 04\";\r\n    position:absolute;\r\n    right:-2vw;\r\n    top:12vh;\r\n    font-family:var(--display);\r\n    font-style:italic;\r\n    font-weight:900;\r\n    font-size:17vw;\r\n    letter-spacing:-.07em;\r\n    color:transparent;\r\n    -webkit-text-stroke:1px rgba(255,255,255,.12);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-hero-inner{position:relative;z-index:4;width:100%;}\r\n.rnnsys-hero-kicker{margin-bottom:24px;color:var(--red);}\r\n.rnnsys-hero-title{max-width:1500px;font-size:clamp(88px,13vw,220px);}\r\n.rnnsys-hero-title .red{color:var(--red);}\r\n.rnnsys-hero-title span{display:block;}\r\n.rnnsys-hero-bottom{\r\n    display:grid;\r\n    grid-template-columns:.82fr 1.18fr;\r\n    gap:8vw;\r\n    align-items:end;\r\n    margin-top:42px;\r\n}\r\n.rnnsys-hero-copy{color:rgba(255,255,255,.75);}\r\n.rnnsys-hero-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}\r\n.rnnsys-hero-rail{\r\n    position:absolute;\r\n    z-index:5;\r\n    right:3vw;\r\n    bottom:3vh;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    width:min(600px,43vw);\r\n    border-top:1px solid rgba(255,255,255,.24);\r\n}\r\n.rnnsys-hero-rail a{padding:12px 4px 0;font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.55;}\r\n.rnnsys-hero-rail a:hover{opacity:1;color:var(--red);}\r\n\r\n\/* ==========================================================\r\n   INTRO \/ SYSTEM MANIFESTO\r\n   Unique branded background: Runnn-Backgrounds-31-scaled.jpg\r\n   ========================================================== *\/\r\n\r\n.rnnsys-intro{\r\n    position:relative;\r\n    padding:clamp(110px,10vw,170px) 4vw;\r\n    background:\r\n        linear-gradient(rgba(3,2,3,.89),rgba(3,2,3,.93)),\r\n        url(\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/Runnn-Backgrounds-31-scaled.jpg\") center\/cover fixed;\r\n    overflow:hidden;\r\n}\r\n.rnnsys-intro::after{\r\n    content:\"ROUTINE\";\r\n    position:absolute;\r\n    right:-2vw;\r\n    bottom:-5vw;\r\n    font-family:var(--display);\r\n    font-style:italic;\r\n    font-weight:900;\r\n    font-size:21vw;\r\n    letter-spacing:-.07em;\r\n    color:rgba(255,255,255,.035);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-intro-grid{\r\n    position:relative;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);\r\n    gap:8vw;\r\n    align-items:end;\r\n}\r\n.rnnsys-intro-title{font-size:clamp(72px,9.5vw,158px);}\r\n.rnnsys-intro-title .red{color:var(--red);}\r\n.rnnsys-intro-side{padding-bottom:1.2vw;}\r\n.rnnsys-intro-side .rnnsys-kicker{color:var(--red);margin-bottom:20px;}\r\n.rnnsys-intro-side .rnnsys-copy{color:rgba(255,255,255,.68);}\r\n.rnnsys-intro-stats{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:1px;\r\n    margin-top:70px;\r\n    background:rgba(255,255,255,.11);\r\n    border:1px solid rgba(255,255,255,.11);\r\n}\r\n.rnnsys-intro-stat{padding:24px;background:rgba(3,2,3,.82);}\r\n.rnnsys-intro-stat strong{display:block;margin-bottom:8px;color:var(--red);font-family:var(--display);font-size:clamp(42px,4vw,72px);font-style:italic;line-height:.8;}\r\n.rnnsys-intro-stat span{font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;opacity:.55;}\r\n\r\n\/* ==========================================================\r\n   STAGE NAV\r\n   ========================================================== *\/\r\n\r\n.rnnsys-stage-nav{\r\n    position:sticky;\r\n    z-index:90;\r\n    top:0;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    background:rgba(3,2,3,.95);\r\n    border-top:1px solid rgba(255,255,255,.08);\r\n    border-bottom:1px solid rgba(255,255,255,.10);\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n}\r\n.rnnsys-stage-nav a{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    min-height:64px;\r\n    padding:0 2.2vw;\r\n    border-right:1px solid rgba(255,255,255,.08);\r\n    font-family:var(--mono);\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n    opacity:.55;\r\n    transition:background .25s ease,color .25s ease,opacity .25s ease;\r\n}\r\n.rnnsys-stage-nav a:last-child{border-right:0;}\r\n.rnnsys-stage-nav a:hover,.rnnsys-stage-nav a.is-active{background:var(--red);color:#fff;opacity:1;}\r\n.rnnsys-stage-nav b{font-family:var(--display);font-size:26px;font-style:italic;letter-spacing:-.04em;}\r\n\r\n\/* ==========================================================\r\n   FOUR IMMERSIVE STAGES\r\n   Each stage uses photography and product imagery not used on homepage.\r\n   ========================================================== *\/\r\n\r\n.rnnsys-stages{background:var(--black);}\r\n.rnnsys-stage{\r\n    position:relative;\r\n    min-height:100svh;\r\n    display:grid;\r\n    grid-template-columns:1.08fr .92fr;\r\n    overflow:hidden;\r\n    border-bottom:1px solid rgba(255,255,255,.08);\r\n    isolation:isolate;\r\n}\r\n.rnnsys-stage:nth-child(even){grid-template-columns:.92fr 1.08fr;}\r\n.rnnsys-stage:nth-child(even) .rnnsys-stage-media{order:2;}\r\n.rnnsys-stage:nth-child(even) .rnnsys-stage-content{order:1;}\r\n\r\n.rnnsys-stage-media{position:relative;min-height:100svh;overflow:hidden;background:#111;}\r\n.rnnsys-stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.06);transform:scale(1.02);transition:transform 1.2s cubic-bezier(.16,1,.3,1);}\r\n.rnnsys-stage:hover .rnnsys-stage-photo{transform:scale(1.055);}\r\n.rnnsys-stage-media::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(0deg,rgba(3,2,3,.90) 0%,rgba(3,2,3,.06) 50%,rgba(3,2,3,.28) 100%),\r\n        radial-gradient(circle at 18% 82%,rgba(213,49,39,.42),transparent 32%);\r\n}\r\n.rnnsys-stage:nth-child(even) .rnnsys-stage-media::after{\r\n    background:\r\n        linear-gradient(0deg,rgba(3,2,3,.90) 0%,rgba(3,2,3,.08) 50%,rgba(3,2,3,.27) 100%),\r\n        radial-gradient(circle at 82% 82%,rgba(213,49,39,.40),transparent 32%);\r\n}\r\n.rnnsys-stage-ghost{\r\n    position:absolute;\r\n    z-index:2;\r\n    left:4vw;\r\n    bottom:3vh;\r\n    font-family:var(--display);\r\n    font-size:clamp(130px,22vw,360px);\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.09em;\r\n    line-height:.65;\r\n    color:rgba(255,255,255,.11);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-stage:nth-child(even) .rnnsys-stage-ghost{left:auto;right:4vw;}\r\n\r\n.rnnsys-product-float{\r\n    position:absolute;\r\n    z-index:4;\r\n    left:50%;\r\n    top:50%;\r\n    width:min(56%,570px);\r\n    transform:translate(-50%,-50%) rotate(-3deg);\r\n    filter:drop-shadow(0 38px 60px rgba(0,0,0,.66)) drop-shadow(0 12px 24px rgba(213,49,39,.24));\r\n    transition:transform .55s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rnnsys-stage:hover .rnnsys-product-float{transform:translate(-50%,-53%) rotate(-1.5deg) scale(1.025);}\r\n.rnnsys-stage--gel .rnnsys-product-float{width:min(62%,620px);transform:translate(-50%,-50%) rotate(2.5deg);}\r\n.rnnsys-stage--gel:hover .rnnsys-product-float{transform:translate(-50%,-53%) rotate(1deg) scale(1.025);}\r\n.rnnsys-stage--hyper .rnnsys-product-float{width:min(58%,590px);transform:translate(-50%,-50%) rotate(-1deg);}\r\n.rnnsys-stage--recover .rnnsys-product-float{width:min(60%,610px);}\r\n\r\n.rnnsys-stage-content{\r\n    position:relative;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    padding:9vh 5vw;\r\n    background:\r\n        radial-gradient(circle at 92% 10%,rgba(213,49,39,.10),transparent 27%),\r\n        var(--black);\r\n}\r\n.rnnsys-stage-content::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);\r\n    background-size:15px 15px;\r\n    mask-image:linear-gradient(140deg,transparent 20%,#000 100%);\r\n    -webkit-mask-image:linear-gradient(140deg,transparent 20%,#000 100%);\r\n    opacity:.28;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-stage-content>*{position:relative;z-index:2;}\r\n.rnnsys-stage-index{margin-bottom:22px;color:var(--red);}\r\n.rnnsys-stage-title{font-size:clamp(70px,8.5vw,148px);}\r\n.rnnsys-stage-title span{color:var(--red);}\r\n.rnnsys-stage-type{margin-top:22px;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);}\r\n.rnnsys-stage-copy{margin-top:30px;color:rgba(255,255,255,.68);}\r\n.rnnsys-stage-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:36px 0;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);}\r\n.rnnsys-stage-list div{padding:17px;background:#080708;font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.62);}\r\n.rnnsys-stage-list strong{display:block;margin-bottom:5px;color:#fff;font-family:var(--display);font-size:25px;font-style:italic;letter-spacing:-.03em;line-height:.9;}\r\n.rnnsys-stage-actions{display:flex;gap:10px;flex-wrap:wrap;}\r\n\r\n\/* ==========================================================\r\n   RHYTHM \/ HOW IT FITS TOGETHER\r\n   ========================================================== *\/\r\n\r\n.rnnsys-rhythm{\r\n    position:relative;\r\n    padding:clamp(110px,10vw,170px) 4vw;\r\n    background:var(--red);\r\n    color:#fff;\r\n    overflow:hidden;\r\n}\r\n.rnnsys-rhythm::before{\r\n    content:\"REPEAT\";\r\n    position:absolute;\r\n    left:-2vw;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    font-family:var(--display);\r\n    font-size:24vw;\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.07em;\r\n    color:transparent;\r\n    -webkit-text-stroke:2px rgba(3,2,3,.16);\r\n    white-space:nowrap;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-rhythm-head{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:72px;}\r\n.rnnsys-rhythm-title{font-size:clamp(72px,10vw,170px);}\r\n.rnnsys-rhythm-copy{color:rgba(255,255,255,.80);}\r\n.rnnsys-rhythm-grid{\r\n    position:relative;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    border-top:1px solid rgba(3,2,3,.24);\r\n    border-bottom:1px solid rgba(3,2,3,.24);\r\n}\r\n.rnnsys-rhythm-step{position:relative;min-height:290px;padding:34px 28px;border-right:1px solid rgba(3,2,3,.24);}\r\n.rnnsys-rhythm-step:last-child{border-right:0;}\r\n.rnnsys-rhythm-step::after{content:\"\u2192\";position:absolute;right:-13px;top:50%;transform:translateY(-50%);font-family:var(--display);font-size:34px;font-style:italic;color:#030203;z-index:2;}\r\n.rnnsys-rhythm-step:last-child::after{content:\"\u21ba\";right:18px;top:28px;transform:none;}\r\n.rnnsys-rhythm-step small{font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#030203;}\r\n.rnnsys-rhythm-step h3{margin:46px 0 18px;font-family:var(--display);font-size:clamp(45px,4vw,72px);font-style:italic;font-weight:900;letter-spacing:-.05em;line-height:.8;text-transform:uppercase;color:#fff;}\r\n.rnnsys-rhythm-step p{margin:0;max-width:270px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.78);}\r\n\r\n\/* ==========================================================\r\n   SYSTEM DETAIL \u2014 unique image 11-copy-scaled.jpg\r\n   ========================================================== *\/\r\n\r\n.rnnsys-detail{\r\n    position:relative;\r\n    min-height:88svh;\r\n    display:grid;\r\n    grid-template-columns:1.12fr .88fr;\r\n    background:#050405;\r\n}\r\n.rnnsys-detail-media{position:relative;min-height:88svh;overflow:hidden;}\r\n.rnnsys-detail-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08);}\r\n.rnnsys-detail-media::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,2,3,.10),rgba(3,2,3,.52)),linear-gradient(0deg,rgba(3,2,3,.72),transparent 55%);}\r\n.rnnsys-detail-content{display:flex;flex-direction:column;justify-content:center;padding:9vh 6vw;background:radial-gradient(circle at 100% 0,rgba(213,49,39,.16),transparent 36%),#050405;}\r\n.rnnsys-detail-title{font-size:clamp(66px,8vw,132px);}\r\n.rnnsys-detail-title .red{color:var(--red);}\r\n.rnnsys-detail-copy{margin-top:30px;color:rgba(255,255,255,.67);}\r\n.rnnsys-detail-points{display:grid;gap:0;margin-top:40px;border-top:1px solid rgba(255,255,255,.13);}\r\n.rnnsys-detail-point{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.13);}\r\n.rnnsys-detail-point b{font-family:var(--display);font-size:38px;font-style:italic;color:var(--red);}\r\n.rnnsys-detail-point span{align-self:center;font-size:14px;line-height:1.55;color:rgba(255,255,255,.70);}\r\n\r\n\/* ==========================================================\r\n   START WHERE YOU ARE\r\n   ========================================================== *\/\r\n\r\n.rnnsys-start{\r\n    position:relative;\r\n    padding:clamp(105px,9vw,150px) 4vw;\r\n    background:var(--paper);\r\n    color:var(--black);\r\n    overflow:hidden;\r\n}\r\n.rnnsys-start::before{\r\n    content:\"START\";\r\n    position:absolute;\r\n    right:-1vw;\r\n    top:-1vw;\r\n    font-family:var(--display);\r\n    font-size:18vw;\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.07em;\r\n    color:rgba(3,2,3,.035);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-start-head{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:58px;}\r\n.rnnsys-start-head .rnnsys-kicker{color:var(--red);margin-bottom:20px;}\r\n.rnnsys-start-title{font-size:clamp(68px,9vw,148px);}\r\n.rnnsys-start-copy{color:rgba(3,2,3,.61);}\r\n.rnnsys-start-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}\r\n.rnnsys-start-card{\r\n    position:relative;\r\n    min-height:clamp(410px,29vw,520px);\r\n    padding:0;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    background:#090809;\r\n    color:#fff!important;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;\r\n}\r\n.rnnsys-start-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 24px 50px rgba(3,2,3,.18);\r\n}\r\n.rnnsys-start-card-image{\r\n    position:absolute;\r\n    z-index:0;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    max-width:none!important;\r\n    object-fit:cover;\r\n    object-position:center center;\r\n    transform:scale(1.015);\r\n    filter:saturate(.94) contrast(1.05);\r\n    transition:transform .85s cubic-bezier(.16,1,.3,1),filter .5s ease;\r\n}\r\n.rnnsys-start-card:hover .rnnsys-start-card-image{\r\n    transform:scale(1.07);\r\n    filter:saturate(1.05) contrast(1.08);\r\n}\r\n.rnnsys-start-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:1;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(to bottom,rgba(3,2,3,.04) 0%,rgba(3,2,3,.12) 32%,rgba(3,2,3,.76) 68%,rgba(3,2,3,.98) 100%),\r\n        linear-gradient(115deg,rgba(3,2,3,.20),transparent 52%);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-start-card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:1;\r\n    right:-52px;\r\n    bottom:-90px;\r\n    width:240px;\r\n    height:240px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle,rgba(213,49,39,.48),rgba(213,49,39,.16) 38%,transparent 70%);\r\n    filter:blur(2px);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-start-card-top{\r\n    position:absolute;\r\n    z-index:3;\r\n    top:25px;\r\n    left:26px;\r\n    right:26px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:12px;\r\n}\r\n.rnnsys-start-card small{\r\n    color:#fff;\r\n    font-family:var(--mono);\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.15em;\r\n    text-transform:uppercase;\r\n    text-shadow:0 2px 14px rgba(0,0,0,.65);\r\n}\r\n.rnnsys-start-card-number{\r\n    color:var(--red);\r\n    font-family:var(--display);\r\n    font-size:44px;\r\n    font-style:italic;\r\n    font-weight:900;\r\n    line-height:.8;\r\n    opacity:.92;\r\n}\r\n.rnnsys-start-card-content{\r\n    position:relative;\r\n    z-index:3;\r\n    width:100%;\r\n    padding:30px 28px 27px;\r\n}\r\n.rnnsys-start-card h3{\r\n    margin:0 0 15px;\r\n    color:#fff!important;\r\n    font-family:var(--display);\r\n    font-size:clamp(42px,3.7vw,66px);\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.05em;\r\n    line-height:.82;\r\n    text-transform:uppercase;\r\n    text-shadow:0 5px 28px rgba(0,0,0,.58);\r\n}\r\n.rnnsys-start-card p{\r\n    max-width:310px;\r\n    margin:0;\r\n    color:rgba(255,255,255,.78)!important;\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n.rnnsys-start-card-cta{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-top:22px;\r\n    color:#fff!important;\r\n    font-family:var(--mono);\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n}\r\n.rnnsys-start-card-cta::after{\r\n    content:\"\u2192\";\r\n    color:var(--red);\r\n    font-size:12px;\r\n    transition:transform .25s ease;\r\n}\r\n.rnnsys-start-card:hover .rnnsys-start-card-cta::after{transform:translateX(4px);}\r\n.rnnsys-start-actions{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;margin-top:45px;}\r\n.rnnsys-start .rnnsys-btn{border-color:rgba(3,2,3,.25);}\r\n.rnnsys-start .rnnsys-btn:hover{background:#030203;color:#fff;border-color:#030203;}\r\n.rnnsys-start .rnnsys-btn-red{border-color:var(--red);}\r\n\r\n\/* ==========================================================\r\n   LEARN CTA\r\n   ========================================================== *\/\r\n\r\n.rnnsys-learn{\r\n    position:relative;\r\n    padding:clamp(105px,9vw,150px) 4vw;\r\n    background:var(--black);\r\n    overflow:hidden;\r\n}\r\n.rnnsys-learn::after{\r\n    content:\"LAB\";\r\n    position:absolute;\r\n    right:-1vw;\r\n    bottom:-6vw;\r\n    font-family:var(--display);\r\n    font-size:25vw;\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.07em;\r\n    color:transparent;\r\n    -webkit-text-stroke:1px rgba(255,255,255,.055);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-learn-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:start;}\r\n.rnnsys-learn-title{font-size:clamp(68px,8.5vw,145px);}\r\n.rnnsys-learn-title .red{color:var(--red);}\r\n.rnnsys-learn-links{border-top:1px solid rgba(255,255,255,.15);}\r\n.rnnsys-learn-link{display:grid;grid-template-columns:150px 1fr auto;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.15);transition:padding .25s ease,color .25s ease;}\r\n.rnnsys-learn-link:hover{padding-left:10px;color:var(--red);}\r\n.rnnsys-learn-link small{font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);}\r\n.rnnsys-learn-link strong{font-family:var(--display);font-size:clamp(30px,3vw,48px);font-style:italic;font-weight:900;letter-spacing:-.04em;line-height:.9;text-transform:uppercase;color:#fff;}\r\n.rnnsys-learn-link i{font-family:var(--display);font-size:34px;font-style:italic;color:#fff;}\r\n\r\n\/* ==========================================================\r\n   FOOTER\r\n   ========================================================== *\/\r\n\r\n.rnn26-footer{position:relative;padding:85px 4vw 30px;background:var(--black);overflow:hidden;border-top:1px solid rgba(255,255,255,.08);}\r\n.rnn26-footer::after{content:\"\";position:absolute;right:-9vw;bottom:-15vw;width:min(58vw,900px);aspect-ratio:1;background:url(\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/Runnn-Logo-24.png\") center\/contain no-repeat;opacity:.045;}\r\n.rnn26-footer-logo{position:relative;z-index:2;width:min(35vw,520px);margin-bottom:70px;}\r\n.rnn26-footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:45px;}\r\n.rnn26-footer-intro{max-width:310px;color:rgba(255,255,255,.42);font-size:14px;line-height:1.65;}\r\n.rnn26-footer h4{margin:0 0 21px;color:var(--red);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}\r\n.rnn26-footer a{display:block;margin-bottom:13px;font-size:13px;opacity:.53;}\r\n.rnn26-footer a:hover{opacity:1;}\r\n.rnn26-footer-social-pending{display:block;margin-bottom:13px;font-size:13px;opacity:.28;cursor:default;}\r\n.rnn26-footer-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:70px;padding-top:25px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.38);font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;}\r\n.rnn26-footer-bottom a{display:inline;margin:0;opacity:.58;transition:opacity .2s ease,color .2s ease;}\r\n.rnn26-footer-bottom a:hover{opacity:1;color:#fff;}\r\n.rnn26-footer-credit{white-space:nowrap;}\r\n.rnn26-footer-credit a{color:#fff;opacity:.72;}\r\n\r\n\/* ==========================================================\r\n   REVEALS\r\n   ========================================================== *\/\r\n\r\n.rnnsys.js-motion .rnnsys-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}\r\n.rnnsys.js-motion .rnnsys-reveal[data-dir=\"left\"]{transform:translateX(-34px);}\r\n.rnnsys.js-motion .rnnsys-reveal[data-dir=\"right\"]{transform:translateX(34px);}\r\n.rnnsys.js-motion .rnnsys-reveal.is-visible{opacity:1;transform:none;}\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n   ========================================================== *\/\r\n\r\n@media(max-width:1100px){\r\n    .rnn26-header{grid-template-columns:1fr auto;padding:0 28px;}\r\n    .rnn26-header-nav{display:none;}\r\n    .rnn26-header-logo img{width:150px;}\r\n    .rnnsys-hero{padding-left:32px;padding-right:32px;background-attachment:scroll;}\r\n    .rnnsys-hero-title{font-size:clamp(84px,13.5vw,150px);}\r\n    .rnnsys-hero-bottom{grid-template-columns:1fr 1fr;gap:40px;}\r\n    .rnnsys-hero-rail{display:none;}\r\n    .rnnsys-intro{padding-left:32px;padding-right:32px;background-attachment:scroll;}\r\n    .rnnsys-intro-grid{grid-template-columns:1fr;gap:40px;}\r\n    .rnnsys-intro-stats{grid-template-columns:repeat(2,1fr);}\r\n    .rnnsys-stage{grid-template-columns:1fr 1fr;}\r\n    .rnnsys-stage:nth-child(even){grid-template-columns:1fr 1fr;}\r\n    .rnnsys-stage-content{padding:8vh 4vw;}\r\n    .rnnsys-stage-title{font-size:clamp(60px,8vw,92px);}\r\n    .rnnsys-product-float,.rnnsys-stage--gel .rnnsys-product-float,.rnnsys-stage--hyper .rnnsys-product-float,.rnnsys-stage--recover .rnnsys-product-float{width:min(72%,500px);}\r\n    .rnnsys-rhythm{padding-left:32px;padding-right:32px;}\r\n    .rnnsys-rhythm-grid{grid-template-columns:repeat(2,1fr);}\r\n    .rnnsys-rhythm-step:nth-child(2){border-right:0;}\r\n    .rnnsys-rhythm-step:nth-child(2)::after{content:\"\u2193\";right:18px;top:auto;bottom:-19px;transform:none;}\r\n    .rnnsys-rhythm-step:nth-child(3){border-top:1px solid rgba(3,2,3,.24);}\r\n    .rnnsys-rhythm-step:nth-child(4){border-top:1px solid rgba(3,2,3,.24);}\r\n    .rnnsys-detail{grid-template-columns:1fr 1fr;}\r\n    .rnnsys-start{padding-left:32px;padding-right:32px;}\r\n    .rnnsys-start-grid{grid-template-columns:repeat(2,1fr);}\r\n    .rnnsys-learn{padding-left:32px;padding-right:32px;}\r\n    .rnnsys-learn-grid{grid-template-columns:1fr;gap:50px;}\r\n    .rnn26-footer{padding-left:32px;padding-right:32px;}\r\n    .rnn26-footer-grid{grid-template-columns:1.5fr 1fr 1fr;}\r\n}\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n   ========================================================== *\/\r\n\r\n@media(max-width:767px){\r\n    html,body{background:#030203!important;overflow-x:hidden;}\r\n    .rnnsys{left:0;width:100%;margin-left:0;--nav-height:66px;}\r\n    .rnn26-header{height:66px;padding:0 20px;background:rgba(3,2,3,.24);}\r\n    .rnn26-header-logo img{width:128px;}\r\n    .rnn26-header-actions{gap:10px;}\r\n    .rnn26-header-actions a:first-child{display:none;}\r\n    .rnn26-header-cart{min-height:38px;padding:0 16px!important;}\r\n\r\n    .rnnsys-hero{min-height:max(760px,100svh);padding:calc(var(--nav-height) + 48px) 20px 54px;background-position:center center,center center,58% center;background-attachment:scroll;}\r\n    .rnnsys-hero::after{font-size:34vw;right:-10vw;top:16vh;}\r\n    .rnnsys-hero-title{font-size:clamp(66px,21vw,100px);line-height:.80;}\r\n    .rnnsys-hero-bottom{display:block;margin-top:30px;}\r\n    .rnnsys-hero-copy{max-width:470px;}\r\n    .rnnsys-hero-actions{justify-content:flex-start;flex-direction:column;margin-top:30px;}\r\n    .rnnsys-btn{width:100%;}\r\n\r\n    .rnnsys-intro{padding:78px 20px;background-attachment:scroll;}\r\n    .rnnsys-intro-title{font-size:clamp(62px,18vw,90px);}\r\n    .rnnsys-intro-stats{grid-template-columns:1fr 1fr;margin-top:44px;}\r\n    .rnnsys-intro-stat{padding:18px;}\r\n\r\n    .rnnsys-stage-nav{position:relative;top:auto;grid-template-columns:1fr 1fr;}\r\n    .rnnsys-stage-nav a{min-height:56px;padding:0 16px;}\r\n    .rnnsys-stage-nav a:nth-child(2){border-right:0;}\r\n    .rnnsys-stage-nav a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08);}\r\n\r\n    .rnnsys-stage,.rnnsys-stage:nth-child(even){display:flex;flex-direction:column;min-height:auto;}\r\n    .rnnsys-stage:nth-child(even) .rnnsys-stage-media,.rnnsys-stage:nth-child(even) .rnnsys-stage-content{order:initial;}\r\n    .rnnsys-stage-media{min-height:66svh;height:66svh;}\r\n    .rnnsys-stage-ghost{left:20px!important;right:auto!important;bottom:20px;font-size:46vw;}\r\n    .rnnsys-product-float,.rnnsys-stage--gel .rnnsys-product-float,.rnnsys-stage--hyper .rnnsys-product-float,.rnnsys-stage--recover .rnnsys-product-float{width:min(76vw,430px);}\r\n    .rnnsys-stage-content{padding:68px 20px 72px;}\r\n    .rnnsys-stage-title{font-size:clamp(62px,18vw,88px);}\r\n    .rnnsys-stage-list{grid-template-columns:1fr 1fr;margin:30px 0;}\r\n    .rnnsys-stage-actions{flex-direction:column;}\r\n\r\n    .rnnsys-rhythm{padding:78px 20px;}\r\n    .rnnsys-rhythm-head{display:block;margin-bottom:48px;}\r\n    .rnnsys-rhythm-title{font-size:clamp(62px,18vw,90px);}\r\n    .rnnsys-rhythm-copy{margin-top:28px;}\r\n    .rnnsys-rhythm-grid{grid-template-columns:1fr;}\r\n    .rnnsys-rhythm-step{min-height:230px;border-right:0;border-top:1px solid rgba(3,2,3,.24)!important;}\r\n    .rnnsys-rhythm-step:first-child{border-top:0!important;}\r\n    .rnnsys-rhythm-step::after,.rnnsys-rhythm-step:nth-child(2)::after{content:\"\u2193\";right:20px;top:auto;bottom:-18px;transform:none;}\r\n    .rnnsys-rhythm-step:last-child::after{content:\"\u21ba\";right:20px;top:24px;bottom:auto;}\r\n\r\n    .rnnsys-detail{display:block;}\r\n    .rnnsys-detail-media{min-height:58svh;height:58svh;}\r\n    .rnnsys-detail-content{padding:72px 20px;}\r\n    .rnnsys-detail-title{font-size:clamp(60px,17vw,86px);}\r\n\r\n    .rnnsys-start{padding:78px 20px;}\r\n    .rnnsys-start-head{display:block;margin-bottom:44px;}\r\n    .rnnsys-start-title{font-size:clamp(60px,17vw,86px);}\r\n    .rnnsys-start-copy{margin-top:28px;}\r\n    .rnnsys-start-grid{grid-template-columns:1fr;}\r\n    .rnnsys-start-card{min-height:500px;}\r\n    .rnnsys-start-card-content{padding:28px 24px 25px;}\r\n    .rnnsys-start-card-top{top:22px;left:24px;right:24px;}\r\n    .rnnsys-start-card h3{font-size:clamp(52px,16vw,78px);}\r\n    .rnnsys-start-actions{flex-direction:column;}\r\n\r\n    .rnnsys-learn{padding:78px 20px;}\r\n    .rnnsys-learn-title{font-size:clamp(60px,17vw,88px);}\r\n    .rnnsys-learn-link{grid-template-columns:1fr auto;gap:14px;}\r\n    .rnnsys-learn-link small{grid-column:1\/-1;}\r\n\r\n    .rnn26-footer{padding:64px 20px 24px;}\r\n    .rnn26-footer-logo{width:65vw;}\r\n    .rnn26-footer-grid{grid-template-columns:1fr 1fr;}\r\n    .rnn26-footer-main{grid-column:1\/-1;}\r\n    .rnn26-footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}\r\n    .rnn26-footer-credit{white-space:normal;}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    html{scroll-behavior:auto;}\r\n    .rnnsys.js-motion .rnnsys-reveal{opacity:1!important;transform:none!important;transition:none!important;}\r\n    .rnnsys-stage-photo,.rnnsys-product-float{transition:none!important;}\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   RESPONSIVE HEADER \/ MOBILE + TABLET MENU\r\n   Desktop navigation remains unchanged above 1100px.\r\n   ========================================================== *\/\r\n\r\n.rnn26-mobile-toggle{\r\n    display:none;\r\n    position:relative;\r\n    width:42px;\r\n    height:42px;\r\n    flex:0 0 42px;\r\n    padding:0;\r\n    border:1px solid rgba(255,255,255,.26);\r\n    background:rgba(3,2,3,.22);\r\n    color:#fff;\r\n    cursor:pointer;\r\n    align-items:center;\r\n    justify-content:center;\r\n    transition:\r\n        background .22s ease,\r\n        border-color .22s ease,\r\n        transform .22s ease;\r\n}\r\n\r\n.rnn26-mobile-toggle:hover,\r\n.rnn26-mobile-toggle:focus-visible{\r\n    background:rgba(255,255,255,.08);\r\n    border-color:rgba(255,255,255,.62);\r\n    outline:none;\r\n}\r\n\r\n.rnn26-mobile-toggle-lines{\r\n    position:relative;\r\n    width:18px;\r\n    height:14px;\r\n    display:block;\r\n}\r\n\r\n.rnn26-mobile-toggle-lines span{\r\n    position:absolute;\r\n    left:0;\r\n    width:18px;\r\n    height:1.5px;\r\n    background:#fff;\r\n    transform-origin:center;\r\n    transition:\r\n        top .24s ease,\r\n        transform .24s ease,\r\n        opacity .18s ease;\r\n}\r\n\r\n.rnn26-mobile-toggle-lines span:nth-child(1){ top:0; }\r\n.rnn26-mobile-toggle-lines span:nth-child(2){ top:6px; }\r\n.rnn26-mobile-toggle-lines span:nth-child(3){ top:12px; }\r\n\r\n.rnn26-mobile-toggle.is-open{\r\n    background:var(--red);\r\n    border-color:var(--red);\r\n}\r\n\r\n.rnn26-mobile-toggle.is-open .rnn26-mobile-toggle-lines span:nth-child(1){\r\n    top:6px;\r\n    transform:rotate(45deg);\r\n}\r\n\r\n.rnn26-mobile-toggle.is-open .rnn26-mobile-toggle-lines span:nth-child(2){\r\n    opacity:0;\r\n}\r\n\r\n.rnn26-mobile-toggle.is-open .rnn26-mobile-toggle-lines span:nth-child(3){\r\n    top:6px;\r\n    transform:rotate(-45deg);\r\n}\r\n\r\n.rnn26-mobile-drawer{\r\n    display:none;\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n    .rnn26-header{\r\n        z-index:1600;\r\n        grid-template-columns:1fr auto;\r\n        background:rgba(3,2,3,.80);\r\n        border-bottom-color:rgba(255,255,255,.10);\r\n        backdrop-filter:blur(14px);\r\n        -webkit-backdrop-filter:blur(14px);\r\n    }\r\n\r\n    .rnn26-header-nav{\r\n        display:none!important;\r\n    }\r\n\r\n    .rnn26-header-actions{\r\n        position:relative;\r\n        z-index:1602;\r\n        gap:10px;\r\n    }\r\n\r\n    .rnn26-header-account{\r\n        display:none!important;\r\n    }\r\n\r\n    .rnn26-mobile-toggle{\r\n        display:inline-flex;\r\n    }\r\n\r\n    .rnn26-header-cart{\r\n        min-height:42px;\r\n        padding:0 18px;\r\n    }\r\n\r\n    .rnn26-mobile-drawer{\r\n        display:block;\r\n        position:fixed;\r\n        z-index:1500;\r\n        top:var(--nav-height);\r\n        left:0;\r\n        right:0;\r\n        height:calc(100dvh - var(--nav-height));\r\n        background:\r\n            radial-gradient(circle at 92% 16%, rgba(213,49,39,.16), transparent 32%),\r\n            linear-gradient(180deg,#080708 0%,#030203 100%);\r\n        border-top:1px solid rgba(255,255,255,.08);\r\n        overflow:auto;\r\n        overscroll-behavior:contain;\r\n        -webkit-overflow-scrolling:touch;\r\n        opacity:0;\r\n        visibility:hidden;\r\n        pointer-events:none;\r\n        transform:translate3d(0,-14px,0);\r\n        transition:\r\n            opacity .26s ease,\r\n            visibility .26s ease,\r\n            transform .34s cubic-bezier(.16,1,.3,1);\r\n    }\r\n\r\n    .rnn26-mobile-drawer::after{\r\n        content:\"RUNNN\";\r\n        position:fixed;\r\n        right:-3vw;\r\n        bottom:-4vw;\r\n        font-family:var(--display);\r\n        font-size:26vw;\r\n        font-style:italic;\r\n        font-weight:900;\r\n        letter-spacing:-.08em;\r\n        color:transparent;\r\n        -webkit-text-stroke:1px rgba(255,255,255,.045);\r\n        pointer-events:none;\r\n    }\r\n\r\n    .rnn26-mobile-drawer.is-open{\r\n        opacity:1;\r\n        visibility:visible;\r\n        pointer-events:auto;\r\n        transform:none;\r\n    }\r\n\r\n    .rnn26-mobile-menu-inner{\r\n        position:relative;\r\n        z-index:2;\r\n        min-height:100%;\r\n        padding:clamp(34px,5vw,58px) clamp(24px,5vw,56px) 46px;\r\n        display:flex;\r\n        flex-direction:column;\r\n    }\r\n\r\n    .rnn26-mobile-menu-kicker{\r\n        margin-bottom:20px;\r\n        color:var(--red);\r\n        font-family:var(--mono);\r\n        font-size:8px;\r\n        font-weight:800;\r\n        letter-spacing:.20em;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n    .rnn26-mobile-primary{\r\n        display:flex;\r\n        flex-direction:column;\r\n        border-top:1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    .rnn26-mobile-primary > a,\r\n    .rnn26-mobile-row{\r\n        min-height:72px;\r\n        border-bottom:1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    .rnn26-mobile-primary > a{\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:space-between;\r\n        color:#fff;\r\n        font-family:var(--display);\r\n        font-size:clamp(34px,5.3vw,58px);\r\n        font-style:italic;\r\n        font-weight:900;\r\n        letter-spacing:-.045em;\r\n        line-height:.92;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n    .rnn26-mobile-primary > a::after{\r\n        content:\"\u2192\";\r\n        color:var(--red);\r\n        font-family:var(--mono);\r\n        font-size:14px;\r\n        font-style:normal;\r\n        letter-spacing:0;\r\n    }\r\n\r\n    .rnn26-mobile-row{\r\n        display:grid;\r\n        grid-template-columns:1fr 58px;\r\n        align-items:stretch;\r\n    }\r\n\r\n    .rnn26-mobile-row > a{\r\n        display:flex;\r\n        align-items:center;\r\n        color:#fff;\r\n        font-family:var(--display);\r\n        font-size:clamp(34px,5.3vw,58px);\r\n        font-style:italic;\r\n        font-weight:900;\r\n        letter-spacing:-.045em;\r\n        line-height:.92;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n    .rnn26-mobile-subtoggle{\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        margin:12px 0 12px 12px;\r\n        padding:0;\r\n        border:1px solid rgba(255,255,255,.18);\r\n        background:rgba(255,255,255,.025);\r\n        color:var(--red);\r\n        cursor:pointer;\r\n        font-family:var(--mono);\r\n        font-size:17px;\r\n        transition:background .2s ease,border-color .2s ease,transform .22s ease;\r\n    }\r\n\r\n    .rnn26-mobile-subtoggle:hover,\r\n    .rnn26-mobile-subtoggle:focus-visible{\r\n        background:rgba(255,255,255,.08);\r\n        border-color:rgba(255,255,255,.45);\r\n        outline:none;\r\n    }\r\n\r\n    .rnn26-mobile-subtoggle.is-open{\r\n        transform:rotate(45deg);\r\n        background:var(--red);\r\n        border-color:var(--red);\r\n        color:#fff;\r\n    }\r\n\r\n    .rnn26-mobile-submenu{\r\n        max-height:0;\r\n        overflow:hidden;\r\n        opacity:0;\r\n        transition:max-height .36s cubic-bezier(.16,1,.3,1),opacity .24s ease;\r\n        border-bottom:1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    .rnn26-mobile-submenu.is-open{\r\n        max-height:720px;\r\n        opacity:1;\r\n    }\r\n\r\n    .rnn26-mobile-submenu-inner{\r\n        padding:8px 0 18px;\r\n        display:grid;\r\n        grid-template-columns:1fr 1fr;\r\n        gap:8px;\r\n    }\r\n\r\n    .rnn26-mobile-submenu a{\r\n        min-height:66px;\r\n        display:flex;\r\n        flex-direction:column;\r\n        justify-content:center;\r\n        gap:5px;\r\n        padding:12px 14px;\r\n        background:#0d0b0d;\r\n        border:1px solid rgba(255,255,255,.08);\r\n        color:#fff;\r\n    }\r\n\r\n    .rnn26-mobile-submenu a:hover,\r\n    .rnn26-mobile-submenu a:focus-visible{\r\n        background:#171417;\r\n        border-color:rgba(255,255,255,.18);\r\n        outline:none;\r\n    }\r\n\r\n    .rnn26-mobile-sub-meta{\r\n        color:var(--red);\r\n        font-family:var(--mono);\r\n        font-size:7px;\r\n        font-weight:800;\r\n        letter-spacing:.14em;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n    .rnn26-mobile-sub-name{\r\n        font-family:var(--display);\r\n        font-size:22px;\r\n        font-style:italic;\r\n        font-weight:900;\r\n        letter-spacing:-.035em;\r\n        line-height:.95;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n    .rnn26-mobile-support{\r\n        margin-top:auto;\r\n        padding-top:28px;\r\n        display:flex;\r\n        flex-wrap:wrap;\r\n        gap:10px 22px;\r\n    }\r\n\r\n    .rnn26-mobile-support a{\r\n        color:rgba(255,255,255,.62);\r\n        font-family:var(--mono);\r\n        font-size:9px;\r\n        font-weight:800;\r\n        letter-spacing:.14em;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n    .rnn26-mobile-support a:hover,\r\n    .rnn26-mobile-support a:focus-visible{\r\n        color:#fff;\r\n    }\r\n\r\n    .rnnsys.rnn26-menu-open .rnn26-header{\r\n        background:#030203;\r\n        border-bottom-color:rgba(255,255,255,.14);\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .rnn26-header-actions{\r\n        gap:8px;\r\n    }\r\n\r\n    .rnn26-mobile-toggle{\r\n        width:40px;\r\n        height:40px;\r\n        flex-basis:40px;\r\n    }\r\n\r\n    .rnn26-header-cart{\r\n        min-height:40px;\r\n        padding:0 15px;\r\n        font-size:8px!important;\r\n    }\r\n\r\n    .rnn26-mobile-menu-inner{\r\n        padding:30px 20px 34px;\r\n    }\r\n\r\n    .rnn26-mobile-primary > a,\r\n    .rnn26-mobile-row{\r\n        min-height:68px;\r\n    }\r\n\r\n    .rnn26-mobile-primary > a,\r\n    .rnn26-mobile-row > a{\r\n        font-size:clamp(32px,10.2vw,46px);\r\n    }\r\n\r\n    .rnn26-mobile-row{\r\n        grid-template-columns:1fr 52px;\r\n    }\r\n\r\n    .rnn26-mobile-submenu-inner{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .rnn26-mobile-submenu.is-open{\r\n        max-height:1050px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   BRAND SYSTEM REFINEMENT\r\n   Uses the supplied RUNNN brandbook language: official palette,\r\n   Quicksilver \/ Milliard \/ BITBLOX font names with web-safe\r\n   fallbacks, halftone dot fields, large R devices and selective\r\n   fixed-background parallax on WIDE photographic fills only.\r\n\r\n   Split product\/photo sections deliberately remain normal scrolling\r\n   images so they do not feel visually detached from their content.\r\n   ========================================================== *\/\r\n\r\n\/* More branded hero halftone: red + white dot field rather than a generic screen. *\/\r\n.rnnsys-hero::before{\r\n    background-image:\r\n        radial-gradient(circle,rgba(213,49,39,.54) 1.2px,transparent 1.3px),\r\n        radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.1px);\r\n    background-size:13px 13px,19px 19px;\r\n    background-position:0 0,6px 7px;\r\n    mask-image:linear-gradient(108deg,transparent 16%,#000 76%);\r\n    -webkit-mask-image:linear-gradient(108deg,transparent 16%,#000 76%);\r\n    opacity:.48;\r\n}\r\n\r\n\/* Intro keeps the wide fixed photographic\/background treatment and gains a dotted brand field. *\/\r\n.rnnsys-intro::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:1;\r\n    width:min(52vw,820px);\r\n    aspect-ratio:1.2;\r\n    right:-8vw;\r\n    top:-8vw;\r\n    background-image:radial-gradient(circle,rgba(213,49,39,.55) 1.25px,transparent 1.35px);\r\n    background-size:12px 12px;\r\n    mask-image:radial-gradient(circle at 50% 50%,#000 0 34%,rgba(0,0,0,.72) 49%,transparent 73%);\r\n    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 34%,rgba(0,0,0,.72) 49%,transparent 73%);\r\n    opacity:.28;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* Product stages: stronger red halftone on the copy side, but NO fixed background here. *\/\r\n.rnnsys-stage-content::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:0;\r\n    right:-8%;\r\n    bottom:-12%;\r\n    width:58%;\r\n    aspect-ratio:1;\r\n    background-image:radial-gradient(circle,rgba(213,49,39,.32) 1.05px,transparent 1.2px);\r\n    background-size:12px 12px;\r\n    mask-image:radial-gradient(circle,#000 0 26%,rgba(0,0,0,.62) 45%,transparent 72%);\r\n    -webkit-mask-image:radial-gradient(circle,#000 0 26%,rgba(0,0,0,.62) 45%,transparent 72%);\r\n    opacity:.34;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* Brandbook inspired red field: orange -> RUNNN red -> deep red + halftone. *\/\r\n.rnnsys-rhythm{\r\n    background:\r\n        radial-gradient(circle at 78% 30%,rgba(255,255,255,.10),transparent 25%),\r\n        linear-gradient(125deg,var(--orange) 0%,var(--red) 48%,var(--deep) 100%);\r\n}\r\n.rnnsys-rhythm::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background-image:radial-gradient(circle,rgba(3,2,3,.40) 1.25px,transparent 1.4px);\r\n    background-size:12px 12px;\r\n    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 28%,#000 72%,rgba(0,0,0,.30) 100%);\r\n    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 28%,#000 72%,rgba(0,0,0,.30) 100%);\r\n    opacity:.42;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-rhythm-head,\r\n.rnnsys-rhythm-grid{z-index:3;}\r\n\r\n\/* ==========================================================\r\n   WIDE BRAND CAMPAIGN BAND\r\n   This is where fixed-background parallax is appropriate:\r\n   one edge-to-edge photographic fill with copy layered over it.\r\n   ========================================================== *\/\r\n.rnnsys-brand-band{\r\n    position:relative;\r\n    min-height:88svh;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    padding:clamp(110px,10vw,170px) 4vw 8vh;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    background:\r\n        linear-gradient(90deg,rgba(3,2,3,.90) 0%,rgba(3,2,3,.56) 48%,rgba(3,2,3,.24) 78%),\r\n        linear-gradient(0deg,rgba(3,2,3,.82) 0%,transparent 52%),\r\n        url(\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/29-copy-scaled.jpg\") center 48%\/cover fixed;\r\n}\r\n.rnnsys-brand-band::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:1;\r\n    inset:0;\r\n    background-image:radial-gradient(circle,rgba(255,255,255,.18) 1.15px,transparent 1.28px);\r\n    background-size:12px 12px;\r\n    mask-image:linear-gradient(118deg,transparent 12%,rgba(0,0,0,.35) 42%,#000 92%);\r\n    -webkit-mask-image:linear-gradient(118deg,transparent 12%,rgba(0,0,0,.35) 42%,#000 92%);\r\n    opacity:.44;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-brand-band::after{\r\n    content:\"R\";\r\n    position:absolute;\r\n    z-index:1;\r\n    right:-2vw;\r\n    top:2vh;\r\n    font-family:var(--display);\r\n    font-size:min(55vw,860px);\r\n    font-style:italic;\r\n    font-weight:900;\r\n    letter-spacing:-.09em;\r\n    line-height:.72;\r\n    color:rgba(213,49,39,.22);\r\n    text-shadow:0 22px 70px rgba(0,0,0,.28);\r\n    pointer-events:none;\r\n}\r\n.rnnsys-brand-band-inner{\r\n    position:relative;\r\n    z-index:3;\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:1.15fr .85fr;\r\n    gap:8vw;\r\n    align-items:end;\r\n}\r\n.rnnsys-brand-band-copy{max-width:1050px;}\r\n.rnnsys-brand-band .rnnsys-kicker{margin-bottom:22px;color:var(--red2);}\r\n.rnnsys-brand-band-title{font-size:clamp(78px,10.5vw,176px);max-width:1100px;}\r\n.rnnsys-brand-band-title .red{color:var(--red2);}\r\n.rnnsys-brand-band-side{justify-self:end;width:min(100%,520px);}\r\n.rnnsys-brand-band-side p{margin:0;color:rgba(255,255,255,.72);font-size:clamp(16px,1.15vw,20px);line-height:1.65;}\r\n.rnnsys-brand-band-tags{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    margin-top:30px;\r\n    border-top:1px solid rgba(255,255,255,.22);\r\n    border-left:1px solid rgba(255,255,255,.22);\r\n}\r\n.rnnsys-brand-band-tags span{\r\n    min-height:58px;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:0 16px;\r\n    border-right:1px solid rgba(255,255,255,.22);\r\n    border-bottom:1px solid rgba(255,255,255,.22);\r\n    font-family:var(--mono);\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,.70);\r\n}\r\n.rnnsys-brand-band-wordmark{\r\n    position:absolute;\r\n    z-index:3;\r\n    right:4vw;\r\n    top:5vh;\r\n    width:min(18vw,300px);\r\n    opacity:.96;\r\n}\r\n\r\n\/* The philosophy split deliberately remains a normal image, not parallax. *\/\r\n.rnnsys-detail-media img{\r\n    transform:scale(1.015);\r\n    transition:transform 1.1s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rnnsys-detail:hover .rnnsys-detail-media img{transform:scale(1.045);}\r\n.rnnsys-detail-content::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:-10%;\r\n    bottom:-10%;\r\n    width:64%;\r\n    aspect-ratio:1;\r\n    background-image:radial-gradient(circle,rgba(213,49,39,.31) 1.05px,transparent 1.2px);\r\n    background-size:12px 12px;\r\n    mask-image:radial-gradient(circle,#000 0 25%,rgba(0,0,0,.55) 46%,transparent 72%);\r\n    -webkit-mask-image:radial-gradient(circle,#000 0 25%,rgba(0,0,0,.55) 46%,transparent 72%);\r\n    opacity:.35;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-detail-content{position:relative;overflow:hidden;}\r\n.rnnsys-detail-content>*{position:relative;z-index:2;}\r\n\r\n\/* Product-card section gets a restrained red halftone field without reducing readability. *\/\r\n.rnnsys-start::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:min(48vw,760px);\r\n    aspect-ratio:1;\r\n    right:-10vw;\r\n    bottom:-18vw;\r\n    background-image:radial-gradient(circle,rgba(213,49,39,.50) 1.2px,transparent 1.35px);\r\n    background-size:12px 12px;\r\n    mask-image:radial-gradient(circle,#000 0 31%,rgba(0,0,0,.56) 48%,transparent 72%);\r\n    -webkit-mask-image:radial-gradient(circle,#000 0 31%,rgba(0,0,0,.56) 48%,transparent 72%);\r\n    opacity:.18;\r\n    pointer-events:none;\r\n}\r\n.rnnsys-start-head,.rnnsys-start-grid,.rnnsys-start-actions{z-index:3;}\r\n.rnnsys-start-card h3{font-size:clamp(40px,3.25vw,60px);max-width:100%;overflow-wrap:normal;}\r\n\r\n\/* RUNNN Lab close gets a brandbook halftone finish. *\/\r\n.rnnsys-learn::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-9vw;\r\n    top:-11vw;\r\n    width:min(52vw,850px);\r\n    aspect-ratio:1;\r\n    background-image:radial-gradient(circle,rgba(213,49,39,.40) 1.1px,transparent 1.25px);\r\n    background-size:12px 12px;\r\n    mask-image:radial-gradient(circle,#000 0 28%,rgba(0,0,0,.52) 49%,transparent 74%);\r\n    -webkit-mask-image:radial-gradient(circle,#000 0 28%,rgba(0,0,0,.52) 49%,transparent 74%);\r\n    opacity:.30;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* Tablet\/mobile: fixed backgrounds are intentionally disabled for stability. *\/\r\n@media(max-width:1100px){\r\n    .rnnsys-brand-band{\r\n        min-height:760px;\r\n        padding-left:32px;\r\n        padding-right:32px;\r\n        background-attachment:scroll,scroll,scroll;\r\n    }\r\n    .rnnsys-brand-band-inner{grid-template-columns:1fr;gap:42px;}\r\n    .rnnsys-brand-band-side{justify-self:start;width:min(100%,620px);}\r\n    .rnnsys-brand-band-wordmark{width:220px;right:32px;top:34px;}\r\n    .rnnsys-brand-band::after{font-size:64vw;right:-8vw;top:7vh;}\r\n}\r\n\r\n@media(max-width:767px){\r\n    .rnnsys-brand-band{\r\n        min-height:max(760px,92svh);\r\n        padding:92px 20px 58px;\r\n        background-position:center center,center center,62% center;\r\n        background-attachment:scroll,scroll,scroll;\r\n    }\r\n    .rnnsys-brand-band-title{font-size:clamp(62px,18vw,88px);}\r\n    .rnnsys-brand-band-wordmark{width:148px;right:20px;top:28px;}\r\n    .rnnsys-brand-band-tags{grid-template-columns:1fr 1fr;}\r\n    .rnnsys-brand-band-tags span{min-height:54px;padding:0 12px;font-size:7px;}\r\n    .rnnsys-brand-band::after{font-size:88vw;right:-18vw;top:14vh;}\r\n    .rnnsys-start-card h3{font-size:clamp(48px,15vw,72px);}\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"rnnsys\" id=\"rnnsysTop\">\r\n\r\n<!-- ======================================================\r\n     HEADER\r\n     ====================================================== -->\r\n<header class=\"rnn26-header\">\r\n    <a class=\"rnn26-header-logo\" href=\"https:\/\/runnn.com.neonsnow.com.au\/\" aria-label=\"RUNNN home\">\r\n        <img decoding=\"async\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/Runnn-Logo-19.png\" alt=\"RUNNN\">\r\n    <\/a>\r\n\r\n    <nav class=\"rnn26-header-nav\" aria-label=\"Primary navigation\">\r\n        <a class=\"rnn26-nav-link is-current\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=300\">The System<\/a>\r\n        <a class=\"rnn26-nav-link\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=302\">Why RUNNN<\/a>\r\n        <a class=\"rnn26-nav-link\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=303\">Culture<\/a>\r\n\r\n        <div class=\"rnn26-nav-menu\">\r\n            <a class=\"rnn26-nav-trigger\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=306\" aria-haspopup=\"true\">\r\n                Learn <span class=\"rnn26-nav-chevron\" aria-hidden=\"true\">\u25be<\/span>\r\n            <\/a>\r\n            <div class=\"rnn26-nav-dropdown rnn26-nav-dropdown--learn\">\r\n                <div class=\"rnn26-nav-dropdown-inner\">\r\n                    <div class=\"rnn26-nav-dropdown-kicker\">RUNNN LAB \/ KNOW YOUR RUN<\/div>\r\n                    <div class=\"rnn26-nav-dropdown-list\">\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=306\">\r\n                            <span class=\"rnn26-nav-dropdown-meta\">RUNNN LAB<\/span>\r\n                            <span class=\"rnn26-nav-dropdown-name\">Explore Learn<\/span>\r\n                        <\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=321\">\r\n                            <span class=\"rnn26-nav-dropdown-meta\">FUEL \/ RUNNING<\/span>\r\n                            <span class=\"rnn26-nav-dropdown-name\">When Should You Fuel?<\/span>\r\n                        <\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=325\">\r\n                            <span class=\"rnn26-nav-dropdown-meta\">HYDRATION \/ LEARN<\/span>\r\n                            <span class=\"rnn26-nav-dropdown-name\">Hydration Before, During &amp; After<\/span>\r\n                        <\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=327\">\r\n                            <span class=\"rnn26-nav-dropdown-meta\">TRAINING \/ MINDSET<\/span>\r\n                            <span class=\"rnn26-nav-dropdown-name\">Build a Consistent Routine<\/span>\r\n                        <\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=318\">\r\n                            <span class=\"rnn26-nav-dropdown-meta\">HELP \/ ANSWERS<\/span>\r\n                            <span class=\"rnn26-nav-dropdown-name\">FAQ<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rnn26-nav-menu\">\r\n            <a class=\"rnn26-nav-trigger\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\" aria-haspopup=\"true\">\r\n                Shop <span class=\"rnn26-nav-chevron\" aria-hidden=\"true\">\u25be<\/span>\r\n            <\/a>\r\n            <div class=\"rnn26-nav-dropdown rnn26-nav-dropdown--shop\">\r\n                <div class=\"rnn26-nav-dropdown-inner\">\r\n                    <div class=\"rnn26-nav-dropdown-kicker\">SHOP THE RUNNN SYSTEM<\/div>\r\n                    <div class=\"rnn26-nav-dropdown-list\">\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=331\"><span class=\"rnn26-nav-dropdown-meta\">01 \/ PRE RUN<\/span><span class=\"rnn26-nav-dropdown-name\">RUNNN GO<\/span><\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=330\"><span class=\"rnn26-nav-dropdown-meta\">02 \/ MID RUN<\/span><span class=\"rnn26-nav-dropdown-name\">RUNNN GEL<\/span><\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=329\"><span class=\"rnn26-nav-dropdown-meta\">03 \/ HYDRATE<\/span><span class=\"rnn26-nav-dropdown-name\">HYPERHYDRATE<\/span><\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=336\"><span class=\"rnn26-nav-dropdown-meta\">04 \/ POST RUN<\/span><span class=\"rnn26-nav-dropdown-name\">RUNCOVERY<\/span><\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=335\"><span class=\"rnn26-nav-dropdown-meta\">GEAR \/ CARRY<\/span><span class=\"rnn26-nav-dropdown-name\">RUNNN POUCH<\/span><\/a>\r\n                        <a class=\"rnn26-nav-dropdown-item\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=339\"><span class=\"rnn26-nav-dropdown-meta\">GEAR \/ TIME<\/span><span class=\"rnn26-nav-dropdown-name\">RUNNN WATCH<\/span><\/a>\r\n                    <\/div>\r\n                    <a class=\"rnn26-nav-dropdown-all\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\"><span>VIEW ALL PRODUCTS<\/span><span>\u2192<\/span><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <div class=\"rnn26-header-actions\">\r\n        <a class=\"rnn26-header-account\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=308\">Account<\/a>\r\n\r\n        <button\r\n            class=\"rnn26-mobile-toggle\"\r\n            id=\"rnn26MobileToggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open navigation menu\"\r\n            aria-controls=\"rnn26MobileMenu\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span class=\"rnn26-mobile-toggle-lines\" aria-hidden=\"true\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/span>\r\n        <\/button>\r\n\r\n        <a class=\"rnn26-header-cart\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=309\">Cart<\/a>\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- ======================================================\r\n     MOBILE \/ TABLET NAVIGATION DRAWER\r\n     ====================================================== -->\r\n\r\n<div\r\n    class=\"rnn26-mobile-drawer\"\r\n    id=\"rnn26MobileMenu\"\r\n    aria-hidden=\"true\"\r\n>\r\n    <div class=\"rnn26-mobile-menu-inner\">\r\n\r\n        <div class=\"rnn26-mobile-menu-kicker\">\r\n            RUNNN \/ NAVIGATION\r\n        <\/div>\r\n\r\n        <nav class=\"rnn26-mobile-primary\" aria-label=\"Mobile navigation\">\r\n\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=300\">\r\n                <span>The System<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=302\">\r\n                <span>Why RUNNN<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=303\">\r\n                <span>Culture<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"rnn26-mobile-menu-group\">\r\n                <div class=\"rnn26-mobile-row\">\r\n                    <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=306\">\r\n                        Learn\r\n                    <\/a>\r\n                    <button\r\n                        class=\"rnn26-mobile-subtoggle\"\r\n                        type=\"button\"\r\n                        aria-label=\"Toggle Learn links\"\r\n                        aria-expanded=\"false\"\r\n                        aria-controls=\"rnn26MobileLearn\"\r\n                        data-rnn-mobile-submenu=\"rnn26MobileLearn\"\r\n                    >+<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"rnn26-mobile-submenu\" id=\"rnn26MobileLearn\">\r\n                    <div class=\"rnn26-mobile-submenu-inner\">\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=306\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">RUNNN LAB<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">Explore Learn<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=321\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">FUEL \/ RUNNING<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">When Should You Fuel?<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=325\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">HYDRATION<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">Hydration Before, During &amp; After<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=327\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">TRAINING \/ MINDSET<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">Build a Consistent Routine<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=318\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">HELP \/ ANSWERS<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">FAQ<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rnn26-mobile-menu-group\">\r\n                <div class=\"rnn26-mobile-row\">\r\n                    <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\">\r\n                        Shop\r\n                    <\/a>\r\n                    <button\r\n                        class=\"rnn26-mobile-subtoggle\"\r\n                        type=\"button\"\r\n                        aria-label=\"Toggle Shop links\"\r\n                        aria-expanded=\"false\"\r\n                        aria-controls=\"rnn26MobileShop\"\r\n                        data-rnn-mobile-submenu=\"rnn26MobileShop\"\r\n                    >+<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"rnn26-mobile-submenu\" id=\"rnn26MobileShop\">\r\n                    <div class=\"rnn26-mobile-submenu-inner\">\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=331\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">01 \/ PRE RUN<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">RUNNN GO<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=330\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">02 \/ MID RUN<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">RUNNN GEL<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=329\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">03 \/ HYDRATE<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">HYPERHYDRATE<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=336\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">04 \/ POST RUN<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">RUNCOVERY<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=335\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">GEAR \/ CARRY<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">RUNNN POUCH<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=339\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">GEAR \/ TIME<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">RUNNN WATCH<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\">\r\n                            <span class=\"rnn26-mobile-sub-meta\">ALL PRODUCTS<\/span>\r\n                            <span class=\"rnn26-mobile-sub-name\">View All RUNNN<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/nav>\r\n\r\n        <div class=\"rnn26-mobile-support\">\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=308\">Account<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=318\">FAQ<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=314\">Shipping<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=342\">Returns<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ======================================================\r\n     HERO\r\n     ====================================================== -->\r\n<section class=\"rnnsys-hero\">\r\n    <div class=\"rnnsys-hero-inner\">\r\n        <div class=\"rnnsys-kicker rnnsys-hero-kicker rnnsys-reveal\">RUNNN \/ THE COMPLETE RUNNING ROUTINE<\/div>\r\n        <h1 class=\"rnnsys-display rnnsys-hero-title rnnsys-reveal\">\r\n            <span>The<\/span>\r\n            <span class=\"red\">System.<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"rnnsys-hero-bottom\">\r\n            <p class=\"rnnsys-copy rnnsys-hero-copy rnnsys-reveal\">\r\n                Running does not begin at the start line and it does not end when the watch stops. RUNNN connects preparation, fuel, hydration and recovery into one repeatable routine built around the whole run.\r\n            <\/p>\r\n            <div class=\"rnnsys-hero-actions rnnsys-reveal\">\r\n                <a class=\"rnnsys-btn rnnsys-btn-red\" href=\"#rnnsys-stages\">Explore the four stages \u2192<\/a>\r\n                <a class=\"rnnsys-btn\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\">Shop the system<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rnnsys-hero-rail\" aria-label=\"System stages\">\r\n        <a href=\"#stage-go\">01 \/ Prepare<\/a>\r\n        <a href=\"#stage-gel\">02 \/ Fuel<\/a>\r\n        <a href=\"#stage-hyper\">03 \/ Hydrate<\/a>\r\n        <a href=\"#stage-recover\">04 \/ Recover<\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     INTRO\r\n     ====================================================== -->\r\n<section class=\"rnnsys-intro\">\r\n    <div class=\"rnnsys-intro-grid\">\r\n        <h2 class=\"rnnsys-display rnnsys-intro-title rnnsys-reveal\" data-dir=\"left\">\r\n            Before.<br>\r\n            During.<br>\r\n            <span class=\"red\">After.<\/span><br>\r\n            Again.\r\n        <\/h2>\r\n\r\n        <div class=\"rnnsys-intro-side rnnsys-reveal\" data-dir=\"right\">\r\n            <div class=\"rnnsys-kicker\">001 \/ ONE ROUTINE. FOUR STAGES.<\/div>\r\n            <p class=\"rnnsys-copy\">\r\n                The system is deliberately simple. Start prepared. Fuel the kilometres ahead. Stay on top of hydration. Recover with the next run in mind. Each stage has a different job, but they all support the same foundation: consistency, endurance and the ability to keep showing up.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rnnsys-intro-stats rnnsys-reveal\">\r\n        <div class=\"rnnsys-intro-stat\"><strong>01<\/strong><span>Prepare \/ RUNNN GO<\/span><\/div>\r\n        <div class=\"rnnsys-intro-stat\"><strong>02<\/strong><span>Fuel \/ RUNNN GEL<\/span><\/div>\r\n        <div class=\"rnnsys-intro-stat\"><strong>03<\/strong><span>Hydrate \/ HYPERHYDRATE<\/span><\/div>\r\n        <div class=\"rnnsys-intro-stat\"><strong>04<\/strong><span>Recover \/ RUNCOVERY<\/span><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     STAGE NAV\r\n     ====================================================== -->\r\n<nav class=\"rnnsys-stage-nav\" aria-label=\"RUNNN system stages\">\r\n    <a href=\"#stage-go\" data-stage-link=\"stage-go\"><span>01 \/ Pre Run<\/span><b>GO.<\/b><\/a>\r\n    <a href=\"#stage-gel\" data-stage-link=\"stage-gel\"><span>02 \/ Mid Run<\/span><b>GEL.<\/b><\/a>\r\n    <a href=\"#stage-hyper\" data-stage-link=\"stage-hyper\"><span>03 \/ Hydrate<\/span><b>H2O.<\/b><\/a>\r\n    <a href=\"#stage-recover\" data-stage-link=\"stage-recover\"><span>04 \/ Post Run<\/span><b>R.<\/b><\/a>\r\n<\/nav>\r\n\r\n<!-- ======================================================\r\n     FOUR STAGES\r\n     ====================================================== -->\r\n<div class=\"rnnsys-stages\" id=\"rnnsys-stages\">\r\n\r\n    <!-- 01 RUNNN GO -->\r\n    <section class=\"rnnsys-stage rnnsys-stage--go\" id=\"stage-go\" data-stage-section=\"stage-go\">\r\n        <div class=\"rnnsys-stage-media\">\r\n            <img decoding=\"async\" class=\"rnnsys-stage-photo\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/5-scaled.jpg\" alt=\"RUNNN performance imagery\" loading=\"lazy\">\r\n            <div class=\"rnnsys-stage-ghost\">01<\/div>\r\n            <img decoding=\"async\" class=\"rnnsys-product-float\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/RunnnGo2-scaled.jpg\" alt=\"RUNNN GO pre run formula\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"rnnsys-stage-content\">\r\n            <div class=\"rnnsys-kicker rnnsys-stage-index rnnsys-reveal\">01 \/ PRE RUN \/ PREPARE<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-stage-title rnnsys-reveal\">RUNNN<br><span>GO.<\/span><\/h2>\r\n            <div class=\"rnnsys-stage-type rnnsys-reveal\">The starting point before the first kilometre<\/div>\r\n            <p class=\"rnnsys-copy rnnsys-stage-copy rnnsys-reveal\">\r\n                The routine starts before you move. RUNNN GO is the pre run stage of the system, designed to sit naturally inside the preparation window before training, a long run or race day.\r\n            <\/p>\r\n            <div class=\"rnnsys-stage-list rnnsys-reveal\">\r\n                <div><strong>When<\/strong>Before the run<\/div>\r\n                <div><strong>Role<\/strong>Preparation<\/div>\r\n                <div><strong>Stage<\/strong>01 of 04<\/div>\r\n                <div><strong>Next<\/strong>RUNNN GEL<\/div>\r\n            <\/div>\r\n            <div class=\"rnnsys-stage-actions rnnsys-reveal\">\r\n                <a class=\"rnnsys-btn rnnsys-btn-red\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=331\">Explore RUNNN GO \u2192<\/a>\r\n                <a class=\"rnnsys-btn\" href=\"#stage-gel\">Next stage<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 02 RUNNN GEL -->\r\n    <section class=\"rnnsys-stage rnnsys-stage--gel\" id=\"stage-gel\" data-stage-section=\"stage-gel\">\r\n        <div class=\"rnnsys-stage-media\">\r\n            <img decoding=\"async\" class=\"rnnsys-stage-photo\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/18-copy-scaled.jpg\" alt=\"RUNNN running imagery\" loading=\"lazy\">\r\n            <div class=\"rnnsys-stage-ghost\">02<\/div>\r\n            <img decoding=\"async\" class=\"rnnsys-product-float\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/RunnnGelBox3.jpg\" alt=\"RUNNN GEL\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"rnnsys-stage-content\">\r\n            <div class=\"rnnsys-kicker rnnsys-stage-index rnnsys-reveal\">02 \/ MID RUN \/ FUEL<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-stage-title rnnsys-reveal\">RUNNN<br><span>GEL.<\/span><\/h2>\r\n            <div class=\"rnnsys-stage-type rnnsys-reveal\">Compact fuel built around the kilometres ahead<\/div>\r\n            <p class=\"rnnsys-copy rnnsys-stage-copy rnnsys-reveal\">\r\n                Once the run is underway, the system shifts from preparation to maintaining the effort. RUNNN GEL is the mid run fuel stage: compact, portable and designed to move with you.\r\n            <\/p>\r\n            <div class=\"rnnsys-stage-list rnnsys-reveal\">\r\n                <div><strong>When<\/strong>During the run<\/div>\r\n                <div><strong>Role<\/strong>Fuel<\/div>\r\n                <div><strong>Stage<\/strong>02 of 04<\/div>\r\n                <div><strong>Next<\/strong>HYPERHYDRATE<\/div>\r\n            <\/div>\r\n            <div class=\"rnnsys-stage-actions rnnsys-reveal\">\r\n                <a class=\"rnnsys-btn rnnsys-btn-red\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=330\">Explore RUNNN GEL \u2192<\/a>\r\n                <a class=\"rnnsys-btn\" href=\"#stage-hyper\">Next stage<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 03 HYPERHYDRATE -->\r\n    <section class=\"rnnsys-stage rnnsys-stage--hyper\" id=\"stage-hyper\" data-stage-section=\"stage-hyper\">\r\n        <div class=\"rnnsys-stage-media\">\r\n            <img decoding=\"async\" class=\"rnnsys-stage-photo\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/24-copy-scaled.jpg\" alt=\"RUNNN performance imagery\" loading=\"lazy\">\r\n            <div class=\"rnnsys-stage-ghost\">03<\/div>\r\n            <img decoding=\"async\" class=\"rnnsys-product-float\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/hyperhydrate3.jpg\" alt=\"RUNNN Hyperhydrate\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"rnnsys-stage-content\">\r\n            <div class=\"rnnsys-kicker rnnsys-stage-index rnnsys-reveal\">03 \/ HYDRATE \/ KEEP THE ROUTINE MOVING<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-stage-title rnnsys-reveal\">HYPER<br><span>HYDRATE.<\/span><\/h2>\r\n            <div class=\"rnnsys-stage-type rnnsys-reveal\">Electrolyte blend in a portable stick format<\/div>\r\n            <p class=\"rnnsys-copy rnnsys-stage-copy rnnsys-reveal\">\r\n                Hydration sits across the running routine, not in one isolated moment. HYPERHYDRATE gives the system a dedicated hydration stage in a format designed to fit into preparation, training and recovery habits.\r\n            <\/p>\r\n            <div class=\"rnnsys-stage-list rnnsys-reveal\">\r\n                <div><strong>When<\/strong>Around the run<\/div>\r\n                <div><strong>Role<\/strong>Hydration<\/div>\r\n                <div><strong>Stage<\/strong>03 of 04<\/div>\r\n                <div><strong>Next<\/strong>RUNCOVERY<\/div>\r\n            <\/div>\r\n            <div class=\"rnnsys-stage-actions rnnsys-reveal\">\r\n                <a class=\"rnnsys-btn rnnsys-btn-red\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=329\">Explore Hyperhydrate \u2192<\/a>\r\n                <a class=\"rnnsys-btn\" href=\"#stage-recover\">Next stage<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 04 RUNCOVERY -->\r\n    <section class=\"rnnsys-stage rnnsys-stage--recover\" id=\"stage-recover\" data-stage-section=\"stage-recover\">\r\n        <div class=\"rnnsys-stage-media\">\r\n            <img decoding=\"async\" class=\"rnnsys-stage-photo\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/31-copy-scaled.jpg\" alt=\"RUNNN recovery imagery\" loading=\"lazy\">\r\n            <div class=\"rnnsys-stage-ghost\">04<\/div>\r\n            <img decoding=\"async\" class=\"rnnsys-product-float\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/runcovery-5-scaled.jpg\" alt=\"RUNNN RUNCOVERY\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"rnnsys-stage-content\">\r\n            <div class=\"rnnsys-kicker rnnsys-stage-index rnnsys-reveal\">04 \/ POST RUN \/ RECOVER<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-stage-title rnnsys-reveal\">RUN<br><span>COVERY.<\/span><\/h2>\r\n            <div class=\"rnnsys-stage-type rnnsys-reveal\">The run may stop. The routine does not.<\/div>\r\n            <p class=\"rnnsys-copy rnnsys-stage-copy rnnsys-reveal\">\r\n                Recovery closes one run and helps set up the next. RUNCOVERY is the post run stage of the system, built around the idea that consistency depends on what happens after the effort as much as what happens during it.\r\n            <\/p>\r\n            <div class=\"rnnsys-stage-list rnnsys-reveal\">\r\n                <div><strong>When<\/strong>After the run<\/div>\r\n                <div><strong>Role<\/strong>Recovery<\/div>\r\n                <div><strong>Stage<\/strong>04 of 04<\/div>\r\n                <div><strong>Next<\/strong>Repeat<\/div>\r\n            <\/div>\r\n            <div class=\"rnnsys-stage-actions rnnsys-reveal\">\r\n                <a class=\"rnnsys-btn rnnsys-btn-red\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=336\">Explore RUNCOVERY \u2192<\/a>\r\n                <a class=\"rnnsys-btn\" href=\"#rnnsys-rhythm\">See the full rhythm<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- ======================================================\r\n     WIDE BRAND CAMPAIGN \/ FIXED-BACKGROUND PARALLAX\r\n     ====================================================== -->\r\n<section class=\"rnnsys-brand-band\">\r\n    <img decoding=\"async\" class=\"rnnsys-brand-band-wordmark\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/Runnn-Logo-19.png\" alt=\"RUNNN\">\r\n\r\n    <div class=\"rnnsys-brand-band-inner\">\r\n        <div class=\"rnnsys-brand-band-copy\">\r\n            <div class=\"rnnsys-kicker rnnsys-reveal\">RUNNN \/ ONE ROUTINE \/ FOUR STAGES<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-brand-band-title rnnsys-reveal\">\r\n                Build the<br>\r\n                rhythm.<br>\r\n                <span class=\"red\">Keep it.<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"rnnsys-brand-band-side rnnsys-reveal\">\r\n            <p>\r\n                The products are different because the moments are different. The system connects them into one clear routine around the run, so preparation, fuel, hydration and recovery work as parts of the same habit.\r\n            <\/p>\r\n            <div class=\"rnnsys-brand-band-tags\" aria-label=\"RUNNN system stages\">\r\n                <span>01 \/ PREPARE<\/span>\r\n                <span>02 \/ FUEL<\/span>\r\n                <span>03 \/ HYDRATE<\/span>\r\n                <span>04 \/ RECOVER<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     RHYTHM\r\n     ====================================================== -->\r\n<section class=\"rnnsys-rhythm\" id=\"rnnsys-rhythm\">\r\n    <div class=\"rnnsys-rhythm-head\">\r\n        <h2 class=\"rnnsys-display rnnsys-rhythm-title rnnsys-reveal\">The rhythm<br>of RUNNN.<\/h2>\r\n        <p class=\"rnnsys-copy rnnsys-rhythm-copy rnnsys-reveal\">\r\n            The value of the system is not that every run looks the same. It is that the routine gives you a repeatable framework around whatever the day demands.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rnnsys-rhythm-grid rnnsys-reveal\">\r\n        <div class=\"rnnsys-rhythm-step\">\r\n            <small>01 \/ PREPARE<\/small>\r\n            <h3>Before<br>you move.<\/h3>\r\n            <p>Set the run up before the first kilometre starts.<\/p>\r\n        <\/div>\r\n        <div class=\"rnnsys-rhythm-step\">\r\n            <small>02 \/ FUEL<\/small>\r\n            <h3>During<br>the work.<\/h3>\r\n            <p>Support the effort while the kilometres are still ahead.<\/p>\r\n        <\/div>\r\n        <div class=\"rnnsys-rhythm-step\">\r\n            <small>03 \/ HYDRATE<\/small>\r\n            <h3>Around<br>the run.<\/h3>\r\n            <p>Make hydration part of the routine rather than an afterthought.<\/p>\r\n        <\/div>\r\n        <div class=\"rnnsys-rhythm-step\">\r\n            <small>04 \/ RECOVER<\/small>\r\n            <h3>Set up<br>the next.<\/h3>\r\n            <p>Finish with the next run in mind. Then repeat.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     DETAIL \/ PHILOSOPHY\r\n     ====================================================== -->\r\n<section class=\"rnnsys-detail\">\r\n    <div class=\"rnnsys-detail-media\">\r\n        <img decoding=\"async\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/11-copy-scaled.jpg\" alt=\"RUNNN running routine\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <div class=\"rnnsys-detail-content\">\r\n        <div class=\"rnnsys-kicker rnnsys-stage-index rnnsys-reveal\">002 \/ THE SYSTEM IS THE HABIT<\/div>\r\n        <h2 class=\"rnnsys-display rnnsys-detail-title rnnsys-reveal\">\r\n            Built for<br>\r\n            the <span class=\"red\">repeat.<\/span>\r\n        <\/h2>\r\n        <p class=\"rnnsys-copy rnnsys-detail-copy rnnsys-reveal\">\r\n            RUNNN is not built around one perfect session. It is built around the accumulated effect of returning to the work. The system gives every part of the running routine a place, so the focus stays on consistency rather than complexity.\r\n        <\/p>\r\n        <div class=\"rnnsys-detail-points rnnsys-reveal\">\r\n            <div class=\"rnnsys-detail-point\"><b>01<\/b><span>Clear stages instead of a collection of disconnected products.<\/span><\/div>\r\n            <div class=\"rnnsys-detail-point\"><b>02<\/b><span>A routine that can scale from everyday training to race preparation.<\/span><\/div>\r\n            <div class=\"rnnsys-detail-point\"><b>03<\/b><span>Products designed around when runners actually need them.<\/span><\/div>\r\n            <div class=\"rnnsys-detail-point\"><b>04<\/b><span>A system that ends by setting up the next run, not simply finishing the last one.<\/span><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     START WHERE YOU ARE\r\n     ====================================================== -->\r\n<section class=\"rnnsys-start\">\r\n    <div class=\"rnnsys-start-head\">\r\n        <div>\r\n            <div class=\"rnnsys-kicker rnnsys-reveal\">003 \/ CHOOSE YOUR STARTING POINT<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-start-title rnnsys-reveal\">Start where<br>you are.<\/h2>\r\n        <\/div>\r\n        <p class=\"rnnsys-copy rnnsys-start-copy rnnsys-reveal\">\r\n            You do not need to begin with everything. Start with the stage that solves the clearest gap in your current routine, then build from there.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rnnsys-start-grid\">\r\n        <a class=\"rnnsys-start-card rnnsys-reveal\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=331\" aria-label=\"Explore RUNNN GO\">\r\n            <img class=\"rnnsys-start-card-image\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/RunnnGo5-scaled.jpg\" alt=\"RUNNN GO pre run product\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"rnnsys-start-card-top\"><small>01 \/ PRE RUN<\/small><b class=\"rnnsys-start-card-number\">01<\/b><\/div>\r\n            <div class=\"rnnsys-start-card-content\">\r\n                <h3>RUNNN<br>GO.<\/h3>\r\n                <p>For preparation before the run begins.<\/p>\r\n                <span class=\"rnnsys-start-card-cta\">Explore RUNNN GO<\/span>\r\n            <\/div>\r\n        <\/a>\r\n        <a class=\"rnnsys-start-card rnnsys-reveal\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=330\" aria-label=\"Explore RUNNN GEL\">\r\n            <img class=\"rnnsys-start-card-image\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/RunnnGel5-scaled.jpg\" alt=\"RUNNN GEL mid run product\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"rnnsys-start-card-top\"><small>02 \/ MID RUN<\/small><b class=\"rnnsys-start-card-number\">02<\/b><\/div>\r\n            <div class=\"rnnsys-start-card-content\">\r\n                <h3>RUNNN<br>GEL.<\/h3>\r\n                <p>For portable fuel during the kilometres ahead.<\/p>\r\n                <span class=\"rnnsys-start-card-cta\">Explore RUNNN GEL<\/span>\r\n            <\/div>\r\n        <\/a>\r\n        <a class=\"rnnsys-start-card rnnsys-reveal\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=329\" aria-label=\"Explore HYPERHYDRATE\">\r\n            <img class=\"rnnsys-start-card-image\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/hyperhydrate6.jpg\" alt=\"RUNNN HYPERHYDRATE electrolyte product\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"rnnsys-start-card-top\"><small>03 \/ HYDRATE<\/small><b class=\"rnnsys-start-card-number\">03<\/b><\/div>\r\n            <div class=\"rnnsys-start-card-content\">\r\n                <h3>HYPER<br>HYDRATE.<\/h3>\r\n                <p>For hydration across the running routine.<\/p>\r\n                <span class=\"rnnsys-start-card-cta\">Explore HYPERHYDRATE<\/span>\r\n            <\/div>\r\n        <\/a>\r\n        <a class=\"rnnsys-start-card rnnsys-reveal\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=336\" aria-label=\"Explore RUNCOVERY\">\r\n            <img class=\"rnnsys-start-card-image\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/runcovery-4-scaled.jpg\" alt=\"RUNNN RUNCOVERY post run product\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"rnnsys-start-card-top\"><small>04 \/ POST RUN<\/small><b class=\"rnnsys-start-card-number\">04<\/b><\/div>\r\n            <div class=\"rnnsys-start-card-content\">\r\n                <h3>RUN<br>COVERY.<\/h3>\r\n                <p>For the post run stage and the next session ahead.<\/p>\r\n                <span class=\"rnnsys-start-card-cta\">Explore RUNCOVERY<\/span>\r\n            <\/div>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rnnsys-start-actions rnnsys-reveal\">\r\n        <a class=\"rnnsys-btn rnnsys-btn-red\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\">Shop all RUNNN \u2192<\/a>\r\n        <a class=\"rnnsys-btn\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=318\">Questions? Read the FAQ<\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     LEARN\r\n     ====================================================== -->\r\n<section class=\"rnnsys-learn\">\r\n    <div class=\"rnnsys-learn-grid\">\r\n        <div>\r\n            <div class=\"rnnsys-kicker rnnsys-stage-index rnnsys-reveal\">004 \/ RUNNN LAB<\/div>\r\n            <h2 class=\"rnnsys-display rnnsys-learn-title rnnsys-reveal\">Know the<br><span class=\"red\">routine.<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"rnnsys-learn-links rnnsys-reveal\">\r\n            <a class=\"rnnsys-learn-link\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=321\">\r\n                <small>Fuel \/ Running<\/small><strong>When should you fuel during a run?<\/strong><i>\u2192<\/i>\r\n            <\/a>\r\n            <a class=\"rnnsys-learn-link\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=325\">\r\n                <small>Hydration \/ Learn<\/small><strong>Hydration before, during and after running<\/strong><i>\u2192<\/i>\r\n            <\/a>\r\n            <a class=\"rnnsys-learn-link\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=327\">\r\n                <small>Training \/ Mindset<\/small><strong>Building a consistent running routine<\/strong><i>\u2192<\/i>\r\n            <\/a>\r\n            <a class=\"rnnsys-learn-link\" href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=306\">\r\n                <small>RUNNN Lab<\/small><strong>Explore all learning<\/strong><i>\u2192<\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     FOOTER\r\n     ====================================================== -->\r\n<footer class=\"rnn26-footer\">\r\n    <img decoding=\"async\" class=\"rnn26-footer-logo\" src=\"https:\/\/runnn.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/Runnn-Logo-19.png\" alt=\"RUNNN\">\r\n\r\n    <div class=\"rnn26-footer-grid\">\r\n        <div class=\"rnn26-footer-main\">\r\n            <p class=\"rnn26-footer-intro\">Built around the rhythm of running. Prepare. Run. Hydrate. Recover. Repeat.<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n            <h4>Shop<\/h4>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=331\">RUNNN GO<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=330\">RUNNN GEL<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=329\">Hyperhydrate<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=336\">RUNCOVERY<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=310\">All Products<\/a>\r\n        <\/div>\r\n\r\n        <div>\r\n            <h4>RUNNN<\/h4>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=302\">Why RUNNN<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=300\">The System<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=303\">Culture<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=306\">RUNNN Lab<\/a>\r\n        <\/div>\r\n\r\n        <div>\r\n            <h4>Help<\/h4>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=314\">Shipping<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=342\">Returns<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=318\">FAQ<\/a>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=308\">Account<\/a>\r\n        <\/div>\r\n\r\n        <div>\r\n            <h4>Follow<\/h4>\r\n            <span class=\"rnn26-footer-social-pending\">Instagram<\/span>\r\n            <span class=\"rnn26-footer-social-pending\">Facebook<\/span>\r\n            <span class=\"rnn26-footer-social-pending\">TikTok<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rnn26-footer-bottom\">\r\n        <div>\u00a9 2026 RUNNN<\/div>\r\n        <div class=\"rnn26-footer-legal\">\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=317\">Privacy<\/a><span aria-hidden=\"true\">&nbsp;&nbsp;<\/span>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=322\">Terms<\/a><span aria-hidden=\"true\">&nbsp;&nbsp;<\/span>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=314\">Shipping<\/a><span aria-hidden=\"true\">&nbsp;&nbsp;<\/span>\r\n            <a href=\"https:\/\/runnn.com.neonsnow.com.au\/?page_id=342\">Returns<\/a>\r\n        <\/div>\r\n        <div class=\"rnn26-footer-credit\">Designed by <a href=\"https:\/\/neonsnow.com.au\/\" target=\"_blank\" rel=\"noopener noreferrer\">NEON SNOW<\/a><\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n    var root=document.querySelector('.rnnsys');\r\n    if(!root) return;\r\n\r\n    var reduce=window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    if(!reduce && 'IntersectionObserver' in window){\r\n        root.classList.add('js-motion');\r\n        var revealObserver=new IntersectionObserver(function(entries){\r\n            entries.forEach(function(entry){\r\n                if(entry.isIntersecting){\r\n                    entry.target.classList.add('is-visible');\r\n                    revealObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        },{threshold:.14,rootMargin:'0px 0px -8% 0px'});\r\n\r\n        root.querySelectorAll('.rnnsys-reveal').forEach(function(el){revealObserver.observe(el);});\r\n    } else {\r\n        root.querySelectorAll('.rnnsys-reveal').forEach(function(el){el.classList.add('is-visible');});\r\n    }\r\n\r\n    var stageLinks=Array.prototype.slice.call(root.querySelectorAll('[data-stage-link]'));\r\n    var stageSections=Array.prototype.slice.call(root.querySelectorAll('[data-stage-section]'));\r\n\r\n    if('IntersectionObserver' in window && stageLinks.length && stageSections.length){\r\n        var stageObserver=new IntersectionObserver(function(entries){\r\n            entries.forEach(function(entry){\r\n                if(entry.isIntersecting){\r\n                    var id=entry.target.getAttribute('data-stage-section');\r\n                    stageLinks.forEach(function(link){\r\n                        link.classList.toggle('is-active',link.getAttribute('data-stage-link')===id);\r\n                    });\r\n                }\r\n            });\r\n        },{threshold:.42});\r\n\r\n        stageSections.forEach(function(section){stageObserver.observe(section);});\r\n    }\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\n    const root = document.querySelector('.rnnsys');\r\n    const toggle = document.getElementById('rnn26MobileToggle');\r\n    const menu = document.getElementById('rnn26MobileMenu');\r\n\r\n    if(!root || !toggle || !menu){\r\n        return;\r\n    }\r\n\r\n    function setMenu(open){\r\n        toggle.classList.toggle('is-open', open);\r\n        menu.classList.toggle('is-open', open);\r\n        root.classList.toggle('rnn26-menu-open', open);\r\n        toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n        toggle.setAttribute('aria-label', open ? 'Close navigation menu' : 'Open navigation menu');\r\n        menu.setAttribute('aria-hidden', open ? 'false' : 'true');\r\n\r\n        if(document.body){\r\n            document.body.style.overflow = open ? 'hidden' : '';\r\n        }\r\n    }\r\n\r\n    toggle.addEventListener('click', function(){\r\n        setMenu(!menu.classList.contains('is-open'));\r\n    });\r\n\r\n    menu.querySelectorAll('a').forEach(function(link){\r\n        link.addEventListener('click', function(){\r\n            setMenu(false);\r\n        });\r\n    });\r\n\r\n    menu.querySelectorAll('[data-rnn-mobile-submenu]').forEach(function(button){\r\n        button.addEventListener('click', function(){\r\n            const id = button.getAttribute('data-rnn-mobile-submenu');\r\n            const panel = document.getElementById(id);\r\n\r\n            if(!panel){\r\n                return;\r\n            }\r\n\r\n            const opening = !panel.classList.contains('is-open');\r\n\r\n            panel.classList.toggle('is-open', opening);\r\n            button.classList.toggle('is-open', opening);\r\n            button.setAttribute('aria-expanded', opening ? 'true' : 'false');\r\n        });\r\n    });\r\n\r\n    document.addEventListener('keydown', function(event){\r\n        if(event.key === 'Escape' && menu.classList.contains('is-open')){\r\n            setMenu(false);\r\n            toggle.focus();\r\n        }\r\n    });\r\n\r\n    window.addEventListener('resize', function(){\r\n        if(window.innerWidth > 1100 && menu.classList.contains('is-open')){\r\n            setMenu(false);\r\n        }\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The System Why RUNNN Culture Learn \u25be RUNNN LAB \/ KNOW YOUR RUN RUNNN LAB Explore Learn FUEL \/ RUNNING When Should You Fuel? HYDRATION \/ LEARN Hydration Before, During &amp; After TRAINING \/ MINDSET Build a Consistent Routine HELP \/ ANSWERS FAQ Shop \u25be SHOP THE RUNNN SYSTEM 01 \/ PRE RUNRUNNN GO 02 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=300"}],"version-history":[{"count":5,"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/300\/revisions\/407"}],"wp:attachment":[{"href":"https:\/\/runnn.com.neonsnow.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}