/* OPPO — ivory space, pixel forms, independent abstract identity. */
:root{--brand-ground:#fdfdfc;--brand-lime:#3e8274;--brand-text:#193a33;--brand-surface:#e4efed;--brand-muted:#4a9a8a;--brand-rule:#18373129;--deep:#3e8274;--paper:#fdfdfc;--forest:#3e8274;--accent:#3e8274;--ink:#193a33;--surface:#e4efed;--muted:#4a9a8a;--rule:#18373129;--swiper-theme-color:#3e8274}
body{background:#fdfdfc}.hero{background:radial-gradient(ellipse at 50% 65%,#d9e8e555,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:#469081}.hero .hero-device{background:linear-gradient(135deg,#f1f7f6,#95ccc1 50%,#f1f7f6);border:1px solid #70baab55;box-shadow:0 0 0 7px #bddfd84a,0 45px 95px #3a776b25;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:#499989}.header-button{background:#3e8274!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 #30655a12}.project-card:hover .project-row h2,.project-card.active .project-row h2{color:#3e8274}.project-preview{background:#e6f0ee}.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,#e7f0ee,#b5dbd4)!important;color:#1e463e!important;border:1px solid #9fd1c7}.product-diagram .brand-lockup>svg{color:#3f8476}.diagram-footer,.diagram-heading{color:#356e63}.pair-equation{color:#367165}.basket-grid>span{border-color:#4a9a8a38!important}.diagram-ledger>div,.integrity-grid li{border-color:#4a9a8a38!important}.diagram-footer{border-color:#4a9a8a38!important}.manifesto .brand-lockup>svg{color:#499989}.mechanism-panel{background:#cae5e0!important;color:#193a33!important;border:1px solid #93cbc0}.mechanism-panel .brand-lockup>svg{color:#3e8274}.mechanism-step{border-color:#37716633!important}.build-word{color:#3e8274}.contact-stem{background:linear-gradient(90deg,#6db9aa,#3e8274)!important}.contact-builds a{cursor:pointer}.footer-wordmark{color:#3e8274}.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:#51a997}.site-footer .footer-context p:first-child{color:#3e8274}.imagery-strips{background:#eff5f4}.hero-footnote{color:#479384}
/* A real browser interaction, explicitly separate from future rewards. */
.oppo-preview{padding:125px var(--gutter);background:linear-gradient(180deg,#fdfdfc,#e7f1ef 80%,#fdfdfc)}.preview-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;align-items:end;max-width:1300px;margin:0 auto 60px}.oppo-mono{font:10px/1.6 'Sometype Mono',monospace;letter-spacing:.12em;color:#3e8274;text-transform:uppercase}.preview-heading>.oppo-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:#3e8274;font-weight:400}.preview-description{font-size:18px;line-height:1.55;max-width:380px;margin:0 0 4px;color:#499888}.demo-grid{scroll-margin-top:70px;display:grid;grid-template-columns:1.2fr 1fr;max-width:1300px;margin:auto;border:1px solid #a7d5cc;background:#fdfdfc}.demo-console{padding:34px;border-right:1px solid #a7d5cc}.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 #78beb0;color:#387468;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 #add8cf;background:transparent;color:#479283;border-radius:99px;font-size:12px;transition:background .2s,color .2s}.demo-tabs button.active{background:#3e8274;border-color:#3e8274;color:#fdfdfc}.campaign-card{padding:28px;min-height:290px;background:radial-gradient(ellipse at 90% 10%,#9ccfc5,#e0edea 70%);position:relative;overflow:hidden}.campaign-glyph{position:absolute;right:28px;top:26px;font:110px/1 Editorial,serif;color:#4c9d8d;opacity:.55}.campaign-card .oppo-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:#3f8275}.demo-progress{height:3px;background:#c9e5df;margin-top:25px;overflow:hidden}.demo-progress>span{display:block;height:100%;background:#3e8274;transition:width .08s linear}.demo-run{width:100%;background:#3e8274;color:#fdfdfc;min-height:53px;margin-top:18px;font-size:13px;border-radius:2px}.demo-run:disabled{cursor:wait;background:#52aa98}.demo-run:hover:not(:disabled){background:#306359}.demo-result{min-height:18px;font-size:11px;line-height:1.6;color:#4fa493;margin:14px 0 0}.preview-ledger{padding:36px 45px;display:flex;flex-direction:column}.preview-ledger>.oppo-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:#3e8274}.preview-total>span{font-size:12px;max-width:90px;color:#4fa493;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 #bddfd8;padding:16px 0;font-size:13px}.preview-ledger dt{color:#4fa493}.preview-ledger dd{margin:0;text-align:right}.preview-note{font-size:11px;line-height:1.7;color:#4fa493;max-width:320px;margin:0 0 20px}.demo-reset{align-self:flex-start;padding:8px 0;border:0;border-bottom:1px solid #64b4a4;background:none;font-size:11px;color:#387468;margin-top:auto}.oppo-preview button:focus-visible{outline:2px solid #31675c;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}.oppo-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 #bddfd840,0 30px 65px #3a776b20}.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%}.oppo-preview{padding:65px var(--gutter)}.preview-heading{display:block;margin-bottom:30px}.preview-heading>.oppo-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 #a7d5cc}.demo-top>.oppo-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 .oppo-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>.oppo-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:#3e8274;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 #a7d5cc;box-shadow:0 8px 30px #23534915;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:#2f6358;text-decoration:none;border-radius:4px}.quick-nav>.quick-preview{background:#3e8274;color:#fdfdfc}.quick-nav>.quick-updates{border-left:1px solid #bedfd9;border-radius:0}.quick-feedback{position:absolute;right:0;bottom:calc(100% + 10px);max-width:320px;width:max-content;background:#193a33;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:#387468;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:#387468;margin:0 0 12px}.session-log>p{font-size:11px;line-height:1.6;color:#4fa493;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 #c6e4de;padding:12px 0;font-size:12px}.session-log time{font-size:9px;color:#4fa493}.session-log small{grid-column:1/-1;color:#387468;font-size:9px}.oppo-guide{padding:100px var(--gutter);background:#edf4f3;scroll-margin-top:100px}.guide-intro{max-width:1300px;margin:auto}.guide-intro>.oppo-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:#3e8274;font-weight:400}.guide-intro>p:last-child{max-width:460px;font-size:16px;line-height:1.6;color:#4a9a8a;margin:25px 0 0}.guide-status{display:grid;grid-template-columns:repeat(3,1fr);max-width:1300px;margin:50px auto 70px;border:1px solid #aad6cd}.guide-status>article{padding:30px;border-right:1px solid #aad6cd;background:#fdfdfc}.guide-status>article:last-child{border:0}.guide-status-label{display:inline-block;font-size:9px;letter-spacing:.08em;color:#4c9d8d;border:1px solid #aed8d0;padding:6px 8px}.guide-status-label.available{color:#32675d;border-color:#64b4a4;background:#e5f0ee}.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:#4a9a8a;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:#377367}.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 #add8cf;padding:0}.guide-faq details:last-child{border-bottom:1px solid #add8cf}.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:#3e8274;transition:transform .2s}.guide-faq details[open] summary>span{transform:rotate(45deg)}.guide-faq details p{font-size:14px;line-height:1.8;color:#4a9a8a;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 #8ec8bd;background:#d0e8e3;transition:background .2s}.release-card:hover{background:#c3e2dc}.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:#4a9a8a;max-width:700px;margin:0}.release-card>span{font-size:42px;color:#3e8274}.oppo-guide :focus-visible,.quick-nav :focus-visible{outline:2px solid #31675c;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)}.oppo-guide{padding:60px var(--gutter)}.guide-intro h2{font-size:44px}.guide-intro>.oppo-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 #aad6cd}.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 .oppo-mono{font-size:8px}.release-card>span{font-size:30px}.session-log li{font-size:11px}.session-log time{font-size:9px}}

/* Oppo's opening and closing chapters: deep moss against warm ivory. */
.hero{background:radial-gradient(ellipse at 50% 75%,#37736766,transparent 65%),#1a3c35!important;color:#eaf2f1}.hero-title em{color:#9cd0c5}.hero .hero-footnote{color:#aad6cd}.hero .motion-link{color:#eaf2f1}.hero .motion-link .line,.hero .motion-link:after{background:#9cd0c5}.hero .contract-inscription{color:#d2eae5;border-color:#52a998}.hero .inscription-status,.hero .inscription-label,.hero .inscription-placeholder{color:#b2dad2!important}.hero-trees .tree{opacity:.5}.hero .hero-device{box-shadow:0 0 0 7px #7ec1b41a,0 45px 95px #0d1f1c60;background:linear-gradient(135deg,#d0e9e4,#479384 50%,#e7f0ee)}.hero .hero-actions{position:relative;z-index:4}.brand-name>span{letter-spacing:.12em!important}.site-footer{background:#1a3c35!important;color:#e4efec}.site-footer .footer-wordmark{color:#9cd0c5}.site-footer .footer-context p:first-child{color:#9cd0c5}.site-footer .reference-note,.site-footer .footer-right{color:#a3d2c9}.site-footer .footer-details{border-color:#47938466}.site-footer a,.site-footer button{color:inherit}.reading-progress>span{background:#7dc1b3}.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 #7dc1b355;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}