/* GooGeek Customer Portfolio · self-contained static site · 2026 */
:root{--ink:#10243f;--ink2:#324965;--muted:#77899d;--blue:#116be5;--blue2:#0076ee;--cyan:#16bce9;--line:#e6edf6;--light:#f5f9ff;--pale:#eaf3ff;--white:#fff;--radius:20px;--shadow:0 22px 60px rgba(18,75,144,.09);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:#fff;font:15px/1.72 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei", "Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}body:has(.case-dialog[open]){overflow:hidden}button,input,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #76bbff;outline-offset:3px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}::selection{background:#a8d9ff;color:#00386c}.container{width:min(1252px,calc(100% - 72px));margin-inline:auto}.topline{height:3px;background:linear-gradient(90deg,#1f67e6,#20c8e6 45%,#eaf8ff 95%)}.skip-link{position:absolute;z-index:99;background:#fff;padding:12px;top:-100px;left:20px}.skip-link:focus{top:10px}
/* header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(224,233,242,.82);backdrop-filter:blur(20px)}.header-inner{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0c64db,#2bbfe6);box-shadow:0 6px 13px rgba(8,104,231,.16)}.brand-type{display:flex;gap:8px;align-items:baseline;white-space:nowrap}.brand-word{font-size:25px;letter-spacing:-1.3px;font-weight:850;color:#0a62d3}.brand-word span{color:#0877e7}.brand-cn{font-size:16px;font-weight:800;color:#24344e;letter-spacing:-.5px}.site-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.site-nav a{font-size:13px;color:#3b526f;font-weight:650;line-height:78px;position:relative;transition:color .2s}.site-nav a:hover,.site-nav a.nav-active{color:#006dea}.site-nav a.nav-active:after{position:absolute;content:"";height:2px;bottom:0;left:0;right:0;background:#0d7df1}.header-contact{display:flex;align-items:center;gap:25px;background:#006fe8;color:white;border-radius:30px;padding:11px 17px 11px 21px;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:0 9px 25px #0a6fd323;transition:transform .2s,box-shadow .2s}.header-contact:hover{transform:translateY(-2px);box-shadow:0 13px 24px #006fe84d}.header-contact span{font-size:19px;line-height:1}.mobile-menu-toggle{display:none}
/* common */
.section{padding:106px 0}.section-kicker{display:flex;align-items:center;gap:12px;color:#0879e9;font-weight:800;font-size:11px;letter-spacing:1.9px;text-transform:uppercase}.kicker-line{width:26px;height:2px;background:linear-gradient(90deg,#006be9,#32c7e9)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}.section-header h2,.collection-heading h2,.approach-left h2{font-size:clamp(29px,3vw,43px);line-height:1.28;letter-spacing:-1.7px;font-weight:800;margin-top:16px}.section-header p,.collection-heading p,.approach-left>p{color:#64768e;font-size:14px;margin-top:13px;line-height:1.85}.blue-text{color:#0879e7}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #abc9ed;padding:0 0 8px;color:#1b67c1;font-weight:800;font-size:13px;white-space:nowrap;transition:gap .2s}.text-link:hover{gap:27px}.outlined-link{white-space:nowrap;border:1px solid #96c4ff;border-radius:9px;color:#0566d4;font-weight:800;padding:12px 18px;display:flex;align-items:center;gap:20px;font-size:13px;transition:.2s}.outlined-link:hover{background:#116be5;color:white;border-color:#116be5}
/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#fafdff 1%,#f2f8ff 47%,#eaf4ff 100%);min-height:669px}.hero-bg-grid{position:absolute;inset:0;z-index:-2;opacity:.65;background-image:linear-gradient(to right,#d4e6fc75 1px,transparent 1px),linear-gradient(to bottom,#d4e6fc75 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(120deg,transparent 22%,#000 100%)}.hero-blob{pointer-events:none;position:absolute;z-index:-1;border-radius:50%;filter:blur(35px)}.blob-a{width:520px;height:450px;background:#bddfff72;right:-90px;top:40px}.blob-b{width:270px;height:270px;background:#72d9f42b;left:40%;bottom:-150px}.hero-layout{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:669px;padding-top:25px;padding-bottom:34px}.hero-content{z-index:2;padding:30px 0 20px}.hero-kicker{margin-bottom:24px;font-size:12px;letter-spacing:1.65px}.kicker-dot{width:7px;height:7px;background:#1bc1da;border-radius:100%;box-shadow:0 0 0 5px #0ab6dd14}.kicker-suffix{color:#7a99be}.hero h1{font-weight:840;line-height:1.18;letter-spacing:-2.7px;font-size:clamp(40px,4vw,62px);color:#122e4c}.hero-accent{position:relative;color:#0879e8}.hero-accent:after{content:"";position:absolute;left:1px;right:1px;bottom:0;height:7px;background:#70ceff85;z-index:-1;border-radius:100%}.hero-full-stop{color:#0e7fec}.hero-desc{max-width:505px;font-size:15px;line-height:2.08;color:#566e89;margin-top:23px}.hero-buttons{display:flex;gap:12px;align-items:center;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;font-size:13px;font-weight:800;white-space:nowrap;min-height:46px;border-radius:9px;padding:10px 23px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#006cdf,#1788fa);color:#fff;border:1px solid #0473eb;box-shadow:0 12px 22px #0c7ee828}.btn-ghost{border:1px solid #bfd3ea;background:#fff9;color:#286391}.hero-metrics{display:flex;align-items:center;gap:31px;margin-top:51px}.metric{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.metric strong{font-size:35px;line-height:1.15;letter-spacing:-1px;color:#193a5f;font-weight:820}.metric strong span{font-size:23px;color:#137fe6}.metric>span{color:#66809b;font-size:12px;font-weight:600}.metric-line{height:35px;width:1px;background:#d5e3f3}.hero-visual{height:578px;position:relative;isolation:isolate}.hero-orbit{position:absolute;z-index:-1;border-radius:50%;border:1px dashed #9cc7f6;transform:rotate(-25deg)}.orbit-one{width:550px;height:480px;left:58px;top:57px}.orbit-two{width:650px;height:552px;left:18px;top:16px;border-color:#c6dff9}.hero-decor{position:absolute;border-radius:100%;background:#16a5e7;box-shadow:0 0 0 7px #a1d9ff80}.deco-one{width:9px;height:9px;top:79px;right:24px}.deco-two{width:6px;height:6px;bottom:103px;left:28px}.hero-main-window{position:absolute;top:108px;left:72px;width:520px;border:1px solid #dae6f4;background:#fff;border-radius:14px;box-shadow:0 34px 76px #215f9d33,0 1px 0 #fff;overflow:hidden;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg);transition:transform .4s}.hero-main-window:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(0) rotateZ(0)}.mock-browser-bar{height:34px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid #e3edf9}.browser-dots{display:flex;gap:4px}.browser-dots i{width:7px;height:7px;background:#ffb1b1;border-radius:50%}.browser-dots i:nth-child(2){background:#ffd37f}.browser-dots i:nth-child(3){background:#a6dca9}.browser-address{margin:auto;min-width:210px;max-width:250px;text-align:center;font-size:10px;color:#72849a;background:#f4f7fb;border:1px solid #edf0f4;border-radius:4px;line-height:20px;letter-spacing:.2px}.lock-icon{margin-right:5px;color:#7d9cb9}.browser-mini-menu{color:#8598a6}.hero-main-photo{height:296px;position:relative;overflow:hidden;background:#0b2744}.hero-main-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#052241d9 0,#092e4caa 32%,transparent 90%)}.hero-browser-label{position:absolute;top:24px;left:30px;font-size:23px;font-weight:950;color:#fff;letter-spacing:1px;line-height:1}.hero-browser-label small{display:block;margin-top:4px;font-size:8px;letter-spacing:3px;color:#c2e7f7}.hero-browser-copy{position:absolute;bottom:24px;left:30px;color:#fff;display:flex;flex-direction:column;align-items:start;gap:10px}.hero-browser-copy>span{color:#aad7fb;font-size:8px;letter-spacing:1.9px;font-weight:700}.hero-browser-copy strong{font-size:26px;line-height:1.25;letter-spacing:-.2px}.hero-browser-copy small{font-size:9px;background:#fff;color:#1c476d;border-radius:4px;padding:5px 10px;font-weight:700}.hero-browser-copy small span{margin-left:12px;color:#0d79e7}.hero-browser-bottom{height:44px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;color:#69849f;letter-spacing:1px}.hero-browser-bottom b{font-size:14px;color:#0b8ae1;vertical-align:middle}.hero-browser-bottom i{display:inline-block;margin-left:8px;width:24px;height:2px;vertical-align:middle;background:#168af0}.hero-small-window{position:absolute;width:225px;background:#fff;padding:6px 6px 11px;border-radius:11px;box-shadow:0 17px 40px #265e9e39;top:320px;left:7px;transform:rotate(-8deg);border:1px solid #e2eefd}.mini-window-pic{height:119px;position:relative;border-radius:6px;overflow:hidden}.mini-window-pic>img{width:100%;height:100%;object-fit:cover}.mini-window-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081e39b4,transparent)}.mini-window-pic span{position:absolute;z-index:1;bottom:9px;left:12px;font-size:12px;font-weight:850;color:#fff;letter-spacing:.3px}.mini-window-text{display:flex;justify-content:space-between;align-items:start;flex-direction:column;padding:10px 10px 0;gap:1px}.mini-window-text strong{font-size:12px;color:#0d2e4f}.mini-window-text small{color:#7186a1;font-size:10px}.hero-float-chip{display:flex;align-items:center;gap:9px;position:absolute;background:#fff;border:1px solid #e4f0ff;border-radius:13px;box-shadow:0 13px 33px #215b9d26;padding:9px 14px;z-index:3}.hero-float-chip>span:last-child{display:flex;flex-direction:column;line-height:1.3;gap:2px}.hero-float-chip b{color:#1c426b;font-size:12px}.hero-float-chip small{color:#7b91ab;font-size:10px}.float-chip-one{right:0;top:79px;transform:rotate(6deg)}.float-chip-two{right:5px;bottom:94px;transform:rotate(-5deg)}.chip-pulse,.chip-globe{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:#008aea;background:#e8f4ff;font-weight:800;font-size:20px}.chip-globe{color:#119eaa;background:#e7fbfc}.hero-visual-caption{position:absolute;bottom:24px;right:23px;color:#87a7c9;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:750;letter-spacing:1.3px}.caption-line{width:27px;height:1px;background:#85a8d2}
/* client brands */
.brand-strip{border-block:1px solid #e6edf7;background:#fff}.brand-strip-layout{display:flex;align-items:center;gap:36px;min-height:101px}.brand-strip-lead{color:#234365;font-size:12px;font-weight:800;min-width:145px;line-height:1.5}.brand-strip-lead span{display:block;color:#a1aec0;font-size:9px;letter-spacing:1.4px;margin-top:3px}.brand-names{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px;color:#879bad}.brand-names span{font-size:clamp(13px,1.4vw,19px);font-weight:900;letter-spacing:.3px;white-space:nowrap;font-style:italic}
/* industry tiles */
.industries-section{background:#fff;padding-bottom:111px}.industry-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.industry-card{height:210px;min-width:0;padding:0;text-align:left;border:1px solid #e3edf6;border-radius:14px;position:relative;overflow:hidden;background:#173b5f;color:#fff;box-shadow:0 10px 25px #1e5e9b12;transition:transform .25s,box-shadow .25s}.industry-card:hover{transform:translateY(-7px);box-shadow:0 22px 35px #1b64932e}.industry-card>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.industry-card:hover>img{transform:scale(1.1)}.industry-shade{position:absolute;inset:0;background:linear-gradient(180deg,#13355470 0%,transparent 35%,#0a2942e3 98%)}.industry-top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;font-weight:750;font-size:10px;color:#e4f1fc;letter-spacing:1px}.industry-arrow{height:25px;width:25px;display:grid;place-items:center;border:1px solid #e7f5fb7c;border-radius:50%;font-size:15px}.industry-bottom{position:absolute;bottom:14px;left:14px;right:10px;display:flex;flex-direction:column;gap:0}.industry-bottom strong{font-size:14px;line-height:1.55;font-weight:800}.industry-bottom small{font-size:10px;color:#c8dce9}
/* selected works */
.featured-section{background:linear-gradient(180deg,#f3f8ff 0%,#f8fbff 70%,#fff 100%);border-block:1px solid #e4edf8}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.featured-card{background:#fff;overflow:hidden;border:1px solid #e4ebf5;border-radius:16px;box-shadow:0 16px 34px #1a6fa50e;transition:transform .25s,box-shadow .25s}.featured-card:hover{transform:translateY(-6px);box-shadow:0 21px 48px #2263a420}.featured-image-wrap{height:230px;position:relative;background:#174c7a;overflow:hidden}.featured-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.featured-card:hover .featured-image-wrap img{transform:scale(1.06)}.featured-image-shine{position:absolute;inset:0;background:linear-gradient(180deg,#09223e6f 0,transparent 40%,#06182e8a)}.featured-image-top{position:absolute;top:18px;left:19px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:5px}.feature-serial{font-weight:750;font-size:9px;color:#fff;letter-spacing:.8px}.featured-badge{background:#fffdf5ed;color:#115a91;font-size:10px;padding:4px 9px;border-radius:5px;font-weight:750}.photo-monogram{position:absolute;bottom:15px;left:19px;font-size:23px;line-height:1;letter-spacing:.5px;color:#fff;font-weight:900;text-shadow:0 2px 8px #0004}.featured-content{padding:23px 23px 20px}.featured-category{color:#1685e3;font-size:10px;font-weight:750;letter-spacing:.2px}.featured-category span{color:#9db4c8;padding-inline:5px}.featured-title-row{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:9px}.featured-title-row h3{font-size:20px;font-weight:850;line-height:1.4;letter-spacing:-.3px}.featured-title-row h3 span{display:block;font-size:11px;color:#8ca0b4;font-weight:650;letter-spacing:0;margin-top:3px}.round-arrow{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #d3e5f8;background:#f5f9ff;color:#0876e1;border-radius:100%;font-size:22px;line-height:1;transition:.2s}.round-arrow:hover{color:#fff;background:#1076e9;border-color:#1076e9;transform:rotate(45deg)}.featured-content>p{font-size:12px;color:#71849a;line-height:1.8;min-height:43px;margin-top:11px}.featured-foot{display:flex;align-items:center;gap:10px;border-top:1px solid #eaf0f6;margin-top:17px;padding-top:15px;font-size:10px;color:#748aa1}.featured-foot>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#2877c9}.feature-foot-line{flex:1;background:#dae6f4;height:1px;min-width:7px}.featured-foot>span:last-child{white-space:nowrap;font-weight:800;color:#1b5fb7}.illustration-caption{margin-top:23px;text-align:center;color:#98a6b6;font-size:11px}.illustration-caption span{color:#1684ee;padding-right:5px}
/* collection */
.collection-section{padding-top:112px;background:#fff}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.collection-index{text-align:right;display:flex;flex-direction:column;align-items:end;gap:0}.collection-index strong{color:#144574;font-size:45px;font-weight:850;line-height:1;letter-spacing:-2px}.collection-index strong span{font-size:21px;color:#90afc9;padding-inline:3px}.collection-index small{font-size:9px;color:#8fa5b8;letter-spacing:1.2px;font-weight:750}.case-toolbar{margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #e2ebf6;padding-bottom:22px}.era-switch{padding:4px;display:inline-flex;gap:4px;align-items:center;background:#f2f6fb;border-radius:10px;border:1px solid #e9eff5}.era-switch button{border:0;background:transparent;color:#56718e;border-radius:7px;font-size:12px;font-weight:750;padding:10px 17px;white-space:nowrap;transition:.2s}.era-switch button b{font-size:10px;font-weight:800;margin-left:4px;color:inherit;opacity:.7}.era-switch button.is-active{color:#fff;background:#126fe5;box-shadow:0 4px 13px #1677dd38}.searchbox{display:flex;align-items:center;gap:9px;border:1px solid #dfe9f5;border-radius:9px;background:#fff;color:#8199af;padding:0 11px;min-width:280px;min-height:46px;transition:border-color .2s}.searchbox:focus-within{border-color:#1686f1;box-shadow:0 0 0 3px #1686f114}.searchbox input{outline:0;border:0;background:none;min-width:0;flex:1;font-size:12px;color:#1b3653}.searchbox input::placeholder{color:#93a5b7}.search-shortcut{font-size:10px;color:#a6b3c3;border:1px solid #e1e7ed;border-radius:4px;padding:1px 4px;white-space:nowrap}.filters-bar{padding:22px 0 20px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-label{font-size:11px;color:#7d91a9;font-weight:750;margin-right:8px;white-space:nowrap}.filter-divider{padding-left:8px;color:#ccdae8}.filter-button{border:1px solid transparent;background:transparent;color:#5f748a;border-radius:6px;padding:7px 11px;font-weight:650;font-size:11px;transition:.2s}.filter-button:hover{background:#f1f7ff;color:#166eca}.filter-button.is-active{background:#eaf4ff;color:#036ed8;border-color:#c7e1fe;font-weight:800}.collection-status{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#7e93a7;padding-bottom:19px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:100%;background:#21bc96;margin-right:6px;vertical-align:1px}.collection-status strong{color:#1571db}.status-help{color:#a1aec0}.cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-card{border:1px solid #e6edf6;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 7px 26px #14548a0a;transition:transform .25s,box-shadow .25s;min-width:0}.case-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #14548a1c}.case-card.is-hidden{display:none}.case-cover{height:176px;background:#0d365a;position:relative;overflow:hidden}.case-cover>img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.case-card:hover .case-cover>img{transform:scale(1.06)}.cover-mask{position:absolute;inset:0;background:linear-gradient(180deg,#0022446b 0,transparent 42%,#061f3abd)}.case-seq{position:absolute;left:17px;top:13px;color:#fff;font-size:12px;font-weight:850;letter-spacing:.5px}.case-seq small{font-size:10px;color:#c9d8e9;font-weight:600}.case-era{position:absolute;right:15px;top:14px;font-weight:850;letter-spacing:.6px;font-size:9px;color:#fff;background:#0668d8c9;padding:4px 9px;border-radius:4px}.case-era-old{background:#28425da8}.case-cover-heading{position:absolute;left:17px;bottom:16px;color:#fff;font-size:21px;line-height:1.2;font-weight:850;text-shadow:0 2px 13px #0005;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-card-main{padding:20px 19px 19px}.case-tags{display:flex;align-items:center;color:#0c81dd;font-size:10px;font-weight:800;gap:7px}.case-tags-dot{color:#b4c3d0}.case-card-main h3{font-weight:840;font-size:19px;line-height:1.3;letter-spacing:-.3px;margin-top:11px}.case-card-main>p{margin-top:7px;color:#8497aa;font-size:12px;min-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-card-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;padding-top:16px;margin-top:16px}.case-domain{font-size:11px;color:#537c9e;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.case-card-actions{display:flex;align-items:center;flex-shrink:0;gap:6px}.detail-button{background:transparent;border:0;color:#356eac;font-size:11px;font-weight:750;padding:5px 3px;white-space:nowrap}.detail-button:hover{text-decoration:underline}.site-link{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#eaf4ff;color:#096ad7;font-size:17px;font-weight:700;transition:.2s}.site-link:hover{background:#086edb;color:white}.empty-results{text-align:center;border:1px dashed #c9ddee;border-radius:16px;background:#f8fbff;padding:60px 20px}.empty-results[hidden]{display:none}.empty-results>div{font-size:54px;color:#74a6d8;line-height:1}.empty-results h3{font-size:22px;margin-top:13px}.empty-results p{color:#8595a8;font-size:13px;margin:9px 0 22px}.collection-end{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:53px;color:#a9b8c7;font-size:10px;letter-spacing:2px;font-weight:750}.collection-end span{height:1px;background:#e4ebf2;width:90px}
/* approach */
.approach-section{background:linear-gradient(135deg,#f7fbff,#eff7ff);border-block:1px solid #e8eff7}.approach-layout{display:grid;grid-template-columns:43% 57%;gap:20px}.approach-left{padding-right:55px;position:relative}.approach-left h2{font-size:43px;line-height:1.37;margin-top:19px}.approach-left>p{font-size:14px;max-width:400px;margin-top:20px}.approach-left .text-link{margin-top:25px}.approach-mark{margin-top:65px;font-size:88px;font-weight:950;color:#e1edfa;line-height:1}.approach-mark span{font-size:54px;vertical-align:top;color:#d1e7fa;margin-left:5px}.approach-list{border-top:1px solid #d5e5f5}.approach-item{display:grid;grid-template-columns:50px 1fr 25px;gap:11px;align-items:start;border-bottom:1px solid #d5e5f5;padding:29px 3px 26px 0;transition:padding-left .25s}.approach-item:hover{padding-left:10px}.approach-number{color:#0b75e7;font-size:17px;font-weight:850}.approach-item h3{font-size:19px;font-weight:820;line-height:1.3}.approach-item h3 small{font-size:9px;font-weight:700;color:#9bb0c8;letter-spacing:.7px;margin-left:10px}.approach-item p{font-size:12px;color:#748ba2;margin-top:7px}.approach-arr{color:#76a9dc;font-size:22px;line-height:1}
/* call to action / footer */
.cta-section{padding:93px 0 107px;background:#fff}.cta-shell{background:linear-gradient(113deg,#083e85 0%,#0a6ce6 75%,#10a6ea 100%);border-radius:21px;min-height:345px;padding:58px 66px;color:#fff;position:relative;overflow:hidden;isolation:isolate}.cta-wave{position:absolute;z-index:-1;pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:690px;height:690px;right:-155px;top:-190px}.wave-2{height:540px;width:540px;right:-80px;top:-130px}.cta-kicker{font-size:10px;letter-spacing:2px;color:#b4dcff;font-weight:850}.cta-copy h2{font-size:36px;line-height:1.4;font-weight:850;letter-spacing:-1px;margin-top:15px}.cta-copy h2 span{color:#8ee4ff}.cta-copy p{max-width:545px;color:#c5dffe;font-size:13px;margin-top:14px;line-height:1.8}.cta-btn{margin-top:22px;background:#fff;color:#086fdc;box-shadow:0 12px 25px #002d6245}.cta-emblem{position:absolute;right:135px;top:53px;height:235px;width:235px;border:1px solid #ffffff52;border-radius:42px;display:grid;place-items:center;transform:rotate(-14deg);background:#ffffff0c;box-shadow:inset 0 0 40px #ffffff16}.cta-emblem>span{color:#ffffffce;font-size:155px;font-weight:950;line-height:1;letter-spacing:-11px;transform:rotate(14deg)}.emblem-ring{position:absolute;border:1px solid #ffffff2f;border-radius:50%;height:355px;width:355px}.ring-b{height:480px;width:480px}.site-footer{background:#0b203a;color:#e9f3ff;padding:55px 0 26px}.footer-main{display:flex;justify-content:space-between;gap:45px;padding-bottom:38px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-mark{height:47px;width:47px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1371f2,#16afd5);font-size:25px;font-weight:900;letter-spacing:-1px}.footer-mark span{font-size:14px;transform:translate(-3px,-7px)}.footer-brand>span:last-child{display:flex;flex-direction:column;line-height:1.4}.footer-brand strong{font-weight:800;font-size:24px}.footer-brand small{font-size:10px;color:#9eb5d4}.footer-main>div>p{font-size:11px;color:#a2b7cf;margin-top:13px}.footer-nav{display:flex;align-items:start;gap:27px;font-size:12px;font-weight:700;padding-top:17px;color:#bcd2e8}.footer-nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #2d425d;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#8ba5bd}.back-top{position:fixed;z-index:33;right:24px;bottom:28px;height:44px;width:44px;border:1px solid #d8e8f7;border-radius:12px;background:#fff;box-shadow:0 11px 22px #16416e1b;color:#1476e9;font-size:22px;opacity:0;visibility:hidden;transform:translateY(9px);transition:.25s}.back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover{background:#0c72df;color:#fff}
/* modal */
.case-dialog{border:0;border-radius:19px;width:min(650px,calc(100vw - 36px));max-height:min(90vh,850px);padding:0;box-shadow:0 40px 100px #071f3b66;overflow-y:auto;background:#fff;color:var(--ink)}.case-dialog::backdrop{background:#071c36b5;backdrop-filter:blur(4px)}.dialog-close{position:absolute;z-index:2;right:14px;top:14px;background:#fffffff0;border:0;border-radius:50%;width:38px;height:38px;font-size:27px;line-height:1;color:#264768}.dialog-image{height:236px;position:relative;background:#194068}.dialog-image>img{height:100%;width:100%;object-fit:cover}.dialog-image:after{content:"";background:linear-gradient(0deg,#13283b6b,transparent);position:absolute;inset:0}.dialog-image>span{position:absolute;bottom:17px;left:27px;z-index:1;font-size:11px;font-weight:850;color:#fff;background:#086de3b8;padding:4px 12px;border-radius:4px}.dialog-body{padding:29px 35px 35px}.dialog-kicker{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#1273de}.dialog-body h2{font-size:29px;font-weight:850;margin-top:8px}.dialog-subtitle{color:#7590ad;font-size:13px;margin-top:3px}.dialog-description{color:#59718a;font-size:14px;line-height:2;margin-top:18px}.dialog-keywords{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.dialog-keywords span{font-size:11px;color:#1169cf;background:#edf6ff;padding:4px 10px;border-radius:5px}.dialog-product{display:flex;flex-direction:column;gap:4px;border-top:1px solid #e7edf5;margin-top:21px;padding-top:17px}.dialog-product span{color:#8a9cae;font-size:11px}.dialog-product strong{font-size:14px;font-weight:760}.dialog-visit{margin-top:24px}.dialog-note{font-size:10px;color:#97a8b7;margin-top:14px}
/* responsive */
@media(max-width:1199px){.container{width:min(1080px,calc(100% - 54px))}.site-nav{gap:21px}.header-inner{gap:19px}.brand-cn{display:none}.hero h1{font-size:52px}.hero-layout{grid-template-columns:52% 48%}.hero-visual{transform:scale(.83);transform-origin:25% 50%;width:610px;margin-left:-20px}.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.industry-card{height:180px}.feature-serial{font-size:8px}.featured-content{padding:19px}.featured-title-row h3{font-size:18px}.approach-item h3 small{display:block;margin-left:0;margin-top:7px}}
@media(max-width:900px){.header-inner{height:71px}.site-nav{gap:13px}.site-nav a{font-size:11px}.header-contact{padding:9px 13px;gap:9px;font-size:11px}.brand-word{font-size:21px}.brand-symbol{width:39px;height:39px}.hero-layout{min-height:0;padding:65px 0 45px;grid-template-columns:1fr 1fr;gap:5px}.hero{min-height:0}.hero-content{padding:0}.hero h1{font-size:clamp(34px,5vw,49px)}.hero-desc{font-size:13px}.hero-buttons{flex-wrap:wrap}.hero-metrics{gap:15px;margin-top:35px}.metric strong{font-size:30px}.hero-visual{transform:scale(.63);transform-origin:0 44%;margin-left:-30px;height:490px}.brand-names span{font-size:13px}.featured-grid,.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-image-wrap{height:215px}.collection-heading h2,.section-header h2{font-size:33px}.approach-layout{grid-template-columns:1fr 1fr}.approach-left h2{font-size:36px}.approach-left{padding-right:12px}.approach-item{grid-template-columns:35px 1fr 10px}.approach-item h3{font-size:16px}.approach-item p{font-size:11px}.cta-emblem{right:50px;opacity:.6}}
@media(max-width:680px){html{scroll-padding-top:65px}.container{width:calc(100% - 36px)}.header-inner{height:66px}.brand-cn{display:inline;font-size:13px}.brand-word{font-size:21px}.site-header{position:sticky}.header-contact{margin-left:auto;font-size:10px;padding:8px 12px;gap:6px}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:37px;height:38px;background:#f2f7ff;border:1px solid #e7f0fc;border-radius:8px;order:3}.mobile-menu-toggle span{width:17px;height:2px;background:#1d69b8;border-radius:3px}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;box-shadow:0 14px 25px #1c4b7821;padding:12px 19px 19px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e8eff7}.site-nav.is-open{display:flex}.site-nav a{font-size:13px;line-height:1.2;padding:13px 8px;border-bottom:1px solid #eaf0f6}.site-nav a.nav-active:after{display:none}.hero-layout{grid-template-columns:1fr;gap:0;padding:53px 0 20px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-desc{font-size:13px;margin-top:19px}.hero-kicker{font-size:10px;margin-bottom:18px}.hero-buttons{gap:9px;margin-top:24px}.btn{font-size:12px;min-height:43px;padding:9px 16px;gap:16px}.hero-metrics{gap:17px;margin-top:35px}.metric strong{font-size:28px}.metric>span{font-size:11px}.hero-visual{width:610px;height:330px;transform:scale(.56);transform-origin:0 0;margin:5px 0 0 -9px}.hero-main-window{top:60px}.hero-small-window{top:260px}.float-chip-one{top:23px}.float-chip-two{bottom:130px}.hero-visual-caption{bottom:110px}.brand-strip-layout{min-height:85px;display:block;padding-block:16px}.brand-strip-lead{margin-bottom:12px}.brand-strip-lead span{display:inline;margin-left:9px}.brand-names{gap:19px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.brand-names span{font-size:15px}.brand-names::-webkit-scrollbar{display:none}.section{padding:70px 0}.section-header{display:block;margin-bottom:25px}.section-header h2,.collection-heading h2{font-size:29px;letter-spacing:-1px}.section-header p,.collection-heading p{font-size:12px}.section-header .text-link,.section-header .outlined-link{margin-top:20px;display:inline-flex}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.industry-card{height:175px}.industry-bottom strong{font-size:14px}.featured-grid,.cases-grid{grid-template-columns:1fr;gap:16px}.featured-image-wrap{height:240px}.featured-content{padding:20px}.featured-content>p{min-height:0}.collection-section{padding-top:73px}.collection-heading{align-items:start}.collection-index{display:none}.case-toolbar{display:block;margin-top:25px;padding-bottom:16px}.era-switch{display:flex;width:100%;justify-content:space-between}.era-switch button{flex:1;padding:10px 3px;font-size:11px}.era-switch button b{margin-left:1px}.searchbox{margin-top:14px;width:100%}.filters-bar{gap:5px;padding:16px 0}.filter-label{width:100%;margin-bottom:3px}.filter-button{font-size:10px;padding:7px 9px}.collection-status{display:block}.status-help{display:block;margin-top:4px}.case-cover{height:196px}.case-card-main{padding:19px}.case-card-main h3{font-size:18px}.collection-end{padding-top:32px;font-size:9px}.collection-end span{width:25px}.approach-layout{display:block}.approach-left{padding-right:0}.approach-left h2{font-size:34px}.approach-left>p{font-size:13px}.approach-mark{display:none}.approach-list{margin-top:31px}.approach-item{grid-template-columns:36px 1fr 16px;padding:19px 0}.approach-item h3 small{display:inline;margin:0 0 0 8px}.cta-section{padding:60px 0}.cta-shell{padding:42px 25px;min-height:0}.cta-copy h2{font-size:27px}.cta-copy p{font-size:12px}.cta-emblem{opacity:.15;right:-120px;top:20px}.site-footer{padding:39px 0 23px}.footer-main{display:block;padding-bottom:26px}.footer-nav{flex-wrap:wrap;gap:12px 18px;margin-top:16px}.footer-bottom{display:block;line-height:1.9}.footer-bottom span{display:block}.case-dialog{max-height:85vh}.dialog-image{height:200px}.dialog-body{padding:23px}.dialog-body h2{font-size:24px}.dialog-description{font-size:12px}}
@media(max-width:380px){.header-contact{display:none}.mobile-menu-toggle{margin-left:auto}.hero h1{font-size:37px}.hero-visual{transform:scale(.5);height:305px}.hero-metrics{gap:10px}.metric strong{font-size:26px}.metric>span{font-size:10px}.hero-metrics .metric-line{height:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Supplied GooGeek logo: retain the complete original artwork and aspect ratio. */
.brand-logo{display:block;width:220px;height:auto;flex-shrink:0}
.footer-brand{flex-direction:column;align-items:flex-start;gap:12px}
.footer-logo-link{display:block;width:244px;padding:5px 8px;background:#fff;border-radius:10px;overflow:hidden}
.footer-logo{display:block;width:100%;height:auto}
.footer-brand>small{font-size:11px;color:#9eb5d4;letter-spacing:.5px}
.approach-mark{display:block;width:100px;height:100px;margin-top:30px;opacity:.16;line-height:1}
.approach-mark img{width:100%;height:100%;border-radius:22px}
.cta-emblem>img{width:176px;height:176px;border-radius:36px;transform:rotate(14deg)}
@media(max-width:1199px){.brand-logo{width:200px}}
@media(max-width:900px){.brand-logo{width:176px}}
@media(max-width:680px){.header-inner{gap:10px}.brand-logo{width:165px}.approach-mark{display:none}.footer-logo-link{width:224px}}