.demo-page{background:#fff;color:#1a1a1a;padding:40px max(32px,calc((100vw - 1260px)/2)) 100px;font-family:Roboto,Arial,sans-serif}.demo-page .breadcrumbs{display:flex;gap:12px;color:#555;margin-bottom:75px}.demo-page .breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.demo-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,8vw,130px);align-items:start}.demo-page .eyebrow{display:block;font:500 11px/1.5 'Roboto Mono',monospace!important;letter-spacing:.1em;color:#2d3ae2}.demo-intro h1{font:900 clamp(56px,6vw,92px)/1.03 Roboto,Arial,sans-serif;letter-spacing:-.04em;color:#071d6d;margin:22px 0 30px}.demo-intro>p{font-size:clamp(19px,1.75vw,24px);line-height:1.55;color:#555;max-width:500px}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:46px 0 28px}.demo-products>a{border-top:3px solid #00ffcc;padding:18px 0;display:flex;flex-direction:column;gap:8px}.demo-products>a:last-child{border-top-color:#2d3ae2}.demo-products strong{font-size:17px;color:#071d6d}.demo-products span{font-size:13px;color:#555}.demo-intro .demo-official{font-size:14px}.demo-official a{text-decoration:underline;text-underline-offset:4px;color:#071d6d}.demo-panel{background:#f2f2f2;border-top:4px solid #2d3ae2;padding:clamp(26px,3vw,48px)}.demo-panel h2{font:700 clamp(30px,3vw,43px)/1.15 Roboto,Arial,sans-serif;color:#071d6d;margin:15px 0 10px}.demo-panel>p{color:#555;font-size:14px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.demo-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#071d6d}.demo-grid .wide{grid-column:1/-1}.demo-grid label[hidden]{display:none}.demo-grid input,.demo-grid select,.demo-grid textarea{width:100%;min-width:0;min-height:49px;border:1px solid #c9c9c9;border-radius:4px;background:#fff;color:#1a1a1a;padding:12px 14px;font:400 16px/1.35 Roboto,Arial,sans-serif}.demo-grid textarea{resize:vertical;min-height:110px}.demo-grid small{font-size:12px;color:#555;font-weight:400}.demo-grid input:focus-visible,.demo-grid select:focus-visible,.demo-grid textarea:focus-visible{outline:2px solid #2d3ae2;outline-offset:2px}.demo-privacy{display:flex;gap:12px;align-items:flex-start;color:#555;font-size:14px;line-height:1.55;margin:25px 0}.demo-privacy input{width:18px;height:18px;flex:none;accent-color:#2d3ae2;margin-top:2px}.demo-privacy a{color:#071d6d;text-decoration:underline;text-underline-offset:3px}.demo-actions button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:210px;background:#2d3ae2;color:#fff;border:0;border-radius:8px;padding:17px 22px;font:700 15px Roboto,Arial,sans-serif;cursor:pointer}.demo-actions button:hover{background:#071d6d}.demo-actions button:disabled{opacity:.65;cursor:wait}.demo-actions #demo-status{font-size:14px;color:#555;line-height:1.5;margin:14px 0 0}.demo-actions #demo-status.error{color:#a32323}.demo-actions #demo-status.success{color:#075645}.demo-trap{position:absolute;left:-9999px;width:1px;height:1px}@media(max-width:850px){.demo-layout{grid-template-columns:1fr;gap:40px}.demo-intro h1{margin-bottom:22px}.demo-page .breadcrumbs{margin-bottom:55px}}@media(max-width:560px){.demo-page{padding:25px 22px 65px}.demo-grid{grid-template-columns:1fr}.demo-panel{margin:0 -22px;padding:28px 22px}.demo-products{margin-top:30px}.demo-page .breadcrumbs{margin-bottom:40px}}