*{box-sizing: border-box;padding: 0;margin: 0}body.hrfFrameLoop{background: #071417;line-height: 1.78;overflow-x: hidden;font-size: 18px;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;color: #e0f0ef;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}img{max-width: 100%;display: block}a{text-decoration: none;color: inherit}/* Nav */ .hrfBrimPlate{z-index: 50;backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px);border-bottom: 1px solid #e0f0ef12;top: 0;background: #071417c2;position: sticky}.hrfPineArc{gap: 16px;display: flex;align-items: center;max-width: 1160px;margin: 0 auto;padding: 14px 20px}.hrfMoldRung{display: inline-flex;align-items: center}.hrfFrontJetty{gap: 22px;display: flex;margin-left: auto}.hrfFrontJetty a{font-size: 16px;color: #6f9490;font-weight: 500;transition: color 0.15s ease}.hrfFrontJetty a:hover{color: #e0f0ef}.hrfShadeFlag{padding: 9px 18px;color: #071417;border-radius: 999px;font-weight: 600;transition: transform 0.15s ease, opacity 0.15s ease;font-size: 15px;background: #2fd8c6;margin-left: 18px}.hrfShadeFlag:hover{transform: translateY(-1px);opacity: 0.9}/* Hero */ .hrfReachPlane{text-align: center;padding: 96px 20px 64px;overflow: hidden;position: relative}.hrfQuayPane{background-position: 30% 40%, 70% 45%;height: 760px;background-repeat: no-repeat;left: 50%;background-image: radial-gradient(closest-side, #2fd8c688, transparent 70%),
              radial-gradient(closest-side, #2b8fd688, transparent 70%);filter: blur(30px);top: -10%;width: 1000px;position: absolute;z-index: 0;pointer-events: none;background-size: 70% 90%, 70% 90%;transform: translateX(-50%);opacity: 0.75}.hrfChipLoft{max-width: 880px;position: relative;margin: 0 auto;z-index: 1}.hrfPlateWedge{border-radius: 999px;font-size: 12px;padding: 6px 14px;background: #07141799;letter-spacing: 0.1em;margin-bottom: 20px;font-weight: 600;border: 1px solid #e0f0ef1f;color: #6f9490;display: inline-block;text-transform: uppercase}.hrfBookFront{line-height: 1.05;letter-spacing: -0.02em;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-weight: 700;font-size: clamp(37px, 6.5vw, 68px)}.hrfYardGild{line-height: 1.55;font-size: clamp(18px, 2vw, 21px);max-width: 62ch;margin: 22px auto 0;color: #6f9490}.hrfBoardLoop{display: flex;margin-top: 32px;gap: 16px;justify-content: center;flex-wrap: wrap}.hrfRootJetty{border-radius: 999px;font-size: 17px;font-weight: 600;display: inline-flex;gap: 6px;padding: 13px 26px;transition: transform 0.15s ease, opacity 0.15s ease, border-color 0.15s ease;align-items: center}.hrfFlagLens{background: #2fd8c6;color: #071417}.hrfFlagLens:hover{transform: translateY(-2px);opacity: 0.9}.hrfRangeBolt{border: 1px solid #e0f0ef26;color: #e0f0ef;background: #e0f0ef05}.hrfRangeBolt:hover{border-color: #e0f0ef55}/* Logos / social proof */ .hrfForgeShore{max-width: 1160px;text-align: center;padding: 16px 20px 32px;margin: 0 auto}.hrfHavenForge{font-size: 14px;margin-bottom: 16px;color: #6f9490;letter-spacing: 0.1em;text-transform: uppercase}/* Stats */ .hrfHavenSail{max-width: 1160px;margin: 0 auto;padding: 20px 20px 48px;justify-content: center;display: flex;flex-wrap: wrap;gap: 48px}.hrfCloakJetty{text-align: center}.hrfAxisEdge{font-size: clamp(29px, 4vw, 44px);font-weight: 700;color: #e0f0ef;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;display: block;letter-spacing: -0.02em}.hrfGridFable{font-size: 15px;color: #6f9490}/* Section heads */ .hrfTrimFold, .hrfChipCove, .hrfWedgeLane, .hrfDeltaCove, .hrfShardFront{max-width: 1160px;padding: 64px 20px;margin: 0 auto}.hrfOakFold{margin: 0 auto 32px;max-width: 680px;text-align: center}.hrfRiseLens{text-transform: uppercase;font-weight: 600;letter-spacing: 0.12em;font-size: 13px;margin-bottom: 10px;color: #6f9490}.hrfVistaDrift{letter-spacing: -0.02em;line-height: 1.12;font-weight: 700;font-size: clamp(25px, 4vw, 36px);font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}/* Bento */ .hrfOnyxStone{gap: 20px;grid-template-columns: repeat(3, 1fr);display: grid}.hrfDockStone{border-radius: 20px;border: 1px solid #e0f0ef12;background: #e0f0ef05;transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;padding: 24px}.hrfDockStone:hover{border-color: #e0f0ef22;box-shadow: 0 22px 50px -30px #e0f0ef66;transform: translateY(-4px)}.hrfRootFlint{grid-column: span 2}.hrfPierMesa{font-size: 20px;border-radius: 12px;justify-content: center;color: #e0f0ef;width: 44px;background: linear-gradient(135deg, #2fd8c6, #2b8fd6);height: 44px;display: inline-flex;align-items: center;margin-bottom: 16px}.hrfNotchStem{margin-bottom: 6px;letter-spacing: -0.01em;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size: 21px}.hrfSpineHull{color: #6f9490;font-size: 16px}/* Steps */ .hrfFlagHold{display: grid;gap: 24px;grid-template-columns: repeat(3, 1fr)}.hrfAmberVerge{border-top: 2px solid #e0f0ef18;padding-top: 16px}.hrfWickRim{opacity: 0.35;font-size: 25px;color: #e0f0ef;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}.hrfSparPlot{margin: 8px 0 6px;font-size: 20px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-weight: 700}.hrfVistaAtlas{color: #6f9490;font-size: 16px}/* Testimonials */ .hrfWallWing{gap: 20px;display: grid;grid-template-columns: repeat(3, 1fr)}.hrfTrackPond{border: 1px solid #e0f0ef12;gap: 16px;background: #e0f0ef05;flex-direction: column;padding: 22px;display: flex;border-radius: 18px}.hrfStemGrid{font-size: 18px;line-height: 1.55}.hrfBoltCell{font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}.hrfBookKern{color: #6f9490;font-size: 15px}/* FAQ */ .hrfShardFront{max-width: 780px}.hrfSpineWard{border-bottom: 1px solid #e0f0ef14}.hrfSpineWard summary{gap: 16px;padding: 18px 0;display: flex;font-size: 19px;cursor: pointer;font-weight: 650;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;justify-content: space-between;align-items: center;list-style: none}.hrfSpineWard summary::-webkit-details-marker{display: none}.hrfSpineWard summary::after{content: "+";font-weight: 400;color: #6f9490;font-size: 23px}.hrfSpineWard[open] summary::after{content: "\2212"}.hrfShelfShelf{padding: 0 0 18px;max-width: 68ch;color: #6f9490}/* Insights + post cards */ .hrfEchoWick{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}.hrfJettyPine{border: 1px solid #e0f0ef12;padding: 20px;background: #e0f0ef05;border-radius: 16px;transition: transform 0.18s ease, border-color 0.18s ease;gap: 10px;display: flex;flex-direction: column}.hrfJettyPine:hover{transform: translateY(-3px);border-color: #e0f0ef22}.hrfSparStrand{line-height: 1.25;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size: 20px;font-weight: 650;letter-spacing: -0.01em}.hrfPatchWard{color: #6f9490;font-size: 15px;flex-grow: 1}.hrfSwaySlab{font-size: 13px;color: #6f9490}.hrfKernPlot{color: #e0f0ef;align-self: flex-start;padding: 3px 9px;background: #e0f0ef0d;font-weight: 600;font-size: 12px;letter-spacing: 0.08em;border: 1px solid #e0f0ef18;border-radius: 6px;text-transform: uppercase}/* CTA band */ .hrfArcScope{text-align: center;position: relative;margin: 48px auto 80px;max-width: 1160px;border-radius: 28px;border: 1px solid #e0f0ef12;overflow: hidden;padding: 64px 20px;background: #e0f0ef05}.hrfKnollPatch{bottom: -50%;height: 600px;background-repeat: no-repeat;background-position: 35% 50%, 65% 50%;opacity: 0.6;left: 50%;filter: blur(30px);width: 900px;transform: translateX(-50%);pointer-events: none;position: absolute;background-size: 60% 100%, 60% 100%;background-image: radial-gradient(closest-side, #2fd8c6, transparent 70%), radial-gradient(closest-side, #2b8fd6, transparent 70%)}.hrfHillSlope{font-size: clamp(25px, 4.5vw, 39px);font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;position: relative;letter-spacing: -0.02em;font-weight: 700}.hrfLaneShard{max-width: 52ch;position: relative;color: #6f9490;margin: 12px auto 0}.hrfArcScope .hrfRootJetty{position: relative;margin-top: 22px}/* Article */ .hrfVaultBoard{padding: 48px 20px 0;margin: 0 auto;max-width: 700px}.hrfHelmPier{margin-bottom: 22px}.hrfIrisFlank{line-height: 1.12;margin: 10px 0;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-weight: 700;letter-spacing: -0.02em;font-size: clamp(27px, 4.5vw, 39px)}.hrfKernZone{color: #6f9490;font-size: 16px}.hrfCapePrism{font-size: 19px;line-height: 1.75}.hrfCapePrism h2{font-size: 25px;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;margin: 32px 0 8px;letter-spacing: -0.01em}.hrfCapePrism h3{margin: 22px 0 8px;font-weight: 650;font-size: 20px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}.hrfCapePrism p{margin: 18px 0}.hrfCapePrism a{color: #e0f0ef;text-underline-offset: 2px;text-decoration: underline}.hrfCapePrism ul, .hrfCapePrism ol{margin: 18px 0 18px 24px}.hrfCapePrism li{margin: 5px 0}.hrfCapePrism blockquote{padding-left: 16px;color: #6f9490;margin: 18px 0;border-left: 3px solid #e0f0ef44}.hrfCapePrism table{width: 100%;font-size: 16px;border-collapse: collapse;margin: 18px 0}.hrfCapePrism th, .hrfCapePrism td{border-bottom: 1px solid #e0f0ef18;padding: 10px 12px;text-align: left}.hrfCapePrism th{font-weight: 650}.hrfCapePrism code{font-family: 'SF Mono', Consolas, monospace;background: #e0f0ef0d;font-size: 14px;border-radius: 5px;padding: 2px 6px}.hrfCliffPath{display: flex;margin: 22px 0;gap: 8px;flex-wrap: wrap}.hrfCliffPath span{border-radius: 999px;border: 1px solid #e0f0ef22;color: #6f9490;padding: 3px 12px;font-size: 13px}.hrfBraceHarbor{padding: 20px;border: 1px solid #e0f0ef12;border-radius: 16px;margin: 32px 0;background: #e0f0ef05;color: #6f9490}.hrfBraceHarbor strong{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;color: #e0f0ef}.hrfCoveDash{margin: 48px auto 0;padding: 0 20px;max-width: 1160px}/* Footer */ .hrfWellDome{border-top: 1px solid #e0f0ef12;overflow: hidden;margin-top: 64px;position: relative}.hrfArcTrack{display: grid;max-width: 1160px;position: relative;grid-template-columns: 2fr 1fr 1fr 1fr;padding: 32px 20px 20px;margin: 0 auto;z-index: 1;gap: 20px}.hrfPeakSlate{font-weight: 700;letter-spacing: -0.01em;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size: 21px}.hrfPathDelta{max-width: 34ch;color: #6f9490;font-size: 15px;margin-top: 4px}.hrfScopeBrim{flex-direction: column;gap: 8px;display: flex}.hrfRosePeak{font-size: 12px;color: #6f9490;margin-bottom: 2px;text-transform: uppercase;letter-spacing: 0.1em;font-weight: 600}.hrfScopeBrim a{font-size: 15px;color: #6f9490}.hrfScopeBrim a:hover{color: #e0f0ef}.hrfRimFable{z-index: 1;padding: 6px 20px;font-size: 13px;max-width: 1160px;margin: 0 auto;position: relative;color: #6f9490}

@media (max-width: 860px) {.hrfOnyxStone, .hrfFlagHold, .hrfEchoWick, .hrfWallWing{grid-template-columns: 1fr}.hrfRootFlint{grid-column: auto}.hrfArcTrack{grid-template-columns: 1fr 1fr}
}