:root{--blue:#0759c5;--navy:#11294f;--green:#258127;--muted:#6b7280;--line:#e8edf3;--orange:#ef7828;--purple:#8550db}
*{box-sizing:border-box}
body{margin:0;color:var(--navy);font-family:Inter,"Segoe UI",Arial,sans-serif;background:#fff}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid #86baff;outline-offset:5px}
button{border:0}
button[hidden],[hidden]{display:none!important}
.button{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:5px;font-size:12px;min-height:36px;padding:9px 15px;font-weight:650;border:1px solid transparent;transition:transform .18s,box-shadow .18s}
.button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #123b6420}
.button.small{min-width:70px;min-height:35px;font-size:12px}
.button-blue{background:linear-gradient(110deg,#0864d5,#034da9);color:white}
.button-outline{background:#fff;border-color:#a5c8ff;color:var(--blue)}
.button-green{background:linear-gradient(110deg,#268b28,#237e20);color:white}
.button-green-outline{background:#fff;border-color:#b2d6ab;color:#287e2c}
.hero{position:relative;min-height:430px;isolation:isolate;padding:5px 20px 24px;overflow:hidden}
.hero-backdrop{position:absolute;inset:0;z-index:-2;background-image:url('/images/scopiya-hero.png');background-size:cover;background-position:center 45%}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;z-index:-1;background:linear-gradient(transparent,white)}
.hero-content{max-width:660px;margin:auto;text-align:center}
.hero h1{font-size:clamp(36px,3.8vw,56px);line-height:1.03;letter-spacing:-1.8px;margin:0 0 15px;font-weight:750}
.hero h1 span{color:#6da568}
.hero-subtitle{font-size:14px;margin:0 0 36px;color:#50555d}
.path-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:536px;margin:auto}
.path-card{position:relative;background:#ffffffee;border:1px solid #edf2f5;border-radius:13px;box-shadow:0 5px 30px #24415b12;padding:35px 26px 18px}
.card-icon{position:absolute;top:-18px;left:calc(50% - 23px);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:19px;box-shadow:0 0 0 6px #ffffff70}
.blue{background:var(--blue);color:#fff}
.green{background:var(--green);color:#fff}
.path-card h2{font-size:23px;margin:7px 0 10px;color:var(--blue)}
.services-card h2{color:var(--green)}
.path-card p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 17px}
.path-card .button+.button{margin-top:8px}
.one-account{display:flex;align-items:center;justify-content:center;text-align:left;gap:13px;margin:22px 0 0}
.account-icon{border:1px solid #d4e2f7;color:var(--blue);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#ffffffe8}
.one-account strong{font-size:12px}
.one-account p{font-size:10px;color:var(--muted);margin:4px 0}
.hero-note{position:absolute;top:138px;background:#ffffffed;box-shadow:0 4px 20px #263d4410;border-radius:8px;padding:11px;display:flex;gap:9px;align-items:center}
.job-note{left:2.5%}
.service-note{right:2.5%}
.mini-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px}
.hero-note strong{display:block;font-size:10px;margin-bottom:3px}
.hero-note div>span{font-size:9px;color:var(--muted);line-height:1.5;display:block}
.possibilities{max-width:1110px;margin:0 auto 18px;position:relative;background:white;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 20px;border-radius:15px;box-shadow:0 10px 45px #1d476512;border:1px solid #f2f5f8}
.possibilities>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--line)}
.possibilities>div:last-child{border:0}
.stat-icon{width:48px;height:48px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px;border-color:#dce7f5}
.possibilities p{margin:0;display:grid;gap:5px}
.possibilities strong{font-size:17px;letter-spacing:-.4px}
.possibilities b{font-size:11px;color:#303b4b}
.possibilities small{font-size:9px;color:var(--muted)}
.blue-light{background:#f0f6ff;color:var(--blue)}
.green-light{background:#f1f8ee;color:var(--green)}
.orange-light{background:#fff6ee;color:var(--orange)}
.purple-light{background:#f7f2ff;color:var(--purple)}
.blue-text{color:var(--blue)}
.green-text{color:var(--green)}
.orange-text{color:var(--orange)}
.purple-text{color:var(--purple)}
.categories{max-width:1150px;margin:auto;text-align:center;padding:0 20px 20px}
h2{font-size:17px;margin:16px 0 12px;letter-spacing:-.4px}
.category-tabs{display:inline-flex;border:1px solid #b5d1f5;border-radius:6px;overflow:hidden;margin-bottom:10px}
.category-tabs button{background:#fff;color:var(--blue);min-width:91px;padding:7px 18px;font-size:11px}
.category-tabs button i{margin-right:7px}
.category-tabs button.active{background:var(--blue);color:white}
.category-tabs button[data-filter=services]{color:var(--green)}
.category-tabs button[data-filter=services].active{background:var(--green);color:#fff}
.category-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:5px}
.category-tile{border:1px solid #edf0f4;border-radius:13px;background:#fff;min-height:84px;padding:14px 5px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:box-shadow .18s,transform .18s}
.category-tile i{font-size:22px;color:#77859a}
.category-tile span{font-size:9px;color:#313b4b;white-space:nowrap;font-weight:550}
.service-category i{color:#619959}
.category-tile:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0c315a12;border-color:#c5d9f1}
.category-hint{font-size:12px;color:var(--muted);margin:15px 0 0}
.how-it-works{border:1px solid var(--line);border-radius:16px;max-width:1160px;margin:0 auto;padding:0 30px 23px}
.how-it-works h2{text-align:center;margin:13px 0 24px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.steps article{display:flex;gap:12px;align-items:flex-start;position:relative}
.steps article:not(:last-child):after{content:'⟶';position:absolute;right:-25px;top:14px;font-size:22px;color:#75a2df}
.step-icon{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;flex:0 0 48px;border:1px solid #d8e5f5;font-size:22px}
.steps h3{font-size:10px;margin:2px 0 8px;white-space:nowrap;color:var(--blue)}
.steps h3 span{display:inline-grid;place-items:center;font-size:8px;width:15px;height:15px;border-radius:50%;background:var(--blue);color:white;margin-right:3px}
.steps p{font-size:10px;line-height:1.6;margin:0;color:#505b69;max-width:160px}
.steps article:nth-child(2) h3{color:var(--green)}
.steps article:nth-child(2) h3 span{background:var(--green)}
.steps article:nth-child(3) h3{color:var(--orange)}
.steps article:nth-child(3) h3 span{background:var(--orange)}
.steps article:nth-child(4) h3{color:var(--purple)}
.steps article:nth-child(4) h3 span{background:var(--purple)}
.trust-strip{max-width:710px;margin:-1px auto 24px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f1f6fd;border:1px solid #e0ecfc;border-radius:0 0 8px 8px;font-size:10px}
.trust-strip i{color:#4079d0;font-size:15px;margin-right:8px}
@media(min-width:1500px){.hero-backdrop{background-size:1440px auto;background-repeat:no-repeat}
.hero{min-height:470px;padding-top:25px}}
@media(max-width:1100px){.hero-note{display:none}
.hero-content{max-width:560px}
.possibilities{margin:0 25px 20px;padding:20px 12px}
.stat-icon{width:37px;height:37px;font-size:16px}
.possibilities>div{gap:9px}
.possibilities strong{font-size:13px}
.how-it-works{margin:0 25px;padding:0 18px 20px}
.steps{gap:25px}
.step-icon{width:36px;height:36px;flex-basis:36px;font-size:18px}
.steps h3{font-size:9px}
.steps p{font-size:9px}
.category-tile span{font-size:8px}}
@media(max-width:800px){.hero{padding-top:12px;min-height:440px}
.hero-backdrop{opacity:.25}
.hero h1{font-size:45px}
.hero-subtitle{font-size:12px}
.path-cards{max-width:510px}
.path-card{padding:32px 22px 18px}
.possibilities{grid-template-columns:repeat(2,1fr);gap:20px;padding:22px}
.possibilities>div{justify-content:flex-start;padding-left:12px}
.possibilities>div:nth-child(2){border:0}
.possibilities strong{font-size:15px}
.category-grid{grid-template-columns:repeat(6,1fr)}
.category-tile span{font-size:9px}
.steps{grid-template-columns:repeat(2,1fr);gap:24px}
.steps article:not(:last-child):after{display:none}
.steps h3{font-size:11px}
.steps p{font-size:11px;max-width:210px}
.step-icon{width:42px;height:42px;flex-basis:42px}
.trust-strip{margin:0 40px 20px;flex-wrap:wrap;justify-content:center}
.how-it-works h2{margin:17px 0 22px}}
@media(max-width:480px){.button.small{min-width:53px;padding:7px;font-size:10px}
.hero{padding:17px 14px 20px}
.hero h1{font-size:39px}
.hero-subtitle{max-width:280px;margin:0 auto 35px;line-height:1.6}
.path-cards{gap:10px}
.path-card{padding:30px 12px 14px;border-radius:10px}
.path-card h2{font-size:21px}
.path-card p{font-size:10px;min-height:46px}
.path-card p br{display:none}
.path-card .button{font-size:10px;padding:9px 5px;min-height:37px}
.one-account{gap:9px;margin-top:18px}
.one-account strong{font-size:11px}
.one-account p{font-size:8px;line-height:1.6;max-width:250px}
.account-icon{flex:0 0 34px;width:34px;height:34px}
.possibilities{margin:0 14px 15px;padding:18px 12px;gap:20px 8px}
.possibilities>div{padding:0;gap:8px;border:0}
.stat-icon{width:30px;height:30px;flex:0 0 30px;font-size:13px}
.possibilities strong{font-size:12px}
.possibilities b{font-size:9px}
.possibilities small{font-size:8px}
.categories{padding:0 14px 18px}
.category-grid{grid-template-columns:repeat(3,1fr);gap:7px}
.category-tile{min-height:78px}
.how-it-works{margin:0 14px;padding:0 16px 20px}
.steps{grid-template-columns:1fr;gap:21px}
.steps p{max-width:none}
.steps h3{font-size:12px}
.steps p{font-size:11px}
.trust-strip{margin:0 25px 15px;padding:11px;font-size:9px;gap:13px}
.trust-strip i{font-size:12px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Comfortable reading sizes for the landing page and database category catalogue. */
.scopiya-home .hero-subtitle { font-size:18px; line-height:1.6; }
.scopiya-home .hero { padding-top:24px; padding-bottom:36px; }
.scopiya-home .hero-content { max-width:740px; }
.scopiya-home .path-cards { max-width:650px; }
.scopiya-home .path-card p { font-size:16px; min-height:0; }
.scopiya-home .path-card .button { font-size:16px; min-height:46px; width:100%; }
.scopiya-home .one-account strong { font-size:17px; }
.scopiya-home .one-account p { font-size:15px; max-width:none; }
.scopiya-home .hero-note { display:none; }
.scopiya-home .possibilities { max-width:1160px; margin:16px auto 30px; gap:16px; }
.scopiya-home .possibilities strong { font-size:18px; }
.scopiya-home .possibilities b { font-size:15px; }
.scopiya-home .possibilities small { font-size:14px; }
.scopiya-home .possibilities > div { align-items:flex-start; }
.scopiya-home h2 { font-size:27px; margin:24px 0; }
.scopiya-home .category-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.scopiya-home .category-tile { min-height:118px; padding:18px 12px; }
.scopiya-home .category-tile span { font-size:16px; white-space:normal; line-height:1.5; }
.scopiya-home .category-tile i { font-size:26px; }
.scopiya-home .category-tabs button { font-size:16px; min-height:44px; padding:10px 22px; }
.scopiya-home .category-hint { font-size:16px; }
.scopiya-home .how-it-works { margin-top:30px; }
.scopiya-home .steps h3 { font-size:17px; line-height:1.5; white-space:normal; }
.scopiya-home .steps h3 span { font-size:13px; width:22px; height:22px; }
.scopiya-home .steps p { font-size:15px; max-width:none; }
.scopiya-home .trust-strip { max-width:1000px; font-size:14px; padding:18px; flex-wrap:wrap; }
@media(max-width:1000px) { .scopiya-home .possibilities { grid-template-columns:repeat(2,1fr); margin:16px 20px 30px; } .scopiya-home .steps { grid-template-columns:repeat(2,1fr); } .scopiya-home .steps article:after { display:none; } }
@media(max-width:575px) { .scopiya-home .path-cards { grid-template-columns:1fr; gap:32px; } .scopiya-home .hero h1 { font-size:38px; } .scopiya-home .hero-subtitle { max-width:none; } .scopiya-home .possibilities { grid-template-columns:1fr; } .scopiya-home .possibilities > div { border:0; } .scopiya-home .steps { grid-template-columns:1fr; } .scopiya-home .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .scopiya-home .trust-strip { font-size:14px; } }
.scopiya-home .path-card { display:flex; flex-direction:column; }
.scopiya-home .path-card p { flex:1; }

@media (min-width:576px) and (max-width:1000px) { .scopiya-home .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }