:root{--ink:#202127;--muted:#696b75;--line:#e3e1dc;--paper:#fcfbf8;--surface:#fff;--soft:#f3f1ec;--primary:#4e49c7;--primary-dark:#3d38a7;--coral:#ef5b4d;--success:#2f7d58;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,summary{outline:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{color:inherit;text-decoration:none}.site-shell,.settings-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fcfbf8eb;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(24px,5vw,72px);display:flex}.topbar.contained{padding-inline:0}.brand{letter-spacing:-.02em;font-weight:760}.text-link{color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:650}.text-link:hover{color:var(--ink)}.muted{color:var(--muted)}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero{max-width:1040px;margin:0 auto;padding:112px 32px 88px}.hero h1{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(44px,6vw,72px);font-weight:760;line-height:1.04}.hero-copy{max-width:680px;color:var(--muted);margin:28px 0 0;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.campaign-hero{isolation:isolate;border-bottom:1px solid var(--line);background:var(--paper);min-height:min(720px,100dvh - 68px);position:relative;overflow:hidden}.campaign-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fcfbf8f5 0%,#fcfbf8c7 25%,#fcfbf847 43%,#fcfbf800 58%),linear-gradient(#0000 70%,#1b1f1924);position:absolute;inset:0}.campaign-intro{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(56px,8vw,112px);width:min(1180px,100% - 80px);margin:0 auto;padding:78px 0 66px;display:grid}.campaign-intro h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(44px,4.5vw,64px);font-weight:760;line-height:1.04}.campaign-intro h1 span{white-space:nowrap;display:block}.campaign-intro-body{align-self:end;padding-bottom:3px}.campaign-intro .hero-copy{color:#555861;max-width:520px;margin-top:0}.forest-entry{color:#21483b;background:linear-gradient(135deg,#e8f1e5c2,#f8f7f1eb);border:1px solid #315f4f38;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;width:min(100%,520px);min-width:0;margin-top:24px;padding:13px 14px;transition:border-color .22s,background-color .22s,transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s;display:grid;box-shadow:0 14px 34px #22443714}.forest-entry:hover{border-color:#315f4f6b;transform:translateY(-2px);box-shadow:0 18px 38px #2244371f}.forest-entry:active{transform:translateY(1px)scale(.995)}.forest-entry-mark{color:#f6efe0;background:#315f4f;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.forest-entry-mark svg{width:19px}.forest-entry-copy{gap:2px;min-width:0;display:grid}.forest-entry-copy small{color:#61736c;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.forest-entry-copy strong{letter-spacing:-.02em;font-size:14px}.forest-entry-copy em{color:#61736c;font-size:10px;font-style:normal;line-height:1.45}.forest-entry-arrow{width:18px;transition:transform .3s cubic-bezier(.2,.75,.2,1)}.forest-entry:hover .forest-entry-arrow{transform:translate(3px)}.campaign-hero-media{z-index:-2;background:#d8d9bd;position:absolute;inset:0;overflow:hidden}.campaign-hero-poster,.campaign-hero-video{object-fit:cover;object-position:center;width:100%;height:100%}.campaign-hero-video{opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.campaign-hero-video.is-playing{opacity:1}.mascot-ensemble{z-index:1;pointer-events:none;width:min(32vw,420px);height:min(620px,100% - 52px);position:absolute;top:50%;left:clamp(26px,4.6vw,72px);transform:translateY(-50%)}.mascot-grid{isolation:isolate;grid-template-rows:minmax(190px,1.25fr) repeat(2,minmax(142px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;height:100%;display:grid;position:relative}.mascot-card{min-width:0;color:var(--ink);cursor:pointer;pointer-events:auto;isolation:isolate;background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:center;padding:4px 4px 8px;display:flex;position:relative}.mascot-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle at 50% 78%,#fcfbf8b8,#fcfbf800 68%);border:1px solid #ffffff5c;border-radius:50%;transition:opacity .24s,transform .34s cubic-bezier(.2,.75,.2,1);position:absolute;inset:10% 5% 4%;transform:scale(.88)}.mascot-card[data-active=true]:before{opacity:1;transform:scale(1)}.mascot-card[data-active=true]{z-index:10}.mascot-card:after{content:"";z-index:-2;filter:blur(9px);opacity:0;pointer-events:none;background:radial-gradient(at 50% 58%,#fffff8fa 0%,#fff6d2a3 42%,#fff6d200 76%);border-radius:48%;transition:opacity .24s,transform .38s cubic-bezier(.2,.75,.2,1);position:absolute;inset:-24% -34% -18%;transform:scale(.82)}.mascot-card[data-active=true]:after{opacity:1;transform:scale(1)}.mascot-card-owl{grid-column:1/-1}.mascot-motion{transform-origin:50% 92%;will-change:transform;justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative}.mascot-motion img{object-fit:contain;filter:drop-shadow(0 10px 14px #2d2b2221);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:min(17.5vh,146px)}.mascot-card-owl .mascot-motion img{height:min(25vh,202px)}.mascot-label{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfbf8d6;border:1px solid #e3e1dcd6;border-radius:999px;justify-items:center;gap:1px;margin-top:-2px;padding:5px 10px 4px;display:grid;position:relative;box-shadow:0 7px 16px #28261e0f}.mascot-label strong{font-size:12px;line-height:1.1}.mascot-label small{color:var(--muted);font-size:9px;line-height:1.2}.mascot-tooltip{z-index:8;width:224px;color:var(--ink);opacity:0;transform-origin:0;pointer-events:none;text-align:left;background:#fcfbf8f2;border:1px solid #e3e1dceb;border-radius:12px;gap:5px;padding:12px 14px;transition:opacity .18s,transform .26s cubic-bezier(.2,.75,.2,1);display:grid;position:absolute;bottom:26px;left:calc(100% + 12px);transform:translate(-6px)scale(.97);box-shadow:0 16px 36px #28261e24}.mascot-card-owl .mascot-tooltip{bottom:56px;left:calc(64% + 16px)}.mascot-tooltip strong{font-size:12px}.mascot-tooltip span{color:var(--muted);font-size:12px;line-height:1.5}.mascot-card[data-active=true] .mascot-tooltip{opacity:1;transform:translate(0)scale(1)}.mascot-glint{opacity:0;background:#ffffffe0;border-radius:999px;width:32px;height:2px;transition:opacity .2s .12s,transform .46s cubic-bezier(.2,.75,.2,1);position:absolute;top:34%;left:51%;transform:translate(-10px)rotate(-22deg);box-shadow:0 0 8px #ffffffc2}.mascot-card-owl[data-active=true] .mascot-glint{opacity:1;transform:translate(8px)rotate(-22deg)}.mascot-mobile-detail{display:none}@media (hover:hover) and (pointer:fine) and (min-width:561px){.mascot-grid:after{content:"";z-index:4;-webkit-backdrop-filter:blur(1px)saturate(.76);backdrop-filter:blur(1px)saturate(.76);opacity:0;pointer-events:none;background:#1d1f1b2e;border-radius:38px;transition:opacity .28s;position:absolute;inset:-24px -78px -24px -18px;-webkit-mask-image:linear-gradient(90deg,#000 0% 72%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 72%,#0000 100%)}.mascot-grid:has(.mascot-card[data-active=true]):after{opacity:1}.mascot-card{transition:opacity .28s,filter .3s,transform .34s cubic-bezier(.2,.75,.2,1)}.mascot-grid:has(.mascot-card[data-active=true]) .mascot-card:not([data-active=true]){opacity:.56;filter:saturate(.62)brightness(.82);transform:scale(.96)}.mascot-card[data-active=true]{transform:translateY(-2px)scale(1.025)}}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:720;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.6;transform:none}.button.primary{color:#fff;background:var(--primary)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.secondary:hover{background:var(--soft);border-color:#c9c6bf}.button.full{width:100%}.feature-strip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto;padding:0 32px 80px;display:grid}.feature-strip article{padding:30px 30px 0 0}.feature-strip svg{width:20px;color:var(--primary)}.feature-strip h2{margin:18px 0 8px;font-size:17px}.feature-strip p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.auth-shell{background:var(--soft);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:28px;width:min(100%,430px);padding:38px;display:grid;box-shadow:0 20px 55px #28261e14}.auth-panel h1{letter-spacing:-.035em;margin:0 0 10px;font-size:29px;line-height:1.18}.auth-panel p{color:var(--muted);margin:0;line-height:1.6}.download-access-panel form{gap:12px;display:grid}.download-access-panel label{color:#3b3c43;font-size:13px;font-weight:680}.download-access-panel input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d4d1cb;border-radius:7px;outline:none;padding:10px 11px}.download-access-panel input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #4e49c71a}.form-error{font-size:13px;color:#b12f2a!important}.form-success{color:var(--success);align-items:center;gap:7px;font-size:13px;display:flex}.settings-shell{width:min(1160px,100% - 48px);margin:0 auto}.settings-heading{border-bottom:1px solid var(--line);padding:58px 0 34px}.settings-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:34px}.settings-heading p:last-child{color:var(--muted);margin:0}.settings-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:52px;padding:38px 0 72px;display:grid}.settings-form{flex-direction:column;gap:20px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title span{min-width:28px;color:var(--muted);background:var(--soft);text-align:center;border-radius:999px;padding:3px 8px;font-size:12px}.field-grid{align-items:start;gap:14px;display:grid}.field-grid.two{grid-template-columns:1fr 1fr}.settings-form label{color:#3b3c43;gap:8px;font-size:13px;font-weight:680;display:grid}.settings-form input,.settings-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d4d1cb;border-radius:7px;outline:none;padding:10px 11px;font-weight:480}.settings-form input:focus-visible,.settings-form textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #4e49c71a}.settings-form small{color:var(--muted);font-weight:450;line-height:1.45}.settings-form .check-label{align-items:center;gap:9px;display:flex}.settings-form .check-label input{width:16px;height:16px}.project-list{flex-direction:column;gap:0;display:flex}.project-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:20px 0;display:flex}.project-row h3,.project-row p{margin:0}.project-row p{max-width:460px;color:var(--muted);overflow-wrap:anywhere;margin:7px 0;font-size:13px}.project-row small{color:var(--muted)}.project-name{align-items:center;gap:9px;display:flex}.status{background:var(--soft);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:11px}.status.enabled{color:var(--success);background:#eaf4ee}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:var(--soft)}.empty-state{min-height:200px;color:var(--muted);border-bottom:1px solid var(--line);align-content:center;place-items:center;gap:8px;display:grid}.empty-state p{margin:0}.settings-nav{align-items:center;gap:5px;display:flex}.settings-nav a{color:var(--muted);border-radius:7px;padding:8px 11px;font-size:13px;font-weight:700}.settings-nav a:hover,.settings-nav a.active{color:var(--ink);background:var(--soft)}.settings-grid.expanded{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.settings-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:16px;min-width:0;margin:0;padding:18px;display:grid}.settings-section legend{padding:0 7px;font-size:13px;font-weight:800}.settings-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #d4d1cb;border-radius:7px;outline:none;padding:10px 11px}.settings-form select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #4e49c71a}.section-title.compact{min-height:26px}.section-title.compact h3{margin:0;font-size:14px}.section-title.compact .text-link{align-items:center;gap:5px;display:inline-flex}.destination-ok{color:var(--success);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.config-row{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:12px;padding:14px;display:grid}.config-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-row-head strong{font-size:12px}.config-row-head>span{gap:4px;display:flex}.config-row-head button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.config-row-head button:hover{color:var(--ink);background:var(--soft)}.config-row-head button svg{width:14px}.check-grid{flex-wrap:wrap;gap:8px 14px;margin-top:8px;display:flex}.field-label{color:#3b3c43;font-size:13px;font-weight:680}.mapping-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mapping-choice{border:1px solid var(--line);border-radius:7px;min-width:0;margin:0;padding:10px 11px}.mapping-choice legend{color:var(--ink);padding:0 4px;font-size:13px;font-weight:680}.mapping-choice .check-grid{gap:7px;margin-top:2px;display:grid}.small{font-size:12px}.health-message{color:#9c4b21!important}.status.warning{color:#9c4b21;background:#fff1df}.operations-layout{gap:24px;padding:34px 0 72px;display:grid}.operations-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.operations-toolbar>div{align-items:center;gap:9px;display:flex}.operations-toolbar>div:first-child{gap:4px;display:grid}.operations-toolbar span{color:var(--muted);font-size:12px}.ops-metrics{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.ops-metrics article,.ops-card,.policy-card{border:1px solid var(--line);background:var(--surface);border-radius:10px}.ops-metrics article{gap:9px;padding:18px;display:grid}.ops-metrics span,.ops-metrics small{color:var(--muted);font-size:11px}.ops-metrics strong{letter-spacing:-.04em;font-size:25px}.ops-actions{flex-wrap:wrap;gap:9px;display:flex}.ops-risk-note{border:1px solid color-mix(in srgb, var(--coral) 34%, var(--line));background:color-mix(in srgb, var(--coral) 8%, var(--surface));color:var(--ink);border-radius:10px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;line-height:1.55;display:flex}.ops-risk-note svg{color:var(--coral);flex:none;margin-top:1px}.ops-risk-note span{gap:2px;display:grid}.ops-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ops-card{min-width:0;padding:18px}.health-row,.audit-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 0;display:grid}.health-row{grid-template-columns:20px minmax(0,1fr) auto}.audit-row{grid-template-columns:minmax(0,1fr) auto}.health-row:last-child,.audit-row:last-child{border-bottom:0}.health-row>svg{width:17px;color:var(--success)}.health-row>svg:first-child+div p{color:#9c4b21;overflow-wrap:anywhere;margin:4px 0 0;font-size:11px}.health-row div,.audit-row div{gap:4px;min-width:0;display:grid}.health-row strong,.audit-row strong{font-size:13px}.health-row small,.audit-row small,.health-row>span,.audit-row>span{color:var(--muted);font-size:11px}.extension-error-row{border-bottom:1px solid var(--line);gap:10px;padding:15px 0;display:grid}.extension-error-row:last-child{border-bottom:0}.extension-error-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.extension-error-summary>div{gap:5px;min-width:0;display:grid}.extension-error-summary strong{overflow-wrap:anywhere;font-size:13px}.extension-error-summary small{color:var(--muted);font-size:11px}.extension-error-row details{min-width:0}.extension-error-row summary{width:max-content;max-width:100%;color:var(--primary);cursor:pointer;font-size:12px;font-weight:700}.extension-error-row p{overflow-wrap:anywhere;margin:10px 0 0;font-size:12px;line-height:1.55}.extension-error-row pre{background:var(--paper);max-height:240px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:10px 0 0;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.release-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:42px;padding:36px 0 72px;display:grid}.release-list{align-content:start;gap:12px;display:grid}.policy-card{justify-content:space-between;align-items:end;gap:18px;padding:18px;display:flex}.policy-card>div{gap:5px;display:grid}.policy-card>div:last-child{grid-template-columns:150px auto}.policy-card span,.policy-card small{color:var(--muted);font-size:11px}.policy-card strong{font-size:22px}.policy-card input{border:1px solid var(--line);border-radius:7px;min-width:0;padding:9px 10px}.policy-card input:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4e49c71a}.release-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0;display:grid}.release-row>div{gap:6px;display:grid}.release-row small{color:var(--muted);font-size:11px}.release-row code{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.release-row p{color:var(--muted);white-space:pre-wrap;margin:4px 0 0;font-size:12px;line-height:1.5}.install-shell{min-height:100vh}.install-hero{width:min(820px,100% - 48px);margin:0 auto;padding:82px 0 40px}.install-hero>h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,6vw,62px)}.install-hero>p:not(.eyebrow){max-width:680px;color:var(--muted);line-height:1.7}.release-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1fr auto;gap:18px;margin-top:30px;padding:24px;display:grid;box-shadow:0 18px 50px #28261e0f}.release-card>div{gap:5px;display:grid}.release-card span,.release-card small{color:var(--muted);font-size:11px}.release-card strong{font-size:25px}.release-card code{border-top:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;padding-top:14px;font-size:10px}.release-card .release-notes{white-space:pre-wrap;grid-column:1/-1;margin:0}.notice-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:28px;padding:20px}.install-steps{grid-template-columns:1fr 1fr;gap:16px;width:min(820px,100% - 48px);margin:0 auto;padding:20px 0 84px;display:grid}.install-steps article{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:42px 1fr;gap:13px;padding:20px;display:grid}.install-steps article>span{width:40px;height:40px;color:var(--primary);background:var(--soft);border-radius:9px;place-items:center;display:grid}.install-steps svg{width:18px}.install-steps strong{font-size:14px}.install-steps p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.6}.demo-app{background:#f7f8fa;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.demo-nav{background:#fff;border-right:1px solid #e3e6ec;flex-direction:column;height:100vh;padding:25px 16px;display:flex;position:sticky;top:0}.demo-nav strong{align-items:center;gap:8px;padding:0 8px 22px;display:flex}.demo-nav nav{gap:5px;display:grid}.demo-nav nav a{color:#5e6470;border-radius:7px;align-items:center;gap:10px;padding:10px 11px;font-size:14px;display:flex}.demo-nav nav a.active{color:#3f49a7;background:#eef1ff}.demo-nav nav svg{width:17px}.demo-nav>a{color:#737783;margin-top:auto;padding:8px;font-size:12px}.demo-content{width:min(1020px,100% - 54px);margin:0 auto;padding:38px 0 60px}.demo-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.demo-header p,.demo-header h1,.demo-header span{margin:0}.demo-header p{color:#8a8d95;font-size:12px}.demo-header h1{margin:12px 0 6px;font-size:28px}.demo-header span{color:#737783;font-size:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 18px;display:grid}.metric-grid article,.chart-card,.demo-table{background:#fff;border:1px solid #e1e4ea;border-radius:8px}.metric-grid article{padding:18px}.metric-grid p,.metric-grid strong,.metric-grid small{margin:0;display:block}.metric-grid p{color:#777b84;font-size:12px}.metric-grid strong{margin:12px 0 9px;font-size:23px}.metric-grid small{color:#2e9b62}.chart-card{padding:22px}.chart-title{justify-content:space-between;align-items:flex-start;display:flex}.chart-title h2,.chart-title p{margin:0}.chart-title h2{font-size:17px}.chart-title p{color:#8a8d95;margin-top:5px;font-size:12px}.chart-title button{background:#fff;border:1px solid #dfe2e8;border-radius:6px;padding:7px 11px}.bar-chart{background:repeating-linear-gradient(#0000 0 54px,#eef0f4 55px);border-bottom:1px solid #dfe2e8;align-items:flex-end;gap:14px;height:220px;padding:30px 18px 0;display:flex}.bar-chart span{opacity:.72;background:#7b80d9;border-radius:3px 3px 0 0;flex:1;min-height:12%}.chart-axis{color:#8a8d95;justify-content:space-between;padding:9px 18px 0;font-size:11px;display:flex}.table-heading{justify-content:space-between;align-items:center;margin:24px 0 10px;display:flex}.table-heading h2{margin:0;font-size:18px}.table-heading button{color:#fff;background:#4e57c8;border:0;border-radius:6px;align-items:center;gap:7px;padding:9px 14px;font-weight:700;display:flex;position:relative;top:5px}.table-row{border-bottom:1px solid #eceef2;grid-template-columns:1fr 1fr 1fr 1fr;padding:14px 18px;font-size:13px;display:grid}.table-row:last-child{border-bottom:0}.table-row.header{color:#737783;background:#fafbfc;font-size:12px;font-weight:700}@media (max-width:840px){.feature-strip,.settings-grid,.field-grid.two,.demo-app{grid-template-columns:1fr}.demo-nav{display:none}.metric-grid{grid-template-columns:1fr 1fr}.settings-grid.expanded,.release-layout,.ops-grid{grid-template-columns:1fr}.ops-metrics{grid-template-columns:1fr 1fr}.operations-toolbar{flex-direction:column;align-items:flex-start}.install-steps{grid-template-columns:1fr}.campaign-hero{aspect-ratio:16/9;min-height:0}.campaign-hero:after{background:linear-gradient(90deg,#fcfbf8e6,#fcfbf857 46%,#0000 66%)}.campaign-hero-media{z-index:-2;position:absolute;inset:0}.mascot-ensemble{width:43%;height:calc(100% - 24px);left:18px}.mascot-grid{grid-template-rows:minmax(112px,1.15fr) repeat(2,minmax(88px,1fr));gap:0 7px}.mascot-motion img{height:min(14vw,112px)}.mascot-card-owl .mascot-motion img{height:min(19vw,154px)}.mascot-label{padding:4px 8px 3px}.mascot-label small{display:none}.mascot-tooltip{width:204px;padding:10px 12px}.campaign-intro{grid-template-columns:1fr;gap:34px;width:min(100% - 64px,760px);padding:62px 0 54px}.campaign-intro h1{max-width:700px}.campaign-intro h1 span{white-space:normal}.campaign-intro .hero-copy{max-width:660px}}@media (max-width:560px){.settings-shell{width:min(100% - 28px,1160px)}.topbar{padding-inline:16px}.settings-nav a{padding-inline:7px}.mapping-grid,.ops-metrics,.extension-error-summary,.release-card{grid-template-columns:1fr}.release-card .button{width:100%}.campaign-hero{aspect-ratio:auto;flex-direction:column;display:flex;overflow:visible}.campaign-hero:after{display:none}.campaign-hero-media{z-index:0;aspect-ratio:16/9;position:relative;inset:auto}.mascot-ensemble{background:var(--paper);width:100%;height:auto;padding:16px 0 10px;position:relative;top:auto;left:auto;transform:none}.mascot-grid{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;height:auto;padding:2px 20px 10px;display:flex;overflow-x:auto}.mascot-grid::-webkit-scrollbar{display:none}.mascot-card,.mascot-card-owl{scroll-snap-align:start;width:92px;min-width:92px;height:118px;padding:0 2px 6px}.mascot-motion img,.mascot-card-owl .mascot-motion img{height:84px}.mascot-label{margin-top:-4px;padding:4px 9px}.mascot-label strong{font-size:11px}.mascot-tooltip{display:none}.mascot-glint{width:20px;top:32%;left:50%}.mascot-mobile-detail{border-top:1px solid var(--line);align-content:center;gap:4px;min-height:61px;margin:0 20px;padding:10px 2px 2px;display:grid}.mascot-mobile-detail strong{font-size:12px}.mascot-mobile-detail span{color:var(--muted);font-size:12px;line-height:1.45}.campaign-intro{gap:28px;width:calc(100% - 40px);padding:46px 0 44px}.campaign-intro h1{font-size:clamp(30px,8.4vw,34px);line-height:1.08}.campaign-intro .hero-copy{margin-top:0;font-size:17px}.campaign-intro .hero-actions{margin-top:28px}.campaign-intro .hero-actions .button{width:100%}.forest-entry{grid-template-columns:40px minmax(0,1fr) 18px;width:100%;padding:12px}.forest-entry-mark{width:40px;height:40px}.forest-entry-copy em{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.mascot-grid:after,.mascot-card,.mascot-card:before,.mascot-card:after,.mascot-tooltip,.mascot-glint,.forest-entry,.forest-entry-arrow{transition:none}.mascot-card,.mascot-card:before,.mascot-card:after,.mascot-motion,.mascot-tooltip,.mascot-glint{transform:none!important}.forest-entry:hover,.forest-entry:focus-visible,.forest-entry:active,.forest-entry:hover .forest-entry-arrow,.forest-entry:focus-visible .forest-entry-arrow,.forest-entry:active .forest-entry-arrow{transform:none}}