.onb-stage{position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--font-family-body);color:var(--c-text);isolation:isolate}.onb-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--sky-from) 0%,var(--sky-to) 100%);z-index:0}.onb-ground{position:absolute;left:0;right:0;bottom:0;height:40%;z-index:1;pointer-events:none}.onb-cloud{position:absolute;width:120px;height:28px;border-radius:999px;background:#ffffffa6;filter:blur(1px);will-change:transform;animation:onb-drift var(--drift-dur, 32s) linear infinite;animation-delay:var(--drift-delay, 0s);z-index:1}@keyframes onb-drift{0%{transform:translate(-140px)}to{transform:translate(440px)}}.onb-blade{position:absolute;bottom:0;width:2px;background:var(--blade-color, #5a7a4a);transform-origin:bottom center;animation:onb-sway 6s ease-in-out infinite;z-index:2}@keyframes onb-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.onb-content{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;padding:24px 22px 22px;box-sizing:border-box}.onb-eyebrow{font-family:var(--font-family-body);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--c-text-2);font-weight:600;margin:0 0 10px}.onb-heading{font-family:var(--font-family-display);font-weight:600;color:var(--c-heading);font-size:30px;line-height:1.08;letter-spacing:-.015em;margin:0 0 10px;max-width:22ch}.onb-heading em{font-style:italic;font-weight:400;color:var(--c-brand-leaf)}.onb-sub{font-family:var(--font-family-body);font-size:14.5px;color:var(--c-text-2);line-height:1.5;margin:0;max-width:34ch}.onb-margin-note{font-family:var(--font-family-display);font-style:italic;font-weight:400;color:var(--c-brand-leaf);font-size:13px;line-height:1.4;margin:8px 0 0;padding-left:14px;border-left:1px solid var(--c-brand-leaf-fresh);opacity:.9}.onb-rail{position:absolute;top:58px;left:22px;right:22px;height:3px;border-radius:2px;background:#0000000f;overflow:hidden;z-index:11}.onb-rail-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#f0c840,#e8a547,#d98b5f);transform-origin:left;transition:width .6s var(--ease-natural)}.onb-rail-pos{position:absolute;top:-6px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe48a,#f0c840 60%,#c99420);box-shadow:0 0 12px #f0c84099;transform:translate(-7px);transition:left .6s var(--ease-natural)}.onb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onb-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;background:#ffffffdb;border:1px solid var(--c-border);border-radius:16px;text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;transition:transform .18s var(--ease-natural),border-color .18s,box-shadow .18s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.onb-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.onb-tile.is-selected{border:1.5px solid var(--c-heading);background:#f4faf4f2;box-shadow:0 4px 14px #2d5a2d26}.onb-tile-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--c-heading);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s var(--ease-pop)}.onb-tile.is-selected .onb-tile-check{opacity:1;transform:scale(1)}.onb-tile-art{height:64px;border-radius:10px;background:var(--art-bg, #eef3e8);overflow:hidden;position:relative}.onb-tile-label{font-family:var(--font-family-display);font-size:16px;color:var(--c-heading);font-weight:600;line-height:1.2}.onb-tile-sub{font-size:11.5px;color:var(--c-text-3);line-height:1.35}.onb-chip-row{display:flex;flex-wrap:wrap;gap:8px}.onb-chip{border:1px solid var(--c-border);background:#ffffffd9;border-radius:999px;padding:9px 16px;font-family:var(--font-family-body);font-size:13.5px;color:var(--c-text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .18s var(--ease-natural);min-height:38px}.onb-chip.is-selected{border-color:var(--c-heading);background:var(--c-tint);color:var(--c-heading);font-weight:600}.onb-cta{width:100%;background:var(--c-heading);color:#fff;border:none;border-radius:999px;padding:14px 20px;font-family:var(--font-family-body);font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;min-height:48px;box-shadow:0 6px 18px #2d5a2d40;transition:transform .12s var(--ease-natural),box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.onb-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2d5a2d4d}.onb-cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.onb-ghost{background:none;border:none;color:var(--c-text-3);font-size:13px;font-family:inherit;cursor:pointer;padding:8px}.onb-skip{text-align:center;margin-top:10px}.onb-pc{position:relative;display:flex;align-items:stretch;gap:8px}.onb-pc-input{flex:1;background:#ffffffe6;border:1.5px solid var(--c-border);border-radius:14px;padding:12px 40px 12px 16px;font-size:16px;font-family:var(--font-family-body);color:var(--c-text);letter-spacing:.04em;text-transform:uppercase;outline:none;transition:border-color .18s}.onb-pc-input:focus{border-color:var(--c-heading)}.onb-pc>div{min-width:0;flex:1}.onb-pc>div .onb-pc-input{width:100%;flex:unset}.onb-pc-input.is-valid{border-color:var(--c-heading)}.onb-pc-check{position:absolute;right:100px;top:50%;transform:translateY(-50%);color:var(--c-heading)}.onb-pc-geo{flex-shrink:0;background:#ffffffe6;border:1px solid var(--c-border);border-radius:14px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;color:var(--c-heading);font-size:12px;font-weight:600;cursor:pointer}.onb-zone{margin-top:10px;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;background:var(--c-tint);border:1px solid var(--c-brand-leaf-fresh);border-radius:12px;animation:onb-zone-in .36s var(--ease-pop)}@keyframes onb-zone-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.onb-zone-sun{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe48a,#f0c840 60%,#d98b5f);box-shadow:0 0 8px #f0c84080;flex-shrink:0}.onb-zone-text{font-size:12.5px;color:var(--c-text);line-height:1.4}.onb-zone-text strong{color:var(--c-heading);font-weight:600}.onb-plot{position:relative;background:radial-gradient(circle at 30% 20%,rgba(156,184,115,.15) 0,transparent 60%),radial-gradient(circle at 80% 70%,rgba(217,139,95,.12) 0,transparent 55%),#fbf8f1;border:1px solid rgba(60,50,30,.1);border-radius:18px;padding:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9,var(--shadow-sm)}.onb-plot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(60,50,30,.035) 23px,rgba(60,50,30,.035) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(60,50,30,.035) 23px,rgba(60,50,30,.035) 24px);pointer-events:none;opacity:.6}.onb-plot-svg{display:block;width:100%;height:auto}.onb-plot-label{font-family:var(--font-family-display);font-style:italic;font-size:11.5px;fill:var(--c-heading)}.onb-pin-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.onb-pin{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;background:#ffffffeb;border:1px solid var(--c-border);border-radius:999px;font-size:13px;color:var(--c-text);cursor:pointer;font-family:inherit;transition:all .18s var(--ease-natural)}.onb-pin.is-selected{background:var(--c-tint);border-color:var(--c-heading);color:var(--c-heading);font-weight:600}.onb-pin-dot{width:8px;height:8px;border-radius:50%;background:var(--pin-color, #5a7a4a);flex-shrink:0}.onb-field-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--c-text-2);font-weight:600;margin:0 0 6px}.onb-field-input{width:100%;background:#fffffff0;border:1px solid var(--c-border);border-radius:12px;padding:12px 14px;font-size:15px;font-family:var(--font-family-body);color:var(--c-text);box-sizing:border-box;outline:none;transition:border-color .18s}.onb-field-input:focus{border-color:var(--c-heading)}.onb-sunflower-wrap{display:flex;justify-content:center;margin:-8px 0 4px}.onb-first-task-card{margin:14px 0 0;padding:14px 16px;background:#ffffffeb;border:1px solid var(--cb-feed-border);border-radius:14px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--shadow-sm);animation:onb-zone-in .5s .8s var(--ease-pop) backwards}.onb-first-task-badge{flex-shrink:0;padding:4px 8px;background:var(--cb-feed-bg);color:var(--cb-feed-text);border:1px solid var(--cb-feed-border);border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.onb-first-task-text{font-size:13.5px;color:var(--c-text);line-height:1.4}.onb-first-task-text strong{color:var(--c-heading);font-weight:600}.onb-foot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:8px}.onb-foot-row{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:var(--c-text-3)}.onb-foot-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--c-text-3);cursor:pointer;font-family:inherit;font-size:12px}@media(prefers-reduced-motion:reduce){.onb-cloud,.onb-blade,.onb-zone,.onb-first-task-card{animation:none}}@keyframes onb-plot-pop{0%{opacity:0;transform:scale(.92);transform-origin:center}to{opacity:1;transform:scale(1)}}@keyframes onb-pin-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes onb-bee-path{0%{transform:translate(0) rotate(5deg)}25%{transform:translate(120px,-10px) rotate(-4deg)}50%{transform:translate(220px,4px) rotate(6deg)}75%{transform:translate(320px,-6px) rotate(-3deg)}to{transform:translate(440px) rotate(2deg)}}@keyframes onb-butterfly-path{0%{opacity:0;transform:translateY(-4px) rotate(-8deg)}8%{opacity:1}22%{transform:translate(18px,-14px) rotate(6deg)}40%{transform:translate(34px,4px) rotate(-4deg)}55%{transform:translate(12px,22px) rotate(2deg)}72%{transform:translate(-14px,6px) rotate(-6deg)}88%{opacity:1;transform:translate(-28px,-10px) rotate(4deg)}to{opacity:0;transform:translate(-5px) rotate(-2deg)}}@keyframes onb-butterfly-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.55)}}.onb-butterfly-wing-l{transform-origin:right center;transform-box:fill-box;animation:onb-butterfly-flap .4s linear infinite}.onb-butterfly-wing-r{transform-origin:left center;transform-box:fill-box;animation:onb-butterfly-flap .4s linear infinite}@keyframes onb-petal-open{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.onb-plot-area,.onb-plot-pin,.onb-bee,.onb-sun-petal,.onb-butterfly,.onb-butterfly-wing-l,.onb-butterfly-wing-r{animation:none!important}}.onb-experience-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;background:transparent;outline:none;margin:8px 0 0}.onb-experience-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#f0c840,#e8a547,#d98b5f)}.onb-experience-slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#f0c840,#e8a547,#d98b5f)}.onb-experience-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe48a,#f0c840 60%,#c99420);box-shadow:0 2px 8px #f0c84073,0 0 0 2px #fff;margin-top:-11px;cursor:pointer;transition:transform .12s var(--ease-natural)}.onb-experience-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe48a,#f0c840 60%,#c99420);box-shadow:0 2px 8px #f0c84073,0 0 0 2px #fff;border:none;cursor:pointer}.onb-experience-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 8px #f0c84099,0 0 0 3px var(--c-heading)}.onb-experience-ticks{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:8px;font-size:12.5px;color:var(--c-text-2);font-family:var(--font-family-body)}.onb-experience-ticks>:nth-child(1){text-align:left}.onb-experience-ticks>:nth-child(2){text-align:center}.onb-experience-ticks>:nth-child(3){text-align:right}.onb-experience-ticks .is-active{color:var(--c-heading);font-weight:600}.onb-experience-illus{position:relative;width:220px;height:220px;margin:0 auto}.onb-experience-illus>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s var(--ease-natural)}.onb-experience-illus>svg.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.onb-experience-illus>svg{transition:none}}.t-heading{color:var(--c-heading)}.t-muted{color:var(--c-text-3)}.t-meta{font-size:12px;color:var(--c-text-3);margin-top:2px}.t-strong{font-size:13px;font-weight:600;color:var(--c-text)}.t-strong-text{font-size:14px;font-weight:600;color:var(--c-text)}.t-label{font-size:13px;color:var(--c-text-2);font-weight:600}.t-label-sm{font-size:12px;color:var(--c-text-2);font-weight:600}.t-heading-shrink{color:var(--c-heading);flex-shrink:0}.flex-1{flex:1}.flex-min{flex:1;min-width:0}.col-tight{display:flex;flex-direction:column;gap:4px}.row-between{display:flex;justify-content:space-between;align-items:center}.row-between-pad{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}.label-block{display:block;font-size:13px;color:var(--c-text-2);font-weight:600;margin-bottom:6px}.push-bottom{margin-top:auto;padding-top:16px}.mb-14{margin-bottom:14px}.shrink-0{flex-shrink:0}.hidden{display:none}