:root{--ink:#152038;--muted:#66748f;--muted-2:#8d99ae;--line:#5974a524;--blue:#6f91c9;--blue-dark:#2e4e7c;--paper:#f7faff;--gold:#c9a86a;--gold-dark:#a77f39;--gold-line:#c9a86a4d;--orange:#f3c6a7b3;--purple:#d8c9eebd;--pink:#efc7d8b8;--green:#cfe4d3cc;--navy:#17243b;--shadow:0 22px 70px #354e7e1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 7% 3%, #bad3ff99, transparent 30rem), radial-gradient(circle at 94% 28%, #dee9ffe6, transparent 25rem), radial-gradient(circle at 36% 98%, #cadeff70, transparent 28rem), var(--paper);margin:0;font-family:Heebo,Arial,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:linear-gradient(145deg,#fff6,#e2ecff14);position:fixed;inset:0}body:after{content:"";z-index:50;pointer-events:none;background:linear-gradient(90deg,#0000 4%,#c9a86a2e 28%,#c9a86ac7 50%,#c9a86a2e 72%,#0000 96%);height:2px;position:fixed;top:0;left:0;right:0}a{color:inherit}.page{width:min(100%,1160px);margin:0 auto;padding:14px 20px 42px;position:relative}.intro{text-align:right;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;min-height:610px;padding:72px 34px 80px;display:grid;position:relative}.intro:before{content:"";pointer-events:none;border:1px solid #c9a86a2e;border-radius:50%;width:330px;height:330px;position:absolute;top:60px;right:-120px;box-shadow:0 0 0 36px #ffffff14}.intro-copy-wrap{max-width:650px}.avatar-wrap{isolation:isolate;place-items:center;min-height:440px;display:grid;position:relative}.avatar{aspect-ratio:4/5;background:linear-gradient(145deg,#dce9ff,#edf4ff);border:1px solid #ffffffd9;border-radius:32px;width:min(82%,360px);height:auto;margin:0;position:relative;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 34px 80px #3954872e,0 0 0 1px #c9a86a40}.avatar:after{content:"";pointer-events:none;background:linear-gradient(#0000 68%,#141f3629);position:absolute;inset:0}.avatar img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.avatar:hover img{transform:scale(1.025)}.handle{color:#6f7890;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:ltr;background:#ffffff75;border:1px solid #c9a86a3d;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:7px 12px;font-family:Inter,sans-serif;font-size:9px;display:inline-flex}.handle:before{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #c9a86a1a}h1{color:#152038;letter-spacing:-.052em;max-width:700px;margin:0;font-size:clamp(42px,5.6vw,68px);font-weight:600;line-height:1.04}h1:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:52px;height:1px;margin:19px 0 0 auto;display:block}.intro-copy{color:#61708a;max-width:600px;margin:42px 0 0;font-size:17px;font-weight:300;line-height:1.78}.intro-copy strong{color:#314766;font-weight:500}.expertise{flex-wrap:wrap;justify-content:flex-start;gap:7px;margin-top:24px;display:flex}.expertise span{color:#6d7e98;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);direction:ltr;background:#ffffff7a;border:1px solid #c9a86a2e;border-radius:999px;padding:5px 9px;font-family:Inter,sans-serif;font-size:8.5px}.float-chip{z-index:2;color:#566983;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.02em;direction:ltr;background:#fffc;border:1px solid #fffc;border-radius:12px;align-items:center;min-height:36px;padding:0 11px;font-family:Inter,sans-serif;font-size:8px;animation:5.8s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 14px 34px #314a7821}.float-chip.one{top:70px;left:2px}.float-chip.two{animation-delay:-2.3s;top:178px;right:0}.float-chip.three{animation-delay:-3.6s;bottom:68px;left:24px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.services-section{width:min(100%,1040px);margin:0 auto;padding:18px 0 76px}.section-label{color:#7d8ca4;align-items:center;gap:9px;margin:0 2px 16px;font-size:12px;font-weight:500;display:flex}.section-label:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);opacity:.8;width:42px;height:1px}.links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.service{--service-accent:#d8e5fab8;background:radial-gradient(circle at 100% 0%, var(--service-accent), transparent 58%), #ffffffa3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffd1;border-radius:22px;grid-template-columns:54px 1fr auto;align-items:start;gap:15px;min-height:184px;padding:22px;text-decoration:none;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .38s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 38px #3a527f12,inset 0 1px #ffffffeb}.service-course{--service-accent:var(--orange)}.service-template{--service-accent:var(--purple)}.service-portfolio{--service-accent:var(--pink)}.service-web{--service-accent:var(--green)}.service:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#c9a86a6b,#0000);height:1px;transition:opacity .28s;position:absolute;bottom:0;left:18px;right:18px}.service:hover{border-color:#c9a86a47;transform:none;box-shadow:0 22px 55px #3a527f1c,inset 0 1px #fffffff5}.service:hover:before{opacity:1}.service:active{transform:none}.icon{color:#48617f;background:#ffffff9e;border:1px solid #c9a86a38;border-radius:15px;place-items:center;width:54px;height:54px;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s;display:grid;box-shadow:inset 0 1px #ffffffd1}.icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.service-copy{min-width:0}.service-badge{color:#8b6b34;background:#ffffff85;border:1px solid #c9a86a57;border-radius:999px;margin-bottom:7px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1.2;display:inline-block}.service strong{color:#263853;margin-top:1px;font-size:17px;font-weight:600;line-height:1.32;display:block}.service small{color:#6f7d93;margin-top:7px;font-size:13px;font-weight:300;line-height:1.62;display:block}.arrow{z-index:4;color:var(--gold-dark);direction:ltr;margin-top:4px;font-family:Inter,sans-serif;font-size:17px;transition:transform .25s;position:relative}.contact{text-align:center;color:#fff;background:radial-gradient(circle at 82% 16%, #5776a957, transparent 34%), radial-gradient(circle at 12% 100%, #c9a86a1f, transparent 33%), var(--navy);border:1px solid #c9a86a38;border-radius:28px;width:min(100%,1040px);margin:0 auto 18px;padding:58px 34px;position:relative;overflow:hidden;box-shadow:0 30px 80px #18253c33}.contact:before{content:"";border:1px solid #c9a86a21;border-radius:50%;width:330px;height:330px;position:absolute;top:-170px;right:-160px;box-shadow:0 0 0 42px #ffffff04}.contact h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(30px,4.4vw,44px);font-weight:600;line-height:1.1;position:relative}.contact p{color:#c4cdda;max-width:720px;margin:0 auto;font-size:14px;font-weight:300;line-height:1.82;position:relative}#contact-links{margin-top:22px;position:relative}footer{text-align:center;color:#9f8a95;letter-spacing:.02em;width:min(100%,980px);margin:28px auto 0;padding:22px 0 4px;font-size:11px;font-weight:400}footer:before{content:"";background:linear-gradient(90deg,#0000,#c9a86a94,#0000);width:54px;height:1px;margin:0 auto 14px;display:block}#contact-links .button{color:#17243b;background:#f7f1e5;border:1px solid #c9a86a8c;border-radius:12px;justify-content:center;align-items:center;min-height:47px;padding:0 19px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 26px #0000001f}#contact-links .button:hover{background:#fff8ec;transform:translateY(-2px);box-shadow:0 16px 32px #0000002b}.extras{flex-wrap:wrap;justify-content:center;gap:8px 18px;width:min(100%,1040px);margin:22px auto 0;display:flex}.extra{color:#718098;font-size:11px;text-decoration:none;transition:color .18s}.extra:hover{color:var(--gold-dark)}.reveal{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.2,.8,.2,1);transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:70ms}.delay-2{transition-delay:.14s}a:focus-visible{outline-offset:4px;outline:3px solid #c9a86aa6}.seo-intro{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 92% 12%,#dde9ffa8,#0000 16rem),#ffffff85;border:1px solid #c9a86a2e;border-radius:22px;width:min(100%,1040px);margin:0 auto 76px;padding:28px 30px;box-shadow:0 14px 38px #3a527f0e}.seo-intro h2{color:#263853;letter-spacing:-.025em;margin:0;font-size:23px;font-weight:600;line-height:1.3}.seo-intro h2:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:42px;height:1px;margin-top:11px;display:block}.seo-intro p{color:#6c7a90;max-width:860px;margin:14px 0 0;font-size:14px;font-weight:300;line-height:1.8}.seo-intro a{color:#3f5d85;border-bottom:1px solid #c9a86a5c;font-weight:500;text-decoration:none;transition:color .18s,border-color .18s}.seo-intro a:hover{color:var(--gold-dark);border-color:#c9a86ab8}@media (max-width:560px){.seo-intro{border-radius:19px;margin-bottom:58px;padding:22px 18px}.seo-intro h2{font-size:20px}.seo-intro p{font-size:13px}}@media (max-width:900px){.page{padding-left:16px;padding-right:16px}.intro{text-align:center;grid-template-columns:1fr;gap:38px;min-height:auto;padding:62px 10px 70px}.intro-copy-wrap{margin:0 auto}h1{margin-left:auto;margin-right:auto}h1:after{background:linear-gradient(90deg, transparent, var(--gold), transparent);margin-left:auto;margin-right:auto}.intro-copy{margin-left:auto;margin-right:auto}.expertise{justify-content:center}.avatar-wrap{min-height:390px}.avatar{width:min(76%,330px)}.float-chip.one{left:7%}.float-chip.two{right:6%}.float-chip.three{left:12%}.links{grid-template-columns:1fr}}@media (max-width:560px){.page{padding:8px 12px 34px}.intro{padding:52px 4px 58px}h1{font-size:clamp(36px,11vw,48px)}.intro-copy{font-size:15px}.avatar-wrap{min-height:345px}.avatar{border-radius:26px;width:min(82%,300px)}.float-chip{min-height:32px;padding:0 9px;font-size:7.5px}.float-chip.one{top:47px;left:0}.float-chip.two{top:150px;right:0}.float-chip.three{bottom:46px;left:4px}.services-section{padding-bottom:58px}.service{border-radius:18px;grid-template-columns:45px 1fr auto;gap:12px;min-height:0;padding:17px}.icon{border-radius:13px;width:45px;height:45px}.service strong{font-size:15px}.service small{font-size:12.3px}.contact{border-radius:23px;padding:46px 18px}.contact h2{font-size:31px}.contact p{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero-network-path,.hero-network-pulse,.service .arrow,.service .icon svg>*{animation:none!important}.hero-network-traveller{display:none}}.services-section .service-route{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--gold-dark);stroke-width:1.25px;position:absolute;inset:0;overflow:visible}.service-route path{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.services-section .arrow{pointer-events:none;transition:none;display:inline-block}.services-section .icon svg{width:28px;height:28px;overflow:visible}.services-section .icon svg>*{transform-box:fill-box;transform-origin:50%}.services-section .service:focus-visible{outline:2px solid var(--gold-dark);outline-offset:4px}.services-section .service[data-journey] .icon{animation:1.3s 2.45s both service-receive}.services-section [data-journey] .code-left{animation:1.15s ease-in-out 2.45s service-code-left}.services-section [data-journey] .code-right{animation:1.15s ease-in-out 2.45s service-code-right}.services-section [data-journey] .code-slash{animation:1s 2.65s service-draw}.services-section [data-journey] .browser-frame{animation:.8s 2.45s service-draw}.services-section [data-journey] .browser-bar{animation:.65s 2.7s service-draw}.services-section [data-journey] .browser-content{animation:.75s 2.95s service-draw}.services-section [data-journey] .shield-outline{animation:.8s 2.45s service-draw}.services-section [data-journey] .shield-check{animation:1.25s 2.45s service-check}.services-section [data-journey] .template-front{animation:1.2s ease-in-out 2.45s service-layer-front}.services-section [data-journey] .template-back{animation:1.2s ease-in-out 2.45s service-layer-back}.services-section [data-journey] .template-content{animation:1.2s 2.45s service-layer-content}@keyframes service-receive{0%,to{box-shadow:inset 0 1px #ffffffd1}35%,65%{color:#263853;border-color:var(--gold-dark);box-shadow:0 0 0 5px #c9a86a24}}@keyframes service-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px;opacity:.25}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}@keyframes service-code-left{0%,to{transform:translate(0)}40%{transform:translate(-3px)}}@keyframes service-code-right{0%,to{transform:translate(0)}40%{transform:translate(3px)}}@keyframes service-check{0%,48%{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}65%{opacity:1}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}@keyframes service-layer-front{0%,to{transform:translate(0)rotate(0)}40%{transform:translate(-3px,-2px)rotate(-9deg)}}@keyframes service-layer-back{0%,to{transform:translate(0)rotate(0)}40%{transform:translate(3px,2px)rotate(9deg)}}@keyframes service-layer-content{0%,to{opacity:1;transform:translate(0)}40%{opacity:.2;transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.services-section .service-route{display:none}.services-section .service .icon,.services-section .service .icon svg>*{animation:none!important}}.avatar-wrap .hero-network{pointer-events:none;z-index:1;fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-connection{stroke:#6f91c961;stroke-width:1px}.hero-signal{fill:var(--gold-dark);opacity:0;offset-distance:0%;animation:hero-signal-travel 12s ease-in-out var(--signal-delay) infinite}.avatar-wrap .float-chip{gap:7px;animation:none}.avatar-wrap .float-chip svg{fill:none;stroke:#48617f;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px;overflow:visible}.avatar-wrap .float-chip svg>*{transform-box:fill-box;transform-origin:50%}.avatar-wrap .one{--arrival:8s}.avatar-wrap .two{--arrival:0s}.avatar-wrap .three{--arrival:4s}.avatar-wrap .float-chip{animation:hero-label-receive 12s ease var(--arrival) infinite}.hero-code-left{animation:12s 8s infinite hero-code-open}.hero-code-right{animation:12s 8s infinite hero-code-open-right}.hero-code-slash{animation:12s 8s infinite hero-symbol-draw}.hero-search-growth{animation:12s infinite hero-symbol-draw}.hero-ai-links{animation:12s 4s infinite hero-symbol-draw}.hero-ai-node{animation:12s 4s infinite hero-node-connect}.avatar-wrap[data-network-visible=false] .hero-signal,.avatar-wrap[data-network-visible=false] .float-chip,.avatar-wrap[data-network-visible=false] .float-chip svg>*{animation-play-state:paused}@keyframes hero-signal-travel{0%{opacity:0;offset-distance:0%}2%{opacity:1}23%{opacity:1;offset-distance:100%}26%,to{opacity:0;offset-distance:100%}}@keyframes hero-label-receive{0%,21%,34%,to{border-color:#fffc}25%,29%{border-color:var(--gold)}}@keyframes hero-symbol-draw{0%,21%,34%,to{stroke-dasharray:1;stroke-dashoffset:0}23%{stroke-dasharray:1;stroke-dashoffset:1px}31%{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes hero-code-open{0%,21%,34%,to{transform:translate(0)}26%{transform:translate(-3px)}}@keyframes hero-code-open-right{0%,21%,34%,to{transform:translate(0)}26%{transform:translate(3px)}}@keyframes hero-node-connect{0%,21%,34%,to{fill:var(--paper)}27%{fill:var(--gold)}}@media (prefers-reduced-motion:reduce){.avatar-wrap .hero-signal{display:none}.avatar-wrap .float-chip,.avatar-wrap .float-chip svg>*{animation:none}}
