/* Development review route. No shared navigation destinations are changed. */
.page-development-landing div#logo{margin:0;padding:0}
.page-development-landing div#logo a{text-indent:-9000px;display:block;position:absolute;background:transparent url('/__live/img/oddity-logo-2026.png') left center/contain no-repeat;width:370px;height:136px;left:0;top:0;z-index:1}
.page-development-landing div#logo a:focus-visible{outline:2px solid #ffba85;outline-offset:3px}
body.page-development-landing{background:#f7faf8;color:#233f39}
body.page-development-landing main#main-content.wrapper{display:block;width:auto;max-width:none;margin:0;padding:0 24px;background:#f7faf8}
.page-development-landing .dev-hub{max-width:1320px;margin:auto;font:16px/1.65 Arial,Helvetica,sans-serif;color:#38524c}
.dev-hub *{box-sizing:border-box}
#main-content .dev-hub h1,#main-content .dev-hub h2,#main-content .dev-hub h3{padding:0;margin:0 0 18px;font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.035em;text-transform:none!important;line-height:1.15;color:#123d32}
#main-content .dev-hub h2{font-size:38px}#main-content .dev-hub h3{font-size:23px}
.dev-hub p{padding:0;margin:0 0 18px;font-size:16px;line-height:1.7;text-align:left!important;word-spacing:normal!important}
.dev-hub a{color:#08624c;text-decoration:none}.dev-hub a:hover{text-decoration:underline;text-underline-offset:4px}
.dev-hub a:focus-visible,.dev-hub summary:focus-visible{outline:3px solid #b95016;outline-offset:5px}
.dev-hub .dev-kicker{font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#21664f;margin:0 0 17px}
.dev-breadcrumb{display:flex;gap:12px;padding:22px 0;font-size:12px;color:#52665f}.dev-breadcrumb a{color:#38584d}
.dev-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:0;padding:58px 0 45px 48px;border:1px solid #bdd9ca;border-radius:24px;background:radial-gradient(ellipse at 82% 52%,#d1eadb,transparent 65%),#edf6ee;overflow:hidden}
#main-content .dev-hero h1{font-size:clamp(40px,3.8vw,55px);line-height:1.07;letter-spacing:-.045em;margin-bottom:24px}.dev-hero h1 em{font-style:normal;color:#177353}
.dev-hero .dev-lead{font-size:21px;line-height:1.5;font-weight:600;color:#254d3e}.dev-hero-copy>p{max-width:510px}
.dev-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;margin:26px 0 16px}
.dev-hub .dev-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:49px;padding:13px 22px;border-radius:8px;background:#175c42;color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 16px #175c4220;text-decoration:none}.dev-hub .dev-button:hover{background:#104732;color:#fff}.dev-button span{font-size:20px}
.dev-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:700}.dev-hub .dev-note{font-size:12px;line-height:1.6;color:#496153;margin:10px 0 0}
.dev-hero-art{margin:0;min-width:0}.dev-hero-art picture{display:block}.dev-hero-art img{display:block;width:100%;height:auto;border:0;max-width:none}.dev-hero-art figcaption{text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#416453;padding:12px 20px}
.dev-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:38px 20px;border-bottom:1px solid #d3e1d8}.dev-outcomes>div{position:relative;padding-left:38px}.dev-outcomes span{position:absolute;left:0;top:0;color:#49745c;font-size:12px;font-weight:700}#main-content .dev-outcomes h2{font-size:20px;margin:0 0 9px}.dev-outcomes p{font-size:14px;margin:0}
.dev-section{padding:62px 0}.dev-section-head{max-width:760px;margin-bottom:32px}.dev-section-head>p:last-child{margin-bottom:0}
.dev-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dev-service{display:flex;flex-direction:column;padding:32px 28px;border:1px solid #cbded1;border-radius:16px;background:#fff;text-decoration:none!important;color:#38524c!important;box-shadow:0 8px 22px #183e2c05}.dev-service:hover{background:#eef6ef;border-color:#78a589}.dev-service-number{font-size:23px;color:#4c785f;font-family:Consolas,monospace;margin-bottom:34px}.dev-service .dev-kicker{font-size:10px}.dev-service>p:not(.dev-kicker){font-size:15px;font-weight:400;flex:1}.dev-service-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d4e4d9;padding-top:21px;font-size:13px;font-weight:700;color:#126045}
.dev-ai{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:48px;background:#102f29;border-radius:24px;color:#d4e7de}.dev-ai .dev-kicker{color:#98dcbc}#main-content .dev-ai h2{color:#f5fff8}.dev-ai .dev-text-link{color:#afe9c8}.dev-ai a:focus-visible{outline-color:#ffbf88}.dev-workflow{padding:27px;border:1px solid #54786a;border-radius:15px;background:#193d33}.dev-workflow ol{list-style:none;margin:20px 0;padding:0}.dev-workflow li{display:flex;align-items:flex-start;gap:17px;padding:17px 0;border-bottom:1px solid #426254}.dev-workflow li:last-child{border:0}.dev-workflow li>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#a8e2bb;color:#163f2d;font-weight:700}#main-content .dev-workflow h3{font-size:19px;color:#f2fff7;margin-bottom:7px}.dev-workflow p{font-size:14px;margin:0}.dev-workflow .dev-kicker{font-size:10px}.dev-workflow .dev-workflow-note{font-size:12px;border-top:1px solid #54786a;padding-top:18px;color:#c3dcd0}
.dev-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.dev-project-grid article{padding:26px 0;border-top:1px solid #c6d8cc}.dev-project-grid h3{max-width:290px}.dev-project-grid p{font-size:15px;margin:0}
.dev-delivery{padding:44px 38px;background:#eaf2ed;border:1px solid #d1e0d6;border-radius:20px}.dev-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}.dev-steps li{list-style:none;margin:0;padding:0}.dev-steps span{display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:10px;background:#225e46;color:#e0ffe9;font-size:13px;margin:0 0 22px}#main-content .dev-steps h3{font-size:21px}.dev-steps p{font-size:14px;margin:0}
.dev-evolve{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.dev-evolve aside{padding:34px;border-left:3px solid #558b65;background:#edf4ef;border-radius:0 15px 15px 0}.dev-evolve aside p{font-size:15px}
.dev-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid #d3e1d8}.dev-faq details{margin-bottom:10px;border:1px solid #c9dbce;border-radius:9px;background:#fff}.dev-faq summary{cursor:pointer;font-size:15px;font-weight:700;color:#244b38;line-height:1.5;padding:20px}.dev-faq details[open]{background:#eff6f0;border-color:#8fb09b}.dev-faq details p{font-size:14px;padding:0 20px 18px;margin:0}
.dev-intake{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:50px;background:radial-gradient(ellipse at right top,#295f47,transparent 70%),#123e2d;border-radius:24px;color:#dfede3;margin-bottom:64px}#main-content .dev-intake h2{color:#fff;font-size:40px}.dev-intake .dev-kicker{color:#b2e6be}.dev-intake .dev-button{background:#d8f2ca;color:#183b24}.dev-intake .dev-button:hover{background:#c2e7af}.dev-intake a:focus-visible{outline-color:#ffbf88}.dev-intake .dev-note{color:#cee2d2}.dev-intake aside{border:1px solid #6b9078;border-radius:14px;padding:29px;background:#ffffff06}#main-content .dev-intake h3{color:#e5f7e9;font-size:22px}.dev-intake ul{list-style:disc;padding-left:20px;margin:0 0 20px}.dev-intake li{margin:0 0 10px;font-size:15px}.dev-intake aside p{font-size:12px;margin:0;color:#cce0cf}
@media(min-width:961px){body.page-development-landing #nav>li:focus-within>ul{visibility:visible!important}body.page-development-landing #nav a:focus-visible{outline:2px solid #ffb27f;outline-offset:-3px}}
@media(max-width:1186px){.dev-hero{padding:44px 0 38px 34px}#main-content .dev-hero h1{font-size:45px}.dev-hero .dev-lead{font-size:19px}.dev-service{padding:26px 22px}.dev-ai{gap:38px;padding:36px}.dev-evolve{gap:45px}.dev-steps{gap:20px}}
@media(min-width:621px) and (max-width:960px){.page-development-landing div#logo a{top:77px;left:18px;width:min(340px,44vw);height:82px}}
@media(min-width:621px) and (max-width:800px){.page-development-landing div#logo a{top:75px;height:72px}}
@media(max-width:960px){.dev-hero{grid-template-columns:1fr;padding:40px 36px 24px}.dev-hero-copy{max-width:650px}.dev-hero-copy>p{max-width:610px}.dev-hero-art{max-width:650px;width:100%;margin:18px auto 0}.dev-outcomes{gap:22px;padding-inline:0}.dev-outcomes>div{padding-left:0}.dev-outcomes span{position:static;display:block;margin-bottom:8px}.dev-service-grid{gap:12px}.dev-service{padding:24px 18px}#main-content .dev-service h3{font-size:23px}.dev-service-link{font-size:12px}.dev-ai{grid-template-columns:1fr;gap:24px}.dev-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.dev-evolve,.dev-faq{gap:30px}.dev-intake{gap:30px;padding:35px}.dev-section{padding-block:46px}#main-content .dev-hub h2{font-size:32px}.dev-evolve aside{padding:24px}}
@media(max-width:640px){body.page-development-landing main#main-content.wrapper{padding:0 16px}.dev-breadcrumb{padding-block:18px}.dev-hero{padding:30px 23px 18px;border-radius:18px}#main-content .dev-hero h1{font-size:38px}.dev-hero .dev-kicker{font-size:10px;letter-spacing:.1em}.dev-hero .dev-lead{font-size:18px}.dev-hero p{font-size:15px}.dev-hero-art{margin-top:20px}.dev-hero-art figcaption{font-size:9px;letter-spacing:0;padding:5px 0}.dev-outcomes{grid-template-columns:1fr;gap:24px;padding:28px 8px}.dev-outcomes>div{padding-left:35px}.dev-outcomes span{position:absolute;top:1px}.dev-service-grid,.dev-project-grid,.dev-evolve,.dev-faq,.dev-intake{grid-template-columns:1fr}.dev-service-grid{gap:17px}.dev-service{padding:26px}.dev-service-number{margin-bottom:22px}.dev-service-link{font-size:13px}.dev-ai{padding:29px 23px;border-radius:18px}.dev-workflow{padding:20px}.dev-project-grid article{padding:23px 0}.dev-delivery{padding:28px 23px}.dev-steps{grid-template-columns:1fr;gap:26px}.dev-steps li{position:relative;padding-left:54px}.dev-steps span{position:absolute;left:0;top:0}.dev-faq{gap:18px}.dev-intake{padding:30px 23px;gap:26px;margin-bottom:42px}.dev-intake aside{padding:23px}.dev-section{padding-block:38px}.dev-section.dev-ai,.dev-section.dev-delivery{padding:29px 23px}#main-content .dev-hub h2{font-size:29px}.dev-hub .dev-kicker{font-size:10px}.dev-text-link{font-size:13px}.dev-hero .dev-note{font-size:12px}}
@media(max-width:350px){body.page-development-landing main#main-content.wrapper{padding:0 12px}.dev-hero{padding:26px 18px 16px}#main-content .dev-hero h1{font-size:32px}#main-content .dev-hub h2{font-size:27px}.dev-workflow{padding:16px}.dev-workflow li{gap:12px}.dev-intake{padding:27px 20px}}
@media(max-width:620px){.page-development-landing div#logo a{top:72px;left:50%;width:min(360px,calc(100% - 28px));height:92px;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.page-development-landing *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}