/* App-specific layout. Shared navigation, fonts and footer come from live .com ccl.css. */
*{box-sizing:border-box}body{margin:0;background:#f2f2e4;color:#1a1e4f;font-family:Dinpro,Verdana,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}.page-width{max-width:1200px;margin:auto;padding:0 32px}.hero{background:linear-gradient(120deg,#1a1e4f,#30357d);color:white;padding:88px 0 72px}.hero h1{font-family:Mantul,sans-serif;font-weight:400;font-size:clamp(52px,7vw,96px);line-height:.98;margin:24px 0}.hero p{max-width:680px;font-size:20px;line-height:1.5}.hero .small{font-size:14px;opacity:.8}.eyebrow{font-size:12px!important;letter-spacing:.12em;font-weight:600}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:30px;padding:13px 24px;text-decoration:none;font-weight:500;line-height:1.4}.primary{background:#00f5c9;color:#1a1e4f}.light{background:white;color:#1a1e4f}.quiet{background:#e8e8dc;color:#1a1e4f}.workspace{padding-top:60px;padding-bottom:100px;min-height:520px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h2,h3{font-family:Mantul,sans-serif;font-weight:400;text-transform:uppercase}h2{font-size:38px;margin:8px 0 28px}h3{font-size:25px}.panel{background:white;border:1px solid #deded3;border-radius:20px;padding:28px;margin-top:22px}.login{max-width:480px;margin:25px auto}label{display:block;margin:18px 0}input,textarea,select{padding:12px 15px;border:1px solid #bdbfb8;border-radius:9px;background:white;color:#1a1e4f}input,textarea{display:block;width:100%;margin-top:6px}textarea{resize:vertical}.small{font-size:14px;line-height:1.5}.account-bar,.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button{background:transparent;border:1px solid #d1d1c5;border-radius:25px;padding:10px 20px;color:#1a1e4f}.tabs .active{background:#1a1e4f;color:white}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.video-card{background:white;border:1px solid #deded3;border-radius:18px;padding:24px;text-align:left;color:#1a1e4f}.video-card .play{font-size:30px;display:block;color:#1a1e4f}.video-card h3{font-size:23px;margin:16px 0 10px}.empty{padding:40px;background:white;border-radius:20px;grid-column:1/-1}.asset-list{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.asset-list a{border:1px solid #d8d8ce;border-radius:20px;padding:8px 14px;font-size:14px}video{width:100%;max-height:650px;background:#111;border-radius:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f4ed;padding:18px;border-radius:10px;font:13px/1.65 ui-monospace,monospace}code{font-size:.9em}li{margin:14px 0;line-height:1.6}#notice:not(:empty){background:#fff4ce;border-left:4px solid #1a1e4f;padding:15px 20px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}summary{cursor:pointer;padding:10px 0}.device-row{border-bottom:1px solid #e8e8df;padding:16px 0}.footer{margin-top:0}@media(max-width:600px){.page-width{padding-left:20px;padding-right:20px}.hero{padding:55px 0 40px}.hero p{font-size:17px}.section-heading{align-items:flex-start}h2{font-size:28px}.panel{padding:20px}.button{padding:12px 18px}.account-bar{align-items:flex-start}.workspace{padding-top:35px}}

.product-section{padding-top:90px;padding-bottom:90px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.feature-grid article span{font-size:13px;color:#555}.feature-grid h3{margin:18px 0}.product-band{background:#1a1e4f;color:white;padding:80px 0}.product-band .eyebrow{color:#00f5c9}.product-band pre{background:#101334;color:#00f5c9;padding:28px;border-radius:12px;white-space:pre-wrap}.google-signin{display:inline-flex;align-items:center;gap:12px;background:white;color:#1f1f1f;border:1px solid #747775;border-radius:20px;padding:10px 14px;font:500 14px/20px Arial,sans-serif;text-decoration:none}.google-signin svg{width:20px;height:20px}.navbar_menu .nav-login{border:1px solid currentColor;border-radius:24px;padding:10px 22px;margin-left:12px}@media(max-width:767px){.feature-grid{grid-template-columns:1fr;gap:22px}.product-section{padding-top:50px;padding-bottom:50px}.product-band{padding:50px 0}.navbar_menu .nav-login{margin:12px 20px;display:inline-block}}