*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--blue:#4285f4;--green:#34a853;--yellow:#f9ab00;--red:#ea4335;--bg:#f5f4f0;--dark:#1e1e1e;--text:#2a2a2a;--muted:#6b7280;--white:#fff;--border:#00000017;--sans:"Google Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Roboto Mono", monospace;--header-h:68px}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:1160px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.header{inset-inline:0;height:var(--header-h);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:100;background:#f5f4f0d9;align-items:center;display:flex;position:fixed;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--dark);align-items:center;gap:2px;text-decoration:none;display:flex}.logo-img{flex-shrink:0;width:auto;height:28px;display:block}.logo-img-footer{height:26px}.logo-wordmark{letter-spacing:-.015em;color:var(--dark);font-size:1.1rem;font-weight:700}.header-nav{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--dark)}.btn{font-family:var(--sans);white-space:nowrap;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.35em;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-sm{padding:.6em 1.4em;font-size:.825rem}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 6px #4285f447}.btn-primary:hover{box-shadow:0 4px 18px #4285f46b}.coc-masthead{padding-top:calc(var(--header-h) + 4rem);padding-bottom:3.5rem}.coc-eyebrow{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.dot-strip{align-items:center;gap:5px;display:flex}.ds{border-radius:50%;width:8px;height:8px;display:block}.ds-blue{background:var(--blue)}.ds-red{background:var(--red)}.ds-yellow{background:var(--yellow)}.ds-green{background:var(--green)}.eyebrow-text{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.68rem;font-weight:500}.coc-heading{letter-spacing:-.04em;color:var(--dark);margin-bottom:.75rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1}.coc-subheading{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:.8rem}.coc-body{padding-block:clamp(3rem,6vw,5rem)}.coc-layout{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=900px){.coc-layout{grid-template-columns:200px 1fr;align-items:start;gap:5rem}}.coc-sidebar{display:none}@media (width>=900px){.coc-sidebar{top:calc(var(--header-h) + 2rem);display:block;position:sticky}}.sidebar-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:1rem;font-size:.62rem;font-weight:500}.sidebar-nav{flex-direction:column;gap:.1rem;display:flex}.sidebar-link{color:var(--muted);padding-block:.35rem;border-left:2px solid #0000;padding-left:.75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.sidebar-link:hover{color:var(--dark);border-left-color:var(--blue)}.sidebar-link.is-active{color:var(--dark);border-left-color:var(--blue);font-weight:600}.coc-article{min-width:0}.coc-section{margin-bottom:clamp(2rem,3.5vw,3rem)}.coc-section:last-child{margin-bottom:0}.coc-section-title{letter-spacing:-.025em;color:var(--dark);margin-bottom:1.5rem;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;line-height:1.15}.coc-lead{color:var(--text);margin-bottom:1.25rem;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;line-height:1.78}.coc-body-text{color:#4a4a4a;margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.coc-body-text:last-child{margin-bottom:0}.coc-extend{margin-top:2.5rem}.coc-link{color:var(--blue);text-underline-offset:3px;text-decoration:underline #4285f459;transition:text-decoration-color .15s}.coc-link:hover{text-decoration-color:var(--blue)}.principle-list{flex-direction:column;gap:0;display:flex}.principle{grid-template-columns:48px 1fr;gap:1.5rem;padding-block:2rem;display:grid}.principle-marker{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;flex-shrink:0;padding-top:.25rem;font-size:.7rem;font-weight:500}.principle-title{color:var(--dark);letter-spacing:-.015em;margin-bottom:.65rem;font-size:1rem;font-weight:700}.principle-content p{color:#4a4a4a;font-size:.95rem;line-height:1.8}.footer{background:var(--dark);color:#ffffffa6}.footer-inner{flex-direction:column;gap:2rem;padding-top:3.5rem;padding-bottom:3rem;display:flex}@media (width>=640px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-logo{align-items:center;gap:2px;margin-bottom:.75rem;display:flex}.footer-wordmark{color:#fff;font-size:.95rem;font-weight:700}.footer-tagline{color:#ffffff52;max-width:240px;font-size:.775rem;line-height:1.7}.footer-links{flex-direction:column;align-items:flex-start;gap:.875rem;display:flex}@media (width>=640px){.footer-links{align-items:flex-end}}.footer-link{color:#ffffff85;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.footer-link:hover{color:#fff}.footer-base{border-top:1px solid #ffffff1a;padding-block:1.25rem}.footer-legal{color:#ffffff38;font-size:.72rem;line-height:1.65}@media (width<=640px){.header-nav .nav-link{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}