@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400-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:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-400-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-400-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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-400-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-400-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;}

:root{
  --fg:#0b0b0c;
  --ink:#26282d;
  --dim:#4b5563;
  --bg:#ffffff;
  --hl:#1d4ed8;
  --hl-deep:#173fae;
  --hl-dark:#12307f;
  --tint:#f3f4f6;
  --line:#0b0b0c;
  --face:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1080px;
  --gap:clamp(64px,9vw,116px);
  --cut:12px;
  --shape:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--face);font-size:1.0625rem;line-height:1.75;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;line-height:1.18;letter-spacing:-.015em}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
figure{margin:0}
li{list-style:none}

.pb-page__sprite{position:absolute;width:0;height:0;overflow:hidden}
.pb-page__wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
.pb-page__skip{position:absolute;left:-9999px;top:0;z-index:60;padding:14px 22px;background:var(--hl);color:#fff;font-weight:700;text-decoration:none}
.pb-page__skip:focus{left:12px;top:12px}
.pb-page__only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- action shapes ---------- */
.pb-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 30px;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.2;color:#fff;background:var(--hl);text-decoration:none;border:0;cursor:pointer;clip-path:var(--shape);transition:background .18s ease,transform .18s ease}
.pb-go:hover{background:var(--hl-deep);transform:translateY(-2px)}
.pb-go:active{background:var(--hl-dark);transform:translateY(0)}
.pb-go:focus-visible{outline:none;background:var(--hl-dark);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px var(--hl-dark)}
.pb-go--wide{width:100%}
.pb-go__ic{flex:none}

.pb-quiet{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:11px 0 9px;font-weight:700;color:var(--hl);text-decoration:none;border-bottom:4px solid var(--hl);transition:color .18s ease,border-color .18s ease,gap .18s ease}
.pb-quiet:hover{color:var(--fg);border-color:var(--fg);gap:14px}
.pb-quiet:focus-visible{outline:3px solid var(--hl);outline-offset:5px;color:var(--fg)}
.pb-quiet__ic{flex:none}

/* ---------- header ---------- */
.pb-head{position:sticky;top:0;z-index:30;background:var(--bg)}
.pb-head__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}
.pb-head__mark{display:inline-flex;align-items:center;gap:11px;min-height:48px;font-size:1.2rem;font-weight:700;letter-spacing:-.03em;text-decoration:none}
.pb-head__mark:focus-visible{outline:3px solid var(--hl);outline-offset:4px}
.pb-head__sign{flex:none;width:22px;height:22px;background:var(--hl);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.pb-head__part{color:var(--hl)}
.pb-head__toggle{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;color:var(--fg);background:var(--tint);border:0;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.pb-head__toggle:hover{color:#fff;background:var(--hl)}
.pb-head__toggle:focus-visible{outline:none;color:#fff;background:var(--hl-dark);box-shadow:inset 0 0 0 3px #fff}
.pb-head__toggle .pb-head__x{display:none}
.pb-head__toggle[aria-expanded="true"] .pb-head__bars{display:none}
.pb-head__toggle[aria-expanded="true"] .pb-head__x{display:block}
.pb-head__nav{display:none;position:absolute;top:100%;left:calc(clamp(20px,5vw,48px) * -1);right:calc(clamp(20px,5vw,48px) * -1);flex-direction:column;padding:4px clamp(20px,5vw,48px) 26px;background:var(--bg)}
.pb-head__nav.is-pb-open{display:flex}
.pb-head__link{display:block;padding:13px 0;font-size:1.05rem;font-weight:500;color:var(--dim);text-decoration:none;transition:color .18s ease}
.pb-head__link:hover{color:var(--fg)}
.pb-head__link:focus-visible{outline:3px solid var(--hl);outline-offset:3px;color:var(--fg)}
@media(min-width:900px){
  .pb-head__toggle{display:none}
  .pb-head__nav{display:flex;position:static;flex-direction:row;align-items:center;gap:clamp(14px,2.4vw,30px);padding:0}
  .pb-head__link{padding:13px 2px;font-size:.98rem}
}

/* ---------- hero ---------- */
.pb-lead{padding-block:clamp(48px,8vw,92px) clamp(44px,6vw,72px);text-align:center}
.pb-lead__over{display:block;margin-bottom:22px;font-size:clamp(.75rem,2.5vw,.86rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hl)}
.pb-lead__title{max-width:16em;margin-inline:auto;font-size:clamp(1.95rem,6.1vw,3.75rem)}
.pb-lead__text{max-width:40em;margin:26px auto 0;font-size:clamp(1.06rem,1.9vw,1.2rem);font-weight:500;color:var(--ink);line-height:1.66}
.pb-lead__text--body{font-weight:400;font-size:1.0625rem;color:var(--fg);line-height:1.78}
.pb-lead__text--soft{font-weight:400;font-size:1rem;color:var(--dim);line-height:1.8}
.pb-lead__act{margin-top:34px}
.pb-lead__show{margin-top:38px}
.pb-lead__showcap{font-size:.8rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}
.pb-lead__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px}
.pb-lead__icon{display:block;width:64px;height:64px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}
.pb-lead__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.pb-lead__chip{padding:9px 17px;font-size:.9rem;font-weight:500;color:var(--dim);background:var(--tint);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}

/* ---------- catalogue ---------- */
.pb-page__set{padding-bottom:var(--gap)}
.pb-page__head{max-width:44em;margin-bottom:clamp(38px,5vw,58px)}
.pb-page__label{margin-bottom:14px;font-size:.86rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hl)}
.pb-page__title{font-size:clamp(1.75rem,3.6vw,2.6rem)}
.pb-page__intro{max-width:42em;margin-top:20px;font-size:1.06rem;color:var(--dim);line-height:1.8}
.pb-page__list{display:flex;flex-direction:column;gap:clamp(56px,8vw,104px)}

.pb-entry{display:grid;gap:clamp(24px,3.4vw,42px)}
.pb-entry__top{display:flex;align-items:center;gap:clamp(14px,2vw,22px)}
.pb-entry__no{flex:none;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1;color:var(--hl);letter-spacing:-.04em}
.pb-entry__icon{flex:none;width:56px;height:56px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.pb-entry__tag{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.pb-entry__title{margin-top:5px;font-size:clamp(1.35rem,2.7vw,1.9rem)}
.pb-entry__dev{margin-top:6px;font-size:.98rem;color:var(--dim)}
.pb-entry__media{display:flex;flex-direction:column;gap:14px}
.pb-entry__shot{display:block;width:100%;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.pb-entry__cap{font-size:.88rem;color:var(--dim);line-height:1.6}
.pb-entry__body{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.pb-entry__score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pb-entry__stars{position:relative;display:inline-block;flex:none;height:20px;line-height:0}
.pb-entry__stars svg{flex:none;display:block}
.pb-entry__stars-off{display:flex;color:#d3d6dc}
.pb-entry__stars-on{position:absolute;left:0;top:0;display:flex;overflow:hidden;color:var(--hl)}
.pb-entry__stars-on--h47{width:94%}
.pb-entry__stars-on--h46{width:92%}
.pb-entry__stars-on--h42{width:84%}
.pb-entry__grade{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}
.pb-entry__from{font-size:.94rem;color:var(--dim)}
.pb-entry__text{font-size:1.0625rem;line-height:1.82}
.pb-entry__text--open{font-weight:500;color:var(--ink)}
.pb-entry__specs{display:grid;grid-template-columns:1fr;gap:10px 26px;width:100%;padding:24px;background:var(--tint);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.pb-entry__spec{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px}
.pb-entry__key{font-size:.94rem;color:var(--dim)}
.pb-entry__val{font-size:.96rem;font-weight:700;text-align:right}
@media(min-width:640px){.pb-entry__specs{grid-template-columns:1fr 1fr}}
@media(min-width:960px){
  .pb-entry{grid-template-columns:340px minmax(0,1fr);grid-template-areas:"top top" "media body";column-gap:clamp(36px,4.4vw,64px)}
  .pb-entry__top{grid-area:top}
  .pb-entry__media{grid-area:media}
  .pb-entry__body{grid-area:body}
  .pb-entry--flip{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"top top" "body media"}
}

/* ---------- comparison sheet ---------- */
.pb-page__sheet{padding-bottom:var(--gap)}
.pb-sheetgrid__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pb-sheetgrid__scroll:focus-visible{outline:3px solid var(--hl);outline-offset:4px}
.pb-sheetgrid{width:100%;min-width:770px;border-collapse:collapse;text-align:left}
.pb-sheetgrid__cap{position:sticky;left:0;width:calc(100vw - 2 * clamp(20px,5vw,48px));max-width:100%;margin-bottom:22px;font-size:1rem;color:var(--dim);line-height:1.7;text-align:left;caption-side:top}
.pb-sheetgrid th,.pb-sheetgrid td{padding:16px 20px;vertical-align:top}
.pb-sheetgrid thead th{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--line)}
.pb-sheetgrid tbody th{width:23%;font-size:1.02rem;font-weight:700;line-height:1.4}
.pb-sheetgrid tbody td{font-size:.98rem;color:var(--dim);line-height:1.6}
.pb-sheetgrid tbody tr:nth-child(odd) th,.pb-sheetgrid tbody tr:nth-child(odd) td{background:#f4f4f6}
.pb-sheetgrid__mark{display:inline-flex;align-items:center;gap:9px;color:var(--fg)}
.pb-sheetgrid__mark svg{flex:none;color:var(--hl)}
.pb-sheetgrid tbody td:nth-child(4){white-space:nowrap}
.pb-sheetgrid__num{font-size:1.06rem;font-weight:700;color:var(--fg)}
.pb-sheetgrid__note{max-width:44em;margin-top:26px;font-size:1rem;color:var(--dim);line-height:1.8}

/* ---------- questions ---------- */
.pb-asked{padding-bottom:var(--gap);background:var(--bg)}
.pb-asked__list{display:flex;flex-direction:column;gap:12px;width:100%;margin:0;padding:0}
.pb-asked__item{width:100%}
.pb-asked__head{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal}
.pb-asked__q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:66px;padding:17px clamp(18px,2.4vw,26px);font-family:inherit;font-size:clamp(1rem,1.8vw,1.12rem);font-weight:700;line-height:1.46;letter-spacing:-.01em;text-align:left;color:var(--fg);background:var(--tint);border:0;cursor:pointer;clip-path:var(--shape);transition:background .18s ease,color .18s ease}
.pb-asked__q:hover{background:#e8e9ec}
.pb-asked__q[aria-expanded="true"]{background:#e8e9ec}
.pb-asked__q:focus-visible{outline:none;color:#fff;background:var(--hl-dark);box-shadow:inset 0 0 0 3px #fff}
.pb-asked__label{flex:1 1 auto;min-width:0}
.pb-asked__sign{flex:none;color:var(--hl);transition:transform .2s ease}
.pb-asked__q:focus-visible .pb-asked__sign{color:currentColor}
.pb-asked__q[aria-expanded="true"] .pb-asked__sign{transform:rotate(180deg)}
.pb-asked__body{overflow:hidden;transition:height .24s ease}
.pb-asked__text{max-width:44em;padding:20px clamp(18px,2.4vw,26px) 8px;font-size:1.0425rem;color:var(--dim);line-height:1.82}

/* ---------- footer + contact ---------- */
.pb-end{padding-block:clamp(48px,6vw,76px) 44px;background:#fff}
.pb-reach{display:grid;gap:26px;padding-bottom:clamp(42px,5vw,60px)}
.pb-reach__title{font-size:clamp(1.5rem,3vw,2.1rem)}
.pb-reach__text{max-width:38em;margin-top:16px;color:var(--dim);line-height:1.8}
.pb-reach__act{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pb-reach__hint{font-size:.92rem;color:var(--dim)}
@media(min-width:900px){.pb-reach{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;column-gap:56px}}
.pb-end__grid{display:grid;gap:34px}
@media(min-width:700px){.pb-end__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pb-end__label{margin-bottom:8px;font-size:.8rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}
.pb-end__link{display:inline-block;padding:11px 0;font-size:1rem;font-weight:500;text-decoration:none;color:var(--fg);transition:color .18s ease}
.pb-end__link:hover{color:var(--hl)}
.pb-end__link:focus-visible{outline:3px solid var(--hl);outline-offset:3px}
.pb-end__mail{display:inline-block;padding:11px 0;font-weight:700;color:var(--hl);text-decoration:none;border-bottom:4px solid var(--hl)}
.pb-end__mail:hover{color:var(--fg);border-color:var(--fg)}
.pb-end__mail:focus-visible{outline:3px solid var(--hl);outline-offset:5px}
.pb-end__base{margin-top:38px;display:grid;gap:14px}
.pb-end__fine{max-width:52em;font-size:.9rem;color:var(--dim);line-height:1.7}
.pb-end__copy{font-size:.92rem;color:var(--dim)}

/* ---------- cookie hint + top ---------- */
.pb-hint{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:none;padding:22px;background:var(--tint);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.pb-hint.is-pb-open{display:block}
.pb-hint__box{display:grid;gap:18px;width:100%;max-width:var(--wrap);margin-inline:auto}
.pb-hint__text{font-size:.92rem;color:var(--dim);line-height:1.58}
.pb-hint__acts{display:flex;flex-wrap:wrap;gap:12px}
.pb-hint .pb-go{min-height:48px;padding:12px 24px;font-size:.95rem}
.pb-hint__deny{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--fg);background:#e3e5e9;border:0;cursor:pointer;clip-path:var(--shape);transition:background .18s ease,color .18s ease}
.pb-hint__deny:hover{background:var(--fg);color:#fff}
.pb-hint__deny:focus-visible{outline:none;background:var(--fg);color:#fff;box-shadow:inset 0 0 0 3px #fff}
@media(min-width:840px){.pb-hint__box{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px}}

.pb-top{position:fixed;right:16px;bottom:16px;z-index:35;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;color:#fff;background:var(--hl);border:0;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);clip-path:var(--shape);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .18s ease}
.pb-top.is-pb-on{opacity:1;visibility:visible;transform:translateY(0)}
.pb-top:hover{background:var(--hl-deep)}
.pb-top:focus-visible{outline:none;background:var(--hl-dark);box-shadow:inset 0 0 0 3px #fff}
body.is-pb-hinted .pb-top{bottom:186px}
@media(min-width:840px){body.is-pb-hinted .pb-top{bottom:128px}}

/* ---------- legal pages ---------- */
.pb-page__doc{padding-block:clamp(40px,6vw,72px) var(--gap)}
.pb-page__docwrap{max-width:46em}
.pb-page__stamp{margin-top:18px;font-size:.94rem;color:var(--dim)}
.pb-page__sec{margin-top:clamp(34px,4vw,48px)}
.pb-page__title--doc{font-size:clamp(2rem,4.6vw,3.1rem)}
.pb-page__sub{font-size:clamp(1.18rem,2.2vw,1.45rem)}
.pb-page__par{margin-top:14px;line-height:1.82}
.pb-page__points{margin-top:16px;display:grid;gap:10px}
.pb-page__point{position:relative;padding-left:26px;line-height:1.75}
.pb-page__point::before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;background:var(--hl);clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px))}
.pb-page__back{margin-top:clamp(38px,5vw,54px)}
.pb-page__lost{padding-block:clamp(64px,10vw,128px) var(--gap);text-align:center}
.pb-page__code{font-size:clamp(3rem,10vw,5.5rem);font-weight:700;line-height:1;color:var(--hl);letter-spacing:-.05em}
.pb-page__lost .pb-page__title{margin-top:20px}
.pb-page__lost .pb-page__par{max-width:36em;margin-inline:auto;color:var(--dim)}
.pb-page__lost .pb-go{margin-top:32px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
