*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#E4E4E6;color:#1F1F1F;font-family:'Google Sans','Outfit',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:root{--z:1}

/* One fixed full screen: header, title, then the whole text in columns across the full width. No scrolling. */
.lg-root{position:fixed;left:0;top:0;width:calc(100vw / var(--z));height:calc(100dvh / var(--z));zoom:var(--z);display:flex;flex-direction:column;gap:18px;padding:20px 48px 28px;overflow:hidden}
.lg-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.lg-mesh span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.lg-mesh span:nth-child(1){width:700px;height:520px;left:-120px;top:-180px;background:#FFFFFF;animation:lgMesh 18s ease-in-out infinite alternate}
.lg-mesh span:nth-child(2){width:620px;height:620px;right:-160px;top:-120px;background:#F2B49C;opacity:.35;animation:lgMesh 22s ease-in-out infinite alternate-reverse}
.lg-mesh span:nth-child(3){width:560px;height:400px;left:30%;bottom:-220px;background:#FBEDE7;animation:lgMesh 20s ease-in-out infinite alternate}
@keyframes lgMesh{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.12)}}
@keyframes lgIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.lg-nav{position:relative;z-index:3;flex-shrink:0;height:64px;padding:0 10px 0 12px;border-radius:99px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(0,0,0,.04),0 20px 44px -26px rgba(60,20,8,.3);animation:lgIn .7s cubic-bezier(.2,.8,.2,1) both}
.lg-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:500;letter-spacing:-.6px}
.lg-logo-mark{width:38px;height:38px;border-radius:50%;background:#FBEDE7;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 6px 14px -6px rgba(193,95,60,.6);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.lg-logo-mark svg{width:30px;height:26px}
.lg-logo:hover .lg-logo-mark{transform:rotate(-8deg) scale(1.06)}
.lg-crumb{height:30px;padding:0 12px;border-radius:99px;background:rgba(255,255,255,.8);font-size:12.5px;color:#3F3F3F;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.lg-crumb span{color:#B0B0B4}
.lg-links{margin:0 auto;display:flex;align-items:center;gap:2px}
.lg-links a{position:relative;height:40px;padding:0 14px;border-radius:99px;display:inline-flex;align-items:center;font-size:14.5px;color:#3F3F3F;white-space:nowrap;transition:background .15s ease,color .15s ease}
.lg-links a::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1.5px;border-radius:1px;background:#C15F3C;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.lg-links a:hover{color:#1F1F1F;background:rgba(255,255,255,.7)}
.lg-links a:hover::after{transform:scaleX(1)}
.lg-ghost{height:44px;padding:0 16px;border-radius:99px;display:inline-flex;align-items:center;font-size:14.5px;background:rgba(255,255,255,.85);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background .15s ease,transform .15s ease}
.lg-ghost:hover{background:#FFFFFF;transform:translateY(-1px)}
.lg-actions{margin-left:auto;display:flex;gap:8px}
.lg-btn{height:44px;padding:0 20px;border-radius:99px;display:inline-flex;align-items:center;font-size:14.5px;font-weight:500;color:#FFFFFF;background:linear-gradient(100deg,#D2704B,#C15F3C 55%,#A94D2D);position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -8px rgba(193,95,60,.6)}
.lg-btn::after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));animation:lgShine 3.6s ease-in-out 1.2s infinite}
@keyframes lgShine{0%{transform:translateX(-160%) skewX(-20deg)}55%,100%{transform:translateX(420%) skewX(-20deg)}}

.lg-title{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:4px 6px 0;animation:lgIn .7s cubic-bezier(.2,.8,.2,1) .05s both}
.lg-title h1{margin:0;font-size:44px;font-weight:500;letter-spacing:-1.7px;line-height:1.05;background:linear-gradient(100deg,#1F1F1F 45%,#A9492A);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-title span{flex-shrink:0;font-size:13px;color:#7A7A7A}

.lg-doc{position:relative;z-index:1;flex-grow:1;min-height:0;padding:30px 36px;border-radius:24px;background:#FFFFFF;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.05),0 24px 50px -24px rgba(60,20,8,.28);animation:lgIn .7s cubic-bezier(.2,.8,.2,1) .12s both}
.lg-cols{column-width:300px;column-gap:40px;column-fill:balance;column-rule:1px solid #EFEFF1;overflow:hidden;font-size:var(--fs,14px);line-height:1.5}
.lg-cols section{margin:0 0 1.05em}
.lg-cols h2{margin:0 0 .3em;font-size:1.08em;font-weight:500;letter-spacing:-.01em;color:#1F1F1F;break-after:avoid;display:flex;align-items:baseline;gap:.55em}
.lg-cols h2 span{font-size:.78em;color:#C15F3C;font-variant-numeric:tabular-nums}
.lg-cols p,.lg-cols li{color:#3F3F3F}
.lg-cols p{margin:0 0 .5em}
.lg-cols ul{margin:0 0 .5em;padding-left:1.2em}
.lg-cols li{margin-bottom:.2em}
.lg-cols li::marker{color:#C15F3C}
.lg-cols strong{color:#1F1F1F;font-weight:500}
.lg-cols a{color:#A9492A;text-decoration:underline;text-decoration-color:rgba(169,73,42,.3);text-underline-offset:2px}
.lg-cols a:hover{text-decoration-color:#A9492A}

/* Phones: not part of the app. If a policy link is opened on a phone it is a plain readable page. */
@media (max-width:820px){
  html,body{height:auto;overflow:auto}
  .lg-root{position:static;width:auto;height:auto;zoom:1;padding:12px 12px 24px;gap:12px;overflow:visible}
  .lg-nav{height:56px}
  .lg-crumb,.lg-links,.lg-ghost{display:none}
  .lg-actions{margin-left:auto}
  .lg-title{display:block;padding:8px 6px 0}
  .lg-title h1{font-size:30px;letter-spacing:-1px;margin-bottom:6px}
  .lg-doc{padding:22px 20px;border-radius:20px}
  .lg-cols{height:auto;columns:auto;overflow:visible;font-size:15px;line-height:1.6}
}
@media (prefers-reduced-motion:reduce){.lg-mesh span,.lg-nav,.lg-title,.lg-doc,.lg-btn::after{animation:none}}