/* Terms of use, built from the privacy policy (page-privacy-policy-v2.css, itself from Web & App Development v2): its fonts,
   page shell, header strip, v9 base, buttons (the header's call button), reveal and tap-area fixes are carried over
   unchanged, and so are its layout pieces: the opening, the bone summary, the contents column and disclosure, the lists,
   the notes and the print rules. Its tables are removed. Header and footer are the site's own (page-seo-1/2.css,
   site-header.css, site-footer.css). Page rules (tu-*) follow the shared ones. */

@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec-webfont.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec_medium-webfont.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec_bold-webfont.woff2') format('woff2');font-weight:700;font-display:swap}

/* ---------- page shell: white header strip, then the page ---------- */
body.v9-page .top-wrap{background-color:#fff;background-image:none}
body.v9-page .top-wrap-inner{background:none;min-height:0;padding-bottom:0}
body.v9-page .top-wrap::after,body.v9-page .top-wrap::before{display:none}
body.v9-page .content-area{padding:0}
body.v9-page .logo-white{display:none}
body.v9-page .logo-dark{display:block}
body.v9-page .menu_trigger{color:#232834}
body.v9-page .slicknav_icon-bar{background-color:#232834}
body.v9-page .header-wide{margin-bottom:0;padding-bottom:0}
body.v9-page .header{margin-bottom:0;padding-top:14px;padding-bottom:14px}
body.v9-page .menu_trigger::after{content:"";position:absolute;top:-3px;bottom:-3px;left:-11px;right:0}
body.v9-page .header .logo{width:118px;max-width:none}
@media (max-width:765px){body.v9-page .header .logo{width:108px}}
body.v9-page .header{display:flex;align-items:center;max-width:none}
@media (min-width:1025px){body.v9-page .header{padding-left:40px!important;padding-right:40px!important}}
@media (min-width:1280px){body.v9-page .header{padding-left:56px!important;padding-right:56px!important}}
body.v9-page .header::after,body.v9-page .header-right::after{display:none}
body.v9-page .header-right{float:none;display:flex;align-items:center;gap:6px;margin-left:auto;padding:0}
body.v9-page .hp-hd{order:1;display:flex;align-items:center;gap:14px;margin-right:14px}
body.v9-page .hp-hd-sep{display:block;width:1px;height:14px;background:#C2C5CC}
body.v9-page .hp-hd-l{display:inline-flex;align-items:center;min-height:44px;font-family:'Sailec',sans-serif;font-weight:500;font-size:13.5px;line-height:1.2;color:#4f5565;text-decoration:underline;text-decoration-color:#C2C5CC;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s cubic-bezier(.65,0,.35,1),text-decoration-color .2s cubic-bezier(.65,0,.35,1)}
body.v9-page .hp-hd-l:hover,body.v9-page .hp-hd-l:focus-visible{color:#232834;text-decoration-color:#232834}
body.v9-page .header .wbm_search{display:none}
body.v9-page .wbm_search{order:2;float:none;width:44px;height:44px;margin:0;color:#4f5565;transition:color .2s cubic-bezier(.65,0,.35,1)}
body.v9-page .wbm_search svg{top:50%;width:20px;height:20px;transform:translate(-50%,-50%);stroke-width:1.9}
body.v9-page .wbm_search:hover{color:#232834}
body.v9-page .hp-hd-cta{order:4;height:40px;margin-left:18px;padding:0 16px 0 20px;gap:4px;font-family:'Sailec',sans-serif;font-size:14.5px}
body.v9-page a.hp-hd-cta,body.v9-page a.hp-hd-cta:hover,body.v9-page a.hp-hd-cta:visited{color:#fff;text-decoration:none}
body.v9-page .hp-hd-cta::after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}
body.v9-page .hp-hd-cta svg.arr{display:block;flex:none;width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform 150ms cubic-bezier(.4,0,.2,1)}
@media (hover:hover){body.v9-page .hp-hd-cta:hover svg.arr{transform:translateX(2px)}}
body.v9-page .menu_trigger{order:3;float:none;height:38px;margin:0 0 0 8px}
body.v9-page .menu_trigger .slicknav_icon{transform-origin:100% 19px;scale:.82}
body.v9-page .hp-hd-l:focus-visible,body.v9-page .wbm_search:focus-visible,body.v9-page .hp-hd-cta:focus-visible,body.v9-page .menu_trigger:focus-visible{outline:2px solid #232834;outline-offset:3px}
@media (max-width:699px){body.v9-page .hp-hd{display:none}}
@media (max-width:520px){body.v9-page .hp-hd-cta{display:none}}
@media (prefers-reduced-motion:reduce){body.v9-page .hp-hd-cta svg.arr{transition:none}}

/* ---------- base ---------- */
.v9{font-family:Sailec,Helvetica,Arial,sans-serif;font-weight:500;color:#232834;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.v9 *{box-sizing:border-box}
.v9 :where(h1,h2,h3,p,ul,ol,li){margin:0;padding:0;background:none;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;text-align:left;font-weight:inherit}
.v9 :where(ul,ol,li){list-style:none}
.v9 :where(li)::marker{content:""}
.v9 a{color:inherit;text-decoration:none}
.v9 a:hover{color:#d33d5c}
.v9 svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v9-wrap{max-width:1360px;margin:0 auto;padding:0 40px;position:relative}
@media (min-width:1280px){.v9-wrap{padding:0 56px}}
.v9-eyebrow{display:block;font-weight:700;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#d33d5c;margin:0 0 14px}
.v9-h2{font-weight:700;font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.03em}
.v9-sec{padding:88px 0}
.v9-bone{background:#F1EEEA}

/* ---------- reveal (shared; this page doesn't use it: people come here to read, search and print) ---------- */
.v9-rv{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.v9-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.v9-rv{opacity:1;transform:none;transition:none}}

/* ---------- the one marked word (off by default here; the marker tweak shows it on "Terms") ---------- */
.v9-hl{position:relative;z-index:0;color:#d33d5c;white-space:nowrap}
.v9-hl::before{content:"";position:absolute;z-index:-1;left:-.07em;right:-.09em;top:.32em;bottom:.12em;background:#FDE0E6;border-radius:.06em .18em .08em .2em;transform:rotate(-1deg);transform-origin:left center;animation:v9Hl .9s cubic-bezier(.65,0,.35,1) .35s both}
@keyframes v9Hl{from{transform:rotate(-1deg) scaleX(0)}to{transform:rotate(-1deg) scaleX(1)}}
@media (prefers-reduced-motion:reduce){.v9-hl::before{animation:none}}

/* ---------- buttons: the header's call button ---------- */
.v9-btn{--btn-step:#FBC0CC;--btn-ease:cubic-bezier(.5,2.5,.7,.7);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 26px;border:1px solid transparent;border-radius:9999px;background:#FA5478;color:#fff;font-family:inherit;font-weight:700;font-size:15px;line-height:20px;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 0 0 0 var(--btn-step);transition-property:transform,translate,box-shadow;transition-duration:150ms;transition-timing-function:var(--btn-ease)}
.v9 a.v9-btn,.v9 a.v9-btn:hover,.v9 a.v9-btn:visited,.v9 button.v9-btn{color:#fff}
.v9-btn::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:transparent}
.v9 .v9-btn svg.arr{display:block;flex-shrink:0;width:14px;height:14px;margin-left:6px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform 150ms cubic-bezier(.4,0,.2,1)}
@media (hover:hover){
.v9-btn:hover{translate:0 -5px;box-shadow:0 5px 0 0 var(--btn-step)}
.v9-btn:hover::before{transform:scaleY(1.4)}
.v9 .v9-btn:hover svg.arr{transform:translateX(2px)}
}
.v9-btn:active{translate:0 -3px;box-shadow:0 3px 0 0 var(--btn-step)}
.v9-btn:focus-visible{outline:2px solid #232834;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.v9-btn,.v9 .v9-btn svg.arr{transition:none}.v9-btn:hover,.v9-btn:active{translate:none}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:820px){.v9-wrap{padding:0 22px}.v9-sec{padding:64px 0}}

/* ---------- tap areas and the legacy menu: the header and footer logos get 44px tap areas with nothing moving, and the
   site's old hidden menu is held to no width until its script marks it loaded, so it can't cause sideways scroll ---------- */
body.v9-page .header-wide.wb-hd .header .logo{padding:7px 0;margin:-7px 0}
body.v9-page .wb-ft .wb-ft-logo{padding:8px 0;margin:-8px 0}
body.v9-page #main_menu:not(.loaded){left:0;right:auto;width:0;max-width:0;overflow:hidden}


/* ================= TERMS OF USE (this page's own) ================= */

/* ---------- sticky contents: the site's .content-area has overflow:hidden (page-seo-1.css), which stops position:sticky
   inside it. Here it clips sideways only: overflow-x:clip makes no scroll container, so sticky works, and flow-root keeps
   the box holding its floats and margins as before. Browsers without clip fall back to visible ---------- */
body.v9-page .content-area{overflow:visible;overflow-x:clip;display:flow-root}

/* ---------- the grid: from 1024px a 260px contents column, then the reading column (680px, about 68 characters); the
   opening and the summary sit in the reading column's line. One column below ---------- */
.tu-grid{display:grid;grid-template-columns:minmax(0,1fr)}
/* below 1024px the reading column keeps its 680px measure too (the summary's wider grid is left as it is) */
.tu-grid:not(.tu-wide) > .tu-col{max-width:680px}
@media (min-width:1024px){
.tu-grid{grid-template-columns:260px minmax(0,680px);column-gap:clamp(48px,6vw,96px);justify-content:start}
.tu-grid.tu-wide{grid-template-columns:260px minmax(0,820px)}
.tu-col{grid-column:2}
.tu-side{grid-column:1;grid-row:1}
}

/* ---------- opening: the only part that eases in ---------- */
.tu-open{padding:clamp(40px,6vw,88px) 0 52px}
.tu-open h1{margin:0 0 20px;font-weight:700;font-size:clamp(40px,5.2vw,64px);line-height:1.05;letter-spacing:-.035em;color:#232834;text-wrap:balance}
.v9 .tu-lead{max-width:600px;margin:0 0 22px;font-size:20px;line-height:1.55;color:#3a3f4b}
.v9 .tu-date{font-size:15px;line-height:1.5;color:#4f5565}
@keyframes tuIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tu-open .tu-col > *{animation:tuIn .8s cubic-bezier(.2,.7,.2,1) both}
.tu-open .tu-col > :nth-child(2){animation-delay:.07s}
.tu-open .tu-col > :nth-child(3){animation-delay:.14s}
.tu-open .tu-col > :nth-child(n+4){animation-delay:.2s}
@media (prefers-reduced-motion:reduce){.tu-open .tu-col > *{animation:none}}
@media (max-width:560px){.v9 .tu-lead{font-size:18px}}

/* ---------- at a glance: the page's only bone area. The five points run two across from 821px ---------- */
.tu-glance{padding:52px 0 56px;background:#F1EEEA}
.v9 .tu-glance-head{margin:0 0 26px}
.v9 .tu-glance-head h2{font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.02em;color:#232834}
.v9 .tu-glance-head p{margin:8px 0 0;max-width:260px;font-size:15px;line-height:1.55;color:#4f5565}
.v9 .tu-pts{display:grid;gap:26px 48px}
@media (min-width:821px){.v9 .tu-pts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.v9 .tu-glance-head{margin:0}}
.v9 .tu-pts li{font-size:17px;line-height:1.6;color:#4f5565}
.v9 .tu-pts b{font-weight:700;color:#232834}
@media (max-width:560px){.tu-glance{padding:40px 0 44px}.v9 .tu-pts li{font-size:16px}}

/* ---------- the terms ---------- */
.tu-body{padding:72px 0 104px}
@media (max-width:820px){.tu-body{padding:48px 0 80px}}
.v9 .tu-doc{font-size:17px;line-height:1.65;color:#4f5565}
.v9 .tu-doc section + section{margin-top:56px}
.v9 .tu-doc h2{margin:0 0 16px;font-weight:700;font-size:clamp(24px,2.3vw,28px);line-height:1.25;letter-spacing:-.02em;color:#232834;text-wrap:balance;scroll-margin-top:32px}
.v9 .tu-doc p + p,.v9 .tu-doc p + .tu-list,.v9 .tu-doc .tu-list + p{margin-top:14px}
.v9 .tu-list{display:grid;gap:8px}
.v9 .tu-list li{position:relative;padding-left:22px}
.v9 .tu-list li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:#4f5565}
.v9 .tu-doc b,.v9 .tu-doc strong{font-weight:700;color:#232834}
.v9 .tu-doc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;color:#232834;overflow-wrap:anywhere}
.v9 .tu-doc .tu-sub{margin-top:22px;font-weight:700;color:#232834}
.v9 .tu-doc .tu-sub + .tu-list{margin-top:8px}
/* links in the terms are always underlined, so they read as links without colour; coral on hover. Long addresses wrap */
.v9 .tu-doc a,.v9 .tu-pts a{color:#232834;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere;transition:color .2s cubic-bezier(.65,0,.35,1)}
.v9 .tu-doc a:hover,.v9 .tu-pts a:hover{color:#d33d5c}
.v9 .tu-doc a:focus-visible,.v9 .tu-pts a:focus-visible{outline:2px solid #232834;outline-offset:2px;border-radius:2px}
@media (max-width:560px){.v9 .tu-doc{font-size:16px}}
@media (prefers-reduced-motion:reduce){.v9 .tu-doc a,.v9 .tu-pts a{transition:none}}

/* ---------- contents, from 1024px: a column beside the text that stays in view, marking the current section in bold ink
   with a small coral disc. Up to 1023px: a closed "Contents" disclosure above the terms, every item at least 44px ---------- */
.tu-side{display:none}
@media (min-width:1024px){.tu-side{display:block}.tu-toc-m{display:none}}
.tu-toc{position:sticky;top:32px;max-height:calc(100vh - 64px);overflow-y:auto;padding:2px 4px 8px 2px}
.v9 .tu-toc-h{margin:0 0 12px;padding-left:20px;font-weight:700;font-size:12px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:#4f5565}
.v9 .tu-toc a{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);padding:7px 0 7px 20px;border-radius:4px;font-size:15px;line-height:1.4;color:#4f5565;text-decoration:none;font-variant-numeric:tabular-nums}
.v9 .tu-toc a::before{content:"";position:absolute;left:5px;top:15px;width:7px;height:7px;border-radius:50%;background:#FA5478;opacity:0;transform:scale(.3);transition:opacity .25s cubic-bezier(.65,0,.35,1),transform .3s cubic-bezier(.65,0,.35,1)}
.v9 .tu-toc a[aria-current]{font-weight:700;color:#232834}
.v9 .tu-toc a[aria-current]::before{opacity:1;transform:none}
@media (hover:hover){.v9 .tu-toc a:hover{color:#232834}.v9 .tu-toc a:hover span + span{text-decoration:underline;text-decoration-color:#C2C5CC;text-decoration-thickness:1px;text-underline-offset:4px}}
.v9 .tu-toc a:focus-visible{outline:2px solid #232834;outline-offset:-2px}
@media (pointer:coarse){.v9 .tu-toc a{min-height:44px;align-items:center;padding-top:6px;padding-bottom:6px}.v9 .tu-toc a::before{top:calc(50% - 3.5px)}}
@media (prefers-reduced-motion:reduce){.v9 .tu-toc a::before{transition:none}}
.tu-toc-m{margin:0 0 40px}
.tu-toc-m details{border-top:1px solid #C2C5CC;border-bottom:1px solid #C2C5CC}
.v9 .tu-toc-m summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;font-weight:700;font-size:17px;line-height:1.3;color:#232834;cursor:pointer;list-style:none}
.tu-toc-m summary::-webkit-details-marker{display:none}
.tu-toc-m summary::marker{content:""}
.tu-toc-m summary::after{content:"";flex:none;width:9px;height:9px;margin:-5px 6px 0 0;border-right:2px solid #232834;border-bottom:2px solid #232834;transform:rotate(45deg);transition:transform .25s cubic-bezier(.65,0,.35,1)}
.tu-toc-m details[open] summary::after{margin-top:5px;transform:rotate(-135deg)}
.v9 .tu-toc-m summary:focus-visible{outline:2px solid #232834;outline-offset:2px}
.v9 .tu-toc-m ol{padding:0 0 12px}
.v9 .tu-toc-m a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:44px;padding:8px 0;font-size:16px;line-height:1.4;color:#3a3f4b;text-decoration:none;font-variant-numeric:tabular-nums}
.v9 .tu-toc-m a:hover{color:#232834}
.v9 .tu-toc-m a:focus-visible{outline:2px solid #232834;outline-offset:-2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.tu-toc-m summary::after{transition:none}}

/* ---------- draft notes: each statement still to confirm carries a small note in coral on blush, starting "To confirm:".
   With the notes prop off, the notes and the statements they mark are hidden ---------- */
.v9 .tu-note{display:block;margin:8px 0 0;overflow-wrap:anywhere;padding:7px 11px;border-radius:6px;background:#FDE0E6;font-weight:500;font-size:14px;line-height:1.5;color:#d33d5c;text-wrap:pretty}
.v9 .tu-note b{font-weight:700;color:inherit}
.v9 .tu-ph{padding:0 2px;border-radius:3px;background:#FDE0E6;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tu-off .tu-tc,.tu-off .tu-note{display:none!important}
/* an unconfirmed paragraph or list item sits in a .tu-tc box: it spaces like a paragraph, and its note sits close under it */
.v9 .tu-doc p + .tu-tc,.v9 .tu-doc .tu-tc + p,.v9 .tu-doc .tu-tc + .tu-tc,.v9 .tu-doc .tu-list + .tu-tc,.v9 .tu-doc .tu-tc + .tu-list{margin-top:14px}
.v9 .tu-doc p + .tu-note,.v9 .tu-doc .tu-list + .tu-note{margin-top:8px}
.v9 .tu-list .tu-note{margin-top:6px}
/* notes off: a hidden statement straight under a heading leaves no extra space */
.tu-off .tu-doc h2 + .tu-tc + *{margin-top:0}

/* ---------- print: the terms alone, black on white, with the date kept and each link's address after it ---------- */
@media print{
body.v9-page .top-wrap,body.v9-page .wb-ft,#wb_menu,.tu-side,.tu-toc-m{display:none!important}
html,body,body.v9-page .main-wrap,body.v9-page .content-area{background:#fff!important}
.tu,.tu *{color:#000!important}
.v9-wrap{max-width:none;padding:0!important}
.tu-grid{display:block}
.tu-open{padding:0 0 18px}
.tu-open .tu-col > *{animation:none!important}
.v9-hl::before{display:none}
.tu-glance{padding:18px 0;background:none!important;border-top:1px solid #000;border-bottom:1px solid #000}
.v9 .tu-glance-head{margin:0 0 14px}
.v9 .tu-glance-head p{max-width:none}
.tu-body{padding:24px 0 0}
.v9 .tu-doc h2{break-after:avoid;page-break-after:avoid}
.v9 .tu-doc h2 + *{break-before:avoid;page-break-before:avoid}
.v9 .tu-doc a[href^="http"]::after,.v9 .tu-pts a[href^="http"]::after{content:" (" attr(href) ")"}
.v9 .tu-doc a[data-url]::after,.v9 .tu-pts a[data-url]::after{content:" (" attr(data-url) ")"}
.v9 .tu-note{background:none!important;border:1px solid #000}
.v9 .tu-ph{background:none!important;text-decoration:underline dotted;text-underline-offset:3px}
}

/* ================= THE PHONE TYPE SCALE: written 6 October 2026 by tools/phone-type.js. Up to 560px: h1 34px, section headings 26px, titles 18 to 20px, body 16px; nothing gets larger ================= */
@media (max-width:560px){
.v9-h2{font-size:26px;line-height:1.18;letter-spacing:-.025em}
.tu-open h1{font-size:min(34px,clamp(40px,5.2vw,64px));line-height:1.12}
.v9 .tu-lead,.v9 .tu-toc-m summary{font-size:16px}
.v9 .tu-glance-head h2,.v9 .tu-doc h2{font-size:20px}
}