/* OGAN business website. Used only by v2/home.php. */
:root{color-scheme:light;--ink:#142631;--muted:#465e6b;--paper:#f7f9fa;--line:#d4dfe4;--accent:#c34b19;--orange:#ff965e;--dark:#142631;--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ogan-ui-font,"Nunito","Nunito Sans","Trebuchet MS","Segoe UI",Arial,sans-serif);font-optical-sizing:auto;font-size:1.125rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[hidden]{display:none!important}
a{color:inherit;text-underline-offset:.25em}
a:hover{text-decoration-thickness:2px}
button{font:inherit;color:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
h1,h2,h3,h4,p{margin:0;overflow-wrap:anywhere}
h1,h2,h3,h4{font-weight:700;line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.65rem,4.3vw,4rem)}
h2{font-size:clamp(2rem,3.25vw,3rem)}
h3{font-size:1.5rem}
h4{font-size:1.5rem}
p{font-size:1.125rem}
p+p{margin-top:1rem}
ul{margin:0;padding:0;list-style:none}
.container{width:calc(100% - 6rem);max-width:1280px;margin-inline:auto}
.section{padding-block:6rem}
.eyebrow{font-size:1rem;line-height:1.55;font-weight:600;letter-spacing:.075em;color:var(--accent);margin-bottom:1.25rem}
.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:4rem;margin-bottom:3rem}
.section-heading>p{color:var(--muted)}
.section-note{font-size:1rem;line-height:1.7;color:var(--muted);margin-top:2rem;max-width:1000px}
.section-note a{font-weight:600;display:inline-block}
#analysis .button-row{margin-top:2rem}#analysis>details{margin-top:2rem}
.skip-link{position:absolute;top:-150px;left:1rem;z-index:20;padding:1rem;background:#fff}
.skip-link:focus{top:1rem}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.nav-shell{min-height:94px;display:flex;align-items:center;gap:2.5rem;position:relative}
.brand{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.3em;font-size:1.6rem;line-height:1.4;font-weight:750;letter-spacing:-.06em;text-decoration:none;flex-shrink:0}
.brand span{font-weight:400;color:var(--accent)}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex:1;min-width:0}
.site-nav>a,.nav-actions a{font-size:1rem;text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.site-nav>a:hover,.nav-actions a:hover{color:var(--accent)}
.nav-actions{display:flex;align-items:center;gap:1.5rem;margin-left:auto;flex-wrap:wrap}
.language-switch{display:flex;flex-wrap:wrap;gap:.75rem}
.language-switch a{color:var(--muted);min-width:2rem;justify-content:center}
.language-switch a[aria-current=true]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.login-link{gap:.5rem}
.menu-toggle{display:none;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:8px;background:transparent;padding:.5rem .8rem;gap:.8rem;align-items:center}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:4rem;padding-block:5.5rem}
.hero h1 span{color:var(--accent)}
.hero-description{color:var(--muted);margin-top:1.8rem;max-width:620px}
.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:1.35rem;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid transparent;border-radius:9px;min-height:50px;padding:.9rem 1.3rem;max-width:100%;font-size:1rem;line-height:1.55;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.button>span{flex-shrink:0}
.button-primary{color:#fff;background:var(--ink)}
.button-primary:hover{background:#274351}
.button-secondary{border-color:#8295a0;background:transparent}
.button-secondary:hover{background:#e9eff2}
.text-link{font-size:1rem;line-height:1.6;font-weight:600}
.hero-footnote{font-size:1rem;color:var(--muted);margin-top:1.25rem}
.workflow-story{color:#fff;background:var(--dark);border-radius:var(--radius);padding:2rem;box-shadow:0 18px 40px #18364412}
.workflow-story .eyebrow{color:#ffb58e}
.workflow-story h2{font-size:1.9rem;line-height:1.25}
.cockpit-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1.6rem 1.4rem}
.cockpit-tabs button{font-size:1rem;line-height:1.5;padding:.6rem .8rem;min-height:44px;min-width:44px;border-radius:7px;border:1px solid #5c737f;background:transparent;overflow-wrap:anywhere}
.cockpit-tabs button[aria-selected=true]{background:#ffb58e;border-color:#ffb58e;color:var(--dark)}
.cockpit-tabs button:focus-visible,.workflow-story [tabindex]:focus-visible{outline-color:#ffb58e}
.story-question{font-size:1.2rem;color:#fff;font-weight:600;margin-bottom:1rem}
.story-row{display:flex;align-items:flex-start;gap:1rem;padding-block:.85rem;border-top:1px solid #39505d}
.story-row>span{color:#ffb58e;font-size:1.25rem;min-width:1.4rem}
.story-row p{font-size:1rem;color:#d9e5eb}
.workflow-note{font-size:1rem;color:#b9cdd8;line-height:1.6;border-top:1px solid #39505d;padding-top:1rem;margin-top:.75rem}
.foundation{border-top:1px solid var(--line);padding-block:2.25rem 3.5rem}
.foundation>p{font-weight:600;margin-bottom:1rem}
.foundation ul{display:flex;flex-wrap:wrap;gap:.75rem 2rem;color:var(--muted);font-size:1rem}
.foundation li::before{content:"✓";color:var(--accent);margin-right:.6rem}
.capabilities-section{background:#fff;padding-block:6rem;border-block:1px solid var(--line)}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.capability-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;background:#fff;box-shadow:0 14px 34px #1836440a}
.capability-icon{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:#fff0e7;color:#98340c;border-radius:10px;font-size:1.6rem;margin-bottom:1.5rem}
.card-category{font-size:1rem;font-weight:600;color:var(--muted);margin-bottom:.8rem}
.capability-card h3{margin-bottom:1rem}
.capability-card>p:last-child{font-size:1rem;color:var(--muted);line-height:1.75}
.scenario-explorer{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.scenario-tabs{display:flex;flex-wrap:wrap;gap:.65rem;padding:1.5rem;border-bottom:1px solid var(--line)}
.scenario-tabs button{min-height:44px;min-width:44px;border:1px solid var(--line);background:#f7f9fa;border-radius:7px;padding:.65rem 1rem;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.scenario-tabs button[aria-selected=true]{color:#fff;background:var(--ink);border-color:var(--ink)}
.scenario-panel{padding:2rem}
.scenario-request{max-width:900px;margin-bottom:2rem}
.scenario-request .eyebrow{margin-bottom:.75rem}
.scenario-request h3{font-size:1.8rem;line-height:1.35}
.scenario-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr);gap:2rem}
.scenario-steps{display:flex;flex-direction:column;gap:.75rem}
.step-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;min-width:44px;padding:.85rem 1rem;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:1rem;line-height:1.65;text-align:left;overflow-wrap:anywhere}
.step-button[aria-current=step]{background:#fff0e7;color:#7d2b0b;border-color:#df966f}
.step-button>span{flex-shrink:0}
.scenario-details{background:var(--paper);padding:2rem;border-radius:10px}
.scenario-detail h4{margin-bottom:1rem}
.scenario-detail p{color:var(--muted)}
.control-section{background:var(--dark);color:#fff;padding-block:5rem}
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem}
.control-section .eyebrow{color:#ffb58e}
.control-grid h2{margin-bottom:1.5rem}
.control-grid p{color:#d9e5eb}
.control-list li{padding-block:1.3rem;border-bottom:1px solid #4b616d}
.control-list li:first-child{padding-top:0}
.control-list strong{display:block;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem;font-weight:600}
.control-list p{font-size:1rem}
.workspace-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem;align-items:center}
.workspace-section h2{margin-bottom:1.5rem}
.workspace-section p{color:var(--muted)}
.workspace-section .button{margin-top:1.5rem}
.workspace-benefits{border-left:3px solid #df966f;padding:1rem 0 1rem 2rem}
.workspace-benefits h3{margin-bottom:1rem}
.workspace-benefits .text-link{display:inline-block;margin-top:1.5rem}
.ownership-section{background:#eaf0f3;border-block:1px solid var(--line);padding-block:5rem}
.ownership-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:5rem;align-items:center}
.ownership-grid h2{margin-bottom:1.5rem}
.ownership-grid p{color:var(--muted)}
.ownership-grid .eyebrow{color:var(--accent)}
.ownership-note{font-size:1rem;margin-top:1.25rem}
.server-card{border:1px solid #b7c8d1;background:#fff;border-radius:var(--radius);padding:2rem}
.server-card .eyebrow{margin-bottom:.75rem}
.server-card h3{font-size:1.7rem}
.server-specs{display:flex;gap:2.5rem;flex-wrap:wrap;margin-block:1.8rem}
.server-specs>div{min-width:0}
.server-specs dt{font-size:1rem;color:var(--muted)}
.server-specs dd{margin:0;font-size:2.5rem;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.server-specs dd span{font-size:1.125rem;font-weight:400}
.server-card>p:not(.eyebrow){font-size:1rem}
.server-card .text-link{display:inline-block;margin-top:1.5rem}
.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.model-grid article{border-top:2px solid #b7c8d1;padding-top:1.5rem}
.model-grid h3{margin-bottom:1rem}
.model-grid p{font-size:1rem;line-height:1.75;color:var(--muted)}
.model-guide-link{display:inline-block;margin-block:2rem}
.technical-details{border:1px solid var(--line);border-radius:12px;background:#fff}
summary{min-height:52px;font-size:1.125rem;line-height:1.6;cursor:pointer;font-weight:600;overflow-wrap:anywhere}
.technical-details>summary{padding:1.25rem 1.5rem}
.technical-details[open]>summary{border-bottom:1px solid var(--line)}
.technical-body{padding:1.5rem}
.technical-body>p{color:var(--muted)}
.technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;margin-top:2rem}
.technical-grid h3{margin-bottom:1rem}
.technical-grid p{font-size:1rem;color:var(--muted);line-height:1.75}
.technical-grid .button,.technical-grid .text-link{margin-top:1.5rem;display:inline-flex}
.faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:4rem;border-top:1px solid var(--line)}
.faq-section h2{margin-bottom:1.25rem}
.faq-section>div>p:not(.eyebrow){color:var(--muted)}
.faq-items details{border-bottom:1px solid var(--line);padding-block:1.25rem}
.faq-items details:first-child{padding-top:0}
.faq-items summary{padding-block:.6rem}
.faq-items p{font-size:1rem;color:var(--muted);line-height:1.8;padding-block:.5rem}
.contact-section{background:#fbe8dc;border-block:1px solid #e5cbbb;padding-block:4rem}
.contact-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:4rem;align-items:center}
.contact-inner h2{margin-bottom:1.25rem}
.contact-inner p:not(.eyebrow){color:var(--muted)}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}
.how-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:4rem;align-items:center;padding-block:5.5rem}
.how-summary{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:0 18px 40px #1836440c}
.how-summary ul{display:grid;gap:0}.how-summary li{display:grid;gap:.45rem;padding-block:1.25rem;border-top:1px solid var(--line)}.how-summary li:first-child{border-top:0;padding-top:0}.how-summary li:last-child{padding-bottom:0}.how-summary strong{font-size:1.2rem}.how-summary span{font-size:1rem;line-height:1.7;color:var(--muted)}
.how-workflow{padding-block:6rem;background:#fff;border-block:1px solid var(--line)}
.how-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.how-stage{border-top:3px solid #df966f;background:var(--paper);border-radius:0 0 var(--radius) var(--radius);padding:1.75rem}.how-stage h3{margin-bottom:1rem}.how-stage>p:last-child{font-size:1rem;line-height:1.75;color:var(--muted)}
.legal-nav{margin-left:auto;display:flex;align-items:center;gap:1.5rem;font-size:1rem;font-weight:600}.legal-nav>a{text-decoration:none}.legal-nav>a:hover{color:var(--accent)}.legal-hero{background:#eaf0f3;border-bottom:1px solid var(--line);padding-block:4.5rem}.legal-hero h1{margin-bottom:1.25rem}.legal-hero p:last-child{max-width:780px;color:var(--muted)}.legal-copy{max-width:980px;padding-block:4.5rem}.legal-copy>div{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}.legal-copy>div:last-child{border-bottom:0}.legal-copy .text-white,.legal-copy h5{color:var(--ink)!important}.legal-copy h5{font-size:1.5rem;margin:0 0 1rem}.legal-copy p,.legal-copy li{color:var(--muted);font-size:1rem;line-height:1.85}.legal-copy ul,.legal-copy ol{padding-left:1.5rem;list-style:revert}.legal-copy a{color:var(--accent);overflow-wrap:anywhere}
.site-footer{padding-block:3rem 1.5rem;background:#fff}
.footer-main{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-bottom:2rem}
.footer-main p{font-size:1rem;color:var(--muted)}
.footer-main>a:last-child{margin-left:auto;font-size:1rem}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.5rem;font-size:1rem;color:var(--muted)}
.footer-bottom>div{display:flex;gap:1rem 2rem;flex-wrap:wrap}
@media(min-width:901px) and (max-width:1150px){.nav-shell{gap:1.5rem}.site-nav{gap:1rem;flex-wrap:wrap;padding-block:1rem}.nav-actions{gap:1rem}.hero{gap:2rem}.workflow-story{padding:1.5rem}}
@media(max-width:1000px){.container{width:calc(100% - 4rem)}.section-heading{gap:2.5rem}.control-grid,.workspace-section,.ownership-grid{gap:3rem}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-grid{gap:1.5rem}.hero{gap:2rem}.nav-shell{flex-wrap:wrap}}
@media(max-width:900px){.nav-shell{min-height:80px;justify-content:space-between;gap:0;padding-block:1rem}.menu-toggle{display:inline-flex}.site-nav{display:none;width:100%;flex:none;flex-direction:column;align-items:stretch;gap:.25rem;padding-top:1rem}.site-nav.is-open{display:flex}.site-nav>a{padding-block:.5rem}.nav-actions{margin-left:0;border-top:1px solid var(--line);padding-top:.75rem;justify-content:space-between}.hero,.how-hero{grid-template-columns:minmax(0,1fr);padding-block:3.5rem;gap:2.5rem}.hero h1,.how-hero h1{font-size:clamp(2.65rem,6.2vw,4rem)}.hero-description{max-width:none}.workflow-story{max-width:none}.cockpit-tabs{gap:.75rem}.cockpit-tabs button{padding-inline:1rem}.section{padding-block:4rem}.capabilities-section,.how-workflow{padding-block:4rem}.section-heading{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:2rem}.scenario-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.scenario-steps{flex-direction:row;flex-wrap:wrap}.step-button{flex:1 1 12rem}.control-grid,.workspace-section,.ownership-grid{grid-template-columns:minmax(0,1fr)}.control-section,.ownership-section{padding-block:4rem}.model-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.how-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.faq-section{grid-template-columns:minmax(0,1fr);gap:2rem}.contact-inner{grid-template-columns:minmax(0,1fr);gap:2rem}}
@media(max-width:700px){.legal-nav{gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.legal-nav .language-switch{width:100%;justify-content:flex-end}.legal-hero{padding-block:3rem}.legal-copy{padding-block:3rem}}
@media(max-width:520px){.container{width:calc(100% - 2.5rem)}.hero,.how-hero{padding-block:2.5rem}.hero h1,.how-hero h1{font-size:2.65rem}.eyebrow{letter-spacing:.05em}.button-row{align-items:flex-start;gap:1.25rem}.workflow-story,.how-summary{padding:1.25rem}.workflow-story h2{font-size:1.65rem}.cockpit-tabs{gap:.5rem}.cockpit-tabs button{flex:1 1 auto;padding:.6rem}.capability-grid,.how-stage-grid{grid-template-columns:minmax(0,1fr)}.capability-card,.how-stage{padding:1.5rem}.section,.capabilities-section,.how-workflow{padding-block:3.5rem}.foundation{padding-bottom:2.5rem}.section-heading{margin-bottom:2rem}.scenario-tabs{padding:1rem;gap:.5rem}.scenario-tabs button{flex:1 1 auto;padding:.6rem .75rem}.scenario-panel{padding:1.25rem}.scenario-request h3{font-size:1.5rem}.scenario-details{padding:1.25rem}.step-button{flex-basis:100%}.control-section,.ownership-section{padding-block:3.5rem}.workspace-benefits{padding-left:1.25rem}.server-card{padding:1.5rem}.server-specs{gap:1.5rem}.technical-details>summary{padding:1rem}.technical-body{padding:1.25rem}.contact-section{padding-block:3rem}.footer-main{align-items:flex-start;flex-direction:column}.footer-main>a:last-child{margin-left:0}.footer-bottom{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}