*{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}a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible{outline-offset: 3px;outline: 2px solid #2fd8c6}.hrfStonePine{left: -9999px;z-index: 100;background: #e0f0ef;padding: 10px 18px;font-weight: 600;font-size: 15px;position: absolute;top: 0;color: #071417}.hrfStonePine:focus{left: 0}/* Nav */ .hrfBrimPlate{position: sticky;border-bottom: 1px solid #e0f0ef12;backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px);z-index: 50;top: 0;background: #071417c2}.hrfPineArc{display: flex;padding: 14px 20px;margin: 0 auto;gap: 16px;max-width: 1160px;align-items: center}.hrfMoldRung{min-width: 0;align-items: center;display: inline-flex}.hrfMoldRung > *{max-width: 100%;display: block}.hrfFrontJetty{margin-left: auto;display: flex;gap: 22px}.hrfFrontJetty a{font-size: 16px;font-weight: 500;color: #6f9490}.hrfFrontJetty a:hover{color: #e0f0ef}.hrfShadeFlag{padding: 9px 18px;margin-left: 18px;background: #2fd8c6;font-size: 15px;color: #071417;border-radius: 999px;font-weight: 600}.hrfShadeFlag:hover{opacity: 0.9;transform: translateY(-1px)}/* Hero */ .hrfReachPlane{overflow: hidden;position: relative;padding: 96px 20px 64px;text-align: center}.hrfQuayPane{top: -10%;z-index: 0;background-position: 30% 40%, 70% 45%;pointer-events: none;background-image: radial-gradient(closest-side, #2fd8c688, transparent 70%),
              radial-gradient(closest-side, #2b8fd688, transparent 70%);position: absolute;left: 50%;opacity: 0.75;height: 760px;background-repeat: no-repeat;background-size: 70% 90%, 70% 90%;width: 1000px;transform: translateX(-50%);filter: blur(30px)}.hrfChipLoft{z-index: 1;margin: 0 auto;max-width: 880px;position: relative}.hrfPlateWedge{border-radius: 999px;margin-bottom: 20px;color: #6f9490;letter-spacing: 0.1em;padding: 6px 14px;font-weight: 600;text-transform: uppercase;border: 1px solid #e0f0ef1f;font-size: 12px;background: #07141799;display: inline-block}.hrfBookFront{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;letter-spacing: -0.02em;line-height: 1.05;font-weight: 700;font-size: clamp(37px, 6.5vw, 68px)}.hrfYardGild{line-height: 1.55;max-width: 62ch;margin: 22px auto 0;font-size: clamp(18px, 2vw, 21px);color: #6f9490}.hrfBoardLoop{justify-content: center;display: flex;margin-top: 32px;flex-wrap: wrap;gap: 16px}.hrfRootJetty{display: inline-flex;border-radius: 999px;font-size: 17px;font-weight: 600;gap: 6px;padding: 13px 26px;align-items: center}.hrfFlagLens{color: #071417;background: #2fd8c6}.hrfFlagLens:hover{transform: translateY(-2px);opacity: 0.9}.hrfRangeBolt{border: 1px solid #e0f0ef26;color: #e0f0ef;background: #e0f0ef05}.hrfRangeBolt:hover{border-color: #e0f0ef55}/* Stats */ .hrfHavenSail{max-width: 1160px;gap: 48px;padding: 20px 20px 48px;justify-content: center;display: flex;flex-wrap: wrap;margin: 0 auto}.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: 1px solid #e0f0ef12;background: #e0f0ef05;border-radius: 20px;padding: 24px}.hrfDockStone:hover{box-shadow: 0 22px 50px -30px #e0f0ef66;transform: translateY(-4px);border-color: #e0f0ef22}.hrfRootFlint{grid-column: span 2}.hrfPierMesa{width: 44px;font-size: 20px;color: #e0f0ef;display: inline-flex;height: 44px;background: linear-gradient(135deg, #2fd8c6, #2b8fd6);border-radius: 12px;align-items: center;margin-bottom: 16px;justify-content: center}.hrfNotchStem{margin-bottom: 6px;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;letter-spacing: -0.01em;font-size: 21px}.hrfSpineHull{font-size: 16px;color: #6f9490}/* Steps */ .hrfFlagHold{display: grid;gap: 24px;grid-template-columns: repeat(3, 1fr)}.hrfAmberVerge{padding-top: 16px;border-top: 2px solid #e0f0ef18}.hrfWickRim{font-weight: 700;font-size: 25px;color: #e0f0ef;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;opacity: 0.35}.hrfSparPlot{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size: 20px;margin: 8px 0 6px;font-weight: 700}.hrfVistaAtlas{font-size: 16px;color: #6f9490}/* Testimonials */ .hrfWallWing{display: grid;gap: 20px;grid-template-columns: repeat(3, 1fr)}.hrfTrackPond{border: 1px solid #e0f0ef12;display: flex;flex-direction: column;padding: 22px;gap: 16px;background: #e0f0ef05;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{font-size: 19px;gap: 16px;display: flex;cursor: pointer;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;justify-content: space-between;font-weight: 650;align-items: center;list-style: none;padding: 18px 0}.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{color: #6f9490;padding: 0 0 18px;max-width: 68ch}/* Insights + post cards */ .hrfEchoWick{grid-template-columns: repeat(3, 1fr);gap: 20px;display: grid}.hrfJettyPine{flex-direction: column;gap: 10px;display: flex;border: 1px solid #e0f0ef12;background: #e0f0ef05;padding: 20px;border-radius: 16px}.hrfJettyPine:hover{transform: translateY(-3px);border-color: #e0f0ef22}.hrfFableYard{overflow: hidden;display: block;border-radius: 12px;max-height: 200px;aspect-ratio: 16 / 10}.hrfFableYard img{width: 100%;object-fit: cover;height: 100%}.hrfSparStrand{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;letter-spacing: -0.01em;font-weight: 650;font-size: 20px;line-height: 1.25}.hrfPatchWard{font-size: 15px;flex-grow: 1;color: #6f9490}.hrfSwaySlab{color: #6f9490;font-size: 13px}.hrfKernPlot{font-size: 12px;letter-spacing: 0.08em;font-weight: 600;border-radius: 6px;align-self: flex-start;border: 1px solid #e0f0ef18;color: #e0f0ef;padding: 3px 9px;text-transform: uppercase;background: #e0f0ef0d}.hrfEchoVerge{margin-top: 32px;text-align: center}/* Archive */ .hrfCoastPeak{max-width: 900px;padding: 64px 20px 32px;margin: 0 auto}.hrfKernForge{font-size: 16px;color: #6f9490;margin-top: 10px}.hrfQuayBloc{margin-top: 18px;justify-content: center;flex-wrap: wrap;display: flex;gap: 8px}.hrfRailShard{color: #6f9490;background: #e0f0ef05;border: 1px solid #e0f0ef1f;letter-spacing: 0.04em;font-size: 13px;font-weight: 600;padding: 4px 12px;border-radius: 999px}.hrfPathTrim{font-weight: 700;font-size: 23px;padding-bottom: 8px;border-bottom: 1px solid #e0f0ef18;letter-spacing: -0.01em;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;margin: 32px 0 6px}.hrfTideShard{padding: 14px 0;display: flex;gap: 20px;justify-content: space-between;border-bottom: 1px solid #e0f0ef0d;align-items: flex-start}.hrfTideShard:hover{border-color: #e0f0ef33}.hrfTideShard:hover .hrfCoilProw{text-underline-offset: 3px;text-decoration-line: underline;text-decoration-color: #e0f0ef55}.hrfDriftStack{min-width: 0}.hrfCoilProw{line-height: 1.3;font-size: 18px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-weight: 650;letter-spacing: -0.01em}.hrfTrimPatch{color: #6f9490;max-width: 62ch;font-size: 15px;margin-top: 3px}.hrfPrismPitch{align-items: center;gap: 10px;display: flex;flex-shrink: 0}.hrfPrismPitch .hrfKernPlot{align-self: center}.hrfPrismPitch time{font-size: 14px;color: #6f9490;white-space: nowrap}/* CTA band */ .hrfArcScope{overflow: hidden;border-radius: 28px;background: #e0f0ef05;position: relative;margin: 48px auto 80px;text-align: center;max-width: 1160px;padding: 64px 20px;border: 1px solid #e0f0ef12}.hrfKnollPatch{position: absolute;background-image: radial-gradient(closest-side, #2fd8c6, transparent 70%), radial-gradient(closest-side, #2b8fd6, transparent 70%);filter: blur(30px);height: 600px;left: 50%;background-repeat: no-repeat;opacity: 0.6;background-position: 35% 50%, 65% 50%;pointer-events: none;background-size: 60% 100%, 60% 100%;bottom: -50%;width: 900px;transform: translateX(-50%)}.hrfHillSlope{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;position: relative;letter-spacing: -0.02em;font-size: clamp(25px, 4.5vw, 39px);font-weight: 700}.hrfLaneShard{color: #6f9490;position: relative;margin: 12px auto 0;max-width: 52ch}.hrfArcScope .hrfRootJetty{margin-top: 22px;position: relative}/* Article */ .hrfFlankReach{margin-bottom: 32px}.hrfFlankReach img{max-height: 280px;object-fit: cover;border-radius: 14px;width: 100%}.hrfVaultBoard{margin: 0 auto;padding: 48px 20px 0;max-width: 700px}.hrfHelmPier{margin-bottom: 32px}.hrfIrisFlank{font-weight: 700;margin: 12px 0 0;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;line-height: 1.12;font-size: clamp(27px, 4.5vw, 39px);letter-spacing: -0.02em}.hrfCloakIris{margin-top: 16px;line-height: 1.5;color: #6f9490;font-size: 20px}.hrfHedgeTarn{font-size: 15px;padding: 11px 0;border-bottom: 1px solid #e0f0ef1f;margin-top: 22px;border-top: 1px solid #e0f0ef1f;color: #6f9490}.hrfStoneFrame{color: #e0f0ef;font-weight: 600}.hrfCapePrism{line-height: 1.75;font-size: 19px}.hrfCapePrism h2{line-height: 1.2;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;margin: 40px 0 8px;letter-spacing: -0.01em;scroll-margin-top: 80px;font-size: 26px}.hrfCapePrism h3{scroll-margin-top: 80px;font-weight: 650;font-size: 21px;margin: 24px 0 8px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;line-height: 1.3}.hrfCapePrism h4{font-weight: 700;margin: 20px 0 4px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size: 18px}.hrfCapePrism p{margin: 18px 0}.hrfCapePrism a{text-decoration-line: underline;color: #e0f0ef;text-underline-offset: 3px;text-decoration-color: #e0f0ef55}.hrfCapePrism a:hover{text-decoration-color: #e0f0ef}.hrfCapePrism ul, .hrfCapePrism ol{margin: 18px 0 18px 24px}.hrfCapePrism li{margin: 5px 0}.hrfCapePrism li::marker{color: #6f9490}.hrfCapePrism blockquote{padding: 2px 0 2px 18px;border-left: 3px solid #2fd8c6;color: #6f9490;margin: 22px 0}.hrfCapePrism blockquote p{margin: 6px 0}.hrfCapePrism table{font-size: 16px;width: 100%;margin: 22px 0;overflow-x: auto;line-height: 1.5;border-collapse: collapse;display: block}.hrfCapePrism th, .hrfCapePrism td{text-align: left;padding: 10px 12px;border-bottom: 1px solid #e0f0ef18}.hrfCapePrism th{border-bottom: 2px solid #e0f0ef33;font-weight: 650}.hrfCapePrism tbody tr:nth-child(even){background: #e0f0ef05}.hrfCapePrism code{padding: 2px 6px;border-radius: 5px;background: #e0f0ef0d;font-size: 14px;font-family: 'SF Mono', Consolas, monospace}.hrfCapePrism pre{background: #e0f0ef08;line-height: 1.6;padding: 16px;border-radius: 10px;margin: 22px 0;overflow-x: auto;border: 1px solid #e0f0ef12}.hrfCapePrism pre code{background: none;border-radius: 0;font-size: 15px;padding: 0}.hrfCapePrism hr{height: 1px;margin: 32px 0;background: #e0f0ef1f;border: 0}.hrfCapePrism img{border-radius: 12px}.hrfCliffPath{display: flex;margin: 22px 0;flex-wrap: wrap;gap: 8px}.hrfCliffPath span{font-size: 13px;border-radius: 999px;border: 1px solid #e0f0ef22;padding: 3px 12px;color: #6f9490}.hrfBraceHarbor{border: 1px solid #e0f0ef12;border-radius: 16px;margin: 40px 0 0;background: #e0f0ef05;padding: 22px}.hrfStrandVale{font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: #6f9490;font-size: 12px}.hrfWharfSail{font-size: 19px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-weight: 700;margin: 6px 0 4px}.hrfEmberCloak{color: #6f9490;font-size: 16px;line-height: 1.6}.hrfCoveDash{margin: 48px auto 0;max-width: 1160px;padding: 0 20px}/* Footer */ .hrfWellDome{overflow: hidden;position: relative;border-top: 1px solid #e0f0ef12;margin-top: 64px}.hrfBaseStrand{justify-content: space-between;display: flex;max-width: 1160px;position: relative;padding: 24px 20px;border-top: 1px solid #e0f0ef1f;border-bottom: 1px solid #e0f0ef1f;margin: 32px auto;z-index: 1;gap: 20px;align-items: center;flex-wrap: wrap}.hrfRisePeak{letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 7px;font-weight: 600;font-size: 12px;color: #6f9490}.hrfKnollDeck{font-size: 22px;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;letter-spacing: -0.01em}.hrfYardYard{font-size: 16px;margin-top: 5px;max-width: 52ch;color: #6f9490}.hrfCrestRung{margin-top: 9px;font-size: 13px;color: #6f9490}.hrfVergeTrail{display: none}.hrfShelfWing{flex-wrap: wrap;gap: 10px;display: flex}.hrfSpoolWade{font-size: 16px;padding: 12px 20px;min-width: 240px;background: #e0f0ef05;border: 1px solid #e0f0ef26;border-radius: 999px;font-family: inherit;color: #e0f0ef}.hrfSpoolWade::placeholder{color: #6f9490}.hrfSpoolWade:focus{border-color: #e0f0ef55;outline: none}.hrfShelfWing .hrfRootJetty{font-family: inherit;border: 0;cursor: pointer}.hrfArcTrack{margin: 0 auto;z-index: 1;grid-template-columns: 2fr 1fr 1fr 1fr;padding: 32px 20px 20px;max-width: 1160px;gap: 20px;position: relative;display: grid}.hrfMesaBody{min-width: 0}.hrfPeakSlate{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size: 21px;font-weight: 700;letter-spacing: -0.01em}.hrfPathDelta{font-size: 15px;margin-top: 4px;max-width: 34ch;color: #6f9490}.hrfScopeBrim{display: flex;gap: 8px;flex-direction: column}.hrfRosePeak{letter-spacing: 0.1em;margin-bottom: 2px;font-size: 12px;color: #6f9490;text-transform: uppercase;font-weight: 600}.hrfScopeBrim a{font-size: 15px;color: #6f9490}.hrfScopeBrim a:hover{color: #e0f0ef}.hrfRimFable{max-width: 1160px;font-size: 13px;position: relative;margin: 0 auto;z-index: 1;color: #6f9490;padding: 6px 20px}

/* Motion (gated) */
@media (prefers-reduced-motion: no-preference) {.hrfFrontJetty a{transition: color 0.15s ease}.hrfShadeFlag{transition: transform 0.15s ease, opacity 0.15s ease}.hrfRootJetty{transition: transform 0.15s ease, opacity 0.15s ease, border-color 0.15s ease}.hrfDockStone{transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease}.hrfJettyPine{transition: transform 0.18s ease, border-color 0.18s ease}.hrfTideShard{transition: border-color 0.15s ease}.hrfSpoolWade{transition: border-color 0.15s ease}.hrfScopeBrim a{transition: color 0.15s ease}.hrfCapePrism a{transition: text-decoration-color 0.15s ease}
}

@media (max-width: 860px) {.hrfOnyxStone, .hrfFlagHold, .hrfEchoWick, .hrfWallWing{grid-template-columns: 1fr}.hrfRootFlint{grid-column: auto}.hrfArcTrack{grid-template-columns: 1fr 1fr}.hrfTideShard{flex-direction: column;gap: 8px}.hrfVaultBoard{padding-top: 32px}
}

@media (max-width: 640px) {.hrfPineArc{gap: 10px;padding: 12px 16px}.hrfMoldRung{flex-shrink: 1}.hrfMoldRung > *{height: 26px;max-width: 140px;width: auto}.hrfFrontJetty{display: none}.hrfShadeFlag{text-align: center;flex-shrink: 1;padding: 8px 12px;max-width: 52%;line-height: 1.2;margin-left: auto;font-size: 13px}.hrfReachPlane{padding: 56px 16px 40px}.hrfQuayPane{height: 520px;width: 720px}.hrfPlateWedge{max-width: 34ch;margin-bottom: 18px;padding: 0;border: 0;line-height: 1.45;border-radius: 0;background: transparent}.hrfBookFront{font-size: clamp(30px, 9.5vw, 38px)}.hrfYardGild{font-size: 17px}.hrfBoardLoop{align-items: stretch;margin-top: 28px;flex-direction: column}.hrfBoardLoop .hrfRootJetty{width: 100%;justify-content: center}.hrfHavenSail{gap: 28px;flex-direction: column;padding: 12px 18px 42px}.hrfCloakJetty{margin: 0 auto;max-width: 30ch}.hrfTrimFold, .hrfChipCove, .hrfWedgeLane, .hrfDeltaCove, .hrfShardFront{padding: 52px 18px}.hrfOakFold{margin-bottom: 28px}.hrfDockStone, .hrfJettyPine, .hrfTrackPond{padding: 22px}.hrfFlagHold{gap: 28px}.hrfArcScope{padding: 48px 18px;margin: 32px 16px 52px;border-radius: 22px}.hrfVaultBoard{padding: 32px 18px 0}.hrfIrisFlank{font-size: clamp(30px, 9vw, 36px)}.hrfCoveDash{padding: 0 18px}.hrfBraceHarbor{padding: 18px}.hrfBaseStrand{margin: 28px auto;align-items: stretch;padding: 22px 18px}.hrfShelfWing{width: 100%;flex-direction: column}.hrfSpoolWade{width: 100%;min-width: 0}.hrfShelfWing .hrfRootJetty{justify-content: center;width: 100%}.hrfArcTrack{grid-template-columns: 1fr;padding: 36px 18px 22px}.hrfRimFable{padding-left: 18px;padding-right: 18px}
}