/* Ritual community edition. The logo asset is the original supplied artwork. */
:root{--forest:#09291e;--deep:#062117;--ink:#173c2c;--green:#1a6b4a;--lime:#fff;--paper:#fbfdfb;--muted:#64786d;--border:#d9e8df;--body:#e6f1ea}
body{background:radial-gradient(ellipse at 85% 0%,#18563d70,transparent 48%),#09291e}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.table-scroll:focus-visible,textarea:focus-visible{outline-color:#5bd6a5}
.site-header{height:100px}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:9px}.brand-name{letter-spacing:-1.2px}.brand-product{color:#d0e3d9}.brand-separator{color:#5a8c75}.site-header nav a{color:#d7eade}.community-pill{border-color:#457c60;color:#d2eedf}.community-pill i{background:#87ddb5}
.hero{padding:45px 0 35px;min-height:358px}.hero .eyebrow{color:#a9d1bc}.hero h1{font-size:clamp(44px,5.1vw,66px)}.hero h1 em{color:#fff}.hero-description{color:#bdd8ca}.hero-links{display:flex;align-items:center;gap:17px;margin-top:23px}.hero-cta{display:flex;align-items:center;gap:20px;text-decoration:none;font-size:12px;font-weight:550;border-bottom:1px solid #76b996;padding-bottom:4px}.hero-cta:hover{color:#a5e3c4}.hero-cta .icon{width:17px;height:17px}.hero-links>span{font-size:10px;color:#86b29b}
.ritual-art{mask-image:none;background:none;height:290px;overflow:visible}.logo-stage{width:226px;height:226px;background:#1a6b4a;border-radius:29px;display:grid;place-items:center;box-shadow:0 28px 70px #00150d66,0 0 0 1px #4b987633;transform:rotate(-7deg);transition:transform .5s ease;z-index:1}.logo-stage:hover{transform:rotate(0)}.logo-stage img{width:100%;height:100%;object-fit:contain;border-radius:29px}.logo-orbit{position:absolute;width:340px;height:200px;border:1px solid #67b38d36;border-radius:50%;transform:rotate(-25deg)}.logo-orbit.inner{width:240px;height:290px;transform:rotate(20deg);border-style:dashed;border-color:#67b38d24}.ritual-art .art-tag{right:14px;bottom:5px;background:#0f3b2b;color:#bddccb;border-color:#31694c;font:8px var(--mono);letter-spacing:1px;transform:rotate(-5deg);z-index:2}.ritual-art .coordinate{top:8px;left:20px;color:#7faf94;font-size:8px}
.context-strip{color:#bdd9cb}.context-strip strong{color:#fff}.context-dot{background:#6fcea2}.connection-note{color:#9fc4af}.step-number{border-color:#bcd5c6;color:#35664b}.section-heading p{color:#607d6a}.small-label{color:#567a62}
.role-card{border-color:#cedfd3;background:#fff}.role-card:hover{border-color:#6aa283;background:#f0f8f3}.role-card:has(input:checked){background:#e3f3e9;border-color:#1a6b4a;box-shadow:inset 0 0 0 1px #1a6b4a}.role-card:has(input:focus-visible),.extra-card:has(input:focus-visible){outline-color:#34966b}.role-card-top .icon{color:#1a6b4a}.radio-mark{border-color:#a9c9b6}.role-card input:checked~.role-card-top .radio-mark{background:#1a6b4a;border-color:#1a6b4a}.role-card input:checked~.role-card-top .radio-mark:after{background:#fff}.role-card input:checked~.role-name{color:#16472f}.role-meta{color:#5b7b65}.role-meta strong{color:#266640}.section-divider{background:#dce9e0}.extra-card{border-color:#d1e1d7;background:#fff}.extra-card:hover{border-color:#74a88b}.extra-card:has(input:checked){background:#e8f5ed;border-color:#45875f}.extra-card>.icon{color:#427f5a}.extra-card-copy small{color:#548363}.checkbox-mark{border-color:#b2cdbb}.extra-card input:checked~.checkbox-mark{background:#1a6b4a;border-color:#1a6b4a;color:white}.selection-bottom{color:#5d7e69}.live-dot{background:#1a6b4a}.text-button{color:#3c7050}
.result-panel{background:#1a6b4a;border-color:#35815e;box-shadow:0 15px 50px #00170d26}.result-topline{color:#c5e8d8;position:relative;z-index:2}.fun-badge{color:white;border-color:#90bea5;background:#ffffff08}.result-logo{position:absolute;right:-5px;top:45px;opacity:.12;transform:rotate(12deg);pointer-events:none;border-radius:15px}.token-label{color:#d4f3e2}.value-line>span:last-child{color:#bee1cf}.estimate-note{color:#b9dac9}.result-divider{background:#b9dec650}.breakdown-heading h3{color:#eef9f2}.breakdown-heading>span{color:#b2d6bf}.breakdown-row{color:#e0f1e6}.breakdown-row .icon,.breakdown-row small{color:#c5ebd4}.scenario-summary{background:#0a452c70;border-color:#b2dbc52b}.scenario-summary>div>span{color:#b8d8c6}.scenario-summary strong{color:#f1faf4}.scenario-summary a{color:#fff}.primary-button{background:#fff;color:#185336;border-radius:8px}.primary-button:hover{background:#e6f6ec}.result-actions button{color:#e1f1e7}.result-actions button:hover{color:white}.composition-track{display:flex;width:100%;height:5px;border-radius:10px;overflow:hidden;background:#0c4c31;margin-top:17px;gap:2px}.composition-track span{height:100%;transition:width .3s ease}.main-slice{background:#fff}.extra-slice{background:#7ed1a8}.composition-caption{font:8px var(--mono);letter-spacing:.2px;color:#b4dcc7;margin:7px 0 0}.pin-button{display:flex;justify-content:center;align-items:center;gap:7px;border:1px dashed #a6d1bb72;background:transparent;border-radius:6px;width:100%;font-size:10px;color:#d3ecde;padding:10px 9px;margin-top:17px}.pin-button:hover{background:#ffffff0a}.pin-button>span:first-child{font-size:15px}.pin-counter{margin-left:auto;font:9px var(--mono);color:#bbd9c9}
.play-controls{padding-top:0}.play-controls .section-heading{margin-bottom:21px}.slider-field{margin-top:18px}.slider-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:12px;color:#355f45}.slider-title>label{font-weight:550}.compact-input{display:flex;align-items:center;gap:6px;border:1px solid #bed3c6;background:#fff;border-radius:6px;padding:6px 9px;color:#2d6948}.compact-input span{font:11px var(--mono)}.compact-input input{background:none;border:0;color:#214e34;font:13px var(--mono);width:72px;min-width:0}.slider-title output{font:13px var(--mono);color:#1a6b4a;font-weight:500}.range-control{appearance:none;-webkit-appearance:none;height:6px;width:100%;border-radius:20px;display:block;background:linear-gradient(to right,#1a6b4a var(--progress,5%),#d6e7dc var(--progress,5%));cursor:pointer;margin:13px 0}.range-control::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:3px solid #fff;background:#1a6b4a;border-radius:50%;box-shadow:0 0 0 1px #1a6b4a,0 2px 6px #1a6b4a30}.range-control::-moz-range-thumb{width:15px;height:15px;border:3px solid white;background:#1a6b4a;border-radius:50%;box-shadow:0 0 0 1px #1a6b4a}.range-labels{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#64836f;margin-top:10px}.slider-help{font-size:10px;color:#6b8977;margin:10px 0 0}.inline-presets{margin:14px 0 0;gap:7px}.price-presets button{color:#2d6544;border-color:#b8d0c0}.price-presets button[aria-pressed=true]{background:#dbeee2;border-color:#5d9d75}.share-field{margin-top:25px}.price-presets button:hover{background:#e2f0e7}
.model-stats>div{border-color:#88b59d2c}.stat-label{color:#a3c6b3}.model-stats small{color:#b0d4be}.model-stats p{color:#97bfa9}.explore-panel{border:1px solid #3a72554d;background:#0e3425;border-radius:14px;padding:26px 28px;margin:0 0 30px}.explore-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.explore-top .eyebrow{font-size:8px;letter-spacing:1px;color:#8fbaa3;margin-bottom:8px}.explore-top h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0 0 6px;color:white}.explore-top p:not(.eyebrow){font-size:11px;color:#a3c7b3;margin:0}.segmented{display:flex;border:1px solid #4c80644f;background:#062217;border-radius:7px;padding:4px;flex-shrink:0}.segmented button{border:0;border-radius:4px;background:transparent;font:9px var(--mono);color:#a0c4af;padding:8px 12px}.segmented button[aria-pressed=true]{background:#e2f2e7;color:#1c5d39}.role-comparison{display:flex;flex-direction:column;gap:3px}.compare-row{display:grid;grid-template-columns:156px minmax(0,1fr) 95px 20px;gap:17px;align-items:center;width:100%;background:transparent;border:1px solid transparent;border-radius:7px;padding:12px;color:#c7e1d3;text-align:left}.compare-row[aria-pressed=true]{border-color:#87bb9e59;background:#ffffff06;color:#fff}.compare-row:hover{background:#ffffff08}.compare-name{display:flex;align-items:center;gap:9px;font-size:12px}.compare-name .icon{width:18px;height:18px;color:#91c6a7}.compare-track{display:block;height:13px;border-radius:3px;background:#ffffff07;overflow:hidden}.compare-track>span{display:block;height:100%;background:#4d9b73;border-radius:3px;transition:width .3s ease}.compare-row[aria-pressed=true] .compare-track>span{background:#e1f6e8}.compare-row strong{font:12px var(--mono);text-align:right;white-space:nowrap}.compare-arrow{text-align:right;color:#83c49e;font-size:14px}.comparison-note{font-size:10px;color:#90b49e;margin:17px 12px 0}
.saved-panel{margin:32px 0}.saved-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.saved-heading h2{font-size:18px;font-weight:500;margin:0 0 6px;letter-spacing:-.4px}.saved-heading p{font-size:11px;color:#96bda5;margin:0}.text-button.light{color:#b9dbc8;font-size:11px;white-space:nowrap}.saved-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.board-empty{grid-column:1/-1;display:flex;gap:17px;align-items:center;padding:23px;border:1px dashed #63997c60;border-radius:11px;background:#ffffff02}.board-empty>span{width:38px;height:38px;border:1px solid #5f94713b;border-radius:50%;display:grid;place-items:center;color:#80b697;font-size:20px}.board-empty strong{font-size:12px;font-weight:500;color:#bedfca}.board-empty p{font-size:11px;color:#8bb49b;margin:5px 0 0}.saved-card{border:1px solid #49785d73;background:#103b29;border-radius:11px;padding:18px}.saved-top{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#a7cdb7}.saved-top button{font-size:19px;background:none;border:0;color:#a3c7b0;padding:0 5px}.saved-card h3{font-size:14px;font-weight:550;margin:12px 0 16px;color:#f2fcf5}.saved-card h3 small{display:block;font-size:10px;font-weight:400;color:#97bda4;margin-top:5px}.saved-tokens{display:block;font-size:26px;font-weight:500;letter-spacing:-.8px;overflow-wrap:anywhere}.saved-tokens small{font:8px var(--mono);color:#95c4a8;letter-spacing:0}.saved-value{font-size:15px;color:#dcf3e3;margin:8px 0 0}.saved-value span{font-size:9px;color:#98bfa7;margin-left:5px}.saved-meta{font:8px var(--mono);color:#91b9a0;margin:11px 0 17px;line-height:1.6}.load-scenario{background:#ffffff07;border:1px solid #7fb48f50;border-radius:5px;font-size:10px;color:#cde7d5;padding:9px 10px;width:100%;display:flex;justify-content:space-between}.load-scenario:hover{background:#ffffff0c}
.assumptions-panel{background:#edf5ef;border-color:#d4e5d8}.settings-mark{color:#376a49}.assumptions-heading p,.assumptions-intro p{color:#5d7f66}.assumptions-summary-right>span:first-child{color:#4f795d}.plus{color:#316e46;border-color:#aecab6}.assumptions-intro{border-color:#ccdfd1}.outline-button{border-color:#96bca3;color:#275c3d}.outline-button:hover{background:#d9e9de}.input-shell{background:#fff;border-color:#b6cfbe}.input-shell>span,.global-inputs small{color:#60816b}.table-scroll{border-color:#ccdfd0;background:#fcfefb}thead,tfoot{background:#dcecdf;color:#356345}th,td{border-color:#dce9df}td input{border-color:#b9d0c0;color:#205538;background:#fff}td small{background:#dfede3;color:#477758}.source-note,.table-label>span{color:#64846c}.formula-heading .eyebrow{color:#93c5aa}.formula-heading>p:last-child,.formula-content li p{color:#a3c8b2}.formula-content li strong{color:#e0f3e7}.formula-content li>span{color:#97d1b0}.formula-code{border-color:#63977a4d;background:#0e3525}.formula-code>span{color:#9bc8af}.formula-code code{color:#ddf7e5}.formula-footnote{color:#8db49b}.source-links{color:#bfdfcb}footer p{color:#90b99f}.footer-brand{color:#d7eedf}.footer-brand img{border-radius:5px}.footer-signoff{color:#cde8d8}.toast{background:#e9f8ed;color:#1a5431;border-color:#98c9aa}.copy-dialog-heading h2{color:#1a5431}.mobile-result{display:none}
@media(min-width:1400px){.hero{min-height:385px}.ritual-art{height:300px}.logo-stage{width:240px;height:240px}}
@media(max-width:1050px){.logo-stage{width:195px;height:195px}.logo-orbit{width:285px;height:177px}.logo-orbit.inner{width:205px;height:255px}.ritual-art .coordinate{left:0}.hero-links>span{display:none}.compare-row{grid-template-columns:150px minmax(0,1fr) 90px 18px;gap:14px}}
@media(max-width:800px){.site-header{height:81px}.brand-logo{width:40px;height:40px}.hero{padding:35px 0 30px}.hero h1{font-size:48px}.ritual-art{height:230px}.logo-stage{width:157px;height:157px;border-radius:21px}.logo-stage img{border-radius:21px}.logo-orbit{width:225px;height:140px}.logo-orbit.inner{width:150px;height:218px}.ritual-art .art-tag{display:block;right:0;bottom:4px;font-size:6px}.ritual-art .coordinate{font-size:6px;top:7px}.hero-links{margin-top:20px}.hero-cta{font-size:11px}.result-panel{position:relative}.result-logo{width:200px;height:200px;top:10px;right:0}.play-controls .section-heading{margin-bottom:20px}.slider-field{max-width:none}.play-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.play-controls .section-heading{grid-column:span 2}.share-field{margin-top:18px}.explore-panel{padding:23px 20px}.explore-top h2{font-size:21px}.compare-row{grid-template-columns:145px minmax(0,1fr) 85px 15px;gap:10px;padding:12px 8px}.saved-scenarios{gap:10px}.saved-card{padding:15px}.saved-tokens{font-size:23px}.saved-value{font-size:13px}.saved-value span{display:block;margin:4px 0 0}.mobile-result{display:flex;position:fixed;bottom:12px;left:18px;right:18px;z-index:25;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;background:#10442ff5;backdrop-filter:blur(14px);border:1px solid #6aa58780;border-radius:11px;box-shadow:0 6px 25px #001b1255}.mobile-result>div{display:flex;flex-direction:column;gap:4px;min-width:0}.mobile-result>div>span{font:7px var(--mono);letter-spacing:1.1px;color:#99cdb2}.mobile-result strong{font-size:14px;letter-spacing:-.1px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-result a{display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:6px;background:white;color:#1a6b4a;font-size:12px;font-weight:550;padding:9px 12px;flex-shrink:0}.mobile-result a span:first-child{max-width:155px;overflow:hidden;text-overflow:ellipsis}.page-shell{padding-bottom:80px}.toast{bottom:95px}.formula-section{padding-top:42px}}
@media(max-width:520px){.site-header{height:73px}.brand-logo{width:36px;height:36px}.hero h1{font-size:48px}.hero{padding-top:30px}.hero-cta{font-size:11px;gap:17px}.ritual-art{display:none}.hero-links{margin-top:18px}.play-controls{display:block}.play-controls .section-heading{margin-bottom:21px}.share-field{margin-top:26px}.slider-title{font-size:11px}.compact-input{padding:5px 8px}.range-control{height:7px}.range-control::-webkit-slider-thumb{width:23px;height:23px}.range-labels{font-size:8px}.result-logo{width:170px;height:170px;top:27px;right:-13px}.pin-button{font-size:11px;padding:11px;margin-top:18px}.composition-caption{font-size:8px}.explore-panel{padding:22px 16px;margin-bottom:25px}.explore-top{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:18px}.explore-top h2{font-size:20px}.explore-top .eyebrow{font-size:7px;letter-spacing:.5px}.explore-top p:not(.eyebrow){font-size:10px}.segmented{margin-left:0;margin-top:1px}.segmented button{padding:7px 12px;font-size:8px}.compare-row{grid-template-columns:minmax(0,1fr) auto 15px;gap:9px;padding:11px 8px;position:relative}.compare-name{font-size:11px;gap:7px}.compare-name .icon{width:16px;height:16px}.compare-track{grid-column:1/-1;grid-row:2;height:6px;margin:0 24px 1px 23px}.compare-row strong{grid-column:2;grid-row:1;font-size:11px}.compare-arrow{grid-column:3;grid-row:1}.comparison-note{font-size:9px;margin:14px 8px 0;line-height:1.6}.saved-heading{align-items:flex-start}.saved-heading h2{font-size:17px}.saved-heading p{font-size:10px;line-height:1.65;max-width:240px}.text-button.light{font-size:9px}.saved-scenarios{grid-template-columns:1fr}.saved-card{padding:18px}.saved-tokens{font-size:29px}.saved-value span{display:inline;margin-left:5px}.saved-meta{font-size:9px}.saved-card h3{margin:10px 0 14px}.load-scenario{font-size:11px}.board-empty{padding:20px 15px;gap:12px}.board-empty>span{flex-shrink:0;width:30px;height:30px}.board-empty strong{font-size:11px}.board-empty p{font-size:10px;line-height:1.6}.mobile-result{left:11px;right:11px;bottom:max(10px,env(safe-area-inset-bottom));padding:11px 13px}.mobile-result strong{font-size:13px}.mobile-result a{font-size:11px;padding:8px 10px}.mobile-result a span:first-child{max-width:132px}.page-shell{padding-bottom:80px}.brand-product{display:none}}