.xh.pg-websites .hfw{position:relative;margin-top:64px}.xh.pg-websites .hw .hfw .hero-fig{margin-top:0}.xh.pg-websites .hfw .n1{left:-26px;top:22%}.xh.pg-websites .hfw .n2{right:-28px;top:12%}.xh.pg-websites .hfw .n3{right:9%;bottom:-24px}.xh.pg-websites .hfw .p1{left:39%;top:48%}.xh.pg-websites .hfw .p2{left:71%;top:56%}.xh.pg-websites .hfw .pin{animation:pp 2.4s ease-in-out infinite}.xh.pg-websites .hfw .p2{animation-delay:1.2s}@keyframes pp{0%,to{box-shadow:0 0 0 5px rgba(92,94,220,.25),0 0 0 12px rgba(92,94,220,.1)}50%{box-shadow:0 0 0 8px rgba(92,94,220,.2),0 0 0 22px rgba(92,94,220,0)}}.xh.pg-websites #get .head-row{margin-bottom:70px}.xh.pg-websites .cmpsec{background:linear-gradient(180deg,var(--paper),#eceef8 60%,var(--paper))}.xh.pg-websites .cmp{position:relative;height:600px;border-radius:30px;overflow:hidden;background:#dfe1ec;box-shadow:0 70px 120px -60px rgba(20,22,70,.6),0 0 0 1px rgba(15,16,24,.06);--p:50%;user-select:none;touch-action:pan-y}.xh.pg-websites .cmp-pane{position:absolute;inset:0;padding:34px}.xh.pg-websites .cmp-pane.old{background:#cfd1d8}.xh.pg-websites .cmp-pane.new{background:linear-gradient(135deg,#e9e9ff,#f6f6fb);clip-path:inset(0 0 0 var(--p))}.xh.pg-websites .bw{height:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(20,22,70,.45);display:flex;flex-direction:column}.xh.pg-websites .bw-bar{height:38px;flex:none;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f0f1f5;border-bottom:1px solid #e1e3ea}.xh.pg-websites .bw-bar i{width:10px;height:10px;border-radius:50%;background:#d5d7df}.xh.pg-websites .bw-bar span{margin-left:12px;font:500 11.5px var(--font-jetbrains-mono),monospace;color:#8a8ea6;background:#fff;border-radius:8px;padding:5px 12px}.xh.pg-websites .o-body{flex:1;background:#f4f1e6;font-family:Times New Roman,Times,serif;color:#222;padding:18px 22px;overflow:hidden}.xh.pg-websites .o-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px double #556;padding-bottom:8px}.xh.pg-websites .o-top b{font-size:28px;color:#24347a;letter-spacing:.02em}.xh.pg-websites .o-top span{font-size:12px;color:#22c;text-decoration:underline}.xh.pg-websites .o-banner{margin-top:14px;background:#ffef6b;color:#a00;font-weight:700;font-size:15px;padding:8px 10px;border:1px dashed #a00}.xh.pg-websites .o-cols{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-top:16px}.xh.pg-websites .o-img{height:200px;background:repeating-linear-gradient(45deg,#ddd,#ddd 8px,#e9e9e9 0,#e9e9e9 16px);display:grid;place-items:center;font-size:12px;color:#888;border:1px solid #bbb}.xh.pg-websites .o-txt p{font-size:13.5px;line-height:1.35}.xh.pg-websites .o-u{margin-top:10px;color:#22c;text-decoration:underline}.xh.pg-websites .o-foot{margin-top:22px;font-size:12px;color:#555;border-top:1px solid #bbb;padding-top:8px}.xh.pg-websites .n-body{flex:1;background:#fff;padding:22px 28px;overflow:hidden;font-family:var(--font-inter),sans-serif}.xh.pg-websites .n-top{display:flex;align-items:center;gap:22px;font-size:13px;color:#555b75}.xh.pg-websites .n-top b{margin-right:auto;font-size:16px;letter-spacing:-.03em;color:var(--ink)}.xh.pg-websites .n-cta{background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.xh.pg-websites .n-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:34px;align-items:center}.xh.pg-websites .n-hero small{color:var(--violet)}.xh.pg-websites .n-hero h4{font-size:34px;line-height:1.02;letter-spacing:-.05em;font-weight:700;margin-top:10px;color:var(--ink)}.xh.pg-websites .n-btns{display:flex;gap:8px;margin-top:20px}.xh.pg-websites .n-btns span{font-size:13px;font-weight:600;border-radius:999px;padding:10px 16px}.xh.pg-websites .n-btns .b1{background:var(--violet);color:#fff}.xh.pg-websites .n-btns .b2{background:#f1f2f8;color:var(--ink);border:1px solid var(--line)}.xh.pg-websites .n-form{border-radius:18px;background:#f7f7fb;border:1px solid var(--line);padding:16px;display:grid;gap:8px}.xh.pg-websites .n-form b{font-size:14px;color:var(--ink)}.xh.pg-websites .fi{display:block;font-size:11px;color:#7a7e96;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 10px}.xh.pg-websites .fi i{display:block;font-style:normal;font-size:13px;color:var(--ink);font-weight:500;margin-top:2px}.xh.pg-websites .fi i.ph{color:#16884a}.xh.pg-websites .fs{background:var(--ink);color:#fff;font-size:13px;font-weight:600;text-align:center;border-radius:10px;padding:10px}.xh.pg-websites .n-chips{display:flex;gap:8px;margin-top:22px}.xh.pg-websites .n-chips span{font-size:12px;border-radius:999px;padding:6px 12px;background:#f1f2f8;color:#3a3d50}.xh.pg-websites .cmp-l{position:absolute;bottom:52px;z-index:3;padding:7px 12px;border-radius:999px;background:rgba(15,16,24,.78);color:#fff}.xh.pg-websites .old .cmp-l{left:50px}.xh.pg-websites .new .cmp-l{right:50px;background:var(--violet)}.xh.pg-websites .cmp-h{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#fff;z-index:4;pointer-events:none;box-shadow:0 0 20px rgba(20,22,70,.4)}.xh.pg-websites .cmp-h span{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(20,22,70,.6)}.xh.pg-websites .cmp-h span svg{width:20px;height:20px}.xh.pg-websites .cmp-r{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}.xh.pg-websites .cmp-r:focus-visible~.cmp-h span,.xh.pg-websites .cmp.drag .cmp-h span{box-shadow:0 0 0 6px rgba(92,94,220,.3),0 14px 30px -10px rgba(20,22,70,.6)}.xh.pg-websites .cmp-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.xh.pg-websites .cmp-notes div{display:grid;grid-template-columns:24px 1fr;gap:4px 12px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line)}.xh.pg-websites .cmp-notes .ck{width:22px;height:22px;border-radius:7px;grid-row:span 2}.xh.pg-websites .cmp-notes b{font-size:15px;letter-spacing:-.02em}.xh.pg-websites .cmp-notes p{font-size:14px;color:var(--mut);line-height:1.5}.xh.pg-websites .cmp-ex{margin-top:20px;color:#7f84a3;display:flex;gap:10px;align-items:center}.xh.pg-websites .cmp-ex i{width:18px;height:1px;background:var(--coral)}@media(max-width:1080px){.xh.pg-websites .hfw .n1{left:12px}.xh.pg-websites .hfw .n2{right:12px}.xh.pg-websites .cmp{height:540px}.xh.pg-websites .n-hero{grid-template-columns:1fr}.xh.pg-websites .n-form{display:none}.xh.pg-websites .o-cols{grid-template-columns:1fr}.xh.pg-websites .o-img{height:120px}}@media(max-width:640px){.xh.pg-websites .hfw{margin-top:36px}.xh.pg-websites .hfw .n1{left:10px;top:auto;bottom:62px}.xh.pg-websites .hfw .n2{right:10px;top:14px}.xh.pg-websites .hfw .n3,.xh.pg-websites .hfw .p1,.xh.pg-websites .hfw .p2{display:none}.xh.pg-websites .cmp{height:500px;border-radius:22px}.xh.pg-websites .cmp-pane{padding:14px}.xh.pg-websites .cmp-l{bottom:26px}.xh.pg-websites .old .cmp-l{left:24px}.xh.pg-websites .new .cmp-l{right:24px}.xh.pg-websites .o-top{flex-direction:column}.xh.pg-websites .o-top b{font-size:20px}.xh.pg-websites .o-banner{font-size:13px}.xh.pg-websites .o-txt p{font-size:12px}.xh.pg-websites .n-body{padding:16px}.xh.pg-websites .n-top span:not(.n-cta){display:none}.xh.pg-websites .n-hero{margin-top:22px}.xh.pg-websites .n-hero h4{font-size:26px}.xh.pg-websites .n-btns{flex-direction:column;align-items:flex-start}.xh.pg-websites .n-chips{flex-wrap:wrap}.xh.pg-websites .cmp-notes{grid-template-columns:1fr}}.xh.pg-websites .ps1{margin-top:18px}.xh.pg-websites .ps2{padding-top:40px}.xh.pg-websites .ps3{display:block}.xh.pg-websites .ps4{margin-top:22px}