{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\n function HomePage() {\n  return (\n    _react2.default.createElement('div', { className: \"ha-kodbe split\" ,}\n      , _react2.default.createElement('style', null, \"\\n.ha-kodbe{--paper:var(--cpuom9j-runtime-bg,#edf1eb);--ink:var(--cpuom9j-runtime-text,#21382e);--accent:var(--cpuom9j-runtime-accent-soft,#cae0b4);color:var(--ink);background:var(--paper);font-family:var(--cpuom9j-font-body,Arial,sans-serif);overflow:hidden;isolation:isolate;line-height:1.6}\\n.ha-kodbe *{box-sizing:border-box} .ha-kodbe a{color:inherit;text-decoration:none} .ha-kodbe a:focus-visible{outline:3px solid currentColor;outline-offset:7px} .ha-kodbe h1,.ha-kodbe h2,.ha-kodbe h3,.ha-kodbe p,.ha-kodbe figure{margin:0} .ha-kodbe .wrap{width:min(1240px,100% - 88px);margin:auto}\\n.ha-kodbe .hero{background:var(--cpuom9j-runtime-action-bg,#21382e);color:var(--cpuom9j-runtime-action-fg,#edf1eb);padding:26px 0 70px;position:relative} .ha-kodbe .brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:50px;border-bottom:1px solid #ffffff29} .ha-kodbe .brand-name{font-family:var(--cpuom9j-font-heading,Georgia,serif);font-size:24px;letter-spacing:-.7px} .ha-kodbe .brand small{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.8}\\n.ha-kodbe .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding-top:60px} .ha-kodbe .eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.6;text-transform:uppercase;margin-bottom:22px} .ha-kodbe h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(45px,5.7vw,80px);letter-spacing:-3px;line-height:1.04;text-wrap:balance;white-space:pre-line} .ha-kodbe .lead{max-width:530px;font-size:17px;line-height:1.8;margin-top:26px;opacity:.85} .ha-kodbe .actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:33px} .ha-kodbe .button{padding:13px 21px;background:#f7f5ec;color:#25392d;border-radius:3px;font-size:13px;font-weight:bold;display:inline-flex;gap:20px;align-items:center;line-height:1.5} .ha-kodbe .textlink{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}\\n.ha-kodbe .art{position:relative;color:inherit;background:linear-gradient(145deg,#ffffff0c,#ffffff02);border:1px solid #ffffff17;min-width:0;border-radius:4px;transform:rotate(-1.5deg)} .ha-kodbe .art svg{width:100%;height:auto;display:block} .ha-kodbe figcaption{padding:0 24px 22px;font-size:11px;opacity:.7;line-height:1.5;max-width:420px} .ha-kodbe .art-title{font-family:var(--cpuom9j-font-heading,Georgia,serif);font-size:19px;padding:23px 24px 0;opacity:.95}\\n.ha-kodbe .guides{padding:96px 0 86px;color:var(--cpuom9j-runtime-text,#21382e);background:var(--cpuom9j-runtime-bg,#edf1eb)} .ha-kodbe .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:43px} .ha-kodbe h2{font-family:var(--cpuom9j-font-heading,Georgia,serif);font-weight:400;font-size:clamp(33px,4.1vw,56px);letter-spacing:-1.6px;line-height:1.13;max-width:620px;text-wrap:balance} .ha-kodbe .section-no{font-family:monospace;font-size:12px;letter-spacing:1px;opacity:.8;padding-top:7px}\\n.ha-kodbe .paths{display:grid;grid-template-columns:1fr 1fr;column-gap:66px} .ha-kodbe .path{display:grid;grid-template-columns:34px 1fr 25px;gap:14px;border-top:1px solid currentColor;padding:27px 0 34px;align-items:start} .ha-kodbe .path-no{font-family:monospace;font-size:11px;opacity:.8;margin-top:7px} .ha-kodbe h3{font-family:var(--cpuom9j-font-heading,Georgia,serif);font-size:25px;font-weight:400;line-height:1.3;margin-bottom:11px} .ha-kodbe .path p{font-size:14px;line-height:1.7;opacity:.78;max-width:440px} .ha-kodbe .path-arrow{font-size:22px;transition:transform .2s} .ha-kodbe .path:hover .path-arrow{transform:translate(3px,-3px)} .ha-kodbe .path:hover h3{text-decoration:underline;text-underline-offset:5px}\\n.ha-kodbe .feature{background:var(--cpuom9j-runtime-accent-soft,#cae0b4);color:var(--cpuom9j-runtime-text,#283d30);padding:82px 0} .ha-kodbe .feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:center} .ha-kodbe .feature p{font-size:16px;margin-bottom:27px;line-height:1.9;max-width:480px} .ha-kodbe .footer{padding:36px 0 42px;background:var(--cpuom9j-runtime-bg,#edf1eb);color:var(--cpuom9j-runtime-text,#21382e)} .ha-kodbe .footer .wrap{display:flex;justify-content:space-between;gap:45px;align-items:flex-start} .ha-kodbe .footer p{max-width:740px;font-size:12px;opacity:.76;line-height:1.75} .ha-kodbe .footer a{font-size:12px;white-space:nowrap;border-bottom:1px solid currentColor}\\n.ha-kodbe.technical .eyebrow,.ha-kodbe.technical .brand small{font-family:monospace} .ha-kodbe.technical .art{transform:none;border-radius:0} .ha-kodbe.technical h1{font-size:clamp(44px,5.1vw,73px)} .ha-kodbe.studio .hero-grid{grid-template-columns:1fr 1.1fr} .ha-kodbe.studio .art{transform:rotate(2deg);margin-top:32px} .ha-kodbe.studio .paths{column-gap:110px} .ha-kodbe.poster .hero-grid{display:block;text-align:center;padding-top:48px} .ha-kodbe.poster h1{font-size:clamp(53px,7.2vw,99px)} .ha-kodbe.poster .lead{margin:25px auto 0;max-width:640px} .ha-kodbe.poster .actions{justify-content:center} .ha-kodbe.poster .art{width:680px;max-width:100%;margin:52px auto 0;transform:none} .ha-kodbe.poster .art svg{max-height:440px} .ha-kodbe.poster figcaption{margin:auto;max-width:540px} .ha-kodbe.magazine .hero-grid{grid-template-columns:1.1fr 1fr;align-items:end} .ha-kodbe.magazine .art{border:none;transform:none;background:#ffffff08} .ha-kodbe.editorial .paths{display:block} .ha-kodbe.editorial .path{grid-template-columns:45px 1fr 30px} .ha-kodbe.editorial .path > div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:70px} .ha-kodbe.editorial .path h3{margin:0} .ha-kodbe.split .feature-grid{grid-template-columns:1fr 1.1fr}\\n@media(max-width:800px){.ha-kodbe .wrap{width:calc(100% - 40px)} .ha-kodbe .brand{padding-bottom:25px} .ha-kodbe .brand small{display:none} .ha-kodbe .hero{padding:24px 0 45px} .ha-kodbe .hero-grid,.ha-kodbe.studio .hero-grid,.ha-kodbe.magazine .hero-grid{grid-template-columns:1fr;gap:35px;padding-top:39px} .ha-kodbe h1{letter-spacing:-1.8px;font-size:54px} .ha-kodbe.technical h1{font-size:48px} .ha-kodbe.poster h1{font-size:59px} .ha-kodbe .lead{font-size:16px;max-width:590px} .ha-kodbe .art{max-width:580px;width:100%;margin:auto;transform:none} .ha-kodbe.studio .art{transform:none;margin-top:0} .ha-kodbe .guides{padding:60px 0} .ha-kodbe .paths{grid-template-columns:1fr} .ha-kodbe.editorial .path > div:nth-child(2){display:block} .ha-kodbe.editorial .path h3{margin-bottom:11px} .ha-kodbe .feature{padding:57px 0} .ha-kodbe .feature-grid,.ha-kodbe.split .feature-grid{grid-template-columns:1fr;gap:27px} .ha-kodbe .footer .wrap{display:block} .ha-kodbe .footer a{display:inline-block;margin-top:18px} .ha-kodbe .section-heading{margin-bottom:30px} }\\n@media(max-width:400px){.ha-kodbe h1,.ha-kodbe.poster h1{font-size:46px} .ha-kodbe.technical h1{font-size:43px} .ha-kodbe .actions{gap:17px} .ha-kodbe .button{font-size:12px;padding:12px 17px}}\\n@media(prefers-reduced-motion:reduce){.ha-kodbe .path-arrow{transition:none}}\\n\")\n      , _react2.default.createElement('section', { className: \"hero\", 'aria-labelledby': \"ha-kodbe-title\",}, _react2.default.createElement('div', { className: \"wrap\",}\n\n        , _react2.default.createElement('div', { className: \"hero-grid\",}, _react2.default.createElement('div', null, _react2.default.createElement('p', { className: \"eyebrow\",}, \"THE DAY AFTER “IT WORKS”\"), _react2.default.createElement('h1', { id: \"ha-kodbe-title\",}, \"You built it.\\nNow understand it.\"), _react2.default.createElement('p', { className: \"lead\",}, \"A plain-English companion for people who shipped with AI or no-code tools. Learn how your app fits together, investigate what breaks, and take ownership of what comes next.\"), _react2.default.createElement('div', { className: \"actions\",}, _react2.default.createElement('a', { className: \"button\", href: \"/start-here\",}, \"Find your next step\", _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \" ↗\" )), _react2.default.createElement('a', { className: \"textlink\", href: \"/understand\",}, \"Understand the app\", _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \" ↗\" ))))\n        , _react2.default.createElement('figure', { className: \"art\",}, _react2.default.createElement('p', { className: \"art-title\",}, \"The app behind the screen\"), _react2.default.createElement('svg', { viewBox: \"0 0 540 490\"   , role: \"img\", 'aria-label': \"The app behind the screen\"    , xmlns: \"http://www.w3.org/2000/svg\",}, _react2.default.createElement('g', null, _react2.default.createElement('path', { d: \"M58 130L263 33L476 139L276 249Z\"    , fill: \"#9eafa2\",}), _react2.default.createElement('path', { d: \"M58 130V188L276 307V249Z\"  , fill: \"#5b7664\",}), _react2.default.createElement('path', { d: \"M276 249L476 139V197L276 307Z\"   , fill: \"#bdc9ad\",}), _react2.default.createElement('path', { d: \"M58 228L263 132L476 238L276 348Z\"    , fill: \"#d4c3a1\", opacity: \".8\",}), _react2.default.createElement('path', { d: \"M58 326L263 230L476 336L276 446Z\"    , fill: \"#b9c7ad\", opacity: \".85\",}), _react2.default.createElement('text', { x: \"184\", y: \"140\", fontSize: \"17\", fill: \"#24332d\", fontFamily: \"monospace\",}, \"UNDERSTAND\"), _react2.default.createElement('text', { x: \"193\", y: \"238\", fontSize: \"17\", fill: \"#24332d\", fontFamily: \"monospace\",}, \"MAINTAIN\"), _react2.default.createElement('text', { x: \"212\", y: \"339\", fontSize: \"23\", fill: \"#24332d\", fontFamily: \"monospace\",}, \"OWN\"))), _react2.default.createElement('figcaption', null, \"Illustration · the app behind the screen\")))\n      ))\n      , _react2.default.createElement('section', { className: \"guides\", 'aria-labelledby': \"ha-kodbe-guides\",}, _react2.default.createElement('div', { className: \"wrap\",}, _react2.default.createElement('div', { className: \"section-heading\",}, _react2.default.createElement('h2', { id: \"ha-kodbe-guides\",}, \"Own the next part of the work.\"), _react2.default.createElement('span', { className: \"section-no\",}, \"01 / EXPLORE\"  )), _react2.default.createElement('nav', { className: \"paths\", 'aria-label': \"Explore the reference\"  ,}, _react2.default.createElement('a', { className: \"path\", href: \"/understand\",}, _react2.default.createElement('span', { className: \"path-no\",}, \"01\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"Understand\"), _react2.default.createElement('p', null, \"Build a map of the pieces before asking for another change.\")), _react2.default.createElement('span', { className: \"path-arrow\", 'aria-hidden': \"true\",}, \"↗\")), _react2.default.createElement('a', { className: \"path\", href: \"/debug\",}, _react2.default.createElement('span', { className: \"path-no\",}, \"02\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"Debug\"), _react2.default.createElement('p', null, \"Work from the observed error and a reproducible problem.\")), _react2.default.createElement('span', { className: \"path-arrow\", 'aria-hidden': \"true\",}, \"↗\")), _react2.default.createElement('a', { className: \"path\", href: \"/secure\",}, _react2.default.createElement('span', { className: \"path-no\",}, \"03\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"Secure\"), _react2.default.createElement('p', null, \"Learn the trust boundaries and questions that need verification.\")), _react2.default.createElement('span', { className: \"path-arrow\", 'aria-hidden': \"true\",}, \"↗\")), _react2.default.createElement('a', { className: \"path\", href: \"/maintain\",}, _react2.default.createElement('span', { className: \"path-no\",}, \"04\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"Maintain\"), _react2.default.createElement('p', null, \"Treat backups, dependencies, and operations as part of ownership.\")), _react2.default.createElement('span', { className: \"path-arrow\", 'aria-hidden': \"true\",}, \"↗\")))))\n      , _react2.default.createElement('section', { className: \"feature\", 'aria-labelledby': \"ha-kodbe-feature\",}, _react2.default.createElement('div', { className: \"wrap feature-grid\" ,}, _react2.default.createElement('div', null, _react2.default.createElement('p', { className: \"eyebrow\",}, \"02 / A USEFUL PRINCIPLE\"    ), _react2.default.createElement('h2', { id: \"ha-kodbe-feature\",}, \"Ownership includes a way out.\")), _react2.default.createElement('div', null, _react2.default.createElement('p', null, \"Know what can be exported, what is tied to a platform, and which accounts and data you control.\"), _react2.default.createElement('a', { className: \"textlink\", href: \"/own\",}, \"Read the ownership guide\", _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \" ↗\" )))))\n      , _react2.default.createElement('aside', { className: \"footer\",}, _react2.default.createElement('div', { className: \"wrap\",}, _react2.default.createElement('p', null, \"Kodbe is an independent publication for software owners, not affiliated with Kodbe Inc, Kodobe, Kodable, or Kodu. Guidance is not evidence that an application is secure or production-ready.\"), _react2.default.createElement('a', { className: \"textlink\", href: \"/editorial-policy\",}, \"Editorial policy\", _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \" ↗\" ))))\n    )\n  );\n} exports.default = HomePage;"}