.connectPage{--navy:#0e3a4c;--navy2:#1b4d63;--gold:#f5b530;--paper:#fbfaf7;--surface:#fff;--border:#e8e5df;--hair:rgba(15,23,42,.06);--muted:#6b7280;--ink:#2a3340;--inkd:#0b0f14;--green:#5fb85c;--greend:#3f8a3c;--greenwell:#ecf6eb;--amberbg:#fbefd8;--amberfg:#c4861e;--eidsoft:#fdf5e1;--shadow-sm:0 2px 8px rgba(15,23,42,.06);--shadow-md:0 18px 40px rgba(14,58,76,.12),0 4px 12px rgba(14,58,76,.06);--maxw:1140px;font-family:var(--font-inter),"Inter",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}.connectPage a{color:inherit;text-decoration:none}.connectPage svg{display:block}.connectPage .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(24px,5vw,56px);width:100%}.connectPage header{position:sticky;top:0;z-index:50;background:hsla(35,60%,96%,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}.connectPage .nav{display:flex;align-items:center;gap:20px;height:66px}.connectPage .brand{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:22px;letter-spacing:-1px;color:var(--navy)}.connectPage .brand i{color:var(--gold);font-style:normal}.connectPage .brand .ar{font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic",sans-serif;font-size:20px;font-weight:700}.connectPage .navlinks{display:flex;gap:26px;margin-inline-start:auto;align-items:center}.connectPage .navlinks a{font-size:14.5px;font-weight:500;color:var(--ink);opacity:.8}.connectPage .navlinks a:hover{opacity:1;color:var(--navy)}.connectPage .langbtn{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer}.connectPage .langbtn:hover{border-color:var(--navy)}.connectPage .btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font:inherit;font-weight:600;border-radius:999px;transition:.15s;white-space:nowrap}.connectPage .btn-primary{background:var(--navy);color:#fff;padding:12px 22px;font-size:15px}.connectPage .btn-primary:hover{background:var(--navy2)}.connectPage .btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--border);padding:11px 20px;font-size:15px}.connectPage .btn-ghost:hover{border-color:var(--navy)}.connectPage .hero{margin-top:-66px;position:relative;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(120% 82% at 50% -12%,rgba(245,181,48,.2),rgba(245,181,48,0) 54%),radial-gradient(80% 55% at 86% 6%,rgba(95,184,92,.1),rgba(95,184,92,0) 60%),linear-gradient(168deg,#0e3a4c,#0b2d3b 50%,#07212b)}.connectPage .hero-noon{position:absolute;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic",sans-serif;font-weight:700;line-height:1;white-space:nowrap;font-size:clamp(260px,40vw,520px);color:#fff;opacity:.045;bottom:-.16em;right:-.03em}.connectPage .hero-inner{position:relative;z-index:2;max-width:820px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;padding-top:clamp(104px,16vh,168px);padding-bottom:clamp(92px,14vh,150px)}.connectPage .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(245,181,48,.5);background:rgba(245,181,48,.08);border-radius:999px;padding:6px 14px;margin-bottom:24px}.connectPage .eyebrow b{width:6px;height:6px;border-radius:50%;background:var(--gold)}.connectPage .eyebrow span{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#f8d89b}.connectPage h1.display{font-size:clamp(42px,6.2vw,72px);line-height:1.03;letter-spacing:-2px;color:#fff;font-weight:800}.connectPage .hero .ar-sub{margin-top:14px;font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic",sans-serif;font-size:clamp(18px,2.4vw,24px);font-weight:600;color:var(--gold);direction:rtl}.connectPage .hero p.sub{margin:22px auto 0;font-size:clamp(17px,2.1vw,20px);line-height:1.6;color:hsla(45,33%,98%,.78);max-width:38em}.connectPage .urlpill{display:inline-flex;align-items:center;gap:12px;margin-top:34px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.18);border-radius:999px;padding:8px 8px 8px 20px;max-width:100%}.connectPage .urlpill code{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:clamp(14px,1.8vw,16px);font-weight:600;color:#fff;letter-spacing:.2px;overflow-x:auto;white-space:nowrap}.connectPage .urlpill .copybtn{display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;font:inherit;font-weight:700;font-size:13px;color:var(--inkd);background:var(--gold);border-radius:999px;padding:9px 16px;transition:.15s;white-space:nowrap}.connectPage .urlpill .copybtn:hover{background:#ffc65a}.connectPage .urlpill .copybtn.copied{background:var(--green);color:#fff}.connectPage .freetag{display:inline-flex;align-items:center;gap:7px;margin-top:22px;border:1px solid rgba(95,184,92,.5);background:rgba(95,184,92,.12);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;letter-spacing:.4px;color:#b6e6b3}.connectPage .freetag b{width:6px;height:6px;border-radius:50%;background:var(--green)}.connectPage section{padding:84px 0}.connectPage .sec-head{max-width:680px;margin:0 auto 52px;text-align:center}.connectPage .sec-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--gold);text-transform:uppercase}.connectPage h2{font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.8px;color:var(--inkd);font-weight:800;margin-top:12px}.connectPage .sec-head p{margin-top:16px;font-size:17px;line-height:1.6;color:var(--ink);opacity:.82}.connectPage .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.connectPage .step{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--shadow-sm)}.connectPage .step .num{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.connectPage .step h3{font-size:18px;font-weight:700;color:var(--inkd);margin-top:16px}.connectPage .step p{font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.55}.connectPage .grid18{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.connectPage .grid18.two{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}.connectPage .fcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm)}.connectPage .fcard .ic{width:42px;height:42px;border-radius:12px;background:#e6eef1;display:flex;align-items:center;justify-content:center;margin-bottom:13px}.connectPage .fcard .ic svg{stroke:var(--navy)}.connectPage .fcard.write .ic{background:var(--amberbg)}.connectPage .fcard.write .ic svg{stroke:var(--amberfg)}.connectPage .fcard h4{font-size:16px;font-weight:700;color:var(--inkd)}.connectPage .fcard p{font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.5}.connectPage .toolgroup-label{display:flex;align-items:center;gap:10px;margin:44px 0 18px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.connectPage .toolgroup-label:after{content:"";flex:1;height:1px;background:var(--border)}.connectPage .toolgroup-label.perm{color:var(--amberfg)}.connectPage .permtag{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:var(--amberbg);color:var(--amberfg);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.3px}.connectPage .toolkey{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin:26px 0 22px;font-size:13px;font-weight:600;color:var(--muted)}.connectPage .toolkey-item{display:inline-flex;align-items:center;gap:8px}.connectPage .kdot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.connectPage .kread{background:var(--navy)}.connectPage .kwrite{background:var(--amberfg)}.connectPage .fcard.tool-read{border-top:2px solid var(--navy)}.connectPage .fcard.tool-write{border-top:2px solid var(--amberfg)}.connectPage .safegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.connectPage .safecard{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}.connectPage .safecard .check{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--greenwell);display:flex;align-items:center;justify-content:center;margin-top:1px}.connectPage .safecard .check svg{stroke:var(--greend)}.connectPage .safecard h4{font-size:15px;font-weight:700;color:var(--inkd)}.connectPage .safecard p{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.5}.connectPage .band-surface{background:var(--surface);border-block:1px solid var(--hair)}.connectPage footer{border-top:1px solid var(--border);padding:48px 0 60px;margin-top:30px}.connectPage .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}.connectPage .foot .cols{display:flex;gap:60px;flex-wrap:wrap}.connectPage .foot h5{font-size:12px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:12px;font-weight:700}.connectPage .foot a{display:block;font-size:14px;color:var(--ink);opacity:.8;margin-bottom:9px}.connectPage .foot a:hover{color:var(--navy)}.connectPage .copyright{margin-top:34px;font-size:13px;color:var(--muted)}@media (max-width:900px){.connectPage .steps{grid-template-columns:1fr}.connectPage .grid18,.connectPage .safegrid{grid-template-columns:1fr 1fr}.connectPage .navlinks{gap:16px}}@media (max-width:560px){.connectPage .grid18,.connectPage .grid18.two,.connectPage .safegrid{grid-template-columns:1fr}.connectPage section{padding:60px 0}}.connectPage[dir=rtl]{font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic","Inter",sans-serif}.connectPage[dir=rtl] h1.display{letter-spacing:0;line-height:1.22}.connectPage[dir=rtl] h2{letter-spacing:0;line-height:1.3}.connectPage[dir=rtl] .eyebrow span,.connectPage[dir=rtl] .foot h5,.connectPage[dir=rtl] .freetag,.connectPage[dir=rtl] .permtag,.connectPage[dir=rtl] .sec-eyebrow,.connectPage[dir=rtl] .toolgroup-label{letter-spacing:0}.connectPage[dir=rtl] .hero-noon{right:auto;left:-.03em}.connectPage[dir=rtl] .foot{text-align:right}.connectPage .nowrap-ltr{direction:ltr;unicode-bidi:isolate;white-space:nowrap}