@font-face{ font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root{
--paper:   #FFFFFF;
--card:    #FFFFFF;
--wash:    #F4F3F0;
--ink:     #16233A;
--ink-2:   #43526A;
--ink-3:   #566476;
--rule:    #11111426;
--rule-2:  #11111412;
--blue:    #1F3BD9;
--radius:  12px;
--on-blue-2: #C3CBFF;
--blue-lt: #93A5FF;
--warm:    #F2603B;
--warm-lt: #FF8A63;
--ink-blue: #0C0E18;
--card-blue: #171A26;
--dark:    #0C0E18;
--on-dark: #F4F3F0;
--on-dark-2: #9A9CA3;
--rule-dark: #F4F3F026;
--font: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
--mono: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
--pad: clamp(1.25rem, 4vw, 3.5rem);
--max: 1280px;
--bay: clamp(4rem, 8vw, 7.5rem);
--ease: cubic-bezier(0.16, 1, 0.3, 1);
color-scheme: light;
}
*,*::before,*::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 5rem; background: var(--paper); }
body{
margin: 0; background: var(--paper); color: var(--ink);
font-family: var(--font); font-size: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
line-height: 1.6; letter-spacing: -0.008em;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
img,svg{ max-width: 100%; display: block; }
h1,h2,h3,h4,p,figure,blockquote{ margin: 0; }
ul,ol{ margin: 0; padding: 0; list-style: none; }
button,input,textarea{ font: inherit; color: inherit; }
a{ color: inherit; }
:focus-visible{ outline: 2px solid var(--blue); outline-offset: 3px; }
::selection{ background: var(--ink); color: var(--paper); }
.vh{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip{ position: absolute; top: 0; left: 0; z-index: 200; transform: translateY(-120%); background: var(--ink); color: var(--paper); padding: 0.75rem 1.25rem; text-decoration: none; font-size: 0.875rem; }
.skip:focus{ transform: none; }
.wrap{ width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--pad); }
.sec{ padding-block: var(--bay); border-top: 1px solid var(--rule); }
.head{ display: grid; gap: clamp(1.25rem, 2.5vw, 2.5rem); }
@media (min-width: 900px){.head{ grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }}
.head p{ color: var(--ink-2); max-width: 46ch; }
@media (min-width: 900px){.head p{ padding-top: 0.5rem; }}
h1{ font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 500; letter-spacing: -0.042em; line-height: 1; text-wrap: balance; }
.h2{ font-size: clamp(1.9rem, 3.6vw, 3.125rem); font-weight: 700; letter-spacing: -0.038em; line-height: 1.04; text-wrap: balance; }
.h3{ font-size: clamp(1.15rem, 1.5vw, 1.375rem); font-weight: 600; letter-spacing: -0.022em; line-height: 1.2; }
.lead{ font-size: clamp(1.0625rem, 0.98rem + 0.45vw, 1.25rem); line-height: 1.5; letter-spacing: -0.014em; color: var(--ink-2); text-wrap: pretty; }
.body{ color: var(--ink-2); max-width: 62ch; text-wrap: pretty; }
.body + .body{ margin-top: 0.9em; }
.body strong,.lead strong{ color: var(--ink); font-weight: 600; }
.hd{ position: sticky; top: 0; z-index: 100; background: color-mix(in srgb, var(--paper) 90%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: border-color 0.3s var(--ease); }
.hd.is-stuck{ border-bottom-color: var(--rule); }
.hd__in{ display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; height: clamp(3.75rem, 4.5vw, 4.5rem); }
.brand{ display: inline-flex; align-items: center; gap: 0.55rem; font-size: 1.375rem; font-weight: 500; letter-spacing: -0.05em; text-decoration: none; line-height: 1; }
.nav{ display: none; }
@media (min-width: 1000px){.nav{ display: flex; gap: clamp(1.25rem, 2vw, 2rem); }}
.nav a{ text-decoration: none; font-size: 0.9375rem; color: var(--ink-2); transition: color 0.25s var(--ease); }
.nav a:hover,.nav a[aria-current]{ color: var(--ink); }
.hd__end{ display: flex; align-items: center; gap: 0.6rem; }
.hd .btn{ display: none; }
@media (min-width: 700px){.hd .btn{ display: inline-flex; }}
.btn{
display: inline-flex; align-items: center; gap: 0.55rem;
padding: 0.85rem 1.35rem; border: 1px solid var(--ink); border-radius: var(--radius);
background: var(--ink); color: var(--paper);
font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.01em;
text-decoration: none; cursor: pointer; white-space: nowrap;
transition: background 0.28s var(--ease), color 0.28s var(--ease);
}
.btn:hover{ background: transparent; color: var(--ink); }
.btn--sm{ padding: 0.6rem 1.05rem; font-size: 0.875rem; }
.btn--onDark{ background: var(--on-dark); border-color: var(--on-dark); color: var(--dark); }
.btn--onDark:hover{ background: transparent; color: var(--on-dark); }
.lk{ display: inline-flex; align-items: baseline; gap: 0.4rem; font-size: 0.9375rem; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; transition: gap 0.25s var(--ease); }
.lk:hover{ gap: 0.65rem; }
.acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; }
.burger{ display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 2.5rem; height: 2.5rem; background: none; border: 0; cursor: pointer; margin-right: -0.5rem; }
@media (min-width: 1000px){.burger{ display: none; }}
.burger span{ display: block; width: 20px; height: 1.5px; background: var(--ink); margin-inline: auto; transition: transform 0.3s var(--ease), opacity 0.2s; }
.burger[aria-expanded="true"] span:nth-child(1){ transform: translateY(6.5px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-6.5px) rotate(-45deg); }
.drawer{ position: fixed; inset: 0; z-index: 90; background: var(--paper); padding: 5.5rem var(--pad) 3rem; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; visibility: hidden; transition: opacity 0.35s var(--ease), visibility 0.35s; }
.drawer.is-open{ opacity: 1; visibility: visible; }
@media (min-width: 1000px){.drawer{ display: none; }}
.drawer nav{ display: flex; flex-direction: column; }
.drawer nav a{ text-decoration: none; font-size: clamp(1.75rem, 8vw, 2.5rem); font-weight: 500; letter-spacing: -0.04em; padding-block: 0.5rem; border-bottom: 1px solid var(--rule); }
body.locked{ overflow: hidden; }
.hero{ padding-block: clamp(3rem, 7vw, 6.5rem) clamp(2.5rem, 5vw, 4.5rem); }
.hero h1{ max-width: 15ch; margin-top: clamp(1.25rem, 2.5vw, 2rem); }
.hero__b{ display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); margin-top: clamp(2rem, 4vw, 3rem); }
@media (min-width: 900px){.hero__b{ grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; }}
.hero__say{ font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem); font-weight: 600; margin-top: 0.8rem; letter-spacing: -0.02em; }
.shot{ position: relative; overflow: hidden; background: #EAE9E5; }
.shot img{ width: 100%; height: 100%; object-fit: cover; }
.shot--wide{ aspect-ratio: 16 / 7; }
.shot:not(:has(img))::before{ content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(-45deg, transparent 0 11px, #1111140A 11px 12px); }
.shot:not(:has(img))::after{
content: attr(data-shot) " · " attr(data-need);
position: absolute; left: 0; right: 0; bottom: 0; padding: 0.7rem 0.9rem;
font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.1em;
text-transform: uppercase; color: var(--ink-3);
background: var(--paper); border-top: 1px solid var(--rule);
}
.trace__r{ display: grid; grid-template-columns: 1.75rem minmax(0, 1fr) auto; gap: 0.75rem; align-items: center; padding-block: 0.55rem; border-bottom: 1px solid var(--rule-2); transition: opacity 0.4s var(--ease), transform 0.4s var(--ease), color 0.4s var(--ease); }
.trace__r.in{ opacity: 1; transform: none; }
:where(html.js .trace__r:not(.in)){ opacity: 0; transform: translateY(4px); }
.trace__r > span:first-child{ font-family: var(--mono); font-size: 0.625rem; color: var(--ink-3); }
.trace__r.cut{ color: var(--ink-3); }
.trace__v{ font-family: var(--mono); font-size: 0.5625rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink); border: 1px solid var(--rule); padding: 0.22rem 0.45rem; white-space: nowrap; opacity: 0; transition: opacity 0.35s var(--ease); }
.trace__r.tagged .trace__v{ opacity: 1; }
.dark{ background: var(--dark); color: var(--on-dark); }
.dark .head p,.dark .lead,.dark .body{ color: var(--on-dark-2); }
.dark .body strong,.dark .lead strong{ color: var(--on-dark); }
.also{ margin-top: clamp(1.5rem, 3vw, 2.25rem); padding-top: 1.1rem; border-top: 1px solid var(--rule); color: var(--ink-2); font-size: 0.9375rem; max-width: 68ch; }
.also strong{ color: var(--ink); font-weight: 600; }
.scope li{ border-bottom: 1px solid var(--rule); padding-block: 0.8rem; }
.form{ display: grid; gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: clamp(1.75rem, 3.5vw, 2.5rem); max-width: 48rem; }
.f{ background: var(--wash); padding: clamp(0.9rem, 1.8vw, 1.25rem); display: grid; gap: 0.4rem; }
.f > label{ font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.014em; display: flex; gap: 0.7rem; }
.f > label b{ font-family: var(--mono); font-size: 0.625rem; color: var(--ink-3); font-weight: 500; padding-top: 0.2rem; }
.f__hint{ font-size: 0.875rem; color: var(--ink-2); }
.f input,.f textarea{ width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--rule); padding: 0.45rem 0; font-size: 1.0625rem; resize: vertical; }
.f input:focus,.f textarea:focus{ outline: 0; border-bottom-color: var(--blue); }
.f textarea{ min-height: 3.5rem; }
.f[data-bad="true"] input,.f[data-bad="true"] textarea{ border-bottom-color: #A6321F; }
.f__err{ font-size: 0.8125rem; color: #A6321F; display: none; }
.f[data-bad="true"] .f__err{ display: block; }
@media (min-width: 700px){.form__pair{ display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--rule); }}
.form__foot{ display: flex; flex-wrap: wrap; align-items: center; gap: 1.1rem; margin-top: 1.35rem; max-width: 48rem; }
.form__foot .btn{ padding: 1rem 1.9rem; font-size: 1rem; }
.form__msg{ font-size: 0.875rem; color: var(--ink-2); max-width: 42ch; }
.ft{ border-top: 1px solid var(--rule); padding-block: clamp(2.5rem, 5vw, 4rem) 2rem; }
.ft__top{ display: grid; gap: clamp(2rem, 4vw, 3rem); }
@media (min-width: 860px){.ft__top{ grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2.5rem, 5vw, 5rem); }}
.ft__pos{ margin-top: 0.9rem; max-width: 30ch; font-size: 0.9375rem; line-height: 1.45; color: var(--ink-2); }
.ft__cols{ display: grid; gap: 1.5rem 2rem; }
@media (min-width: 360px) and (max-width: 619px){.ft__cols{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
.ft__cols > div:nth-child(3){ grid-column: 1; grid-row: 1 / span 2; }
.ft__cols > div:nth-child(1),.ft__cols > div:nth-child(2){ grid-column: 2; }}
@media (max-width: 399px){.ft .ft__cols a,.ft .ft__set{ font-size: 0.875rem; }}
@media (min-width: 620px){.ft__cols{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}
.ft__cols b{ display: block; font-family: var(--mono); font-size: 0.625rem; font-weight: 500; letter-spacing: 0.11em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 0.7rem; }
.ft__cols a{ display: block; width: fit-content; text-decoration: none; font-size: 0.9375rem; line-height: 1.4; color: var(--ink-2); padding-block: 0.2rem; }
.ft__cols a:hover{ color: var(--ink); }
.ft__set{ display: block; width: fit-content; background: none; border: 0; padding: 0.2rem 0; font: inherit; font-size: 0.9375rem; line-height: 1.4; color: var(--ink-2); cursor: pointer; text-align: left; }
.ft__set:hover{ color: var(--ink); }
.ft__end{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); padding-top: 1.1rem; border-top: 1px solid var(--rule); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 0.9rem 2rem; font-size: 0.8125rem; line-height: 1.55; color: var(--ink-3); }
.ft__end p{ max-width: none; }
[data-r]{ transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); transition-delay: calc(var(--i, 0) * 50ms); }
:where(html.js [data-r]:not(.on)){ opacity: 1; transform: none; }
[data-r].on{ opacity: 1; transform: none; }
.motion{ display: inline-flex; align-items: center; gap: 0.4rem; background: none; border: 1px solid var(--rule); border-radius: 999px; padding: 0.45rem 0.7rem; cursor: pointer; font-size: 0.75rem; color: var(--ink-2); }
.motion:hover{ color: var(--ink); border-color: var(--ink); }
.motion i{ width: 7px; height: 7px; background: currentColor; display: block; }
.motion[aria-pressed="true"] i{ clip-path: polygon(0 0, 100% 50%, 0 100%); }
.hd .motion{ display: none; }
.ft__end .motion{ flex: none; }
html.motion-off .phone *{ animation-play-state: paused !important; animation-delay: calc(var(--loop, 7s) * -0.8) !important; }
html.motion-off .trace__r{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){html{ scroll-behavior: auto; }
*,*::before,*::after{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
[data-r]{ opacity: 1; transform: none; }
.trace__r,.trace__v{ opacity: 1 !important; transform: none !important; }
.phone *{ animation-play-state: paused !important; animation-delay: calc(var(--loop, 7s) * -0.8) !important; }}
@view-transition{ navigation: auto; }
::view-transition-old(root){ animation: vo 0.22s var(--ease) both; }
::view-transition-new(root){ animation: vi 0.36s var(--ease) both; }
@keyframes vo{ to { opacity: 0; } }
@keyframes vi{ from { opacity: 0; transform: translateY(6px); } }
.hd{ view-transition-name: hd; }
@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){ animation: none; }}
@media print{.hd,.drawer,.burger,.motion,.cc{ display: none !important; }
[data-r]{ opacity: 1; transform: none; }}
.phone{ --loop: 7s; zoom: var(--phone-zoom, 1); }
.devices.is-idle .phone *{ animation-play-state: paused; }
.screen.is-idle .gr *{ animation-play-state: paused; }
@media (prefers-reduced-motion: reduce){.phone *{
animation-play-state: paused !important;
animation-delay: calc(var(--loop) * -0.8) !important;
}}
.devices{ display: flex; justify-content: center; width: 100%; min-width: 0; }
.trace__r{ border-bottom-color: #F4F3F014; }
.trace__r > span:first-child{ color: var(--on-dark-2); }
.trace__r.cut{ color: var(--on-dark-2); }
.trace__v{ color: var(--on-dark); border-color: var(--rule-dark); }
.lk{ color: var(--blue); }
.dark .lk{ color: var(--blue-lt); }
.btn .lk,.btn:hover{ color: inherit; }
#method.dark{ background: var(--ink-blue); }
.trace__v{ color: var(--warm); border-color: color-mix(in srgb, var(--warm) 45%, transparent); }
.dark :focus-visible{ outline-color: var(--blue-lt); }
.hero--mesh{
position: relative; isolation: isolate; overflow: hidden;
display: flex; flex-direction: column;
min-height: min(46rem, 100svh);
margin-top: calc(-1 * clamp(3.75rem, 4.5vw, 4.5rem));
padding-top: clamp(3.75rem, 4.5vw, 4.5rem);
padding-bottom: 0;
background: radial-gradient(130% 100% at 74% 18%, #FFFFFF 0%, #F1F7FE 40%, #E3EDFA 100%);
color: var(--ink);
}
.hero__in{ position: relative; z-index: 1; flex: 1 1 auto; min-height: 0; display: flex; align-items: center; }
.hero__grid{ display: grid; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; padding-block: clamp(2rem, 5vh, 4.5rem); }
@media (min-width: 900px){.hero__grid{ grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2.5rem, 5vw, 5rem); }}
.hero__copy{ display: flex; flex-direction: column; align-items: flex-start; gap: clamp(0.9rem, 2.6vh, 1.75rem); min-width: 0; }
.hero--mesh h1{
margin: 0; max-width: 15ch;
font-size: clamp(2.25rem, min(6vw, 8.4vh), 5rem);
font-weight: 800; line-height: 1.03; letter-spacing: -0.035em; text-wrap: pretty;
}
.hero__lead{ margin: 0; max-width: 46ch; font-size: clamp(0.9375rem, min(1.5vw, 2.4vh), 1.3125rem); line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
.hero__acts{ display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.25rem; }
@media (max-width: 860px){.hero--mesh{ min-height: 0; }}
.hd{ background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.hd.is-stuck{ background: color-mix(in srgb, var(--paper) 90%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.obs__t{ font-size: clamp(1.0625rem, 0.95rem + 0.6vw, 1.375rem); font-weight: 500; letter-spacing: -0.024em; line-height: 1.28; color: var(--ink-2); text-wrap: pretty; transition: color 0.22s var(--ease), transform 0.3s var(--ease); }
@media (prefers-reduced-motion: reduce){.obs__t{ transition: none; }}
.tally{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
.carried{ border: 1px solid var(--rule); border-left: 2px solid var(--blue); padding: clamp(1rem, 2vw, 1.35rem) clamp(1.1rem, 2.2vw, 1.5rem); margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.carried__k{ font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.11em; text-transform: uppercase; color: var(--ink-3); }
.carried__l{ list-style: none; margin-top: 0.7rem; display: grid; gap: 0.35rem; }
.carried__l li{ font-size: 0.9375rem; line-height: 1.4; color: var(--ink); display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); gap: 0.5rem; }
.carried__l li b{ font-family: var(--mono); font-size: 0.625rem; font-weight: 400; color: var(--blue); }
.carried__n{ margin-top: 0.9rem; font-size: 0.8125rem; color: var(--ink-2); }
.carried__x{ background: none; border: 0; padding: 0; font: inherit; color: var(--ink-2); text-decoration: underline; cursor: pointer; }
.carried__x:hover{ color: var(--ink); }
@keyframes verdict-swap{
0%   { opacity: 1; transform: none; }
35%  { opacity: 0; transform: translateY(-4px); }
36%  { opacity: 0; transform: translateY(4px); }
100% { opacity: 1; transform: none; }
}
.form__msg[data-tone="bad"]{ color: #A6321F; }
.form__msg[data-tone="good"]{ color: #1B7A3F; }
.btn:disabled{ opacity: 0.55; cursor: progress; }
.legend__t{ margin-top: 0.5rem; font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.022em; color: var(--on-dark); }
.trace__r{ grid-template-columns: 2rem minmax(0, 1fr) auto; gap: clamp(0.75rem, 1.5vw, 1.1rem); padding-block: clamp(0.7rem, 1.4vw, 0.95rem); }
.trace__r > span:first-child{ font-size: 0.625rem; }
.trace__v{ font-size: 0.625rem; padding: 0.3rem 0.55rem; }
.screen{ margin-top: clamp(2rem, 4vw, 3rem); overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }
.screen::-webkit-scrollbar{ height: 6px; }
.screen::-webkit-scrollbar-thumb{ background: var(--rule); border-radius: 99px; }
.gr{
--gr-ink: #17233A; --gr-mute: #5F6F84; --gr-line: #E6E8EC;
--gr-blue: #2F6BC4; --gr-gold: #C79A3E; --gr-green: #2E7D51;
width: 1180px; height: 726px; display: grid; grid-template-columns: 176px minmax(0, 1fr);
transform-origin: 0 0; zoom: var(--fit, 1);
background: #FFFFFF; border: 1px solid var(--gr-line); border-radius: 10px; overflow: hidden;
box-shadow: 0 30px 70px -34px rgba(23, 35, 58, 0.3);
font-family: var(--font); color: var(--gr-ink); text-align: left;
}
.gr-side{ background: #F4F4F2; border-right: 1px solid var(--gr-line); padding: 18px 14px; display: flex; flex-direction: column; }
.gr-brand{ display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; letter-spacing: -0.03em; }
.gr-mark{ position: relative; width: 18px; height: 18px; border-radius: 4px; background: #1B4A40; display: block; }
.gr-mark::after{ content: ""; position: absolute; inset: 5px; border: 1.2px solid rgba(255, 255, 255, 0.85); border-radius: 2px; }
.gr-nav{ list-style: none; margin-top: 20px; display: grid; gap: 2px; }
.gr-nav li{ display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 7px; font-size: 12.5px; color: var(--gr-mute); }
.gr-nav li i{ width: 13px; height: 13px; border: 1.4px solid currentColor; border-radius: 3px; opacity: 0.55; flex: 0 0 auto; }
.gr-nav li.is-on{ background: #FFFFFF; color: var(--gr-ink); font-weight: 600; box-shadow: 0 1px 2px rgba(23, 35, 58, 0.08); }
.gr-nav--end{ margin-top: auto; }
.gr-main{ padding: 18px 22px; overflow: hidden; }
.gr-crumb{ font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gr-mute); }
.gr-top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-top: 6px; }
.gr-h1{ font-size: 25px; font-weight: 700; letter-spacing: -0.032em; line-height: 1.1; }
.gr-sub{ margin-top: 5px; font-size: 11.5px; color: var(--gr-mute); }
.gr-btn{ flex: 0 0 auto; background: var(--gr-ink); color: #FFFFFF; font-size: 11.5px; font-weight: 600; padding: 9px 14px; border-radius: 7px; }
.gr-metrics{ list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 16px; }
.gr-metric{ border: 1px solid var(--gr-line); border-radius: 8px; padding: 11px 12px; display: grid; gap: 5px; }
.gr-metric__k{ font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gr-mute); }
.gr-metric__v{ font-size: 22px; font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.gr-metric__s{ font-size: 10px; color: var(--gr-mute); }
.gr-row{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.gr-row + .gr-row{ margin-top: 8px; }
.gr-panel{ border: 1px solid var(--gr-line); border-radius: 8px; padding: 13px 14px; }
.gr-panel__h{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gr-panel__k{ font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gr-mute); }
.gr-donutwrap{ display: flex; align-items: center; gap: 22px; margin-top: 10px; }
.gr-donut{ width: 132px; height: 132px; flex: 0 0 auto; transform: rotate(-90deg); }
.gr-donut circle{ fill: none; stroke-width: 19; }
.gr-ring{ stroke: #F0F1F3; }
.gr-seg{ transition: none; }
.gr-seg--a{ stroke: var(--gr-blue); stroke-dasharray: 163.5 327; }
.gr-seg--b{ stroke: var(--gr-gold); stroke-dasharray: 81.75 327; stroke-dashoffset: -167; }
.gr-seg--d{ stroke: #C9CFD8; stroke-dasharray: 81.75 327; stroke-dashoffset: -253; }
.gr-legend{ list-style: none; display: grid; gap: 9px; font-size: 11.5px; }
.gr-legend li{ display: grid; grid-template-columns: 10px minmax(0, 1fr) 22px 34px; align-items: center; gap: 8px; }
.gr-legend b{ font-weight: 600; text-align: right; }
.gr-legend em{ font-style: normal; color: var(--gr-mute); text-align: right; }
.gr-dot{ width: 7px; height: 7px; border-radius: 50%; display: block; }
.gr-dot--a{ background: var(--gr-blue); }
.gr-dot--b{ background: var(--gr-gold); }
.gr-dot--c{ background: #C9CFD8; }
.gr-dot--d{ background: #C9CFD8; }
.gr-toggle{ display: inline-flex; gap: 2px; font-size: 10px; color: var(--gr-mute); }
.gr-toggle i{ font-style: normal; padding: 3px 7px; border-radius: 5px; }
.gr-toggle i.is-on{ background: #EEF3FB; color: var(--gr-blue); font-weight: 600; }
.gr-chart{ width: 100%; height: 132px; margin-top: 8px; display: block; }
.gr-grid{ stroke: #F0F1F3; stroke-width: 1; }
.gr-line{ fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 640; stroke-dashoffset: 0; }
.gr-line--in{ stroke: var(--gr-blue); }
.gr-line--sp{ stroke: #9AA6B6; }
.gr-tip{ fill: var(--gr-blue); }
.gr-x{ display: flex; justify-content: space-between; font-size: 9px; color: var(--gr-mute); margin-top: 2px; }
.gr-chartleg{ display: flex; align-items: center; gap: 6px; font-size: 10px; color: var(--gr-mute); margin-top: 8px; }
.gr-key{ width: 12px; height: 2px; display: block; border-radius: 2px; }
.gr-key--in{ background: var(--gr-blue); }
.gr-key--sp{ background: #9AA6B6; }
.gr-open{ display: inline-grid; font-size: 10px; color: #8F4E14; background: #FDF3E6; border-radius: 5px; padding: 3px 8px; }
.gr-open i{ grid-area: 1 / 1; font-style: normal; }
.gr-open i + i{ opacity: 0; }
@keyframes gr-pulse{ 0%, 100% { box-shadow: 0 0 0 0 rgba(180, 100, 30, 0); } 45% { box-shadow: 0 0 0 5px rgba(180, 100, 30, 0.12); } }
.gr-tag{ display: inline-block; font-size: 9.5px; font-weight: 600; padding: 3px 7px; border-radius: 5px; }
.gr-tagswap{ display: inline-grid; margin-top: 12px; }
.gr-tagswap .gr-tag{ grid-area: 1 / 1; }
.gr-tag--d{ background: #FDF3E6; color: #8F4E14; }
.gr-tag--ok{ background: #E6F4EC; color: #1F6B45; opacity: 0; }
.gr-tag--m{ background: #EAF1FC; color: #245FB5; }
.gr-tag--r{ background: #F1F2F4; color: #5C6A7C; }
.gr-action{ margin-top: 8px; font-size: 12.5px; line-height: 1.45; font-weight: 600; }
.gr-action em{ font-style: normal; font-weight: 400; color: var(--gr-mute); }
.gr-link{ margin-top: 9px; font-size: 11.5px; color: var(--gr-blue); font-weight: 600; }
.gr-panel__h .gr-link{ margin-top: 0; }
.gr-schedwrap{ --gr-row: 52px; height: calc(var(--gr-row) * 4 - 9px); margin-top: 9px; overflow: hidden; }
.gr-sched{ list-style: none; display: grid; gap: 9px; transform: translateY(calc(-1 * var(--gr-row))); }
.gr-sched li{ display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 9px; align-items: baseline; font-size: 11.5px; }
.gr-sched__t{ font-weight: 600; }
.gr-sched__t em{ font-style: normal; font-weight: 400; color: var(--gr-mute); }
.gr-sched__r{ grid-column: 2; color: var(--gr-blue); font-size: 10.5px; margin-top: -4px; }
.gr{ --gloop: 14s; }
.gr-odo{ display: block; height: 26px; line-height: 26px; overflow: hidden; }
.gr-odo > span{ display: block; height: 26px; }
.gr-odo--s{ height: 16px; line-height: 16px; }
.gr-odo--s > span{ height: 16px; }
.gr-legend b.gr-odo,.gr-legend em.gr-odo{ text-align: right; }
.screen.is-live .gr-metric{ animation: gr-card var(--gloop) var(--ease) infinite; animation-delay: calc(var(--i) * 90ms); }
.screen.is-live .gr-panel{ animation: gr-card var(--gloop) var(--ease) infinite; animation-delay: 0.4s; }
.screen.is-live .gr-row + .gr-row .gr-panel{ animation-delay: 0.6s; }
.screen.is-live .gr-seg--a{ animation: gr-arc-a var(--gloop) var(--ease) infinite; }
.screen.is-live .gr-seg--b{ animation: gr-arc-b var(--gloop) var(--ease) infinite; }
.screen.is-live .gr-seg--d{ animation: gr-arc-d var(--gloop) var(--ease) infinite; }
.screen.is-live .gr-line--in{ animation: gr-draw var(--gloop) var(--ease) infinite; }
.screen.is-live .gr-line--sp{ animation: gr-draw-sp var(--gloop) var(--ease) infinite; }
.screen.is-live .gr-tip{ animation: gr-tip var(--gloop) var(--ease) infinite; }
.screen.is-live .gr-odo > span{ animation: gr-odo3 var(--gloop) cubic-bezier(0.65, 0, 0.35, 1) infinite; }
.screen.is-live .gr-odo--dec > span{ animation-name: gr-odo-dec; }
.screen.is-live .gr-odo--s > span{ animation-name: gr-odo-late; }
.screen.is-live .gr-tag--d{ animation: gr-swap-out var(--gloop) linear infinite; }
.screen.is-live .gr-tag--ok{ animation: gr-swap-in var(--gloop) linear infinite; }
.screen.is-live .gr-open i:first-child{ animation: gr-swap-out var(--gloop) linear infinite; }
.screen.is-live .gr-open i + i{ animation: gr-swap-in var(--gloop) linear infinite; }
.screen.is-live .gr-open{ animation: gr-pulse 2.6s var(--ease) infinite; }
.screen.is-live .gr-sched{ animation: gr-land var(--gloop) cubic-bezier(0.16, 1, 0.3, 1) infinite; }
.screen.is-live .gr-sched li{ animation: gr-card var(--gloop) var(--ease) infinite; animation-delay: calc(var(--i) * 90ms + 0.2s); }
@keyframes gr-card{ 0%, 4% { opacity: 1; transform: translateY(6px); } 8%, 100% { opacity: 1; transform: none; } }
@keyframes gr-arc-a{ 0%, 10% { stroke-dasharray: 0 327; opacity: 1; } 17%, 60% { stroke-dasharray: 163.5 327; } 67%, 95% { stroke-dasharray: 245.25 327; opacity: 1; } 99%, 100% { stroke-dasharray: 245.25 327; opacity: 0; } }
@keyframes gr-arc-b{ 0%, 12% { stroke-dasharray: 0 327; stroke-dashoffset: -167; opacity: 1; } 19%, 60% { stroke-dasharray: 81.75 327; stroke-dashoffset: -167; } 67%, 95% { stroke-dasharray: 81.75 327; stroke-dashoffset: -248.75; opacity: 1; } 99%, 100% { stroke-dasharray: 81.75 327; stroke-dashoffset: -248.75; opacity: 0; } }
@keyframes gr-arc-d{ 0%, 14% { stroke-dasharray: 0 327; } 21%, 60% { stroke-dasharray: 81.75 327; } 67%, 100% { stroke-dasharray: 0 327; } }
@keyframes gr-draw{ 0%, 11% { stroke-dashoffset: 640; opacity: 1; } 24%, 62% { stroke-dashoffset: 72; } 68%, 95% { stroke-dashoffset: 0; opacity: 1; } 99%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes gr-draw-sp{ 0%, 13% { stroke-dashoffset: 640; opacity: 1; } 26%, 62% { stroke-dashoffset: 72; } 68%, 95% { stroke-dashoffset: 0; opacity: 1; } 99%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes gr-tip{ 0%, 24% { opacity: 0; transform: translate(-68px, 4px); } 28%, 62% { opacity: 1; transform: translate(-68px, 4px); } 68%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; transform: none; } }
@keyframes gr-odo3{ 0%, 3% { transform: translateY(0); opacity: 0; } 7%, 36% { transform: translateY(0); opacity: 1; } 42%, 64% { transform: translateY(-26px); } 70%, 95% { transform: translateY(-52px); opacity: 1; } 99%, 100% { transform: translateY(-52px); opacity: 0; } }
@keyframes gr-odo-dec{ 0%, 3% { transform: translateY(0); opacity: 0; } 7%, 50% { transform: translateY(0); opacity: 1; } 56%, 95% { transform: translateY(-26px); opacity: 1; } 99%, 100% { transform: translateY(-26px); opacity: 0; } }
@keyframes gr-odo-late{ 0%, 3% { transform: translateY(0); opacity: 0; } 7%, 62% { transform: translateY(0); opacity: 1; } 68%, 95% { transform: translateY(-16px); opacity: 1; } 99%, 100% { transform: translateY(-16px); opacity: 0; } }
@keyframes gr-swap-out{ 0%, 3% { opacity: 0; } 7%, 50% { opacity: 1; } 54%, 100% { opacity: 0; } }
@keyframes gr-swap-in{ 0%, 50% { opacity: 0; } 54%, 95% { opacity: 1; } 99%, 100% { opacity: 0; } }
@keyframes gr-land{ 0%, 3% { transform: translateY(calc(-1 * var(--gr-row, 52px))); opacity: 0; } 7%, 74% { transform: translateY(calc(-1 * var(--gr-row, 52px))); opacity: 1; } 80%, 95% { transform: translateY(0); opacity: 1; } 99%, 100% { transform: translateY(0); opacity: 0; } }
html.motion-off .gr *,html.motion-off .gr{ animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce){.gr *,.gr{ animation: none !important; }}
.screen__hint{ margin-top: calc(0.75rem - clamp(1.75rem, 3.5vw, 3rem)); font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink-3); }
.screen__hint{ display: none; }
.screen.is-scrollable + .screen__hint{ display: block; }
.sm-screen{
--sm-ink: #131F2B; --sm-mute: #4A5A6E; --sm-line: #E4EAEE;
--sm-teal: #0EA89E; --sm-coral: #FF6A5A; --sm-navy: #0B1F33;
position: relative; width: 340px; height: 700px; overflow: hidden;
display: flex; flex-direction: column;
background: #FBFCFD; border-radius: 38px;
border: 1px solid var(--sm-line);
box-shadow: 0 34px 80px -38px rgba(11, 31, 51, 0.34);
font-family: var(--font); color: var(--sm-ink); text-align: left;
}
.sm-status{
flex: none;
display: flex; align-items: center; justify-content: space-between;
padding: 15px 24px 2px; font: 600 11px/1 var(--font);
}
.sm-sig{ display: flex; gap: 3px; align-items: center; }
.sm-sig i{ width: 4px; height: 8px; background: currentColor; display: block; border-radius: 1px; }
.sm-sig i + i{ height: 11px; }
.sm-sig b{ width: 16px; height: 8px; border: 1.5px solid currentColor; display: block; border-radius: 2px; }
.sm-page{ flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 18px 20px 22px; }
.sm-top{ display: flex; align-items: center; justify-content: space-between; }
.sm-logo{ display: flex; align-items: center; gap: 8px; font: 600 15px/1 var(--font); letter-spacing: -0.02em; }
.sm-logo i{ position: relative; width: 20px; height: 11px; display: block; }
.sm-logo b,.sm-logo s{
position: absolute; display: block; border-radius: 99px; transform: rotate(-12deg); text-decoration: none;
}
.sm-logo b{ left: 0; top: 3px; width: 20px; height: 3px; background: var(--sm-teal); }
.sm-logo s{ left: 4px; top: 8px; width: 12px; height: 3px; background: var(--sm-coral); }
.sm-yr{ font: 600 11px/1 var(--font); letter-spacing: 0.04em; color: var(--sm-mute); }
.sm-k{
margin-top: 24px;
font: 600 9.5px/1 var(--font); letter-spacing: 0.09em; text-transform: uppercase; color: var(--sm-mute);
}
.sm-k--sp{ margin-top: 20px; }
.sm-big{ display: flex; align-items: baseline; gap: 2px; margin-top: 7px; animation: sm-fade var(--loop, 7s) linear infinite; }
.sm-cur{ font: 600 24px/1 var(--font); letter-spacing: -0.02em; }
.sm-odo{ display: block; height: 34px; overflow: hidden; }
.sm-odo span{
display: block; height: 34px;
font: 600 31px/34px var(--font); letter-spacing: -0.032em;
animation: sm-odo var(--loop, 7s) cubic-bezier(.65, 0, .35, 1) infinite;
}
.sm-sub{ margin-top: 7px; font: 500 11.5px/1.45 var(--font); color: var(--sm-mute); }
.sm-card{
margin-top: 20px; padding: 14px 15px 15px;
animation: sm-fade var(--loop, 7s) linear infinite;
background: #FFFFFF; border: 1px solid var(--sm-line); border-radius: 18px;
box-shadow: 0 16px 44px rgba(11, 31, 51, 0.06);
}
.sm-card__h{ display: flex; align-items: center; justify-content: space-between; }
.sm-tag{
display: inline-flex; align-items: center; gap: 6px;
font: 600 9.5px/1 var(--font); letter-spacing: 0.09em; text-transform: uppercase; color: var(--sm-navy);
}
.sm-tag i{
width: 6px; height: 6px; border-radius: 50%; background: var(--sm-teal); display: block;
animation: sm-live var(--loop, 7s) ease-in-out infinite;
}
.sm-days{ font: 600 11px/1 var(--font); color: var(--sm-mute); font-variant-numeric: tabular-nums; }
.sm-card__t{ margin-top: 10px; font: 600 17px/1.15 var(--font); letter-spacing: -0.022em; }
.sm-card__d{ margin-top: 5px; font: 500 11.5px/1.4 var(--font); color: var(--sm-mute); }
.sm-bar{ margin-top: 13px; height: 4px; border-radius: 99px; background: #EDF1F3; overflow: hidden; }
.sm-bar i{
display: block; height: 100%; width: 62%; border-radius: 99px; background: var(--sm-teal);
transform-origin: 0 50%;
animation: sm-bar var(--loop, 7s) cubic-bezier(.16, 1, .3, 1) infinite;
}
.sm-recent{
flex: 1; min-height: 150px; margin-top: 10px; overflow: hidden;
-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 26px), transparent 100%);
mask-image: linear-gradient(to bottom, #000 calc(100% - 26px), transparent 100%);
animation: sm-fade var(--loop, 7s) linear infinite;
}
.sm-list{
list-style: none; margin: 0; padding: 0;
animation: sm-land var(--loop, 7s) cubic-bezier(.16, 1, .3, 1) infinite;
}
.sm-li{
display: flex; align-items: center; justify-content: space-between; gap: 10px;
height: 46px; border-bottom: 1px solid var(--sm-line);
}
.sm-li__t{ font: 600 12.5px/1.15 var(--font); letter-spacing: -0.01em; }
.sm-li__t em{ display: block; margin-top: 3px; font: 500 10px/1 var(--font); font-style: normal; color: var(--sm-mute); }
.sm-li__v{ font: 600 12.5px/1 var(--font); white-space: nowrap; }
.sm-pay{
flex: none; margin-top: 16px; padding: 13px 15px;
background: var(--sm-navy); border-radius: 16px;
}
.sm-pay__t{ display: block; font: 600 13px/1 var(--font); letter-spacing: -0.015em; color: #FFFFFF; }
.sm-pay__d{ display: block; margin-top: 5px; font: 500 10.5px/1.4 var(--font); color: #B9C6D4; }
@keyframes sm-odo{
0%, 15%   { transform: translateY(0); }
22%, 33%  { transform: translateY(-34px); }
40%, 51%  { transform: translateY(-68px); }
58%, 93%  { transform: translateY(-102px); }
96%, 100% { transform: translateY(0); }
}
@keyframes sm-fade{
0%, 93%   { opacity: 1; }
95%, 98%  { opacity: 0; }
100%      { opacity: 1; }
}
@keyframes sm-bar{
0%, 8%    { transform: scaleX(0.42); }
58%, 93%  { transform: scaleX(1); }
96%, 100% { transform: scaleX(0.42); }
}
@keyframes sm-land{
0%, 50%   { transform: translateY(-46px); }
60%, 93%  { transform: translateY(0); }
96%, 100% { transform: translateY(-46px); }
}
@keyframes sm-live{
0%, 100%  { opacity: 1;   transform: scale(1); }
50%       { opacity: 0.4; transform: scale(0.72); }
}
html.motion-off .sm-big,html.motion-off .sm-card,html.motion-off .sm-recent,.devices.is-idle .sm-big,.devices.is-idle .sm-card,.devices.is-idle .sm-recent{ opacity: 1 !important; }
@media (prefers-reduced-motion: reduce){.sm-big,.sm-card,.sm-recent{ opacity: 1 !important; }}
.cta{ background: var(--blue); color: #FFFFFF; }
.cta .sec{ padding-block: clamp(4.5rem, 10vw, 8rem); }
.cta__in{ max-width: 44rem; margin-inline: auto; text-align: center; }
.cta__h{
margin-top: clamp(1.1rem, 2.2vw, 1.6rem);
font-size: clamp(2.1rem, 1.25rem + 3.4vw, 4rem);
font-weight: 700; letter-spacing: -0.042em; line-height: 1.02;
text-wrap: balance;
}
.cta__p{
margin: clamp(1.1rem, 2.2vw, 1.5rem) auto 0;
max-width: 48ch;
font-size: 1.0625rem; line-height: 1.55;
color: var(--on-blue-2);
}
.acts--mid{ justify-content: center; }
.cta .acts{ margin-top: clamp(2rem, 4.5vw, 3.25rem); gap: 1.5rem; }
.cta .lk{ color: #FFFFFF; }
.cta :focus-visible{ outline-color: #FFFFFF; }
@media (max-width: 560px){.cta .acts{ flex-direction: column; gap: 1.1rem; }}
.legal{ display: grid; gap: clamp(2rem, 4vw, 3rem); }
@media (min-width: 900px){.legal{ grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
.legal__toc{ position: sticky; top: 5.5rem; }}
.legal__toc,.legal__body{ min-width: 0; }
.legal__toc{ display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; font-size: 0.9375rem; }
.legal__toc a:not(.lk){ color: var(--ink-2); text-decoration: none; line-height: 1.4; }
.legal__toc a:not(.lk):hover{ color: var(--ink); }
.legal__toc .lk{ margin-top: 0.9rem; }
.legal__meta{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin: 0; }
.legal__meta > div{ background: var(--wash); padding: 0.8rem 0.95rem; }
.legal__meta dt{ font-family: var(--mono); font-size: 0.5625rem; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink-3); }
.legal__meta dd{ margin: 0.3rem 0 0; font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.014em; }
.legal__body > section + section{ margin-top: clamp(2rem, 4vw, 3rem); padding-top: clamp(1.5rem, 3vw, 2rem); border-top: 1px solid var(--rule); }
.legal__body h2{ display: flex; gap: 0.9rem; align-items: baseline; font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem); font-weight: 600; letter-spacing: -0.026em; line-height: 1.2; }
.legal__body h2 span{ flex: none; font-family: var(--mono); font-size: 0.625rem; font-weight: 500; letter-spacing: 0.11em; color: var(--blue); }
.legal__body h3{ margin-top: 1.5rem; font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.02em; }
.legal__body p{ margin-top: 0.8rem; color: var(--ink-2); max-width: 64ch; text-wrap: pretty; }
.legal__body p strong{ color: var(--ink); font-weight: 600; }
.legal__body a{ color: var(--blue); }
.legal__rows{ margin-top: 1rem; border-top: 1px solid var(--rule); }
.legal__rows > div{ display: grid; gap: 0.2rem 1.5rem; padding-block: 0.8rem; border-bottom: 1px solid var(--rule); font-size: 0.9375rem; line-height: 1.5; }
@media (min-width: 640px){.legal__rows > div{ grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }}
.legal__rows b{ font-weight: 600; letter-spacing: -0.014em; }
.legal__rows span{ color: var(--ink-2); }
.legal__rows span strong{ color: var(--ink); font-weight: 600; }
.legal__call{ margin-top: 1rem; padding: 0.9rem 1.1rem; background: var(--wash); border: 1px solid var(--rule); border-left: 2px solid var(--blue); }
.legal__call b{ display: block; font-weight: 600; letter-spacing: -0.014em; }
.legal__call p{ margin-top: 0.4rem; font-size: 0.9375rem; }
.tablewrap{ margin-top: 1rem; overflow-x: auto; border: 1px solid var(--rule); }
.legal__table{ border-collapse: collapse; width: 100%; min-width: 40rem; font-size: 0.875rem; line-height: 1.45; }
.legal__table th,.legal__table td{ text-align: left; vertical-align: top; padding: 0.65rem 0.8rem; border-bottom: 1px solid var(--rule); }
.legal__table thead th{ font-family: var(--mono); font-size: 0.5625rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); background: var(--wash); }
.legal__table tbody tr:last-child td{ border-bottom: 0; }
.legal__table td:first-child{ font-family: var(--mono); font-size: 0.8125rem; white-space: nowrap; color: var(--ink); }
.legal__table td{ color: var(--ink-2); }
.legal__table em{ font-style: normal; color: var(--ink); font-weight: 600; }
.cc{
position: fixed; left: var(--pad); right: var(--pad); bottom: 1rem; z-index: 150;
max-width: 26rem; margin-left: auto; padding: 1.1rem 1.25rem 1rem;
background: var(--paper); color: var(--ink); border: 1px solid var(--rule);
box-shadow: 0 24px 60px -24px rgba(22, 35, 58, 0.35);
opacity: 0; transform: translateY(8px);
transition: opacity 0.35s var(--ease), transform 0.35s var(--ease);
}
.cc.on{ opacity: 1; transform: none; }
.cc[hidden]{ display: none; }
.cc__k{ font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.11em; text-transform: uppercase; color: var(--ink-3); }
.cc__t{ margin-top: 0.4rem; font-size: 1.125rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.25; }
.cc__p{ margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.5; color: var(--ink-2); }
.cc__p a{ color: var(--blue); }
.cc__b{ display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.9rem; }
.cc__b .btn,.cc__deny{ padding: 0.7rem 1.1rem; font-size: 0.875rem; }
.cc__deny{ display: inline-flex; align-items: center; border: 1px solid var(--ink); border-radius: var(--radius); background: transparent; color: var(--ink); font-weight: 500; letter-spacing: -0.01em; cursor: pointer; white-space: nowrap; transition: background 0.28s var(--ease), color 0.28s var(--ease); }
.cc__deny:hover{ background: var(--ink); color: var(--paper); }
.cc__state{ margin-top: 0.8rem; font-size: 0.8125rem; color: var(--ink-2); }
.cc__state b{ color: var(--ink); font-weight: 600; }
.cc__close{ margin-top: 0.6rem; background: none; border: 0; padding: 0; font: inherit; font-size: 0.8125rem; color: var(--ink-2); text-decoration: underline; cursor: pointer; }
.cc__close:hover{ color: var(--ink); }
@media (prefers-reduced-motion: reduce){.cc{ transition: none; }}
html.motion-off .cc{ transition: none; }
.cc__short{ display: none; }
@media (max-width: 560px){.cc{ padding: 0.85rem 1rem 0.8rem; bottom: 0.75rem; }
.cc__k{ display: none; }
.cc__t{ margin-top: 0; font-size: 1rem; }
.cc__long{ display: none; }
.cc__short{ display: inline; }
.cc__p{ margin-top: 0.35rem; font-size: 0.8125rem; line-height: 1.4; }
.cc__b{ margin-top: 0.7rem; gap: 0.5rem; }
.cc__b .btn,.cc__deny{ padding: 0.6rem 0.95rem; font-size: 0.8125rem; }
.cc__state{ margin-top: 0.6rem; font-size: 0.75rem; }
.cc__close{ margin-top: 0.45rem; font-size: 0.75rem; }}
.enquire{ display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); }
@media (min-width: 900px){.enquire{ grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
.enquire__side{ padding-top: clamp(1.75rem, 3.5vw, 2.5rem); }}
.enquire__side .also{ margin-top: 0; padding-top: 0; border-top: 0; max-width: 34ch; }
.enquire__side .also + .also{ margin-top: 1.25rem; padding-top: 1.1rem; border-top: 1px solid var(--rule); }
.num{ font-weight: 600; letter-spacing: -0.04em; font-variant-numeric: lining-nums proportional-nums; white-space: nowrap; }
.gr-legend,.gr-sched__t em,.sm-li__v,.sm-days,.ft__end{ font-variant-numeric: tabular-nums; }
.verb-fly{ position: fixed; z-index: 120; pointer-events: none; font-weight: 500; letter-spacing: -0.024em; line-height: 1.3; white-space: nowrap; transform-origin: 0 0; color: var(--blue); will-change: transform; }
.cc{
left: 0; right: 0; bottom: 0; max-width: none; margin: 0;
padding: 0.7rem var(--pad);
border: 0; border-top: 1px solid var(--rule); box-shadow: 0 -12px 40px -24px rgba(22, 35, 58, 0.25);
display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.5rem;
transform: translateY(8px);
}
.cc__k{ display: none; }
.cc__t{ margin: 0; font-size: 0.9375rem; flex: none; }
.cc__p{ margin: 0; flex: 1 1 22rem; font-size: 0.8125rem; line-height: 1.4; }
.cc__b{ margin: 0; flex: none; }
.cc__state{ margin: 0; flex: 1 1 100%; order: 5; font-size: 0.75rem; }
.cc__close{ margin: 0; flex: none; font-size: 0.75rem; }
@media (max-width: 560px){.cc{ padding: 0.75rem var(--pad) 0.7rem; bottom: 0; gap: 0.45rem 1rem; }
.cc__t{ font-size: 0.9375rem; }
.cc__p{ flex-basis: 100%; }
.cc__long{ display: none; }
.cc__short{ display: inline; }}
@media (max-width: 1099px){.gr{ width: 760px; height: auto; grid-template-columns: minmax(0, 1fr); }
.gr-side{ display: none; }
.gr-main{ overflow: visible; }
.gr-metrics{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gr-row{ grid-template-columns: minmax(0, 1fr); }}
.testi__tab{ min-height: 2.5rem; padding: 0.5rem 1rem; font: inherit; font-size: 0.875rem; font-weight: 500; color: var(--ink-2); background: var(--wash); border: 1px solid transparent; border-radius: 10px; cursor: pointer; transition: color 0.2s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease); }
.testi__tab:hover{ color: var(--ink); }
.testi__tab.is-on{ color: var(--ink); background: #FFFFFF; border-color: var(--ink); }
.testi__tab:focus-visible{ outline: 2px solid var(--ink); outline-offset: 3px; }
@media (max-width: 600px){.testi__tab{ padding: 0.45rem 0.75rem; font-size: 0.8125rem; }}
.head p{ text-wrap: pretty; }
.obs__t{ text-wrap: balance; }
html.menu-open .cc{ visibility: hidden; }
.cc__close-x{ display: none; }
@media (max-width: 600px){.cc{ padding: 0.6rem var(--pad) 0.6rem; gap: 0.4rem 0.75rem; align-items: center; }
.cc__t,.cc__long{ display: none; }
.cc__short{ display: inline; }
.cc__p{ flex: 1 1 100%; margin: 0; padding-right: 2.25rem; font-size: 0.8125rem; line-height: 1.35; }
.cc__b{ margin: 0; gap: 0.4rem; }
.cc__b .btn,.cc__deny{ padding: 0.45rem 0.8rem; font-size: 0.8125rem; min-height: 2.125rem; }
.cc__close{ position: absolute; top: 0.3rem; right: 0.5rem; margin: 0; width: 2.25rem; height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.25rem; line-height: 1; text-decoration: none; color: var(--ink-2); }
.cc__close-x{ display: inline; }
.cc__close-t{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cc__state{ margin: 0; font-size: 0.75rem; }}
.drawer__mail{ margin-top: 1.5rem; font-size: 1.125rem; font-weight: 500; letter-spacing: -0.015em; }
.drawer__mail a{ text-decoration: none; }
.drawer__pos{ margin-top: 0.5rem; font-size: 0.9375rem; color: var(--ink-2); max-width: 30ch; text-wrap: pretty; }
@media (max-width: 899px){.tally{ order: 2; margin-top: clamp(1.5rem, 3vw, 2.25rem); }}
.screen--phone{ display: none; }
@media (max-width: 759px){.screen--desk,.screen__hint{ display: none; }
.screen--phone{ display: block; overflow: visible; }
.gr--phone{ width: auto; height: auto; display: block; zoom: 1; }
.gr--phone .gr-main{ padding: 14px; }
.gr--phone .gr-h1{ margin-top: 4px; font-size: 19px; }
.gr--phone .gr-metrics{ grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.gr--phone .gr-metric:last-child{ grid-column: 1 / -1; }
.gr--phone .gr-metric__v{ font-size: 20px; }
.gr--phone .gr-row{ grid-template-columns: 1fr; }}
.ft__end{ font-variant-numeric: normal; }
.tnum{ font-variant-numeric: tabular-nums; }
.deal{ background: var(--dark); color: var(--on-dark); padding: clamp(1.25rem, 2.5vw, 1.75rem); border-top: 2px solid var(--blue-lt); }
.deal .btn{ margin-top: 1.25rem; width: 100%; justify-content: center; background: var(--paper); color: var(--ink); }
.deal .btn:hover{ background: var(--wash); }
.deal__note{ margin-top: 0.75rem; font-size: 0.8125rem; line-height: 1.45; color: var(--on-dark-2); text-wrap: pretty; }
.qual{ list-style: none; margin-top: clamp(1.75rem, 3.5vw, 2.5rem); border-top: 1px solid var(--rule); }
.qual li{ display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 1rem; align-items: baseline; padding: clamp(0.9rem, 1.8vw, 1.25rem) 0; border-bottom: 1px solid var(--rule); }
.qual li > span{ font-family: var(--mono); font-size: 0.625rem; color: var(--blue); }
.qual li p{ font-size: clamp(1.0625rem, 0.95rem + 0.6vw, 1.375rem); font-weight: 500; letter-spacing: -0.024em; line-height: 1.3; max-width: 34ch; text-wrap: pretty; }
.calc{ display: grid; gap: clamp(1.25rem, 2.5vw, 2rem); margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
@media (min-width: 860px){.calc{ grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: stretch; }}
.calc__in{ display: grid; gap: 0; border-top: 1px solid var(--rule); align-content: start; }
.calc__f{ display: grid; grid-template-columns: minmax(0, 1fr) 7rem; align-items: center; gap: 1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--rule); font-size: 0.9375rem; color: var(--ink-2); }
.calc__f input{ width: 100%; min-height: 2.75rem; padding: 0.4rem 0.75rem; font: inherit; font-size: 1.125rem; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); background: var(--paper); border: 1px solid var(--rule); border-radius: 8px; text-align: right; font-variant-numeric: tabular-nums; }
.calc__f input:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; border-color: var(--blue); }
.calc__out{ background: var(--dark); color: var(--on-dark); padding: clamp(1.25rem, 2.5vw, 1.75rem); border-top: 2px solid var(--blue-lt); display: flex; flex-direction: column; }
.calc__k{ font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.11em; text-transform: uppercase; color: var(--on-dark-2); }
.calc__n{ margin-top: 0.9rem; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.4rem 0.6rem; }
.calc__n b{ font-size: clamp(2rem, 1.4rem + 2.2vw, 3.25rem); font-weight: 700; letter-spacing: -0.045em; line-height: 1; font-variant-numeric: tabular-nums; color: var(--on-dark); }
.calc__n > span{ font-size: 0.875rem; color: var(--on-dark-2); }
.calc__eg{ margin-top: 0.5rem; font-size: 0.75rem; line-height: 1.45; color: var(--on-dark-2); text-wrap: pretty; }
.calc__n b.is-swap{ animation: verdict-swap 0.42s var(--ease); }
.doc{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); border: 1px solid var(--rule); background: var(--paper); box-shadow: 0 30px 60px -40px rgba(22, 35, 58, 0.35); }
.doc__h{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 1.5rem; padding: 0.9rem clamp(1rem, 2vw, 1.5rem); border-bottom: 1px solid var(--rule); font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.doc__g{ display: grid; }
@media (min-width: 760px){.doc__g{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.doc__s + .doc__s{ border-left: 1px solid var(--rule); }}
@media (max-width: 759px){.doc__s + .doc__s{ border-top: 1px solid var(--rule); }}
.doc__s{ padding: clamp(1rem, 2vw, 1.5rem); }
.doc__sk{ font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.11em; text-transform: uppercase; color: var(--blue); }
.doc__big{ margin-top: 0.6rem; font-size: 0.8125rem; color: var(--ink-2); display: flex; align-items: baseline; gap: 0.4rem; }
.doc__big b{ font-size: clamp(2rem, 1.5rem + 1.8vw, 3rem); font-weight: 500; letter-spacing: -0.05em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.doc__s ul,.doc__plan{ list-style: none; margin-top: 0.75rem; border-top: 1px solid var(--rule); }
.doc__s ul li,.doc__plan li{ padding: 0.5rem 0; border-bottom: 1px solid var(--rule); font-size: 0.9375rem; line-height: 1.4; color: var(--ink-2); text-wrap: pretty; }
.doc__plan{ counter-reset: dp; }
.doc__plan li{ position: relative; padding-left: 1.7rem; counter-increment: dp; }
.doc__plan li::before{ content: counter(dp, decimal-leading-zero); position: absolute; left: 0; top: 0.75rem; font-family: var(--mono); font-size: 0.625rem; color: var(--blue); }
.doc__plan b{ color: var(--ink); font-weight: 600; }
.doc__f{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.4rem 1.5rem; padding: 0.9rem clamp(1rem, 2vw, 1.5rem); border-top: 1px solid var(--rule); font-size: 0.875rem; color: var(--ink-2); }
.doc__eg{ font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); align-self: center; }
.faq{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); border-top: 1px solid var(--rule); }
.faq details{ border-bottom: 1px solid var(--rule); }
.faq summary{ cursor: pointer; list-style: none; padding: clamp(0.9rem, 1.8vw, 1.15rem) 2rem clamp(0.9rem, 1.8vw, 1.15rem) 0; position: relative; font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.3125rem); font-weight: 500; letter-spacing: -0.022em; }
.faq summary::-webkit-details-marker{ display: none; }
.faq summary::after{ content: "+"; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); font-weight: 400; color: var(--blue); font-size: 1.4em; line-height: 1; }
.faq details[open] summary::after{ content: "\2212"; }
.faq summary:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; }
.faq details p{ padding: 0 0 1.1rem; max-width: 62ch; color: var(--ink-2); text-wrap: pretty; }
.pull{ margin: 0; padding: 0; max-width: 60ch; }
.pull blockquote{ margin: 0; }
.pull blockquote p{ font-size: clamp(1.25rem, 1rem + 1.1vw, 1.875rem); font-weight: 500; line-height: 1.25; letter-spacing: -0.03em; text-wrap: pretty; }
.pull figcaption{ margin-top: 1rem; font-size: 0.9375rem; color: var(--ink-2); }
.pull figcaption b{ color: var(--ink); font-weight: 600; margin-right: 0.35rem; }
.logos{ border-bottom: 1px solid var(--rule); background: var(--paper); }
.logos--in{ border-bottom: 0; }
.logos__in{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem clamp(1.5rem, 3vw, 2.5rem); padding-block: clamp(1rem, 2vw, 1.4rem); }
.logos--in .logos__in{ padding: clamp(1rem, 2vw, 1.4rem) 0 clamp(1.25rem, 2.5vw, 1.75rem); }
.logos__k{ flex: none; font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.logos__l{ list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem clamp(1.4rem, 3vw, 2.5rem); min-width: 0; }
.logos__l li{ display: flex; align-items: center; }
.logos__l img{ display: block; height: var(--h, 28px); width: auto; }
.logos__gr,.logos__sm,.logos__ow{ display: inline-flex; align-items: center; white-space: nowrap; }
.logos__gr{ gap: 8px; font: 700 17px/1 var(--font); letter-spacing: -0.02em; color: #132B24; }
.logos__gr i{ position: relative; width: 22px; height: 22px; border-radius: 5px; background: #1B4A40; display: block; }
.logos__gr i::after{ content: ""; position: absolute; inset: 6px; border: 1.3px solid rgba(255, 255, 255, 0.85); border-radius: 2px; }
.logos__sm{ gap: 8px; font: 600 17px/1 var(--font); letter-spacing: -0.02em; color: #0B1F33; }
.logos__sm i{ position: relative; width: 22px; height: 12px; display: block; }
.logos__sm b,.logos__sm s{ position: absolute; display: block; border-radius: 2px; text-decoration: none; }
.logos__sm b{ left: 0; top: 3px; width: 22px; height: 3px; background: #0EA89E; }
.logos__sm s{ left: 5px; top: 8px; width: 13px; height: 3px; background: #FF6A5A; }
.logos__ow{ gap: 7px; font: 800 18px/1 var(--font); letter-spacing: -0.045em; color: #16131E; }
.logos__ow svg{ width: 22px; height: 22px; display: block; }
@media (max-width: 600px){.logos__in{ gap: 0.75rem 1.25rem; }
.logos__k{ flex-basis: 100%; }
.logos__l{ gap: 0.75rem 1.25rem; }
.logos__l img{ height: calc(var(--h, 28px) * 0.85); }}
.logos__l{ width: 100%; justify-content: space-between; gap: 0.9rem 1.25rem; }
.logos--in .logos__l{ justify-content: space-between; }
@media (max-width: 600px){.logos__l{ justify-content: flex-start; gap: 0.75rem 1.25rem; }}
.qual{ margin-top: 0.75rem; }
.qual li{ display: block; padding: 0; }
.qual__b{ display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; align-items: start; width: 100%; padding: clamp(0.9rem, 1.8vw, 1.15rem) 0; background: none; border: 0; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.qual__t{ font-size: clamp(1.0625rem, 0.95rem + 0.6vw, 1.375rem); font-weight: 500; letter-spacing: -0.024em; line-height: 1.3; max-width: 34ch; text-wrap: pretty; color: var(--ink-2); transition: color 0.2s var(--ease); }
.qual__b:hover .qual__t{ color: var(--ink); }
.qual__b[aria-pressed="true"] .qual__t{ color: var(--ink); }
.qual__b:focus-visible{ outline: 2px solid var(--blue); outline-offset: -2px; }
.hd__deal{ display: none; font-size: 0.875rem; color: var(--ink-2); white-space: nowrap; opacity: 0; transform: translateY(4px); transition: opacity 0.3s var(--ease), transform 0.3s var(--ease); }
.hd__deal b{ color: var(--ink); }
.hd__deal.is-on{ opacity: 1; transform: none; }
@media (min-width: 1000px){.hd__deal{ display: inline; margin-right: 0.25rem; }}
@media (prefers-reduced-motion: reduce){.hd__deal{ transition: none; }}
.bookbar{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; background: color-mix(in srgb, var(--paper) 94%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--rule); transform: translateY(110%); transition: transform 0.35s var(--ease); padding-bottom: env(safe-area-inset-bottom); }
.bookbar[hidden]{ display: block; }
.bookbar.is-on{ transform: none; }
.bookbar__in{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 0.55rem; }
.bookbar__t{ font-size: 0.875rem; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bookbar__t b{ color: var(--ink); }
html.menu-open .bookbar{ display: none; }
@media (min-width: 900px){.bookbar{ display: none !important; }}
@media (prefers-reduced-motion: reduce){.bookbar{ transition: none; }}
.sub{ margin-top: clamp(2.5rem, 5vw, 4rem); padding-top: clamp(1.75rem, 3.5vw, 2.5rem); border-top: 1px solid var(--rule); }
.sub__h{ font-size: clamp(1.375rem, 1.1rem + 1.2vw, 2rem); letter-spacing: -0.03em; }
.cal{ margin-top: 1.1rem; }
.cal__g{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.cal__d{ aspect-ratio: 1 / 1; display: grid; place-items: center; font-family: var(--mono); font-size: 0.6875rem; color: var(--on-dark-2); background: rgba(255, 255, 255, 0.06); border-radius: 5px; }
.cal__d[data-p="u"],.cal__k i[data-p="u"]{ background: rgba(147, 165, 255, 0.22); color: var(--on-dark); }
.cal__d[data-p="f"],.cal__k i[data-p="f"]{ background: rgba(147, 165, 255, 0.34); color: var(--on-dark); }
.cal__d[data-p="q"],.cal__k i[data-p="q"]{ background: rgba(147, 165, 255, 0.48); color: var(--on-dark); }
.cal__d[data-p="r"],.cal__k i[data-p="r"]{ background: rgba(147, 165, 255, 0.66); color: var(--dark); }
.cal__d[data-p="e"],.cal__k i[data-p="e"]{ background: var(--warm); color: #FFFFFF; }
.cal__k{ display: flex; flex-wrap: wrap; gap: 0.35rem 0.9rem; margin-top: 0.7rem; font-family: var(--mono); font-size: 0.5625rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-2); }
.cal__k i{ display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; vertical-align: 0; }
.chap{ border-bottom: 1px solid var(--rule); background: var(--paper); }
.chap__l{ list-style: none; display: flex; flex-wrap: wrap; gap: 0 clamp(1.25rem, 3vw, 2.5rem); }
.chap__l a{ display: inline-flex; align-items: baseline; gap: 0.5rem; padding: 0.85rem 0; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.012em; color: var(--ink-2); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.chap__l a span{ font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.1em; color: var(--blue); }
.chap__l a:hover,.chap__l a:focus-visible{ color: var(--ink); border-bottom-color: var(--ink); }
@media (max-width: 600px){.chap__l{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 0 1.25rem; }
.chap__l::-webkit-scrollbar{ display: none; }
.chap__l a{ padding: 0.75rem 0; font-size: 0.875rem; }}
.qual{ margin-top: 0.75rem; border-top: 0; display: grid; gap: 0.5rem; }
.qual li{ border: 0; }
.qual__b{ grid-template-columns: 1.5rem minmax(0, 1fr); gap: 0.9rem; align-items: start; padding: 0.95rem 1.1rem; border: 1px solid var(--rule); border-radius: 10px; background: var(--paper); transition: border-color 0.2s var(--ease), background 0.2s var(--ease); }
.qual__b:hover{ border-color: var(--ink-3); }
.qual__c{ display: block; width: 1.5rem; height: 1.5rem; margin-top: 0.15rem; border: 1.5px solid var(--ink-3); border-radius: 6px; position: relative; transition: background 0.2s var(--ease), border-color 0.2s var(--ease); }
.qual__c::after{ content: ""; position: absolute; left: 0.45rem; top: 0.2rem; width: 0.4rem; height: 0.75rem; border: solid #FFFFFF; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform 0.2s var(--ease); }
.qual__b[aria-pressed="true"]{ border-color: var(--ink); background: var(--wash); }
.qual__b[aria-pressed="true"] .qual__c{ background: var(--blue); border-color: var(--blue); }
.qual__b[aria-pressed="true"] .qual__c::after{ transform: rotate(45deg) scale(1); }
.qual__b:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; }
.qual__t{ max-width: none; }
@media (max-width: 859px){.calc__out{ order: -1; }
.calc__n b{ font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); }}
.cal__d{ border: 1.5px solid transparent; }
.cal__d[data-p="u"],.cal__k i[data-p="u"]{ background: transparent; border-color: rgba(147, 165, 255, 0.55); color: var(--on-dark); }
.cal__d[data-p="f"],.cal__k i[data-p="f"]{ background: rgba(147, 165, 255, 0.28); border-color: transparent; color: var(--on-dark); }
.cal__d[data-p="q"],.cal__k i[data-p="q"]{ background: transparent; border-color: var(--blue-lt); color: var(--on-dark); }
.cal__d[data-p="r"],.cal__k i[data-p="r"]{ background: var(--blue-lt); border-color: transparent; color: var(--dark); }
.cal__d[data-p="e"],.cal__k i[data-p="e"]{ background: var(--warm); border-color: transparent; color: #FFFFFF; }
.cal__k{ font-size: 0.625rem; gap: 0.4rem 0.8rem; }
.cal__k i{ width: 10px; height: 10px; border: 1.5px solid transparent; box-sizing: border-box; }
.two{ display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
@media (min-width: 900px){.two{ grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; }}
.two .faq{ margin-top: 0; }
.side{ background: var(--dark); color: var(--on-dark); padding: clamp(1.25rem, 2.5vw, 1.75rem); border-top: 2px solid var(--blue-lt); }
.side .cal{ margin-top: 1.1rem; }
.shotf{ margin: clamp(1.75rem, 3.5vw, 2.5rem) 0 0; }
.shot--ch{ aspect-ratio: 16 / 6; margin-top: 0; }
@media (max-width: 739px){.shot--ch{ aspect-ratio: 4 / 3; }}
.shotf__c{ margin-top: 0.6rem; font-size: 0.8125rem; line-height: 1.45; color: var(--ink-3); max-width: 62ch; text-wrap: pretty; }
.two--faq .evidence{ display: grid; gap: clamp(1.5rem, 3vw, 2rem); }
@media (min-width: 900px){.two--faq .evidence{ position: sticky; top: calc(clamp(3.75rem, 4.5vw, 4.5rem) + 1.5rem); }}
.evidence .pull{ max-width: none; }
.evidence .pull blockquote p{ font-size: clamp(1.125rem, 1rem + 0.7vw, 1.5rem); }
.evidence .logos--in .logos__in{ padding: 0; }
.evidence .logos__l{ gap: 0.75rem 1.1rem; justify-content: flex-start; }
.evidence .logos__l img{ height: calc(var(--h, 28px) * 0.85); }
.f__hint{ text-wrap: pretty; }
.ft__pol{ margin-top: clamp(1.5rem, 3vw, 2rem); padding-top: 1rem; border-top: 1px solid var(--rule); display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem; }
.ft__pol a,.ft__pol .ft__set{ display: inline; width: auto; padding: 0; font-size: 0.875rem; color: var(--ink-2); text-decoration: none; }
.ft__pol a:hover,.ft__pol .ft__set:hover{ color: var(--ink); }
.ft__end{ margin-top: 0.9rem; border-top: 0; padding-top: 0; }
#method .head > p{ color: var(--ink-2); }
#method .trace__r{ grid-template-columns: 1.5rem minmax(0, 1fr) auto; gap: 0.75rem; min-height: 3.4rem; padding: 0.65rem 0; border-bottom: 1px solid var(--rule); color: var(--ink); }
#method .trace__r:last-child{ border-bottom: 0; }
#method .trace__r > span:first-child{ color: var(--ink-3); font: 0.75rem/1.5 var(--font); }
#method .trace__r.cut{ color: var(--ink-3); }
#method .trace__v{ min-width: 4.6rem; text-align: center; padding: 0.3rem 0.6rem; border: 0; border-radius: 6px; background: var(--blue-soft, #EEF2FF); color: #334D7A; font: 500 0.8125rem/1.4 var(--font); letter-spacing: 0; text-transform: none; }
#method .trace__v:empty{ background: none; min-width: 0; }
@media (max-width: 600px){#method .trace__r{ grid-template-columns: 1.1rem minmax(0, 1fr) auto; gap: 0.5rem; }
#method .trace__v{ min-width: 0; font-size: 0.75rem; padding: 0.25rem 0.5rem; }}
#method .legend__t{ margin-top: 0.35rem; font-size: 1rem; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
#method .verb-fly{ color: var(--blue); }
.shot:not(:has(img))::after{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.trace__r > span:first-child{ font-family: var(--font); font-size: 0.75rem; }
.trace__v{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.f > label b{ font-family: var(--font); font-size: 0.75rem; }
.ft__cols b{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.carried__k{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.carried__l li b{ font-family: var(--font); font-size: 0.75rem; }
.screen__hint{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.legal__meta dt{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.legal__body h2 span{ font-family: var(--font); letter-spacing: -0.005em; font-size: 0.75rem; }
.legal__table thead th{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.legal__table td:first-child{ font-family: var(--font); }
.cc__k{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.qual li > span{ font-family: var(--font); font-size: 0.75rem; }
.calc__k{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.doc__h{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.doc__sk{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.doc__plan li::before{ font-family: var(--font); font-size: 0.75rem; }
.doc__eg{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.logos__k{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.cal__d{ font-family: var(--font); font-size: 0.75rem; }
.cal__k{ font-family: var(--font); text-transform: none; font-weight: 500; letter-spacing: -0.005em; font-size: 0.8125rem; }
.chap__l a span{ font-family: var(--font); letter-spacing: -0.005em; font-size: 0.75rem; }
.obs__t{ font-size: 1.0625rem; letter-spacing: -0.015em; line-height: 1.35; }
.obs__t{ font-size: 0.9375rem; font-weight: 400; letter-spacing: -0.01em; line-height: 1.5; color: var(--ink-2); }
.tally{ margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.obs__t{ text-wrap: pretty; }
#method .trace__r,html.js #method .trace__r:not(.in){ opacity: 1; transform: none; }
.pull blockquote p{ font-style: normal; }
.obs__t{ font-size: clamp(0.9375rem, 0.55rem + 0.6vw, 1.125rem); }
@media (max-width: 599px){.obs__t{ font-size: 1rem; }}
.ft__pol{ align-items: center; }
.ft__in{ margin-left: auto; display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 6px; color: var(--ink-2); }
.ft__in:hover{ color: var(--ink); background: var(--wash); }
.ft__in:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; }
:root{ --ctl-radius: 10px; --ctl-line: rgba(22, 35, 58, 0.2); }
.btn,.btn--sm,.btn--onDark,.form__foot .btn,.cc__b .btn,.cc__deny{ min-height: 3rem; padding: 0.7rem 1.35rem; font-size: 0.9375rem; font-weight: 500; border-radius: var(--ctl-radius); line-height: 1.2; }
.cc__deny{ border-color: var(--ctl-line); }
.cc__deny:hover{ border-color: var(--ink); }
@media (max-width: 600px){.cc__b .btn,.cc__deny{ min-height: 2.5rem; padding: 0.45rem 0.9rem; font-size: 0.875rem; }}
.testi__tab{ border-radius: var(--ctl-radius); min-height: 2.5rem; }
.motion{ border-radius: var(--ctl-radius); border-color: var(--ctl-line); min-height: 2.25rem; }
.faq summary{ display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-right: 0; font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.02em; min-height: 4.25rem; }
.faq summary::after{ content: ""; position: static; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid var(--ctl-line); border-radius: 50%; color: var(--blue); transform: none; font-size: 0; background: linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 12px no-repeat; }
.faq details[open] summary::after{ content: ""; background: linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat; }
.faq summary:hover{ background: color-mix(in srgb, var(--wash) 70%, transparent); }
.hero__b--stack{ grid-template-columns: 1fr !important; }
.hero__b--stack .acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; }
.ft__pol a.ft__in{ display: inline-flex; width: 2.25rem; height: 2.25rem; border-radius: var(--ctl-radius); border: 1px solid var(--ctl-line); }
.hero--deal h1{ font-weight: 700; letter-spacing: -0.045em; }
.hero--deal .lead{ max-width: 34ch; }
.deal.deal--card{ background: var(--paper); color: var(--ink); border: 1px solid var(--rule); border-radius: 12px; padding: clamp(1.25rem, 2.5vw, 1.75rem); box-shadow: 0 30px 60px -44px rgba(22, 35, 58, 0.4); }
.deal__fig{ list-style: none; margin: 0; padding: 0 0 1.1rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; border-bottom: 1px solid var(--rule); }
.deal__fig b{ display: block; font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.deal__fig span{ display: block; margin-top: 0.4rem; font-size: 0.8125rem; line-height: 1.4; color: var(--ink-2); }
.deal--card .cal{ margin-top: 1.1rem; }
.deal--card .cal__g{ gap: 5px; }
.deal--card .cal__d{ font-family: var(--font); font-size: 0.8125rem; font-weight: 500; color: var(--ink); background: var(--wash); border-radius: 6px; }
.deal--card .cal__d[data-p="u"],.deal--card .cal__k i[data-p="u"]{ background: #E9EDFF; color: var(--ink); }
.deal--card .cal__d[data-p="f"],.deal--card .cal__k i[data-p="f"]{ background: #CFD9FF; color: var(--ink); }
.deal--card .cal__d[data-p="q"],.deal--card .cal__k i[data-p="q"]{ background: #AEBFFF; color: var(--ink); }
.deal--card .cal__d[data-p="r"],.deal--card .cal__k i[data-p="r"]{ background: #6F88F0; color: #FFFFFF; }
.deal--card .cal__d[data-p="e"],.deal--card .cal__k i[data-p="e"]{ background: var(--warm); color: #FFFFFF; }
.deal--card .cal__k{ font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; color: var(--ink-2); margin-top: 0.8rem; }
.deal--card .deal__note{ color: var(--ink-3); margin-top: 1rem; }
.cal--live .cal__d{ opacity: 0.25; transform: scale(0.7); transition: opacity 0.35s var(--ease), transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); transition-delay: calc(var(--d, 0) * 90ms + 350ms); }
.deal.on .cal--live .cal__d{ opacity: 1; transform: none; }
.cal--live .cal__k span{ opacity: 0.35; transition: opacity 0.3s var(--ease); }
.cal--live .cal__k span:nth-child(1){ transition-delay: 350ms; }
.cal--live .cal__k span:nth-child(2){ transition-delay: calc(2 * 90ms + 350ms); }
.cal--live .cal__k span:nth-child(3){ transition-delay: calc(7 * 90ms + 350ms); }
.cal--live .cal__k span:nth-child(4){ transition-delay: calc(10 * 90ms + 350ms); }
.cal--live .cal__k span:nth-child(5){ transition-delay: calc(13 * 90ms + 350ms); }
.deal.on .cal--live .cal__k span{ opacity: 1; }
html.no-js .cal--live .cal__d,html.no-js .cal--live .cal__k span{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){.cal--live .cal__d,.cal--live .cal__k span{ transition: none; }}
.calc.calc--light .calc__out{ background: var(--blue-soft, #EEF2FF); color: var(--ink); border: 1px solid #D9E0FA; border-radius: 12px; }
.calc--light .calc__k,.calc--light .calc__n > span,.calc--light .calc__eg{ color: var(--ink-2); }
.calc--light .calc__n b{ color: var(--blue); }
.calc--light .calc__f input{ border-radius: var(--ctl-radius); }
.hero--deal .deal__fig b{ font-size: clamp(2rem, 1.4rem + 2.2vw, 3rem); }
.doc-stage{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); padding: clamp(1.5rem, 4vw, 3.25rem) clamp(1rem, 4vw, 3.25rem) clamp(2rem, 4.5vw, 3.75rem); background: #F5F7FB; border: 1px solid var(--rule); border-radius: 14px; background-image: radial-gradient(#b6c7df70 0.7px, transparent 0.7px); background-size: 20px 20px; }
.doc-paper{ position: relative; max-width: 980px; margin: 0 auto; }
.doc-paper::before,.doc-paper::after{ content: ""; position: absolute; inset: 0; background: #FFFFFF; border: 1px solid var(--rule); border-radius: 4px; z-index: 0; }
.doc-paper::before{ transform: translate(12px, 12px) rotate(0.9deg); }
.doc-paper::after{ transform: translate(6px, 6px) rotate(0.4deg); }
.doc-stage .doc{ position: relative; z-index: 1; margin: 0; border: 1px solid var(--rule); border-radius: 4px; box-shadow: 0 40px 70px -40px rgba(22, 35, 58, 0.45), 0 2px 8px rgba(22, 35, 58, 0.06); }
.doc__h--lh{ align-items: center; padding: 1rem clamp(1rem, 2vw, 1.5rem); font-family: var(--font); font-size: 0.8125rem; letter-spacing: 0; text-transform: none; color: var(--ink-2); }
.doc__brand{ display: inline-flex; align-items: center; gap: 0.5rem; font-size: 1.125rem; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.doc__meta{ display: grid; justify-items: end; gap: 0.15rem; text-align: right; }
.doc__meta b{ font-weight: 600; color: var(--ink); }
@media (max-width: 560px){.doc__meta{ justify-items: start; text-align: left; }}
.sec--weeks{ background: var(--dark); color: var(--on-dark); border-top: 0; }
.sec--weeks .h2{ color: var(--on-dark); }
.sec--weeks .head p{ color: var(--on-dark-2); }
.sec--weeks .shot{ border-radius: 12px; overflow: hidden; }
.sec--weeks .shotf__c{ color: var(--on-dark-2); }
.sec--weeks + .sec{ border-top: 0; }
.chap{ position: sticky; top: 0; z-index: 90; background: color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.chap__l a{ border-bottom-width: 2px; transition: color 0.2s var(--ease), border-color 0.2s var(--ease); }
.chap__l a.is-on{ color: var(--ink); border-bottom-color: var(--blue); }
@media (max-width: 760px){.chap .wrap{ overflow-x: auto; scrollbar-width: none; }
.chap .wrap::-webkit-scrollbar{ display: none; }
.chap__l{ flex-wrap: nowrap; width: max-content; padding-right: 1rem; }}
@media (max-width: 760px){.chap{ position: static; backdrop-filter: none; -webkit-backdrop-filter: none; }}
.calc__bar{ margin-top: 1.1rem; display: grid; gap: 0.6rem; }
.calc__row{ display: grid; grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; font-size: 0.8125rem; color: var(--ink-2); }
.calc__tr{ display: block; height: 10px; background: rgba(31, 59, 217, 0.10); border-radius: 999px; overflow: hidden; }
.calc__tr b{ display: block; height: 100%; width: 0; min-width: 4px; background: var(--blue); border-radius: 999px; transition: width 0.5s var(--ease); }
.calc__row--fee .calc__tr b{ background: var(--ink); }
.calc__rv{ font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 480px){.calc__row{ grid-template-columns: minmax(0, 1fr) auto; }
.calc__row .calc__tr{ grid-column: 1 / -1; order: 3; }}
.chap{ position: static; backdrop-filter: none; -webkit-backdrop-filter: none; }
.hd__chap{ display: none; list-style: none; margin: 0; padding: 0; gap: clamp(1rem, 2vw, 1.75rem); }
.hd__chap a{ display: inline-flex; align-items: baseline; gap: 0.4rem; padding: 0.3rem 0; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.012em; color: var(--ink-2); text-decoration: none; border-bottom: 2px solid transparent; transition: color 0.2s var(--ease), border-color 0.2s var(--ease); }
.hd__chap a span{ font-size: 0.6875rem; color: var(--blue); }
.hd__chap a:hover,.hd__chap a:focus-visible{ color: var(--ink); }
.hd__chap a.is-on{ color: var(--ink); border-bottom-color: var(--blue); }
@media (min-width: 1000px){html.past-hero .hd .nav{ display: none; }
html.past-hero .hd__chap{ display: flex; }}
@media (min-width: 1000px) and (max-width: 1399px){html.past-hero .hd__deal{ display: none; }}
.hd__chap li{ flex: none; }
.hd__chap a{ white-space: nowrap; }
@media (min-width: 1000px) and (max-width: 1399px){.hd__deal{ display: none; }}
@media (min-width: 1000px) and (max-width: 1399px){.hd__chap{ gap: 1rem; }
.hd__chap a{ font-size: 0.875rem; }
.hd__chap a span{ display: none; }}
.doc-stage{ border-radius: 12px; }
.qual__t{ font-size: 1.0625rem; font-weight: 500; line-height: 1.45; color: var(--ink); }
.sub__h{ font-size: clamp(1.375rem, 1.1rem + 1vw, 1.75rem); }
.two--faq .evidence{ gap: 0; padding: clamp(1.25rem, 2.5vw, 1.75rem); border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); align-self: start; }
.evidence .pull blockquote p{ font-size: 1.25rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.02em; }
.evidence .pull figcaption{ margin-top: 0.9rem; font-size: 0.875rem; }
.evidence .logos{ margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); }
.evidence .logos__l{ gap: 0.7rem 1rem; }
.evidence .logos__l img{ height: calc(var(--h, 28px) * 0.72); }
.evidence .logos__gr,.evidence .logos__sm{ font-size: 14px; }
.evidence .logos__ow{ font-size: 15px; }
.evidence .logos__gr i,.evidence .logos__ow svg{ width: 18px; height: 18px; }
.evidence .logos__sm i{ width: 18px; }
.evidence .logos__sm b{ width: 18px; }
.evidence .logos__sm s{ width: 11px; }
.hero--mesh.hero--deal h1{ font-weight: 800; letter-spacing: -0.035em; max-width: 12ch; }
.hero--deal .hero__lead{ max-width: 40ch; }
.hero--deal .deal--card{ width: 100%; max-width: 520px; justify-self: end; }
@media (max-width: 899px){.hero--deal .deal--card{ justify-self: start; max-width: 34rem; }}
.deal__fig{ display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; }
.deal__fig li{ min-width: 0; }
.hero--deal .deal__fig b,.deal__fig b{ white-space: nowrap; font-size: clamp(1.75rem, 1rem + 2vw, 2.75rem); }
.pt{ width: 100%; max-width: 520px; justify-self: end; display: flex; flex-direction: column; min-width: 0; }
.pt__head{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 0 12px; border-bottom: 1px solid #bccbdf; }
.pt__caption{ font-size: 13px; font-weight: 500; color: var(--ink-3); }
.pt__replay{ width: 36px; height: 36px; flex: none; border: 1px solid #d5dfeb; border-radius: 50%; background: #fff; color: var(--ink); display: grid; place-items: center; cursor: pointer; padding: 0; }
.pt__replay:hover{ background: #eaf1fb; }
.pt__replay svg{ width: 16px; height: 16px; }
.pt__stats{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 22px; padding: 14px 0 0; }
.pt__big{ display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 auto; }
.pt__biglabel{ font-size: 13px; font-weight: 500; color: var(--ink-3); }
.pt__bigstat{ font-size: clamp(36px, 4.4vw, 48px); line-height: 1; font-weight: 500; letter-spacing: -0.05em; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ink); transition: color 0.5s; }
.pt__explain{ margin: 0; font-size: 14px; line-height: 1.5; color: #53647b; max-width: 30ch; flex: none; height: 3em; overflow: hidden; text-align: right; }
.pt__explain > span{ display: block; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
.pt__explain > span > span{ display: block; height: 3em; }
.pt__stage{ position: relative; height: 262px; margin-top: 6px; overflow: hidden; cursor: ew-resize; }
.pt__stage[data-after]{ cursor: default; }
.pt__col{ position: absolute; top: 0; bottom: 0; border-left: 1px solid #d5dfeb; transition: opacity 0.6s; }
.pt__col--wk{ background: repeating-linear-gradient(135deg, rgba(22,35,58,0.05) 0 1px, transparent 1px 5px); }
.pt__col span{ position: absolute; left: 4px; bottom: 4px; font-size: 10px; font-weight: 500; color: #5E7088; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pt__col--after{ transition-delay: 0.3s; }
.pt__edge{ position: absolute; top: 0; bottom: 0; right: 0; border-left: 1px solid #d5dfeb; }
.pt__axis{ position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #98acca; }
.pt__band{ position: absolute; top: 50%; height: 12px; margin-top: -6px; transition: opacity 0.5s, left 0.9s cubic-bezier(0.22, 1, 0.36, 1), width 0.9s cubic-bezier(0.22, 1, 0.36, 1); }
.pt__head-line{ position: absolute; top: 6%; bottom: 6%; width: 1px; background: var(--warm); transition: opacity 0.4s; }
.pt__head-line span{ position: absolute; top: -6px; left: -4px; width: 9px; height: 9px; background: var(--warm); border-radius: 50%; }
.pt__ev{ position: absolute; top: 50%; width: 0; height: 0; transition: opacity 0.4s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), left 0.9s cubic-bezier(0.22, 1, 0.36, 1); }
.pt__stem{ position: absolute; left: 0; width: 1px; transition: opacity 0.3s; }
.pt__dot{ position: absolute; left: -4.5px; top: -4.5px; width: 9px; height: 9px; box-sizing: border-box; border-radius: 50%; border: 1.5px solid; transition: background 0.4s, border-color 0.4s, box-shadow 0.4s; }
.pt__label{ position: absolute; display: flex; flex-direction: column; gap: 1px; white-space: nowrap; line-height: 1.2; transition: opacity 0.3s, transform 0.3s; }
.pt__meta{ display: flex; align-items: center; gap: 6px; height: 12px; }
.pt__time{ font-variant-numeric: tabular-nums; font-size: 10px; transition: color 0.4s; }
.pt__who{ font-size: 9.5px; font-weight: 600; letter-spacing: 0.02em; line-height: 1; padding: 2px 5px; border-radius: 4px; color: #fff; transition: opacity 0.4s 0.4s; }
.pt__title{ font-size: 12px; text-decoration-color: var(--warm); text-decoration-thickness: 1.5px; transition: color 0.4s; }
.pt__msg{ display: none; margin-top: 5px; width: 264px; box-sizing: border-box; padding: 8px 10px; border-radius: 10px 10px 10px 3px; background: #fff; border: 1px solid #d5dfeb; box-shadow: 0 6px 18px rgba(22,35,58,0.10); white-space: normal; text-align: left; transition: opacity 0.45s 0.3s, transform 0.45s 0.3s; }
.pt__msg-head{ display: flex; justify-content: space-between; gap: 8px; font-size: 10px; font-weight: 500; color: #5E7088; margin-bottom: 3px; }
.pt__msg-body{ display: block; font-size: 11px; line-height: 1.35; color: var(--ink); }
.pt__fixes{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 8px; }
.pt__fix{ display: flex; flex-direction: column; gap: 1px; padding: 6px 8px; border-radius: 8px; box-sizing: border-box; border: 1px solid #d5dfeb; background: #fff; color: var(--ink-3); opacity: 0.35; transform: translateY(6px); transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1); min-width: 0; }
.pt__fix > span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pt__fix > span:first-child{ font-size: 12px; font-weight: 600; letter-spacing: -0.01em; }
.pt__fix > span:last-child{ font-size: 11px; opacity: 0.8; }
.pt__fix[data-state="now"]{ opacity: 1; transform: none; background: var(--blue); color: #fff; border-color: transparent; }
.pt__fix[data-state="done"]{ opacity: 1; transform: none; background: var(--ink); color: #fff; border-color: transparent; }
.pt__rails{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px; }
.pt__rail{ height: 2px; background: #dbe4f0; position: relative; overflow: hidden; }
.pt__rail span{ position: absolute; inset: 0; background: var(--blue); transform-origin: left; transform: scaleX(0); transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }
.pt__foot{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 10px; }
.pt__status{ font-size: 16px; font-weight: 600; letter-spacing: -0.02em; display: block; height: 1.3em; line-height: 1.3; overflow: hidden; }
.pt__status > span{ display: block; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
.pt__status > span > span{ display: block; height: 1.3em; }
.pt__step{ font-size: 12px; font-weight: 500; color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.pt--snap,.pt--snap *{ transition: none !important; }
.pt__replay{ border-color: var(--ctl-line); background: var(--paper); color: var(--ink); }
.pt__replay:hover{ background: var(--blue-soft, #EEF2FF); color: var(--blue); }
.pt__replay:focus-visible{ outline: 2px solid var(--blue); outline-offset: 3px; }
@media (max-width: 899px){.pt{ max-width: 34rem; justify-self: start; }}
html.no-js .pt__replay{ display: none; }
@media (max-width: 480px){.hero--mesh .pt{ margin-inline: calc(-1 * var(--pad)); max-width: none; width: auto; }
.pt__head,.pt__stats,.pt__fixes,.pt__rails,.pt__foot{ margin-inline: var(--pad); }
.pt__title{ font-size: 11px; }
.pt__time{ font-size: 9px; }
.pt__msg{ width: 220px; }}
.hero--guide{ padding-bottom: 0; }
.guide__note{ margin-top: 0.9rem; font-size: 0.875rem; color: var(--ink-3); }
.gstats{ list-style: none; margin: 0; padding: 0; display: grid; }
.gstats li{ display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); align-items: baseline; gap: 1rem; padding: 1.1rem 0; border-top: 1px solid var(--rule); }
.gstats li:last-child{ border-bottom: 1px solid var(--rule); }
.gstats b{ font-size: clamp(2rem, 1.4rem + 2vw, 3rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.gstats span{ font-size: 1rem; color: var(--ink-2); }
.gcover{ margin: 0; max-width: 360px; justify-self: end; }
@media (max-width: 819px){.gcover{ justify-self: start; max-width: 300px; }}
.gcover img{ display: block; width: 100%; height: auto; border-radius: 4px; box-shadow: 0 40px 70px -40px rgba(22, 35, 58, 0.55), 0 2px 8px rgba(22, 35, 58, 0.08); }
.gcover figcaption{ margin-top: 0.75rem; font-size: 0.8125rem; color: var(--ink-3); }
.gform{ margin-top: 0; max-width: 48rem; }
.gform .carried{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
.gform .carried + .form{ margin-top: 1.25rem; }
.f__opt{ font-weight: 400; color: var(--ink-3); }
.f--check{ background: var(--paper); }
.check{ display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: 0.85rem; align-items: start; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; color: var(--ink-2); }
.check input{ position: absolute; opacity: 0; width: 1px; height: 1px; }
.check__box{ display: block; width: 1.5rem; height: 1.5rem; margin-top: 0.1rem; border: 1.5px solid var(--ink-3); border-radius: 6px; background: var(--paper); position: relative; transition: background 0.2s var(--ease), border-color 0.2s var(--ease); }
.check__box::after{ content: ""; position: absolute; left: 0.45rem; top: 0.2rem; width: 0.4rem; height: 0.75rem; border: solid #FFFFFF; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform 0.2s var(--ease); }
.check input:checked + .check__box{ background: var(--blue); border-color: var(--blue); }
.check input:checked + .check__box::after{ transform: rotate(45deg) scale(1); }
.check input:focus-visible + .check__box{ outline: 2px solid var(--blue); outline-offset: 2px; }
.gdone{ margin-top: clamp(1.75rem, 3.5vw, 2.5rem); padding: clamp(1.25rem, 2.5vw, 1.75rem); background: var(--blue-soft, #EEF2FF); border: 1px solid #D9E0FA; border-radius: 12px; display: grid; gap: 0.75rem; outline: none; }
.gdone__t{ margin: 0; font-size: 1.375rem; font-weight: 600; letter-spacing: -0.03em; }
.gclose-band .head h2{ color: var(--on-dark); }
.gclose-band .head p{ color: var(--on-dark-2); }
.gclose-band .head p + p{ margin-top: 0.9em; }
.gclose-band .head p b{ color: var(--on-dark); font-weight: 600; }
.gclose-band__note{ font-size: 0.875rem; }
#email .head p + p{ margin-top: 0.9em; }
.guide__note b{ color: var(--ink); font-weight: 600; }
.hero--mesh.hero--guide h1{ max-width: 13ch; }
.hero--guide .hero__lead{ max-width: 44ch; }
.hero--guide .guide__note{ margin-top: 0; }
.gstats--row{ margin-top: 0.5rem; width: 100%; max-width: 34rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; border-top: 1px solid var(--rule); }
.gstats--row li{ display: block; padding: 1rem 0 0; border: 0; }
.gstats--row li:last-child{ border: 0; }
.gstats--row b{ display: block; font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); }
.gstats--row span{ display: block; margin-top: 0.35rem; font-size: 0.875rem; line-height: 1.4; }
@media (max-width: 480px){.gstats--row{ gap: 0.6rem; }
.gstats--row span{ font-size: 0.8125rem; }}
.gcover--hero{ width: 100%; max-width: 400px; justify-self: end; }
@media (max-width: 899px){.gcover--hero{ justify-self: start; max-width: 320px; }}
.gcover--hero img{ border-radius: 6px; box-shadow: 0 50px 90px -45px rgba(22, 35, 58, 0.6), 0 2px 10px rgba(22, 35, 58, 0.1); }
.form .f--check{ background: var(--paper); }
.f > label.check{ display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: 0.85rem; font-size: 0.9375rem; font-weight: 400; letter-spacing: 0; }
.check__box{ flex: none; }
.deal--card .cal__d[data-p="r"],.deal--card .cal__d[data-p="e"]{ color: var(--ink); }
.drawer__acts{ display: grid; gap: 0.6rem; }
.hero--deal .guide__note{ margin-top: 0; }
@media (min-width: 1000px) and (max-width: 1199px){.nav{ gap: 1rem; }
.hd__in{ gap: 1rem; }
.hd__end{ gap: 0.45rem; }}
:root{ --rule-2g: rgba(17, 17, 20, 0.07); }
.guide-toc__d{ border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); padding: 1rem 1.1rem; }
.guide-toc__s{ list-style: none; cursor: pointer; font-weight: 600; font-size: 0.9375rem; color: var(--ink); display: flex; justify-content: space-between; align-items: center; }
.guide-toc__s::-webkit-details-marker{ display: none; }
.guide-toc__s::after{ content: ""; width: 0.55rem; height: 0.55rem; border-right: 1.5px solid var(--ink-3); border-bottom: 1.5px solid var(--ink-3); transform: rotate(45deg); transition: transform 0.2s var(--ease); }
.guide-toc__d[open] .guide-toc__s::after{ transform: rotate(-135deg); }
@media (min-width: 900px){.guide-toc__s{ pointer-events: none; }
.guide-toc__s::after{ display: none; }}
.guide-toc__l{ list-style: none; margin: 0.75rem 0 0; padding: 0; display: grid; }
.guide-toc__l a{ display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); gap: 0.4rem; padding: 0.55rem 0; font-size: 0.9375rem; line-height: 1.35; color: var(--ink-2); text-decoration: none; border-top: 1px solid var(--rule); border-left: 2px solid transparent; margin-left: -1.1rem; padding-left: calc(1.1rem - 2px); transition: color 0.2s var(--ease), border-color 0.2s var(--ease); }
.guide-toc__l a span{ font-size: 0.75rem; color: var(--blue); padding-top: 0.15rem; }
.guide-toc__l a:hover,.guide-toc__l a:focus-visible{ color: var(--ink); }
.guide-toc__l a.is-on{ color: var(--ink); font-weight: 600; border-left-color: var(--blue); }
.guide{ min-width: 0; display: grid; gap: clamp(2rem, 4vw, 3rem); }
.guide__part{ display: grid; gap: clamp(1.25rem, 2.5vw, 1.75rem); scroll-margin-top: calc(var(--hd-h, 64px) + 1rem); }
.guide__part + .guide__part{ padding-top: clamp(1.5rem, 3vw, 2.5rem); border-top: 1px solid var(--rule); }
.gp{ padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); scroll-margin-top: calc(var(--hd-h, 64px) + 1rem); min-width: 0; }
.gp > * + *{ margin-top: clamp(1.25rem, 2.5vw, 1.75rem); }
.guide .lede{ margin: 0; color: var(--ink-2); font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; font-size: 1.0625rem; }
.guide h4{ margin: 0; font-size: 1.125rem; font-weight: 600; letter-spacing: -0.024em; line-height: 1.3; }
.guide p{ margin: 0; }
.guide .writeon{ display: block; border-bottom: 1px solid var(--rule); height: 2.4rem; }
.guide .lb{ display: block; font-size: 0.8125rem; font-weight: 500; color: var(--ink-3); margin-bottom: 0.6rem; }
.guide .ix{ font-size: 0.75rem; font-weight: 500; color: var(--blue); }
.guide strong,.guide em{ font-weight: 600; font-style: normal; }
.guide h4{font-size:19.5px;font-weight:600;letter-spacing:-.024em;line-height:1.3}
.guide .lede{font-size:17.2px;font-weight:500;letter-spacing:-.024em;line-height:1.5;color:var(--ink-2)}
.guide p{max-width:74ch}
.guide .lb{display:block;font-size:16.2px;font-weight:500;letter-spacing:-.005em;
color:var(--ink-3);margin-bottom:12px}
.guide .ix{font-size:15.0px;font-weight:500;letter-spacing:-.005em;color:var(--blue)}
.guide .pull{border-top:1px solid var(--ink);padding-top:20px;margin-top:20px}
.guide .pull .claim{font-size:24.1px;font-weight:600;letter-spacing:-.03em;line-height:1.3;max-width:62ch}
.guide .friction{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:24px 0}
.guide .friction .claim{font-size:24.7px;font-weight:600;letter-spacing:-.03em;line-height:1.3;max-width:56ch}
.guide .friction p{margin-top:14px;font-size:15.1px;color:var(--ink-2);max-width:74ch}
.guide .canvas{border-top:1px solid var(--rule)}
.guide .canvas .fr{display:grid;grid-template-columns:36px 208px 1fr;gap:20px;padding:14px 0;
border-bottom:1px solid var(--rule-2g);align-items:center}
.guide .canvas .fr .ix{align-self:start;padding-top:3px}
.guide .canvas .fr .fl{font-size:17.4px;font-weight:600;letter-spacing:-.026em}
.guide .canvas .fr .fl span{display:block;font-size:13.5px;font-weight:400;color:var(--ink-2);
margin-top:6px;letter-spacing:0;line-height:1.38}
.guide .canvas .fr .writeon{border-bottom:1px solid var(--rule);height:38px}
.guide .canvas .decision{background:var(--dark);color:var(--on-dark);padding:22px 26px 24px;margin-top:24px}
.guide .canvas .decision .lb{color:var(--on-dark-2)}
.guide .canvas .decision .claim{font-size:20.8px;font-weight:600;letter-spacing:-.028em;line-height:1.34;max-width:60ch}
.guide .canvas .decision .writeon{border-bottom:1px solid var(--rule-dark);height:36px;margin-top:16px}
.guide .legal{border-top:1px solid var(--rule);padding-top:20px;font-size:13.3px;line-height:1.5;color:var(--ink-2)}
.guide .legal p{max-width:none;margin-bottom:10px}
.guide .legal p:last-child{margin-bottom:0}
@media (max-width: 599px){.guide .canvas .fr{ grid-template-columns: 2rem minmax(0, 1fr); }
.guide .canvas .fr .writeon{ grid-column: 2; }}
.gp__cta{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem; padding: clamp(1.1rem, 2.2vw, 1.5rem) clamp(1.25rem, 2.5vw, 1.75rem); background: var(--blue-soft, #EEF2FF); border: 1px solid #D9E0FA; border-radius: 12px; }
.gp__cta-t{ font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.015em; color: var(--ink); }
.gp__cta-s{ margin-top: 0.25rem; font-size: 0.875rem; color: var(--ink-2); }
.gp__cta-a{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; }
:root{ --mono: "Schibsted Grotesk", system-ui, -apple-system, sans-serif; }
.hero--canvas .lead{ max-width: 44ch; }
.cv{ margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.cv__l{ list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rule); }
.cv__r{ display: grid; grid-template-columns: 2.25rem minmax(0, 16rem) minmax(0, 1fr); gap: 0.75rem 1.5rem; padding: 1.1rem 0; border-bottom: 1px solid var(--rule); align-items: start; }
@media (max-width: 760px){.cv__r{ grid-template-columns: 2.25rem minmax(0, 1fr); }
.cv__r textarea,.cv__r .cv__pills{ grid-column: 2; }}
.cv__i{ font-size: 0.75rem; font-weight: 500; color: var(--blue); padding-top: 0.35rem; }
.cv__lab{ display: block; }
.cv__lab b{ display: block; font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.35; color: var(--ink); }
.cv__lab span{ display: block; margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.45; color: var(--ink-2); text-wrap: pretty; }
.cv textarea{ width: 100%; min-height: 2.75rem; padding: 0.6rem 0.75rem; font: inherit; font-size: 1rem; line-height: 1.5; color: var(--ink); background: var(--paper); border: 1px solid var(--ctl-line); border-radius: var(--ctl-radius); resize: vertical; overflow: hidden; }
.cv textarea:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; border-color: var(--blue); }
.cv__pills{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.cvpill{ position: relative; }
.cvpill input{ position: absolute; opacity: 0; width: 1px; height: 1px; }
.cvpill span{ display: inline-block; padding: 0.5rem 0.9rem; border: 1px solid var(--ctl-line); border-radius: 999px; font-size: 0.9375rem; font-weight: 500; color: var(--ink); background: var(--paper); cursor: pointer; transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease); }
.cvpill input:checked + span{ background: var(--ink); border-color: var(--ink); color: #FFFFFF; }
.cvpill input:focus-visible + span{ outline: 2px solid var(--blue); outline-offset: 2px; }
.cv__dec{ margin-top: 1.25rem; padding: clamp(1.25rem, 2.5vw, 1.75rem); background: var(--dark); color: var(--on-dark); border-radius: 12px; display: grid; gap: 0.75rem; }
.cv__i--dec{ color: var(--blue-lt, #93A5FF); padding: 0; }
.cv__claim{ font-size: 1.125rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; color: var(--on-dark); max-width: 60ch; text-wrap: pretty; }
.cv__dec textarea{ background: rgba(255, 255, 255, 0.06); color: var(--on-dark); border-color: rgba(255, 255, 255, 0.28); }
.cv__dec textarea:focus-visible{ outline-color: var(--blue-lt, #93A5FF); border-color: var(--blue-lt, #93A5FF); }
.cv__tools{ display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 1.25rem; }
.cv__clear{ background: none; border: 0; padding: 0; font: inherit; font-size: 0.9375rem; color: var(--ink-2); cursor: pointer; border-bottom: 1px solid currentColor; }
.cv__clear:hover{ color: var(--ink); }
.cv__saved{ font-size: 0.8125rem; color: var(--ink-3); }
#send .gform{ max-width: 48rem; }
@media print{.hd,.drawer,.ft,.cc,.bookbar,.carried,.cv__tools,#send,.gclose-band,.skip,.motion{ display: none !important; }
body{ background: #fff; color: #000; }
.hero--canvas{ padding-top: 0; }
.hero--canvas .guide__note{ display: none; }
.cv__r{ break-inside: avoid; page-break-inside: avoid; }
.cv textarea{ border: 0; border-bottom: 1px solid #999; border-radius: 0; min-height: 3rem; resize: none; }
.cv__dec{ background: none; color: #000; border: 1px solid #999; }
.cv__claim,.cv__i--dec{ color: #000; }
.cv__dec textarea{ background: none; color: #000; border-color: #999; }
.cvpill span{ border-color: #999; color: #000; background: none; }
.cvpill input:checked + span{ background: #000; color: #fff; border-color: #000; }}
.hero--about .hero__say{ font-size: 1.0625rem; font-weight: 600; color: var(--ink); max-width: 40ch; margin: 0; }
.hero__photo{ width: 100%; max-width: 520px; justify-self: end; margin: 0; }
@media (max-width: 899px){.hero__photo{ justify-self: start; max-width: 34rem; }}
.hero__photo img{ display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; box-shadow: 0 40px 70px -40px rgba(22, 35, 58, 0.5); }
.gcover--page img{ border: 1px solid var(--rule); border-radius: 6px; }
.hero--canvas .guide__note{ margin-top: 0; }
.cv + .carried{ margin-top: clamp(1.5rem, 3vw, 2rem); }
.hp{ position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; margin: 0; }
.f select{ width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; padding: 0.45rem 1.6rem 0.45rem 0; font: inherit; font-size: 1.0625rem; color: var(--ink); appearance: none; -webkit-appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%); background-position: calc(100% - 12px) 55%, calc(100% - 7px) 55%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; cursor: pointer; }
.f select:focus{ outline: 0; border-bottom-color: var(--blue); }
.f select:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; }
.f select:invalid,.f select option[value=""]{ color: var(--ink-3); }
.f[data-bad="true"] select{ border-bottom-color: #A6321F; }
.f > label:has(.f__opt){ display: block; }
.f > label .f__opt{ margin-left: 0.35rem; }
.form--open{ display: grid; gap: clamp(1.75rem, 3.5vw, 2.5rem); background: none; border: 0; }
.form--open .fs{ display: grid; gap: 1.1rem; min-width: 0; }
.form--open .fs__t,.form--open .fs--more > summary{ font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.014em; color: var(--ink); padding-bottom: 0.65rem; border-bottom: 1px solid var(--ink); }
.form--open .fs__g{ display: grid; gap: 1.1rem clamp(1.25rem, 3vw, 1.75rem); }
@media (min-width: 640px){.form--open .fs__g{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.form--open .f--wide{ grid-column: 1 / -1; }}
.form--open .f{ background: none; padding: 0; gap: 0.4rem; align-content: end; }
.form--open .f > label{ font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.01em; }
.form--open .f input,.form--open .f select,.form--open .f textarea{ border: 1px solid var(--ctl-line); border-radius: var(--ctl-radius); background: var(--paper); padding: 0.7rem 0.9rem; font-size: 1.0625rem; line-height: 1.35; color: var(--ink); min-height: 3rem; }
.form--open .f select{ padding-right: 2.5rem; background-position: calc(100% - 16px) 55%, calc(100% - 11px) 55%; }
.form--open .f textarea{ min-height: 7.5rem; }
.form--open .f textarea[rows="2"]{ min-height: 4.25rem; }
.form--open .f textarea::placeholder,.form--open .f input::placeholder{ color: var(--ink-3); opacity: 1; }
.form--open .f input:focus,.form--open .f select:focus,.form--open .f textarea:focus{ outline: 0; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0, 31, 255, 0.14); }
.form--open .f input:focus-visible,.form--open .f select:focus-visible,.form--open .f textarea:focus-visible{ outline: 0; }
.form--open .f[data-bad="true"] input,.form--open .f[data-bad="true"] textarea,.form--open .f[data-bad="true"] select{ border-color: #A6321F; }
.form--open .f__hint{ font-size: 0.875rem; color: var(--ink-2); margin-top: -0.1rem; }
.form--open .fs--more > summary{ cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.form--open .fs--more > summary::-webkit-details-marker{ display: none; }
.form--open .fs--more > summary::after{ content: "+"; color: var(--blue); font-size: 1.35rem; font-weight: 400; line-height: 1; }
.form--open .fs--more[open] > summary::after{ content: "\2212"; }
.form--open .fs--more > summary:focus-visible{ outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 2px; }
.form--open .f--check,.form .form--open .f--check{ background: none; padding: 0; }
.form--open .f > label.check{ font-size: 0.9375rem; }
.carried__h{ font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.014em; color: var(--ink); }
.carried__h + .carried__k,.carried__k + .carried__k{ margin-top: 0.45rem; }
.carried__k{ font-size: 0.9375rem; color: var(--ink); font-weight: 400; }
:root{
--pd-white: #fff;
--pd-paper: #fff;
--pd-grey-50: #f5f7fb;
--pd-grey-200: #e3e7ee;
--pd-grey-400: #66728a;
--pd-grey-600: #43526a;
--pd-ink: #16233a;
--pd-cobalt: #1f3bd9;
--pd-cobalt-deep: #16299b;
--pd-cobalt-tint: #e6e9fa;
--pd-tint-50: #f3f4fc;
--pd-green: #1f6c4c;
--pd-amber: #8a5a10;
--pd-amber-tint: #fbf3df;
--pd-bg: var(--pd-paper);
--pd-bg-alt: var(--pd-grey-50);
--pd-bg-dark: var(--pd-ink);
--pd-text: var(--pd-ink);
--pd-text-2: var(--pd-grey-600);
--pd-text-3: var(--pd-grey-400);
--pd-text-on-dark: #fff;
--pd-text-2-on-dark: #b7c0d0;
--pd-accent: var(--pd-cobalt);
--pd-accent-on-dark: #aeb9f0;
--pd-line: var(--pd-grey-200);
--pd-line-on-dark: #2b3b57;
--pd-action: var(--pd-ink);
--pd-action-hover: #243657;
--pd-font: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
--pd-head-weight: 600;
--pd-container: 1120px;
--pd-radius-sm: 8px;
--pd-radius: 10px;
--pd-radius-lg: 14px;
--pd-shadow: 0 1px 0 #16233a0a, 0 12px 32px -24px #16233a40;
--pd-shadow-lg: 0 1px 0 #16233a0a, 0 28px 60px -36px #16233a55;
--pd-ease: cubic-bezier(.16, 1, .3, 1);
}
body.pd{ background: var(--pd-bg); color: var(--pd-text); font-family: var(--pd-font); font-size: 17px; line-height: 1.6; letter-spacing: 0; }
.pd [hidden]{ display: none !important; }
.pd a{ color: inherit; }
.pd :focus-visible{ outline: 2px solid var(--pd-ink); outline-offset: 3px; border-radius: 4px; }
.pd .dark :focus-visible,.pd .band :focus-visible,.pd .ft :focus-visible{ outline-color: #fff; }
.pd ::selection{ background: var(--pd-ink); color: #fff; }
.pd .wrap{ width: min(var(--pd-container), calc(100% - 48px)); max-width: none; padding: 0; margin-inline: auto; }
.pd h1,.pd h2,.pd h3{ font-family: var(--pd-font); font-weight: var(--pd-head-weight); color: var(--pd-text); margin: 0; }
.pd h1{ font-size: clamp(38px, 5vw, 56px); line-height: 1.05; letter-spacing: -.03em; text-wrap: balance; max-width: none; }
.pd h2{ font-size: clamp(28px, 3.3vw, 36px); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; }
.pd h3{ font-size: 19px; line-height: 1.3; letter-spacing: -.012em; }
.pd .ac{ color: var(--pd-accent); }
.pd h1 .ac{ display: block; }
.pd .lede{ font-size: 18px; line-height: 1.6; color: var(--pd-text-2); max-width: 56ch; margin: 0; }
.pd .small{ font-size: 14px; line-height: 1.55; color: var(--pd-text-3); margin: 0; }
.pd .more{ display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 500; color: var(--pd-action); text-decoration: none; border-bottom: 1px solid var(--pd-line); padding-bottom: 1px; transition: border-color .2s; }
.pd .more:hover{ border-color: var(--pd-ink); }
.pd .more::after{ content: "\2192"; transition: transform .25s var(--pd-ease); }
.pd .more:hover::after{ transform: translateX(3px); }
.pd .lk{ display: inline; font-size: inherit; color: var(--pd-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; border: 0; padding: 0; gap: 0; }
.pd .lk:hover{ gap: 0; text-decoration-color: var(--pd-text-3); }
.pd .btn{ display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: 0 20px; border-radius: var(--pd-radius-sm); font-size: 15px; font-weight: 600; letter-spacing: 0; text-decoration: none; border: 1.5px solid transparent; cursor: pointer; white-space: nowrap; background: var(--pd-action); color: #fff; box-shadow: none; transform: none; transition: background .18s, border-color .18s, color .18s; }
.pd .btn:hover{ background: var(--pd-action-hover); color: #fff; transform: none; box-shadow: none; }
.pd .btn-s{ background: var(--pd-white); color: var(--pd-ink); border-color: #16233a59; }
.pd .btn-s:hover{ background: var(--pd-white); color: var(--pd-ink); border-color: var(--pd-ink); }
.pd .acts{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.pd .hd{ position: sticky; top: 0; z-index: 100; background: #fffffff0; backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid transparent; transition: border-color .25s, box-shadow .25s; }
.pd .hd.is-stuck{ background: #fffffff0; border-bottom-color: var(--pd-line); box-shadow: 0 8px 24px -20px #16233a40; }
.pd .hd__in{ height: 68px; gap: 30px; justify-content: flex-start; }
.pd .brand{ font-size: 1.25rem; font-weight: 600; letter-spacing: -.035em; color: var(--pd-ink); }
.pd .nav{ display: none; }
.pd .nav a{ font-size: 15px; font-weight: 500; color: var(--pd-text-2); text-decoration: none; padding: 8px 10px; border-radius: 6px; transition: color .15s, background .15s; }
.pd .nav a:hover,.pd .nav a[aria-current]{ color: var(--pd-ink); background: var(--pd-grey-50); }
.pd .hd__end{ margin-left: auto; gap: 10px; }
.pd .hd .btn{ display: none; min-height: 44px; padding: 0 16px; font-size: 14px; }
@media (min-width: 700px){.pd .hd .btn{ display: inline-flex; }}
@media (min-width: 1000px){.pd .nav{ display: flex; gap: 4px; }}
.pd .burger{ margin-right: -.5rem; border-radius: var(--pd-radius-sm); }
.pd .burger span{ background: var(--pd-ink); }
.pd .drawer{ background: var(--pd-paper); }
.pd .drawer nav a{ font-size: clamp(1.5rem, 7vw, 2.25rem); font-weight: 600; letter-spacing: -.03em; border-bottom: 1px solid var(--pd-line); }
.pd .drawer__acts{ display: flex; gap: 10px; margin-top: 20px; }
.pd .drawer__acts .btn{ flex: 1; }
.pd .drawer__mail a{ color: var(--pd-ink); text-decoration: none; }
.pd .drawer__pos{ color: var(--pd-text-2); }
.pd .sec{ padding: 96px 0; border-top: 0; }
.pd .sec.alt{ background: var(--pd-bg-alt); }
.pd .sec.tint{ background: var(--pd-tint-50); }
.pd .sec.dark{ background: var(--pd-bg-dark); color: var(--pd-text-on-dark); }
.pd .dark h2,.pd .dark h3{ color: #fff; }
.pd .dark .lede,.pd .dark p{ color: var(--pd-text-2-on-dark); }
.pd .dark .ac{ color: var(--pd-accent-on-dark); }
.pd .shead{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px 72px; align-items: start; margin-bottom: 48px; }
.pd .shead.one{ grid-template-columns: 1fr; max-width: 760px; }
.pd .shead .acts{ margin-top: 24px; }
.pd .hero{ padding: 88px 0 96px; background: linear-gradient(180deg, var(--pd-tint-50), var(--pd-paper) 78%); }
.pd .hero-in{ display: grid; grid-template-columns: 1fr 1.05fr; gap: 72px; align-items: center; }
.pd .hero h1{ max-width: none; margin: 0; }
.pd .hero .lede{ margin-top: 22px; max-width: 44ch; }
.pd .hero .acts{ margin-top: 28px; }
.pd .hero .small{ margin-top: 16px; max-width: 44ch; }
.pd .win{ background: var(--pd-white); border: 1px solid var(--pd-line); border-radius: var(--pd-radius-lg); box-shadow: var(--pd-shadow-lg); overflow: hidden; font-size: 14px; }
.pd .win-bar{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--pd-line); background: var(--pd-tint-50); font-size: 12.5px; color: var(--pd-text-3); }
.pd .win-foot{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--pd-line); font-size: 12.5px; color: var(--pd-text-3); }
.pd .cap{ font-size: 12.5px; color: var(--pd-text-3); text-align: right; margin: 10px 0 0; }
.pd .pill{ display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: var(--pd-text-2); white-space: nowrap; }
.pd .pill::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pd .pill.ok{ color: var(--pd-green); }
.pd .pill.warn{ color: var(--pd-amber); }
.pd .win .pt{ max-width: none; justify-self: auto; width: 100%; margin: 0; }
.pd .pt__head{ padding: 12px 18px; border-bottom: 1px solid var(--pd-line); background: var(--pd-tint-50); }
.pd .pt__caption{ font-size: 12.5px; font-weight: 500; color: var(--pd-text-3); }
.pd .pt__replay{ width: 32px; height: 32px; border: 1px solid var(--pd-line); border-radius: var(--pd-radius-sm); background: var(--pd-white); color: var(--pd-ink); }
.pd .pt__replay:hover{ background: var(--pd-tint-50); color: var(--pd-ink); }
.pd .pt__replay:focus-visible{ outline-color: var(--pd-ink); }
.pd .pt__stats{ padding: 14px 18px 0; }
.pd .pt__biglabel{ color: var(--pd-text-3); }
.pd .pt__bigstat{ font-weight: 600; letter-spacing: -.04em; }
.pd .pt__explain{ color: var(--pd-text-2); }
.pd .pt__stage{ margin: 6px 18px 0; }
.pd .pt__col span{ font-size: 11px; color: var(--pd-text-2); }
.pd .pt__head-line,.pd .pt__head-line span{ background: var(--pd-ink); }
.pd .pt__title{ text-decoration-color: var(--pd-amber); }
.pd .pt__fixes{ margin: 10px 18px 0; }
.pd .pt__fix{ font: inherit; text-align: left; cursor: pointer; color: var(--pd-text-2); opacity: .6; border: 1px solid var(--pd-line); background: var(--pd-white); transform: none; }
.pd .pt__fix:hover{ border-color: var(--pd-ink); opacity: 1; }
.pd .pt__fix[data-state="now"]{ background: var(--pd-ink); color: #fff; border-color: transparent; opacity: 1; }
.pd .pt__fix[data-state="done"]{ background: var(--pd-cobalt-tint); color: var(--pd-ink); border-color: transparent; opacity: 1; }
.pd .pt__fix:focus-visible{ outline-offset: 2px; }
.pd .pt__rails{ margin: 10px 18px 0; }
.pd .pt__foot{ padding: 12px 18px; margin-top: 12px; border-top: 1px solid var(--pd-line); }
.pd .pt__status{ font-size: 15px; }
.pd .pt__step{ color: var(--pd-text-3); }
.pd .logos{ padding: 22px 0; border-block: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); background: var(--pd-white); }
.pd .logos__in{ padding: 0; }
.pd .logos__l{ width: 100%; justify-content: space-between; gap: 18px 32px; }
.pd .logos__l li{ filter: grayscale(1); opacity: .72; }
.pd .vbox{ margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--pd-line); }
.pd .vbox .k{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); margin: 0; }
.pd .vbox ul{ list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; font-weight: 500; font-size: 15px; }
.pd .vbox li{ display: grid; grid-template-columns: 14px 1fr; align-items: baseline; }
.pd .vbox li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pd-ink); transform: translateY(-2px); }
.pd .vbox .n{ margin: 10px 0 0; font-size: 14px; color: var(--pd-text-2); max-width: 28ch; }
.pd .count-cta{ margin: 16px 0 0; }
.pd .checks{ border-top: 1px solid var(--pd-grey-200); }
.pd .checks button{ display: grid; grid-template-columns: 24px 1fr; gap: 16px; align-items: center; width: 100%; text-align: left; padding: 17px 4px; background: transparent; border: 0; border-bottom: 1px solid #16233a1f; cursor: pointer; font: inherit; font-size: 17px; font-weight: 500; color: var(--pd-text); transition: padding .25s var(--pd-ease); }
.pd .checks button:hover{ padding-left: 10px; }
.pd .checks .obs__t{ font: inherit; color: inherit; display: block; }
.pd .checks .box{ width: 22px; height: 22px; border: 1.5px solid #16233a66; border-radius: 6px; display: grid; place-items: center; background: var(--pd-white); transition: background .15s, border-color .15s; }
.pd .checks .box svg{ opacity: 0; transform: scale(.6); transition: opacity .15s, transform .25s var(--pd-ease); }
.pd .checks [aria-pressed="true"] .box{ background: var(--pd-ink); border-color: var(--pd-ink); }
.pd .checks [aria-pressed="true"] .box svg{ opacity: 1; transform: none; }
.pd .checks-end{ margin: 26px 0 0; font-weight: 600; font-size: 21px; letter-spacing: -.02em; line-height: 1.3; }
.pd .sides{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pd .side{ background: var(--pd-white); border: 1px solid var(--pd-line); border-radius: var(--pd-radius-lg); padding: 32px; box-shadow: var(--pd-shadow); display: flex; flex-direction: column; }
.pd .side .kick{ font-size: 14px; font-weight: 600; color: var(--pd-text-3); }
.pd .side h3{ font-size: 26px; line-height: 1.15; letter-spacing: -.025em; margin-top: 8px; max-width: 18ch; }
.pd .side > p{ margin: 14px 0 0; color: var(--pd-text-2); font-size: 16px; }
.pd .pmarks{ display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; margin-top: 22px; min-height: 32px; }
.pd .pmarks img{ height: 22px; width: auto; }
.pd .pmarks .ow{ display: inline-flex; align-items: center; gap: 7px; font-weight: 800; font-size: 18px; letter-spacing: -.045em; color: #16131E; }
.pd .pmarks .ow svg{ width: 22px; height: 22px; }
.pd .ticks{ margin: 22px 0 26px; padding: 0; display: grid; gap: 9px; font-size: 15px; color: var(--pd-text-2); list-style: none; }
.pd .ticks li{ display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: baseline; border: 0; padding: 0; background: none; font-weight: 400; }
.pd .ticks li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pd-ink); transform: translateY(-2px); }
.pd .side .more{ margin-top: auto; align-self: flex-start; }
.pd .verb-fly{ color: var(--pd-ink); }
.pd .shead .scope{ margin: 14px 0 0; color: var(--pd-text-2); font-size: 16px; max-width: 56ch; }
.pd .shead .note{ margin: 18px 0 0; }
.pd .steps{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; margin: 72px 0 0; padding: 0; list-style: none; counter-reset: s; }
.pd .steps::before{ content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 1px; background: var(--pd-line); }
.pd .steps::after{ content: none; }
.pd .steps li{ position: relative; counter-increment: s; }
.pd .steps li::before{ content: counter(s); position: relative; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--pd-ink); color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 0 0 6px var(--pd-paper); }
.pd .steps li:last-child::before{ background: var(--pd-accent); }
.pd .steps h3{ margin-top: 18px; }
.pd .steps p{ margin: 6px 0 0; color: var(--pd-text-2); font-size: 15px; max-width: 26ch; }
.pd .follow{ margin-top: 40px; display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; color: var(--pd-text-2); font-size: 15px; }
.pd .follow span{ max-width: 62ch; }
.pd .dn{ display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
.pd .dn h2{ max-width: none; }
.pd .dn h2 .ac{ display: block; }
.pd .dn .lede{ margin-top: 20px; }
.pd .dn .lede + .lede{ margin-top: 14px; }
.pd .tbl{ border: 1px solid var(--pd-line-on-dark); border-radius: var(--pd-radius-lg); overflow: hidden; background: #ffffff08; }
.pd .tbl .cpt{ display: block; text-align: left; padding: 14px 20px; font-size: 13px; color: var(--pd-text-2-on-dark); border-bottom: 1px solid var(--pd-line-on-dark); }
.pd .tbl ul{ list-style: none; margin: 0; padding: 0; }
.pd .tbl li{ display: flex; justify-content: space-between; gap: 20px; align-items: baseline; padding: 15px 20px; border-bottom: 1px solid var(--pd-line-on-dark); font-size: 15.5px; color: #fff; }
.pd .tbl li:last-child{ border-bottom: 0; }
.pd .tbl b{ font-size: 13px; font-weight: 600; white-space: nowrap; color: var(--pd-accent-on-dark); }
.pd .tbl b.no{ color: var(--pd-text-2-on-dark); }
.pd .prow-name{ display: flex; align-items: center; gap: 14px; }
.pd .prow-name h3{ font-size: 30px; letter-spacing: -.03em; line-height: 1; display: inline-flex; }
.pd .prow-name .logos__gr{ font-size: 28px; gap: 10px; }
.pd .prow-name .logos__gr i{ width: 30px; height: 30px; border-radius: 7px; }
.pd .prow-name .logos__gr i::after{ inset: 8px; border-width: 1.6px; border-radius: 3px; }
.pd .prow-name .logos__sm{ font-size: 28px; gap: 10px; }
.pd .prow-name .logos__sm i{ width: 30px; height: 16px; }
.pd .prow-name .logos__sm b{ top: 4px; width: 30px; height: 4px; }
.pd .prow-name .logos__sm s{ left: 7px; top: 11px; width: 17px; height: 4px; }
.pd .yrows{ list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid var(--pd-line); }
.pd .yrows li{ display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--pd-line); font-size: 14px; }
.pd .yrows li span:first-child{ color: var(--pd-text-2); }
.pd .yrows li span:first-child b{ font-weight: 600; color: var(--pd-ink); margin-right: 10px; }
.pd .yrows-k{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); margin: 0 0 8px; }
.pd .win .screen{ margin: 0; overflow-x: auto; overflow-y: hidden; }
.pd .win .gr{ border: 0; border-radius: 0; box-shadow: none; }
.pd .win .screen__hint{ margin: 0; padding: 10px 18px; border-top: 1px solid var(--pd-line); font-size: 12.5px; font-weight: 500; color: var(--pd-text-3); }
.pd .win .screen--phone{ padding: 14px; }
.pd .testi__tab{ min-height: 44px; padding: 0 18px; border-radius: var(--pd-radius-sm); font-size: 15px; font-weight: 600; background: var(--pd-white); border: 1.5px solid #16233a59; color: var(--pd-ink); }
.pd .testi__tab:hover{ border-color: var(--pd-ink); color: var(--pd-ink); }
.pd .testi__tab.is-on{ background: var(--pd-ink); color: #fff; border-color: var(--pd-ink); }
.pd .faqs details{ border-bottom: 1px solid var(--pd-line); }
.pd .faqs details:first-child{ border-top: 1px solid var(--pd-line); }
.pd .faqs summary{ display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-weight: 600; font-size: 18px; letter-spacing: -.012em; }
.pd .faqs summary::-webkit-details-marker{ display: none; }
.pd .faqs summary::after{ content: "+"; font-weight: 400; font-size: 22px; color: var(--pd-text-3); transition: transform .25s var(--pd-ease); }
.pd .faqs details[open] summary::after{ transform: rotate(45deg); }
.pd .faqs details p{ margin: 0; padding: 0 0 22px; color: var(--pd-text-2); font-size: 16px; max-width: 62ch; }
.pd .band{ background: var(--pd-accent); color: #fff; padding: 96px 0; }
.pd .band-in{ max-width: 44rem; margin-inline: auto; text-align: center; }
.pd .band h2{ color: #fff; font-size: clamp(30px, 4vw, 44px); max-width: 18ch; margin-inline: auto; }
.pd .band h2 .ac{ color: #c9d4fa; }
.pd .band .lede{ color: #dce3fa; margin: 16px auto 0; }
.pd .band .acts{ margin-top: 28px; justify-content: center; }
.pd .band .btn-p{ background: #fff; color: var(--pd-ink); }
.pd .band .btn-p:hover{ background: #e9edf7; color: var(--pd-ink); }
.pd .band .btn-s{ background: transparent; color: #fff; border-color: #ffffff73; }
.pd .band .btn-s:hover{ background: transparent; color: #fff; border-color: #fff; }
.pd .ft{ background: var(--pd-ink); color: var(--pd-text-2-on-dark); padding: 64px 0 36px; font-size: 15px; border-top: 0; }
.pd .ft__top{ display: grid; grid-template-columns: 1.5fr 3fr; gap: 40px; }
.pd .ft .brand{ color: #fff; }
.pd .ft__pos{ margin-top: 14px; max-width: 30ch; font-size: 15px; line-height: 1.5; color: var(--pd-text-2-on-dark); }
.pd .ft__cols{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.pd .ft__cols > div:nth-child(3){ grid-column: auto; grid-row: auto; }
.pd .ft__cols b{ display: block; font-family: var(--pd-font); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #8f9bb3; margin-bottom: 14px; }
.pd .ft__cols a{ display: block; width: fit-content; font-size: 15px; line-height: 1.4; color: #d5dbe8; text-decoration: none; padding: 0; margin-bottom: 9px; }
.pd .ft__cols a:hover{ color: #fff; }
.pd .ft__pol{ margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--pd-line-on-dark); display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.pd .ft__pol a,.pd .ft__set{ color: #d5dbe8; font: inherit; font-size: 13px; line-height: 1.6; text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; }
.pd .ft__pol a:hover,.pd .ft__set:hover{ color: #fff; }
.pd .ft__in{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: auto; border: 1px solid var(--pd-line-on-dark); border-radius: var(--pd-radius-sm); color: #d5dbe8; }
.pd .ft__in:hover{ color: #fff; border-color: #fff; }
.pd .ft__end{ margin-top: 20px; padding-top: 0; border-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px 32px; font-size: 13px; line-height: 1.6; color: #8f9bb3; }
.pd .ft__end p{ margin: 0; }
.pd .motion{ border: 1px solid var(--pd-line-on-dark); border-radius: 999px; color: #d5dbe8; font-size: 12px; padding: 6px 12px; }
.pd .motion:hover{ color: #fff; border-color: #fff; }
.pd .cc{ border-radius: var(--pd-radius-lg); border-color: var(--pd-line); box-shadow: var(--pd-shadow-lg); }
.pd .cc__k{ font-family: var(--pd-font); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--pd-text-3); }
.pd .cc__p a{ color: var(--pd-ink); }
.pd .cc__b .btn{ min-height: 44px; padding: 0 16px; font-size: 14px; }
.pd .cc__deny{ min-height: 44px; padding: 0 16px; font-size: 14px; font-weight: 600; border: 1.5px solid #16233a59; border-radius: var(--pd-radius-sm); background: var(--pd-white); color: var(--pd-ink); }
.pd .cc__deny:hover{ background: var(--pd-white); color: var(--pd-ink); border-color: var(--pd-ink); }
@media (max-width: 600px){.pd .cc{ border-radius: var(--pd-radius); }
.pd .cc__b .btn,.pd .cc__deny{ min-height: 36px; padding: 0 12px; font-size: 13px; }}
html.js .pd [data-r]:not(.on){ opacity: 1; transform: none; }
.pd [data-r]{ transition: opacity .7s var(--pd-ease), transform .7s var(--pd-ease); transition-delay: calc(var(--i, 0) * 70ms + 120ms); }
.pd [data-r].on{ opacity: 1; transform: none; }
.pd .w{ display: inline-block; transition: opacity .6s var(--pd-ease), transform .6s var(--pd-ease); transition-delay: calc(var(--i, 0) * 45ms); }
html.js .pd [data-split]:not(.on) .w{ opacity: 0; transform: translateY(.35em); }
html.motion-off .pd [data-r],html.motion-off .pd .w{ opacity: 1 !important; transform: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce){.pd [data-r],.pd .w{ opacity: 1 !important; transform: none !important; transition: none !important; }}
@media (max-width: 1020px){.pd .hero-in,.pd .dn{ grid-template-columns: 1fr; gap: 44px; }
.pd .shead{ grid-template-columns: 1fr; gap: 16px; }
.pd .vbox,.pd .count-cta{ flex: 1 1 100%; }
.pd .ft__top{ grid-template-columns: 1fr; }}
@media (max-width: 680px){body.pd{ font-size: 16px; }
.pd .wrap{ width: calc(100% - 40px); }
.pd .sec,.pd .band{ padding: 68px 0; }
.pd .hero{ padding: 56px 0 68px; }
.pd .sides{ grid-template-columns: 1fr; }
.pd .side{ padding: 24px; }
.pd .steps{ grid-template-columns: 1fr; gap: 26px; margin-top: 52px; }
.pd .steps::before{ left: 14px; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
.pd .steps li{ padding-left: 48px; }
.pd .steps li::before{ position: absolute; left: 0; top: 0; }
.pd .steps h3{ margin-top: 2px; }
.pd .checks button{ font-size: 16px; }
.pd .logos__l{ justify-content: flex-start; gap: 14px 22px; }
.pd .ft__cols{ grid-template-columns: 1fr; gap: 28px; }
.pd .hero .acts .btn{ flex: 1 1 100%; }
.pd .pt__stats,.pd .pt__stage,.pd .pt__fixes,.pd .pt__rails{ margin-inline: 12px; }
.pd .pt__head,.pd .pt__foot{ padding-inline: 12px; }
.pd .pt__title{ font-size: 11px; }
.pd .pt__time{ font-size: 9px; }
.pd .pt__msg{ width: 220px; }}
.brand img{ display: block; height: 26px; width: auto; }
.ft .brand img{ height: 24px; }
.drawer .brand img{ height: 26px; }
.pd .brand img{ height: 26px; }
.pd .ft .brand img{ height: 24px; }
.doc__brand img{ display: block; height: 18px; width: auto; }
.pd .dark .more{ color: #fff; border-color: var(--pd-line-on-dark); }
.pd .dark .more:hover{ border-color: #fff; }
.pd .dark .verb-fly{ color: #fff; }
.pd .tint .tbl{ border-color: var(--pd-line); background: var(--pd-white); box-shadow: var(--pd-shadow); }
.pd .tint .tbl .cpt{ color: var(--pd-text-3); border-bottom-color: var(--pd-line); background: var(--pd-tint-50); }
.pd .tint .tbl li{ color: var(--pd-ink); border-bottom-color: var(--pd-line); }
.pd .tint .tbl b{ color: var(--pd-ink); }
.pd .tint .tbl b.no{ color: var(--pd-text-3); }
.pd #method.sec.dark{ background: var(--pd-bg-dark); color: var(--pd-text-on-dark); border-block: 0; }
.logos__gr svg,.gr-brand svg{ display: block; width: 22px; height: 22px; flex: none; }
.logos__gr{ color: #0F172A; font-weight: 600; }
.gr-brand svg{ width: 20px; height: 20px; }
.pd .prow-name .logos__gr svg{ width: 34px; height: 34px; }
.pd .eng{ display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px 72px; align-items: start; }
.pd .eng-copy .lede{ margin-top: 20px; }
.pd .eng-copy .scope{ margin: 14px 0 0; font-size: 16px; color: var(--pd-text-2); max-width: 52ch; }
.pd .eng-copy .acts{ margin-top: 28px; }
.pd .eng-copy .note{ margin-top: 18px; }
.pd .plan .win-bar span:first-child{ font-weight: 500; color: var(--pd-text-2); }
.pd .track{ list-style: none; margin: 0; padding: 22px 22px 4px; }
.pd .track > li{ position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 16px; padding-bottom: 22px; }
.pd .track > li::before{ content: ""; position: absolute; left: 13.5px; top: 30px; bottom: -2px; width: 1px; background: var(--pd-line); }
.pd .track > li.opt::before{ background: repeating-linear-gradient(180deg, var(--pd-line) 0 4px, transparent 4px 8px); }
.pd .track > li.last::before{ display: none; }
.pd .track > li.outs-li{ grid-template-columns: 1fr; padding-left: 44px; }
.pd .track > li.outs-li::before{ top: 0; }
.pd .track .m{ width: 28px; height: 28px; border-radius: 50%; background: var(--pd-ink); color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; position: relative; z-index: 1; box-shadow: 0 0 0 4px var(--pd-white); }
.pd .track > li.opt .m{ background: var(--pd-white); color: var(--pd-ink); border: 1.5px solid var(--pd-ink); }
.pd .track > li.last .m{ background: var(--pd-accent); border-color: var(--pd-accent); color: #fff; }
.pd .track .when{ display: block; font-size: 13px; font-weight: 600; color: var(--pd-text-3); margin-bottom: 2px; }
.pd .track h3{ font-size: 18px; }
.pd .track > li > div > p{ margin: 4px 0 0; color: var(--pd-text-2); font-size: 15px; max-width: 46ch; }
.pd .outbox{ background: var(--pd-tint-50); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: 16px 18px; }
.pd .outbox .k{ margin: 0 0 10px; font-size: 13px; font-weight: 600; color: var(--pd-text-3); }
.pd .outbox ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pd .outbox li{ display: grid; grid-template-columns: 108px 1fr; gap: 2px 14px; align-items: baseline; }
.pd .outbox b{ grid-row: 1 / span 2; font-size: 13px; font-weight: 600; color: var(--pd-text-3); }
.pd .outbox span{ font-weight: 600; font-size: 15px; color: var(--pd-ink); }
.pd .outbox em{ font-style: normal; font-size: 14px; color: var(--pd-text-2); }
.pd .plan .win-foot{ font-size: 13.5px; line-height: 1.5; color: var(--pd-text-2); }
@media (max-width: 1020px){.pd .eng{ grid-template-columns: 1fr; gap: 40px; }}
@media (max-width: 680px){.pd .outbox li{ grid-template-columns: 1fr; }
.pd .outbox b{ grid-row: auto; }
.pd .track{ padding: 18px 14px 2px; }}
.pd .dline{ margin-top: 8px; }
.pd .dnodes{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; position: relative; }
.pd .dnodes::before{ content: ""; position: absolute; left: 14px; right: 14px; top: 14px; height: 1px; background: var(--pd-line-on-dark); }
.pd .dnodes::after{ content: ""; position: absolute; right: 14px; top: 10px; width: 0; height: 0; border-left: 7px solid var(--pd-line-on-dark); border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; }
.pd .dnodes > li{ position: relative; }
.pd .dnodes .m{ width: 28px; height: 28px; border-radius: 50%; background: #fff; color: var(--pd-ink); font-size: 13px; font-weight: 600; display: grid; place-items: center; position: relative; z-index: 1; box-shadow: 0 0 0 6px var(--pd-ink); }
.pd .dnodes > li.last .m{ background: var(--pd-accent); color: #fff; }
.pd .dnodes > li.is-yours .m{ box-shadow: 0 0 0 6px var(--pd-ink), 0 0 0 8px var(--pd-accent-on-dark); }
.pd .dnodes > li.is-yours h3::after{ content: "Yours"; margin-left: 8px; font-size: 11px; font-weight: 600; vertical-align: 2px; padding: 2px 7px; border-radius: 999px; background: var(--pd-accent-on-dark); color: var(--pd-ink); }
.pd .dnodes h3{ margin-top: 18px; font-size: 19px; color: #fff; }
.pd .dnodes p{ margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--pd-text-2-on-dark); max-width: 20ch; }
.pd .chips7{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pd .chips7 > li{ display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: center; padding: 10px 14px; border-radius: var(--pd-radius-sm); background: #ffffff0d; border: 1px solid var(--pd-line-on-dark); font-size: 15px; color: #fff; }
.pd .chips7 > li.keep{ background: #fff; color: var(--pd-ink); border-color: transparent; font-weight: 600; }
.pd .chips7 .n{ font-size: 12.5px; color: var(--pd-text-2-on-dark); font-variant-numeric: tabular-nums; }
.pd .chips7 > li.keep .n{ color: var(--pd-text-3); font-weight: 500; }
.pd .chips7 s{ color: var(--pd-text-2-on-dark); }
.pd .chips7 .v{ font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: #ffffff14; color: #fff; }
.pd .chips7 > li.keep .v{ background: var(--pd-tint-50); color: var(--pd-ink); }
@media (max-width: 1020px){.pd .dnodes{ grid-template-columns: 1fr 1fr 1fr; gap: 32px 24px; }
.pd .dnodes::before,.pd .dnodes::after{ display: none; }}
@media (max-width: 680px){.pd .dnodes{ grid-template-columns: 1fr; gap: 22px; padding-left: 44px; }
.pd .dnodes::before{ display: block; left: 14px; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
.pd .dnodes .m{ position: absolute; left: -44px; top: 0; }
.pd .dnodes h3{ margin-top: 0; }
.pd .dnodes p{ max-width: none; }
.pd .chips7 > li{ grid-template-columns: 30px 1fr; }
.pd .chips7 .v{ grid-column: 2; justify-self: start; }}
.pd .segs{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-top: 14px; max-width: 200px; }
.pd .segs i{ display: block; height: 6px; border-radius: 3px; background: #16233a1f; transition: background .25s var(--pd-ease); }
.pd .segs i.on{ background: var(--pd-ink); }
@media (max-width: 1020px){.pd .segs{ margin: 0 0 8px; flex: 1 1 100%; }}
.pd .nav a[aria-current="true"]{ color: var(--pd-ink); background: var(--pd-grey-50); }
.pd .voices-grid{ display: grid; grid-template-columns: 300px 1fr; gap: 24px 48px; align-items: start; }
.pd .voices-tabs{ display: grid; gap: 8px; }
.pd .voices .testi__tab{ display: grid; grid-template-columns: 1fr; gap: 10px; min-height: 0; padding: 16px 18px; text-align: left; background: #ffffff08; border: 1px solid var(--pd-line-on-dark); border-radius: var(--pd-radius); color: var(--pd-text-2-on-dark); font-weight: 400; font-size: 13px; line-height: 1.4; cursor: pointer; transition: background .2s, border-color .2s; }
.pd .voices .testi__tab img{ display: block; height: 28px; width: auto; max-width: 160px; object-fit: contain; object-position: left; opacity: .85; }
.pd .voices .testi__tab span b{ display: block; font-size: 14px; font-weight: 600; color: #fff; }
.pd .voices .testi__tab:hover{ border-color: #ffffff59; background: #ffffff0f; color: var(--pd-text-2-on-dark); }
.pd .voices .testi__tab.is-on{ background: #ffffff14; border-color: #ffffff8c; color: var(--pd-text-2-on-dark); }
.pd .voices .testi__tab.is-on img{ opacity: 1; }
.pd .voices .testi__tab:focus-visible{ outline-color: #fff; }
.pd .voice{ list-style: none; margin: 0; padding: 32px 36px; border: 1px solid var(--pd-line-on-dark); border-radius: var(--pd-radius-lg); background: #ffffff08; min-height: 100%; touch-action: pan-y; }
.pd .q-slide{ display: none; }
.pd .q-slide.is-on{ display: block; }
.pd .q-slide blockquote{ margin: 0; }
.pd .q-slide blockquote p{ margin: 0; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.3; letter-spacing: -.02em; font-weight: 500; color: #fff; text-indent: -.42em; max-width: 30ch; text-wrap: pretty; }
.pd .q-slide details{ margin-top: 18px; max-width: 62ch; }
.pd .q-slide summary{ display: inline; cursor: pointer; list-style: none; font-size: 14px; color: #fff; border-bottom: 1px solid #ffffff59; padding-bottom: 1px; }
.pd .q-slide summary::-webkit-details-marker{ display: none; }
.pd .q-slide summary:hover{ border-bottom-color: #fff; }
.pd .q-slide details p{ margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: var(--pd-text-2-on-dark); }
.pd .win .screen--desk,.pd .win .screen__hint{ display: none; }
.pd .win .screen--phone{ display: block; overflow: visible; padding: 0; }
.pd .win .gr--phone{ width: auto; height: auto; display: block; zoom: 1; }
.pd .win .gr--phone .gr-main{ padding: 18px 20px 20px; }
.pd .win .gr--phone .gr-h1{ margin-top: 4px; font-size: 21px; }
.pd .win .gr--phone .gr-metrics{ grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.pd .win .gr--phone .gr-metric:nth-child(4){ grid-column: span 2; }
.pd .win .gr--phone .gr-metric__v{ font-size: 22px; }
.pd .win .gr--phone .gr-row{ grid-template-columns: 1fr; }
.pd .faqs summary::after{ color: var(--pd-ink); }
@media (max-width: 1020px){.pd .voices-grid{ grid-template-columns: 1fr; }
.pd .voices-tabs{ grid-template-columns: repeat(3, 1fr); }}
@media (max-width: 680px){.pd .voices-tabs{ grid-template-columns: 1fr; }
.pd .voice{ padding: 22px; }}
:root{ --pd-orange: #FF7A00; --pd-orange-text: #C2410C; }
.pd .pt__title{ text-decoration-color: var(--pd-orange); }
.pd .voices .testi__tab{ grid-template-columns: 48px 1fr; gap: 12px; align-items: center; }
.pd .voices .testi__tab .wm{ height: 16px; max-width: 120px; margin-bottom: 5px; }
.pd .hero-in > div:last-child[data-r]{ transition-duration: .9s; }
html.js .pd .hero-in > div:last-child[data-r]:not(.on){ transform: translateY(28px) scale(.985); }
.pd .dnodes::before{ transform: scaleX(0); transform-origin: left; transition: transform 1.4s var(--pd-ease) .25s; }
.pd .dnodes::after{ opacity: 0; transition: opacity .4s var(--pd-ease) 1.5s; }
.pd .dline.on .dnodes::before{ transform: scaleX(1); }
.pd .dline.on .dnodes::after{ opacity: 1; }
.pd .dnodes .m,.pd .track .m{ transition: transform .6s var(--pd-ease) .15s, background .3s; }
html.js .pd .dnodes > li:not(.on) .m,html.js .pd .track > li:not(.on) .m{ transform: scale(.4); }
.pd .chips7 s{ text-decoration: none; position: relative; }
.pd .chips7 s::after{ content: ""; position: absolute; left: 0; right: 0; top: 55%; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .5s var(--pd-ease) .4s; }
.pd .chips7 > li.on s::after{ transform: scaleX(1); }
html.no-js .pd .chips7 s{ text-decoration: line-through; }
.pd .track > li::before{ transform: scaleY(0); transform-origin: top; transition: transform .7s var(--pd-ease) .3s; }
.pd .track > li.on::before{ transform: scaleY(1); }
.pd .segs i.on{ transition-delay: calc(var(--k, 0) * 40ms); }
@media (prefers-reduced-motion: reduce){.pd .dnodes::before,.pd .track > li::before,.pd .chips7 s::after,.pd .dnodes .m,.pd .track .m{ transform: none !important; transition: none !important; }
.pd .dnodes::after{ opacity: 1 !important; }}
html.motion-off .pd .dnodes::before,html.motion-off .pd .track > li::before,html.motion-off .pd .chips7 s::after,html.motion-off .pd .dnodes .m,html.motion-off .pd .track .m{ transform: none !important; transition: none !important; }
html.motion-off .pd .dnodes::after{ opacity: 1 !important; }
body.pd{ --paper: var(--pd-paper); --card: #fff; --wash: var(--pd-grey-50); --ink: var(--pd-ink); --ink-2: var(--pd-text-2); --ink-3: var(--pd-text-3); --rule: var(--pd-line); --rule-2: var(--pd-line); --blue: var(--pd-cobalt); --blue-lt: var(--pd-accent-on-dark); --on-blue-2: #dce3fa; --warm: var(--pd-ink); --warm-lt: #fff; --ink-blue: var(--pd-ink); --card-blue: #22314d; --dark: var(--pd-ink); --on-dark: #fff; --on-dark-2: var(--pd-text-2-on-dark); --rule-dark: var(--pd-line-on-dark); --radius: var(--pd-radius); --max: var(--pd-container); --ctl-radius: var(--pd-radius-sm); --ctl-line: #16233a59; --blue-soft: var(--pd-cobalt-tint); --warm-soft: var(--pd-tint-50); }
.pd .h2{ font-size: clamp(28px, 3.3vw, 36px); font-weight: 600; letter-spacing: -.025em; line-height: 1.12; }
.pd .h3{ font-size: 19px; font-weight: 600; letter-spacing: -.012em; line-height: 1.3; }
.pd .lead,.pd .hero__lead{ font-size: 18px; line-height: 1.6; color: var(--pd-text-2); max-width: 56ch; }
.pd .hero h1,.pd .hero--mesh h1,.pd .hero--mesh.hero--deal h1,.pd .hero--mesh.hero--guide h1{ font-size: clamp(38px, 5vw, 56px); font-weight: 600; letter-spacing: -.03em; line-height: 1.05; max-width: 16ch; margin: 0; }
.pd .hero--mesh{ padding: 88px 0 96px; background: linear-gradient(180deg, var(--pd-tint-50), var(--pd-paper) 78%); }
.pd .hero--mesh::before,.pd .hero--mesh::after{ display: none; }
.pd .hero--mesh .hero__grid{ padding-block: 0; gap: 72px; }
.pd .hero--mesh .hero__copy{ gap: 0; }
.pd .hero--mesh .hero__lead{ margin-top: 22px; }
.pd .hero--mesh .hero__acts{ margin-top: 28px; gap: 10px; }
.pd .hero--mesh .guide__note,.pd .hero--mesh .hero__say{ margin-top: 16px; font-size: 15px; color: var(--pd-text-2); }
.pd .hero.wrap{ background: none; padding: 72px 0 40px; }
.pd .hero.wrap .hero__b{ margin-top: 20px; }
.pd .hero__say{ font-size: 17px; font-weight: 600; color: var(--pd-ink); }
.pd .cta .btn,.pd .cta .btn-p{ background: #fff; color: var(--pd-ink); }
.pd .cta .btn:hover{ background: #e9edf7; color: var(--pd-ink); }
.pd .sec.wrap{ padding: 72px 0; }
.pd .legal__toc a,.pd .carried__x{ color: var(--pd-ink); }
.pd .nav a{ white-space: nowrap; }
.pd .enquire .lk,.pd .side .lk{ display: inline; }
.pd .diag{ display: grid; grid-template-columns: 1fr 1.25fr; gap: 40px 72px; align-items: start; }
.pd .diag-copy{ position: sticky; top: 100px; }
.pd .diag-copy .lede{ margin-top: 20px; }
.pd .diag-copy .checks-end{ margin-top: 28px; font-size: 19px; max-width: 26ch; }
.pd .diag-copy .count-cta{ margin-top: 14px; }
.pd .diagw .win-bar{ padding: 14px 20px; }
.pd .diagw .win-bar > span:first-child{ font-weight: 500; color: var(--pd-text-2); }
.pd .diagw .tally{ display: flex; align-items: center; gap: 14px; }
.pd .diagw .tally b{ font-size: 22px; font-weight: 600; letter-spacing: -.03em; color: var(--pd-ink); font-variant-numeric: tabular-nums; line-height: 1; }
.pd .diagw .tally b i{ font-style: normal; font-size: 13px; color: var(--pd-text-3); letter-spacing: 0; margin-left: 2px; }
.pd .diagw .segs{ display: grid; grid-template-columns: repeat(7, 14px); gap: 3px; margin: 0; max-width: none; }
.pd .diagw .segs i{ height: 6px; }
.pd .diagw .checks{ border-top: 0; margin: 0; padding: 0; list-style: none; }
.pd .diagw .checks button{ padding: 15px 20px; border-bottom: 1px solid var(--pd-line); font-size: 16px; }
.pd .diagw .checks li:last-child button{ border-bottom: 0; }
.pd .diagw .checks button:hover{ padding-left: 26px; background: var(--pd-tint-50); }
.pd .diagw .checks [aria-pressed="true"]{ background: var(--pd-tint-50); }
.pd .diagw .win-foot.vbox{ display: block; margin: 0; padding: 16px 20px 18px; border-top: 1px solid var(--pd-line); background: var(--pd-tint-50); font-size: inherit; color: inherit; }
.pd .diagw .vbox .k{ font-size: 13px; }
.pd .diagw .vbox ul{ grid-template-columns: 1fr 1fr; }
.pd .diagw .vbox .n{ max-width: none; }
@media (max-width: 1020px){.pd .diag{ grid-template-columns: 1fr; gap: 28px; }
.pd .diag-copy{ position: static; }}
@media (max-width: 680px){.pd .diagw .win-bar{ flex-wrap: wrap; }
.pd .diagw .vbox ul{ grid-template-columns: 1fr; }
.pd .diagw .checks button{ padding: 14px 14px; }}
.pd .voices .testi__tab{ position: relative; isolation: isolate; overflow: hidden; grid-template-columns: 1fr; gap: 12px; padding: 16px 18px 16px; min-height: 118px; }
.pd .voices .testi__tab::before{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #16233ae6, #16233a99); }
.pd .voices .wm-box{ display: inline-flex; align-items: center; width: fit-content; padding: 7px 10px; border-radius: var(--pd-radius-sm); background: #16233a; border: 1px solid #ffffff33; }
.pd .voices .testi__tab .wm{ margin: 0; height: 16px; opacity: 1; }
.pd .tint .tbl b{ padding: 4px 10px; border-radius: 999px; background: var(--pd-cobalt-tint); color: var(--pd-ink); font-size: 12.5px; }
.pd .tint .tbl b.no{ background: #FFF1E6; color: var(--pd-orange-text); }
.pd .voices .testi__tab{ min-height: 0; padding: 14px 16px; grid-template-columns: 1fr; gap: 10px; }
.pd .voices .testi__tab::before{ display: none; }
.pd .voice{ position: relative; overflow: hidden; isolation: isolate; }
.pd .q-slide .bg{ position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: .55; filter: saturate(.8); }
.pd .q-slide::before{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #16233af2 0%, #16233acc 55%, #16233a80 100%); }
.pd .q-slide.is-on{ position: static; }
.pd .q-slide.is-on .bg,.pd .q-slide.is-on::before{ display: block; }
.pd .q-slide blockquote p,.pd .q-slide details{ position: relative; }
.pd .dnodes > li.is-yours h3::after{ display: none; }
.pd .dnodes > li.is-yours .m{ box-shadow: 0 0 0 6px var(--pd-ink), 0 0 0 8px var(--pd-accent-on-dark); }
.pd .dnodes h3 small{ display: block; font-size: 12px; font-weight: 600; color: var(--pd-accent-on-dark); margin-top: 2px; }
.pd .chips7{ gap: 0; border-top: 1px solid var(--pd-line-on-dark); }
.pd .chips7 > li{ border: 0; border-bottom: 1px solid var(--pd-line-on-dark); border-radius: 0; background: none; padding: 12px 4px; color: var(--pd-text-2-on-dark); font-weight: 400; }
.pd .chips7 > li.keep{ background: none; color: #fff; font-weight: 600; }
.pd .chips7 > li.keep .n{ color: var(--pd-text-2-on-dark); }
.pd .chips7 > li span:nth-child(2),.pd .chips7 s{ justify-self: start; }
.pd .chips7 .v{ background: #ffffff12; color: var(--pd-text-2-on-dark); }
.pd .chips7 > li.keep .v{ background: #fff; color: var(--pd-ink); }
.pd .chips7 s::after{ top: 52%; }
.strap{ color: var(--ink-2); }
.strap__key{ color: var(--ink); font-weight: 600; }
.pd .drawer__pos.strap{ color: var(--pd-text-2); }
.pd .drawer__pos .strap__key{ color: var(--pd-ink); }
.pd .ft__pos.strap{ color: var(--pd-text-2-on-dark); }
.pd .ft__pos .strap__key{ color: #fff; }
.ft .ft__pos .strap__key{ color: var(--on-dark, #fff); }
.pd .dnodes > li{ outline-offset: 6px; border-radius: 6px; }
.pd .dnodes p{ opacity: 0; transform: translateY(-4px); transition: opacity .25s var(--pd-ease), transform .25s var(--pd-ease); pointer-events: none; }
.pd .dnodes > li:hover p,.pd .dnodes > li:focus-visible p,.pd .dnodes > li:focus-within p{ opacity: 1; transform: none; }
.pd .dnodes h3{ cursor: default; }
@media (max-width: 1020px){.pd .dnodes p{ opacity: 1; transform: none; pointer-events: auto; }}
@media (prefers-reduced-motion: reduce){.pd .dnodes p{ transition: none; }}
.pd .ft__pos.strap,.pd .drawer__pos.strap{ max-width: none; white-space: nowrap; }
@media (max-width: 360px){.pd .ft__pos.strap,.pd .drawer__pos.strap{ white-space: normal; }}
.pd .ft{ padding: 44px 0 26px; }
.pd .ft__top{ gap: 32px; }
.pd .ft__pos{ margin-top: 10px; }
.pd .ft__cols b{ margin-bottom: 8px; }
.pd .ft__cols a{ margin-bottom: 4px; line-height: 1.35; }
.pd .ft__pol{ margin-top: 26px; padding-top: 16px; }
.pd .ft__end{ margin-top: 12px; }
@media (min-width: 360px) and (max-width: 680px){.pd .ft__cols{ grid-template-columns: 1fr 1fr; gap: 20px 16px; }
.pd .ft__cols > div:nth-child(3){ grid-column: 1; grid-row: 1 / span 2; }
.pd .ft__cols > div:nth-child(1),.pd .ft__cols > div:nth-child(2){ grid-column: 2; }}
.pd h1,.pd h2,.pd h3,.pd h4,.pd .h2,.pd .h3{ font-weight: 600; }
.pd main h2:not(.gr-h1):not([class*="gr-"]){ letter-spacing: -.025em; line-height: 1.12; }
.pd .guide__part h2,.pd .legal h2{ font-size: clamp(26px, 3vw, 34px); }
.pd .legal__body h2 span,.pd .legal h2 span{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); vertical-align: middle; margin-right: 12px; }
.pd .dark .head p,.pd .dark .lead{ color: var(--pd-text-2-on-dark); }
.pd .head{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px 72px; align-items: start; margin-bottom: 48px; }
.pd .head p,.pd .head .lead{ font-size: 18px; line-height: 1.6; color: var(--pd-text-2); max-width: 56ch; padding-top: 0; margin: 0; }
.pd .head .h2{ max-width: 16ch; }
.pd .dark .head p{ color: var(--pd-text-2-on-dark); }
.pd .sec.wrap{ padding: 96px 0; }
.pd #for,.pd #questions{ position: relative; }
.pd #for::before,.pd #questions::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); z-index: -1; }
.pd #for::before{ background: var(--pd-bg-alt); }
.pd #questions::before{ background: var(--pd-tint-50); }
.pd #for,.pd #questions{ isolation: isolate; }
.pd .sec--weeks{ background: var(--pd-ink); }
@media (max-width: 1020px){.pd .head{ grid-template-columns: 1fr; gap: 16px; }
.pd .head .h2{ max-width: none; }}
@media (max-width: 680px){.pd .sec.wrap{ padding: 68px 0; }}
.pd .cta{ background: var(--pd-accent); color: #fff; }
.pd .cta .sec{ padding: 96px 0; }
.pd .cta h2,.pd .cta .cta__h{ color: #fff; font-size: clamp(30px, 4vw, 44px); letter-spacing: -.03em; line-height: 1.05; max-width: 18ch; margin-inline: auto; }
.pd .cta p,.pd .cta .cta__p{ color: #dce3fa; font-size: 18px; max-width: 54ch; margin: 16px auto 0; }
.pd .cta .acts{ margin-top: 28px; gap: 10px 22px; justify-content: center; }
.pd .cta .lk{ color: #fff; text-decoration-color: #ffffff73; }
.pd .cta .lk:hover{ text-decoration-color: #fff; }
.pd .chap__l a span{ color: var(--pd-text-3); font-weight: 600; }
.pd .chap__l a[aria-current],.pd .chap__l a.is-on{ color: var(--pd-ink); }
.pd .faq summary::after{ color: var(--pd-ink); border-color: #16233a59; border-radius: var(--pd-radius-sm); }
.pd .faq details{ border-color: var(--pd-line); }
.pd .faq summary{ font-size: 17px; }
.pd .doc .k{ color: var(--pd-text-3); }
.pd .hd ol span,.pd .hd ul span{ color: var(--pd-text-3); font-weight: 600; }
.pd .steps-5{ grid-template-columns: repeat(5, 1fr); gap: 24px; margin-top: 48px; }
.pd .steps .when{ display: block; margin-top: 18px; font-size: 13px; font-weight: 600; color: var(--pd-text-3); }
.pd .steps .when + h3{ margin-top: 4px; }
.pd .steps-dark::before{ background: var(--pd-line-on-dark); }
.pd .steps-dark li::before{ background: #fff; color: var(--pd-ink); box-shadow: 0 0 0 6px var(--pd-ink); }
.pd .steps-dark li:last-child::before{ background: var(--pd-accent); color: #fff; }
.pd .steps-dark h3{ color: #fff; }
.pd .steps-dark p,.pd .steps-dark .when{ color: var(--pd-text-2-on-dark); }
.pd .shotf{ margin: 0; }
.pd .shotf .shot img{ border-radius: var(--pd-radius-lg); }
.pd .shotf__c{ margin-top: 10px; font-size: 12.5px; color: var(--pd-text-2-on-dark); }
.pd .terms3{ list-style: none; margin: 48px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 40px; }
.pd .terms3 li{ padding-top: 16px; border-top: 1px solid var(--pd-line-on-dark); color: var(--pd-text-2-on-dark); font-size: 15px; }
.pd .terms3 li b{ color: #fff; font-weight: 600; }
.pd .qualwin{ max-width: 760px; }
.pd .qualwin .checks li{ list-style: none; }
.pd .qualwin .vbox .more{ margin-top: 12px; }
.pd .sub{ margin-top: 64px; }
.pd .sub .head{ margin-bottom: 32px; }
.pd .sub .h3{ font-size: clamp(24px, 2.6vw, 30px); letter-spacing: -.02em; line-height: 1.15; }
.pd .calcwin .calc{ display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.pd .calcwin .calc__in{ padding: 8px 20px; border-right: 1px solid var(--pd-line); display: grid; gap: 0; align-content: start; }
.pd .calcwin .calc__f{ display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--pd-line); font-size: 15px; color: var(--pd-text-2); }
.pd .calcwin .calc__f:last-child{ border-bottom: 0; }
.pd .calcwin .calc__f input{ width: 96px; min-height: 40px; padding: 0 12px; border: 1px solid #16233a59; border-radius: var(--pd-radius-sm); font: inherit; font-weight: 600; text-align: right; color: var(--pd-ink); background: var(--pd-white); }
.pd .calcwin .calc__f input:focus-visible{ outline: 2px solid var(--pd-ink); outline-offset: 2px; }
.pd .calcwin .calc__out{ padding: 20px; background: var(--pd-tint-50); border-radius: 0; }
.pd .calcwin .calc__k{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); margin: 0 0 8px; }
.pd .calcwin .calc__n b{ color: var(--pd-ink); }
.pd .calcwin .calc__eg{ margin-top: 12px; font-size: 12.5px; color: var(--pd-text-3); }
.pd .faq.faqs summary::after{ content: "+"; border: 0; width: auto; height: auto; flex: none; background: none; border-radius: 0; font-size: 22px; font-weight: 400; color: var(--pd-text-3); transition: transform .25s var(--pd-ease); }
.pd .faq.faqs details[open] summary::after{ transform: rotate(45deg); }
.pd .faq.faqs summary{ padding: 20px 0; min-height: 0; font-size: 18px; }
.pd .faq.faqs details p{ color: var(--pd-text-2); font-size: 16px; padding: 0 0 22px; max-width: 62ch; }
@media (max-width: 1020px){.pd .steps-5{ grid-template-columns: 1fr 1fr; }
.pd .terms3{ grid-template-columns: 1fr; gap: 12px; }
.pd .calcwin .calc{ grid-template-columns: 1fr; }
.pd .calcwin .calc__in{ border-right: 0; border-bottom: 1px solid var(--pd-line); }}
@media (max-width: 680px){.pd .steps-5{ grid-template-columns: 1fr; }}
.pd .qualwin .qual__b[aria-pressed="true"] .qual__c.box{ background: var(--pd-ink); border-color: var(--pd-ink); }
.pd .qualwin .qual__c.box::before,.pd .qualwin .qual__c.box::after{ display: none; }
.pd .head .h2{ max-width: none; }
.pd .sec--weeks .head p,.pd .sec--weeks .lead{ color: var(--pd-text-2-on-dark); }
.pd .shead .scope{ margin-top: 14px; font-size: 16px; color: var(--pd-text-2); max-width: 56ch; }
.pd .people .person .portrait{ width: 96px; height: 96px; border-radius: 12px; object-fit: cover; margin-bottom: 18px; }
.pd .people .person h3{ margin-top: 6px; font-size: 24px; }
.pd .people .person > p{ margin-top: 12px; }
.pd .hero.wrap .lead{ max-width: 56ch; }
.pd .enquire{ grid-template-columns: 1.35fr 1fr; gap: 48px 72px; align-items: start; }
.pd .form--open{ gap: 40px; margin-top: 0; }
.pd .form--open .fs__t,.pd .form--open .fs--more > summary{ font-size: 14px; font-weight: 600; color: var(--pd-text-3); padding: 0 0 12px; border-bottom: 1px solid var(--pd-line); }
.pd .form--open .fs__g{ gap: 18px 20px; }
.pd .form--open .f > label{ font-size: 14px; font-weight: 600; color: var(--pd-ink); }
.pd .form--open .f input,.pd .form--open .f select,.pd .form--open .f textarea,.pd .form .f input,.pd .form .f textarea{ border: 1px solid #16233a59; border-radius: var(--pd-radius-sm); min-height: 48px; padding: 10px 14px; font-size: 16px; background: var(--pd-white); color: var(--pd-ink); }
.pd .form--open .f textarea{ min-height: 120px; }
.pd .f input:focus-visible,.pd .f select:focus-visible,.pd .f textarea:focus-visible{ outline: 2px solid var(--pd-ink); outline-offset: 2px; border-color: var(--pd-ink); }
.pd .f__opt{ color: var(--pd-text-3); font-weight: 400; }
.pd .f__hint{ color: var(--pd-text-3); font-size: 13px; }
.pd .fs--more > summary::after{ color: var(--pd-ink); }
.pd .check input:checked + .check__box{ background: var(--pd-ink); border-color: var(--pd-ink); }
.pd .check input:focus-visible + .check__box{ outline-color: var(--pd-ink); }
.pd .form__foot{ margin-top: 28px; }
.pd .form__foot .btn{ min-height: 48px; padding: 0 22px; font-size: 15px; }
.pd .enquire__side{ position: sticky; top: 100px; }
.pd .enquire__side .also{ font-size: 15px; color: var(--pd-text-2); max-width: none; }
.pd .enquire__side .also + .also{ margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--pd-line); }
.pd .enquire__side .also strong{ display: block; color: var(--pd-ink); margin-bottom: 4px; }
.pd .carried{ border: 1px solid var(--pd-line); border-left: 3px solid var(--pd-ink); border-radius: var(--pd-radius); padding: 18px 20px; margin-bottom: 32px; }
.pd .carried__h,.pd .carried__k{ font-family: var(--pd-font); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--pd-text-3); }
.pd .carried__l li b{ color: var(--pd-text-3); font-family: var(--pd-font); font-size: 12px; }
.pd .cv{ margin-top: 0; background: var(--pd-white); border: 1px solid var(--pd-line); border-radius: var(--pd-radius-lg); box-shadow: var(--pd-shadow-lg); overflow: hidden; }
.pd .cv__l{ border-top: 0; }
.pd .cv__r{ grid-template-columns: 48px 260px 1fr; gap: 12px 24px; padding: 20px 24px; border-bottom: 1px solid var(--pd-line); align-items: start; }
.pd .cv__i{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); font-family: var(--pd-font); letter-spacing: 0; }
.pd .cv__lab b{ font-size: 17px; font-weight: 600; color: var(--pd-ink); }
.pd .cv__lab span{ font-size: 14px; color: var(--pd-text-2); }
.pd .cv textarea{ border: 1px solid #16233a59; border-radius: var(--pd-radius-sm); padding: 10px 12px; font-size: 15px; min-height: 64px; background: var(--pd-white); }
.pd .cv textarea:focus-visible{ outline: 2px solid var(--pd-ink); outline-offset: 2px; border-color: var(--pd-ink); }
.pd .cv__pills button,.pd .cv__pills label{ border: 1px solid #16233a59; border-radius: 999px; font-size: 13px; font-weight: 500; color: var(--pd-ink); background: var(--pd-white); }
.pd .cv__pills [aria-pressed="true"],.pd .cv__pills input:checked + span{ background: var(--pd-ink); color: #fff; border-color: var(--pd-ink); }
.pd .cv__dec{ margin: 0; border-radius: 0; background: var(--pd-ink); padding: 24px; }
.pd .cv__i--dec{ color: var(--pd-text-2-on-dark); }
.pd .cv__claim{ color: #fff; font-size: 17px; font-weight: 600; }
.pd .cv__dec textarea{ background: #ffffff10; border-color: var(--pd-line-on-dark); color: #fff; }
.pd .cv__tools{ padding: 16px 24px; border-top: 1px solid var(--pd-line); background: var(--pd-tint-50); gap: 20px; align-items: center; }
.pd .cv__tools .btn{ min-height: 44px; }
.pd .cv__clear{ display: inline; }
.pd .gform{ margin-top: 0; }
.pd .form{ background: none; border: 0; gap: 18px; max-width: none; }
.pd .form .f{ background: none; padding: 0; }
.pd .form__pair{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.pd .gdone{ border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: 20px; }
.pd .gp{ border-radius: var(--pd-radius-lg); border-color: var(--pd-line); padding: 32px; }
.pd .guide .ix{ color: var(--pd-text-3); }
.pd .guide .claim{ font-weight: 600; letter-spacing: -.025em; }
.pd .guide h4{ font-weight: 600; }
.pd .guide-toc__d{ border-radius: var(--pd-radius); border-color: var(--pd-line); }
.pd .guide-toc__l a span,.pd .guide-toc__l a.is-on{ color: var(--pd-text-3); }
.pd .guide-toc__l a.is-on{ color: var(--pd-ink); border-left-color: var(--pd-ink); }
.pd .gclose-band{ background: var(--pd-ink); }
.pd .gp__cta{ border-radius: var(--pd-radius); }
@media (max-width: 1020px){.pd .enquire{ grid-template-columns: 1fr; }
.pd .enquire__side{ position: static; }
.pd .cv__r{ grid-template-columns: 48px 1fr; }
.pd .cv__r textarea,.pd .cv__r .cv__pills{ grid-column: 2; }}
@media (max-width: 680px){.pd .form__pair{ grid-template-columns: 1fr; }
.pd .cv__r{ grid-template-columns: 1fr; padding: 16px; }
.pd .cv__r textarea,.pd .cv__r .cv__pills{ grid-column: 1; }
.pd .gp{ padding: 22px; }}
.pd .lesson{ margin-bottom: 0; align-items: center; }
.pd .lesson .kick{ font-size: 14px; font-weight: 600; color: var(--pd-text-2-on-dark); margin: 0 0 14px; }
.pd .lesson h2{ max-width: 16ch; }
.pd .people .person{ padding: 0; overflow: hidden; }
.pd .people .person .portrait{ width: 100%; height: auto; aspect-ratio: 5 / 4; border-radius: 0; object-fit: cover; object-position: 50% 20%; margin: 0; }
.pd .people .person .kick,.pd .people .person h3,.pd .people .person > p{ margin-left: 32px; margin-right: 32px; }
.pd .people .person .kick{ margin-top: 24px; }
@media (max-width: 680px){.pd .people .person .kick,.pd .people .person h3,.pd .people .person > p{ margin-left: 22px; margin-right: 22px; }}
.pd .people .person{ padding: 28px 32px 32px; display: grid; grid-template-columns: 150px 1fr; gap: 12px 24px; align-items: start; }
.pd .people .person .portrait{ grid-row: 1 / span 2; width: 150px; height: 188px; aspect-ratio: auto; border-radius: var(--pd-radius); object-fit: cover; object-position: 50% 0; margin: 0; }
.pd .people .person .kick,.pd .people .person h3,.pd .people .person > p{ margin-left: 0; margin-right: 0; }
.pd .people .person .kick{ margin-top: 6px; grid-column: 2; }
.pd .people .person h3{ grid-column: 2; margin-top: 0; }
.pd .people .person > p{ grid-column: 1 / -1; margin-top: 10px; }
@media (max-width: 680px){.pd .people .person{ padding: 22px; grid-template-columns: 110px 1fr; }
.pd .people .person .portrait{ width: 110px; height: 138px; }}
.pd .people .person .kick{ margin-top: 0; align-self: end; }
.pd .people .person h3{ align-self: start; margin-top: 0; }
.pd .people .person{ grid-template-rows: auto auto auto auto; align-content: start; }
.pd .people .person .portrait{ grid-row: 1 / span 2; align-self: start; }
.pd .people .person .kick{ grid-row: 1; align-self: start; padding-top: 4px; }
.pd .people .person h3{ grid-row: 2; align-self: start; }
.pd .people .person{ grid-template-rows: auto auto 1fr auto auto; }
.pd .people .person .portrait{ grid-row: 1 / span 3; }
.pd .people .person > p{ grid-row: 4; }
.pd .people .person{ display: block; padding: 28px 32px 32px; }
.pd .people .person .portrait{ float: none; display: block; width: 150px; height: 188px; border-radius: var(--pd-radius); object-fit: cover; object-position: 50% 0; margin: 0; }
.pd .people .person .who{ display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.pd .people .person .who h3{ margin: 0; font-size: 24px; }
.pd .people .person .who .kick{ margin: 0; padding: 0; font-size: 14px; }
.pd .people .person{ display: grid; grid-template-columns: 150px 1fr; grid-template-rows: 188px auto auto; gap: 20px 24px; align-items: stretch; }
.pd .people .person .portrait{ grid-row: 1; grid-column: 1; }
.pd .people .person .who{ grid-row: 1; grid-column: 2; }
.pd .people .person > p{ grid-row: 2; grid-column: 1 / -1; margin: 0; }
@media (max-width: 680px){.pd .people .person{ padding: 22px; grid-template-columns: 110px 1fr; grid-template-rows: 138px auto auto; }
.pd .people .person .portrait{ width: 110px; height: 138px; }}
.pd .canvas-sec{ position: relative; isolation: isolate; }
.pd .canvas-sec::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: var(--pd-bg-alt); z-index: -1; }
.pd .enquire-sec{ border-top: 1px solid var(--pd-line); padding-top: 56px; }
.pd .hero.wrap{ padding-bottom: 56px; }
.pd .guide__part + .guide__part{ padding-top: 64px; }
.pd .guide-toc__l a.is-on{ border-left-color: var(--pd-ink); }
.pd .legal h3,.pd .legal__body h3{ margin-top: 32px; margin-bottom: 8px; }
.pd .legal h2 + h3,.pd .legal__body h2 + h3{ margin-top: 16px; }
.pd .gform .form,.pd .gform .f,.pd .form__pair,.pd .form__pair .f{ background: none; }
.pd .hero.wrap .hero__b--stack .acts{ margin-top: 24px; }
.pd .hero.wrap .hero__b{ gap: 12px; }
@media (max-width: 1020px){.pd .eng,.pd .diag,.pd .voices-grid,.pd .dn,.pd .hero-in,.pd .enquire,.pd .shead,.pd .head,.pd .lesson,.pd .calcwin .calc{ grid-template-columns: 1fr; }
.pd .steps-5,.pd .dnodes{ grid-template-columns: 1fr 1fr 1fr; }
.pd .qualwin,.pd .calcwin,.pd .diagw,.pd .plan,.pd .win{ max-width: 100%; }}
@media (max-width: 680px){.pd .sides,.pd .steps,.pd .steps-5,.pd .dnodes,.pd .people,.pd .terms3,.pd .form__pair,.pd .voices-tabs,.pd .form--open .fs__g,.pd .cv__r{ grid-template-columns: 1fr; }
.pd .chips7 > li{ grid-template-columns: 30px 1fr; }
.pd .chips7 .v{ grid-column: 2; justify-self: start; }
.pd .prow-name h3{ font-size: 24px; }
.pd .yrows li{ flex-wrap: wrap; }
.pd .hero .win{ margin-inline: 0; }
.pd .pt__label{ max-width: 150px; white-space: normal; }}
@media (max-width: 1020px){.pd .chap .wrap{ width: 100%; }
.pd .chap__l{ flex-wrap: nowrap; overflow-x: auto; padding-inline: 24px; scrollbar-width: none; gap: 0 22px; }
.pd .chap__l::-webkit-scrollbar{ display: none; }
.pd .chap__l a{ white-space: nowrap; }}
.pd .guide .legal{ display: block; gap: 0; }
.pd .guide .legal p{ max-width: 72ch; }
.pd .gstats--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 40rem; }
.pd .gstats--4 b{ color: var(--pd-ink); font-weight: 600; }
.pd .gstats--4 .gstats__when{ font-size: 15px; line-height: 1.1; letter-spacing: -.01em; padding-top: 8px; }
.pd .gcover--tilt img{ transform: rotate(2.5deg); transition: transform .6s var(--pd-ease); }
.pd .gcover--tilt:hover img{ transform: rotate(0deg); }
.pd .hero--guide{ padding-bottom: 96px; }
.pd .g2bar{ position: sticky; top: 68px; z-index: 90; background: #fffffff0; backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd .g2bar-in{ display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 52px; }
.pd .g2bar .guide-toc__d{ border: 0; padding: 0; background: none; border-radius: 0; flex: 1; min-width: 0; }
.pd .g2bar .guide-toc__s{ list-style: none; cursor: default; display: none; font-size: 14px; font-weight: 600; color: var(--pd-ink); padding: 14px 0; }
.pd .g2bar .guide-toc__s::-webkit-details-marker{ display: none; }
.pd .g2bar .guide-toc__s .g2bar-k{ color: var(--pd-text-3); margin-right: 10px; }
.pd .g2bar .guide-toc__l{ display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.pd .g2bar .guide-toc__l::-webkit-scrollbar{ display: none; }
.pd .g2bar .guide-toc__l li{ flex: none; }
.pd .g2bar .guide-toc__l a{ display: inline-flex; align-items: baseline; gap: 8px; padding: 16px 12px; font-size: 14px; font-weight: 500; color: var(--pd-text-2); text-decoration: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; transition: color .15s, border-color .15s; }
.pd .g2bar .guide-toc__l a span{ font-size: 12px; font-weight: 600; color: var(--pd-text-3); font-variant-numeric: tabular-nums; }
.pd .g2bar .guide-toc__l a em{ font-style: normal; font-size: 12px; color: var(--pd-text-3); }
.pd .g2bar .guide-toc__l a:hover{ color: var(--pd-ink); }
.pd .g2bar .guide-toc__l a.is-on{ color: var(--pd-ink); border-bottom-color: var(--pd-ink); }
.pd .g2bar .guide-toc__l a.is-on span{ color: var(--pd-accent); }
.pd .g2bar-meta{ display: flex; align-items: center; gap: 18px; margin: 0; font-size: 13.5px; color: var(--pd-text-3); white-space: nowrap; }
.pd .g2prog{ display: block; height: 2px; background: transparent; }
.pd .g2prog b{ display: block; height: 100%; width: 0; background: var(--pd-accent); transition: width .2s linear; }
@media (max-width: 899px){.pd .g2bar .guide-toc__s{ display: flex; align-items: center; gap: 8px; white-space: nowrap; overflow: hidden; }
.pd .g2bar .guide-toc__s .g2bar-k{ display: none; }
.pd .g2bar .guide-toc__s .g2bar-ch{ overflow: hidden; text-overflow: ellipsis; }
.pd .g2bar .guide-toc__s::after{ content: ""; flex: none; width: 7px; height: 7px; border-right: 1.5px solid var(--pd-text-3); border-bottom: 1.5px solid var(--pd-text-3); transform: rotate(45deg) translateY(-2px); }
.pd .g2bar .guide-toc__d[open] .guide-toc__s::after{ transform: rotate(225deg) translateY(-2px); }
.pd .g2bar-meta .lk{ font-size: 13px; }
.pd .g2bar-in{ flex-wrap: wrap; gap: 0 16px; }
.pd .g2bar .guide-toc__d[open]{ flex: 1 1 100%; }
.pd .g2bar .guide-toc__d[open] ~ .g2bar-meta{ display: none; }
.pd .g2bar .guide-toc__l{ flex-direction: column; gap: 0; padding-bottom: 12px; }
.pd .g2bar .guide-toc__l a{ padding: 10px 0; border-bottom: 1px solid var(--pd-line); margin: 0; white-space: normal; width: 100%; }
.pd .g2bar .guide-toc__l a.is-on{ border-bottom-color: var(--pd-line); }
.pd .g2bar .guide-toc__l a em{ margin-left: auto; }
.pd .g2bar-meta span{ display: none; }}
.pd .g2open{ position: relative; overflow: hidden; padding: 120px 0; }
.pd .g2open-paper{ padding-bottom: 96px; border-top: 1px solid var(--pd-line); }
.pd .g2open-img{ position: absolute; inset: 0; z-index: 0; }
.pd .g2open-img img{ width: 100%; height: 100%; object-fit: cover; opacity: .42; filter: saturate(.55) contrast(1.05); }
.pd .g2open.has-img::before{ content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--pd-ink) 0%, #16233af2 38%, #16233a80 100%); }
.pd .g2open-in{ position: relative; z-index: 2; display: grid; grid-template-columns: 200px 1fr; gap: 24px 56px; align-items: start; }
.pd .g2no{ font-size: clamp(96px, 12vw, 168px); font-weight: 600; letter-spacing: -.06em; line-height: .8; color: var(--pd-accent); font-variant-numeric: tabular-nums; margin-top: -8px; }
.pd .dark .g2no{ color: var(--pd-accent-on-dark); opacity: .9; }
.pd .g2open-copy .k{ font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--pd-text-3); margin: 0 0 18px; }
.pd .dark .g2open-copy .k{ color: var(--pd-text-2-on-dark); }
.pd .g2open-copy h2{ font-size: clamp(34px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -.03em; max-width: 18ch; }
.pd .g2open-copy .lede{ margin-top: 22px; max-width: 60ch; }
.pd .g2open .dline{ position: relative; z-index: 2; margin-top: 72px; }
.pd .g2open .g2track{ margin-top: 64px; }
.pd .g2essay-in{ display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px 96px; align-items: start; }
.pd .g2pull{ margin: 0; padding-left: 28px; border-left: 3px solid var(--pd-accent); position: sticky; top: 140px; }
.pd .g2pull p{ font-size: clamp(24px, 2.4vw, 32px); font-weight: 600; letter-spacing: -.025em; line-height: 1.22; color: var(--pd-ink); margin: 0; text-wrap: balance; }
.pd .g2pull footer{ margin-top: 16px; font-size: 14px; color: var(--pd-text-3); }
.pd .g2prose{ columns: 2; column-gap: 40px; font-size: 17px; line-height: 1.65; color: var(--pd-text-2); }
.pd .g2prose p{ margin: 0 0 22px; break-inside: avoid; }
.pd .g2prose p:first-child::first-letter{ float: left; font-size: 64px; line-height: .82; font-weight: 600; color: var(--pd-ink); padding: 6px 10px 0 0; }
.pd .g2chart{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px 64px; align-items: start; }
.pd .g2bars-wrap .k{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); margin: 0 0 20px; }
.pd .g2src{ font-weight: 500; color: var(--pd-text-3); font-size: 12.5px; }
.pd .g2bars{ list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.pd .g2bars li{ display: grid; grid-template-columns: 140px 1fr 64px; align-items: center; gap: 16px; }
.pd .g2bars .lbl{ font-size: 15px; font-weight: 500; color: var(--pd-text-2); }
.pd .g2bars .bar{ height: 34px; background: var(--pd-white); border: 1px solid var(--pd-line); border-radius: 6px; overflow: hidden; }
.pd .g2bars .bar i{ display: block; height: 100%; width: 0; background: var(--pd-ink); border-radius: 6px 0 0 6px; transition: width 1.2s var(--pd-ease); transition-delay: calc(var(--i, 0) * 120ms + 200ms); }
.pd .g2bars li.on .bar i{ width: calc(var(--v) * 1%); }
.pd .g2bars li.hi .bar i{ background: var(--pd-accent); }
.pd .g2bars b{ font-size: 22px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; text-align: right; }
.pd .g2bars-wrap .small{ margin-top: 18px; }
.pd .g2calls{ display: grid; gap: 20px; }
.pd .g2call{ border-top: 2px solid var(--pd-ink); padding-top: 16px; }
.pd .g2call b{ display: block; font-size: clamp(44px, 4.6vw, 60px); font-weight: 600; letter-spacing: -.04em; line-height: 1; color: var(--pd-ink); font-variant-numeric: tabular-nums; }
.pd .g2call p{ margin: 10px 0 6px; color: var(--pd-text-2); font-size: 15px; max-width: 34ch; }
.pd .g2read{ margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--pd-line); display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px 64px; align-items: start; }
.pd .g2claim{ font-size: clamp(20px, 2vw, 24px); font-weight: 600; letter-spacing: -.02em; line-height: 1.3; color: var(--pd-ink); margin: 0; text-wrap: balance; }
.pd .g2claim-solo{ margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--pd-line); max-width: 30ch; }
.pd .g2decay{ display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px 64px; align-items: start; }
.pd .g2steps{ margin: 0; color: var(--pd-ink); }
.pd .g2steps svg{ width: 100%; height: auto; display: block; overflow: visible; }
.pd .g2steps-fill{ fill: var(--pd-accent); opacity: .1; }
.pd .g2steps-line{ fill: none; stroke: var(--pd-accent); stroke-width: 3; stroke-linejoin: round; stroke-dasharray: 1000; stroke-dashoffset: 1000; transition: stroke-dashoffset 1.8s var(--pd-ease) .2s; }
.pd .g2decay.on .g2steps-line{ stroke-dashoffset: 0; }
.pd .g2steps figcaption{ margin-top: 12px; font-size: 13px; color: var(--pd-text-3); }
.pd .g2stages{ list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--pd-line); }
.pd .g2stages li{ display: grid; grid-template-columns: 36px 1fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--pd-line); }
.pd .g2stages b{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); padding-top: 4px; font-variant-numeric: tabular-nums; }
.pd .g2stages h3{ font-size: 18px; }
.pd .g2stages p{ margin: 4px 0 0; color: var(--pd-text-2); font-size: 15px; }
.pd .g2chain{ margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--pd-line); }
.pd .g2chain .k{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); margin: 0 0 14px; }
.pd .g2chain .small{ margin-top: 14px; max-width: 64ch; }
.pd .g2chips{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pd .g2chips li{ font-size: 14px; font-weight: 500; padding: 8px 14px; border: 1px solid var(--pd-line); border-radius: 999px; background: var(--pd-white); color: var(--pd-ink); display: inline-flex; align-items: center; gap: 10px; }
.pd .g2chips li + li::before{ content: "\2192"; color: var(--pd-text-3); margin-left: -26px; margin-right: 6px; }
.pd .g2chips li.end{ background: var(--pd-ink); color: #fff; border-color: var(--pd-ink); }
.pd .g2chips li + li{ margin-left: 20px; }
.pd .g2strip{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border-top: 1px solid var(--pd-line-on-dark); border-top-color: #16233a33; }
.pd .g2strip li{ padding: 24px 24px 24px 0; border-right: 1px solid #16233a22; }
.pd .g2strip li + li{ padding-left: 24px; }
.pd .g2strip li:last-child{ border-right: 0; padding-right: 0; }
.pd .g2strip b{ display: block; font-size: 40px; font-weight: 600; letter-spacing: -.04em; line-height: 1; color: var(--pd-accent); font-variant-numeric: tabular-nums; }
.pd .g2strip h3{ margin-top: 18px; font-size: 18px; min-height: 2.6em; }
.pd .g2strip p{ margin: 10px 0 0; color: var(--pd-text-2); font-size: 14.5px; }
.pd .g2strip-cap{ margin: 40px 0 0; font-size: clamp(20px, 2vw, 24px); font-weight: 600; letter-spacing: -.02em; color: var(--pd-accent); max-width: 30ch; }
.pd .g2track{ position: relative; }
.pd .g2track-stages{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; }
.pd .g2track-stages::before{ content: ""; position: absolute; left: 14px; right: 14px; top: 14px; height: 1px; background: var(--pd-line); }
.pd .g2track-stages::after{ content: ""; position: absolute; right: 8px; top: 10px; border-left: 7px solid var(--pd-line); border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; }
.pd .g2track-stages li{ position: relative; }
.pd .g2track-stages .m{ width: 28px; height: 28px; border-radius: 50%; background: var(--pd-ink); color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; position: relative; z-index: 1; box-shadow: 0 0 0 6px var(--pd-paper); }
.pd .g2track-stages li.last .m{ background: var(--pd-accent); }
.pd .g2track-stages h3{ margin-top: 16px; font-size: 20px; }
.pd .g2track-stages p{ margin: 6px 0 0; color: var(--pd-text-2); font-size: 14.5px; max-width: 26ch; }
.pd .g2track-moves{ list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-flow: dense; gap: 12px 28px; }
.pd .g2track-moves li.s1{ grid-column: 1; }
.pd .g2track-moves li.s2{ grid-column: 2; }
.pd .g2track-moves li.s34{ grid-column: 3 / span 2; }
.pd .g2track-moves a{ display: grid; grid-template-columns: 32px 1fr; gap: 2px 12px; padding: 14px 16px; border: 1px solid var(--pd-line); border-radius: var(--pd-radius); background: var(--pd-tint-50); text-decoration: none; color: inherit; transition: border-color .2s, background .2s; }
.pd .g2track-moves a:hover{ border-color: var(--pd-ink); background: var(--pd-white); }
.pd .g2track-moves b{ grid-row: 1 / span 2; font-size: 13px; font-weight: 600; color: var(--pd-accent); font-variant-numeric: tabular-nums; padding-top: 3px; }
.pd .g2track-moves span{ font-size: 16px; font-weight: 600; letter-spacing: -.012em; color: var(--pd-ink); }
.pd .g2track-moves em{ font-style: normal; font-size: 13.5px; color: var(--pd-text-2); }
.pd .g2track-cap{ margin: 40px 0 0; font-size: clamp(19px, 1.9vw, 22px); font-weight: 600; letter-spacing: -.02em; color: var(--pd-ink); max-width: 40ch; }
.pd .g2track-cap.on-dark{ color: var(--pd-text-2-on-dark); position: relative; z-index: 2; margin-top: 48px; }
.pd .g2move{ padding: 88px 0; }
.pd .g2move-in{ display: grid; grid-template-columns: 340px 1fr; gap: 40px 80px; align-items: start; }
.pd .g2move-side{ position: sticky; top: 140px; }
.pd .g2move-no{ display: block; font-size: 88px; font-weight: 600; letter-spacing: -.06em; line-height: .8; color: var(--pd-accent); font-variant-numeric: tabular-nums; margin-bottom: 20px; opacity: .9; }
.pd .g2move-side h2{ font-size: clamp(28px, 3vw, 36px); }
.pd .g2move-side .lede{ margin-top: 16px; font-size: 16.5px; }
.pd .g2stage{ display: inline-flex; align-items: center; gap: 10px; margin: 22px 0 0; font-size: 13.5px; font-weight: 600; color: var(--pd-ink); padding: 6px 12px 6px 6px; border: 1px solid var(--pd-line); border-radius: 999px; background: var(--pd-white); }
.pd .g2stage span{ font-size: 11px; font-weight: 600; color: var(--pd-text-3); padding: 3px 8px; border-radius: 999px; background: var(--pd-tint-50); }
.pd .g2move-main{ display: grid; gap: 28px; }
.pd .g2askdo{ display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd .g2askdo > div{ padding: 24px 28px 26px 0; }
.pd .g2askdo > div + div{ border-left: 1px solid var(--pd-line); padding-left: 28px; padding-right: 0; }
.pd .g2askdo .k,.pd .g2ticks .k,.pd .g2watch .k,.pd .g2leave .k,.pd .g2measure .k,.pd .g2fric .k,.pd .g2three .k,.pd .g2days .k{ display: block; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--pd-text-3); margin: 0 0 10px; }
.pd .g2askdo h3{ font-size: 20px; }
.pd .g2askdo p{ margin: 8px 0 0; color: var(--pd-text-2); font-size: 15.5px; }
.pd .g2ticks ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pd .g2ticks button{ display: grid; grid-template-columns: 22px 1fr; gap: 14px; align-items: start; width: 100%; text-align: left; padding: 12px 14px; border: 1px solid var(--pd-line); border-radius: var(--pd-radius-sm); background: var(--pd-white); color: var(--pd-ink); font: inherit; font-size: 16px; line-height: 1.45; cursor: pointer; transition: border-color .15s, background .15s; }
.pd .g2ticks button:hover{ border-color: var(--pd-ink); }
.pd .g2ticks .box{ width: 22px; height: 22px; border: 1.5px solid #16233a59; border-radius: 6px; margin-top: 1px; position: relative; transition: background .15s, border-color .15s; }
.pd .g2ticks .box::after{ content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform .18s var(--pd-ease); }
.pd .g2ticks button[aria-pressed="true"]{ background: var(--pd-tint-50); border-color: var(--pd-ink); }
.pd .g2ticks button[aria-pressed="true"] .box{ background: var(--pd-ink); border-color: var(--pd-ink); }
.pd .g2ticks button[aria-pressed="true"] .box::after{ transform: rotate(45deg) scale(1); }
.pd .g2ticks-n{ text-transform: none; letter-spacing: 0; font-weight: 500; margin-left: 6px; }
.pd .g2watch{ margin: 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--pd-ink); color: var(--pd-text-2); font-size: 15.5px; }
.pd .g2watch .k{ margin-bottom: 4px; }
.pd .g2leave{ background: var(--pd-accent); color: #fff; border-radius: var(--pd-radius); padding: 24px 28px; }
.pd .g2leave .k{ color: #c9d4fa; }
.pd .g2leave p{ margin: 0; font-size: clamp(19px, 1.9vw, 22px); font-weight: 600; letter-spacing: -.02em; line-height: 1.3; color: #fff; max-width: 40ch; }
.pd .g2sig{ display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.pd .g2sig-col{ border-top: 3px solid var(--pd-line); padding-top: 20px; }
.pd .g2sig-col.ok{ border-top-color: var(--pd-green); }
.pd .g2sig-col.warn{ border-top-color: var(--pd-amber); }
.pd .g2sig-col h3{ display: flex; align-items: center; gap: 10px; font-size: 20px; }
.pd .g2sig-col h3 i{ width: 10px; height: 10px; border-radius: 50%; background: var(--pd-green); }
.pd .g2sig-col.warn h3 i{ background: var(--pd-amber); }
.pd .g2sig-col ul{ list-style: none; margin: 18px 0 0; padding: 0; }
.pd .g2sig-col li{ padding: 12px 0; border-bottom: 1px solid var(--pd-line); font-size: 16px; color: var(--pd-text-2); }
.pd .g2q-in{ display: grid; grid-template-columns: 1fr 1.15fr; gap: 40px 80px; align-items: start; }
.pd .g2q-copy .lede{ margin-top: 16px; }
.pd .g2q-copy .g2claim{ margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--pd-line); font-size: 19px; }
.pd .g2qwin ul{ list-style: none; margin: 0; padding: 8px; display: grid; gap: 4px; }
.pd .g2qwin button{ font-size: 15px; border-color: transparent; }
.pd .g2qwin button span b{ display: block; font-size: 13px; font-weight: 600; color: var(--pd-ink); margin-bottom: 2px; }
.pd .g2qwin button span{ color: var(--pd-text-2); }
.pd .g2qwin .tally b{ font-size: 16px; font-weight: 600; color: var(--pd-ink); font-variant-numeric: tabular-nums; }
.pd .g2qwin .tally i{ font-style: normal; color: var(--pd-text-3); font-weight: 500; }
.pd .g2tablist{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-bottom: 1px solid var(--pd-line); }
.pd .g2tablist button{ text-align: left; padding: 16px 18px 18px; background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font: inherit; color: var(--pd-text-2); cursor: pointer; border-radius: var(--pd-radius-sm) var(--pd-radius-sm) 0 0; transition: color .15s, background .15s, border-color .15s; }
.pd .g2tablist button b{ display: block; font-size: 17px; font-weight: 600; letter-spacing: -.012em; color: var(--pd-ink); }
.pd .g2tablist button span{ display: block; margin-top: 4px; font-size: 13.5px; color: var(--pd-text-3); }
.pd .g2tablist button:hover{ background: var(--pd-tint-50); }
.pd .g2tablist button[aria-selected="true"]{ border-bottom-color: var(--pd-ink); color: var(--pd-ink); }
.pd .g2tablist button[aria-selected="true"] b{ color: var(--pd-accent); }
.pd .g2panel{ padding-top: 40px; display: grid; gap: 36px; }
.pd .g2fric .g2claim{ max-width: 34ch; }
.pd .g2fric p:last-child{ margin: 12px 0 0; color: var(--pd-text-2); max-width: 66ch; }
.pd .g2three{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd .g2three > div{ padding: 24px 28px 26px 0; }
.pd .g2three > div + div{ border-left: 1px solid var(--pd-line); padding-left: 28px; }
.pd .g2three > div:last-child{ padding-right: 0; }
.pd .g2three h3{ font-size: 19px; }
.pd .g2three p{ margin: 8px 0 0; color: var(--pd-text-2); font-size: 15px; }
.pd .g2foot{ display: grid; grid-template-columns: 1fr 1.3fr; gap: 32px 64px; align-items: start; }
.pd .g2measure ul{ list-style: none; margin: 0; padding: 0; }
.pd .g2measure li{ padding: 8px 0; border-bottom: 1px solid var(--pd-line); font-size: 15.5px; font-weight: 500; color: var(--pd-ink); }
.pd .g2tabs-note{ margin-top: 32px; }
.pd .g2days-bar{ display: grid; grid-template-columns: 1fr 1fr 2fr 2fr; gap: 4px; height: 44px; }
.pd .g2days-bar i{ display: flex; align-items: center; padding: 0 14px; border-radius: 6px; background: var(--pd-ink); color: #fff; font-style: normal; font-size: 13px; font-weight: 600; transform-origin: left; transform: scaleX(0); transition: transform .9s var(--pd-ease); }
.pd .g2days-bar i.d2{ background: #243657; transition-delay: .15s; }
.pd .g2days-bar i.d3{ background: var(--pd-accent); transition-delay: .3s; }
.pd .g2days-bar i.d4{ background: var(--pd-cobalt-deep); transition-delay: .45s; }
.pd .g2days.on .g2days-bar i{ transform: scaleX(1); }
.pd .g2days-phases{ list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 2fr 2fr; gap: 4px; }
.pd .g2days-phases li{ padding: 0 20px 0 0; }
.pd .g2days-phases li + li{ padding-left: 14px; border-left: 1px solid var(--pd-line); }
.pd .g2days-phases h3{ font-size: 19px; margin-top: 2px; }
.pd .g2days-phases p{ margin: 8px 0 0; color: var(--pd-text-2); font-size: 14.5px; max-width: 34ch; }
.pd .g2days-note{ margin-top: 32px; max-width: 78ch; }
.pd .g2canvas .gp{ padding: 0; border: 0; background: none; box-shadow: none; }
.pd .g2canvas .canvas{ border-top-color: var(--pd-line); }
.pd .g2canvas .gp__cta{ margin-top: 28px; }
.pd .g2srcs{ margin: 0; padding: 0 0 0 28px; display: grid; gap: 14px; color: var(--pd-text-2); font-size: 15px; max-width: 76ch; }
.pd .g2srcs li{ min-width: 0; }
.pd .g2srcs li::marker{ color: var(--pd-accent); font-weight: 600; }
.pd .g2srcs em{ font-style: italic; color: var(--pd-ink); }
.pd .g2srcs .url{ display: block; margin-top: 3px; font-size: 13px; color: var(--pd-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.pd .g2srcs .url:hover{ color: var(--pd-ink); text-decoration: underline; }
.pd .g2legal{ margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--pd-line); font-size: 13.5px; color: var(--pd-text-3); max-width: 76ch; }
.pd .g2legal p{ margin: 0 0 8px; }
.pd .g2legal strong{ color: var(--pd-text-2); }
@media (max-width: 1020px){.pd .g2open-in{ grid-template-columns: 1fr; gap: 12px; }
.pd .g2no{ font-size: 80px; }
.pd .g2essay-in,.pd .g2chart,.pd .g2read,.pd .g2decay,.pd .g2move-in,.pd .g2sig,.pd .g2q-in,.pd .g2foot{ grid-template-columns: 1fr; }
.pd .g2pull,.pd .g2move-side{ position: static; }
.pd .g2prose{ columns: 1; }
.pd .g2strip{ grid-template-columns: repeat(2, 1fr); border-top: 0; }
.pd .g2strip li{ border-right: 0; padding: 20px 0; border-top: 1px solid #16233a22; }
.pd .g2strip li + li{ padding-left: 0; }
.pd .g2strip h3{ min-height: 0; }
.pd .g2track-stages{ grid-template-columns: repeat(2, 1fr); }
.pd .g2track-stages::before,.pd .g2track-stages::after{ display: none; }
.pd .g2track-moves{ grid-template-columns: 1fr 1fr; }
.pd .g2track-moves li.s1,.pd .g2track-moves li.s2,.pd .g2track-moves li.s34{ grid-column: auto; }
.pd .g2move-no{ font-size: 64px; }
.pd .g2three{ grid-template-columns: 1fr; }
.pd .g2three > div + div{ border-left: 0; padding-left: 0; border-top: 1px solid var(--pd-line); }
.pd .g2three > div{ padding-right: 0; }
.pd .g2tablist{ grid-template-columns: 1fr; gap: 0; }
.pd .g2tablist button{ padding: 12px 0; border-bottom: 1px solid var(--pd-line); border-radius: 0; margin: 0; }
.pd .g2tablist button[aria-selected="true"]{ border-bottom-color: var(--pd-ink); }}
@media (max-width: 680px){.pd .g2open{ padding: 80px 0; }
.pd .g2bar{ top: 68px; }
.pd .g2bars li{ grid-template-columns: 1fr; gap: 6px; }
.pd .g2bars b{ text-align: left; }
.pd .g2askdo{ grid-template-columns: 1fr; }
.pd .g2askdo > div{ padding-right: 0; }
.pd .g2askdo > div + div{ border-left: 0; padding-left: 0; border-top: 1px solid var(--pd-line); }
.pd .g2strip{ grid-template-columns: 1fr; }
.pd .g2track-stages,.pd .g2track-moves{ grid-template-columns: 1fr; }
.pd .g2days-bar{ height: 36px; }
.pd .g2days-bar i{ padding: 0 8px; font-size: 11px; }
.pd .g2days-phases{ grid-template-columns: 1fr; gap: 0; }
.pd .g2days-phases li{ padding: 16px 0; border-top: 1px solid var(--pd-line); }
.pd .g2days-phases li + li{ padding-left: 0; border-left: 0; }
.pd .g2chips li + li{ margin-left: 0; }
.pd .g2chips li + li::before{ content: none; }
.pd .gstats--4{ grid-template-columns: repeat(2, 1fr); }
.pd .g2move{ padding: 64px 0; }}
.pd .logos--even{ padding: 26px 0; }
.pd .logos--even .logos__in{ display: grid; grid-template-columns: auto 1fr; gap: 12px 40px; align-items: center; }
.pd .logos__k{ margin: 0; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--pd-text-3); white-space: nowrap; }
.pd .logos--even .logos__l li{ filter: grayscale(1) contrast(.85); opacity: .58; transition: filter .25s, opacity .25s; }
.pd .logos--even .logos__l li:hover{ filter: none; opacity: 1; }
.pd .logos--even .logos__l img{ height: 22px !important; --h: 22px; }
.pd .logos--even .logos__gr,.pd .logos--even .logos__sm,.pd .logos--even .logos__ow{ font-size: 17px; }
@media (max-width: 899px){.pd .logos--even .logos__in{ grid-template-columns: 1fr; }}
.pd .voices--photo .voices-grid{ grid-template-columns: 260px 1fr; }
.pd .voices--photo .voices-tabs{ gap: 0; border-top: 1px solid var(--pd-line-on-dark); }
.pd .voices--photo .testi__tab{ display: grid; grid-template-columns: 1fr; gap: 6px; padding: 18px 0 18px 18px; border: 0; border-bottom: 1px solid var(--pd-line-on-dark); border-left: 2px solid transparent; border-radius: 0; background: none; min-height: 0; }
.pd .voices--photo .testi__tab::before{ display: none; }
.pd .voices--photo .testi__tab .wm-box{ display: none; }
.pd .voices--photo .testi__tab span b{ font-size: 17px; letter-spacing: -.012em; color: var(--pd-text-2-on-dark); transition: color .2s; }
.pd .voices--photo .testi__tab span{ font-size: 13.5px; color: var(--pd-text-2-on-dark); opacity: .8; }
.pd .voices--photo .testi__tab:hover{ background: none; }
.pd .voices--photo .testi__tab:hover span b{ color: #fff; }
.pd .voices--photo .testi__tab.is-on{ background: none; border-left-color: var(--pd-accent-on-dark); }
.pd .voices--photo .testi__tab.is-on span b{ color: #fff; }
.pd .voices--photo .voice{ padding: 48px 48px 40px; min-height: 380px; display: grid; align-items: end; }
.pd .voices--photo .q-slide .bg{ opacity: .5; filter: saturate(.7) contrast(1.05); }
.pd .voices--photo .q-slide::before{ background: linear-gradient(90deg, #16233af5 0%, #16233acc 45%, #16233a4d 100%); }
.pd .voices--photo .q-slide blockquote p{ font-size: clamp(24px, 2.6vw, 34px); max-width: 24ch; }
.pd .voices--photo .q-slide details{ margin-top: 20px; }
@media (max-width: 1020px){.pd .voices--photo .voices-grid{ grid-template-columns: 1fr; }
.pd .voices--photo .voices-tabs{ grid-template-columns: 1fr; }
.pd .voices--photo .voice{ padding: 28px 24px; min-height: 0; }}
.pd .scope-tbl{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--pd-line); position: relative; }
.pd .scope-tbl::before{ content: ""; position: absolute; left: 50%; top: 28px; bottom: 0; width: 2px; background: var(--pd-accent); transform: translateX(-1px); }
.pd .scope-tbl .k{ margin: 0 0 12px; font-size: 14px; color: var(--pd-text-3); }
.pd .scope-tbl .k b{ color: var(--pd-ink); font-size: 20px; letter-spacing: -.015em; margin-right: 6px; }
.pd .scope-col--no .k b{ color: var(--pd-text-3); }
.pd .scope-tbl .ticks{ margin: 0; gap: 0; }
.pd .scope-tbl .ticks li{ padding: 11px 0; border-bottom: 1px solid var(--pd-line); font-size: 16px; color: var(--pd-ink); }
.pd .scope-tbl .ticks-no li{ color: var(--pd-text-3); }
.pd .scope-tbl .ticks-no li::before{ background: var(--pd-text-3); }
.pd .scope-tbl .small{ margin-top: 16px; }
@media (max-width: 680px){.pd .scope-tbl{ grid-template-columns: 1fr; gap: 28px; }
.pd .scope-tbl::before{ display: none; }}
.pd .pick-rows{ list-style: none; margin: 32px 0 0; padding: 0; border-top: 1px solid var(--pd-line); }
.pd .pick-rows li{ border-bottom: 1px solid var(--pd-line); }
.pd .pick-rows a{ display: grid; grid-template-columns: 40px 1.1fr 1fr auto; gap: 8px 24px; align-items: center; padding: 20px 0; text-decoration: none; color: inherit; transition: background .15s; }
.pd .pick-rows a:hover{ background: var(--pd-tint-50); box-shadow: 0 0 0 12px var(--pd-tint-50); border-radius: 4px; }
.pd .pick-rows b{ font-size: 13px; font-weight: 600; color: var(--pd-text-3); font-variant-numeric: tabular-nums; }
.pd .pick-rows .pr-ends{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 18px; font-weight: 600; letter-spacing: -.015em; color: var(--pd-ink); }
.pd .pick-rows .pr-ends em{ font-style: normal; }
.pd .pick-rows .pr-ends i{ font-style: normal; color: var(--pd-accent); }
.pd .pick-rows .pr-f{ font-size: 15px; color: var(--pd-text-2); }
.pd .pick-rows .pr-go{ font-size: 14px; font-weight: 500; color: var(--pd-accent); white-space: nowrap; }
.pd .pick-rows .pr-go i{ font-style: normal; display: inline-block; transition: transform .2s var(--pd-ease); }
.pd .pick-rows a:hover .pr-go i{ transform: translateX(3px); }
.pd .pick-rows-note{ margin-top: 24px !important; }
@media (max-width: 899px){.pd .pick-rows a{ grid-template-columns: 32px 1fr; }
.pd .pick-rows .pr-f,.pd .pick-rows .pr-go{ grid-column: 2; }
.pd .pick-rows a:hover{ box-shadow: none; background: none; }}
.pd .how3{ list-style: none; margin: 48px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; position: relative; }
.pd .how3::before{ content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 1px; background: #16233a33; }
.pd .how3::after{ content: ""; position: absolute; right: 0; top: 10px; border-left: 7px solid #16233a33; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; }
.pd .how3 li{ position: relative; }
.pd .how3 b{ width: 28px; height: 28px; border-radius: 50%; background: var(--pd-ink); color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; position: relative; z-index: 1; box-shadow: 0 0 0 6px var(--pd-bg-alt); }
.pd .how3 li.last b{ background: var(--pd-accent); }
.pd .how3 h3{ margin-top: 16px; font-size: 20px; }
.pd .how3 p{ margin: 6px 0 0; color: var(--pd-text-2); font-size: 15px; max-width: 30ch; }
.pd .people--open{ gap: 56px; }
.pd .people--open .person{ background: none; border: 0; box-shadow: none; padding: 0; grid-template-rows: 188px auto auto; }
.pd .people--open .person > p{ grid-row: auto; grid-column: 1 / -1; margin: 0; font-size: 16px; }
.pd .people--open .person > p + p{ margin-top: -6px; }
.pd .people--open .person .who h3{ font-size: 26px; }
.pd .prods{ list-style: none; margin: 0; padding: 0; border-top: 1px solid #16233a22; }
.pd .prods li{ display: grid; grid-template-columns: 180px 1fr auto 150px; gap: 12px 32px; align-items: center; padding: 22px 0; border-bottom: 1px solid #16233a22; }
.pd .prods-mark{ display: inline-flex; align-items: center; }
.pd .prods-mark img{ height: 22px; width: auto; }
.pd .prods-mark .logos__gr,.pd .prods-mark .logos__sm{ font-size: 19px; }
.pd .prods-mark--ow{ gap: 7px; font-weight: 800; font-size: 18px; letter-spacing: -.045em; color: #16131E; }
.pd .prods-mark--ow svg{ width: 22px; height: 22px; }
.pd .prods-what{ font-size: 15.5px; color: var(--pd-text-2); }
.pd .prods .pill{ justify-self: start; }
.pd .prods .more{ justify-self: end; }
@media (max-width: 899px){.pd .how3{ grid-template-columns: 1fr; gap: 24px; }
.pd .how3::before,.pd .how3::after{ display: none; }
.pd .how3 li{ padding-left: 44px; }
.pd .how3 b{ position: absolute; left: 0; top: 0; }
.pd .how3 h3{ margin-top: 2px; }
.pd .prods li{ grid-template-columns: 1fr auto; }
.pd .prods-what{ grid-column: 1 / -1; }
.pd .prods .more{ justify-self: start; }}
.pd .enquire__side > .k{ margin: 0 0 14px; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--pd-text-3); }
.pd .next3{ list-style: none; margin: 0; padding: 0; }
.pd .next3 li{ position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 14px; padding-bottom: 22px; }
.pd .next3 li::before{ content: ""; position: absolute; left: 13.5px; top: 30px; bottom: -2px; width: 1px; background: var(--pd-line); }
.pd .next3 li:last-child::before{ display: none; }
.pd .next3 b{ width: 28px; height: 28px; border-radius: 50%; background: var(--pd-ink); color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; position: relative; z-index: 1; box-shadow: 0 0 0 4px var(--pd-white); }
.pd .next3 li:last-child b{ background: var(--pd-accent); }
.pd .next3 h3{ font-size: 17px; }
.pd .next3 p{ margin: 4px 0 0; color: var(--pd-text-2); font-size: 14.5px; }
.pd .from-us{ display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; padding: 16px 18px; background: var(--pd-tint-50); border-radius: var(--pd-radius); margin: 4px 0 22px; }
.pd .from-us .faces{ display: flex; }
.pd .from-us .faces img{ width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; border: 2px solid var(--pd-white); }
.pd .from-us .faces img + img{ margin-left: -12px; }
.pd .from-us p{ margin: 0; font-size: 14.5px; color: var(--pd-text-2); }
.pd .from-us b{ display: block; color: var(--pd-ink); font-weight: 600; }
.pd .enquire__side .also.small{ font-size: 13.5px; color: var(--pd-text-3); }
.pd .enquire__side .also.small + .also.small{ margin-top: 12px; padding-top: 12px; }
.pd .enquire__side .also.small strong{ display: inline; color: var(--pd-text-2); }
.pd .pband{ padding: 96px 0; }
.pd .pband-in{ display: grid; grid-template-columns: 1fr 1.35fr; gap: 48px 72px; align-items: center; }
.pd .pband-copy h2{ margin-top: 22px; font-size: clamp(30px, 3.4vw, 40px); max-width: 16ch; }
.pd .pband dl{ margin: 22px 0 0; display: grid; gap: 14px; }
.pd .pband dt{ font-size: 13px; font-weight: 600; color: var(--pb-text-3); }
.pd .pband dd{ margin: 4px 0 0; color: var(--pb-text-2); font-size: 15.5px; max-width: 52ch; }
.pd .pband .acts{ margin-top: 28px; gap: 12px 20px; }
.pd .pband-built{ font-size: 13.5px; color: var(--pb-text-3); max-width: 28ch; }
.pd .pband-shot{ display: grid; justify-items: center; gap: 12px; }
.pd .pband-shot > .win{ width: 100%; }
.pd .pband-shot .cap{ margin: 0; font-size: 12.5px; color: var(--pb-text-3); text-align: center; }
.pd .pband .yrows{ margin: 0; border-top-color: var(--pb-line); }
.pd .pband .yrows li{ border-bottom-color: var(--pb-line); }
.pd .pband .yrows-k{ margin-top: 24px; }
.pd .pband .prow-name h3{ color: var(--pb-text); }
.pd .pband--gr{ --pb-bg: #0F172A; --pb-text: #fff; --pb-text-2: #B7C2D6; --pb-text-3: #7E8CA6; --pb-line: #ffffff1f; --pb-accent: #7D93FF; background: var(--pb-bg); color: var(--pb-text); }
.pd .pband--gr h2{ color: #fff; }
.pd .pband--gr h2 .ac{ color: #7D93FF; }
.pd .pband--gr .logos__gr{ color: #fff; }
.pd .pband--gr .pill.ok{ color: #7BD3A3; }
.pd .pband--gr .btn-p{ background: #2A4DD0; border-color: #2A4DD0; color: #fff; }
.pd .pband--gr .btn-p:hover{ background: #3A5DE0; }
.pd .pband--gr .win{ border-color: #ffffff1f; box-shadow: 0 40px 90px -40px #000000b3; }
.pd .pband--gr .win-bar{ background: #16213a; border-bottom-color: #ffffff14; color: #B7C2D6; }
.pd .pband--gr .win-bar .pill.ok{ color: #7BD3A3; }
.pd .pband--gr .screen{ margin: 0; }
.pd .pband--gr :focus-visible{ outline-color: #fff; }
@keyframes pband-pan{ 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -10px, 0); } }
.pd .pband--gr .pband-shot > .win{ animation: pband-pan 14s ease-in-out infinite; }
.pd .pband--sm{ --pb-bg: #EEF8F6; --pb-text: #0B1F33; --pb-text-2: #3E5164; --pb-text-3: #6E7F91; --pb-line: #0B1F3322; --pb-accent: #0EA89E; background: var(--pb-bg); color: var(--pb-text); }
.pd .pband--sm h2{ color: #0B1F33; }
.pd .pband--sm h2 .ac{ color: #0EA89E; }
.pd .pband--sm .pill.warn{ color: #D9483A; }
.pd .pband--sm .pill.ok{ color: #0B8C84; }
.pd .pband--sm .btn-p{ background: #0B1F33; border-color: #0B1F33; }
.pd .pband--sm .btn-p:hover{ background: #163049; }
.pd .pband--sm .yrows li.due{ font-weight: 600; }
.pd .pband--sm .yrows li.due .pill.warn{ color: #FF6A5A; }
.pd .pband--sm .yrows li.due .pill.warn::before{ animation: sm-pulse 2.4s ease-in-out infinite; }
@keyframes sm-pulse{ 0%, 100% { box-shadow: 0 0 0 0 #FF6A5A00; } 50% { box-shadow: 0 0 0 5px #FF6A5A33; } }
.pd .pband--sm .devices{ margin: 0; }
html.motion-off .pd .pband--gr .pband-shot > .win,html.motion-off .pd .pband--sm .yrows li.due .pill.warn::before{ animation: none; }
@media (prefers-reduced-motion: reduce){.pd .pband--gr .pband-shot > .win,.pd .pband--sm .yrows li.due .pill.warn::before{ animation: none; }}
@media (max-width: 1020px){.pd .pband-in{ grid-template-columns: 1fr; gap: 44px; }
.pd .pband-copy h2{ max-width: none; }}
@media (max-width: 680px){.pd .pband{ padding: 68px 0; }}
.pd .shead--centre{ grid-template-columns: 1fr; max-width: 760px; margin-inline: auto; text-align: center; justify-items: center; }
.pd .shead--centre .lede{ margin-inline: auto; }
.pd .dn--ledger{ grid-template-columns: 1fr; gap: 40px; max-width: 680px; margin-inline: auto; text-align: center; }
.pd .dn--ledger h2 .ac{ display: inline; }
.pd .dn--ledger .lede{ margin-inline: auto; }
.pd .dn--ledger .tbl{ text-align: left; background: var(--pd-white); border-color: var(--pd-line); }
.pd .dn--ledger .tbl .cpt{ border-bottom-color: var(--pd-line); color: var(--pd-text-3); }
.pd .dn--ledger .tbl li{ border-bottom-color: var(--pd-line); color: var(--pd-ink); }
.pd .dn--ledger .tbl b{ color: var(--pd-accent); }
.pd .dn--ledger .tbl b.no{ color: #c2410c; }
.pd .voices--bleed{ position: relative; isolation: isolate; overflow: hidden; padding: 120px 0; }
.pd .voices--bleed .shead{ margin-bottom: 40px; text-align: center; max-width: none; justify-items: center; }
.pd .voices--bleed .voices-grid{ grid-template-columns: 1fr; gap: 40px; }
.pd .voices--bleed .voice{ position: static; padding: 0; border: 0; background: none; min-height: 0; display: block; max-width: 900px; margin-inline: auto; text-align: center; }
.pd .voices--bleed .q-slide .bg{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: .42; }
.pd .voices--bleed .q-slide::before{ position: absolute; inset: 0; background: linear-gradient(180deg, #16233a 0%, #16233aa6 35%, #16233aa6 65%, #16233a 100%); }
.pd .voices--bleed .q-slide.is-on{ position: static; }
.pd .voices--bleed .q-slide blockquote p{ font-size: clamp(26px, 3.2vw, 42px); max-width: 26ch; margin-inline: auto; text-indent: 0; line-height: 1.22; }
.pd .voices--bleed .q-slide details{ margin: 24px auto 0; max-width: 62ch; }
.pd .voices--bleed .voices-tabs{ order: 2; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 8px; border-top: 0; }
.pd .voices--bleed .testi__tab{ padding: 10px 16px; border: 1px solid #ffffff33; border-radius: 999px; background: #16233a99; display: block; }
.pd .voices--bleed .testi__tab span{ display: block; }
.pd .voices--bleed .testi__tab span b{ display: inline; font-size: 14px; color: #fff; margin-right: 6px; }
.pd .voices--bleed .testi__tab span{ font-size: 13px; opacity: 1; }
.pd .voices--bleed .testi__tab span:not(b){ display: inline; }
.pd .voices--bleed .testi__tab.is-on{ background: #fff; border-color: #fff; color: var(--pd-ink); }
.pd .voices--bleed .testi__tab.is-on span,.pd .voices--bleed .testi__tab.is-on span b{ color: var(--pd-ink); }
.pd .voices--bleed .testi__tab:hover{ background: #ffffff1a; }
.pd .voices--bleed .testi__tab.is-on:hover{ background: #fff; }
.pd .pband-in--tri{ grid-template-columns: 1fr auto 1fr; gap: 40px 56px; align-items: center; }
.pd .pband-in--tri .pband-copy{ order: 0; }
.pd .pband-in--tri .pband-shot{ order: 0; }
.pd .pband-in--tri .pband-copy--r dl{ margin-top: 0; }
.pd .pband-in--tri .pband-copy--r .yrows-k{ margin-top: 22px; }
.pd .pband-in--tri .pband-copy h2{ max-width: 14ch; }
@media (max-width: 1020px){.pd .pband-in--tri{ grid-template-columns: 1fr; }
.pd .pband-in--tri .pband-shot{ order: 1; }
.pd .pband-in--tri .pband-copy--r{ order: 2; }
.pd .voices--bleed{ padding: 80px 0; }}
.pd .voices--bleed .shead,.pd .voices--bleed .voices-tabs,.pd .voices--bleed .q-slide blockquote,.pd .voices--bleed .q-slide details{ position: relative; z-index: 1; }
.pd .voices--bleed .voices-grid,.pd .voices--bleed .wrap{ position: static; }
.pd .head--centre{ grid-template-columns: 1fr; max-width: 760px; margin-inline: auto; text-align: center; justify-items: center; }
.pd .head--centre .h2{ max-width: none; }
.pd .head--centre p{ margin-inline: auto; }
.pd #for .qualwin{ max-width: 760px; margin-inline: auto; }
.pd .lesson--centre{ grid-template-columns: 1fr; justify-items: center; text-align: center; max-width: 860px; margin-inline: auto; }
.pd .lesson--centre h2{ max-width: 20ch; font-size: clamp(32px, 4.2vw, 52px); }
.pd .lesson--centre .lede{ margin: 22px auto 0; }
html.js .pd .dline .dnodes::before,html.js .pd .g2track-stages::before{ transform: scaleX(0); transform-origin: left center; transition: transform 1.6s var(--pd-ease) .15s; }
html.js .pd .dline .dnodes::after,html.js .pd .g2track-stages::after{ opacity: 0; transition: opacity .4s ease 1.5s; }
.pd .dline.on .dnodes::before,.pd .g2track.on .g2track-stages::before{ transform: scaleX(1); }
.pd .dline.on .dnodes::after,.pd .g2track.on .g2track-stages::after{ opacity: 1; }
.pd .pband--sm .sm-bar i{ animation: none; transform: scaleX(0); transition: transform 1.4s var(--pd-ease) .4s; }
.pd .pband--sm .pband-shot.on .sm-bar i{ transform: scaleX(1); }
html.motion-off .pd .dline .dnodes::before,html.motion-off .pd .g2track-stages::before,html.motion-off .pd .pband--sm .sm-bar i{ transform: none; transition: none; }
html.motion-off .pd .dline .dnodes::after,html.motion-off .pd .g2track-stages::after{ opacity: 1; transition: none; }
@media (prefers-reduced-motion: reduce){html.js .pd .dline .dnodes::before,html.js .pd .g2track-stages::before,.pd .pband--sm .sm-bar i{ transform: none; transition: none; }
html.js .pd .dline .dnodes::after,html.js .pd .g2track-stages::after{ opacity: 1; transition: none; }}
@media (min-width: 1021px){.pd .hero-in{ grid-template-columns: 1fr 1.27fr; }}
@media (max-width: 480px){.pd .pt__foot{ flex-direction: column; align-items: stretch; gap: 4px; }
.pd .pt__status{ --pt-status-lines: 2; height: 2.6em; }
.pd .pt__status > span > span{ height: 2.6em; }}
.pd .pt__msg-body{ font-size: 12.5px; }
.pd .pt__step{ font-size: 13px; white-space: normal; text-align: right; }
.pd .legal section p + h3{ margin-top: 32px; }
.pd .enquire .fs__t{ font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--pd-text-3); }
@media (max-width: 680px){.pd .pband--gr .gr{ width: 100%; }
.pd .pband--gr .gr-side{ display: none; }
.pd .pband--gr .gr-metrics{ grid-template-columns: 1fr 1fr; }}
.pd .nfwin{ margin-top: 48px; max-width: 760px; }
.pd .nf-strip{ list-style: none; margin: 0; padding: 20px 18px 8px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.pd .nf-strip li{ height: 44px; border-radius: 6px; background: var(--pd-tint-50); border: 1px solid var(--pd-line); display: grid; place-items: center; font-size: 12px; font-weight: 600; color: var(--pd-text-3); font-variant-numeric: tabular-nums; }
.pd .nf-strip li.gone{ background: #FF7A00; border-color: #FF7A00; color: #fff; font-size: 14px; }
.pd .nf-line{ margin: 0; padding: 12px 18px 18px; font-size: 16px; font-weight: 600; color: var(--pd-ink); }
.pd .nf-line span{ font-weight: 400; color: #C2410C; }
.pd .legal-brief{ padding-top: 8px; }
.pd .legal-brief .win-bar span:first-child{ font-weight: 600; color: var(--pd-ink); }
.pd .brief{ list-style: none; margin: 0; padding: 8px 18px 12px; counter-reset: b; }
.pd .brief li{ counter-increment: b; display: grid; grid-template-columns: 28px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--pd-line); font-size: 15.5px; color: var(--pd-text-2); }
.pd .brief li::before{ content: counter(b); font-size: 13px; font-weight: 600; color: var(--pd-accent); padding-top: 2px; }
.pd .brief li:last-child{ border-bottom: 0; }
.pd .brief b{ color: var(--pd-ink); font-weight: 600; }
.pd .brief li{ display: block; position: relative; padding-left: 42px; }
.pd .brief li::before{ position: absolute; left: 0; top: 12px; }
.pd .brief b{ display: inline; }
@media (max-width: 680px){.pd .win .gr--phone .gr-metrics{ grid-template-columns: 1fr 1fr; }
.pd .win .gr--phone .gr-metrics li:first-child{ grid-column: 1 / -1; }}
.pd .pband-facts{ list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--pb-line); }
.pd .pband-facts li{ padding: 12px 0; border-bottom: 1px solid var(--pb-line); font-size: 16px; font-weight: 500; color: var(--pb-text); display: grid; grid-template-columns: 14px 1fr; gap: 12px; align-items: baseline; }
.pd .pband-facts li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pb-accent); transform: translateY(-2px); }
.pd .pband--gr .pband-in{ grid-template-columns: 1fr 1.5fr; }
.pd .pband-in--tri .pband-copy--r .yrows-k{ margin-top: 0; }
@media (max-width: 1020px){.pd .pband--gr .pband-in{ grid-template-columns: 1fr; }}
.pd .split-sec{ padding-bottom: 48px; }
.pd .split{ background: linear-gradient(90deg, var(--pd-tint-50) 0 50%, var(--pd-ink) 50% 100%); }
.pd .split-in{ display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.pd .half{ padding: 72px 72px 80px 0; display: flex; flex-direction: column; align-items: flex-start; min-height: 100%; }
.pd .half--dark{ padding: 72px 0 80px 72px; color: var(--pd-text-on-dark); }
.pd .half .kick{ font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--pd-accent); }
.pd .half--dark .kick{ color: var(--pd-accent-on-dark); }
.pd .half h3{ margin-top: 14px; font-size: clamp(26px, 2.8vw, 34px); line-height: 1.12; letter-spacing: -.025em; max-width: 16ch; }
.pd .half--dark h3{ color: #fff; }
.pd .half .ticks{ margin: 26px 0 0; gap: 12px; font-size: 16.5px; }
.pd .half--light .ticks{ color: var(--pd-text-2); }
.pd .half--dark .ticks{ color: var(--pd-text-2-on-dark); }
.pd .half--dark .ticks li::before{ background: var(--pd-accent-on-dark); }
.pd .half .more{ margin-top: auto; padding-top: 32px; }
.pd .half--dark .more{ color: #fff; border-color: var(--pd-line-on-dark); }
.pd .half--dark .more:hover{ border-color: #fff; }
.pd .half .pmarks.plate{ margin: 26px 0 0; padding: 12px 16px; background: #fff; border-radius: var(--pd-radius-sm); gap: 8px 20px; }
.pd .half .pmarks.plate .logos__gr,.pd .half .pmarks.plate .logos__sm{ font-size: 16px; }
.pd .half .pmarks.plate img{ height: 18px; }
.pd .half .pmarks.plate .ow{ font-size: 16px; }
.pd .half .pmarks.plate .ow svg{ width: 18px; height: 18px; }
.pd .split-join{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 104px; height: 104px; border-radius: 50%; background: #fff; border: 3px solid var(--pd-accent); display: grid; place-items: center; text-align: center; box-shadow: 0 0 0 10px var(--pd-tint-50), 0 24px 48px -24px #16233a80; z-index: 1; }
.pd .split-join b{ font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; color: var(--pd-ink); }
@media (max-width: 1020px){.pd .split{ background: none; }
.pd .split-in{ grid-template-columns: 1fr; }
.pd .half{ padding: 56px 0; }
.pd .half--dark{ padding: 56px 24px; margin-inline: -24px; background: var(--pd-ink); }
.pd .split-join{ position: static; transform: none; width: auto; height: auto; border-radius: 999px; padding: 10px 20px; justify-self: center; margin: -22px auto; box-shadow: 0 0 0 6px var(--pd-tint-50); }
.pd .split-join b br{ display: none; }}
.pd .prods-photos{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px; }
.pd .prods-photos figure{ margin: 0; }
.pd .prods-photos img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 40%; border-radius: var(--pd-radius-lg); }
.pd .prods-photos figcaption{ margin-top: 10px; font-size: 13px; color: var(--pd-text-3); }
.pd .voices--bleed .q-slide .bg{ opacity: .6; filter: none; }
.pd .voices--bleed .q-slide::before{ background: linear-gradient(180deg, #16233ad9 0%, #16233a80 40%, #16233a80 60%, #16233ae6 100%); }
.pd .g2open-img img{ opacity: .55; filter: none; }
.pd .g2open.has-img::before{ background: linear-gradient(90deg, var(--pd-ink) 0%, #16233ae6 36%, #16233a4d 100%); }
.pd .hero--about .hero__photo img{ object-position: 50% 45%; }
@media (max-width: 680px){.pd .prods-photos{ grid-template-columns: 1fr; }}
.pd .pband-k{ margin: 0 0 18px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pb-text-2); }
.pd .pband-k span{ font-weight: 400; opacity: .8; }
.pd .facts4{ list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; max-width: 420px; }
.pd .facts4 li{ display: grid; gap: 4px; padding-left: 16px; border-left: 2px solid var(--pd-cobalt); }
.pd .facts4 b{ font-size: clamp(30px, 3vw, 40px); font-weight: 600; letter-spacing: -.03em; line-height: 1; color: var(--pd-ink); }
.pd .facts4 span{ font-size: 14px; color: var(--pd-text-2); }
.pd .eng-copy .facts4 + .acts{ margin-top: 32px; }
.pd .tbl--open li{ display: block; padding: 0; }
.pd .tbl--open details{ margin: 0; }
.pd .tbl--open summary{ display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 15px 20px; cursor: pointer; list-style: none; font-size: 15.5px; color: var(--pd-ink); }
.pd .tbl--open summary::-webkit-details-marker{ display: none; }
.pd .tbl--open summary::after{ content: "+"; font-weight: 400; font-size: 20px; line-height: 1; color: var(--pd-text-3); margin-left: 4px; transition: transform .25s var(--pd-ease); }
.pd .tbl--open details[open] summary::after{ transform: rotate(45deg); }
.pd .tbl--open summary > span{ flex: 1; }
.pd .tbl--open summary:hover{ background: var(--pd-tint-50); }
.pd .tbl--open details p{ margin: 0; padding: 0 20px 18px; font-size: 15px; line-height: 1.6; color: var(--pd-text-2); max-width: 62ch; }
.pd .tbl--open .tbl-foot{ margin: 0; padding: 14px 20px; font-size: 13.5px; color: var(--pd-text-3); border-top: 1px solid var(--pd-line); background: var(--pd-tint-50); }
.pd .tbl--open .tbl-foot a{ color: var(--pd-ink); }
@media (max-width: 680px){.pd .facts4{ grid-template-columns: 1fr 1fr; gap: 16px; }
.pd .tbl--open summary{ padding: 14px 16px; }
.pd .tbl--open details p{ padding: 0 16px 16px; }}
.pd .win--bare{ background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.pd .win--bare > .win-bar{ padding: 0 0 14px; background: none; border-bottom: 1px solid var(--pd-ink); font-size: 13px; }
.pd .win--bare > .win-bar > span:first-child{ font-weight: 600; color: var(--pd-ink); letter-spacing: .02em; text-transform: uppercase; font-size: 12px; }
.pd .win--bare > .win-foot{ padding: 16px 0 0; border-top: 1px solid var(--pd-line); }
.pd .diagw.win--bare .win-bar{ padding: 0 0 14px; }
.pd .diagw.win--bare .checks button{ padding: 17px 0; font-size: 17px; border-bottom: 1px solid var(--pd-line); }
.pd .diagw.win--bare .checks button:hover{ padding-left: 8px; background: none; }
.pd .diagw.win--bare .checks [aria-pressed="true"]{ background: none; }
.pd .diagw.win--bare .checks .box{ width: 26px; height: 26px; border-radius: 7px; }
.pd .diagw.win--bare .checks button{ grid-template-columns: 26px 1fr; }
.pd .diagw.win--bare .win-foot.vbox{ padding: 18px 0 0; background: none; border-top: 1px solid var(--pd-ink); }
.pd .plan.win--bare .track{ padding: 24px 0 4px; }
.pd .plan.win--bare .win-foot{ padding-top: 14px; }
.pd .dn--ledger .tbl--bare{ background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.pd .tbl--bare .cpt{ padding: 0 0 12px; background: none; border-bottom: 1px solid var(--pd-ink); font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--pd-ink); }
.pd .tbl--open.tbl--bare summary{ padding: 16px 0; }
.pd .tbl--open.tbl--bare summary:hover{ background: none; }
.pd .tbl--open.tbl--bare summary:hover > span{ padding-left: 6px; transition: padding .2s var(--pd-ease); }
.pd .tbl--open.tbl--bare details p{ padding: 0 0 18px; }
.pd .tbl--open.tbl--bare .tbl-foot{ padding: 14px 0 0; background: none; border-top: 1px solid var(--pd-ink); }
.pd .tint .tbl--bare .cpt,.pd .dn--ledger .tbl--bare .cpt{ background: none; border-bottom-color: var(--pd-ink); }
.pd .dkey{ list-style: none; margin: 0; padding: 0; display: grid; }
.pd .dkey > li{ display: grid; grid-template-columns: 30px 1fr; gap: 14px; align-items: start; padding: 14px 8px 14px 4px; border-top: 1px solid var(--pd-line-on-dark); border-radius: 6px; transition: background .25s var(--pd-ease); }
.pd .dkey > li:last-child{ border-bottom: 1px solid var(--pd-line-on-dark); }
.pd .dkey .m{ width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--pd-line-on-dark); color: var(--pd-text-2-on-dark); font-size: 13px; font-weight: 600; display: grid; place-items: center; margin-top: 1px; transition: background .3s, color .3s, border-color .3s, transform .4s var(--pd-ease); }
.pd .dkey h3{ margin: 0; font-size: 18px; color: #fff; letter-spacing: -.012em; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.pd .dkey h3 small{ font-size: 12px; font-weight: 600; color: var(--pd-accent-on-dark); }
.pd .dkey h3 em{ font-style: normal; font-size: 12px; font-weight: 600; color: var(--pd-ink); background: #fff; border-radius: 999px; padding: 1px 7px; }
.pd .dkey p{ margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: var(--pd-text-2-on-dark); }
.pd .dkey > li.is-on .m{ background: #fff; border-color: #fff; color: var(--pd-ink); transform: scale(1.08); }
.pd .dkey > li.is-on{ background: #ffffff0a; }
.pd .dkey > li.is-unused h3,.pd .dkey > li.is-unused p{ opacity: .45; }
.pd .dkey > li.is-unused.last h3::after{ content: "Not needed here"; font-size: 12px; font-weight: 600; color: var(--pd-accent-on-dark); opacity: 1; }
.pd .dkey > li.is-hi{ background: #ffffff14; }
.pd .dkey > li.is-yours .m{ box-shadow: 0 0 0 3px var(--pd-ink), 0 0 0 5px var(--pd-accent-on-dark); }
.pd .exlist .win-bar{ padding: 0 0 12px; background: none; border-bottom: 1px solid #ffffff59; color: var(--pd-text-2-on-dark); font-size: 13px; }
.pd .exlist .win-bar > span:first-child{ font-weight: 600; color: #fff; }
.pd .ex-tally{ display: inline-flex; align-items: baseline; gap: 6px; color: var(--pd-text-2-on-dark); font-size: 13px; }
.pd .ex-tally b{ font-size: 22px; font-weight: 600; letter-spacing: -.03em; color: #fff; font-variant-numeric: tabular-nums; line-height: 1; }
.pd .ex-tally b:first-child{ color: var(--pd-text-2-on-dark); }
.pd .ex-tally i{ font-style: normal; color: var(--pd-accent-on-dark); }
.pd .exlist .chips7{ border-top: 0; }
.pd .exlist .chips7 > li{ padding: 13px 6px; font-size: 16px; transition: background .2s var(--pd-ease); border-radius: 4px; }
.pd .exlist .chips7 > li.is-hi{ background: #ffffff14; }
.pd .exlist .chips7 > li.cut s::after{ transform: scaleX(1); }
.pd .exlist .chips7 > li.cut .v{ background: #fff; color: var(--pd-ink); }
.pd .exlist .chips7 > li.keep .v{ background: var(--pd-accent-on-dark); color: var(--pd-ink); }
.pd .exlist .win-foot{ padding: 16px 0 0; border-top: 1px solid #ffffff59; color: var(--pd-text-2-on-dark); font-size: 14.5px; align-items: center; flex-wrap: wrap; gap: 10px 24px; }
.pd .exlist .win-foot .more{ color: #fff; border-color: var(--pd-line-on-dark); }
.pd .exlist .win-foot .more:hover{ border-color: #fff; }
.pd .half .plate--clients{ background: #fff; border: 1px solid var(--pd-line); align-items: center; gap: 10px 22px; }
.pd .half .plate--clients img{ height: 22px; width: auto; filter: grayscale(1); opacity: .8; }
.pd .half .plate--clients img[alt="Intergenerational England"]{ height: 26px; }
.pd .split-sec .shead{ margin-bottom: 48px; }
@media (max-width: 1020px){.pd .dkey{ grid-template-columns: 1fr 1fr; }
.pd .dkey > li:last-child{ border-bottom: 0; }}
@media (max-width: 680px){.pd .dkey{ grid-template-columns: 1fr; }
.pd .dkey > li:last-child{ border-bottom: 1px solid var(--pd-line-on-dark); }
.pd .exlist .chips7 > li{ font-size: 15px; }
.pd .ex-tally b{ font-size: 18px; }}
.pd .exlist .chips7 s::after{ height: 3px; top: 50%; border-radius: 2px; background: var(--pd-accent-on-dark); transform: rotate(-1.1deg) scaleX(0); transform-origin: left center; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.pd .exlist .chips7 > li.cut s::after{ transform: rotate(-1.1deg) scaleX(1.03); }
.pd .dkey > li > div{ position: relative; }
.pd .dkey > li > div::before{ content: ""; position: absolute; left: -2px; top: 22px; width: 54px; height: 3px; border-radius: 2px; background: var(--pd-accent-on-dark); transform: rotate(-1.5deg) scaleX(0); transform-origin: left center; transition: transform .5s cubic-bezier(.2,.7,.2,1) .15s; pointer-events: none; }
.pd .dkey > li.is-on > div::before{ transform: rotate(-1.5deg) scaleX(1); }
.pd .voices--bleed .testi__tab{ position: relative; overflow: hidden; }
.pd .voices--bleed .testi__tab::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--pd-accent-on-dark); transform: scaleX(0); transform-origin: left; }
.pd .voices--bleed.is-auto .testi__tab.is-on::after{ animation: ts-progress var(--ts-every, 9s) linear forwards; }
.pd .voices--bleed.is-auto.is-hold .testi__tab.is-on::after{ animation-play-state: paused; }
.pd .voices--bleed .testi__tab.is-on::after{ background: var(--pd-accent); }
@keyframes ts-progress{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pd .pband--sm .yrows li.due .pill.warn::before{ animation: sm-live 7s ease-in-out infinite, sm-pulse 2.4s ease-in-out infinite; }
html.motion-off .pd .voices--bleed .testi__tab.is-on::after,html.motion-off .pd .yrows .pill.warn::before{ animation-play-state: paused !important; }
.pd .logos--even .logos__l--four{ justify-content: space-around; }
.pd .logos--even .logos__l--four img{ height: 28px !important; --h: 28px; }
.pd .logos--even .logos__l--four img[alt="Intergenerational England"]{ height: 34px !important; }
.pd .win-bar__hint{ font-size: 12px; color: var(--pd-text-3); }
.pd .obs-big{ margin: 30px 0 0; display: grid; gap: 8px; justify-items: start; }
.pd .obs-big b{ font-size: clamp(64px, 7vw, 96px); font-weight: 600; letter-spacing: -.05em; line-height: .9; color: var(--pd-ink); font-variant-numeric: tabular-nums; }
.pd .obs-big b i{ font-style: normal; font-size: .34em; color: var(--pd-text-3); letter-spacing: -.02em; margin-left: 4px; }
.pd .obs-big__l{ font-size: 14px; color: var(--pd-text-2); }
.pd .obs-big .segs{ grid-template-columns: repeat(7, 22px); gap: 4px; margin-top: 6px; max-width: none; }
.pd .obs-big .segs i{ height: 6px; }
.pd .diag-copy .checks-end{ margin-top: 28px; }
.pd .vbox .carry{ margin: 12px 0 0; font-size: 13px; color: var(--pd-text-3); }
.pd .voices--bleed .testi__tab{ text-align: left; }
.pd .voices--bleed .testi__tab span em{ display: block; font-style: normal; font-size: 12.5px; color: var(--pd-text-2-on-dark); margin-top: 2px; }
.pd .voices--bleed .testi__tab.is-on span em{ color: var(--pd-text-2); }
.pd .voices--bleed .voices-tabs{ gap: 8px 10px; }
.pd .band-acts{ justify-content: center; align-items: center; gap: 12px 24px; }
.pd .band-mail{ color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #ffffff80; }
.pd .band-mail:hover{ text-decoration-color: #fff; }
@media (max-width: 680px){.pd .obs-big b{ font-size: 56px; }}
.pd .diagw.is-demo .checks button{ cursor: default; }
.pd .sec--one{ padding: 64px 0 56px; }
.pd .shead--tight{ margin-bottom: 28px; }
.pd .shead--tight .lede{ margin-top: 10px; }
.pd .mflow{ max-width: 980px; margin-inline: auto; }
.pd .dkey--row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 22px; }
.pd .dkey--row > li{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border: 1px solid var(--pd-line-on-dark); border-radius: 999px; background: none; transition: background .25s var(--pd-ease), border-color .25s, opacity .3s; }
.pd .dkey--row > li:last-child{ border-bottom: 1px solid var(--pd-line-on-dark); }
.pd .dkey--row .m{ width: 24px; height: 24px; font-size: 12px; margin: 0; }
.pd .dkey--row h3{ font-size: 15px; gap: 6px; }
.pd .dkey--row h3 small{ font-size: 11px; }
.pd .dkey--row > li > div::before{ display: none; }
.pd .dkey--row > li.is-on{ background: #ffffff14; border-color: #ffffff59; }
.pd .dkey--row > li.is-on .m{ transform: none; }
.pd .dkey--row > li.is-unused{ opacity: .45; }
.pd .dkey--row > li.is-unused.last h3::after{ content: "Not needed here"; font-size: 11px; font-weight: 600; color: var(--pd-accent-on-dark); }
.pd .dkey--row > li.is-hi{ background: #ffffff1f; }
.pd .mflow .exlist .chips7 > li{ padding: 10px 6px; font-size: 15.5px; }
.pd .mflow .exlist .win-foot{ padding-top: 14px; font-size: 14px; }
.pd .mflow .exlist .win-foot .more{ font-size: 14px; }
@media (max-width: 680px){.pd .dkey--row{ gap: 6px; }
.pd .dkey--row > li{ padding: 5px 10px 5px 5px; }
.pd .dkey--row h3{ font-size: 13.5px; }
.pd .dkey--row .m{ width: 20px; height: 20px; font-size: 11px; }}
.pd #offer.sec{ padding: 72px 0 64px; }
.pd .eng{ gap: 40px 64px; }
.pd .plan.win--bare .track{ padding-top: 18px; }
.pd .track > li{ padding-bottom: 16px; }
.pd .outbox{ padding: 14px 16px; }
.pd .outbox ul{ gap: 8px; }
.pd .outbox em{ display: none; }
.pd .facts4{ margin-top: 24px; gap: 14px 24px; }
.pd .split-sec .shead{ margin-bottom: 32px; }
.pd .half{ padding: 56px 64px 56px 0; }
.pd .half--dark{ padding: 56px 0 56px 64px; }
.pd .pband--sm{ padding: 62px 0; }
.pd .pband--sm .phone{ --phone-zoom: .9; }
.pd #solve.sec{ padding: 80px 0; }
.pd .exlist .chips7 s::after{ background: var(--pd-orange); }
.pd .exlist .chips7 > li.cut s{ color: var(--pd-text-2-on-dark); }
.pd .dkey > li > div::before{ background: var(--pd-orange); }
.pd .pband-in--tri .pband-copy h2{ max-width: 13ch; }
.pd .pband--sm .pband-facts{ margin-top: 22px; max-width: 360px; }
.pd .pband--gr .pband-copy h2{ max-width: 13ch; }
.pd .pband--gr .pband-facts{ margin-top: 22px; max-width: 400px; }
.pd .pband--gr .pband-copy .acts{ margin-top: 28px; }
.gr-metric__v,.gr-legend b.gr-odo,.gr-legend em.gr-odo{ font-variant-numeric: normal; letter-spacing: -0.02em; }
.pd{ --pd-action: #FF7A00; --pd-action-hover: #E86F00; --pd-navy: #00174E; }
.pd .btn:not(.btn-s){ color: var(--pd-navy); }
.pd .btn:not(.btn-s):hover{ color: var(--pd-navy); }
.pd .band .btn-p{ background: var(--pd-action); color: var(--pd-navy); }
.pd .band .btn-p:hover{ background: var(--pd-action-hover); color: var(--pd-navy); }
.pd .cc .btn{ background: var(--pd-action); color: var(--pd-navy); }
.pd .pband--gr .btn-p,.pd .pband--gr .btn-p:hover{ color: #fff; }
.pd .pband--sm .btn-p,.pd .pband--sm .btn-p:hover{ color: #fff; }
.pd .more{ color: var(--pd-ink); }
.pd .more:hover{ color: var(--pd-ink); }
.pd .half--dark .more,.pd .exlist .win-foot .more,.pd .dark .more,.pd .pband--gr .more{ color: #fff; }