/* LOPI EARNED — ivory space, mineral moss, independent abstract identity. */
:root{--brand-ground:#fdfdfc;--brand-lime:#617a46;--brand-text:#2a3320;--brand-surface:#eaefe4;--brand-muted:#739153;--brand-rule:#28301f29;--deep:#617a46;--paper:#fdfdfc;--forest:#617a46;--accent:#617a46;--ink:#2a3320;--surface:#eaefe4;--muted:#739153;--rule:#28301f29;--swiper-theme-color:#617a46}
body{background:#fdfdfc}.hero{background:radial-gradient(ellipse at 50% 65%,#e1e8d955,transparent 65%),#fdfdfc!important}.hero-trees .tree{opacity:.72;width:39%;max-width:650px;top:-14%;filter:none}.hero-trees .tree-left{left:-10%}.hero-trees .tree-right{right:-10%}.hero .hero-inner{padding-top:210px}.hero .hero-title{font-size:clamp(56px,7.4vw,112px);letter-spacing:-.065em;line-height:1.04}.hero-title em{color:#6c884e}.hero .hero-device{background:linear-gradient(135deg,#f4f7f1,#b1c69b 50%,#f4f7f1);border:1px solid #96b27855;box-shadow:0 0 0 7px #cedbc14a,0 45px 95px #59704125;width:325px;padding:10px;border-radius:42px;margin-top:10px}.hero-device img{aspect-ratio:804/1748;object-fit:contain;border-radius:33px}.hero .hero-actions{margin-top:32px}.hero-base{z-index:3}.brand-lockup>svg{color:#729052}.header-button{background:#617a46!important;color:#fdfdfc!important}.header-button span{background:#fdfdfc!important}.menu-panel .brand-lockup>svg,.loader-emblem>svg{color:inherit}.news-card{box-shadow:0 12px 40px #4b5f3612}.project-card:hover .project-row h2,.project-card.active .project-row h2{color:#617a46}.project-preview{background:#ebf0e6}.service-gallery img,.news-card img,.imagery-tile img,.project-visual img{aspect-ratio:3/2;object-fit:cover}.product-diagram{background:linear-gradient(135deg,#ecf0e7,#c8d7b9)!important;color:#323d27!important;border:1px solid #b9cba5}.product-diagram .brand-lockup>svg{color:#627c47}.diagram-footer,.diagram-heading{color:#52683b}.pair-equation{color:#546a3d}.basket-grid>span{border-color:#73915338!important}.diagram-ledger>div,.integrity-grid li{border-color:#73915338!important}.diagram-footer{border-color:#73915338!important}.manifesto .brand-lockup>svg{color:#729052}.mechanism-panel{background:#d8e2cd!important;color:#2a3320!important;border:1px solid #b0c599}.mechanism-panel .brand-lockup>svg{color:#617a46}.mechanism-step{border-color:#556b3d33!important}.build-word{color:#617a46}.contact-stem{background:linear-gradient(90deg,#94b076,#617a46)!important}.contact-builds a{cursor:pointer}.footer-wordmark{color:#617a46}.intro-loader{color:#fdfdfc}.reference-note{max-width:880px;line-height:1.7!important}.contract-inscription button:disabled{opacity:.6}.inscription-status{font-size:10px!important}.contract-inscription{border-color:#7e9f5b}.site-footer .footer-context p:first-child{color:#617a46}.imagery-strips{background:#f2f5ef}.hero-footnote{color:#6e8a50}
/* A real browser interaction, explicitly separate from future rewards. */
.lopi-preview{padding:125px var(--gutter);background:linear-gradient(180deg,#fdfdfc,#ecf1e7 80%,#fdfdfc)}.preview-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;align-items:end;max-width:1300px;margin:0 auto 60px}.lopi-mono{font:10px/1.6 'Sometype Mono',monospace;letter-spacing:.12em;color:#617a46;text-transform:uppercase}.preview-heading>.lopi-mono{grid-column:1/-1;margin:0 0 28px}.preview-heading h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.065em;font-weight:400;line-height:1.04;margin:0}.preview-heading h2 em{font-family:Editorial,Georgia,serif;color:#617a46;font-weight:400}.preview-description{font-size:18px;line-height:1.55;max-width:380px;margin:0 0 4px;color:#728f52}.demo-grid{scroll-margin-top:70px;display:grid;grid-template-columns:1.2fr 1fr;max-width:1300px;margin:auto;border:1px solid #bfd0ac;background:#fdfdfc}.demo-console{padding:34px;border-right:1px solid #bfd0ac}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-badge{font:9px 'Sometype Mono',monospace;letter-spacing:.1em;border:1px solid #9cb680;color:#576d3f;padding:5px 10px;border-radius:99px}.demo-tabs{display:flex;gap:6px;margin:25px 0 18px}.demo-tabs button{padding:10px 18px;border:1px solid #c3d3b2;background:transparent;color:#6d8a4f;border-radius:99px;font-size:12px;transition:background .2s,color .2s}.demo-tabs button.active{background:#617a46;border-color:#617a46;color:#fdfdfc}.campaign-card{padding:28px;min-height:290px;background:radial-gradient(ellipse at 90% 10%,#b6c9a2,#e7ece1 70%);position:relative;overflow:hidden}.campaign-glyph{position:absolute;right:28px;top:26px;font:110px/1 Editorial,serif;color:#769455;opacity:.55}.campaign-card .lopi-mono{margin:0 0 70px;font-size:9px;position:relative}.campaign-card h3{position:relative;font-size:38px;letter-spacing:-.06em;font-weight:400;margin:0 0 15px;max-width:330px}.campaign-card>p:last-child{position:relative;max-width:315px;margin:0;font-size:14px;line-height:1.6;color:#617b46}.demo-progress{height:3px;background:#d7e2cc;margin-top:25px;overflow:hidden}.demo-progress>span{display:block;height:100%;background:#617a46;transition:width .08s linear}.demo-run{width:100%;background:#617a46;color:#fdfdfc;min-height:53px;margin-top:18px;font-size:13px;border-radius:2px}.demo-run:disabled{cursor:wait;background:#7fa05c}.demo-run:hover:not(:disabled){background:#4a5d36}.demo-result{min-height:18px;font-size:11px;line-height:1.6;color:#7b9a59;margin:14px 0 0}.preview-ledger{padding:36px 45px;display:flex;flex-direction:column}.preview-ledger>.lopi-mono{margin:0}.preview-total{padding:45px 0 30px;display:flex;align-items:end;gap:24px}.preview-total strong{font-size:102px;font-weight:400;letter-spacing:-.08em;line-height:1;color:#617a46}.preview-total>span{font-size:12px;max-width:90px;color:#7b9a59;margin-bottom:10px;line-height:1.5}.preview-ledger dl{margin:0 0 25px}.preview-ledger dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #cedbc1;padding:16px 0;font-size:13px}.preview-ledger dt{color:#7b9a59}.preview-ledger dd{margin:0;text-align:right}.preview-note{font-size:11px;line-height:1.7;color:#7b9a59;max-width:320px;margin:0 0 20px}.demo-reset{align-self:flex-start;padding:8px 0;border:0;border-bottom:1px solid #8dab6d;background:none;font-size:11px;color:#576d3f;margin-top:auto}.lopi-preview button:focus-visible{outline:2px solid #4d6137;outline-offset:4px}
@media(min-width:1600px){.hero .hero-device{width:370px}.hero .hero-title{font-size:120px}}
@media(max-width:1023px){.hero .hero-inner{padding-top:175px}.lopi-preview{padding-top:90px;padding-bottom:90px}.preview-heading{gap:35px}.preview-description{font-size:16px}.demo-console{padding:25px}.preview-ledger{padding:28px}.campaign-card{padding:23px}.campaign-card h3{font-size:32px}.preview-total strong{font-size:80px}}
@media(max-width:767px){.hero .hero-inner{padding-top:150px}.hero .hero-title{font-size:clamp(46px,10.5vw,74px);line-height:1.06}.hero .hero-device{width:270px;border-radius:36px;padding:8px;margin-top:24px;box-shadow:0 0 0 5px #cedbc140,0 30px 65px #59704120}.hero-device img{border-radius:29px}.hero-trees .tree{width:78%;top:-7%;opacity:.46}.hero-trees .tree-left{left:-48%}.hero-trees .tree-right{right:-48%}.lopi-preview{padding:65px var(--gutter)}.preview-heading{display:block;margin-bottom:30px}.preview-heading>.lopi-mono{font-size:8px;margin-bottom:20px}.preview-heading h2{font-size:46px}.preview-description{font-size:14px;margin-top:24px;max-width:350px}.demo-grid{grid-template-columns:1fr}.demo-console{padding:23px;border-right:0;border-bottom:1px solid #bfd0ac}.demo-top>.lopi-mono{font-size:8px}.demo-tabs{margin-top:22px}.demo-tabs button{font-size:11px;padding:9px 13px}.campaign-card{min-height:265px;padding:23px}.campaign-card .lopi-mono{font-size:7px;margin-bottom:76px}.campaign-card h3{font-size:34px}.campaign-card>p:last-child{font-size:12px}.preview-ledger{padding:26px}.preview-total{padding:24px 0}.preview-total strong{font-size:79px}.preview-ledger dl>div{font-size:12px;padding:13px 0}.preview-ledger>.lopi-mono{font-size:8px}.preview-note{font-size:10px}.menu-panel .menu-nav a{font-size:36px}.reference-note{font-size:11px!important}.contact-builds{gap:9px!important}.contact-builds a,.contact-builds button{font-size:12px!important;padding-left:15px!important}.contact-builds span{font-size:8px!important}}
@media(max-width:370px){.hero .hero-title{font-size:43px}.hero .hero-device{width:245px}.demo-console{padding:17px}.demo-tabs{gap:4px}.demo-tabs button{padding:9px 11px}.preview-heading h2{font-size:40px}.campaign-card h3{font-size:29px}.preview-ledger{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* v1.1 — wayfinding, session activity and an explicit product guide. */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:250;pointer-events:none}.reading-progress>span{display:block;width:100%;height:100%;background:#617a46;transform-origin:left}.quick-nav{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:5px;padding:6px;background:#fdfdfc;border:1px solid #bfd0ac;box-shadow:0 8px 30px #3b482e15;border-radius:8px}.quick-nav[hidden],.reading-progress[hidden]{display:none}.quick-nav>a,.quick-nav>button{min-height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;font-size:12px;border:0;background:transparent;color:#4a5d35;text-decoration:none;border-radius:4px}.quick-nav>.quick-preview{background:#617a46;color:#fdfdfc}.quick-nav>.quick-updates{border-left:1px solid #cfdcc1;border-radius:0}.quick-feedback{position:absolute;right:0;bottom:calc(100% + 10px);max-width:320px;width:max-content;background:#2a3320;color:#fdfdfc;font-size:11px;line-height:1.5;padding:10px 14px;border-radius:4px;pointer-events:none}.quick-feedback:empty{display:none}.demo-cancel{background:none;padding:10px 0;min-height:42px;font-size:11px;color:#576d3f;text-decoration:underline;text-underline-offset:4px}.session-log{margin:0 0 25px}.session-log h4{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:#576d3f;margin:0 0 12px}.session-log>p{font-size:11px;line-height:1.6;color:#7b9a59;margin:0}.session-log ol{list-style:none;margin:0;padding:0}.session-log li{display:grid;grid-template-columns:1fr auto;gap:7px 15px;border-top:1px solid #d5e0ca;padding:12px 0;font-size:12px}.session-log time{font-size:9px;color:#7b9a59}.session-log small{grid-column:1/-1;color:#576d3f;font-size:9px}.lopi-guide{padding:100px var(--gutter);background:#f1f4ed;scroll-margin-top:100px}.guide-intro{max-width:1300px;margin:auto}.guide-intro>.lopi-mono{margin:0 0 25px}.guide-intro h2{font-size:clamp(44px,5vw,70px);letter-spacing:-.06em;line-height:1.04;font-weight:400;margin:0}.guide-intro h2 em{font-family:Editorial,Georgia;color:#617a46;font-weight:400}.guide-intro>p:last-child{max-width:460px;font-size:16px;line-height:1.6;color:#739153;margin:25px 0 0}.guide-status{display:grid;grid-template-columns:repeat(3,1fr);max-width:1300px;margin:50px auto 70px;border:1px solid #c1d1af}.guide-status>article{padding:30px;border-right:1px solid #c1d1af;background:#fdfdfc}.guide-status>article:last-child{border:0}.guide-status-label{display:inline-block;font-size:9px;letter-spacing:.08em;color:#769455;border:1px solid #c4d3b3;padding:6px 8px}.guide-status-label.available{color:#4d6138;border-color:#8dab6d;background:#ebefe6}.guide-status h3{font-size:27px;font-weight:400;letter-spacing:-1px;margin:23px 0 15px}.guide-status p{font-size:13px;line-height:1.7;color:#739153;margin:0;max-width:300px}.guide-status a{display:inline-block;font-size:11px;margin-top:25px;text-decoration:underline;text-underline-offset:5px;color:#566c3e}.guide-faq{max-width:920px;margin:0 auto 65px}.guide-faq>h3{font-size:34px;letter-spacing:-1.4px;font-weight:400;margin:0 0 30px}.guide-faq details{border-top:1px solid #c3d3b2;padding:0}.guide-faq details:last-child{border-bottom:1px solid #c3d3b2}.guide-faq summary{list-style:none;display:flex;justify-content:space-between;gap:25px;padding:22px 0;cursor:pointer;font-size:17px}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary>span{font-size:23px;font-weight:300;color:#617a46;transition:transform .2s}.guide-faq details[open] summary>span{transform:rotate(45deg)}.guide-faq details p{font-size:14px;line-height:1.8;color:#739153;max-width:780px;margin:0 40px 25px 0}.release-card{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px;border:1px solid #acc294;background:#dce5d3;transition:background .2s}.release-card:hover{background:#d3dfc6}.release-card h3{font-size:31px;font-weight:400;letter-spacing:-1px;margin:14px 0}.release-card p{font-size:14px;line-height:1.6;color:#739153;max-width:700px;margin:0}.release-card>span{font-size:42px;color:#617a46}.lopi-guide :focus-visible,.quick-nav :focus-visible{outline:2px solid #4d6137;outline-offset:5px}#get{scroll-margin-top:90px}footer.site-footer{padding-bottom:110px}
@media(max-width:767px){.quick-nav{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-between;padding:5px;gap:0}.quick-nav>a,.quick-nav>button{padding:0 12px;font-size:11px}.quick-nav>.quick-preview{flex:1}.quick-feedback{font-size:10px;max-width:calc(100vw - 30px)}.lopi-guide{padding:60px var(--gutter)}.guide-intro h2{font-size:44px}.guide-intro>.lopi-mono{font-size:8px}.guide-intro>p:last-child{font-size:14px}.guide-status{grid-template-columns:1fr;margin:30px auto 45px}.guide-status>article{padding:25px;border-right:0;border-bottom:1px solid #c1d1af}.guide-status h3{font-size:26px}.guide-status p{max-width:none;font-size:13px}.guide-status a{min-height:30px}.guide-faq{margin-bottom:40px}.guide-faq>h3{font-size:29px;line-height:1.2}.guide-faq summary{font-size:15px;line-height:1.5;padding:19px 0;gap:20px}.guide-faq details p{font-size:13px;margin-right:20px}.release-card{padding:25px;gap:20px}.release-card h3{font-size:27px;line-height:1.1}.release-card p{font-size:12px}.release-card .lopi-mono{font-size:8px}.release-card>span{font-size:30px}.session-log li{font-size:11px}.session-log time{font-size:9px}}

/* Lopi's opening and closing chapters: deep moss against warm ivory. */
.hero{background:radial-gradient(ellipse at 50% 75%,#52664466,transparent 65%),#263322!important;color:#f4f3e8}.hero-title em{color:#c0ce9e}.hero .hero-footnote{color:#c2cab6}.hero .motion-link{color:#f4f3e8}.hero .motion-link .line,.hero .motion-link:after{background:#c0ce9e}.hero .contract-inscription{color:#e3e8d4;border-color:#82916a}.hero .inscription-status,.hero .inscription-label,.hero .inscription-placeholder{color:#cbd6b6!important}.hero-trees .tree{opacity:.5}.hero .hero-device{box-shadow:0 0 0 7px #a7b6891a,0 45px 95px #101d1760;background:linear-gradient(135deg,#e0e5d4,#718159 50%,#f2f1e5)}.hero .hero-actions{position:relative;z-index:4}.brand-name>span{letter-spacing:.12em!important}.site-footer{background:#263322!important;color:#efefe3}.site-footer .footer-wordmark{color:#c0ce9e}.site-footer .footer-context p:first-child{color:#c0ce9e}.site-footer .reference-note,.site-footer .footer-right{color:#bec7ae}.site-footer .footer-details{border-color:#71815966}.site-footer a,.site-footer button{color:inherit}.reading-progress>span{background:#a4b985}.hero .hero-title{font-size:clamp(56px,7.4vw,108px)}
@media(max-width:767px){.hero .hero-title{font-size:clamp(43px,10.5vw,74px)}}

.crest-link{padding:12px 16px!important;border:1px solid #a3b38b55;border-radius:3px}.crest-link .brand-lockup{gap:10px}.crest-link svg{margin:0!important;padding:0!important;width:27px!important;height:33px!important;flex-shrink:0}.crest-link .brand-name{font-size:24px}.crest-link .brand-name>span{font-size:7px;margin-top:5px}.menu-panel .brand-name{white-space:nowrap}

/* Approved option 05: wider organic mark, preserved proportions. */
.crest-link svg{width:38px!important;height:42px!important}