:root{
  --navy:#062a63;
  --navy-2:#031d46;
  --blue:#0f5bd8;
  --blue-soft:#eef6ff;
  --gold:#ffd166;
  --gold-2:#f6b83f;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#e5eaf2;
  --bg:#f7fbff;
  --white:#ffffff;
  --radius:22px;
  --shadow:0 18px 50px rgba(6,42,99,.10);
  --shadow-soft:0 8px 24px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.8)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);letter-spacing:-.03em}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto}
.brand-text{font-size:1.45rem}
.nav-menu{display:flex;align-items:center;gap:30px;font-size:.94rem;font-weight:600;color:#24324b}
.nav-menu a{padding:10px 0;transition:.2s ease}
.nav-menu a:hover,.nav-menu a.active{color:var(--blue)}
.nav-cta{background:var(--navy)!important;color:#fff!important;padding:12px 18px!important;border-radius:12px;box-shadow:0 10px 22px rgba(6,42,99,.18)}
.nav-cta span{margin-left:4px}
.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.nav-toggle span{width:22px;height:2px;background:var(--navy);border-radius:999px;transition:.2s ease}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%, rgba(32,118,255,.35), transparent 28%),linear-gradient(135deg,var(--navy-2),#063b88 62%,#0a58ca);color:#fff}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);opacity:.35}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;min-height:460px;padding:70px 0}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:800;letter-spacing:.08em;font-size:.84rem;text-transform:uppercase;margin-bottom:14px}
.kicker::after{content:"";width:52px;height:2px;background:var(--gold);border-radius:999px}
.hero h1{font-size:clamp(2.55rem,5vw,5rem);line-height:.98;letter-spacing:-.07em;margin:0 0 22px}
.hero h1 span{display:block;color:var(--gold)}
.hero p{max-width:580px;color:#dbeafe;font-size:1.06rem;margin:0 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:14px 20px;font-weight:800;font-size:.95rem;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1f2937;box-shadow:0 15px 30px rgba(246,184,63,.24)}
.btn-outline{border-color:rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.06)}
.btn-dark{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(6,42,99,.18)}
.btn:hover{transform:translateY(-1px)}
.hero-art{position:relative;min-height:360px;display:grid;place-items:center}
.laptop{position:relative;width:min(520px,100%);height:310px;border-radius:26px;background:linear-gradient(135deg,#cfe2ff,#ffffff 52%,#a8c7f4);box-shadow:0 30px 80px rgba(0,0,0,.28);transform:perspective(800px) rotateX(3deg) rotateY(-8deg)}
.laptop::before{content:"";position:absolute;inset:18px 28px 72px;border-radius:18px;background:linear-gradient(135deg,#071d42,#0f3777);box-shadow:inset 0 0 0 6px rgba(255,255,255,.16)}
.laptop::after{content:"";position:absolute;left:80px;right:80px;bottom:34px;height:28px;border-radius:7px;background:repeating-linear-gradient(90deg,#12366e 0 18px,#1d4d99 18px 22px);opacity:.75}
.document{position:absolute;top:48px;left:150px;width:180px;height:220px;border-radius:14px;background:#fff;color:var(--navy);box-shadow:0 22px 50px rgba(0,0,0,.22);padding:24px}
.document strong{display:block;text-align:center;font-size:.9rem;margin-bottom:18px}
.doc-line{height:8px;background:#e5eaf2;border-radius:999px;margin:10px 0}
.doc-line.short{width:68%}
.doc-check{display:flex;align-items:center;gap:9px;margin:10px 0;color:#475569;font-weight:700;font-size:.8rem}
.doc-check span{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;border:2px solid #1d4ed8;color:#1d4ed8;font-size:.75rem}
.legal-shield{position:absolute;right:24px;bottom:36px;width:142px;height:160px;border-radius:32px 32px 54px 54px;background:linear-gradient(135deg,#ffd166,#bf7e1f);padding:8px;filter:drop-shadow(0 22px 26px rgba(0,0,0,.25))}
.legal-shield-inner{height:100%;border-radius:26px 26px 46px 46px;background:linear-gradient(145deg,#09306d,#0d54b4);display:grid;place-items:center;color:var(--gold);font-size:64px;font-weight:800}
.float-card{position:absolute;background:rgba(255,255,255,.92);color:var(--navy);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px rgba(0,0,0,.18);font-weight:800;font-size:.82rem;text-align:center;min-width:100px}
.float-card small{display:block;color:#334155;font-weight:700;line-height:1.2;margin-top:4px}
.float-card.lock{left:18px;top:22px}.float-card.building{right:0;top:42px}.float-card.verified{right:10px;bottom:-4px}.float-card.list{left:0;bottom:68px;text-align:left}.float-card.list div{display:flex;align-items:center;gap:8px;margin:5px 0;color:#334155;font-size:.78rem}.float-card.list b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#0f5bd8;color:#fff;font-size:.65rem}
.trust-strip{padding:30px 0 16px;background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trust-card,.doc-card,.service-card,.partner-card,.info-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}
.trust-card{display:flex;gap:14px;padding:20px;align-items:flex-start}
.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--blue-soft);color:var(--navy);flex:0 0 auto}
.icon-box svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.trust-card h3,.doc-card h3,.service-card h3,.partner-card h3{margin:0 0 6px;color:var(--navy);line-height:1.2;letter-spacing:-.02em}
.trust-card p,.doc-card p,.service-card p,.partner-card p,.info-panel p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.55}
.section{padding:18px 0}
.section-box{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:26px}
.section-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.section-heading h2{font-size:clamp(1.55rem,3vw,2rem);margin:0;color:var(--navy);letter-spacing:-.045em;line-height:1.15}
.section-heading p{margin:4px 0 0;color:var(--muted)}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.doc-card{padding:24px;display:flex;gap:18px;min-height:180px;transition:.2s ease}
.doc-card:hover,.service-card:hover,.partner-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:#0f5bd8;font-weight:800;font-size:.9rem}
.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.service-card{text-align:center;padding:26px 14px;display:flex;flex-direction:column;align-items:center}
.service-card .icon-box{width:60px;height:60px;margin-bottom:14px;background:#f6f9ff}
.service-card h3{font-size:1rem}
.service-card p{font-size:.82rem;min-height:58px}
.statement{padding:0 0 18px}
.info-panel{display:flex;align-items:flex-start;gap:22px;padding:26px;background:linear-gradient(135deg,#ffffff,#eef6ff)}
.info-panel .big-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f5bd8,#062a63);color:#fff;flex:0 0 auto}
.info-panel h2{margin:0 0 8px;color:var(--navy);letter-spacing:-.04em}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.partner-card{display:flex;gap:16px;padding:22px}
.contact-panel{margin:18px 0 10px;background:linear-gradient(135deg,#ffffff,#eaf5ff);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.contact-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);box-shadow:var(--shadow-soft)}
.contact-panel h2{margin:0 0 5px;color:var(--navy);letter-spacing:-.04em}.contact-panel p{margin:0;color:var(--muted)}
.contact-list{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px}.contact-list a{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:#1e293b}
.site-footer{background:linear-gradient(135deg,#031d46,#062a63);color:#dbeafe;margin-top:32px;padding-top:42px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-brand .brand-text,.footer-brand-link{color:#fff}.footer-brand p{color:#bfdbfe;margin:14px 0 18px;max-width:330px}.socials{display:flex;gap:10px}.socials span{width:30px;height:30px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;font-size:.72rem;text-transform:uppercase}
.footer-col h3{margin:0 0 14px;color:#fff;font-size:1rem}.footer-col a{display:block;color:#dbeafe;margin:8px 0;font-size:.92rem}.footer-col a:hover{color:var(--gold)}.footer-bottom{text-align:center;padding:18px 0;color:#bfdbfe;font-size:.9rem}
.page-hero{background:linear-gradient(135deg,#062a63,#0f5bd8);color:#fff;padding:70px 0 56px;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08)}.page-hero .container{position:relative;z-index:1}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#bfdbfe;font-size:.9rem;margin-bottom:14px}.breadcrumbs a{color:#fff;font-weight:700}.page-hero h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1;letter-spacing:-.065em;margin:0 0 16px}.page-hero p{max-width:760px;margin:0;color:#dbeafe;font-size:1.06rem}.content-wrap{display:grid;grid-template-columns:280px 1fr;gap:26px;padding:34px 0}.sidebar-card{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);padding:18px}.sidebar-card h3{margin:0 0 12px;color:var(--navy)}.side-link{display:block;padding:10px 12px;border-radius:12px;color:#334155;font-weight:700;font-size:.9rem}.side-link:hover,.side-link.active{background:var(--blue-soft);color:var(--blue)}.legal-article{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:34px}.legal-article h2{color:var(--navy);letter-spacing:-.025em;margin:26px 0 10px}.legal-article h2:first-child{margin-top:0}.legal-article p,.legal-article li{color:#475569}.legal-article ul{padding-left:22px}.article-note{margin-top:28px;padding:18px;border-radius:16px;background:#fff8e5;border:1px solid #ffe3a3;color:#684412}.not-found{padding:90px 0;text-align:center}.not-found h1{font-size:clamp(2rem,5vw,4rem);color:var(--navy);letter-spacing:-.05em}
@media (max-width:1050px){.hero-inner{grid-template-columns:1fr;padding:52px 0}.hero-art{min-height:330px}.trust-grid{grid-template-columns:repeat(2,1fr)}.doc-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.contact-panel{grid-template-columns:1fr}.content-wrap{grid-template-columns:1fr}.sidebar-card{position:static}}
@media (max-width:760px){.container{width:min(100% - 28px,1180px)}.header-inner{height:68px}.brand-text{font-size:1.2rem}.nav-toggle{display:flex}.nav-menu{position:fixed;left:14px;right:14px;top:76px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;display:none;flex-direction:column;align-items:stretch;gap:6px}.nav-menu.open{display:flex}.nav-menu a{padding:12px 14px;border-radius:12px}.nav-cta{text-align:center}.hero-inner{padding:42px 0 36px;gap:18px}.hero h1{font-size:2.75rem}.hero p{font-size:.98rem}.hero-actions .btn{width:100%}.hero-art{min-height:290px;transform:scale(.88);margin:-18px 0 -24px}.trust-grid,.doc-grid,.partner-grid{grid-template-columns:1fr}.trust-card,.doc-card,.partner-card{padding:18px}.section-box{padding:18px}.section-heading{align-items:flex-start}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:20px 10px}.service-card p{min-height:auto}.info-panel{display:block}.info-panel .big-icon{margin-bottom:16px}.contact-panel{padding:20px}.contact-list{display:grid;gap:10px}.footer-grid{grid-template-columns:1fr;gap:24px}.page-hero{padding:50px 0 40px}.legal-article{padding:22px}.float-card{display:none}.document{left:50%;transform:translateX(-50%)}.legal-shield{right:28px;bottom:24px;width:110px;height:125px}.legal-shield-inner{font-size:48px}.laptop{height:280px}}
@media (max-width:420px){.service-grid{grid-template-columns:1fr}.hero h1{font-size:2.35rem}.laptop{width:360px}.document{width:155px;height:195px;padding:18px}.doc-line{height:7px}.legal-shield{right:0}.section-heading .icon-box{display:none}}


/* migrated old legal content */
.migrated-legal-content .updated{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:12px 15px;border-radius:16px;
  background:#eaf5ff;border:1px solid var(--line);color:var(--navy);font-weight:800;font-size:.92rem;
}
.migrated-legal-content .section{padding:22px 0;border-bottom:1px solid #e5eefb}
.migrated-legal-content .section:last-child{border-bottom:0;padding-bottom:0}
.migrated-legal-content .note-box,
.migrated-legal-content .success-box,
.migrated-legal-content .warning-box,
.migrated-legal-content .danger-box,
.migrated-legal-content .contact-box{
  margin:16px 0;padding:18px;border-radius:18px;border:1px solid var(--line);background:#f8fbff;
}
.migrated-legal-content .note-box{background:linear-gradient(135deg,#eef7ff,#fff)}
.migrated-legal-content .success-box{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#bbf7d0}
.migrated-legal-content .warning-box{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa}
.migrated-legal-content .danger-box{background:linear-gradient(135deg,#fff1f2,#fff);border-color:#fecdd3}
.migrated-legal-content .contact-box{background:linear-gradient(135deg,#071f3d,#0a376c);border-color:rgba(147,197,253,.22);color:#fff}
.migrated-legal-content .contact-box p,
.migrated-legal-content .contact-box li{color:rgba(255,255,255,.86)}
.migrated-legal-content .contact-box strong{color:#fff}
.migrated-legal-content .contact-box a{color:#93c5fd}
.migrated-legal-content .warning-box p{color:#7c2d12}
.migrated-legal-content .danger-box p{color:#881337}
.migrated-legal-content .success-box li{color:#14532d}
.migrated-legal-content a{font-weight:800}
@media(max-width:760px){
  .migrated-legal-content .updated{display:flex;width:100%;font-size:.86rem}
  .migrated-legal-content .section{padding:18px 0}
}
