:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--blue:#0088cc;--blue-dark:#006faa;--red:#d92d3a;--green:#16835f;--ink:#202124;--text:#41464d;--muted:#6b7280;--line:#e4e8ee;--paper:#ffffff;--soft:#f5f7fa;--warm:#fff6ef;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}.bidapp-showroom-page{overflow:hidden}.bidapp-showroom-page [id]{scroll-margin-top:84px}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.section{padding:84px 0}.section--soft{background:var(--soft)}.section--warm{background:var(--warm)}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(2.15rem,4.2vw,3.45rem);line-height:1.06}h1,h2,h3{letter-spacing:0}h2{margin-bottom:18px;font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.08}h3{margin-bottom:10px;font-size:1.22rem;line-height:1.25}p{color:var(--text)}.lead{max-width:760px;color:#4d535b;font-size:clamp(1.1rem,1.2vw,1.35rem)}.note{margin-top:16px;color:var(--muted);font-size:.98rem}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgb(255 255 255/.96);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{font-size:1.55rem;font-weight:900;color:var(--ink);white-space:nowrap}.brand span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:22px;color:#2f3338;font-size:.98rem;font-weight:800}.nav-links a{white-space:nowrap}.nav-cta{min-height:42px;padding:10px 16px;border-radius:8px;background:var(--ink);color:#fff;font-weight:900}.nav-cta:focus-visible,.nav-cta:hover,.nav-cta:visited{color:#fff;background:var(--blue-dark)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border:1px solid #fff0;border-radius:8px;font-weight:900;transition:transform .2s ease,background .2s ease,border .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--blue);color:#fff;box-shadow:0 16px 32px rgb(0 136 204/.2)}.button--primary:focus-visible,.button--primary:hover,.button--primary:visited{background:var(--blue-dark);color:#fff}.button--ghost{background:#fff;border-color:var(--line);color:var(--ink)}.button--ghost:hover{border-color:#b8c5d6}.final-cta .button--ghost{background:#fff0;color:#fff;border-color:#5a6573}.hero{padding:58px 0 64px;background:linear-gradient(180deg,#fff 0,#f2f9fd 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center;gap:52px}.hero-preview{justify-self:end;width:min(100%,620px)}.browser-card{overflow:hidden;border:1px solid rgb(0 136 204/.22);border-radius:12px;background:#fff;box-shadow:0 26px 70px rgb(0 111 170/.16)}.browser-bar{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0,#f5f8fb 100%)}.browser-bar span{width:9px;height:9px;border-radius:50%;background:#c7d1dc}.browser-bar span:first-child{background:var(--red)}.browser-bar span:nth-child(2){background:#f2b544}.browser-bar span:nth-child(3){background:var(--green)}.browser-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.85fr);gap:20px;min-height:390px;padding:22px;background:linear-gradient(180deg,#fff 0,#f7fbfd 100%)}.page-column,.widget-column{padding:18px;border-radius:10px;background:#fff}.page-column{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line)}.mock-line,.mock-title{background:#e1e8ef}.mock-line{border-radius:999px}.mock-title{width:78%;height:34px;border-radius:8px}.mock-line{width:74%;height:12px}.mock-line--wide{width:92%}.mock-line--short{width:58%}.widget-column{display:grid;align-content:start;gap:12px;border:2px solid rgb(0 136 204/.42);box-shadow:0 18px 42px rgb(0 111 170/.12)}.widget-pill{width:fit-content;padding:5px 10px;border-radius:999px;background:rgb(0 136 204/.12);color:var(--blue-dark);font-size:.78rem;font-weight:900}.lot-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px}.lot-row div{width:52px;height:64px;border-radius:7px;background:linear-gradient(135deg,rgb(217 45 58/.26),#f8e9e5)}.lot-row:nth-child(3) div{background:linear-gradient(135deg,rgb(22 131 95/.28),#e8f5ee)}.lot-row span{width:82%;height:44px;border-radius:7px;background:#edf2f6}.widget-column strong{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;background:var(--green);color:#fff}.section-head{max-width:780px;margin-bottom:34px}.section-head--center{margin-left:auto;margin-right:auto;text-align:center}.showroom-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.showroom-controls button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:900;cursor:pointer}.showroom-controls button.is-active{border-color:rgb(0 136 204/.42);background:var(--blue);color:#fff}.showroom-stage{padding:18px;border:1px solid rgb(0 136 204/.18);border-radius:12px;background:#fff;box-shadow:0 24px 70px rgb(34 43 58/.08)}.stage-info{display:flex;justify-content:space-between;gap:28px;padding:6px 4px 18px}.stage-info h3,.stage-info p{margin-bottom:0;max-width:460px}.stage-info p{max-width:560px;color:var(--muted)}.stage-canvas{display:flex;justify-content:center;min-height:820px;padding:24px;border-radius:10px;background:linear-gradient(90deg,rgb(0 136 204/.05)0 1px,transparent 1px 100%),linear-gradient(180deg,#f8fbfd 0,#eef4f8 100%);background-size:72px 72px,auto}.device-frame{position:relative;width:100%;max-width:1060px;padding:12px;border:2px solid rgb(0 136 204/.42);border-radius:12px;background:linear-gradient(180deg,#f3faff 0,#fff 100%);box-shadow:inset 0 0 0 1px rgb(255 255 255/.92),0 22px 60px rgb(0 111 170/.14);transition:max-width .24s ease}.frame-label{position:absolute;top:-14px;left:16px;padding:3px 10px;border:1px solid rgb(0 136 204/.28);border-radius:999px;background:#fff;color:var(--blue-dark);font-size:.72rem;font-weight:900;line-height:1.2}.device-frame iframe{display:block;width:100%;height:760px;border:1px solid rgb(0 136 204/.22);border-radius:8px;background:#fff}.placement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.placement-card{min-height:230px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.placement-card--blue{border-top:5px solid var(--blue)}.placement-card--red{border-top:5px solid var(--red)}.placement-card--green{border-top:5px solid var(--green)}.placement-card--muted{border-top:5px solid #a8b2c0}.embed-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:42px;align-items:start}.scenario-list{display:grid;gap:12px}.scenario-card{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:8px;background:#fff}.scenario-card strong{color:var(--ink);font-size:1.05rem}.scenario-card span{color:var(--text)}.scenario-card--future{border-left-color:#a8b2c0;background:#fafbfc}.code-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:#121820;color:#eaf2f8;box-shadow:0 18px 45px rgb(18 24 32/.14)}.code-card code{display:block;overflow-wrap:anywhere;font-family:Menlo,Consolas,Monaco,monospace;font-size:.95rem;line-height:1.7}.final-cta{padding:76px 0;background:var(--ink);text-align:center}.final-cta h2{color:#fff}.final-cta p{max-width:720px;margin-left:auto;margin-right:auto;color:#d5dbe4}.final-cta .button-row{justify-content:center}.footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 20px;font-weight:800}@media (max-width:1040px){.embed-layout,.hero-grid,.settings-layout{grid-template-columns:1fr}.hero-preview{justify-self:stretch;width:100%}.placement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-info{flex-direction:column;gap:8px}}@media (max-width:760px){html{scroll-padding-top:112px}.bidapp-showroom-page [id]{scroll-margin-top:112px}.container{width:min(100% - 32px,var(--max))}.section{padding:62px 0}.nav{align-items:flex-start;flex-direction:column;gap:10px;min-height:auto;padding:12px 0 10px}.nav-links{width:calc(100% + 32px);margin:0-16px;padding:0 16px 8px;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-size:.92rem;line-height:1.2}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.nav-cta{display:none}.hero{padding:46px 0 58px}.hero-grid{gap:34px}.browser-layout,.placement-grid{grid-template-columns:1fr}.showroom-controls button{flex:1 1 150px}.stage-canvas{min-height:760px;padding:18px 10px}.device-frame iframe{height:700px}.footer-row{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}}